From fe4706710bb246d257e8af87f3fa99dab213dedd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 9 Oct 2024 17:48:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/diy/custom.vue                     |  8 ++++----
 components/diy/modules/custom/model-icon.vue  | 12 ++++++++++++
 components/diy/modules/custom/model-image.vue | 12 ++++++++++++
 components/diy/modules/custom/model-lines.vue | 12 ++++++++++++
 components/diy/modules/custom/model-text.vue  | 12 ++++++++++++
 5 files changed, 52 insertions(+), 4 deletions(-)

diff --git a/components/diy/custom.vue b/components/diy/custom.vue
index 759d58b4..723d7b06 100644
--- a/components/diy/custom.vue
+++ b/components/diy/custom.vue
@@ -3,16 +3,16 @@
         <view class="wh-auto ht-auto pr">
             <view v-for="item in form.custom_list" :key="item.id" class="main-content" :style="{ left: get_percentage_count(item.location.x, div_width), top: get_percentage_count(item.location.y, div_height), width: get_percentage_count(item.com_data.com_width, div_width), height: get_percentage_count(item.com_data.com_height, div_height) }">
                 <template v-if="item.key == 'text'">
-                    <model-text :propValue="item.com_data" :propSourceList="form.data_source_content" @url_event="url_event"></model-text>
+                    <model-text :propkey="propkey" :propValue="item.com_data" :propSourceList="form.data_source_content" @url_event="url_event"></model-text>
                 </template>
                 <template v-else-if="item.key == 'img'">
-                    <model-image :propValue="item.com_data" :propSourceList="form.data_source_content" @url_event="url_event"></model-image>
+                    <model-image :propkey="propkey" :propValue="item.com_data" :propSourceList="form.data_source_content" @url_event="url_event"></model-image>
                 </template>
                 <template v-else-if="item.key == 'auxiliary-line'">
-                    <model-lines :propValue="item.com_data" :propSourceList="form.data_source_content"></model-lines>
+                    <model-lines :propkey="propkey" :propValue="item.com_data" :propSourceList="form.data_source_content"></model-lines>
                 </template>
                 <template v-else-if="item.key == 'icon'">
-                    <model-icon :propValue="item.com_data" :propSourceList="form.data_source_content" @url_event="url_event"></model-icon>
+                    <model-icon :propkey="propkey" :propValue="item.com_data" :propSourceList="form.data_source_content" @url_event="url_event"></model-icon>
                 </template>
             </view>
         </view>
diff --git a/components/diy/modules/custom/model-icon.vue b/components/diy/modules/custom/model-icon.vue
index 9505418f..8406d10d 100644
--- a/components/diy/modules/custom/model-icon.vue
+++ b/components/diy/modules/custom/model-icon.vue
@@ -20,6 +20,10 @@
                 default: () => {
                     return {};
                 },
+            },
+            propkey: {
+                type: String,
+                default: '',
             }
         },
         data() {
@@ -28,6 +32,14 @@
                 com_style: '',
             };
         },
+        watch: {
+            propkey(val) {
+                this.setData({
+                    form: this.propValue,
+                });
+                this.init();
+            }
+        },
         created() {
             this.setData({
                 form: this.propValue,
diff --git a/components/diy/modules/custom/model-image.vue b/components/diy/modules/custom/model-image.vue
index 7808f447..9db5f36b 100644
--- a/components/diy/modules/custom/model-image.vue
+++ b/components/diy/modules/custom/model-image.vue
@@ -24,6 +24,10 @@
                     return {};
                 },
             },
+            propkey: {
+                type: String,
+                default: '',
+            }
         },
         data() {
             return {
@@ -33,6 +37,14 @@
                 border_style: '',
             };
         },
+        watch: {
+            propkey(val) {
+                this.setData({
+                    form: this.propValue,
+                });
+                this.init();
+            }
+        },
         created() {
             this.setData({
                 form: this.propValue,
diff --git a/components/diy/modules/custom/model-lines.vue b/components/diy/modules/custom/model-lines.vue
index cbf392ed..f4c4eb97 100644
--- a/components/diy/modules/custom/model-lines.vue
+++ b/components/diy/modules/custom/model-lines.vue
@@ -10,6 +10,10 @@
                     return {};
                 },
                 required: true,
+            },
+            propkey: {
+                type: String,
+                default: '',
             }
         },
         data() {
@@ -18,6 +22,14 @@
                 border_style: '',
             };
         },
+        watch: {
+            propkey(val) {
+                this.setData({
+                    form: this.propValue,
+                });
+                this.init();
+            }
+        },
         created() {
             this.setData({
                 form: this.propValue,
diff --git a/components/diy/modules/custom/model-text.vue b/components/diy/modules/custom/model-text.vue
index 7cc1d331..d0f6ce48 100644
--- a/components/diy/modules/custom/model-text.vue
+++ b/components/diy/modules/custom/model-text.vue
@@ -27,6 +27,10 @@
                 default: () => {
                     return {};
                 },
+            },
+            propkey: {
+                type: String,
+                default: '',
             }
         },
         data() {
@@ -37,6 +41,14 @@
                 com_style: '',
             };
         },
+        watch: {
+            propkey(val) {
+                this.setData({
+                    form: this.propValue,
+                });
+                this.init();
+            }
+        },
         created() {
             this.setData({
                 form: this.propValue,