@form-create/component-elm-group 2.5.18 → 2.5.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@form-create/component-elm-group",
-  "version": "2.5.18",
+  "version": "2.5.20",
   "description": "@form-create/element-ui 内置组件",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8e12590732e9ac071d752049c8800dbffe7826ff"
+  "gitHead": "196b3c5b14af477d3d86fa37418a60e47ac4bc1f"
 }

package/src/component.jsx

@@ -1,5 +1,5 @@
 import {hasProperty} from '@form-create/utils/lib/type';
-import {deepCopy} from '@form-create/utils/lib/deepextend';
+import deepExtend, {deepCopy} from '@form-create/utils/lib/deepextend';
 import extend from '@form-create/utils/lib/extend';
 
 const NAME = 'fcGroup';
@@ -66,16 +66,33 @@ export default {
     },
     computed: {
         formRule() {
-            if (this.rule) {
-                return Array.isArray(this.rule) ? this.rule : [this.rule];
-            }
             if (this.rules) {
                 return this.rules;
             }
+            if (this.rule) {
+                return Array.isArray(this.rule) ? this.rule : [this.rule];
+            }
             return [];
         }
     },
     watch: {
+        formRule: {
+            handler(n, o) {
+                Object.keys(this.cacheRule).forEach(v => {
+                    const item = this.cacheRule[v];
+                    if (n === o) {
+                        deepExtend(item.rule, n)
+                    } else {
+                        const val = item.$f.formData();
+                        item.$f.once('reload', () => {
+                            item.$f.setValue(val);
+                        })
+                        item.rule = deepCopy(n);
+                    }
+                })
+            },
+            deep: true
+        },
         disabled(n) {
             if (this.syncDisabled) {
                 const lst = this.cacheRule;
@@ -105,7 +122,6 @@ export default {
                     for (let i = 0; i < len; i++) {
                         this.removeRule(keys[total - i - 1]);
                     }
-                    this.subForm();
                 }
                 n.forEach((val, i) => {
                     this.setValue(keys[i], n[i]);
@@ -167,7 +183,6 @@ export default {
         },
         add$f(i, key, $f) {
             this.cacheRule[key].$f = $f;
-            this.subForm();
             this.formData(key, $f.formData());
             this.$nextTick(() => {
                 if (this.syncDisabled) {
@@ -176,9 +191,6 @@ export default {
                 this.$emit('itemMounted', $f, Object.keys(this.cacheRule).indexOf(key));
             });
         },
-        subForm() {
-            this.formCreateInject.subForm(Object.keys(this.cacheRule).map(k => this.cacheRule[k].$f));
-        },
         removeRule(key, emit) {
             const index = Object.keys(this.cacheRule).indexOf(key);
             this.$delete(this.cacheRule, key);
@@ -198,7 +210,6 @@ export default {
                 return;
             }
             this.removeRule(key, true);
-            this.subForm();
             this.value.splice(index, 1);
             this.input(this.value);
         },
@@ -265,7 +276,7 @@ export default {
                 return <ElRow align="middle" type="flex" key={key}
                     style="border-bottom:1px dashed #DCDFE6;margin-bottom:10px;">
                     <ElCol span={button ? 20 : 24}><ElFormItem><Type
-                        key={key}
+                        key={key} inFor={true}
                         on={{
                             'update:value': (formData) => this.formData(key, formData),
                             'emit-event': (name, ...args) => this.emitEvent(name, args, index, key),