refactor: 重构layout文件命名规范，更易读 (#1110)

src/components/ReAnimateSelector/src/index.vue

@@ -7,7 +7,7 @@ defineOptions({
   name: "ReAnimateSelector"
 });
 
-const props = defineProps({
+defineProps({
   placeholder: {
     type: String,
     default: "请选择动画"
@@ -81,7 +81,7 @@ function onMouseleave() {
   <el-select
     clearable
     filterable
-    :placeholder="props.placeholder"
+    :placeholder="placeholder"
     popper-class="pure-animate-popper"
     :model-value="inputValue"
     :filter-method="filterMethod"

src/components/ReCropperPreview/src/index.vue

@@ -7,7 +7,7 @@ defineOptions({
   name: "ReCropperPreview"
 });
 
-const props = defineProps({
+defineProps({
   imgSrc: String
 });
 
@@ -44,7 +44,7 @@ defineExpose({ hidePopover });
         <div class="w-[18vw]">
           <ReCropper
             ref="refCropper"
-            :src="props.imgSrc"
+            :src="imgSrc"
             circled
             @cropper="onCropper"
             @readied="showPopover = true"

src/components/ReFlowChart/src/DataDialog.vue

@@ -2,7 +2,7 @@
 import VueJsonPretty from "vue-json-pretty";
 import "vue-json-pretty/lib/styles.css";
 
-const props = defineProps({
+defineProps({
   graphData: Object
 });
 </script>
@@ -12,6 +12,6 @@ const props = defineProps({
     :path="'res'"
     :deep="3"
     :showLength="true"
-    :data="props.graphData"
+    :data="graphData"
   />
 </template>

src/components/ReFlowChart/src/NodePanel.vue

@@ -35,7 +35,7 @@ const nodeDragNode = item => {
   <!-- 左侧bpmn元素选择器 -->
   <div class="node-panel">
     <div
-      v-for="item in props.nodeList"
+      v-for="item in nodeList"
       :key="item.text"
       class="node-item dark:text-bg_color"
       @mousedown="nodeDragNode(item)"

src/components/ReSeamlessScroll/src/index.vue

@@ -502,7 +502,7 @@ defineExpose({
 </script>
 
 <template>
-  <div :ref="'wrap' + props.classOption['key']">
+  <div :ref="'wrap' + classOption['key']">
     <div
       v-if="navigation"
       :style="leftSwitch"
@@ -520,7 +520,7 @@ defineExpose({
       <slot name="right-switch" />
     </div>
     <div
-      :ref="'realBox' + props.classOption['key']"
+      :ref="'realBox' + classOption['key']"
       :style="pos"
       @mouseenter="enter"
       @mouseleave="leave"
@@ -529,7 +529,7 @@ defineExpose({
       @touchend="touchEnd"
       @mousewheel.passive="wheel"
     >
-      <div :ref="'slotList' + props.classOption['key']" :style="float">
+      <div :ref="'slotList' + classOption['key']" :style="float">
         <slot />
       </div>
       <div :style="float" v-html="copyHtml" />