@form-create/element-ui 3.2.7 → 3.2.9

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.7
+ * @form-create/element-ui v3.2.9
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -281,11 +281,12 @@
           }
 
           return vue.createVNode(Type, {
-            "value": customValue.value,
-            "label": customValue.value
+            "value": customValue.value || undefined,
+            "label": customValue.value || undefined
           }, {
             "default": function _default() {
               return [vue.createVNode(vue.resolveComponent("ElInput"), {
+                "size": "small",
                 "modelValue": customValue.value,
                 "onUpdate:modelValue": updateCustomValue
               }, null)];
@@ -1068,11 +1069,13 @@
           }
 
           return vue.createVNode(Type, {
-            "value": customValue.value,
-            "label": customValue.value
+            "checked": false,
+            "value": customValue.value || undefined,
+            "label": customValue.value || undefined
           }, {
             "default": function _default() {
               return [vue.createVNode(vue.resolveComponent("ElInput"), {
+                "size": "small",
                 "modelValue": customValue.value,
                 "onUpdate:modelValue": updateCustomValue
               }, null)];
@@ -1287,7 +1290,7 @@
       return vue.createVNode(vue.resolveComponent("ElTree"), vue.mergeProps(this.$attrs, {
         "ref": "tree",
         "onCheck": this.updateValue,
-        "onNode-click": this.updateValue
+        "onNodeClick": this.updateValue
       }), this.$slots);
     },
     mounted: function mounted() {
@@ -1415,7 +1418,7 @@
       }, [vue.createVNode(vue.resolveComponent("ElUpload"), vue.mergeProps({
         "key": len
       }, this.$attrs, {
-        "list-type": this.listType || 'picture-card',
+        "listType": this.listType || 'picture-card',
         "class": {
           '_fc-exceed': this.$attrs.limit ? this.$attrs.limit <= len : false
         },
@@ -1825,13 +1828,18 @@
         }, null);
       },
       changeSort: function changeSort(index, sort) {
+        var _this10 = this;
+
         var a = this.sort[index];
         this.sort[index] = this.sort[index + sort];
         this.sort[index + sort] = a;
+        this.formCreateInject.subForm(this.sort.map(function (k) {
+          return _this10.cacheRule[k].$f;
+        }));
         this.formData(0);
       },
       makeIcon: function makeIcon(total, index, key) {
-        var _this10 = this;
+        var _this11 = this;
 
         if (this.$slots.button) {
           return this.$slots.button({
@@ -1840,7 +1848,7 @@
             vm: this,
             key: key,
             del: function del() {
-              return _this10.del(index, key);
+              return _this11.del(index, key);
             },
             add: this.add
           });
@@ -1876,12 +1884,12 @@
       }
     },
     created: function created() {
-      var _this11 = this;
+      var _this12 = this;
 
       vue.watch(function () {
-        return _objectSpread2({}, _this11.cacheRule);
+        return _objectSpread2({}, _this12.cacheRule);
       }, function (n) {
-        _this11.sort = Object.keys(n);
+        _this12.sort = Object.keys(n);
       }, {
         immediate: true
       });
@@ -1896,7 +1904,7 @@
       }
     },
     render: function render() {
-      var _this12 = this;
+      var _this13 = this;
 
       var keys = this.sort;
       var button = this.button;
@@ -1910,10 +1918,10 @@
         "class": "_fc-group-plus-minus _fc-group-add fc-clock",
         "onClick": this.add
       }, null) : keys.map(function (key, index) {
-        var _this12$cacheRule$key = _this12.cacheRule[key],
-            rule = _this12$cacheRule$key.rule,
-            options = _this12$cacheRule$key.options;
-        var btn = button && !disabled ? _this12.makeIcon(keys.length, index, key) : [];
+        var _this13$cacheRule$key = _this13.cacheRule[key],
+            rule = _this13$cacheRule$key.rule,
+            options = _this13$cacheRule$key.options;
+        var btn = button && !disabled ? _this13.makeIcon(keys.length, index, key) : [];
         return vue.createVNode("div", {
           "class": "_fc-group-container",
           "key": key
@@ -1922,20 +1930,20 @@
         }, {
           disabled: disabled,
           'onUpdate:modelValue': function onUpdateModelValue(formData) {
-            return _this12.formData(key, formData);
+            return _this13.formData(key, formData);
           },
           'onEmit-event': function onEmitEvent(name) {
             for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
               args[_key - 1] = arguments[_key];
             }
 
-            return _this12.emitEvent(name, args, index, key);
+            return _this13.emitEvent(name, args, index, key);
           },
           'onUpdate:api': function onUpdateApi($f) {
-            return _this12.add$f(index, key, $f);
+            return _this13.add$f(index, key, $f);
           },
           inFor: true,
-          modelValue: _this12.field ? _defineProperty({}, _this12.field, _this12._value(_this12.modelValue[index])) : _this12.modelValue[index],
+          modelValue: _this13.field ? _defineProperty({}, _this13.field, _this13._value(_this13.modelValue[index])) : _this13.modelValue[index],
           rule: rule,
           option: options,
           extendOption: true
@@ -2084,7 +2092,7 @@
     return str.replace(str[0], str[0].toLocaleUpperCase());
   }
 
-  var getRuleInject = function getRuleInject(vm, parent) {
+  var _getGroupInject = function getGroupInject(vm, parent) {
     if (!vm || vm === parent) {
       return;
     }
@@ -2094,7 +2102,7 @@
     }
 
     if (vm.parent) {
-      return getRuleInject(vm.parent, parent);
+      return _getGroupInject(vm.parent, parent);
     }
   };
 
@@ -2145,6 +2153,15 @@
         var vm = vue.getCurrentInstance();
         vue.provide('parentFC', vm);
         var parent = vue.inject('parentFC', null);
+        var top = parent;
+
+        if (parent) {
+          while (top.setupState.parent) {
+            top = top.setupState.parent;
+          }
+        } else {
+          top = vm;
+        }
 
         var _toRefs = vue.toRefs(props),
             rule = _toRefs.rule,
@@ -2166,7 +2183,7 @@
 
         var addSubForm = function addSubForm() {
           if (parent) {
-            var _inject = getRuleInject(vm, parent);
+            var _inject = _getGroupInject(vm, parent);
 
             if (_inject) {
               var sub;
@@ -2184,7 +2201,7 @@
         };
 
         var rmSubForm = function rmSubForm() {
-          var inject = getRuleInject(vm, parent);
+          var inject = _getGroupInject(vm, parent);
 
           if (inject) {
             if (isMore) {
@@ -2202,33 +2219,36 @@
 
         var styleEl = null;
         vue.onBeforeMount(function () {
-          var content = '';
-          var globalClass = props.option && props.option.globalClass || {};
-          Object.keys(globalClass).forEach(function (k) {
-            var subCss = '';
-            globalClass[k].style && Object.keys(globalClass[k].style).forEach(function (key) {
-              subCss += toLine(key) + ':' + globalClass[k].style[key] + ';';
+          vue.watchEffect(function () {
+            var content = '';
+            var globalClass = props.option && props.option.globalClass || {};
+            Object.keys(globalClass).forEach(function (k) {
+              var subCss = '';
+              globalClass[k].style && Object.keys(globalClass[k].style).forEach(function (key) {
+                subCss += toLine(key) + ':' + globalClass[k].style[key] + ';';
+              });
+
+              if (globalClass[k].content) {
+                subCss += globalClass[k].content + ';';
+              }
+
+              if (subCss) {
+                content += ".".concat(k, "{").concat(subCss, "}");
+              }
             });
 
-            if (globalClass[k].content) {
-              subCss += globalClass[k].content + ';';
+            if (props.option && props.option.style) {
+              content += props.option.style;
             }
 
-            if (subCss) {
-              content += ".".concat(k, "{").concat(subCss, "}");
+            if (!styleEl) {
+              styleEl = document.createElement('style');
+              styleEl.type = 'text/css';
+              document.head.appendChild(styleEl);
             }
-          });
-
-          if (props.option && props.option.style) {
-            content += props.option.style;
-          }
 
-          if (content) {
-            styleEl = document.createElement('style');
-            styleEl.type = 'text/css';
-            styleEl.innerHTML = content;
-            document.head.appendChild(styleEl);
-          }
+            styleEl.innerHTML = content || '';
+          });
         });
         var emit$topForm = debounce(function () {
           fc.bus.$emit('$loadData.$topForm');
@@ -2274,6 +2294,7 @@
           if (fc.$handle.isBreakWatch() || n.length === data.renderRule.length && n.every(function (v) {
             return data.renderRule.indexOf(v) > -1;
           })) return;
+          fc.$handle.updateAppendData();
           fc.$handle.reloadRule(rule.value);
           vm.setupState.renderRule();
         });
@@ -2299,12 +2320,14 @@
             fapi.setValue(n || {});
           }
         }, {
-          deep: true
+          deep: true,
+          flush: 'post'
         });
         vue.watch(function () {
           return props.index;
         }, function () {
           fapi.coverValue({});
+          fc.$handle.updateAppendData();
           vue.nextTick(function () {
             vue.nextTick(function () {
               fapi.clearValidateState();
@@ -2316,8 +2339,12 @@
         return _objectSpread2(_objectSpread2({
           fc: vue.markRaw(fc),
           parent: parent ? vue.markRaw(parent) : parent,
+          top: vue.markRaw(top),
           fapi: vue.markRaw(fapi)
         }, vue.toRefs(data)), {}, {
+          getGroupInject: function getGroupInject() {
+            return _getGroupInject(vm, parent);
+          },
           refresh: function refresh() {
             ++data.unique;
           },
@@ -2423,7 +2450,7 @@
 
   var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key', 'slotUpdate', 'computed', 'preview', 'component', 'cache', 'modelEmit'];
   var arrayAttrs = ['validate', 'children', 'control'];
-  var normalAttrs = ['effect'];
+  var normalAttrs = ['effect', 'deep'];
   function attrs() {
     return [].concat(keyAttrs, _toConsumableArray(normalMerge), _toConsumableArray(toArrayMerge), _toConsumableArray(functionalMerge), arrayAttrs, normalAttrs);
   }
@@ -2439,6 +2466,16 @@
     console.error(e);
   }
 
+  function toCase(str) {
+    var to = str.replace(/(-[a-z])/g, function (v) {
+      return v.replace('-', '').toLocaleUpperCase();
+    });
+    return lower(to);
+  }
+  function lower(str) {
+    return str.replace(str[0], str[0].toLowerCase());
+  }
+
   var PREFIX = '[[FORM-CREATE-PREFIX-';
   var SUFFIX = '-FORM-CREATE-SUFFIX]]';
   var $T = '$FN:';
@@ -2666,6 +2703,10 @@
     var prop = _objectSpread2({}, rule.props || {});
 
     Object.keys(rule.on || {}).forEach(function (k) {
+      if (k.indexOf('-') > 0) {
+        k = toCase(k);
+      }
+
       var name = "on".concat(upper(k));
 
       if (Array.isArray(prop[name])) {
@@ -3009,6 +3050,31 @@
         return allSubForm();
       },
 
+      get siblings() {
+        var inject = h.vm.setupState.getGroupInject();
+
+        if (inject) {
+          var subForm = inject.getSubForm();
+
+          if (Array.isArray(subForm)) {
+            return _toConsumableArray(subForm);
+          }
+        }
+
+        return undefined;
+      },
+
+      get index() {
+        var siblings = api.siblings;
+
+        if (siblings) {
+          var idx = siblings.indexOf(api);
+          return idx > -1 ? idx : undefined;
+        }
+
+        return undefined;
+      },
+
       formData: function formData(fields) {
         return tidyFields(fields).reduce(function (initial, id) {
           var ctx = h.getFieldCtx(id);
@@ -3324,10 +3390,13 @@
             ctx.rule.value = copy(ctx.defaultValue);
           });
         });
+        vue.nextTick(function () {
+          api.clearValidateState();
+        });
       },
       method: function method(id, name) {
         var el = api.el(id);
-        if (!el || !el[name]) throw new Error(format('err', "".concat(name, "\u65B9\u6CD5\u4E0D\u5B58\u5728")));
+        if (!el || !el[name]) throw new Error(format('err', "".concat(name, " \u65B9\u6CD5\u4E0D\u5B58\u5728")));
         return function () {
           return el[name].apply(el, arguments);
         };
@@ -3392,6 +3461,11 @@
         findRules(ctx ? ctx.loadChildrenPending() : rule.children);
         return rules;
       },
+      getParentRule: function getParentRule(id) {
+        var flag = _typeof(id) === 'object';
+        var ctx = flag ? byCtx(id) : h.getCtx(id);
+        return ctx.parent.rule;
+      },
       getParentSubRule: function getParentSubRule(id) {
         var flag = _typeof(id) === 'object';
         var ctx = flag ? byCtx(id) : h.getCtx(id);
@@ -3500,8 +3574,8 @@
       getData: function getData(id, def) {
         return h.fc.getLoadData(id, def);
       },
-      setData: function setData(id, data) {
-        return h.fc.setData(id, data);
+      setData: function setData(id, data, isGlobal) {
+        return h.fc.setData(id, data, isGlobal);
       },
       refreshData: function refreshData(id) {
         return h.fc.refreshData(id);
@@ -3574,16 +3648,6 @@
     });
   }
 
-  function toCase(str) {
-    var to = str.replace(/(-[a-z])/g, function (v) {
-      return v.replace('-', '').toLocaleUpperCase();
-    });
-    return lower(to);
-  }
-  function lower(str) {
-    return str.replace(str[0], str[0].toLowerCase());
-  }
-
   function toString(val) {
     return val == null ? '' : _typeof(val) === 'object' ? JSON.stringify(val, null, 2) : String(val);
   }
@@ -3742,7 +3806,7 @@
             this.setOptions(ctx);
             this.ctxProp(ctx);
             var prop = ctx.prop;
-            prop.preview = !!(prop.preview != null ? prop.preview : this.vm.props.preview !== undefined ? this.vm.props.preview : this.options.preview || false);
+            prop.preview = !!(prop.preview != null ? prop.preview : this.$handle.preview);
             prop.props.formCreateInject = this.injectProp(ctx);
             var cacheFlag = prop.cache !== false;
             var preview = prop.preview;
@@ -3895,7 +3959,10 @@
             id: ctx.id,
             field: ctx.field,
             rule: ctx.rule,
-            input: ctx.input
+            input: ctx.input,
+            updateValue: function updateValue(data) {
+              _this6.$handle.onUpdateValue(ctx, data);
+            }
           };
         }
 
@@ -5028,11 +5095,23 @@
             }
           });
         });
-        hideLst.length && vue.nextTick(function () {
-          hideLst.forEach(function (v) {
-            return v();
-          });
-        });
+
+        if (hideLst.length) {
+          if (this.loading) {
+            hideLst.length && this.bus.$once('load-end', function () {
+              hideLst.forEach(function (v) {
+                return v();
+              });
+            });
+          } else {
+            hideLst.length && vue.nextTick(function () {
+              hideLst.forEach(function (v) {
+                return v();
+              });
+            });
+          }
+        }
+
         this.vm.emit('control', ctx.origin, this.api);
         this.effect(ctx, 'control');
         return flag;
@@ -5211,7 +5290,10 @@
         this.syncValue();
       },
       appendValue: function appendValue(rule) {
-        if (!rule.field || !hasProperty(this.appendData, rule.field)) return;
+        if ((!rule.field || !hasProperty(this.appendData, rule.field)) && !this.options.forceCoverValue) {
+          return;
+        }
+
         rule.value = this.appendData[rule.field];
         delete this.appendData[rule.field];
       },
@@ -5498,121 +5580,135 @@
         }
 
         this.bus.$once('load-end', function () {
-          var computed = ctx.rule.computed;
+          var computedRule = ctx.rule.computed;
 
-          if (!computed) {
+          if (!computedRule) {
             return;
           }
 
-          if (_typeof(computed) !== 'object') {
-            computed = {
-              value: computed
+          if (_typeof(computedRule) !== 'object') {
+            computedRule = {
+              value: computedRule
             };
           }
 
-          Object.keys(computed).forEach(function (k) {
-            ctx.watch.push(vue.watch(function () {
-              var item = computed[k];
+          Object.keys(computedRule).forEach(function (k) {
+            var computedValue = vue.computed(function () {
+              var item = computedRule[k];
               if (!item) return undefined;
-              var fn;
+              return _this.compute(ctx, item);
+            });
 
-              if (_typeof(item) === 'object') {
-                var group = ctx.getParentGroup();
+            var callback = function callback(n) {
+              if (k === 'value') {
+                _this.onInput(ctx, n);
+              } else if (k[0] === '$') {
+                _this.api.setEffect(ctx.id, k, n);
+              } else {
+                deepSet(ctx.rule, k, n);
+              }
+            };
 
-                var checkCondition = function checkCondition(item) {
-                  item = Array.isArray(item) ? {
-                    mode: 'AND',
-                    group: item
-                  } : item;
+            if (k === 'value' ? [undefined, null, ''].indexOf(ctx.rule.value) > -1 : computedValue.value !== deepGet(ctx.rule, k)) {
+              callback(computedValue.value);
+            }
 
-                  if (!is.trueArray(item.group)) {
-                    return true;
-                  }
+            ctx.watch.push(vue.watch(computedValue, function (n) {
+              setTimeout(function () {
+                callback(n);
+              });
+            }));
+          });
+        });
+        this.watchEffect(ctx);
+      },
+      compute: function compute(ctx, item) {
+        var _this2 = this;
 
-                  var or = item.mode === 'OR';
-                  var valid = true;
+        var fn;
 
-                  for (var i = 0; i < item.group.length; i++) {
-                    var one = item.group[i];
-                    var flag = void 0;
+        if (_typeof(item) === 'object') {
+          var group = ctx.getParentGroup();
 
-                    if (one.mode) {
-                      flag = checkCondition(one);
-                    } else if (!condition[one.condition]) {
-                      flag = false;
-                    } else {
-                      flag = new Function('_$', '_$val', '$form', '_group', "with($form){with(this){with(_group){ return _$['".concat(one.condition, "'](").concat(one.field, ", ").concat(one.compare ? one.compare : '_$val', "); }}}")).call(_this.api.form, condition, one.value, _this.api.top.form, group ? _this.subRuleData[group.id] || {} : {});
-                    }
+          var checkCondition = function checkCondition(item) {
+            item = Array.isArray(item) ? {
+              mode: 'AND',
+              group: item
+            } : item;
 
-                    if (or && flag) {
-                      return true;
-                    }
+            if (!is.trueArray(item.group)) {
+              return true;
+            }
 
-                    if (!or) {
-                      valid = valid && flag;
-                    }
-                  }
+            var or = item.mode === 'OR';
+            var valid = true;
 
-                  return or ? false : valid;
-                };
+            for (var i = 0; i < item.group.length; i++) {
+              var one = item.group[i];
+              var flag = void 0;
 
-                return checkCondition(item);
-              } else if (is.Function(item)) {
-                fn = function fn() {
-                  return item(_this.api.form, _this.api);
-                };
+              if (one.mode) {
+                flag = checkCondition(one);
+              } else if (!condition[one.condition]) {
+                flag = false;
               } else {
-                var _group = ctx.getParentGroup();
+                flag = new Function('$condition', '$val', '$form', '$group', "with($form){with(this){with($group){ return $condition['".concat(one.condition, "'](").concat(one.field, ", ").concat(one.compare ? one.compare : '$val', "); }}}")).call(_this2.api.form, condition, one.value, _this2.api.top.form, group ? _this2.subRuleData[group.id] || {} : {});
+              }
 
-                fn = function fn() {
-                  return new Function('_formulas', '$form', '_group', '$rule', '$api', "with($form){with(this){with(_group){with(_formulas){ return ".concat(item, " }}}}")).call(_this.api.form, _this.fc.formulas, _this.api.top.form, _group ? _this.subRuleData[_group.id] || {} : {}, ctx.rule, _this.api);
-                };
+              if (or && flag) {
+                return true;
               }
 
-              return invoke(fn, undefined);
-            }, function (n) {
-              setTimeout(function () {
-                if (k === 'value') {
-                  _this.onInput(ctx, n);
-                } else if (k[0] === '$') {
-                  _this.api.setEffect(ctx.id, k, n);
-                } else {
-                  deepSet(ctx.rule, k, n);
-                }
-              });
-            }, {
-              immediate: k === 'value' ? [undefined, null, ''].indexOf(ctx.rule.value) > -1 : true
-            }));
-          });
-        });
-        this.watchEffect(ctx);
+              if (!or) {
+                valid = valid && flag;
+              }
+            }
+
+            return or ? false : valid;
+          };
+
+          var val = checkCondition(item);
+          return item.invert === true ? !val : val;
+        } else if (is.Function(item)) {
+          fn = function fn() {
+            return item(_this2.api.form, _this2.api);
+          };
+        } else {
+          var _group = ctx.getParentGroup();
+
+          fn = function fn() {
+            return new Function('$formulas', '$form', '$group', '$rule', '$api', "with($form){with(this){with($group){with($formulas){ return ".concat(item, " }}}}")).call(_this2.api.form, _this2.fc.formulas, _this2.api.top.form, _group ? _this2.subRuleData[_group.id] || {} : {}, ctx.rule, _this2.api);
+          };
+        }
+
+        return invoke(fn, undefined);
       },
       updateChildren: function updateChildren(ctx, n, o) {
-        var _this2 = this;
+        var _this3 = this;
 
         this.deferSyncValue(function () {
           o && o.forEach(function (child) {
             if ((n || []).indexOf(child) === -1 && child && !is.String(child) && child.__fc__ && child.__fc__.parent === ctx) {
-              _this2.rmCtx(child.__fc__);
+              _this3.rmCtx(child.__fc__);
             }
           });
 
           if (is.trueArray(n)) {
-            _this2.loadChildren(n, ctx);
+            _this3.loadChildren(n, ctx);
 
-            _this2.bus.$emit('update', _this2.api);
+            _this3.bus.$emit('update', _this3.api);
           }
         });
       },
       rmSub: function rmSub(sub) {
-        var _this3 = this;
+        var _this4 = this;
 
         is.trueArray(sub) && sub.forEach(function (r) {
-          r && r.__fc__ && _this3.rmCtx(r.__fc__);
+          r && r.__fc__ && _this4.rmCtx(r.__fc__);
         });
       },
       rmCtx: function rmCtx(ctx) {
-        var _this4 = this;
+        var _this5 = this;
 
         if (ctx.deleted) return;
         var id = ctx.id,
@@ -5641,19 +5737,19 @@
         }
 
         this.deferSyncValue(function () {
-          if (!_this4.reloading) {
+          if (!_this5.reloading) {
             if (ctx.parser.loadChildren !== false) {
               var children = ctx.getPending('children', ctx.rule.children);
 
               if (is.trueArray(children)) {
                 children.forEach(function (h) {
-                  return h.__fc__ && _this4.rmCtx(h.__fc__);
+                  return h.__fc__ && _this5.rmCtx(h.__fc__);
                 });
               }
             }
 
-            if (ctx.root === _this4.rules) {
-              _this4.vm.setupState.renderRule();
+            if (ctx.root === _this5.rules) {
+              _this5.vm.setupState.renderRule();
             }
           }
         }, input);
@@ -5890,6 +5986,9 @@
       },
       bus: function bus() {
         return fc.bus;
+      },
+      preview: function preview() {
+        return fc.vm.props.preview != null ? fc.vm.props.preview : this.options.preview || false;
       }
     });
     extend(this, {
@@ -5937,7 +6036,7 @@
       });
     },
     init: function init() {
-      this.appendData = _objectSpread2(_objectSpread2(_objectSpread2({}, this.options.formData || {}), this.fc.vm.props.modelValue || {}), this.appendData);
+      this.updateAppendData();
       this.useProvider();
       this.usePage();
       this.loadRule();
@@ -5946,6 +6045,9 @@
 
       this.lifecycle('created');
     },
+    updateAppendData: function updateAppendData() {
+      this.appendData = _objectSpread2(_objectSpread2(_objectSpread2({}, this.options.formData || {}), this.fc.vm.props.modelValue || {}), this.appendData);
+    },
     isBreakWatch: function isBreakWatch() {
       return this.loading || this.noWatchFn || this.reloading;
     },
@@ -6226,13 +6328,21 @@
   var componentValidate = {
     name: 'componentValidate',
     load: function load(attr, rule, api) {
-      var method = attr.getValue();
+      var options = attr.getValue();
 
-      if (!method) {
+      if (!options || options.method === false) {
         attr.clearProp();
         api.clearValidateState([rule.field]);
       } else {
-        attr.getProp().validate = [{
+        if (!is.Object(options)) {
+          options = {
+            method: options
+          };
+        }
+
+        var method = options.method;
+        delete options.method;
+        attr.getProp().validate = [_objectSpread2(_objectSpread2({}, options), {}, {
           validator: function validator() {
             var ctx = byCtx(rule);
 
@@ -6241,14 +6351,14 @@
                 args[_key] = arguments[_key];
               }
 
-              return api.exec.apply(api, [ctx.id, method === true ? 'formCreateValidate' : method].concat(args, [{
+              return api.exec.apply(api, [ctx.id, is.String(method) ? method : 'formCreateValidate'].concat(args, [{
                 attr: attr,
                 rule: rule,
                 api: api
               }]));
             }
           }
-        }];
+        })];
       }
     },
     watch: function watch() {
@@ -6579,7 +6689,7 @@
 
     function register() {
       var data = nameProp.apply(void 0, arguments);
-      if (data.id && data.prop) providers[data.id] = _objectSpread2(_objectSpread2({}, data.prop), {}, {
+      if (data.id && data.prop) providers[data.id] = is.Function(data.prop) ? data.prop : _objectSpread2(_objectSpread2({}, data.prop), {}, {
         name: data.id
       });
     }
@@ -6725,8 +6835,8 @@
       }
     }
 
-    function setData(id, data) {
-      loadData[id] = data;
+    function _setData(id, data) {
+      deepSet(loadData, id, data);
       refreshData(id);
     }
 
@@ -6742,7 +6852,8 @@
       };
 
       callback._driver = true;
-      setData(id, callback);
+
+      _setData(id, callback);
     }
 
     function getData(id, def) {
@@ -6803,8 +6914,6 @@
         },
         drivers: drivers,
         renderDriver: null,
-        setData: setData,
-        getData: getData,
         refreshData: refreshData,
         loadData: loadData,
         CreateNode: CreateNode,
@@ -6812,7 +6921,8 @@
         unwatch: [],
         options: vue.ref({}),
         extendApiFn: extendApiFn,
-        fetchCache: new WeakMap()
+        fetchCache: new WeakMap(),
+        tmpData: {}
       });
       listener.forEach(function (item) {
         _this.bus.$on(item.name, item.callback);
@@ -6987,6 +7097,8 @@
                 unwatch();
 
                 _this5.bus.$emit('$loadData.$var.' + key);
+
+                return val;
               }
 
               val = invoke(function () {
@@ -6998,6 +7110,14 @@
           }
         }
       },
+      setData: function setData(id, data, isGlobal) {
+        if (!isGlobal) {
+          deepSet(this.vm.setupState.top.setupState.fc.tmpData, id, data);
+          this.bus.$emit('$loadData.' + id);
+        } else {
+          _setData(id, data);
+        }
+      },
       getLoadData: function getLoadData(id, def) {
         var val = null;
 
@@ -7018,11 +7138,12 @@
             val = this.globalVarDriver(split.join('.'));
             split = [];
           } else {
-            val = getData(id, def);
+            var tmpData = this.vm.setupState.top.setupState.fc.tmpData;
+            val = hasProperty(tmpData, key) ? deepGet(tmpData, id) : getData(key);
             split = [];
           }
 
-          if (split.length) {
+          if (val && split.length) {
             val = deepGet(val, split);
           }
         }
@@ -7158,6 +7279,7 @@
         listener.forEach(function (item) {
           _this7.bus.$off(item.name, item.callback);
         });
+        this.tmpData = {};
         this.unwatch.forEach(function (fn) {
           return fn();
         });
@@ -7180,7 +7302,7 @@
         extendApi: extendApi,
         getData: getData,
         setDataDriver: setDataDriver,
-        setData: setData,
+        setData: _setData,
         removeData: removeData,
         refreshData: refreshData,
         maker: maker,
@@ -7598,7 +7720,7 @@
             e.preventDefault();
           }
         },
-        "class": [form.className, form["class"], 'form-create', this.options.preview ? 'is-preview' : ''],
+        "class": [form.className, form["class"], 'form-create', this.$handle.preview ? 'is-preview' : ''],
         style: form.style,
         type: 'form'
       };
@@ -7618,7 +7740,7 @@
     render: function render(children) {
       var _this2 = this;
 
-      if (children.slotLen() && !this.options.preview) {
+      if (children.slotLen() && !this.$handle.preview) {
         children.setSlot(undefined, function () {
           return _this2.makeFormBtn();
         });
@@ -7632,11 +7754,12 @@
       var rule = ctx.prop;
       var uni = "".concat(this.key).concat(ctx.key);
       var col = rule.col;
-      var isTitle = this.isTitle(rule);
+      var isTitle = this.isTitle(rule) && rule.wrap.title !== false;
       var labelWidth = !col.labelWidth && !isTitle ? 0 : col.labelWidth;
       var _this$rule$props = this.rule.props,
           inline = _this$rule$props.inline,
           _col = _this$rule$props.col;
+      delete rule.wrap.title;
       var item = isFalse(rule.wrap.show) ? children : this.$r(mergeProps([rule.wrap, {
         props: _objectSpread2(_objectSpread2({
           labelWidth: labelWidth === void 0 ? labelWidth : toString(labelWidth),
@@ -8160,7 +8283,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.7',
+      version: '3.2.9',
       manager: manager,
       extendApi: extendApi,
       install: install,