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

package/package.json

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

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,39 @@ 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 (item.$f) {
+                        const val = item.$f.formData();
+                        if (n === o) {
+                            item.$f.deferSyncValue(() => {
+                                deepExtend(item.rule, n);
+                                item.$f.setValue(val);
+                            }, true);
+                        } else {
+                            const val = item.$f.formData();
+                            item.$f.once('reloading', () => {
+                                item.$f.setValue(val);
+                            })
+                            item.rule = deepCopy(n);
+                        }
+                    }
+                })
+            },
+            deep: true
+        },
         disabled(n) {
             if (this.syncDisabled) {
                 const lst = this.cacheRule;
@@ -105,7 +128,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 +189,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 +197,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 +216,6 @@ export default {
                 return;
             }
             this.removeRule(key, true);
-            this.subForm();
             this.value.splice(index, 1);
             this.input(this.value);
         },
@@ -271,10 +288,15 @@ export default {
                             'emit-event': (name, ...args) => this.emitEvent(name, args, index, key),
                             input: ($f) => this.add$f(index, key, $f)
                         }}
-                        value={this.field ? {[this.field]: this._value(this.value[index])} : this.value[index]}
-                        rule={rule}
-                        option={options} extendOption={true}/></ElFormItem></ElCol>
-                    {button ? <ElCol span={2} pull={1} push={1}>{this.makeIcon(keys.length, index, key)}</ElCol> : null}
+                        props={{
+                            value: this.field ? {[this.field]: this._value(this.value[index])} : this.value[index],
+                            rule,
+                            option: options,
+                            extendOption: true,
+                            inFor: true
+                        }}/></ElFormItem></ElCol>
+                    {button ? <ElCol
+                        props={{span: 2, pull: 1, push: 1}}>{this.makeIcon(keys.length, index, key)}</ElCol> : null}
                 </ElRow>
             })}</div>
     }