@form-create/element-ui 3.2.7 → 3.2.9

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @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.
  */
-import { defineComponent, toRef, ref, watch, createVNode, resolveComponent, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, createTextVNode, markRaw, reactive, getCurrentInstance, provide, inject, toRefs, onBeforeMount, onMounted, onBeforeUnmount, onUpdated, computed, withDirectives, resolveDirective, createApp, h } from 'vue';
+import { defineComponent, toRef, ref, watch, createVNode, resolveComponent, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, createTextVNode, markRaw, reactive, getCurrentInstance, provide, inject, toRefs, onBeforeMount, watchEffect, onMounted, onBeforeUnmount, onUpdated, computed, withDirectives, resolveDirective, createApp, h } from 'vue';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -277,11 +277,12 @@ var Checkbox = defineComponent({
         }
 
         return createVNode(Type, {
-          "value": customValue.value,
-          "label": customValue.value
+          "value": customValue.value || undefined,
+          "label": customValue.value || undefined
         }, {
           "default": function _default() {
             return [createVNode(resolveComponent("ElInput"), {
+              "size": "small",
               "modelValue": customValue.value,
               "onUpdate:modelValue": updateCustomValue
             }, null)];
@@ -1064,11 +1065,13 @@ var Radio = defineComponent({
         }
 
         return createVNode(Type, {
-          "value": customValue.value,
-          "label": customValue.value
+          "checked": false,
+          "value": customValue.value || undefined,
+          "label": customValue.value || undefined
         }, {
           "default": function _default() {
             return [createVNode(resolveComponent("ElInput"), {
+              "size": "small",
               "modelValue": customValue.value,
               "onUpdate:modelValue": updateCustomValue
             }, null)];
@@ -1283,7 +1286,7 @@ var Tree = defineComponent({
     return createVNode(resolveComponent("ElTree"), mergeProps$1(this.$attrs, {
       "ref": "tree",
       "onCheck": this.updateValue,
-      "onNode-click": this.updateValue
+      "onNodeClick": this.updateValue
     }), this.$slots);
   },
   mounted: function mounted() {
@@ -1411,7 +1414,7 @@ var Upload = defineComponent({
     }, [createVNode(resolveComponent("ElUpload"), mergeProps$1({
       "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
       },
@@ -1821,13 +1824,18 @@ var Group = defineComponent({
       }, 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({
@@ -1836,7 +1844,7 @@ var Group = defineComponent({
           vm: this,
           key: key,
           del: function del() {
-            return _this10.del(index, key);
+            return _this11.del(index, key);
           },
           add: this.add
         });
@@ -1872,12 +1880,12 @@ var Group = defineComponent({
     }
   },
   created: function created() {
-    var _this11 = this;
+    var _this12 = this;
 
     watch(function () {
-      return _objectSpread2({}, _this11.cacheRule);
+      return _objectSpread2({}, _this12.cacheRule);
     }, function (n) {
-      _this11.sort = Object.keys(n);
+      _this12.sort = Object.keys(n);
     }, {
       immediate: true
     });
@@ -1892,7 +1900,7 @@ var Group = defineComponent({
     }
   },
   render: function render() {
-    var _this12 = this;
+    var _this13 = this;
 
     var keys = this.sort;
     var button = this.button;
@@ -1906,10 +1914,10 @@ var Group = defineComponent({
       "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 createVNode("div", {
         "class": "_fc-group-container",
         "key": key
@@ -1918,20 +1926,20 @@ var Group = defineComponent({
       }, {
         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
@@ -2080,7 +2088,7 @@ function upper(str) {
   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;
   }
@@ -2090,7 +2098,7 @@ var getRuleInject = function getRuleInject(vm, parent) {
   }
 
   if (vm.parent) {
-    return getRuleInject(vm.parent, parent);
+    return _getGroupInject(vm.parent, parent);
   }
 };
 
@@ -2141,6 +2149,15 @@ function $FormCreate(FormCreate, components, directives) {
       var vm = getCurrentInstance();
       provide('parentFC', vm);
       var parent = inject('parentFC', null);
+      var top = parent;
+
+      if (parent) {
+        while (top.setupState.parent) {
+          top = top.setupState.parent;
+        }
+      } else {
+        top = vm;
+      }
 
       var _toRefs = toRefs(props),
           rule = _toRefs.rule,
@@ -2162,7 +2179,7 @@ function $FormCreate(FormCreate, components, directives) {
 
       var addSubForm = function addSubForm() {
         if (parent) {
-          var _inject = getRuleInject(vm, parent);
+          var _inject = _getGroupInject(vm, parent);
 
           if (_inject) {
             var sub;
@@ -2180,7 +2197,7 @@ function $FormCreate(FormCreate, components, directives) {
       };
 
       var rmSubForm = function rmSubForm() {
-        var inject = getRuleInject(vm, parent);
+        var inject = _getGroupInject(vm, parent);
 
         if (inject) {
           if (isMore) {
@@ -2198,33 +2215,36 @@ function $FormCreate(FormCreate, components, directives) {
 
       var styleEl = null;
       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] + ';';
+        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');
@@ -2270,6 +2290,7 @@ function $FormCreate(FormCreate, components, directives) {
         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();
       });
@@ -2295,12 +2316,14 @@ function $FormCreate(FormCreate, components, directives) {
           fapi.setValue(n || {});
         }
       }, {
-        deep: true
+        deep: true,
+        flush: 'post'
       });
       watch(function () {
         return props.index;
       }, function () {
         fapi.coverValue({});
+        fc.$handle.updateAppendData();
         nextTick(function () {
           nextTick(function () {
             fapi.clearValidateState();
@@ -2312,8 +2335,12 @@ function $FormCreate(FormCreate, components, directives) {
       return _objectSpread2(_objectSpread2({
         fc: markRaw(fc),
         parent: parent ? markRaw(parent) : parent,
+        top: markRaw(top),
         fapi: markRaw(fapi)
       }, toRefs(data)), {}, {
+        getGroupInject: function getGroupInject() {
+          return _getGroupInject(vm, parent);
+        },
         refresh: function refresh() {
           ++data.unique;
         },
@@ -2419,7 +2446,7 @@ var mergeFn = function mergeFn(fn1, fn2) {
 
 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);
 }
@@ -2435,6 +2462,16 @@ function logError(e) {
   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:';
@@ -2662,6 +2699,10 @@ function toProps(rule) {
   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])) {
@@ -3005,6 +3046,31 @@ function Api(h) {
       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);
@@ -3320,10 +3386,13 @@ function Api(h) {
           ctx.rule.value = copy(ctx.defaultValue);
         });
       });
+      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);
       };
@@ -3388,6 +3457,11 @@ function Api(h) {
       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);
@@ -3496,8 +3570,8 @@ function Api(h) {
     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);
@@ -3570,16 +3644,6 @@ function useCache(Render) {
   });
 }
 
-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);
 }
@@ -3738,7 +3802,7 @@ function useRender$1(Render) {
           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;
@@ -3891,7 +3955,10 @@ function useRender$1(Render) {
           id: ctx.id,
           field: ctx.field,
           rule: ctx.rule,
-          input: ctx.input
+          input: ctx.input,
+          updateValue: function updateValue(data) {
+            _this6.$handle.onUpdateValue(ctx, data);
+          }
         };
       }
 
@@ -5024,11 +5091,23 @@ function useLoader(Handler) {
           }
         });
       });
-      hideLst.length && 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 && nextTick(function () {
+            hideLst.forEach(function (v) {
+              return v();
+            });
+          });
+        }
+      }
+
       this.vm.emit('control', ctx.origin, this.api);
       this.effect(ctx, 'control');
       return flag;
@@ -5207,7 +5286,10 @@ function useInput(Handler) {
       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];
     },
@@ -5494,121 +5576,135 @@ function useContext(Handler) {
       }
 
       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(watch(function () {
-            var item = computed[k];
+        Object.keys(computedRule).forEach(function (k) {
+          var computedValue = 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(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,
@@ -5637,19 +5733,19 @@ function useContext(Handler) {
       }
 
       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);
@@ -5886,6 +5982,9 @@ function Handler(fc) {
     },
     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, {
@@ -5933,7 +6032,7 @@ extend(Handler.prototype, {
     });
   },
   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();
@@ -5942,6 +6041,9 @@ extend(Handler.prototype, {
 
     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;
   },
@@ -6222,13 +6324,21 @@ var loadData = function loadData(fc) {
 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);
 
@@ -6237,14 +6347,14 @@ var componentValidate = {
               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() {
@@ -6575,7 +6685,7 @@ function FormCreateFactory(config) {
 
   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
     });
   }
@@ -6721,8 +6831,8 @@ function FormCreateFactory(config) {
     }
   }
 
-  function setData(id, data) {
-    loadData[id] = data;
+  function _setData(id, data) {
+    deepSet(loadData, id, data);
     refreshData(id);
   }
 
@@ -6738,7 +6848,8 @@ function FormCreateFactory(config) {
     };
 
     callback._driver = true;
-    setData(id, callback);
+
+    _setData(id, callback);
   }
 
   function getData(id, def) {
@@ -6799,8 +6910,6 @@ function FormCreateFactory(config) {
       },
       drivers: drivers,
       renderDriver: null,
-      setData: setData,
-      getData: getData,
       refreshData: refreshData,
       loadData: loadData,
       CreateNode: CreateNode,
@@ -6808,7 +6917,8 @@ function FormCreateFactory(config) {
       unwatch: [],
       options: ref({}),
       extendApiFn: extendApiFn,
-      fetchCache: new WeakMap()
+      fetchCache: new WeakMap(),
+      tmpData: {}
     });
     listener.forEach(function (item) {
       _this.bus.$on(item.name, item.callback);
@@ -6983,6 +7093,8 @@ function FormCreateFactory(config) {
               unwatch();
 
               _this5.bus.$emit('$loadData.$var.' + key);
+
+              return val;
             }
 
             val = invoke(function () {
@@ -6994,6 +7106,14 @@ function FormCreateFactory(config) {
         }
       }
     },
+    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;
 
@@ -7014,11 +7134,12 @@ function FormCreateFactory(config) {
           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);
         }
       }
@@ -7154,6 +7275,7 @@ function FormCreateFactory(config) {
       listener.forEach(function (item) {
         _this7.bus.$off(item.name, item.callback);
       });
+      this.tmpData = {};
       this.unwatch.forEach(function (fn) {
         return fn();
       });
@@ -7176,7 +7298,7 @@ function FormCreateFactory(config) {
       extendApi: extendApi,
       getData: getData,
       setDataDriver: setDataDriver,
-      setData: setData,
+      setData: _setData,
       removeData: removeData,
       refreshData: refreshData,
       maker: maker,
@@ -7594,7 +7716,7 @@ var manager = {
           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'
     };
@@ -7614,7 +7736,7 @@ var manager = {
   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();
       });
@@ -7628,11 +7750,12 @@ var manager = {
     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),
@@ -8156,7 +8279,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.2.7',
+    version: '3.2.9',
     manager: manager,
     extendApi: extendApi,
     install: install,