@form-create/element-ui 3.1.29 → 3.1.31

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @form-create/element-ui v3.1.29
+ * @form-create/element-ui v3.1.31
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
  */
-import { defineComponent, toRef, resolveComponent, createVNode, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, Fragment, markRaw, watch, reactive, getCurrentInstance, provide, inject, toRefs, onMounted, onBeforeUnmount, onUpdated, computed, withDirectives, resolveDirective, createApp, h, ref } from 'vue';
+import { defineComponent, toRef, resolveComponent, createVNode, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, Fragment, markRaw, watch, reactive, getCurrentInstance, provide, inject, toRefs, onBeforeMount, onMounted, onBeforeUnmount, onUpdated, computed, withDirectives, resolveDirective, createApp, h, ref } from 'vue';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -257,7 +257,7 @@ var Checkbox = defineComponent({
           delete props.value;
           delete props.label;
           return createVNode(Type, mergeProps$1(props, {
-            "label": value,
+            "label": label,
             "value": value,
             "key": name + index + '-' + value
           }), {
@@ -1004,7 +1004,7 @@ var Radio = defineComponent({
           delete props.value;
           delete props.label;
           return createVNode(Type, mergeProps$1(props, {
-            "label": value,
+            "label": label,
             "value": value,
             "key": name + index + '-' + value
           }), {
@@ -1963,6 +1963,142 @@ script.render = render;
 
 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) {
@@ -2000,7 +2136,10 @@ function $FormCreate(FormCreate, components, directives) {
       },
       extendOption: Boolean,
       modelValue: Object,
-      disabled: Boolean,
+      disabled: {
+        type: Boolean,
+        "default": undefined
+      },
       api: Object,
       name: String,
       subForm: {
@@ -2009,7 +2148,7 @@ function $FormCreate(FormCreate, components, directives) {
       },
       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();
     },
@@ -2072,10 +2211,37 @@ 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] + ';';
+          });
+
+          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);
+        }
+      });
       onMounted(function () {
         fc.mounted();
       });
       onBeforeUnmount(function () {
+        styleEl && document.head.removeChild(styleEl);
         rmSubForm();
         data.destroyed = true;
         fc.unmount();
@@ -2105,17 +2271,17 @@ function $FormCreate(FormCreate, components, directives) {
       }, {
         deep: true
       });
+      watch(function () {
+        return props.disabled;
+      }, function () {
+        fapi.refresh();
+      });
       watch(modelValue, function (n) {
         if (JSON.stringify(n || {}) === data.updateValue) return;
         fapi.config.forceCoverValue ? fapi.coverValue(n || {}) : fapi.setValue(n || {});
       }, {
         deep: true
       });
-      watch(function () {
-        return props.disabled;
-      }, function (n) {
-        fapi.disabled(!!n);
-      });
       return _objectSpread2(_objectSpread2({
         fc: markRaw(fc),
         parent: parent ? markRaw(parent) : parent,
@@ -2129,16 +2295,21 @@ function $FormCreate(FormCreate, components, directives) {
         },
         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 = getCurrentInstance();
-      vm.setupState.fc.init();
       vm.emit('update:api', vm.setupState.fapi);
-      vm.props.disabled && vm.setupState.fapi.disabled(true);
+      vm.setupState.fc.init();
     }
   });
 }
@@ -2219,114 +2390,6 @@ function attrs() {
   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,
@@ -2976,6 +3039,23 @@ function Api(h) {
         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);
 
@@ -3138,7 +3218,7 @@ function Api(h) {
         }
 
         if (config.type === 'fetch') {
-          asyncFetch(config).then(function (res) {
+          api.fetch(config).then(function (res) {
             resolve({
               res: res,
               config: config
@@ -3169,12 +3249,21 @@ function Api(h) {
 
       (_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;
 
@@ -3196,6 +3285,10 @@ function useCache(Render) {
       }
 
       if (!this.cache[ctx.id]) {
+        if (ctx.parent) {
+          this.clearCache(ctx.parent);
+        }
+
         return;
       }
 
@@ -3203,6 +3296,10 @@ function useCache(Render) {
         this.$handle.refresh();
       }
 
+      if (this.cache[ctx.id].parent) {
+        this.clearCache(this.cache[ctx.id].parent);
+      }
+
       this.cache[ctx.id] = null;
     },
     clearCacheAll: function clearCacheAll() {
@@ -3239,34 +3336,6 @@ 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);
-}
-
-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() {
@@ -3468,8 +3537,8 @@ function useRender$1(Render) {
               }
             }
 
-            cacheFlag && !Object.keys(children).length && _this4.setCache(ctx, function () {
-              return _vn;
+            cacheFlag && _this4.setCache(ctx, function () {
+              return _this4.stable(_vn);
             }, parent);
             return _vn;
           };
@@ -3502,12 +3571,25 @@ function useRender$1(Render) {
         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';
     },
@@ -3515,7 +3597,7 @@ function useRender$1(Render) {
       return ctx.type === 'fragment' || ctx.type === 'template';
     },
     injectProp: function injectProp(ctx) {
-      var _this5 = this;
+      var _this6 = this;
 
       var state = this.vm.setupState;
 
@@ -3524,10 +3606,10 @@ function useRender$1(Render) {
           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: [],
@@ -3547,14 +3629,14 @@ function useRender$1(Render) {
       });
       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"),
@@ -3563,7 +3645,7 @@ function useRender$1(Render) {
           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;
@@ -3575,17 +3657,21 @@ function useRender$1(Render) {
         }
       }];
 
-      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)
         });
@@ -3612,7 +3698,7 @@ function useRender$1(Render) {
       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();
@@ -3621,14 +3707,14 @@ function useRender$1(Render) {
         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) {
           nextTick(function () {
-            _this7.$handle.loadChildren(children, ctx);
+            _this8.$handle.loadChildren(children, ctx);
 
-            _this7.$handle.refresh();
+            _this8.$handle.refresh();
           });
         }
       });
@@ -3642,7 +3728,7 @@ function useRender$1(Render) {
       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;
@@ -3666,7 +3752,7 @@ function useRender$1(Render) {
       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);
           });
         });
       }
@@ -3747,23 +3833,27 @@ function useInject(Handler) {
       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];
               }
@@ -3784,8 +3874,8 @@ function useInject(Handler) {
 
               event[eventName] = is.Undef(_inject) ? fn : _this2.inject(rule, fn, _inject);
             }
-          });
-        }
+          }
+        });
       }
 
       ctx.computed.on = event;
@@ -4100,6 +4190,20 @@ extend(RuleContext.prototype, {
   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;
   },
@@ -4156,15 +4260,15 @@ extend(RuleContext.prototype, {
     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();
       }
     };
 
@@ -4175,17 +4279,17 @@ extend(RuleContext.prototype, {
     }
 
     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) {
@@ -4725,6 +4829,11 @@ function useInput(Handler) {
       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;
@@ -4816,13 +4925,14 @@ function useInput(Handler) {
     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;
@@ -4833,7 +4943,7 @@ function useInput(Handler) {
       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();
@@ -4841,7 +4951,7 @@ function useInput(Handler) {
         this.refresh();
       }
 
-      this.refreshUpdate(ctx, val, origin);
+      this.refreshUpdate(ctx, val, origin, field);
     },
     appendLink: function appendLink(ctx) {
       var _this3 = this;
@@ -4849,7 +4959,7 @@ function useInput(Handler) {
       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);
@@ -4998,7 +5108,11 @@ function useContext(Handler) {
             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);
@@ -5036,47 +5150,55 @@ function useContext(Handler) {
             _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(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(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) {
@@ -5183,13 +5305,26 @@ function useLifecycle(Handler) {
       }
     },
     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));
     }
   });
 }
@@ -5416,6 +5551,8 @@ extend(Handler.prototype, {
     this.loadRule();
 
     this.$manager.__init();
+
+    this.lifecycle('created');
   },
   isBreakWatch: function isBreakWatch() {
     return this.loading || this.noWatchFn || this.reloading;
@@ -6170,7 +6307,7 @@ function FormCreateFactory(config) {
     },
     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];
       });
 
@@ -6558,8 +6695,8 @@ var manager = {
       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();
@@ -6663,7 +6800,7 @@ var manager = {
         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"),
@@ -6925,7 +7062,7 @@ function useFrame(maker) {
   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) {
@@ -7108,6 +7245,7 @@ var required = {
 
     if (val.required === false) {
       inject.clearProp();
+      api.clearValidateState([rule.field]);
     } else {
       var validate = _objectSpread2({
         required: true,
@@ -7178,7 +7316,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.1.29',
+    version: '3.1.31',
     manager: manager,
     extendApi: extendApi,
     install: install,