@form-create/element-ui 2.5.23 → 2.5.26

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v2.5.23
+ * @form-create/element-ui v2.5.26
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -307,10 +307,11 @@
     render: function render() {
       var _this2 = this;
       var h = arguments[0];
-      return h("ElCheckboxGroup", helper([{}, this.formCreateInject.prop, {
-        "attrs": {
-          "value": this.trueValue
-        },
+      return h("ElCheckboxGroup", helper([{}, this.formCreateInject.prop, {}, {
+        "props": {
+          value: this.trueValue
+        }
+      }, {
         "on": {
           "input": this.onInput
         }
@@ -318,10 +319,11 @@
         var props = _objectSpread2({}, opt);
         var Type = _this2.type === 'button' ? 'ElCheckboxButton' : 'ElCheckbox';
         delete props.value;
-        return h(Type, {
-          "props": _objectSpread2({}, props),
+        return h(Type, helper([{}, {
+          "props": props
+        }, {
           "key": Type + index + '-' + opt.value
-        });
+        }]));
       }), getSlot(this.$slots)]);
     }
   };
@@ -762,36 +764,37 @@
       });
       return h("div", {
         "class": "_fc-frame"
-      }, [node, h("el-dialog", {
-        "attrs": {
-          "appendToBody": true,
-          "modal": this.previewMask,
-          "title": modalTitle,
-          "visible": this.previewVisible
-        },
+      }, [node, h("el-dialog", helper([{}, {
+        "props": {
+          appendToBody: true,
+          modal: this.previewMask,
+          title: modalTitle,
+          visible: this.previewVisible
+        }
+      }, {
         "on": {
           "close": this.handleCancel
         }
-      }, [h("img", {
+      }]), [h("img", {
         "style": "width: 100%",
         "attrs": {
           "src": this.previewImage
         }
-      })]), h("el-dialog", {
-        "attrs": {
-          "appendToBody": true,
-          "visible": this.frameVisible
-        },
-        "props": _objectSpread2({}, _objectSpread2({
+      })]), h("el-dialog", helper([{}, {
+        "props": _objectSpread2(_objectSpread2({
           width: width,
-          title: title
-        }, this.modal)),
+          title: title,
+          appendToBody: true
+        }, this.modal), {}, {
+          visible: this.frameVisible
+        })
+      }, {
         "on": {
           "close": function close() {
             return _this9.closeModel(true);
           }
         }
-      }, [this.frameVisible || !this.reload ? h("iframe", {
+      }]), [this.frameVisible || !this.reload ? h("iframe", {
         "ref": "frame",
         "attrs": {
           "src": src,
@@ -863,10 +866,11 @@
     render: function render() {
       var _this2 = this;
       var h = arguments[0];
-      return h("ElRadioGroup", helper([{}, this.formCreateInject.prop, {
-        "attrs": {
-          "value": this.trueValue
-        },
+      return h("ElRadioGroup", helper([{}, this.formCreateInject.prop, {}, {
+        "props": {
+          value: this.trueValue
+        }
+      }, {
         "on": {
           "input": this.onInput
         }
@@ -874,10 +878,11 @@
         var props = _objectSpread2({}, opt);
         var Type = _this2.type === 'button' ? 'ElRadioButton' : 'ElRadio';
         delete props.value;
-        return h(Type, {
-          "props": _objectSpread2({}, props),
+        return h(Type, helper([{}, {
+          "props": props
+        }, {
           "key": Type + index + '-' + opt.value
-        });
+        }]));
       }), getSlot(this.$slots)]);
     }
   };
@@ -936,10 +941,11 @@
       var options = ctx.props.formCreateInject.options;
       return h("ElSelect", helper([{}, ctx.data]), [(Array.isArray(options) ? options : []).map(function (props, index) {
         var slot = props.slot;
-        return h("ElOption", {
-          "props": _objectSpread2({}, props),
+        return h("ElOption", helper([{}, {
+          "props": props
+        }, {
           "key": '' + index + '-' + props.value
-        }, [slot ? h("template", {
+        }]), [slot ? h("template", {
           "slot": props.slotName || 'default'
         }, [is.Function(slot) ? props.slot(h) : slot]) : null]);
       }), ctx.children]);
@@ -1240,17 +1246,18 @@
       }
       return h("div", {
         "class": '_fc-upload'
-      }, [[this.formCreateInject.prop.props.showFileList ? [] : this.makeFiles(), this.makeUpload()], h("el-dialog", {
-        "attrs": {
-          "appendToBody": true,
-          "modal": this.previewMask,
-          "title": this.modalTitle,
-          "visible": this.previewVisible
-        },
+      }, [[this.formCreateInject.prop.props.showFileList ? [] : this.makeFiles(), this.makeUpload()], h("el-dialog", helper([{}, {
+        "props": {
+          appendToBody: true,
+          modal: this.previewMask,
+          title: this.modalTitle,
+          visible: this.previewVisible
+        }
+      }, {
         "on": {
           "close": this.handleCancel
         }
-      }, [h("img", {
+      }]), [h("img", {
         "attrs": {
           "alt": "example",
           "src": this.previewImage
@@ -1669,11 +1676,8 @@
           "attrs": {
             "span": button ? 20 : 24
           }
-        }, [h("ElFormItem", [h(Type, helper([{
-          "key": key,
-          "attrs": {
-            "inFor": true
-          }
+        }, [h(Type, helper([{
+          "key": key
         }, {
           "on": {
             'update:value': function updateValue(formData) {
@@ -1689,20 +1693,21 @@
               return _this9.add$f(index, key, $f);
             }
           }
-        }, {
-          "attrs": {
-            "value": _this9.field ? _defineProperty({}, _this9.field, _this9._value(_this9.value[index])) : _this9.value[index],
-            "rule": rule,
-            "option": options,
-            "extendOption": true
+        }, {}, {
+          "props": {
+            value: _this9.field ? _defineProperty({}, _this9.field, _this9._value(_this9.value[index])) : _this9.value[index],
+            rule: rule,
+            option: options,
+            extendOption: true,
+            inFor: true
           }
-        }]))])]), button ? h("ElCol", {
-          "attrs": {
-            "span": 2,
-            "pull": 1,
-            "push": 1
+        }]))]), button ? h("ElCol", helper([{}, {
+          "props": {
+            span: 2,
+            pull: 1,
+            push: 1
           }
-        }, [_this9.makeIcon(keys.length, index, key)]) : null]);
+        }]), [_this9.makeIcon(keys.length, index, key)]) : null]);
       })]);
     }
   };
@@ -1803,11 +1808,11 @@
           'emit-event': this.emitEvent,
           input: this.add$f
         }
-      }, {
-        "attrs": {
-          "rule": rule,
-          "option": options,
-          "extendOption": true
+      }, {}, {
+        "props": {
+          rule: rule,
+          option: options,
+          extendOption: true
         }
       }]));
     }
@@ -1899,7 +1904,7 @@
         value: {
           handler: function handler(n) {
             if (JSON.stringify(n || {}) === this.updateValue) return;
-            this.$f.setValue(n || {});
+            this.$f.config.forceCoverValue ? this.$f.coverValue(n || {}) : this.$f.setValue(n || {});
           },
           deep: true
         },
@@ -2139,7 +2144,11 @@
     return rule;
   }
   function getRule(rule) {
-    return is.Function(rule.getRule) ? rule.getRule() : rule;
+    var r = is.Function(rule.getRule) ? rule.getRule() : rule;
+    if (!r.type) {
+      r.type = 'input';
+    }
+    return r;
   }
   function mergeGlobal(target, merge) {
     if (!target) return merge;
@@ -2309,15 +2318,19 @@
         return copy(ctx.rule.value);
       },
       coverValue: function coverValue(formData) {
+        var data = _objectSpread2({}, formData || {});
         h.deferSyncValue(function () {
           api.fields().forEach(function (key) {
             var ctxs = h.fieldCtx[key];
-            if (!ctxs) return h.appendData[key] = formData[key];
-            var flag = hasProperty(formData, key);
-            ctxs.forEach(function (ctx) {
-              ctx.rule.value = flag ? formData[key] : undefined;
-            });
+            if (ctxs) {
+              var flag = hasProperty(data, key);
+              ctxs.forEach(function (ctx) {
+                ctx.rule.value = flag ? data[key] : undefined;
+              });
+              delete data[key];
+            }
           });
+          extend(h.appendData, data);
         });
       },
       setValue: function setValue(field) {
@@ -2537,6 +2550,16 @@
           $set(ctx.rule.effect, attr, value);
         }
       },
+      clearEffectData: function clearEffectData(id, attr) {
+        var ctx = h.getCtx(id);
+        if (ctx) {
+          if (attr && attr[0] === '$') {
+            attr = attr.substr(1);
+          }
+          ctx.clearEffectData(attr);
+          api.sync(id);
+        }
+      },
       updateValidate: function updateValidate(id, validate, merge) {
         if (merge) {
           api.mergeRule(id, {
@@ -2663,8 +2686,11 @@
       },
       getCache: function getCache(ctx) {
         var cache = this.cache[ctx.id];
-        cache.use = true;
-        return cache.vnode;
+        if (cache) {
+          cache.use = true;
+          return cache.vnode;
+        }
+        return undefined;
       }
     });
   }
@@ -3330,7 +3356,7 @@
       __fc__: enumerable(ctx, true)
     });
   }
-  function RuleContext(handle, rule) {
+  function RuleContext(handle, rule, defaultValue) {
     var id = uniqueId();
     extend(this, {
       id: id,
@@ -3350,7 +3376,7 @@
       payload: {},
       input: !!rule.field,
       el: undefined,
-      defaultValue: rule.field ? deepCopy(rule.value) : undefined,
+      defaultValue: rule.field ? deepCopy(defaultValue) : undefined,
       field: rule.field || undefined
     });
     this.updateType();
@@ -3366,7 +3392,11 @@
       return this.payload[name];
     },
     clearEffectData: function clearEffectData(name) {
-      delete this.payload[name];
+      if (name === undefined) {
+        this.payload = {};
+      } else {
+        delete this.payload[name];
+      }
     },
     updateKey: function updateKey(flag) {
       this.key = uniqueId();
@@ -3585,7 +3615,6 @@
         rules.map(function (_rule, index) {
           if (parent && (is.String(_rule) || is.Undef(_rule))) return;
           if (!_this6.pageEnd && !parent && index >= _this6.first) return;
-          if (!is.Object(_rule) || !getRule(_rule).type) return err('未定义生成规则的 type 字段', _rule);
           if (_rule.__fc__ && _rule.__fc__.root === rules && _this6.ctxs[_rule.__fc__.id]) {
             loadChildren(_rule.__fc__.rule.children, _rule.__fc__);
             return _rule.__fc__;
@@ -3603,8 +3632,10 @@
           var ctx;
           var isCopy = false;
           var isInit = !!_rule.__fc__;
+          var defaultValue = rule.value;
           if (isInit) {
             ctx = _rule.__fc__;
+            defaultValue = ctx.defaultValue;
             var check = !ctx.check(_this6);
             if (ctx.deleted) {
               if (check) {
@@ -3625,7 +3656,8 @@
             }
           }
           if (!ctx) {
-            ctx = new RuleContext(_this6, _this6.parseRule(_rule));
+            var _rule2 = _this6.parseRule(_rule);
+            ctx = new RuleContext(_this6, _rule2, isInit ? defaultValue : _rule2.value);
             _this6.bindParser(ctx);
           } else {
             if (ctx.originType !== ctx.rule.type) {
@@ -3696,6 +3728,7 @@
           if (_ret === "continue") continue;
         }
         if (!validate.length) return false;
+        var hideLst = [];
         var flag = false;
         this.deferSyncValue(function () {
           validate.reverse().forEach(function (_ref) {
@@ -3712,7 +3745,7 @@
                 children: rule,
                 valid: valid
               }) : ctx.ctrlRule.splice(ctx.ctrlRule.indexOf(ctrl), 1);
-              _this7.vm.$nextTick(function () {
+              hideLst[valid ? 'push' : 'unshift'](function () {
                 _this7.api.hidden(!valid, rule);
               });
               return;
@@ -3742,6 +3775,11 @@
             }
           });
         });
+        hideLst.length && this.vm.$nextTick(function () {
+          hideLst.forEach(function (v) {
+            return v();
+          });
+        });
         this.vm.$emit('control', ctx.origin, this.api);
         this.effect(ctx, 'control');
         return flag;
@@ -3909,7 +3947,7 @@
         if (this.deferSyncFn) {
           return this.deferSyncFn.sync = true;
         }
-        this.vm._updateValue(_objectSpread2({}, this.form));
+        this.vm._updateValue(_objectSpread2(_objectSpread2({}, this.options.appendValue ? this.appendData : {}), this.form));
       },
       isChange: function isChange(ctx, value) {
         return JSON.stringify(ctx.rule.value, strFn) !== JSON.stringify(value === null ? undefined : value, strFn);
@@ -4192,6 +4230,9 @@
         var ps = this.fc.providers;
         Object.keys(ps).forEach(function (k) {
           var prop = ps[k];
+          if (is.Function(prop)) {
+            prop = prop(_this.fc);
+          }
           prop._c = getComponent(prop);
           _this.onEffect(prop);
           _this.providers[k] = prop;
@@ -4566,17 +4607,84 @@
     render: function render(children) {}
   });
 
-  var $fetch = {
-    name: 'fetch',
-    loaded: function loaded() {
-      run.apply(void 0, arguments);
-    },
-    watch: function watch(inject, rule, api) {
-      if (!run(inject, rule, api)) {
-        inject.clearProp();
-        api.sync(rule);
+  var fetch$1 = function fetch(fc) {
+    function parseOpt(option) {
+      if (is.String(option)) {
+        option = {
+          action: option,
+          to: 'options'
+        };
       }
+      return option;
     }
+    function run(inject, rule, api) {
+      var option = inject.value;
+      if (is.Function(option)) {
+        option = option(rule, api);
+      }
+      option = parseOpt(option);
+      if (!option || !option.action) {
+        return false;
+      }
+      if (!option.to) {
+        option.to = 'options';
+      }
+      var _onError = option.onError;
+      var check = function check() {
+        if (!inject.getValue()) {
+          inject.clearProp();
+          api.sync(rule);
+          return true;
+        }
+      };
+      var set = function set(val) {
+        if (val === undefined) {
+          inject.clearProp();
+          api.sync(rule);
+        } else {
+          deepSet(inject.getProp(), option.to, val);
+        }
+      };
+      invoke(function () {
+        return fc.create.fetch(_objectSpread2(_objectSpread2({}, option), {}, {
+          onSuccess: function onSuccess(body) {
+            if (check()) return;
+            var fn = function fn(v) {
+              return v.data;
+            };
+            if (is.Function(option.parse)) {
+              fn = option.parse;
+            }
+            set(fn(body, rule, api));
+            api.sync(rule);
+          },
+          onError: function onError(e) {
+            set(undefined);
+            if (check()) return;
+            (_onError || function (e) {
+              return err(e.message || 'fetch fail ' + option.action);
+            })(e, rule, api);
+          }
+        }), {
+          inject: inject,
+          rule: rule,
+          api: api
+        });
+      });
+      return true;
+    }
+    return {
+      name: 'fetch',
+      loaded: function loaded() {
+        run.apply(void 0, arguments);
+      },
+      watch: function watch(inject, rule, api) {
+        if (!run(inject, rule, api)) {
+          inject.clearProp();
+          api.sync(rule);
+        }
+      }
+    };
   };
   var $required = {
     name: 'required',
@@ -4592,7 +4700,8 @@
           }
         }, val);
         if (!validate.message) {
-          validate.message = rule.title + ' is required';
+          var title = rule.title || '';
+          validate.message = ((_typeof(title) === 'object' ? title.title : title) || '') + '不能为空';
         }
         inject.getProp().validate = [validate];
       }
@@ -4621,65 +4730,8 @@
       return val;
     }
   }
-  function parseOpt(option) {
-    if (is.String(option)) {
-      option = {
-        action: option,
-        to: 'options'
-      };
-    }
-    return option;
-  }
-  function run(inject, rule, api) {
-    var option = inject.value;
-    if (is.Function(option)) {
-      option = option(rule, api);
-    }
-    option = parseOpt(option);
-    if (!option || !option.action) {
-      return false;
-    }
-    if (!option.to) {
-      option.to = 'options';
-    }
-    var _onError = option.onError;
-    var check = function check() {
-      if (!inject.getValue()) {
-        inject.clearProp();
-        api.sync(rule);
-        return true;
-      }
-    };
-    var set = function set(val) {
-      if (val === undefined) {
-        inject.clearProp();
-        api.sync(rule);
-      } else {
-        deepSet(inject.getProp(), option.to, val);
-      }
-    };
-    invoke(function () {
-      return fetch(_objectSpread2(_objectSpread2({}, option), {}, {
-        onSuccess: function onSuccess(body) {
-          if (check()) return;
-          set((option.parse || function (v) {
-            return v.data;
-          })(body, rule, api));
-          api.sync(rule);
-        },
-        onError: function onError(e) {
-          set(undefined);
-          if (check()) return;
-          (_onError || function (e) {
-            return err(e.message || 'fetch fail ' + option.action);
-          })(e, rule, api);
-        }
-      }));
-    });
-    return true;
-  }
   var $provider = {
-    fetch: $fetch,
+    fetch: fetch$1,
     required: $required
   };
 
@@ -5788,7 +5840,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: "".concat("element-ui"),
-      version: "".concat("2.5.23"),
+      version: "".concat("2.5.26"),
       manager: manager,
       extendApi: extendApi,
       install: install,