@form-create/element-ui 3.1.2 → 3.1.5

package/dist/form-create.esm.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.2
+ * @form-create/element-ui v3.1.4
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -795,6 +795,7 @@ var Frame = defineComponent({
       try {
         if (this.helper === true) {
           iframe['form_create_helper'] = {
+            api: this.formCreateInject.api,
             close: function close(field) {
               _this7.valid(field);
 
@@ -1267,9 +1268,28 @@ var is = {
   },
   trueArray: function trueArray(data) {
     return Array.isArray(data) && data.length > 0;
+  },
+  Function: function Function(v) {
+    var type = this.getType(v);
+    return type === 'Function' || type === 'AsyncFunction';
+  },
+  getType: function getType(v) {
+    var str = Object.prototype.toString.call(v);
+    return /^\[object (.*)\]$/.exec(str)[1];
+  },
+  empty: function empty(value) {
+    if (value === undefined || value === null) {
+      return true;
+    }
+
+    if (Array.isArray(value) && Array.isArray(value) && !value.length) {
+      return true;
+    }
+
+    return typeof value === 'string' && !value;
   }
 };
-['Date', 'Object', 'Function', 'String', 'Boolean', 'Array', 'Number'].forEach(function (t) {
+['Date', 'Object', 'String', 'Boolean', 'Array', 'Number'].forEach(function (t) {
   is[t] = function (arg) {
     return is.type(arg, t);
   };
@@ -1337,6 +1357,81 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
 
 script$1.render = render$1;
 
+function $set(target, field, value) {
+  target[field] = value;
+}
+function $del(target, field) {
+  delete target[field];
+}
+
+function deepExtend(origin) {
+  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var mode = arguments.length > 2 ? arguments[2] : undefined;
+  var isArr = false;
+
+  for (var key in target) {
+    if (Object.prototype.hasOwnProperty.call(target, key)) {
+      var clone = target[key];
+
+      if ((isArr = Array.isArray(clone)) || is.Object(clone)) {
+        var nst = origin[key] === undefined;
+
+        if (isArr) {
+          isArr = false;
+          nst && $set(origin, key, []);
+        } else if (clone._clone && mode !== undefined) {
+          if (mode) {
+            clone = clone.getRule();
+            nst && $set(origin, key, {});
+          } else {
+            $set(origin, key, clone._clone());
+            continue;
+          }
+        } else {
+          nst && $set(origin, key, {});
+        }
+
+        origin[key] = deepExtend(origin[key], clone, mode);
+      } else {
+        $set(origin, key, clone);
+
+        if (!is.Undef(clone)) {
+          if (!is.Undef(clone.__json)) {
+            origin[key].__json = clone.__json;
+          }
+
+          if (!is.Undef(clone.__origin)) {
+            origin[key].__origin = clone.__origin;
+          }
+        }
+      }
+    }
+  }
+
+  return mode !== undefined && Array.isArray(origin) ? origin.filter(function (v) {
+    return !v || !v.__ctrl;
+  }) : origin;
+}
+function deepCopy(value) {
+  return deepExtend({}, {
+    value: value
+  }).value;
+}
+
+var _extends = Object.assign || function (a) {
+  for (var b, c = 1; c < arguments.length; c++) {
+    for (var d in b = arguments[c], b) {
+      Object.prototype.hasOwnProperty.call(b, d) && $set(a, d, b[d]);
+    }
+  }
+
+  return a;
+};
+
+function extend() {
+  return _extends.apply(this, arguments);
+}
+
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
 }
@@ -1367,6 +1462,7 @@ var Group = defineComponent({
         return [];
       }
     },
+    defaultValue: Object,
     disabled: {
       type: Boolean,
       "default": false
@@ -1436,8 +1532,6 @@ var Group = defineComponent({
             for (var _i2 = 0; _i2 < len; _i2++) {
               this.removeRule(keys[total - _i2 - 1]);
             }
-
-            this.subForm();
           }
 
           n.forEach(function (val, i) {
@@ -1445,8 +1539,7 @@ var Group = defineComponent({
           });
         }
       },
-      deep: true,
-      flush: 'post'
+      deep: true
     }
   },
   methods: {
@@ -1503,6 +1596,13 @@ var Group = defineComponent({
         submitBtn: false,
         resetBtn: false
       };
+
+      if (this.defaultValue) {
+        if (!options.formData) options.formData = {};
+        var defVal = deepCopy(this.defaultValue);
+        extend(options.formData, this.field ? _defineProperty({}, this.field, defVal) : defVal);
+      }
+
       this.cacheRule[++this.len] = {
         rule: rule,
         options: options
@@ -1518,7 +1618,7 @@ var Group = defineComponent({
       var _this4 = this;
 
       this.cacheRule[key].$f = $f;
-      this.subForm();
+      this.formData(key, $f.formData());
       nextTick(function () {
         if (_this4.syncDisabled) {
           $f.disabled(_this4.disabled);
@@ -1527,15 +1627,8 @@ var Group = defineComponent({
         _this4.$emit('itemMounted', $f, Object.keys(_this4.cacheRule).indexOf(key));
       });
     },
-    subForm: function subForm() {
-      var _this5 = this;
-
-      this.formCreateInject.subForm(Object.keys(this.cacheRule).map(function (k) {
-        return _this5.cacheRule[k].$f;
-      }));
-    },
     removeRule: function removeRule(key, emit) {
-      var _this6 = this;
+      var _this5 = this;
 
       var index = Object.keys(this.cacheRule).indexOf(key);
       delete this.cacheRule[key];
@@ -1543,7 +1636,7 @@ var Group = defineComponent({
 
       if (emit) {
         nextTick(function () {
-          return _this6.$emit('remove', index);
+          return _this5.$emit('remove', index);
         });
       }
     },
@@ -1561,7 +1654,6 @@ var Group = defineComponent({
       }
 
       this.removeRule(key, true);
-      this.subForm();
       this.modelValue.splice(index, 1);
       this.input(this.modelValue);
     },
@@ -1577,14 +1669,14 @@ var Group = defineComponent({
       });
     },
     delIcon: function delIcon(index, key) {
-      var _this7 = this;
+      var _this6 = this;
 
       return createVNode(resolveComponent("ElIcon"), {
         "key": "d".concat(key),
         "class": "el-icon-remove-outline",
         "style": "font-size:".concat(this.fontSize, "px;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer;color:#606266', ";"),
         "onClick": function onClick() {
-          return _this7.del(index, key);
+          return _this6.del(index, key);
         }
       }, {
         "default": function _default() {
@@ -1593,7 +1685,7 @@ var Group = defineComponent({
       });
     },
     makeIcon: function makeIcon(total, index, key) {
-      var _this8 = this;
+      var _this7 = this;
 
       if (this.$slots.button) {
         return this.$slots.button({
@@ -1602,7 +1694,7 @@ var Group = defineComponent({
           vm: this,
           key: key,
           del: function del() {
-            return _this8.del(index, key);
+            return _this7.del(index, key);
           },
           add: this.add
         });
@@ -1637,7 +1729,7 @@ var Group = defineComponent({
     }
   },
   render: function render() {
-    var _this9 = this;
+    var _this8 = this;
 
     var keys = Object.keys(this.cacheRule);
     var button = this.button;
@@ -1658,9 +1750,9 @@ var Group = defineComponent({
     }, [keys.map(function (key, index) {
       var _slot;
 
-      var _this9$cacheRule$key = _this9.cacheRule[key],
-          rule = _this9$cacheRule$key.rule,
-          options = _this9$cacheRule$key.options;
+      var _this8$cacheRule$key = _this8.cacheRule[key],
+          rule = _this8$cacheRule$key.rule,
+          options = _this8$cacheRule$key.options;
       return createVNode(resolveComponent("ElRow"), {
         "align": "middle",
         "type": "flex",
@@ -1676,19 +1768,20 @@ var Group = defineComponent({
                 "default": function _default() {
                   return [createVNode(Type, {
                     "key": key,
+                    "inFor": true,
                     "onUpdate:modelValue": function onUpdateModelValue(formData) {
-                      return _this9.formData(key, formData);
+                      return _this8.formData(key, formData);
                     },
-                    "modelValue": _this9.field ? _defineProperty({}, _this9.field, _this9._value(_this9.modelValue[index])) : _this9.modelValue[index],
+                    "modelValue": _this8.field ? _defineProperty({}, _this8.field, _this8._value(_this8.modelValue[index])) : _this8.modelValue[index],
                     "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 _this9.emitEvent(name, args, index, key);
+                      return _this8.emitEvent(name, args, index, key);
                     },
                     "onUpdate:api": function onUpdateApi($f) {
-                      return _this9.add$f(index, key, $f);
+                      return _this8.add$f(index, key, $f);
                     },
                     "rule": rule,
                     "option": options,
@@ -1701,7 +1794,7 @@ var Group = defineComponent({
             "span": 2,
             "pull": 1,
             "push": 1
-          }, _isSlot(_slot = _this9.makeIcon(keys.length, index, key)) ? _slot : {
+          }, _isSlot(_slot = _this8.makeIcon(keys.length, index, key)) ? _slot : {
             "default": function _default() {
               return [_slot];
             }
@@ -1778,7 +1871,6 @@ var Sub = defineComponent({
       var _this = this;
 
       this.subApi = api;
-      this.formCreateInject.subForm(api);
       nextTick(function () {
         _this.syncDisabled && api.disabled(_this.disabled);
 
@@ -1825,6 +1917,21 @@ script.render = render;
 var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub, script];
 
 var NAME$1 = 'FormCreate';
+
+var getRuleInject = function getRuleInject(vm, parent) {
+  if (vm === parent) {
+    return;
+  }
+
+  if (vm.ctx.formCreateInject) {
+    return vm.ctx.formCreateInject;
+  }
+
+  if (vm.parent) {
+    return getRuleInject(vm.parent, parent);
+  }
+};
+
 function $FormCreate(FormCreate) {
   return defineComponent({
     name: NAME$1,
@@ -1845,7 +1952,12 @@ function $FormCreate(FormCreate) {
       extendOption: Boolean,
       modelValue: Object,
       api: Object,
-      name: String
+      name: String,
+      subForm: {
+        type: Boolean,
+        "default": true
+      },
+      inFor: Boolean
     },
     emits: ['update:api', 'update:modelValue', 'mounted', 'submit', 'change', 'emit-event', 'control', 'remove-rule', 'remove-field', 'sync', 'reload', 'repeat-field', 'update'],
     render: function render() {
@@ -1858,7 +1970,9 @@ function $FormCreate(FormCreate) {
 
       var _toRefs = toRefs(props),
           rule = _toRefs.rule,
-          modelValue = _toRefs.modelValue;
+          modelValue = _toRefs.modelValue,
+          subForm = _toRefs.subForm,
+          inFor = _toRefs.inFor;
 
       var data = reactive({
         ctxInject: {},
@@ -1870,16 +1984,60 @@ function $FormCreate(FormCreate) {
       });
       var fc = new FormCreate(vm);
       var fapi = fc.api();
+      var isMore = inFor.value;
+
+      var addSubForm = function addSubForm() {
+        if (parent) {
+          var _inject = getRuleInject(vm, parent);
+
+          if (_inject) {
+            var sub;
+
+            if (isMore) {
+              sub = toArray(_inject.getSubForm());
+              sub.push(fapi);
+            } else {
+              sub = fapi;
+            }
+
+            _inject.subForm(sub);
+          }
+        }
+      };
+
+      var rmSubForm = function rmSubForm() {
+        var inject = getRuleInject(vm, parent);
+
+        if (inject) {
+          if (isMore) {
+            var sub = toArray(inject.getSubForm());
+            var idx = sub.indexOf(fapi);
+
+            if (idx > -1) {
+              sub.splice(idx, 1);
+            }
+          } else {
+            inject.subForm();
+          }
+        }
+      };
+
       onMounted(function () {
         fc.mounted();
       });
       onBeforeUnmount(function () {
+        rmSubForm();
         data.destroyed = true;
         fc.unmount();
       });
       onUpdated(function () {
         fc.updated();
       });
+      watch(subForm, function (n) {
+        n ? addSubForm() : rmSubForm();
+      }, {
+        immediate: true
+      });
       watch(function () {
         return _toConsumableArray(rule.value);
       }, function (n) {
@@ -1894,8 +2052,8 @@ function $FormCreate(FormCreate) {
         fapi.refresh();
       });
       watch(modelValue, function (n) {
-        if (JSON.stringify(n) === data.updateValue) return;
-        fapi.setValue(n);
+        if (JSON.stringify(n || {}) === data.updateValue) return;
+        fapi.setValue(n || {});
       }, {
         deep: true
       });
@@ -1925,27 +2083,6 @@ function $FormCreate(FormCreate) {
   });
 }
 
-function $set(target, field, value) {
-  target[field] = value;
-}
-function $del(target, field) {
-  delete target[field];
-}
-
-var _extends = Object.assign || function (a) {
-  for (var b, c = 1; c < arguments.length; c++) {
-    for (var d in b = arguments[c], b) {
-      Object.prototype.hasOwnProperty.call(b, d) && $set(a, d, b[d]);
-    }
-  }
-
-  return a;
-};
-
-function extend() {
-  return _extends.apply(this, arguments);
-}
-
 var normalMerge = ['props'];
 var toArrayMerge = ['class', 'style', 'directives'];
 var functionalMerge = ['on'];
@@ -2015,67 +2152,13 @@ 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'];
+var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key', 'slotUpdate'];
 var arrayAttrs = ['validate', 'children', 'control'];
 var normalAttrs = ['effect'];
 function attrs() {
   return [].concat(keyAttrs, _toConsumableArray(normalMerge), _toConsumableArray(toArrayMerge), _toConsumableArray(functionalMerge), arrayAttrs, normalAttrs);
 }
 
-function deepExtend(origin) {
-  var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var mode = arguments.length > 2 ? arguments[2] : undefined;
-  var isArr = false;
-
-  for (var key in target) {
-    if (Object.prototype.hasOwnProperty.call(target, key)) {
-      var clone = target[key];
-
-      if ((isArr = Array.isArray(clone)) || is.Object(clone)) {
-        var nst = origin[key] === undefined;
-
-        if (isArr) {
-          isArr = false;
-          nst && $set(origin, key, []);
-        } else if (clone._clone && mode !== undefined) {
-          if (mode) {
-            clone = clone.getRule();
-            nst && $set(origin, key, {});
-          } else {
-            $set(origin, key, clone._clone());
-            continue;
-          }
-        } else {
-          nst && $set(origin, key, {});
-        }
-
-        origin[key] = deepExtend(origin[key], clone, mode);
-      } else {
-        $set(origin, key, clone);
-
-        if (!is.Undef(clone)) {
-          if (!is.Undef(clone.__json)) {
-            origin[key].__json = clone.__json;
-          }
-
-          if (!is.Undef(clone.__origin)) {
-            origin[key].__origin = clone.__origin;
-          }
-        }
-      }
-    }
-  }
-
-  return mode !== undefined && Array.isArray(origin) ? origin.filter(function (v) {
-    return !v || !v.__ctrl;
-  }) : origin;
-}
-function deepCopy(value) {
-  return deepExtend({}, {
-    value: value
-  }).value;
-}
-
 function format(type, msg, rule) {
   return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
 }
@@ -2233,14 +2316,14 @@ function makeSlotBag() {
       if (!slotBag[slot]) slotBag[slot] = [];
       slotBag[slot].push(vnFn);
     },
-    getSlot: function getSlot(slot) {
+    getSlot: function getSlot(slot, val) {
       slot = slotName(slot);
       var children = [];
       (slotBag[slot] || []).forEach(function (fn) {
         if (Array.isArray(fn)) {
           children.push.apply(children, _toConsumableArray(fn));
         } else if (is.Function(fn)) {
-          var res = fn();
+          var res = fn.apply(void 0, _toConsumableArray(val || []));
 
           if (Array.isArray(res)) {
             children.push.apply(children, _toConsumableArray(res));
@@ -2259,7 +2342,11 @@ function makeSlotBag() {
       var slots = {};
       Object.keys(slotBag).forEach(function (k) {
         slots[k] = function () {
-          return _this.getSlot(k);
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          return _this.getSlot(k, args);
         };
       });
       return slots;
@@ -2683,6 +2770,25 @@ function Api(h) {
         return origin ? ctx.origin : ctx.rule;
       }
     },
+    setEffect: function setEffect(id, attr, value) {
+      var ctx = h.getCtx(id);
+
+      if (ctx && attr) {
+        if (attr[0] === '$') {
+          attr = attr.substr(1);
+        }
+
+        if (hasProperty(ctx.rule, '$' + attr)) {
+          $set(ctx.rule, '$' + attr, value);
+        }
+
+        if (!hasProperty(ctx.rule, 'effect')) {
+          ctx.rule.effect = {};
+        }
+
+        $set(ctx.rule.effect, attr, value);
+      }
+    },
     updateValidate: function updateValidate(id, validate, merge) {
       if (merge) {
         api.mergeRule(id, {
@@ -2985,6 +3091,25 @@ function useRender$1(Render) {
           }
 
           vn = function vn() {
+            for (var _len = arguments.length, slotValue = new Array(_len), _key = 0; _key < _len; _key++) {
+              slotValue[_key] = arguments[_key];
+            }
+
+            var inject = {
+              rule: rule,
+              prop: prop,
+              preview: preview,
+              api: _this4.$handle.api,
+              model: prop.model || {},
+              slotValue: slotValue
+            };
+
+            if (slotValue.length && rule.slotUpdate) {
+              invoke(function () {
+                return rule.slotUpdate(inject);
+              });
+            }
+
             var children = {};
 
             var _load = ctx.loadChildrenPending();
@@ -3000,14 +3125,8 @@ function useRender$1(Render) {
             var _vn;
 
             if (slot) {
-              _vn = slot({
-                rule: rule,
-                prop: prop,
-                preview: preview,
-                children: children,
-                api: _this4.$handle.api,
-                model: prop.model || {}
-              });
+              inject.children = children;
+              _vn = slot(inject);
             } else {
               _vn = preview ? ctx.parser.preview(children, ctx) : ctx.parser.render(children, ctx);
             }
@@ -3086,11 +3205,15 @@ function useRender$1(Render) {
           subForm: function subForm(_subForm) {
             _this6.$handle.addSubForm(ctx, _subForm);
           },
+          getSubForm: function getSubForm() {
+            return _this6.$handle.subForm[ctx.id];
+          },
           options: [],
           children: [],
           preview: false,
           field: ctx.field,
-          rule: ctx.rule
+          rule: ctx.rule,
+          input: ctx.input
         };
       }
 
@@ -3125,12 +3248,17 @@ function useRender$1(Render) {
 
       if (!custom && ctx.input) {
         var field = this.getModelField(ctx);
-        props.push({
-          on: _defineProperty({}, "update:".concat(field), function update(value) {
+        var model = {
+          callback: function callback(value) {
             _this7.onInput(ctx, value);
-          }),
-          props: _defineProperty({}, field, this.$handle.getFormData(ctx))
+          },
+          value: this.$handle.getFormData(ctx)
+        };
+        props.push({
+          on: _defineProperty({}, "update:".concat(field), model.callback),
+          props: _defineProperty({}, field, model.value)
         });
+        ctx.prop.model = model;
       }
 
       mergeProps(props, ctx.prop);
@@ -4183,9 +4311,7 @@ function useInput(Handler) {
       delete this.appendData[rule.field];
     },
     addSubForm: function addSubForm(ctx, subForm) {
-      if (ctx.input) {
-        this.subForm[ctx.id] = subForm;
-      }
+      this.subForm[ctx.id] = subForm;
     },
     deferSyncValue: function deferSyncValue(fn, sync) {
       if (!this.deferSyncFn) {
@@ -4364,10 +4490,10 @@ function useContext(Handler) {
     watchCtx: function watchCtx(ctx) {
       var _this = this;
 
-      var none = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update'];
+      var none = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update', 'slotUpdate'];
       var all = attrs();
       all.filter(function (k) {
-        return k[0] !== '_' && none.indexOf(k) === -1;
+        return k[0] !== '_' && k[0] !== '$' && none.indexOf(k) === -1;
       }).forEach(function (key) {
         var ref = toRef(ctx.rule, key);
         var flag = key === 'children';
@@ -4572,10 +4698,21 @@ function useEffect(Handler) {
     watchEffect: function watchEffect(ctx) {
       var _this3 = this;
 
+      var effect = {};
       Object.keys(ctx.rule.effect || {}).forEach(function (k) {
-        ctx.watch.push(watch(function () {
+        effect[k] = function () {
           return ctx.rule.effect[k];
-        }, function (n) {
+        };
+      });
+      Object.keys(ctx.rule).forEach(function (k) {
+        if (k[0] === '$') {
+          effect[k.substr(1)] = function () {
+            return ctx.rule[k];
+          };
+        }
+      });
+      Object.keys(effect).forEach(function (k) {
+        ctx.watch.push(watch(effect[k], function (n) {
           _this3.effect(ctx, 'watch', _defineProperty({}, k, n));
         }, {
           deep: true
@@ -4599,7 +4736,12 @@ function useEffect(Handler) {
       }, event);
     },
     getEffect: function getEffect(rule, name) {
-      if (hasProperty(rule, 'effect') && hasProperty(rule.effect, name)) return rule.effect[name];else return undefined;
+      if (hasProperty(rule, '$' + name)) {
+        return rule['$' + name];
+      }
+
+      if (hasProperty(rule, 'effect') && hasProperty(rule.effect, name)) return rule.effect[name];
+      return undefined;
     },
     emitEffect: function emitEffect(_ref, event, append) {
       var _this4 = this;
@@ -4610,7 +4752,13 @@ function useEffect(Handler) {
           type = _ref.type,
           custom = _ref.custom;
       if (!type || ['fcFragment', 'fragment'].indexOf(type) > -1) return;
-      var effect = custom ? custom : rule.effect || {};
+      var effect = custom ? custom : Object.keys(rule).reduce(function (i, k) {
+        if (k[0] === '$') {
+          i[k.substr(1)] = rule[k];
+        }
+
+        return i;
+      }, _objectSpread2({}, rule.effect || {}));
       Object.keys(effect).forEach(function (attr) {
         var p = _this4.providers[attr];
         if (!p || p.input && !input) return;
@@ -5045,6 +5193,10 @@ function run(inject, rule, api) {
   return true;
 }
 
+var $provider = {
+  fetch: $fetch
+};
+
 var name$6 = 'html';
 var html = {
   name: name$6,
@@ -5104,9 +5256,9 @@ function FormCreateFactory(config) {
   var directives = {};
   var modelFields = {};
   var useApps = [];
-  var providers = {
-    fetch: $fetch
-  };
+
+  var providers = _objectSpread2({}, $provider);
+
   var maker = makerFactory();
   var globalConfig = {
     global: {}
@@ -5116,7 +5268,9 @@ function FormCreateFactory(config) {
   exportAttrs(config.attrs || {});
 
   function getApi(name) {
-    return instance[name];
+    var val = instance[name];
+    if (Array.isArray(val)) return _toConsumableArray(val);
+    return val;
   }
 
   function useApp(fn) {
@@ -5213,8 +5367,25 @@ function FormCreateFactory(config) {
     return vm.$refs.fc.fapi;
   }
 
-  function factory() {
-    return FormCreateFactory(config);
+  function factory(inherit) {
+    var _config = _objectSpread2({}, config);
+
+    if (inherit) {
+      _config.inherit = {
+        components: components,
+        parsers: parsers,
+        directives: directives,
+        modelFields: modelFields,
+        providers: providers,
+        useApps: useApps,
+        maker: maker,
+        data: data
+      };
+    } else {
+      delete _config.inherit;
+    }
+
+    return FormCreateFactory(_config);
   }
 
   function setModelField(name, field) {
@@ -5234,6 +5405,7 @@ function FormCreateFactory(config) {
       modelFields: modelFields,
       rules: vm.props.rule,
       name: vm.props.name,
+      inFor: vm.props.inFor,
       prop: {
         components: components,
         directives: directives
@@ -5260,7 +5432,12 @@ function FormCreateFactory(config) {
     this.$handle = new Handler(this);
 
     if (this.name) {
-      instance[this.name] = this.api();
+      if (this.inFor) {
+        if (!instance[this.name]) instance[this.name] = [];
+        instance[this.name].push(this.api());
+      } else {
+        instance[this.name] = this.api();
+      }
     }
   }
 
@@ -5328,7 +5505,12 @@ function FormCreateFactory(config) {
     },
     unmount: function unmount() {
       if (this.name) {
-        delete instance[this.name];
+        if (this.inFor) {
+          var idx = instance[this.name].indexOf(this.api());
+          instance[this.name].splice(idx, 1);
+        } else {
+          delete instance[this.name];
+        }
       }
 
       this.unwatch && this.unwatch();
@@ -5407,6 +5589,19 @@ function FormCreateFactory(config) {
     });
   });
   parser(html);
+
+  if (config.inherit) {
+    var inherit = config.inherit;
+    inherit.components && extend(components, inherit.components);
+    inherit.parsers && extend(parsers, inherit.parsers);
+    inherit.directives && extend(directives, inherit.directives);
+    inherit.modelFields && extend(modelFields, inherit.modelFields);
+    inherit.providers && extend(providers, inherit.providers);
+    inherit.useApps && extend(useApps, inherit.useApps);
+    inherit.maker && extend(maker, inherit.maker);
+    inherit.data && extend(data, inherit.data);
+  }
+
   return create;
 }
 
@@ -6168,11 +6363,57 @@ function extendApi(api, h) {
   return api;
 }
 
+var required = {
+  name: 'required',
+  load: function load(inject, rule, api) {
+    var val = parseVa(inject.getValue());
+
+    if (val.required === false) {
+      inject.clearProp();
+    } else {
+      var validate = _objectSpread2(_objectSpread2({}, val), {}, {
+        required: true,
+        validator: function validator(_, v, call) {
+          is.empty(v) ? call(validate.message) : call();
+        }
+      });
+
+      if (!validate.message) {
+        validate.message = rule.title + ' is required';
+      }
+
+      inject.getProp().validate = [validate];
+    }
+
+    api.sync(rule);
+  },
+  watch: function watch() {
+    required.load.apply(required, arguments);
+  }
+};
+
+function parseVa(val) {
+  if (is.Boolean(val)) {
+    return {
+      required: val
+    };
+  } else if (is.String(val)) {
+    return {
+      message: val
+    };
+  } else if (!is.Object(val)) {
+    return {};
+  } else {
+    return val;
+  }
+}
+
 function install(FormCreate) {
   FormCreate.componentAlias(alias);
   components.forEach(function (component) {
     FormCreate.component(component.name, component);
   });
+  FormCreate.register(required);
   parsers.forEach(function (parser) {
     FormCreate.parser(parser);
   });
@@ -6190,7 +6431,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.1.2',
+    version: '3.1.4',
     manager: manager,
     extendApi: extendApi,
     install: install,