移除对element的监听，提升性能 fix #12

Nayacco · Sep 30, 2020 · 7cbf05d · 7cbf05d
1 parent 750782e
commit 7cbf05d
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 75 deletions.
diff --git a/package/components/nodePanel/gateway.vue b/package/components/nodePanel/gateway.vue
@@ -67,25 +67,22 @@ export default {
     'formData.async': function(val) {
       if (val === '') val = null
       this.updateProperties({ 'flowable:async': val })
-    },
-    element: {
-      handler: function(val) {
-        const cache = {
-          ...this.element.businessObject,
-          ...this.element.businessObject.$attrs
-        }
-        // 移除flowable前缀，格式化数组
-        for (const key in cache) {
-          if (key.indexOf('flowable:') === 0) {
-            const newKey = key.replace('flowable:', '')
-            cache[newKey] = cache[key]
-            delete cache[key]
-          }
-        }
-        this.formData = cache
-      },
-      immediate: true
     }
+  },
+  created() {
+    const cache = {
+      ...this.element.businessObject,
+      ...this.element.businessObject.$attrs
+    }
+    // 移除flowable前缀，格式化数组
+    for (const key in cache) {
+      if (key.indexOf('flowable:') === 0) {
+        const newKey = key.replace('flowable:', '')
+        cache[newKey] = cache[key]
+        delete cache[key]
+      }
+    }
+    this.formData = cache
   }
 }
 </script>

diff --git a/package/components/nodePanel/process.vue b/package/components/nodePanel/process.vue
@@ -88,26 +88,23 @@ export default {
     'formData.processCategory': function(val) {
       if (val === '') val = null
       this.updateProperties({ 'flowable:processCategory': val })
-    },
-    element: {
-      handler: function(val) {
-        const cache = {
-          ...this.element.businessObject,
-          ...this.element.businessObject.$attrs
-        }
-        // 移除flowable前缀，格式化数组
-        for (const key in cache) {
-          if (key.indexOf('flowable:') === 0) {
-            const newKey = key.replace('flowable:', '')
-            cache[newKey] = cache[key]
-            delete cache[key]
-          }
-        }
-        this.formData = cache
-      },
-      immediate: true
     }
   },
+  created() {
+    const cache = {
+      ...this.element.businessObject,
+      ...this.element.businessObject.$attrs
+    }
+    // 移除flowable前缀，格式化数组
+    for (const key in cache) {
+      if (key.indexOf('flowable:') === 0) {
+        const newKey = key.replace('flowable:', '')
+        cache[newKey] = cache[key]
+        delete cache[key]
+      }
+    }
+    this.formData = cache
+  },
   methods: {
     computedSignalLength() {
       this.signalLength = this.element.businessObject.extensionElements?.values?.length ?? 0

diff --git a/package/components/nodePanel/sequenceFlow.vue b/package/components/nodePanel/sequenceFlow.vue
@@ -79,28 +79,25 @@ export default {
     'formData.skipExpression': function(val) {
       if (val === '') val = null
       this.updateProperties({ 'flowable:skipExpression': val })
-    },
-    element: {
-      handler: function(val) {
-        const cache = {
-          ...this.element.businessObject,
-          ...this.element.businessObject.$attrs
-        }
-        // 移除flowable前缀，格式化数组
-        for (const key in cache) {
-          if (key.indexOf('flowable:') === 0) {
-            const newKey = key.replace('flowable:', '')
-            cache[newKey] = cache[key]
-            delete cache[key]
-          }
-          if (key === 'conditionExpression') {
-            cache[key] = parseCDATA(cache[key].body)
-          }
-        }
-        this.formData = cache
-      },
-      immediate: true
     }
+  },
+  created() {
+    const cache = {
+      ...this.element.businessObject,
+      ...this.element.businessObject.$attrs
+    }
+    // 移除flowable前缀，格式化数组
+    for (const key in cache) {
+      if (key.indexOf('flowable:') === 0) {
+        const newKey = key.replace('flowable:', '')
+        cache[newKey] = cache[key]
+        delete cache[key]
+      }
+      if (key === 'conditionExpression') {
+        cache[key] = parseCDATA(cache[key].body)
+      }
+    }
+    this.formData = cache
   }
 }
 </script>

diff --git a/package/components/nodePanel/startEnd.vue b/package/components/nodePanel/startEnd.vue
@@ -77,25 +77,22 @@ export default {
     'formData.formKey': function(val) {
       if (val === '') val = null
       this.updateProperties({ 'flowable:formKey': val })
-    },
-    element: {
-      handler: function(val) {
-        const cache = {
-          ...this.element.businessObject,
-          ...this.element.businessObject.$attrs
-        }
-        // 移除flowable前缀，格式化数组
-        for (const key in cache) {
-          if (key.indexOf('flowable:') === 0) {
-            const newKey = key.replace('flowable:', '')
-            cache[newKey] = cache[key]
-            delete cache[key]
-          }
-        }
-        this.formData = cache
-      },
-      immediate: true
     }
+  },
+  created() {
+    const cache = {
+      ...this.element.businessObject,
+      ...this.element.businessObject.$attrs
+    }
+    // 移除flowable前缀，格式化数组
+    for (const key in cache) {
+      if (key.indexOf('flowable:') === 0) {
+        const newKey = key.replace('flowable:', '')
+        cache[newKey] = cache[key]
+        delete cache[key]
+      }
+    }
+    this.formData = cache
   }
 }
 </script>