@form-create/element-ui 3.1.1 → 3.1.4

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.0
+ * @form-create/element-ui v3.1.4
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -346,9 +346,124 @@
     }
   }
 
-  var css_248z$2 = "._fc-frame ._fc-files img{display:inline-block;height:100%;vertical-align:top;width:100%}._fc-frame ._fc-upload-btn{border:1px dashed #c0ccda}._fc-frame ._fc-upload-cover{background:rgba(0,0,0,.6);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}._fc-frame ._fc-upload-cover i{color:#fff;cursor:pointer;font-size:20px;margin:0 2px}._fc-frame ._fc-files:hover ._fc-upload-cover{opacity:1}._fc-frame .el-upload{display:block}._fc-frame ._fc-upload-btn{cursor:pointer}._fc-files,._fc-frame ._fc-upload-btn{background:#fff;border:1px solid #c0ccda;border-radius:4px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:58px;line-height:58px;margin-right:4px;overflow:hidden;position:relative;text-align:center;width:58px}";
+  var css_248z$2 = "._fc-frame ._fc-files img{display:inline-block;height:100%;vertical-align:top;width:100%}._fc-frame ._fc-upload-btn{border:1px dashed #c0ccda;cursor:pointer}._fc-frame ._fc-upload-cover{background:rgba(0,0,0,.6);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}._fc-frame ._fc-upload-cover i{color:#fff;cursor:pointer;font-size:20px;margin:0 2px}._fc-frame ._fc-files:hover ._fc-upload-cover{opacity:1}._fc-frame .el-upload{display:block}._fc-frame ._fc-upload-icon{cursor:pointer}._fc-files,._fc-frame ._fc-upload-btn{background:#fff;border:1px solid #c0ccda;border-radius:4px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:58px;line-height:58px;margin-right:4px;overflow:hidden;position:relative;text-align:center;width:58px}";
   styleInject(css_248z$2);
 
+  var script$8 = {
+    name: 'IconCircleClose'
+  };
+
+  var _hoisted_1$8 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$8 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
+  }, null, -1);
+
+  var _hoisted_3$8 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+  }, null, -1);
+
+  var _hoisted_4$2 = [_hoisted_2$8, _hoisted_3$8];
+  function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$8, _hoisted_4$2);
+  }
+
+  script$8.render = render$8;
+
+  var script$7 = {
+    name: 'IconDocument'
+  };
+
+  var _hoisted_1$7 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$7 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 01-32 32H160a32 32 0 01-32-32V96a32 32 0 0132-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
+  }, null, -1);
+
+  var _hoisted_3$7 = [_hoisted_2$7];
+  function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$7, _hoisted_3$7);
+  }
+
+  script$7.render = render$7;
+
+  var script$6 = {
+    name: 'IconDelete'
+  };
+
+  var _hoisted_1$6 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$6 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M160 256H96a32 32 0 010-64h256V95.936a32 32 0 0132-32h256a32 32 0 0132 32V192h256a32 32 0 110 64h-64v672a32 32 0 01-32 32H192a32 32 0 01-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32zm192 0a32 32 0 01-32-32V416a32 32 0 0164 0v320a32 32 0 01-32 32z"
+  }, null, -1);
+
+  var _hoisted_3$6 = [_hoisted_2$6];
+  function render$6(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$6, _hoisted_3$6);
+  }
+
+  script$6.render = render$6;
+
+  var script$5 = {
+    name: 'IconView'
+  };
+
+  var _hoisted_1$5 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$5 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
+  }, null, -1);
+
+  var _hoisted_3$5 = [_hoisted_2$5];
+  function render$5(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$5, _hoisted_3$5);
+  }
+
+  script$5.render = render$5;
+
+  var script$4 = {
+    name: 'IconFolderOpened'
+  };
+
+  var _hoisted_1$4 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$4 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 01216.96 384H832zm-24.96 512H96a32 32 0 01-32-32V160a32 32 0 0132-32h287.872l128.384 128H864a32 32 0 0132 32v96h23.04a32 32 0 0131.04 39.744l-112 448A32 32 0 01807.04 896z"
+  }, null, -1);
+
+  var _hoisted_3$4 = [_hoisted_2$4];
+  function render$4(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
+  }
+
+  script$4.render = render$4;
+
   function _isSlot$1(s) {
     return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
   }
@@ -376,7 +491,7 @@
       },
       icon: {
         type: String,
-        "default": 'upload'
+        "default": 'IconFolderOpened'
       },
       width: {
         type: String,
@@ -461,6 +576,10 @@
       formCreateInject: Object
     },
     emits: ['update:modelValue', 'change'],
+    components: {
+      IconFolderOpened: script$4,
+      IconView: script$5
+    },
     data: function data() {
       return {
         fileList: toArray(this.modelValue),
@@ -519,7 +638,7 @@
         }), {
           append: function append() {
             return vue.createVNode(vue.resolveComponent("ElButton"), {
-              "icon": _this.icon,
+              "icon": vue.resolveComponent(_this.icon),
               "onClick": function onClick() {
                 return _this.showModel();
               }
@@ -527,7 +646,7 @@
           },
           suffix: function suffix() {
             return _this.fileList.length ? vue.createVNode(vue.resolveComponent("ElIcon"), {
-              "class": "el-input__icon",
+              "class": "el-input__icon _fc-upload-icon",
               "onClick": function onClick() {
                 _this.fileList = [];
 
@@ -535,7 +654,7 @@
               }
             }, {
               "default": function _default() {
-                return [vue.createVNode(vue.resolveComponent("CircleClose"), null, null)];
+                return [vue.createVNode(script$8, null, null)];
               }
             }) : null;
           }
@@ -584,7 +703,7 @@
       makeHandleIcon: function makeHandleIcon(val, index) {
         var _this2 = this;
 
-        var Type = vue.resolveComponent(this.handleIcon === true || this.handleIcon === undefined ? 'view' : this.handleIcon);
+        var Type = vue.resolveComponent(this.handleIcon === true || this.handleIcon === undefined ? 'icon-view' : this.handleIcon);
         return vue.createVNode(vue.resolveComponent("ElIcon"), {
           "onClick": function onClick() {
             return _this2.handleClick(val);
@@ -606,7 +725,7 @@
           "key": '6' + index
         }, {
           "default": function _default() {
-            return [vue.createVNode(vue.resolveComponent("delete"), null, null)];
+            return [vue.createVNode(script$6, null, null)];
           }
         });
       },
@@ -620,7 +739,7 @@
             }
           }, {
             "default": function _default() {
-              return [vue.createVNode(vue.resolveComponent("document"), null, null)];
+              return [vue.createVNode(script$7, null, null)];
             }
           }), _this4.makeIcons(src, index)]);
         }));
@@ -680,6 +799,7 @@
         try {
           if (this.helper === true) {
             iframe['form_create_helper'] = {
+              api: this.formCreateInject.api,
               close: function close(field) {
                 _this7.valid(field);
 
@@ -1003,6 +1123,28 @@
   var css_248z$1 = "._fc-exceed .el-upload{display:none}";
   styleInject(css_248z$1);
 
+  var script$3 = {
+    name: 'IconUpload'
+  };
+
+  var _hoisted_1$3 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$3 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M160 832h704a32 32 0 110 64H160a32 32 0 110-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
+  }, null, -1);
+
+  var _hoisted_3$3 = [_hoisted_2$3];
+  function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
+  }
+
+  script$3.render = render$3;
+
   function parseFile(file, i) {
     return {
       url: file,
@@ -1097,7 +1239,7 @@
         "default": function _default() {
           return [((_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)) || vue.createVNode(vue.resolveComponent("ElIcon"), null, {
             "default": function _default() {
-              return [vue.createVNode(vue.resolveComponent("upload"), null, null)];
+              return [vue.createVNode(script$3, null, null)];
             }
           })];
         }
@@ -1130,9 +1272,28 @@
     },
     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);
     };
@@ -1141,6 +1302,140 @@
     return {}.hasOwnProperty.call(rule, k);
   }
 
+  var script$2 = {
+    name: 'IconCirclePlus'
+  };
+
+  var _hoisted_1$2 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$2 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+  }, null, -1);
+
+  var _hoisted_3$2 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M480 672V352a32 32 0 1164 0v320a32 32 0 01-64 0z"
+  }, null, -1);
+
+  var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+  }, null, -1);
+
+  var _hoisted_5 = [_hoisted_2$2, _hoisted_3$2, _hoisted_4$1];
+  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$2, _hoisted_5);
+  }
+
+  script$2.render = render$2;
+
+  var script$1 = {
+    name: 'IconRemove'
+  };
+
+  var _hoisted_1$1 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2$1 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M352 480h320a32 32 0 110 64H352a32 32 0 010-64z"
+  }, null, -1);
+
+  var _hoisted_3$1 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
+  }, null, -1);
+
+  var _hoisted_4 = [_hoisted_2$1, _hoisted_3$1];
+  function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1$1, _hoisted_4);
+  }
+
+  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]' && !vue.isVNode(s);
   }
@@ -1171,6 +1466,7 @@
           return [];
         }
       },
+      defaultValue: Object,
       disabled: {
         type: Boolean,
         "default": false
@@ -1240,8 +1536,6 @@
               for (var _i2 = 0; _i2 < len; _i2++) {
                 this.removeRule(keys[total - _i2 - 1]);
               }
-
-              this.subForm();
             }
 
             n.forEach(function (val, i) {
@@ -1249,8 +1543,7 @@
             });
           }
         },
-        deep: true,
-        flush: 'post'
+        deep: true
       }
     },
     methods: {
@@ -1307,6 +1600,13 @@
           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
@@ -1322,7 +1622,7 @@
         var _this4 = this;
 
         this.cacheRule[key].$f = $f;
-        this.subForm();
+        this.formData(key, $f.formData());
         vue.nextTick(function () {
           if (_this4.syncDisabled) {
             $f.disabled(_this4.disabled);
@@ -1331,15 +1631,8 @@
           _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];
@@ -1347,7 +1640,7 @@
 
         if (emit) {
           vue.nextTick(function () {
-            return _this6.$emit('remove', index);
+            return _this5.$emit('remove', index);
           });
         }
       },
@@ -1365,39 +1658,38 @@
         }
 
         this.removeRule(key, true);
-        this.subForm();
         this.modelValue.splice(index, 1);
         this.input(this.modelValue);
       },
       addIcon: function addIcon(key) {
-        return vue.createVNode(vue.resolveComponent("el-icon"), {
+        return vue.createVNode(vue.resolveComponent("ElIcon"), {
           "key": "a".concat(key),
           "style": "font-size:".concat(this.fontSize, "px;cursor:").concat(this.disabled ? 'not-allowed;color:#c9cdd4' : 'pointer', ";"),
           "onClick": this.add
         }, {
           "default": function _default() {
-            return [vue.createVNode(vue.resolveComponent("circle-plus"), null, null)];
+            return [vue.createVNode(script$2, null, null)];
           }
         });
       },
       delIcon: function delIcon(index, key) {
-        var _this7 = this;
+        var _this6 = this;
 
         return vue.createVNode(vue.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() {
-            return [vue.createVNode(vue.resolveComponent("remove"), null, null)];
+            return [vue.createVNode(script$1, null, null)];
           }
         });
       },
       makeIcon: function makeIcon(total, index, key) {
-        var _this8 = this;
+        var _this7 = this;
 
         if (this.$slots.button) {
           return this.$slots.button({
@@ -1406,7 +1698,7 @@
             vm: this,
             key: key,
             del: function del() {
-              return _this8.del(index, key);
+              return _this7.del(index, key);
             },
             add: this.add
           });
@@ -1441,7 +1733,7 @@
       }
     },
     render: function render() {
-      var _this9 = this;
+      var _this8 = this;
 
       var keys = Object.keys(this.cacheRule);
       var button = this.button;
@@ -1449,19 +1741,22 @@
       return keys.length === 0 ? this.$slots["default"] ? this.$slots["default"]({
         vm: this,
         add: this.add
-      }) : vue.createVNode("i", {
+      }) : vue.createVNode(vue.resolveComponent("ElIcon"), {
         "key": 1,
-        "class": "el-icon-circle-plus-outline",
         "style": "font-size:".concat(this.fontSize, "px;vertical-align:middle;color:").concat(this.disabled ? '#c9cdd4;cursor: not-allowed' : '#606266;cursor:pointer', ";"),
         "onClick": this.add
-      }, null) : vue.createVNode("div", {
+      }, {
+        "default": function _default() {
+          return [vue.createVNode(script$2, null, null)];
+        }
+      }) : vue.createVNode("div", {
         "key": 2
       }, [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 vue.createVNode(vue.resolveComponent("ElRow"), {
           "align": "middle",
           "type": "flex",
@@ -1477,19 +1772,20 @@
                   "default": function _default() {
                     return [vue.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,
@@ -1502,7 +1798,7 @@
               "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];
               }
@@ -1579,7 +1875,6 @@
         var _this = this;
 
         this.subApi = api;
-        this.formCreateInject.subForm(api);
         vue.nextTick(function () {
           _this.syncDisabled && api.disabled(_this.disabled);
 
@@ -1601,9 +1896,46 @@
     }
   });
 
-  var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub];
+  var script = {
+    name: 'IconWarning'
+  };
+
+  var _hoisted_1 = {
+    "class": "icon",
+    viewBox: "0 0 1024 1024",
+    xmlns: "http://www.w3.org/2000/svg"
+  };
+
+  var _hoisted_2 = /*#__PURE__*/vue.createElementVNode("path", {
+    fill: "currentColor",
+    d: "M512 64a448 448 0 110 896 448 448 0 010-896zm0 832a384 384 0 000-768 384 384 0 000 768zm48-176a48 48 0 11-96 0 48 48 0 0196 0zm-48-464a32 32 0 0132 32v288a32 32 0 01-64 0V288a32 32 0 0132-32z"
+  }, null, -1);
+
+  var _hoisted_3 = [_hoisted_2];
+  function render(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, _hoisted_3);
+  }
+
+  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 vue.defineComponent({
       name: NAME$1,
@@ -1624,7 +1956,12 @@
         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() {
@@ -1637,7 +1974,9 @@
 
         var _toRefs = vue.toRefs(props),
             rule = _toRefs.rule,
-            modelValue = _toRefs.modelValue;
+            modelValue = _toRefs.modelValue,
+            subForm = _toRefs.subForm,
+            inFor = _toRefs.inFor;
 
         var data = vue.reactive({
           ctxInject: {},
@@ -1649,16 +1988,60 @@
         });
         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();
+            }
+          }
+        };
+
         vue.onMounted(function () {
           fc.mounted();
         });
         vue.onBeforeUnmount(function () {
+          rmSubForm();
           data.destroyed = true;
           fc.unmount();
         });
         vue.onUpdated(function () {
           fc.updated();
         });
+        vue.watch(subForm, function (n) {
+          n ? addSubForm() : rmSubForm();
+        }, {
+          immediate: true
+        });
         vue.watch(function () {
           return _toConsumableArray(rule.value);
         }, function (n) {
@@ -1673,8 +2056,8 @@
           fapi.refresh();
         });
         vue.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
         });
@@ -1704,27 +2087,6 @@
     });
   }
 
-  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'];
@@ -1794,67 +2156,13 @@
     };
   };
 
-  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) : '');
   }
@@ -2012,14 +2320,14 @@
         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));
@@ -2038,7 +2346,11 @@
         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;
@@ -2462,6 +2774,25 @@
           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, {
@@ -2764,6 +3095,25 @@
             }
 
             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();
@@ -2779,14 +3129,8 @@
               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);
               }
@@ -2865,11 +3209,15 @@
             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
           };
         }
 
@@ -2904,12 +3252,17 @@
 
         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);
@@ -3924,7 +4277,7 @@
         }
       },
       setFormData: function setFormData(ctx, value) {
-        $set(this.formData, ctx.id, value === undefined ? null : value);
+        $set(this.formData, ctx.id, value === null ? undefined : value);
       },
       getFormData: function getFormData(ctx) {
         return this.formData[ctx.id];
@@ -3962,9 +4315,7 @@
         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) {
@@ -4143,10 +4494,10 @@
       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 = vue.toRef(ctx.rule, key);
           var flag = key === 'children';
@@ -4351,10 +4702,21 @@
       watchEffect: function watchEffect(ctx) {
         var _this3 = this;
 
+        var effect = {};
         Object.keys(ctx.rule.effect || {}).forEach(function (k) {
-          ctx.watch.push(vue.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(vue.watch(effect[k], function (n) {
             _this3.effect(ctx, 'watch', _defineProperty({}, k, n));
           }, {
             deep: true
@@ -4378,7 +4740,12 @@
         }, 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;
@@ -4389,7 +4756,13 @@
             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;
@@ -4824,6 +5197,10 @@
     return true;
   }
 
+  var $provider = {
+    fetch: $fetch
+  };
+
   var name$6 = 'html';
   var html = {
     name: name$6,
@@ -4883,9 +5260,9 @@
     var directives = {};
     var modelFields = {};
     var useApps = [];
-    var providers = {
-      fetch: $fetch
-    };
+
+    var providers = _objectSpread2({}, $provider);
+
     var maker = makerFactory();
     var globalConfig = {
       global: {}
@@ -4895,7 +5272,9 @@
     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) {
@@ -4939,7 +5318,7 @@
           return components[name];
         }
       } else {
-        name = toCase(id.name);
+        name = toCase(id.displayName || id.name);
         component = id;
       }
 
@@ -4992,8 +5371,25 @@
       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) {
@@ -5013,6 +5409,7 @@
         modelFields: modelFields,
         rules: vm.props.rule,
         name: vm.props.name,
+        inFor: vm.props.inFor,
         prop: {
           components: components,
           directives: directives
@@ -5039,7 +5436,12 @@
       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();
+        }
       }
     }
 
@@ -5107,7 +5509,12 @@
       },
       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();
@@ -5186,6 +5593,19 @@
       });
     });
     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;
   }
 
@@ -5598,7 +6018,7 @@
           }, {
             "default": function _default() {
               return _this4.$r({
-                type: infoProp.icon === true ? 'warning' : infoProp.icon
+                type: infoProp.icon === true ? 'icon-warning' : infoProp.icon
               });
             }
           }, true);
@@ -5947,11 +6367,57 @@
     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);
     });
@@ -5969,7 +6435,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.1.0',
+      version: '3.1.4',
       manager: manager,
       extendApi: extendApi,
       install: install,