@form-create/view-design 2.5.23 → 2.5.26

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/view-design v2.5.23
+ * @form-create/view-design v2.5.26
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -305,20 +305,22 @@
     },
     render: function render() {
       var h = arguments[0];
-      return h("CheckboxGroup", helper([{}, this.formCreateInject.prop, {
-        "attrs": {
-          "value": this.trueValue
-        },
+      return h("CheckboxGroup", helper([{}, this.formCreateInject.prop, {}, {
+        "props": {
+          value: this.trueValue
+        }
+      }, {
         "on": {
           "input": this.onInput
         }
       }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
         delete props.value;
-        return h("Checkbox", {
-          "props": _objectSpread2({}, props),
+        return h("Checkbox", helper([{}, {
+          "props": props
+        }, {
           "key": '' + index + '-' + opt.value
-        });
+        }]));
       }), getSlot(this.$slots)]);
     }
   };
@@ -738,28 +740,30 @@
         });
         return h("div", {
           "class": "_fc-frame"
-        }, [node, h("Modal", {
-          "attrs": {
-            "mask": this.previewMask,
-            "title": modalTitle,
-            "footerHide": true
-          },
+        }, [node, h("Modal", helper([{}, {
+          "props": {
+            mask: this.previewMask,
+            title: modalTitle,
+            footerHide: true
+          }
+        }, {
           "model": {
             value: _this9.previewVisible,
             callback: function callback($$v) {
               _this9.previewVisible = $$v;
             }
           }
-        }, [h("img", {
+        }]), [h("img", {
           "style": "width: 100%",
           "attrs": {
             "src": this.previewImage
           }
-        })]), h("Modal", {
-          "props": _objectSpread2({}, _objectSpread2({
+        })]), h("Modal", helper([{}, {
+          "props": _objectSpread2({
             width: width,
             title: title
-          }, this.modal)),
+          }, this.modal)
+        }, {
           "on": {
             "on-cancel": function onCancel() {
               return _this9.closeModel(true);
@@ -771,7 +775,7 @@
               _this9.frameVisible = $$v;
             }
           }
-        }, [this.frameVisible || !this.reload ? h("iframe", {
+        }]), [this.frameVisible || !this.reload ? h("iframe", {
           "ref": "frame",
           "attrs": {
             "src": src,
@@ -853,20 +857,22 @@
     },
     render: function render() {
       var h = arguments[0];
-      return h("RadioGroup", helper([{}, this.formCreateInject.prop, {
-        "attrs": {
-          "value": this.trueValue
-        },
+      return h("RadioGroup", helper([{}, this.formCreateInject.prop, {}, {
+        "props": {
+          value: this.trueValue
+        }
+      }, {
         "on": {
           "input": this.onInput
         }
       }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
         delete props.value;
-        return h("Radio", {
-          "props": _objectSpread2({}, props),
+        return h("Radio", helper([{}, {
+          "props": props
+        }, {
           "key": '' + index + '-' + opt.value
-        });
+        }]));
       }), getSlot(this.$slots)]);
     }
   };
@@ -925,10 +931,11 @@
       var options = ctx.props.formCreateInject.options;
       return h("Select", helper([{}, ctx.data]), [(Array.isArray(options) ? options : []).map(function (props, index) {
         var slot = props.slot;
-        return h("Option", {
-          "props": _objectSpread2({}, props),
+        return h("Option", 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]);
@@ -1218,18 +1225,19 @@
         }
         return h("div", {
           "class": "_fc-upload"
-        }, [[this.formCreateInject.prop.props.showUploadList ? [] : this.makeFiles(), this.makeUpload()], h("Modal", {
-          "attrs": {
-            "title": this.modalTitle,
-            "footerHide": true
-          },
+        }, [[this.formCreateInject.prop.props.showUploadList ? [] : this.makeFiles(), this.makeUpload()], h("Modal", helper([{}, {
+          "props": {
+            title: this.modalTitle,
+            footerHide: true
+          }
+        }, {
           "model": {
             value: _this4.previewVisible,
             callback: function callback($$v) {
               _this4.previewVisible = $$v;
             }
           }
-        }, [h("img", {
+        }]), [h("img", {
           "attrs": {
             "alt": "example",
             "src": this.previewImage
@@ -1665,11 +1673,8 @@
             "attrs": {
               "span": button ? 20 : 24
             }
-          }, [h("FormItem", [h(Type, helper([{
-            "key": key,
-            "attrs": {
-              "inFor": true
-            }
+          }, [h(Type, helper([{
+            "key": key
           }, {
             "on": {
               'update:value': function updateValue(formData) {
@@ -1685,20 +1690,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("Col", {
-            "attrs": {
-              "span": 2,
-              "pull": 1,
-              "push": 1
+          }]))]), button ? h("Col", helper([{}, {
+            "props": {
+              span: 2,
+              pull: 1,
+              push: 1
             }
-          }, [_this9.makeIcon(keys.length, index, key)]) : null]);
+          }]), [_this9.makeIcon(keys.length, index, key)]) : null]);
         })]);
       }
     };
@@ -1809,11 +1815,11 @@
           'emit-event': this.emitEvent,
           input: this.add$f
         }
-      }, {
-        "attrs": {
-          "rule": rule,
-          "option": options,
-          "extendOption": true
+      }, {}, {
+        "props": {
+          rule: rule,
+          option: options,
+          extendOption: true
         }
       }]));
     }
@@ -1905,7 +1911,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
         },
@@ -2145,7 +2151,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;
@@ -2315,15 +2325,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) {
@@ -2543,6 +2557,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, {
@@ -2669,8 +2693,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;
       }
     });
   }
@@ -3336,7 +3363,7 @@
       __fc__: enumerable(ctx, true)
     });
   }
-  function RuleContext(handle, rule) {
+  function RuleContext(handle, rule, defaultValue) {
     var id = uniqueId();
     extend(this, {
       id: id,
@@ -3356,7 +3383,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();
@@ -3372,7 +3399,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();
@@ -3591,7 +3622,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__;
@@ -3609,8 +3639,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) {
@@ -3631,7 +3663,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) {
@@ -3702,6 +3735,7 @@
           if (_ret === "continue") continue;
         }
         if (!validate.length) return false;
+        var hideLst = [];
         var flag = false;
         this.deferSyncValue(function () {
           validate.reverse().forEach(function (_ref) {
@@ -3718,7 +3752,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;
@@ -3748,6 +3782,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;
@@ -3915,7 +3954,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);
@@ -4198,6 +4237,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;
@@ -4572,17 +4614,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',
@@ -4598,7 +4707,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];
       }
@@ -4627,65 +4737,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
   };
 
@@ -5833,7 +5886,7 @@
   function ivuFormCreate() {
     return FormCreateFactory({
       ui: "".concat("view-design"),
-      version: "".concat("2.5.23"),
+      version: "".concat("2.5.26"),
       manager: manager,
       install: install,
       extendApi: extendApi,