@form-create/element-ui 3.1.29 → 3.1.30

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.29
+ * @form-create/element-ui v3.1.30
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -261,7 +261,6 @@
             delete props.value;
             delete props.label;
             return vue.createVNode(Type, vue.mergeProps(props, {
-              "label": value,
               "value": value,
               "key": name + index + '-' + value
             }), {
@@ -1008,7 +1007,6 @@
             delete props.value;
             delete props.label;
             return vue.createVNode(Type, vue.mergeProps(props, {
-              "label": value,
               "value": value,
               "key": name + index + '-' + value
             }), {
@@ -1967,6 +1965,142 @@
 
   var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub, script];
 
+  function toString(val) {
+    return val == null ? '' : _typeof(val) === 'object' ? JSON.stringify(val, null, 2) : String(val);
+  }
+
+  function toLine(name) {
+    var line = name.replace(/([A-Z])/g, '-$1').toLocaleLowerCase();
+    if (line.indexOf('-') === 0) line = line.substr(1);
+    return line;
+  }
+  function upper(str) {
+    return str.replace(str[0], str[0].toLocaleUpperCase());
+  }
+
+  function format(type, msg, rule) {
+    return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
+  }
+  function err(msg, rule) {
+    console.error(format('err', msg, rule));
+  }
+  function logError(e) {
+    err(e.toString());
+    console.error(e);
+  }
+
+  var PREFIX = '[[FORM-CREATE-PREFIX-';
+  var SUFFIX = '-FORM-CREATE-SUFFIX]]';
+  var $T = '$FN:';
+  var $TX = '$FNX:';
+  var $ON = '$GLOBAL:';
+  var FUNCTION = 'function';
+  function toJson(obj, space) {
+    return JSON.stringify(deepExtend(Array.isArray(obj) ? [] : {}, obj, true), function (key, val) {
+      if (val && val._isVue === true) return undefined;
+
+      if (_typeof(val) !== FUNCTION) {
+        return val;
+      }
+
+      if (val.__json) {
+        return val.__json;
+      }
+
+      if (val.__origin) val = val.__origin;
+      if (val.__emit) return undefined;
+      return PREFIX + val + SUFFIX;
+    }, space);
+  }
+
+  function makeFn(fn) {
+    return new Function('return ' + fn)();
+  }
+
+  function parseFn(fn, mode) {
+    if (fn && is.String(fn) && fn.length > 4) {
+      var v = fn.trim();
+      var flag = false;
+
+      try {
+        if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
+          v = v.replace(SUFFIX, '').replace(PREFIX, '');
+          flag = true;
+        } else if (v.indexOf($T) === 0) {
+          v = v.replace($T, '');
+          flag = true;
+        } else if (v.indexOf($ON) === 0) {
+          var name = v.replace($ON, '');
+
+          v = function v() {
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+
+            var callback = args[0].api.getGlobalEvent(name);
+
+            if (callback) {
+              return callback.call.apply(callback, [this].concat(args));
+            }
+
+            return undefined;
+          };
+
+          v.__json = fn;
+          v.__inject = true;
+          return v;
+        } else if (v.indexOf($TX) === 0) {
+          v = makeFn('function($inject){' + v.replace($TX, '') + '}');
+          v.__json = fn;
+          v.__inject = true;
+          return v;
+        } else if (!mode && v.indexOf(FUNCTION) === 0 && v !== FUNCTION) {
+          flag = true;
+        }
+
+        if (!flag) return fn;
+        var val = makeFn(v.indexOf(FUNCTION) === -1 && v.indexOf('(') !== 0 ? FUNCTION + ' ' + v : v);
+        val.__json = fn;
+        return val;
+      } catch (e) {
+        err("\u89E3\u6790\u5931\u8D25:".concat(v, "\n\nerr: ").concat(e));
+        return undefined;
+      }
+    }
+
+    return fn;
+  }
+  function parseJson(json, mode) {
+    return JSON.parse(json, function (k, v) {
+      if (is.Undef(v) || !v.indexOf) return v;
+      return parseFn(v, mode);
+    });
+  }
+
+  var id$2 = 0;
+  function uniqueId() {
+    var num = 370 + ++id$2;
+    return 'F' + Math.random().toString(36).substr(3, 3) + Number("".concat(Date.now())).toString(36) + num.toString(36) + 'c';
+  }
+
+  function deepSet(data, idx, val) {
+    var _data = data,
+        to;
+    (idx || '').split('.').forEach(function (v) {
+      if (to) {
+        if (!_data[to] || _typeof(_data[to]) != 'object') {
+          _data[to] = {};
+        }
+
+        _data = _data[to];
+      }
+
+      to = v;
+    });
+    _data[to] = val;
+    return _data;
+  }
+
   var NAME$1 = 'FormCreate';
 
   var getRuleInject = function getRuleInject(vm, parent) {
@@ -2004,7 +2138,10 @@
         },
         extendOption: Boolean,
         modelValue: Object,
-        disabled: Boolean,
+        disabled: {
+          type: Boolean,
+          "default": undefined
+        },
         api: Object,
         name: String,
         subForm: {
@@ -2013,7 +2150,7 @@
         },
         inFor: Boolean
       },
-      emits: ['update:api', 'update:modelValue', 'mounted', 'submit', 'change', 'emit-event', 'control', 'remove-rule', 'remove-field', 'sync', 'reload', 'repeat-field', 'update', 'validate-field-fail', 'validate-fail'],
+      emits: ['update:api', 'update:modelValue', 'mounted', 'submit', 'change', 'emit-event', 'control', 'remove-rule', 'remove-field', 'sync', 'reload', 'repeat-field', 'update', 'validate-field-fail', 'validate-fail', 'created'],
       render: function render() {
         return this.fc.render();
       },
@@ -2076,10 +2213,37 @@
           }
         };
 
+        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] + ';';
+            });
+
+            if (globalClass[k].content) {
+              subCss += globalClass[k].content + ';';
+            }
+
+            if (subCss) {
+              content += ".".concat(k, "{").concat(subCss, "}");
+            }
+          });
+
+          if (content) {
+            styleEl = document.createElement('style');
+            styleEl.type = 'text/css';
+            styleEl.innerHTML = content;
+            document.head.appendChild(styleEl);
+          }
+        });
         vue.onMounted(function () {
           fc.mounted();
         });
         vue.onBeforeUnmount(function () {
+          styleEl && document.head.removeChild(styleEl);
           rmSubForm();
           data.destroyed = true;
           fc.unmount();
@@ -2109,17 +2273,17 @@
         }, {
           deep: true
         });
+        vue.watch(function () {
+          return props.disabled;
+        }, function () {
+          fapi.refresh();
+        });
         vue.watch(modelValue, function (n) {
           if (JSON.stringify(n || {}) === data.updateValue) return;
           fapi.config.forceCoverValue ? fapi.coverValue(n || {}) : fapi.setValue(n || {});
         }, {
           deep: true
         });
-        vue.watch(function () {
-          return props.disabled;
-        }, function (n) {
-          fapi.disabled(!!n);
-        });
         return _objectSpread2(_objectSpread2({
           fc: vue.markRaw(fc),
           parent: parent ? vue.markRaw(parent) : parent,
@@ -2133,16 +2297,21 @@
           },
           updateValue: function updateValue(value) {
             if (data.destroyed) return;
-            data.updateValue = JSON.stringify(value);
+            var json = JSON.stringify(value);
+
+            if (data.updateValue === json) {
+              return;
+            }
+
+            data.updateValue = json;
             vm.emit('update:modelValue', value);
           }
         });
       },
       created: function created() {
         var vm = vue.getCurrentInstance();
-        vm.setupState.fc.init();
         vm.emit('update:api', vm.setupState.fapi);
-        vm.props.disabled && vm.setupState.fapi.disabled(true);
+        vm.setupState.fc.init();
       }
     });
   }
@@ -2223,114 +2392,6 @@
     return [].concat(keyAttrs, _toConsumableArray(normalMerge), _toConsumableArray(toArrayMerge), _toConsumableArray(functionalMerge), arrayAttrs, normalAttrs);
   }
 
-  function format(type, msg, rule) {
-    return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
-  }
-  function err(msg, rule) {
-    console.error(format('err', msg, rule));
-  }
-  function logError(e) {
-    err(e.toString());
-    console.error(e);
-  }
-
-  function toLine(name) {
-    var line = name.replace(/([A-Z])/g, '-$1').toLocaleLowerCase();
-    if (line.indexOf('-') === 0) line = line.substr(1);
-    return line;
-  }
-  function upper(str) {
-    return str.replace(str[0], str[0].toLocaleUpperCase());
-  }
-
-  var PREFIX = '[[FORM-CREATE-PREFIX-';
-  var SUFFIX = '-FORM-CREATE-SUFFIX]]';
-  var $T = '$FN:';
-  var $TX = '$FNX:';
-  var $ON = '$GLOBAL:';
-  var FUNCTION = 'function';
-  function toJson(obj, space) {
-    return JSON.stringify(deepExtend([], obj, true), function (key, val) {
-      if (val && val._isVue === true) return undefined;
-
-      if (_typeof(val) !== FUNCTION) {
-        return val;
-      }
-
-      if (val.__json) {
-        return val.__json;
-      }
-
-      if (val.__origin) val = val.__origin;
-      if (val.__emit) return undefined;
-      return PREFIX + val + SUFFIX;
-    }, space);
-  }
-
-  function makeFn(fn) {
-    return new Function('return ' + fn)();
-  }
-
-  function parseFn(fn, mode) {
-    if (fn && is.String(fn) && fn.length > 4) {
-      var v = fn.trim();
-      var flag = false;
-
-      try {
-        if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
-          v = v.replace(SUFFIX, '').replace(PREFIX, '');
-          flag = true;
-        } else if (v.indexOf($T) === 0) {
-          v = v.replace($T, '');
-          flag = true;
-        } else if (v.indexOf($ON) === 0) {
-          var name = v.replace($ON, '');
-
-          v = function v() {
-            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-              args[_key] = arguments[_key];
-            }
-
-            var callback = args[0].api.getGlobalEvent(name);
-
-            if (callback) {
-              return callback.call.apply(callback, [this].concat(args));
-            }
-
-            return undefined;
-          };
-
-          v.__json = fn;
-          v.__inject = true;
-          return v;
-        } else if (v.indexOf($TX) === 0) {
-          v = makeFn('function($inject){' + v.replace($TX, '') + '}');
-          v.__json = fn;
-          v.__inject = true;
-          return v;
-        } else if (!mode && v.indexOf(FUNCTION) === 0 && v !== FUNCTION) {
-          flag = true;
-        }
-
-        if (!flag) return fn;
-        var val = makeFn(v.indexOf(FUNCTION) === -1 && v.indexOf('(') !== 0 ? FUNCTION + ' ' + v : v);
-        val.__json = fn;
-        return val;
-      } catch (e) {
-        err("\u89E3\u6790\u5931\u8D25:".concat(v, "\n\nerr: ").concat(e));
-        return undefined;
-      }
-    }
-
-    return fn;
-  }
-  function parseJson(json, mode) {
-    return JSON.parse(json, function (k, v) {
-      if (is.Undef(v) || !v.indexOf) return v;
-      return parseFn(v, mode);
-    });
-  }
-
   function enumerable(value, writable) {
     return {
       value: value,
@@ -2980,6 +3041,23 @@
           return origin ? ctx.origin : ctx.rule;
         }
       },
+      getRenderRule: function getRenderRule(id) {
+        var ctx = h.getCtx(id);
+
+        if (ctx) {
+          return ctx.prop;
+        }
+      },
+      getRefRule: function getRefRule(id) {
+        var ctxs = h.getCtxs(id);
+
+        if (ctxs) {
+          var rules = ctxs.map(function (ctx) {
+            return ctx.rule;
+          });
+          return rules.length === 1 ? rules[0] : rules;
+        }
+      },
       setEffect: function setEffect(id, attr, value) {
         var ctx = h.getCtx(id);
 
@@ -3142,7 +3220,7 @@
           }
 
           if (config.type === 'fetch') {
-            asyncFetch(config).then(function (res) {
+            api.fetch(config).then(function (res) {
               resolve({
                 res: res,
                 config: config
@@ -3173,12 +3251,21 @@
 
         (_h$vm = h.vm).emit.apply(_h$vm, [name].concat(args));
       },
+      bus: h.bus,
+      fetch: function fetch(opt) {
+        h.options.beforeFetch && invoke(function () {
+          return h.options.beforeFetch(opt, {
+            api: api
+          });
+        });
+        return asyncFetch(opt);
+      },
       helper: {
         tidyFields: tidyFields,
         props: props
       }
     };
-    ['on', 'once', 'off', 'set'].forEach(function (n) {
+    ['on', 'once', 'off'].forEach(function (n) {
       api[n] = function () {
         var _h$bus;
 
@@ -3200,6 +3287,10 @@
         }
 
         if (!this.cache[ctx.id]) {
+          if (ctx.parent) {
+            this.clearCache(ctx.parent);
+          }
+
           return;
         }
 
@@ -3207,6 +3298,10 @@
           this.$handle.refresh();
         }
 
+        if (this.cache[ctx.id].parent) {
+          this.clearCache(this.cache[ctx.id].parent);
+        }
+
         this.cache[ctx.id] = null;
       },
       clearCacheAll: function clearCacheAll() {
@@ -3243,34 +3338,6 @@
     return str.replace(str[0], str[0].toLowerCase());
   }
 
-  function toString(val) {
-    return val == null ? '' : _typeof(val) === 'object' ? JSON.stringify(val, null, 2) : String(val);
-  }
-
-  var id$2 = 0;
-  function uniqueId() {
-    var num = 370 + ++id$2;
-    return 'F' + Math.random().toString(36).substr(3, 3) + Number("".concat(Date.now())).toString(36) + num.toString(36) + 'c';
-  }
-
-  function deepSet(data, idx, val) {
-    var _data = data,
-        to;
-    (idx || '').split('.').forEach(function (v) {
-      if (to) {
-        if (!_data[to] || _typeof(_data[to]) != 'object') {
-          _data[to] = {};
-        }
-
-        _data = _data[to];
-      }
-
-      to = v;
-    });
-    _data[to] = val;
-    return _data;
-  }
-
   function useRender$1(Render) {
     extend(Render.prototype, {
       initRender: function initRender() {
@@ -3472,8 +3539,8 @@
                 }
               }
 
-              cacheFlag && !Object.keys(children).length && _this4.setCache(ctx, function () {
-                return _vn;
+              cacheFlag && _this4.setCache(ctx, function () {
+                return _this4.stable(_vn);
               }, parent);
               return _vn;
             };
@@ -3506,12 +3573,25 @@
           if (Array.isArray(vn.props["class"])) {
             vn.props["class"].push('fc-none');
           } else {
-            vn.props["class"] = [vn.props["class"], 'fc-none'];
+            vn.props["class"] = vn.props["class"] ? [vn.props["class"], 'fc-none'] : 'fc-none';
           }
 
           return vn;
         }
       },
+      stable: function stable(vn) {
+        var _this5 = this;
+
+        var list = Array.isArray(vn) ? vn : [vn];
+        list.forEach(function (v) {
+          if (v && v.__v_isVNode && v.children && _typeof(v.children) === 'object') {
+            v.children.$stable = true;
+
+            _this5.stable(v.children);
+          }
+        });
+        return vn;
+      },
       getModelField: function getModelField(ctx) {
         return ctx.rule.modelField || ctx.parser.modelField || this.fc.modelFields[this.vNode.aliasMap[ctx.type]] || this.fc.modelFields[ctx.type] || this.fc.modelFields[ctx.originType] || 'modelValue';
       },
@@ -3519,7 +3599,7 @@
         return ctx.type === 'fragment' || ctx.type === 'template';
       },
       injectProp: function injectProp(ctx) {
-        var _this5 = this;
+        var _this6 = this;
 
         var state = this.vm.setupState;
 
@@ -3528,10 +3608,10 @@
             api: this.$handle.api,
             form: this.fc.create,
             subForm: function subForm(_subForm) {
-              _this5.$handle.addSubForm(ctx, _subForm);
+              _this6.$handle.addSubForm(ctx, _subForm);
             },
             getSubForm: function getSubForm() {
-              return _this5.$handle.subForm[ctx.id];
+              return _this6.$handle.subForm[ctx.id];
             },
             options: [],
             children: [],
@@ -3551,14 +3631,14 @@
         });
         return inject;
       },
-      ctxProp: function ctxProp(ctx, custom) {
-        var _this6 = this;
+      ctxProp: function ctxProp(ctx) {
+        var _this7 = this;
 
         var ref = ctx.ref,
             key = ctx.key,
             rule = ctx.rule;
-        this.$manager.mergeProp(ctx, custom);
-        ctx.parser.mergeProp(ctx, custom);
+        this.$manager.mergeProp(ctx);
+        ctx.parser.mergeProp(ctx);
         var props = [{
           ref: ref,
           key: rule.key || "".concat(key, "fc"),
@@ -3567,7 +3647,7 @@
             vnodeMounted: function vnodeMounted(vn) {
               vn.el.__rule__ = ctx.rule;
 
-              _this6.onMounted(ctx, vn.el);
+              _this7.onMounted(ctx, vn.el);
             },
             'fc.el': function fcEl(el) {
               ctx.exportEl = el;
@@ -3579,17 +3659,21 @@
           }
         }];
 
-        if (!custom && ctx.input) {
+        if (ctx.input) {
+          if (this.vm.props.disabled !== undefined) {
+            ctx.prop.props.disabled = !!this.vm.props.disabled;
+          }
+
           var field = this.getModelField(ctx);
           var model = {
             callback: function callback(value) {
-              _this6.onInput(ctx, value);
+              _this7.onInput(ctx, value);
             },
             value: this.$handle.getFormData(ctx)
           };
           props.push({
             on: _objectSpread2(_defineProperty({}, "update:".concat(field), model.callback), ctx.prop.modelEmit ? _defineProperty({}, ctx.prop.modelEmit, function () {
-              return _this6.onEmitInput(ctx);
+              return _this7.onEmitInput(ctx);
             }) : {}),
             props: _defineProperty({}, field, model.value)
           });
@@ -3616,7 +3700,7 @@
         this.$handle.setValue(ctx, ctx.parser.toValue(ctx.modelValue, ctx), ctx.modelValue);
       },
       renderChildren: function renderChildren(children, ctx) {
-        var _this7 = this;
+        var _this8 = this;
 
         if (!is.trueArray(children)) return {};
         var slotBag = makeSlotBag();
@@ -3625,14 +3709,14 @@
           if (is.String(child)) return slotBag.setSlot(null, child);
 
           if (child.__fc__) {
-            return _this7.renderSlot(slotBag, child.__fc__, ctx);
+            return _this8.renderSlot(slotBag, child.__fc__, ctx);
           }
 
           if (child.type) {
             vue.nextTick(function () {
-              _this7.$handle.loadChildren(children, ctx);
+              _this8.$handle.loadChildren(children, ctx);
 
-              _this7.$handle.refresh();
+              _this8.$handle.refresh();
             });
           }
         });
@@ -3646,7 +3730,7 @@
         return this.vNode.make(lower(ctx.originType), prop, children);
       },
       renderRule: function renderRule(rule, children, origin) {
-        var _this8 = this;
+        var _this9 = this;
 
         if (!rule) return undefined;
         if (is.String(rule)) return rule;
@@ -3670,7 +3754,7 @@
         if (is.trueArray(rule.children)) {
           rule.children.forEach(function (v) {
             v && slotBag.setSlot(v === null || v === void 0 ? void 0 : v.slot, function () {
-              return _this8.renderRule(v);
+              return _this9.renderRule(v);
             });
           });
         }
@@ -3751,23 +3835,27 @@
         var emit = rule.emit || [];
 
         if (is.trueArray(emit)) {
-          var emitKey = emitPrefix || field || name;
-
-          if (emitKey) {
-            emit.forEach(function (eventName) {
-              if (!eventName) return;
-              var eventInject;
-
-              if (is.Object(eventName)) {
-                eventInject = eventName.inject;
-                eventName = eventName.name;
-              }
+          emit.forEach(function (eventName) {
+            if (!eventName) return;
+            var eventInject;
+            var emitKey = emitPrefix || field || name;
+
+            if (is.Object(eventName)) {
+              eventInject = eventName.inject;
+              eventName = eventName.name;
+              emitKey = eventName.prefix || emitKey;
+            }
 
+            if (emitKey) {
               var fieldKey = toLine("".concat(emitKey, "-").concat(eventName));
 
               var fn = function fn() {
                 var _this2$vm, _this2$vm2, _this2$bus;
 
+                if (_this2.vm.emitsOptions) {
+                  _this2.vm.emitsOptions[fieldKey] = null;
+                }
+
                 for (var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++) {
                   arg[_key] = arguments[_key];
                 }
@@ -3788,8 +3876,8 @@
 
                 event[eventName] = is.Undef(_inject) ? fn : _this2.inject(rule, fn, _inject);
               }
-            });
-          }
+            }
+          });
         }
 
         ctx.computed.on = event;
@@ -4104,6 +4192,20 @@
     initNone: function initNone() {
       this.none = !(is.Undef(this.prop.display) || !!this.prop.display);
     },
+    injectValidate: function injectValidate() {
+      var _this4 = this;
+
+      return toArray(this.prop.validate).map(function (item) {
+        return _objectSpread2(_objectSpread2({}, item), {}, {
+          inject: {
+            id: _this4.id,
+            field: _this4.field,
+            rule: _this4.rule,
+            api: _this4.$handle.api
+          }
+        });
+      });
+    },
     check: function check(handle) {
       return this.vm === handle.vm;
     },
@@ -4160,15 +4262,15 @@
       this.ctrlRule = [];
     },
     rm: function rm() {
-      var _this4 = this;
+      var _this5 = this;
 
       var _rm = function _rm() {
-        var index = _this4.root.indexOf(_this4.origin);
+        var index = _this5.root.indexOf(_this5.origin);
 
         if (index > -1) {
-          _this4.root.splice(index, 1);
+          _this5.root.splice(index, 1);
 
-          _this4.$handle && _this4.$handle.refresh();
+          _this5.$handle && _this5.$handle.refresh();
         }
       };
 
@@ -4179,17 +4281,17 @@
       }
 
       this.$handle.noWatch(function () {
-        _this4.$handle.deferSyncValue(function () {
-          _this4.rmCtrl();
+        _this5.$handle.deferSyncValue(function () {
+          _this5.rmCtrl();
 
           _rm();
 
-          _this4.$handle.rmCtx(_this4);
+          _this5.$handle.rmCtx(_this5);
 
-          extend(_this4, {
+          extend(_this5, {
             root: []
           });
-        }, _this4.input);
+        }, _this5.input);
       });
     },
     update: function update(handle, init) {
@@ -4729,6 +4831,11 @@
         this.valueChange(ctx, value);
         this.vm.emit('change', ctx.field, value, ctx.origin, this.api, setFlag || false);
         this.effect(ctx, 'value');
+        this.emitEvent('change', ctx.field, value, {
+          rule: ctx.origin,
+          api: this.api,
+          setFlag: setFlag || false
+        });
       },
       onInput: function onInput(ctx, value) {
         var val;
@@ -4820,13 +4927,14 @@
       isQuote: function isQuote(ctx, value) {
         return (is.Object(value) || Array.isArray(value)) && value === ctx.rule.value;
       },
-      refreshUpdate: function refreshUpdate(ctx, val, origin) {
+      refreshUpdate: function refreshUpdate(ctx, val, origin, field) {
         var _this2 = this;
 
         if (is.Function(ctx.rule.update)) {
           var state = invoke(function () {
             return ctx.rule.update(val, ctx.origin, _this2.api, {
-              origin: origin || 'change'
+              origin: origin || 'change',
+              linkField: field
             });
           });
           if (state === undefined) return;
@@ -4837,7 +4945,7 @@
         this.refreshRule(ctx, val);
         this.bus.$emit('change-' + ctx.field, val);
       },
-      refreshRule: function refreshRule(ctx, val, origin) {
+      refreshRule: function refreshRule(ctx, val, origin, field) {
         if (this.refreshControl(ctx)) {
           this.$render.clearCacheAll();
           this.loadRule();
@@ -4845,7 +4953,7 @@
           this.refresh();
         }
 
-        this.refreshUpdate(ctx, val, origin);
+        this.refreshUpdate(ctx, val, origin, field);
       },
       appendLink: function appendLink(ctx) {
         var _this3 = this;
@@ -4853,7 +4961,7 @@
         var link = ctx.rule.link;
         is.trueArray(link) && link.forEach(function (field) {
           var fn = function fn() {
-            return _this3.refreshRule(ctx, ctx.rule.value, 'link');
+            return _this3.refreshRule(ctx, ctx.rule.value, 'link', field);
           };
 
           _this3.bus.$on('change-' + field, fn);
@@ -5002,7 +5110,11 @@
               if (key === 'props' && ctx.input) {
                 _this.setFormData(ctx, ctx.parser.toFormValue(ctx.rule.value, ctx));
               }
-            } else if (key === 'emit') _this.parseEmit(ctx);else if (['prefix', 'suffix'].indexOf(key) > -1) n && _this.loadFn(n, ctx.rule);else if (key === 'type') {
+            } else if (key === 'emit') {
+              _this.parseEmit(ctx);
+            } else if (key === 'hidden' && Boolean(n) !== Boolean(o)) {
+              _this.$render.clearCacheAll();
+            } else if (['prefix', 'suffix'].indexOf(key) > -1) n && _this.loadFn(n, ctx.rule);else if (key === 'type') {
               ctx.updateType();
 
               _this.bindParser(ctx);
@@ -5040,47 +5152,55 @@
               _this.setValue(ctx, val.value, formValue, true);
             }
           }));
-          this.bus.$once('load-end', function () {
-            var computed = ctx.rule.computed;
+        }
 
-            if (!computed) {
-              return;
-            }
+        this.bus.$once('load-end', function () {
+          var computed = ctx.rule.computed;
 
-            if (_typeof(computed) !== 'object') {
-              computed = {
-                value: computed
-              };
-            }
+          if (!computed) {
+            return;
+          }
 
-            Object.keys(computed).forEach(function (k) {
-              ctx.watch.push(vue.watch(function () {
-                var item = computed[k];
-                if (!item) return undefined;
-                var fn;
+          if (_typeof(computed) !== 'object') {
+            computed = {
+              value: computed
+            };
+          }
 
-                if (is.Function(item)) {
-                  fn = function fn() {
-                    return item(_this.api.form, _this.api);
-                  };
-                } else {
-                  var group = ctx.getParentGroup();
+          Object.keys(computed).forEach(function (k) {
+            ctx.watch.push(vue.watch(function () {
+              var item = computed[k];
+              if (!item) return undefined;
+              var fn;
 
-                  fn = function fn() {
-                    return new Function('formulas', 'top', 'group', "with(top){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] || {} : {});
-                  };
-                }
+              if (is.Function(item)) {
+                fn = function fn() {
+                  return item(_this.api.form, _this.api);
+                };
+              } else {
+                var group = ctx.getParentGroup();
 
-                return invoke(fn, undefined);
-              }, function (n) {
-                deepSet(ctx.rule, k, n);
-              }, {
-                immediate: true
-              }));
-            });
-          });
-        }
+                fn = function fn() {
+                  return new Function('formulas', 'top', 'group', '$rule', '$api', "with(top){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);
+                };
+              }
 
+              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: true
+            }));
+          });
+        });
         this.watchEffect(ctx);
       },
       updateChildren: function updateChildren(ctx, n, o) {
@@ -5187,13 +5307,26 @@
         }
       },
       lifecycle: function lifecycle(name) {
-        var _this2 = this;
-
-        var fn = this.options[name];
-        is.Function(fn) && invoke(function () {
-          return fn(_this2.api);
-        });
         this.vm.emit(name, this.api);
+        this.emitEvent(name, this.api);
+      },
+      emitEvent: function emitEvent(name) {
+        var _this$bus;
+
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+
+        var _fn = this.options[name] || this.options[toCase('on-' + name)];
+
+        if (_fn) {
+          var fn = parseFn(_fn);
+          is.Function(fn) && invoke(function () {
+            return fn.apply(void 0, args);
+          });
+        }
+
+        (_this$bus = this.bus).$emit.apply(_this$bus, [name].concat(args));
       }
     });
   }
@@ -5420,6 +5553,8 @@
       this.loadRule();
 
       this.$manager.__init();
+
+      this.lifecycle('created');
     },
     isBreakWatch: function isBreakWatch() {
       return this.loading || this.noWatchFn || this.reloading;
@@ -6174,7 +6309,7 @@
       },
       mergeOptions: function mergeOptions(target, opt, parent) {
         opt = deepCopy(opt);
-        parent && ['page', 'onSubmit', 'mounted', 'reload', 'formData', 'el'].forEach(function (n) {
+        parent && ['page', 'onSubmit', 'mounted', 'reload', 'formData', 'el', 'globalClass'].forEach(function (n) {
           delete opt[n];
         });
 
@@ -6562,8 +6697,8 @@
         var form = _this.form();
 
         if (form) {
-          form.validateField(field, function (res) {
-            res ? reject(res) : resolve(null);
+          form.validateField(field, function (res, err) {
+            err ? reject(err) : resolve(res);
           });
         } else {
           resolve();
@@ -6667,7 +6802,7 @@
           label: isTitle ? rule.title.title : undefined
         }, tidyRule(rule.wrap || {})), {}, {
           prop: ctx.id,
-          rules: rule.validate
+          rules: ctx.injectValidate()
         }),
         "class": rule.className,
         key: "".concat(uni, "fi"),
@@ -6929,7 +7064,7 @@
     return maker;
   }
 
-  var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create{width:100%}.form-create .fc-none,.form-create.is-preview .fc-clock{display:none!important}";
+  var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create{width:100%}.form-create .fc-none,.form-create.is-preview .fc-clock{display:none!important}.form-create.is-preview .el-form-item.is-required>.el-form-item__label-wrap>.el-form-item__label:before,.form-create.is-preview .el-form-item.is-required>.el-form-item__label:before{content:\"\"!important}";
   styleInject(css_248z);
 
   function tidyBtnProp(btn, def) {
@@ -7112,6 +7247,7 @@
 
       if (val.required === false) {
         inject.clearProp();
+        api.clearValidateState([rule.field]);
       } else {
         var validate = _objectSpread2({
           required: true,
@@ -7182,7 +7318,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.1.29',
+      version: '3.1.30',
       manager: manager,
       extendApi: extendApi,
       install: install,