@form-create/element-ui 2.5.17 → 2.5.20

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v2.5.17
+ * @form-create/element-ui v2.5.20
  * (c) 2018-2022 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -19,11 +19,9 @@
           Object.prototype.hasOwnProperty.call(b, d) && (a[d] = b[d]);
         }
       }
-
       return a;
     }, _extends.apply(this, arguments);
   }
-
   var normalMerge = ["attrs", "props", "domProps"],
       toArrayMerge = ["class", "style", "directives"],
       functionalMerge = ["on", "nativeOn"],
@@ -46,7 +44,6 @@
           c[b][i] = c[b][i] ? mergeFn(c[b][i], a[b][i]) : a[b][i];
         } else c[b] = a[b];
       }
-
       return c;
     }, {});
   },
@@ -55,7 +52,6 @@
       a && a.apply(this, arguments), b && b.apply(this, arguments);
     };
   };
-
   var helper = mergeJsxProps;
 
   function _typeof(obj) {
@@ -246,7 +242,6 @@
       if (!exclude || exclude.indexOf(name) === -1) {
         lst.push(slots[name]);
       }
-
       return lst;
     }, []);
   }
@@ -299,7 +294,6 @@
       },
       update: function update() {
         var _this = this;
-
         this.trueValue = this.value ? this.options().filter(function (opt) {
           return _this.value.indexOf(opt.value) !== -1;
         }).map(function (option) {
@@ -312,7 +306,6 @@
     },
     render: function render() {
       var _this2 = this;
-
       var h = arguments[0];
       return h("ElCheckboxGroup", helper([{}, this.formCreateInject.prop, {
         "attrs": {
@@ -323,7 +316,6 @@
         }
       }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
-
         var Type = _this2.type === 'button' ? 'ElCheckboxButton' : 'ElCheckbox';
         delete props.value;
         return h(Type, {
@@ -341,15 +333,12 @@
   function styleInject(css, ref) {
     if (ref === void 0) ref = {};
     var insertAt = ref.insertAt;
-
     if (!css || typeof document === 'undefined') {
       return;
     }
-
     var head = document.head || document.getElementsByTagName('head')[0];
     var style = document.createElement('style');
     style.type = 'text/css';
-
     if (insertAt === 'top') {
       if (head.firstChild) {
         head.insertBefore(style, head.firstChild);
@@ -359,7 +348,6 @@
     } else {
       head.appendChild(style);
     }
-
     if (style.styleSheet) {
       style.styleSheet.cssText = css;
     } else {
@@ -515,12 +503,10 @@
       },
       closeModel: function closeModel(close) {
         this.$emit(close ? '$close' : '$ok');
-
         if (this.reload) {
           this.$off('$ok');
           this.$off('$close');
         }
-
         this.frameVisible = false;
       },
       handleCancel: function handleCancel() {
@@ -530,12 +516,10 @@
         if (this.disabled || false === this.onOpen()) {
           return;
         }
-
         this.frameVisible = true;
       },
       makeInput: function makeInput() {
         var _this = this;
-
         var h = this.$createElement;
         var props = {
           type: 'text',
@@ -572,11 +556,9 @@
       },
       makeGroup: function makeGroup(children) {
         var h = this.$createElement;
-
         if (!this.maxLength || this.fileList.length < this.maxLength) {
           children.push(this.makeBtn());
         }
-
         return h("div", {
           "key": this.key('group')
         }, _toConsumableArray(children));
@@ -590,25 +572,20 @@
       },
       valid: function valid(f) {
         var field = this.formCreateInject.field || this.field;
-
         if (field && f !== field) {
           throw new Error('[frame]无效的字段值');
         }
       },
       makeIcons: function makeIcons(val, index) {
         var h = this.$createElement;
-
         if (this.handleIcon !== false || this.allowRemove === true) {
           var icons = [];
-
           if (this.type !== 'file' && this.handleIcon !== false || this.type === 'file' && this.handleIcon) {
             icons.push(this.makeHandleIcon(val, index));
           }
-
           if (this.allowRemove) {
             icons.push(this.makeRemoveIcon(val, index));
           }
-
           return h("div", {
             "class": 'fc-upload-cover',
             "key": this.key('uc')
@@ -617,7 +594,6 @@
       },
       makeHandleIcon: function makeHandleIcon(val, index) {
         var _this2 = this;
-
         var h = this.$createElement;
         return h("i", {
           "class": this.handleIcon === true || this.handleIcon === undefined ? 'el-icon-view' : this.handleIcon,
@@ -631,7 +607,6 @@
       },
       makeRemoveIcon: function makeRemoveIcon(val, index) {
         var _this3 = this;
-
         var h = this.$createElement;
         return h("i", {
           "class": "el-icon-delete",
@@ -645,7 +620,6 @@
       },
       makeFiles: function makeFiles() {
         var _this4 = this;
-
         var h = this.$createElement;
         return this.makeGroup(this.fileList.map(function (src, index) {
           return _this4.makeItem(index, [h("i", {
@@ -660,7 +634,6 @@
       },
       makeImages: function makeImages() {
         var _this5 = this;
-
         var h = this.$createElement;
         return this.makeGroup(this.fileList.map(function (src, index) {
           return _this5.makeItem(index, [h("img", {
@@ -672,7 +645,6 @@
       },
       makeBtn: function makeBtn() {
         var _this6 = this;
-
         var h = this.$createElement;
         return h("div", {
           "class": 'fc-upload-btn',
@@ -693,7 +665,6 @@
         if (this.disabled) {
           return;
         }
-
         if (false !== this.onBeforeRemove(src)) {
           this.fileList.splice(this.fileList.indexOf(src), 1);
           this.onRemove(src);
@@ -704,25 +675,21 @@
       },
       frameLoad: function frameLoad(iframe) {
         var _this7 = this;
-
         this.onLoad(iframe);
-
         try {
           if (this.helper === true) {
             iframe['form_create_helper'] = {
+              api: this.formCreateInject.api,
               close: function close(field) {
                 _this7.valid(field);
-
                 _this7.closeModel();
               },
               set: function set(field, value) {
                 _this7.valid(field);
-
                 if (!_this7.disabled) _this7.$emit('input', value);
               },
               get: function get(field) {
                 _this7.valid(field);
-
                 return _this7.value;
               },
               onOk: function onOk(fn) {
@@ -739,7 +706,6 @@
       },
       makeFooter: function makeFooter() {
         var _this8 = this;
-
         var h = this.$createElement;
         var _this$$props = this.$props,
             okBtnText = _this$$props.okBtnText,
@@ -747,11 +713,9 @@
             closeBtn = _this$$props.closeBtn,
             okBtn = _this$$props.okBtn,
             footer = _this$$props.footer;
-
         if (!footer) {
           return;
         }
-
         return h("div", {
           "slot": "footer"
         }, [closeBtn ? h("ElButton", {
@@ -774,11 +738,9 @@
     },
     render: function render() {
       var _this9 = this;
-
       var h = arguments[0];
       var type = this.type;
       var node;
-
       if (type === 'input') {
         node = this.makeInput();
       } else if (type === 'image') {
@@ -786,7 +748,6 @@
       } else {
         node = this.makeFiles();
       }
-
       var _this$$props2 = this.$props,
           _this$$props2$width = _this$$props2.width,
           width = _this$$props2$width === void 0 ? '30%' : _this$$props2$width,
@@ -812,21 +773,18 @@
           "close": this.handleCancel
         }
       }, [h("img", {
+        "style": "width: 100%",
         "attrs": {
-          "alt": "example",
           "src": this.previewImage
-        },
-        "style": "width: 100%"
+        }
       })]), h("el-dialog", helper([{
         "attrs": {
           "appendToBody": true
         }
-      }, {
-        "props": _objectSpread2({
-          width: width,
-          title: title
-        }, this.modal)
-      }, {
+      }, _objectSpread2({
+        width: width,
+        title: title
+      }, this.modal), {
         "attrs": {
           "visible": this.frameVisible
         },
@@ -894,7 +852,6 @@
       },
       update: function update() {
         var _this = this;
-
         this.trueValue = this.options().filter(function (opt) {
           return opt.value === _this.value;
         }).reduce(function (initial, opt) {
@@ -907,7 +864,6 @@
     },
     render: function render() {
       var _this2 = this;
-
       var h = arguments[0];
       return h("ElRadioGroup", helper([{}, this.formCreateInject.prop, {
         "attrs": {
@@ -918,7 +874,6 @@
         }
       }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
-
         var Type = _this2.type === 'button' ? 'ElRadioButton' : 'ElRadio';
         delete props.value;
         return h(Type, {
@@ -941,9 +896,26 @@
     },
     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);
     };
@@ -1017,18 +989,15 @@
         if (!this.$refs.tree) return;
         var type = this.type.toLocaleLowerCase();
         var value;
-
         if (type === 'selected') {
           value = this.$refs.tree.getCurrentKey();
         } else {
           value = this.$refs.tree.getCheckedKeys();
         }
-
         this.$emit('input', value);
       },
       setValue: function setValue() {
         var type = this.type.toLocaleLowerCase();
-
         if (type === 'selected') {
           this.$refs.tree.setCurrentKey(this.value);
         } else {
@@ -1038,7 +1007,6 @@
     },
     render: function render() {
       var _this = this;
-
       var h = arguments[0];
       return h("ElTree", helper([{}, this.formCreateInject.prop, {
         "ref": "tree",
@@ -1067,11 +1035,9 @@
       uid: i
     };
   }
-
   function getFileName(file) {
     return ('' + file).split('/').pop();
   }
-
   var NAME$5 = 'fcUpload';
   var Upload = {
     name: NAME$5,
@@ -1121,7 +1087,6 @@
       if (this.formCreateInject.prop.props.showFileList === undefined) {
         this.formCreateInject.prop.props.showFileList = false;
       }
-
       this.formCreateInject.prop.props.fileList = toArray(this.value).map(parseFile);
     },
     watch: {
@@ -1150,7 +1115,6 @@
         if (this.isDisabled()) {
           return;
         }
-
         this.$refs.upload.handleRemove(file);
       },
       handleClick: function handleClick(file) {
@@ -1170,7 +1134,6 @@
       },
       makeRemoveIcon: function makeRemoveIcon(file, index) {
         var _this = this;
-
         var h = this.$createElement;
         return h("i", {
           "class": "el-icon-delete",
@@ -1184,7 +1147,6 @@
       },
       makeHandleIcon: function makeHandleIcon(file, index) {
         var _this2 = this;
-
         var h = this.$createElement;
         return h("i", {
           "class": this.handleIcon === true || this.handleIcon === undefined ? 'el-icon-view' : this.handleIcon,
@@ -1212,16 +1174,13 @@
       makeIcons: function makeIcons(file, index) {
         var h = this.$createElement;
         var icons = [];
-
         if (this.allowRemove || this.handleIcon !== false) {
           if (this.uploadType !== 'file' && this.handleIcon !== false || this.uploadType === 'file' && this.handleIcon) {
             icons.push(this.makeHandleIcon(file, index));
           }
-
           if (this.allowRemove) {
             icons.push(this.makeRemoveIcon(file, index));
           }
-
           return h("div", {
             "class": 'fc-upload-cover'
           }, [icons]);
@@ -1229,7 +1188,6 @@
       },
       makeFiles: function makeFiles() {
         var _this3 = this;
-
         var h = this.$createElement;
         return this.uploadList.map(function (file, index) {
           return _this3.$scopedSlots.fileList ? _this3.$scopedSlots.fileList({
@@ -1265,7 +1223,6 @@
         }).filter(function (url) {
           return url !== undefined;
         });
-
         if (this.cacheFiles.length !== files.length) {
           this.cacheFiles = _toConsumableArray(files);
           this.$emit('input', this.limit === 1 ? files[0] || '' : files);
@@ -1277,15 +1234,12 @@
     },
     render: function render() {
       var h = arguments[0];
-
       if (this.$refs.upload) {
         if (this.formCreateInject.prop.props.showFileList === undefined) {
           this.formCreateInject.prop.props.showFileList = this.$refs.upload.showFileList;
         }
-
         this.formCreateInject.prop.props.fileList = this.$refs.upload.fileList;
       }
-
       return h("div", {
         "class": '_fc-upload'
       }, [[this.formCreateInject.prop.props.showFileList ? [] : this.makeFiles(), this.makeUpload()], h("el-dialog", {
@@ -1308,7 +1262,6 @@
     },
     mounted: function mounted() {
       var _this4 = this;
-
       this.uploadList = this.$refs.upload.uploadFiles;
       this.$watch(function () {
         return _this4.$refs.upload.uploadFiles;
@@ -1320,6 +1273,72 @@
     }
   };
 
+  function $set(target, field, value) {
+    Vue.set(target, field, value);
+  }
+  function $del(target, field) {
+    Vue["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$1 = 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$1.apply(this, arguments);
+  }
+
   var NAME$6 = 'fcGroup';
   var Group = {
     name: NAME$6,
@@ -1351,6 +1370,7 @@
           return [];
         }
       },
+      defaultValue: Object,
       disabled: {
         type: Boolean,
         "default": false
@@ -1382,18 +1402,34 @@
     },
     computed: {
       formRule: function formRule() {
-        if (this.rule) {
-          return Array.isArray(this.rule) ? this.rule : [this.rule];
-        }
-
         if (this.rules) {
           return this.rules;
         }
-
+        if (this.rule) {
+          return Array.isArray(this.rule) ? this.rule : [this.rule];
+        }
         return [];
       }
     },
     watch: {
+      formRule: {
+        handler: function handler(n, o) {
+          var _this = this;
+          Object.keys(this.cacheRule).forEach(function (v) {
+            var item = _this.cacheRule[v];
+            if (n === o) {
+              deepExtend(item.rule, n);
+            } else {
+              var val = item.$f.formData();
+              item.$f.once('reload', function () {
+                item.$f.setValue(val);
+              });
+              item.rule = deepCopy(n);
+            }
+          });
+        },
+        deep: true
+      },
       disabled: function disabled(n) {
         if (this.syncDisabled) {
           var lst = this.cacheRule;
@@ -1404,24 +1440,20 @@
       },
       expand: function expand(n) {
         var d = n - this.value.length;
-
         if (d > 0) {
           this.expandRule(d);
         }
       },
       value: function value(n) {
-        var _this = this;
-
+        var _this2 = this;
         n = n || [];
         var keys = Object.keys(this.cacheRule),
             total = keys.length,
             len = total - n.length;
-
         if (len < 0) {
           for (var i = len; i < 0; i++) {
             this.addRule(n.length + i);
           }
-
           for (var _i = 0; _i < total; _i++) {
             this.setValue(keys[_i], n[_i]);
           }
@@ -1430,12 +1462,9 @@
             for (var _i2 = 0; _i2 < len; _i2++) {
               this.removeRule(keys[total - _i2 - 1]);
             }
-
-            this.subForm();
           }
-
           n.forEach(function (val, i) {
-            _this.setValue(keys[i], n[i]);
+            _this2.setValue(keys[i], n[i]);
           });
         }
       }
@@ -1452,23 +1481,18 @@
         this.$emit('change', value);
       },
       formData: function formData(key, _formData) {
-        var _this2 = this;
-
+        var _this3 = this;
         var cacheRule = this.cacheRule;
         var keys = Object.keys(cacheRule);
-
         if (keys.filter(function (k) {
           return cacheRule[k].$f;
         }).length !== keys.length) {
           return;
         }
-
         var value = keys.map(function (k) {
-          var data = key === k ? _formData : _objectSpread2({}, _this2.cacheRule[k].$f.form);
-          var value = _this2.field ? data[_this2.field] || null : data;
-
-          _this2.cache(k, value);
-
+          var data = key === k ? _formData : _objectSpread2({}, _this3.cacheRule[k].$f.form);
+          var value = _this3.field ? data[_this3.field] || null : data;
+          _this3.cache(k, value);
           return value;
         });
         this.input(value);
@@ -1476,65 +1500,53 @@
       setValue: function setValue(key, value) {
         var field = this.field,
             $f = this.cacheRule[key].$f;
-
         if (field) {
           value = _defineProperty({}, field, this._value(value));
         }
-
         if (this.cacheValue[key] === JSON.stringify(field ? value[field] : value)) {
           return;
         }
-
         this.cache(key, value);
         $f.coverValue(value || {});
       },
       addRule: function addRule(i, emit) {
-        var _this3 = this;
-
+        var _this4 = this;
         var rule = this.formCreateInject.form.copyRules(this.formRule);
         var options = this.options ? _objectSpread2({}, this.options) : {
           submitBtn: false,
           resetBtn: false
         };
-        options.formData = this.field ? _defineProperty({}, this.field, this._value(this.value[i])) : this.value[i] || {};
+        if (this.defaultValue) {
+          if (!options.formData) options.formData = {};
+          var defVal = deepCopy(this.defaultValue);
+          extend(options.formData, this.field ? _defineProperty({}, this.field, defVal) : defVal);
+        }
         this.$set(this.cacheRule, ++this.len, {
           rule: rule,
           options: options
         });
-
         if (emit) {
           this.$nextTick(function () {
-            return _this3.$emit('add', rule, Object.keys(_this3.cacheRule).length - 1);
+            return _this4.$emit('add', rule, Object.keys(_this4.cacheRule).length - 1);
           });
         }
       },
       add$f: function add$f(i, key, $f) {
-        var _this4 = this;
-
+        var _this5 = this;
         this.cacheRule[key].$f = $f;
-        this.subForm();
+        this.formData(key, $f.formData());
         this.$nextTick(function () {
-          if (_this4.syncDisabled) {
-            $f.disabled(_this4.disabled);
+          if (_this5.syncDisabled) {
+            $f.disabled(_this5.disabled);
           }
-
-          _this4.$emit('itemMounted', $f, Object.keys(_this4.cacheRule).indexOf(key));
+          _this5.$emit('itemMounted', $f, Object.keys(_this5.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 index = Object.keys(this.cacheRule).indexOf(key);
         this.$delete(this.cacheRule, key);
         this.$delete(this.cacheValue, key);
-
         if (emit) {
           this.$nextTick(function () {
             return _this6.$emit('remove', index);
@@ -1545,16 +1557,13 @@
         if (this.disabled || false === this.onBeforeAdd(this.value)) {
           return;
         }
-
         this.addRule(i, true);
       },
       del: function del(index, key) {
         if (this.disabled || false === this.onBeforeRemove(this.value, index)) {
           return;
         }
-
         this.removeRule(key, true);
-        this.subForm();
         this.value.splice(index, 1);
         this.input(this.value);
       },
@@ -1571,7 +1580,6 @@
       },
       delIcon: function delIcon(index, key) {
         var _this7 = this;
-
         var h = this.$createElement;
         return h("i", {
           "key": "d".concat(key),
@@ -1586,7 +1594,6 @@
       },
       makeIcon: function makeIcon(total, index, key) {
         var _this8 = this;
-
         if (this.$scopedSlots.button) {
           return this.$scopedSlots.button({
             total: total,
@@ -1599,11 +1606,9 @@
             add: this.add
           });
         }
-
         if (index === 0) {
           return [this.max !== 0 && total >= this.max ? null : this.addIcon(key), this.min === 0 || total > this.min ? this.delIcon(index, key) : null];
         }
-
         if (index >= this.min) {
           return this.delIcon(index, key);
         }
@@ -1620,18 +1625,15 @@
     created: function created() {
       this.type = this.formCreateInject.form.$form();
       var d = (this.expand || 0) - this.value.length;
-
       if (d > 0) {
         this.expandRule(d);
       }
-
       for (var i = 0; i < this.value.length; i++) {
         this.addRule(i);
       }
     },
     render: function render() {
       var _this9 = this;
-
       var h = arguments[0];
       var keys = Object.keys(this.cacheRule);
       var button = this.button;
@@ -1664,7 +1666,10 @@
             "span": button ? 20 : 24
           }
         }, [h("ElFormItem", [h(Type, helper([{
-          "key": key
+          "key": key,
+          "attrs": {
+            "inFor": true
+          }
         }, {
           "on": {
             'update:value': function updateValue(formData) {
@@ -1674,7 +1679,6 @@
               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);
             },
             input: function input($f) {
@@ -1683,6 +1687,7 @@
           }
         }, {
           "attrs": {
+            "value": _this9.field ? _defineProperty({}, _this9.field, _this9._value(_this9.value[index])) : _this9.value[index],
             "rule": rule,
             "option": options,
             "extendOption": true
@@ -1746,11 +1751,9 @@
       },
       setValue: function setValue(value) {
         var str = JSON.stringify(value);
-
         if (this.cacheValue === str) {
           return;
         }
-
         this.cacheValue = str;
         this.cacheRule.$f.coverValue(value || {});
       },
@@ -1767,23 +1770,16 @@
       },
       add$f: function add$f($f) {
         var _this = this;
-
         this.cacheRule.$f = $f;
-        this.subForm();
         this.$nextTick(function () {
           _this.syncDisabled && $f.disabled(_this.disabled);
-
           _this.$emit('itemMounted', $f);
         });
       },
-      subForm: function subForm() {
-        this.formCreateInject.subForm(this.cacheRule.$f);
-      },
       emitEvent: function emitEvent(name) {
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         this.$emit.apply(this, [name].concat(args));
       }
     },
@@ -1815,28 +1811,18 @@
 
   var components = [Checkbox, Frame, Radio, Select, Tree, Upload, Group, Sub];
 
-  function $set(target, field, value) {
-    Vue.set(target, field, value);
-  }
-  function $del(target, field) {
-    Vue["delete"](target, field);
-  }
-
-  var _extends$1 = 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]);
-      }
+  var NAME$8 = 'FormCreate';
+  var getRuleInject = function getRuleInject(vm, parent) {
+    if (!vm || vm === parent) {
+      return;
+    }
+    if (vm.formCreateInject) {
+      return vm.formCreateInject;
+    }
+    if (vm.$parent) {
+      return getRuleInject(vm.$parent, parent);
     }
-
-    return a;
   };
-
-  function extend() {
-    return _extends$1.apply(this, arguments);
-  }
-
-  var NAME$8 = 'FormCreate';
   function $FormCreate(FormCreate) {
     return {
       name: NAME$8,
@@ -1867,7 +1853,13 @@
         },
         extendOption: Boolean,
         value: Object,
-        api: Object
+        api: Object,
+        name: String,
+        subForm: {
+          type: Boolean,
+          "default": true
+        },
+        inFor: Boolean
       },
       data: function data() {
         return {
@@ -1879,7 +1871,8 @@
           unique: 1,
           renderRule: _toConsumableArray(this.rule || []),
           ctxInject: {},
-          updateValue: ''
+          updateValue: JSON.stringify(this.value || {}),
+          isMore: !!this.inFor
         };
       },
       render: function render() {
@@ -1901,8 +1894,8 @@
       watch: {
         value: {
           handler: function handler(n) {
-            if (JSON.stringify(n) === this.updateValue) return;
-            this.$f.setValue(n);
+            if (JSON.stringify(n || {}) === this.updateValue) return;
+            this.$f.setValue(n || {});
           },
           deep: true
         },
@@ -1915,18 +1908,15 @@
         },
         rule: function rule(n) {
           var _this = this;
-
           if (n.length === this.renderRule.length && n.every(function (v) {
             return _this.renderRule.indexOf(v) > -1;
           })) return;
           this.formCreate.$handle.reloadRule(n);
-
           this._renderRule();
         }
       },
       beforeCreate: function beforeCreate() {
         var _this2 = this;
-
         var _this$$options$propsD = this.$options.propsData,
             rule = _this$$options$propsD.rule,
             option = _this$$options$propsD.option;
@@ -1935,6 +1925,50 @@
           extend(_this2.$options[k], _this2.formCreate.prop[k]);
         });
         this.$emit('beforeCreate', this.formCreate.api());
+      },
+      created: function created() {
+        var _this3 = this;
+        var vm = this,
+            fapi = this.formCreate.api();
+        var addSubForm = function addSubForm() {
+          if (vm.$pfc) {
+            var inject = getRuleInject(vm, vm.$pfc);
+            if (inject) {
+              var sub;
+              if (vm.isMore) {
+                sub = toArray(inject.getSubForm());
+                sub.push(fapi);
+              } else {
+                sub = fapi;
+              }
+              inject.subForm(sub);
+            }
+          }
+        };
+        var rmSubForm = function rmSubForm() {
+          var inject = getRuleInject(vm, vm.$pfc);
+          if (inject) {
+            if (vm.isMore) {
+              var sub = toArray(inject.getSubForm());
+              var idx = sub.indexOf(fapi);
+              if (idx > -1) {
+                sub.splice(idx, 1);
+              }
+            } else {
+              inject.subForm();
+            }
+          }
+        };
+        vm.$on('hook:beforeDestroy', function () {
+          rmSubForm();
+        });
+        this.$watch(function () {
+          return _this3.subForm;
+        }, function (n) {
+          n ? addSubForm() : rmSubForm();
+        }, {
+          immediate: true
+        });
       }
     };
   }
@@ -1942,17 +1976,12 @@
   var normalMerge$1 = ['attrs', 'props', 'domProps', 'scopedSlots'];
   var toArrayMerge$1 = ['class', 'style', 'directives'];
   var functionalMerge$1 = ['on', 'nativeOn'];
-
   var mergeProps = function mergeProps(objects) {
     var initial = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var opt = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
     var _normalMerge = [].concat(normalMerge$1, _toConsumableArray(opt['normal'] || []));
-
     var _toArrayMerge = [].concat(toArrayMerge$1, _toConsumableArray(opt['array'] || []));
-
     var _functionalMerge = [].concat(functionalMerge$1, _toConsumableArray(opt['functional'] || []));
-
     var propsMerge = opt['props'] || [];
     return objects.reduce(function (a, b) {
       for (var key in b) {
@@ -1969,9 +1998,7 @@
             for (var event in b[key]) {
               if (a[key][event]) {
                 var _arrA = a[key][event] instanceof Array ? a[key][event] : [a[key][event]];
-
                 var _arrB = b[key][event] instanceof Array ? b[key][event] : [b[key][event]];
-
                 a[key][event] = [].concat(_toConsumableArray(_arrA), _toConsumableArray(_arrB));
               } else {
                 a[key][event] = b[key][event];
@@ -1996,11 +2023,9 @@
           } else a[key] = b[key];
         }
       }
-
       return a;
     }, initial);
   };
-
   var mergeFn$1 = function mergeFn(fn1, fn2) {
     return function () {
       fn1 && fn1.apply(this, arguments);
@@ -2008,7 +2033,7 @@
     };
   };
 
-  var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'nativeEmit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key'];
+  var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'nativeEmit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key', 'preview', 'component', 'cache'];
   var arrayAttrs = ['validate', 'children', 'control'];
   var normalAttrs = ['effect', 'deep'];
   function attrs() {
@@ -2029,60 +2054,6 @@
     console.error(e);
   }
 
-  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 PREFIX = '[[FORM-CREATE-PREFIX-';
   var SUFFIX = '-FORM-CREATE-SUFFIX]]';
   var $T = '$FN:';
@@ -2091,30 +2062,24 @@
   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 eval('(' + 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, '');
@@ -2130,7 +2095,6 @@
         } 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;
@@ -2140,7 +2104,6 @@
         return undefined;
       }
     }
-
     return fn;
   }
   function parseJson(json, mode) {
@@ -2157,8 +2120,7 @@
       configurable: false,
       writable: !!writable
     };
-  } //todo 优化位置
-
+  }
   function copyRule(rule) {
     return copyRules([rule])[0];
   }
@@ -2203,7 +2165,6 @@
     } catch (e) {
       logError(e);
     }
-
     return def;
   }
 
@@ -2222,11 +2183,9 @@
     return function (title, field, value) {
       var props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
       var maker = new Creator(name, title, field, value, props);
-
       if (init) {
         if (is.Function(init)) init(maker);else maker.props(init);
       }
-
       return maker;
     };
   }
@@ -2291,13 +2250,11 @@
   function copy(value) {
     return deepCopy(value);
   }
-
   function Api(h) {
     function tidyFields(fields) {
       if (is.Undef(fields)) fields = h.fields();else if (!Array.isArray(fields)) fields = [fields];
       return fields;
     }
-
     function props(fields, key, val) {
       tidyFields(fields).forEach(function (field) {
         h.getCtxs(field).forEach(function (ctx) {
@@ -2306,7 +2263,6 @@
         });
       });
     }
-
     function allSubForm() {
       var subs = h.subForm;
       return Object.keys(subs).reduce(function (initial, k) {
@@ -2316,39 +2272,32 @@
         return initial;
       }, []);
     }
-
     var api = {
       get config() {
         return h.options;
       },
-
       get options() {
         return h.options;
       },
-
       get form() {
         return h.form;
       },
-
       get rule() {
         return h.rules;
       },
-
       get parent() {
         return h.vm.$pfc && h.vm.$pfc.$f;
       },
-
       get children() {
         return allSubForm();
       },
-
       formData: function formData(fields) {
         return tidyFields(fields).reduce(function (initial, id) {
           var ctx = h.getFieldCtx(id);
           if (!ctx) return initial;
           initial[ctx.field] = copy(ctx.rule.value);
           return initial;
-        }, copy(h.appendData));
+        }, h.options.appendValue ? copy(h.appendData) : {});
       },
       getValue: function getValue(field) {
         var ctx = h.getFieldCtx(field);
@@ -2406,7 +2355,6 @@
         var index = h.sort.length - 1,
             rules;
         var ctx = h.getCtx(after);
-
         if (ctx) {
           if (child) {
             rules = ctx.rule.children;
@@ -2416,14 +2364,12 @@
             rules = ctx.root;
           }
         } else rules = h.rules;
-
         rules.splice(index + 1, 0, rule);
       },
       prepend: function prepend(rule, after, child) {
         var index = 0,
             rules;
         var ctx = h.getCtx(after);
-
         if (ctx) {
           if (child) {
             rules = ctx.rule.children;
@@ -2432,7 +2378,6 @@
             rules = ctx.root;
           }
         } else rules = h.rules;
-
         rules.splice(index, 0, rule);
       },
       hidden: function hidden(state, fields) {
@@ -2456,7 +2401,7 @@
       disabled: function disabled(_disabled, fields) {
         tidyFields(fields).forEach(function (field) {
           h.getCtxs(field).forEach(function (ctx) {
-            $set(ctx.rule.props, 'disabled', !!_disabled);
+            ctx.rule.props && $set(ctx.rule.props, 'disabled', !!_disabled);
           });
         });
         h.refresh();
@@ -2505,18 +2450,14 @@
           });
           return;
         }
-
         var ctxs = is.Object(field) ? byCtx(field) : h.getCtxs(field);
-
         if (!ctxs) {
           return;
         }
-
         ctxs = Array.isArray(ctxs) ? ctxs : [ctxs];
         ctxs.forEach(function (ctx) {
           if (!ctx.deleted) {
             var subForm = h.subForm[ctx.id];
-
             if (subForm) {
               if (Array.isArray(subForm)) {
                 subForm.forEach(function (form) {
@@ -2525,9 +2466,7 @@
               } else if (subForm) {
                 subForm.refresh();
               }
-            } //ctx.updateKey(true);
-
-
+            }
             h.$render.clearCache(ctx);
           }
         });
@@ -2575,11 +2514,25 @@
       },
       getRule: function getRule(id, origin) {
         var ctx = h.getCtx(id);
-
         if (ctx) {
           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, {
@@ -2618,7 +2571,6 @@
         for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
           args[_key - 2] = arguments[_key];
         }
-
         return invoke(function () {
           return api.method(id, name).apply(void 0, args);
         });
@@ -2628,11 +2580,9 @@
       },
       trigger: function trigger(id, event) {
         var el = api.el(id);
-
         for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
           args[_key2 - 2] = arguments[_key2];
         }
-
         el && el.$emit.apply(el, [event].concat(args));
       },
       el: function el(id) {
@@ -2657,11 +2607,9 @@
       },
       emit: function emit(name) {
         var _h$vm;
-
         for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
           args[_key3 - 1] = arguments[_key3];
         }
-
         (_h$vm = h.vm).$emit.apply(_h$vm, [name].concat(args));
       },
       helper: {
@@ -2672,7 +2620,6 @@
     ['on', 'once', 'off', 'set'].forEach(function (n) {
       api[n] = function () {
         var _h$vm2;
-
         (_h$vm2 = h.vm)["$".concat(n)].apply(_h$vm2, arguments);
       };
     });
@@ -2690,11 +2637,9 @@
           ctx.parent && this.clearCache(ctx.parent);
           return;
         }
-
         if (this.cache[ctx.id].use === true || this.cache[ctx.id].parent) {
           this.$handle.refresh();
         }
-
         var parent = this.cache[ctx.id].parent;
         this.cache[ctx.id] = null;
         parent && this.clearCache(parent);
@@ -2751,10 +2696,8 @@
         if (!_data[to] || _typeof(_data[to]) != 'object') {
           _data[to] = {};
         }
-
         _data = _data[to];
       }
-
       to = v;
     });
     _data[to] = val;
@@ -2774,7 +2717,6 @@
             var children = ctxs[id].rule.children;
             initial[id] = is.trueArray(children) ? _toConsumableArray(children) : [];
           }
-
           return initial;
         }, {});
       },
@@ -2783,59 +2725,46 @@
       },
       getTypeSlot: function getTypeSlot(type) {
         var name = 'type-' + toLine(type);
-
         var _fn = function _fn(vm) {
           if (vm) {
             var slot = vm.$scopedSlots[name] || vm.$scopedSlots['type-' + type];
-
             if (slot) {
               return slot;
             }
-
             return _fn(vm.$pfc);
           }
         };
-
         return _fn(this.vm);
       },
       render: function render() {
         var _this = this;
-
         if (!this.vm.isShow) {
           return;
         }
-
         this.$h = this.vm.$createElement;
         this.$manager.beforeRender();
         var vn;
-
         var make = function make() {
           return _this.renderList();
         };
-
         make.renderSlot = function (slot) {
           return _this.renderList(slot);
         };
-
         make.renderName = function (name) {
           return _this.renderId(name);
         };
-
         make.renderField = function (field) {
           return _this.renderId(field, 'field');
         };
-
         if (this.vm.$scopedSlots.container) {
           vn = [this.vm.$scopedSlots.container(make)];
         } else {
           vn = make();
         }
-
         return this.$manager.render(vn);
       },
       renderList: function renderList(slot) {
         var _this2 = this;
-
         return this.sort.map(function (id) {
           return slot ? _this2.renderSlot(_this2.$handle.ctxs[id], slot) : _this2.renderCtx(_this2.$handle.ctxs[id]);
         }).filter(function (val) {
@@ -2844,7 +2773,6 @@
       },
       makeVm: function makeVm(rule) {
         var _this3 = this;
-
         var vm = rule.vm;
         if (!vm) return new _vue();else if (is.Function(vm)) return invoke(function () {
           return rule.vm(_this3.$handle.getInjectData(rule));
@@ -2853,8 +2781,7 @@
       },
       mergeGlobal: function mergeGlobal(ctx) {
         var g = this.$handle.options.global;
-        if (!g) return; //todo 缓存配置,更新 option 更新
-
+        if (!g) return;
         if (!ctx.cacheConfig) ctx.cacheConfig = g[ctx.originType] || g[ctx.type] || g[ctx.trueType] || {};
         ctx.prop = mergeRule({}, [g['*'], ctx.cacheConfig, ctx.prop]);
       },
@@ -2881,23 +2808,19 @@
           if (hasProperty(prop.props, key)) vm.$props[key] = prop.props[key];else if (injectKeys.indexOf(key) > -1) vm.$props[key] = inject[key];
         });
         var key = vm.$options.model && vm.$options.model.prop || 'value';
-
         if (keys.indexOf(key) > -1) {
           vm.$props[key] = prop.value;
         }
       },
       renderTemp: function renderTemp(ctx) {
         var _this4 = this;
-
         if (!_vue.compile) {
           tip('当前使用的Vue构建版本不支持compile,无法使用template功能');
           return [];
         }
-
         var rule = ctx.prop;
         var id = ctx.id,
             key = ctx.key;
-
         if (!this.tempList[id]) {
           if (!ctx.el) {
             ctx.el = this.makeVm(rule);
@@ -2905,7 +2828,6 @@
               return ctx.parser.mounted(ctx);
             });
           }
-
           var _vm = ctx.el;
           if (ctx.input) _vm.$on(_vm.$options.model && _vm.$options.model.event || 'input', function (value) {
             _this4.onInput(ctx, value);
@@ -2915,7 +2837,6 @@
             template: _vue.compile(rule.template)
           };
         }
-
         var _this$tempList$id = this.tempList[id],
             vm = _this$tempList$id.vm,
             template = _this$tempList$id.template;
@@ -2939,7 +2860,6 @@
       },
       renderId: function renderId(name, type) {
         var _this5 = this;
-
         var ctxs = this.$handle[type === 'field' ? 'fieldCtx' : 'nameCtx'][name];
         return ctxs ? ctxs.map(function (ctx) {
           return _this5.renderCtx(ctx, ctx.parent);
@@ -2948,21 +2868,16 @@
       renderCtx: function renderCtx(ctx, parent) {
         if (ctx.type === 'hidden') return;
         var rule = ctx.rule;
-        var preview = this.options.preview || false;
-
         if (!this.cache[ctx.id] || this.cache[ctx.id].slot !== rule.slot) {
           var vn;
-          var cacheFlag = true;
+          var cacheFlag = rule.cache !== false;
           var _type = ctx.trueType;
           var none = !(is.Undef(rule.display) || !!rule.display);
-
           if (_type === 'template' && !rule.template) {
             vn = this.renderSides(this.renderChildren(ctx), ctx, true);
-
             if (none) {
               this.display(vn);
             }
-
             vn = this.item(ctx, vn);
           } else if (_type === 'fcFragment') {
             vn = this.renderChildren(ctx);
@@ -2974,27 +2889,24 @@
             this.setOptions(ctx);
             this.ctxProp(ctx);
             var prop = ctx.prop;
+            prop.preview = !!(hasProperty(prop, 'preview') ? prop.preview : this.options.preview || false);
             prop.props.formCreateInject = this.injectProp(ctx);
-
+            var preview = prop.preview;
             if (prop.hidden) {
               this.setCache(ctx, undefined, parent);
               return;
             }
-
             if (_type === 'template' && prop.template) {
               vn = this.renderTemp(ctx);
               cacheFlag = false;
             } else {
               var children = [];
-
               if (ctx.parser.renderChildren) {
                 children = ctx.parser.renderChildren(ctx);
               } else if (ctx.parser.loadChildren !== false) {
                 children = this.renderChildren(ctx);
               }
-
               var slot = this.getTypeSlot(ctx.type);
-
               if (slot) {
                 vn = slot({
                   rule: rule,
@@ -3008,32 +2920,24 @@
                 vn = preview ? ctx.parser.preview(children, ctx) : ctx.parser.render(children, ctx);
               }
             }
-
             vn = this.renderSides(vn, ctx);
-
             if (!(!ctx.input && is.Undef(prop["native"])) && prop["native"] !== true) {
               vn = this.$manager.makeWrap(ctx, vn);
             }
-
             if (none) {
               vn = this.display(vn);
             }
-
             vn = this.item(ctx, vn);
           }
-
           if (cacheFlag) {
             this.setCache(ctx, vn, parent);
           }
-
           return vn;
         }
-
         return this.getCache(ctx);
       },
       display: function display(vn) {
         var _this6 = this;
-
         if (Array.isArray(vn)) {
           var data = [];
           vn.forEach(function (v) {
@@ -3056,7 +2960,6 @@
               display: 'none'
             }];
           }
-
           return vn;
         }
       },
@@ -3068,7 +2971,6 @@
       },
       injectProp: function injectProp(ctx) {
         var _this7 = this;
-
         if (!this.vm.ctxInject[ctx.id]) {
           $set(this.vm.ctxInject, ctx.id, {
             api: this.$handle.api,
@@ -3076,23 +2978,25 @@
             subForm: function subForm(_subForm) {
               _this7.$handle.addSubForm(ctx, _subForm);
             },
+            getSubForm: function getSubForm() {
+              return _this7.$handle.subForm[ctx.id];
+            },
             options: [],
             children: [],
             prop: {},
             preview: false,
             field: ctx.field,
-            rule: ctx.rule
+            rule: ctx.rule,
+            input: ctx.input
           });
         }
-
         var inject = this.vm.ctxInject[ctx.id];
         extend(inject, {
-          preview: this.options.preview || false,
+          preview: ctx.prop.preview,
           options: ctx.prop.options,
           children: ctx.rule.children,
           prop: function () {
             var temp = _objectSpread2({}, ctx.prop);
-
             temp.on = temp.on ? _objectSpread2({}, temp.on) : {};
             delete temp.model;
             return temp;
@@ -3102,7 +3006,6 @@
       },
       ctxProp: function ctxProp(ctx, custom) {
         var _this8 = this;
-
         var ref = ctx.ref,
             key = ctx.key,
             rule = ctx.rule;
@@ -3121,29 +3024,23 @@
             }
           }
         }];
-
         if (!custom && ctx.input) {
-          props.push({
-            model: {
-              value: this.$handle.getFormData(ctx),
-              callback: function callback(value) {
-                _this8.onInput(ctx, value);
-              },
-              expression: "formData.".concat(ctx.id)
-            }
-          });
+          ctx.prop.model = {
+            value: this.$handle.getFormData(ctx),
+            callback: function callback(value) {
+              _this8.onInput(ctx, value);
+            },
+            expression: "formData.".concat(ctx.id)
+          };
         }
-
         mergeProps(props, ctx.prop);
         return ctx.prop;
       },
       onMounted: function onMounted(ctx) {
         ctx.el = this.vm.$refs[ctx.ref];
-
         if (ctx.el) {
           (ctx.el.$el || ctx.el).__rule__ = ctx.rule;
         }
-
         ctx.parser.mounted(ctx);
         this.$handle.effect(ctx, 'mounted');
       },
@@ -3152,19 +3049,15 @@
       },
       renderChildren: function renderChildren(ctx) {
         var _this9 = this;
-
         var children = ctx.rule.children,
             orgChildren = this.orgChildren[ctx.id];
-
         var isRm = function isRm(child) {
           return !is.String(child) && child.__fc__ && !_this9.$handle.ctxs[child.__fc__.id];
         };
-
         if (!is.trueArray(children) && orgChildren) {
           this.$handle.deferSyncValue(function () {
             orgChildren.forEach(function (child) {
               if (!child) return;
-
               if (isRm(child)) {
                 _this9.$handle.rmCtx(child.__fc__);
               }
@@ -3173,11 +3066,9 @@
           this.orgChildren[ctx.id] = [];
           return [];
         }
-
         orgChildren && this.$handle.deferSyncValue(function () {
           orgChildren.forEach(function (child) {
             if (!child) return;
-
             if (children.indexOf(child) === -1 && isRm(child)) {
               _this9.$handle.rmCtx(child.__fc__);
             }
@@ -3186,15 +3077,12 @@
         return children.map(function (child) {
           if (!child) return;
           if (is.String(child)) return child;
-
           if (child.__fc__) {
             return _this9.renderCtx(child.__fc__, ctx);
           }
-
           if (child.type) {
             _this9.vm.$nextTick(function () {
               _this9.$handle.loadChildren(children, ctx);
-
               _this9.$handle.refresh();
             });
           }
@@ -3202,38 +3090,33 @@
       },
       defaultRender: function defaultRender(ctx, children) {
         var prop = ctx.prop;
+        if (prop.component) return this.vNode.makeComponent(prop.component, prop, children);
         if (this.vNode[ctx.type]) return this.vNode[ctx.type](prop, children);
         if (this.vNode[ctx.originType]) return this.vNode[ctx.originType](prop, children);
         return this.vNode.make(lower(ctx.originType), prop, children);
       },
       renderRule: function renderRule(rule, children, origin) {
         var _this10 = this;
-
         if (!rule) return undefined;
         if (is.String(rule)) return rule;
         var type;
-
         if (origin) {
           type = rule.type;
         } else {
           type = rule.is;
-
           if (rule.type) {
             type = toCase(rule.type);
             var alias = this.vNode.aliasMap[type];
             if (alias) type = toCase(alias);
           }
         }
-
         if (!type) return undefined;
         var data = [[children]];
-
         if (is.trueArray(rule.children)) {
           data.push(rule.children.map(function (v) {
             return _this10.renderRule(v);
           }));
         }
-
         return this.$h(type, _objectSpread2({}, rule), data);
       }
     });
@@ -3269,10 +3152,8 @@
       },
       parseEventLst: function parseEventLst(rule, data, inject, deep) {
         var _this = this;
-
         Object.keys(data).forEach(function (k) {
           var fn = _this.parseEvent(rule, data[k], inject, deep);
-
           if (fn) {
             data[k] = fn;
           }
@@ -3286,7 +3167,6 @@
           return this.parseEventLst(rule, fn, inject, true);
         } else if (is.String(fn)) {
           var val = parseFn(fn);
-
           if (val && fn !== val) {
             return val.__inject ? this.parseEvent(rule, val, inject, true) : val;
           }
@@ -3294,7 +3174,6 @@
       },
       parseEmit: function parseEmit(ctx, on) {
         var _this2 = this;
-
         var event = {},
             rule = ctx.rule,
             emitPrefix = rule.emitPrefix,
@@ -3302,48 +3181,36 @@
             name = rule.name,
             inject = rule.inject;
         var emit = rule[on ? 'emit' : 'nativeEmit'] || [];
-
         if (is.trueArray(emit)) {
           var emitKey = emitPrefix || field || name;
-
           if (emitKey) {
             if (!on) emitKey = "native-".concat(emitKey);
             emit.forEach(function (eventName) {
               if (!eventName) return;
               var eventInject;
-
               if (is.Object(eventName)) {
                 eventInject = eventName.inject;
                 eventName = eventName.name;
               }
-
               var fieldKey = toLine("".concat(emitKey, "-").concat(eventName));
-
               var fn = function fn() {
                 var _this2$vm, _this2$vm2;
-
                 for (var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++) {
                   arg[_key] = arguments[_key];
                 }
-
                 (_this2$vm = _this2.vm).$emit.apply(_this2$vm, [fieldKey].concat(arg));
-
                 (_this2$vm2 = _this2.vm).$emit.apply(_this2$vm2, ['emit-event', fieldKey].concat(arg));
               };
-
               fn.__emit = true;
-
               if (!eventInject && inject === false) {
                 event[eventName] = fn;
               } else {
                 var _inject = eventInject || inject || _this2.options.injectEvent;
-
                 event[eventName] = is.Undef(_inject) ? fn : _this2.inject(rule, fn, _inject);
               }
             });
           }
         }
-
         ctx.computed[on ? 'on' : 'nativeOn'] = event;
         return event;
       },
@@ -3365,21 +3232,16 @@
           if (this.watching && !this.loading) return _fn;
           _fn = _fn.__origin;
         }
-
         var h = this;
-
         var fn = function fn() {
           var data = h.getInjectData(self, _inject2);
-
           for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = arguments[_key2];
           }
-
           data.args = [].concat(args);
           args.unshift(data);
           return _fn.apply(this, args);
         };
-
         fn.__origin = _fn;
         fn.__json = _fn.__json;
         return fn;
@@ -3392,17 +3254,14 @@
     extend(Handler.prototype, {
       usePage: function usePage() {
         var _this = this;
-
         var page = this.options.page;
         if (!page) return;
         var first = 25;
         var limit = getLimit(this.rules);
-
         if (is.Object(page)) {
           if (page.first) first = parseInt(page.first, 10) || first;
           if (page.limit) limit = parseInt(page.limit, 10) || limit;
         }
-
         extend(this, {
           first: first,
           limit: limit,
@@ -3415,27 +3274,21 @@
       },
       pageLoad: function pageLoad() {
         var _this2 = this;
-
         var pageFn = function pageFn() {
           if (_this2.pageEnd) {
             _this2.vm.$off(EVENT, pageFn);
-
             _this2.bus.$emit('page-end');
           } else {
             _this2.first += _this2.limit;
             _this2.pageEnd = _this2.rules.length <= _this2.first;
-
             _this2.loadRule();
-
             _this2.refresh();
           }
         };
-
         this.vm.$on(EVENT, pageFn);
       }
     });
   }
-
   function getLimit(rules) {
     return rules.length < 31 ? 31 : Math.ceil(rules.length / 3);
   }
@@ -3448,7 +3301,6 @@
       },
       bindNextTick: function bindNextTick(fn) {
         var _this = this;
-
         this.clearNextTick();
         this.nextTick = setTimeout(function () {
           fn();
@@ -3456,7 +3308,6 @@
         }, 10);
       },
       render: function render() {
-        // console.warn('%c render', 'color:green');
         ++this.loadedId;
         if (this.vm.unique > 0) return this.$render.render();else {
           this.vm.unique = 1;
@@ -3471,7 +3322,6 @@
       __fc__: enumerable(ctx, true)
     });
   }
-
   function RuleContext(handle, rule) {
     var id = uniqueId();
     extend(this, {
@@ -3505,7 +3355,6 @@
       if (!this.payload[name]) {
         this.payload[name] = {};
       }
-
       return this.payload[name];
     },
     clearEffectData: function clearEffectData(name) {
@@ -3525,9 +3374,7 @@
     },
     initProp: function initProp() {
       var _this = this;
-
       var rule = _objectSpread2({}, this.rule);
-
       delete rule.children;
       this.prop = mergeProps([rule].concat(_toConsumableArray(Object.keys(this.payload).map(function (k) {
         return _this.payload[k];
@@ -3582,31 +3429,22 @@
     },
     rm: function rm() {
       var _this2 = this;
-
       var _rm = function _rm() {
         var index = _this2.root.indexOf(_this2.origin);
-
         if (index > -1) {
           _this2.root.splice(index, 1);
-
           _this2.$handle && _this2.$handle.refresh();
         }
       };
-
       if (this.deleted) {
         _rm();
-
         return;
       }
-
       this.$handle.noWatch(function () {
         _this2.$handle.deferSyncValue(function () {
           _this2.rmCtrl();
-
           _rm();
-
           _this2.$handle.rmCtx(_this2);
-
           extend(_this2, {
             root: []
           });
@@ -3634,7 +3472,6 @@
     extend(Handler.prototype, {
       nextRefresh: function nextRefresh(fn) {
         var _this = this;
-
         var id = this.loadedId;
         this.vm.$nextTick(function () {
           id === _this.loadedId && (fn ? fn() : _this.refresh());
@@ -3642,7 +3479,6 @@
       },
       parseRule: function parseRule(_rule) {
         var _this2 = this;
-
         var rule = getRule(_rule);
         Object.defineProperties(rule, {
           __origin__: enumerable(_rule, true)
@@ -3654,20 +3490,16 @@
           if (!item) {
             return;
           }
-
           _this2.loadFn(item, rule);
         });
         this.loadCtrl(rule);
-
         if (rule.update) {
           rule.update = parseFn(rule.update);
         }
-
         return rule;
       },
       loadFn: function loadFn(item, rule) {
         var _this3 = this;
-
         ['on', 'props', 'nativeOn', 'deep'].forEach(function (k) {
           item[k] && _this3.parseInjectEvent(rule, item[k]);
         });
@@ -3681,48 +3513,35 @@
       },
       syncProp: function syncProp(ctx) {
         var _this4 = this;
-
         var rule = ctx.rule;
         is.trueArray(rule.sync) && mergeProps([{
           on: rule.sync.reduce(function (pre, prop) {
             pre["update:".concat(prop)] = function (val) {
               rule.props[prop] = val;
-
               _this4.vm.$emit('sync', prop, val, rule, _this4.fapi);
             };
-
             return pre;
           }, {})
         }], ctx.computed);
       },
       loadRule: function loadRule() {
         var _this5 = this;
-
-        // console.warn('%c load', 'color:blue');
         this.cycleLoad = false;
         this.loading = true;
-
         if (this.pageEnd) {
           this.bus.$emit('load-start');
         }
-
         this.deferSyncValue(function () {
           _this5._loadRule(_this5.rules);
-
           _this5.loading = false;
-
           if (_this5.cycleLoad && _this5.pageEnd) {
             return _this5.loadRule();
           }
-
           if (_this5.pageEnd) {
             _this5.bus.$emit('load-end');
           }
-
           _this5.vm._renderRule();
-
           _this5.$render.initOrgChildren();
-
           _this5.syncForm();
         });
       },
@@ -3730,79 +3549,60 @@
         this.cycleLoad = false;
         this.loading = true;
         this.bus.$emit('load-start');
-
         this._loadRule(children, parent);
-
         this.loading = false;
-
         if (this.cycleLoad) {
           return this.loadRule();
         } else {
           this.bus.$emit('load-end');
           this.syncForm();
         }
-
         this.$render.clearCache(parent);
       },
       _loadRule: function _loadRule(rules, parent) {
         var _this6 = this;
-
         var preIndex = function preIndex(i) {
           var pre = rules[i - 1];
-
           if (!pre || !pre.__fc__) {
             return i > 0 ? preIndex(i - 1) : -1;
           }
-
           var index = _this6.sort.indexOf(pre.__fc__.id);
-
           return index > -1 ? index : preIndex(i - 1);
         };
-
         var loadChildren = function loadChildren(children, parent) {
           if (is.trueArray(children)) {
             _this6._loadRule(children, parent);
           }
         };
-
         rules.map(function (_rule, index) {
           if (parent && (is.String(_rule) || is.Undef(_rule))) return;
           if (!_this6.pageEnd && !parent && index >= _this6.first) return;
           if (!is.Object(_rule) || !getRule(_rule).type) return err('未定义生成规则的 type 字段', _rule);
-
           if (_rule.__fc__ && _rule.__fc__.root === rules && _this6.ctxs[_rule.__fc__.id]) {
             loadChildren(_rule.__fc__.rule.children, _rule.__fc__);
             return _rule.__fc__;
           }
-
           var rule = getRule(_rule);
-
           var isRepeat = function isRepeat() {
             return !!(rule.field && _this6.fieldCtx[rule.field] && _this6.fieldCtx[rule.field][0] !== _rule.__fc__);
           };
-
           _this6.ruleEffect(rule, 'init', {
             repeat: isRepeat()
           });
-
           if (isRepeat()) {
             _this6.vm.$emit('repeat-field', _rule, _this6.api);
           }
-
           var ctx;
           var isCopy = false;
           var isInit = !!_rule.__fc__;
-
           if (isInit) {
             ctx = _rule.__fc__;
             var check = !ctx.check(_this6);
-
             if (ctx.deleted) {
               if (check) {
                 if (isCtrl(ctx)) {
                   return;
                 }
-
                 ctx.update(_this6);
               }
             } else {
@@ -3810,66 +3610,49 @@
                 if (isCtrl(ctx)) {
                   return;
                 }
-
                 rules[index] = _rule = _rule._clone ? _rule._clone() : copyRule(_rule);
                 ctx = null;
                 isCopy = true;
               }
             }
           }
-
           if (!ctx) {
             ctx = new RuleContext(_this6, _this6.parseRule(_rule));
-
             _this6.bindParser(ctx);
           } else {
             if (ctx.originType !== ctx.rule.type) {
               ctx.updateType();
-
               _this6.bindParser(ctx);
             }
-
             _this6.appendValue(ctx.rule);
           }
-
           [false, true].forEach(function (b) {
             return _this6.parseEmit(ctx, b);
           });
-
           _this6.syncProp(ctx);
-
           ctx.parent = parent || null;
           ctx.root = rules;
-
           _this6.setCtx(ctx);
-
           !isCopy && !isInit && _this6.effect(ctx, 'load');
           ctx.parser.loadChildren === false || loadChildren(ctx.rule.children, ctx);
-
           if (!parent) {
             var _preIndex = preIndex(index);
-
             if (_preIndex > -1 || !index) {
               _this6.sort.splice(_preIndex + 1, 0, ctx.id);
             } else {
               _this6.sort.push(ctx.id);
             }
           }
-
           var r = ctx.rule;
-
           if (!ctx.updated) {
             ctx.updated = true;
-
             if (is.Function(r.update)) {
               _this6.bus.$once('load-end', function () {
                 _this6.refreshUpdate(ctx, r.value);
               });
             }
-
             _this6.effect(ctx, 'loaded');
           }
-
           if (ctx.input) Object.defineProperty(r, 'value', _this6.valueHandle(ctx));
           if (_this6.refreshControl(ctx)) _this6.cycleLoad = true;
           return ctx;
@@ -3880,20 +3663,16 @@
       },
       useCtrl: function useCtrl(ctx) {
         var _this7 = this;
-
         var controls = getCtrl(ctx),
             validate = [],
             api = this.api;
         if (!controls.length) return false;
-
         var _loop = function _loop(i) {
           var control = controls[i],
               handleFn = control.handle || function (val) {
             return val === control.value;
           };
-
           if (!is.trueArray(control.rule)) return "continue";
-
           var data = _objectSpread2(_objectSpread2({}, control), {}, {
             valid: invoke(function () {
               return handleFn(ctx.rule.value, api);
@@ -3901,17 +3680,13 @@
             ctrl: findCtrl(ctx, control.rule),
             isHidden: is.String(control.rule[0])
           });
-
           if (data.valid && data.ctrl || !data.valid && !data.ctrl && !data.isHidden) return "continue";
           validate.push(data);
         };
-
         for (var i = 0; i < controls.length; i++) {
           var _ret = _loop(i);
-
           if (_ret === "continue") continue;
         }
-
         if (!validate.length) return false;
         var flag = false;
         this.deferSyncValue(function () {
@@ -3923,21 +3698,17 @@
                 append = _ref.append,
                 child = _ref.child,
                 ctrl = _ref.ctrl;
-
             if (isHidden) {
               valid ? ctx.ctrlRule.push({
                 __ctrl: true,
                 children: rule,
                 valid: valid
               }) : ctx.ctrlRule.splice(ctx.ctrlRule.indexOf(ctrl), 1);
-
               _this7.vm.$nextTick(function () {
                 _this7.api.hidden(!valid, rule);
               });
-
               return;
             }
-
             if (valid) {
               flag = true;
               var ruleCon = {
@@ -3947,9 +3718,7 @@
                 children: rule
               };
               ctx.ctrlRule.push(ruleCon);
-
               _this7.bus.$once('load-start', function () {
-                // this.cycleLoad = true;
                 if (prepend) {
                   api.prepend(ruleCon, prepend, child);
                 } else if (append || child) {
@@ -3974,60 +3743,53 @@
       },
       _reloadRule: function _reloadRule(rules) {
         var _this8 = this;
-
-        // console.warn('%c reload', 'color:red');
         if (!rules) rules = this.rules;
-
         var ctxs = _objectSpread2({}, this.ctxs);
-
         this.clearNextTick();
         this.$render.clearOrgChildren();
         this.initData(rules);
         this.fc.rules = rules;
-        this.bus.$once('load-end', function () {
-          Object.keys(ctxs).filter(function (id) {
-            return _this8.ctxs[id] === undefined;
-          }).forEach(function (id) {
-            return _this8.rmCtx(ctxs[id]);
+        this.deferSyncValue(function () {
+          _this8.bus.$once('load-end', function () {
+            Object.keys(ctxs).filter(function (id) {
+              return _this8.ctxs[id] === undefined;
+            }).forEach(function (id) {
+              return _this8.rmCtx(ctxs[id]);
+            });
+            _this8.$render.clearCacheAll();
           });
-
-          _this8.$render.clearCacheAll();
+          _this8.reloading = true;
+          _this8.loadRule();
+          _this8.reloading = false;
+          _this8.refresh();
+          _this8.vm.$emit('reload', _this8.api);
         });
-        this.reloading = true;
-        this.loadRule();
-        this.reloading = false;
-        this.refresh();
         this.bus.$off('next-tick', this.nextReload);
         this.bus.$once('next-tick', this.nextReload);
         this.vm.$emit('update', this.api);
       },
-      //todo 组件生成全部通过 alias
       refresh: function refresh() {
         this.vm._refresh();
       }
     });
   }
-
   function fullRule(rule) {
     var def = baseRule();
     Object.keys(def).forEach(function (k) {
-      if (!hasProperty(rule, k)) rule[k] = def[k];
+      if (!hasProperty(rule, k)) $set(rule, k, def[k]);
     });
     return rule;
   }
-
   function getCtrl(ctx) {
     var control = ctx.rule.control || [];
     if (is.Object(control)) return [control];else return control;
   }
-
   function findCtrl(ctx, rule) {
     for (var i = 0; i < ctx.ctrlRule.length; i++) {
       var ctrl = ctx.ctrlRule[i];
       if (ctrl.children === rule) return ctrl;
     }
   }
-
   function isCtrl(ctx) {
     return !!ctx.rule.__ctrl;
   }
@@ -4038,7 +3800,6 @@
         if (is.Undef(ctx.cacheValue)) {
           ctx.cacheValue = ctx.parser.toValue(this.getFormData(ctx), ctx);
         }
-
         return ctx.cacheValue;
       },
       setValue: function setValue(ctx, value, formValue, setFlag) {
@@ -4050,25 +3811,23 @@
         this.setFormData(ctx, formValue);
         this.syncValue();
         this.valueChange(ctx, value);
-        this.vm.$emit('change', ctx.field, value, ctx.origin, this.api, setFlag);
+        this.vm.$emit('change', ctx.field, value, ctx.origin, this.api, setFlag || false);
         this.effect(ctx, 'value');
       },
       onInput: function onInput(ctx, value) {
         var val;
-
         if (ctx.input && (this.isQuote(ctx, val = ctx.parser.toValue(value, ctx)) || this.isChange(ctx, val))) {
           this.setValue(ctx, val, value);
         }
       },
       setFormData: function setFormData(ctx, value) {
-        $set(this.formData, ctx.id, value);
+        $set(this.formData, ctx.id, value === null ? undefined : value);
       },
       getFormData: function getFormData(ctx) {
         return this.formData[ctx.id];
       },
       validate: function validate() {
         var _this = this;
-
         toEmpty(this.vm.validate);
         this.fields().forEach(function (id) {
           _this.fieldCtx[id].forEach(function (ctx) {
@@ -4079,17 +3838,14 @@
       },
       syncForm: function syncForm() {
         var _this2 = this;
-
         toEmpty(this.form);
         Object.defineProperties(this.form, this.fields().reduce(function (initial, field) {
           var ctx = _this2.getFieldCtx(field);
-
           var handle = _this2.valueHandle(ctx);
-
           handle.configurable = true;
           initial[field] = handle;
           return initial;
-        }, Object.keys(this.appendData).reduce(function (initial, field) {
+        }, this.options.appendValue ? Object.keys(this.appendData).reduce(function (initial, field) {
           initial[field] = {
             enumerable: true,
             configurable: true,
@@ -4101,12 +3857,11 @@
             }
           };
           return initial;
-        }, {})));
+        }, {}) : {}));
         this.syncValue();
       },
       valueHandle: function valueHandle(ctx) {
         var _this3 = this;
-
         return {
           enumerable: true,
           get: function get() {
@@ -4125,24 +3880,18 @@
         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) {
           this.deferSyncFn = fn;
         }
-
         if (!this.deferSyncFn.sync) {
           this.deferSyncFn.sync = sync;
         }
-
         invoke(fn);
-
         if (this.deferSyncFn === fn) {
           this.deferSyncFn = null;
-
           if (fn.sync) {
             this.syncValue();
           }
@@ -4152,18 +3901,16 @@
         if (this.deferSyncFn) {
           return this.deferSyncFn.sync = true;
         }
-
         this.vm._updateValue(_objectSpread2({}, this.form));
       },
       isChange: function isChange(ctx, value) {
-        return JSON.stringify(ctx.rule.value, strFn) !== JSON.stringify(value, strFn);
+        return JSON.stringify(ctx.rule.value, strFn) !== JSON.stringify(value === null ? undefined : value, strFn);
       },
       isQuote: function isQuote(ctx, value) {
         return (is.Object(value) || Array.isArray(value)) && value === ctx.rule.value;
       },
       refreshUpdate: function refreshUpdate(ctx, val) {
         var _this4 = this;
-
         if (is.Function(ctx.rule.update)) {
           var state = invoke(function () {
             return ctx.rule.update(val, ctx.origin, _this4.api);
@@ -4183,20 +3930,16 @@
           this.vm.$emit('update', this.api);
           this.refresh();
         }
-
         this.refreshUpdate(ctx, val);
       },
       appendLink: function appendLink(ctx) {
         var _this5 = this;
-
         var link = ctx.rule.link;
         is.trueArray(link) && link.forEach(function (field) {
           var fn = function fn() {
             return _this5.refreshRule(ctx, ctx.rule.value);
           };
-
           _this5.bus.$on('change-' + field, fn);
-
           ctx.linkOn.push(function () {
             return _this5.bus.$off('change-' + field, fn);
           });
@@ -4207,11 +3950,9 @@
       }
     });
   }
-
   function strFn(key, val) {
     return typeof val === 'function' ? '' + val : val;
   }
-
   function toEmpty(obj) {
     Object.keys(obj).forEach(function (k) {
       return delete obj[k];
@@ -4231,11 +3972,12 @@
       return ctx.$render.defaultRender(ctx, children);
     },
     preview: function preview(children, ctx) {
-      return ctx.$render.defaultRender(ctx, children);
+      return this.render(children, ctx);
     },
     mergeProp: function mergeProp(ctx) {}
   };
 
+  var noneKey = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update', 'component', 'cache'];
   function useContext(Handler) {
     extend(Handler.prototype, {
       getCtx: function getCtx(id) {
@@ -4246,7 +3988,6 @@
       },
       setIdCtx: function setIdCtx(ctx, key, type) {
         var field = "".concat(type, "Ctx");
-
         if (!this[field][key]) {
           this[field][key] = [ctx];
         } else {
@@ -4258,11 +3999,9 @@
         var lst = this[field][key];
         if (!lst) return false;
         var flag = lst.splice(lst.indexOf(ctx) >>> 0, 1).length > 0;
-
         if (!lst.length) {
           delete this[field][key];
         }
-
         return flag;
       },
       getFieldCtx: function getFieldCtx(field) {
@@ -4281,7 +4020,6 @@
         if (!ctx.input) return;
         this.setIdCtx(ctx, field, 'field');
         this.setFormData(ctx, ctx.parser.toFormValue(rule.value, ctx));
-
         if (this.isMounted && !this.reloading) {
           this.vm.$emit('change', ctx.field, rule.value, ctx.origin, this.api);
         }
@@ -4302,70 +4040,51 @@
         if (!this.noWatchFn) {
           this.noWatchFn = fn;
         }
-
         invoke(fn);
-
         if (this.noWatchFn === fn) {
           this.noWatchFn = null;
         }
       },
       watchCtx: function watchCtx(ctx) {
         var _this = this;
-
         var vm = this.vm;
-        var none = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update'];
         Object.keys(ctx.rule).filter(function (k) {
-          return k[0] !== '_' && none.indexOf(k) === -1;
+          return k[0] !== '_' && k[0] !== '$' && noneKey.indexOf(k) === -1;
         }).forEach(function (key) {
           var flag = key === 'children';
           ctx.watch.push(vm.$watch(function () {
             return ctx.rule[key];
           }, function (n, o) {
             if (_this.loading || _this.noWatchFn || _this.reloading) return;
-
             if (flag && ctx.parser.loadChildren === false) {
               _this.$render.clearCache(ctx);
-
               _this.nextRefresh();
-
               return;
             }
-
-            _this.watching = true; // if (key === 'hidden')
-            //     ctx.updateKey(true);
-            // else
-
+            _this.watching = true;
             if (key === 'link') {
               ctx.link();
               return;
             } else if (['props', 'on', 'nativeOn', 'deep'].indexOf(key) > -1) {
               _this.parseInjectEvent(ctx.rule, n || {});
-
               if (key === 'props' && ctx.input) {
                 _this.setFormData(ctx, ctx.parser.toFormValue(ctx.rule.value, ctx));
               }
             } else if (['emit', 'nativeEmit'].indexOf(key) > -1) _this.parseEmit(ctx, key === 'emit');else if (['prefix', 'suffix'].indexOf(key) > -1) n && _this.loadFn(n, ctx.rule);else if (key === 'type') {
               ctx.updateType();
-
               _this.bindParser(ctx);
             } else if (key === 'children') {
               var _flag = is.trueArray(n);
-
               _this.deferSyncValue(function () {
                 if (n !== o) {
                   _this.rmSub(o);
-
                   _this.$render.initOrgChildren();
                 }
-
                 _flag && _this.loadChildren(n, ctx);
-
                 _this.vm.$emit('update', _this.api);
               });
             }
-
             _this.$render.clearCache(ctx);
-
             _this.watching = false;
           }, {
             deep: !flag,
@@ -4376,27 +4095,23 @@
       },
       rmSub: function rmSub(sub) {
         var _this2 = this;
-
         is.trueArray(sub) && sub.forEach(function (r) {
           r && r.__fc__ && _this2.rmCtx(r.__fc__);
         });
       },
       rmCtx: function rmCtx(ctx) {
         var _this3 = this;
-
         if (ctx.deleted) return;
         var id = ctx.id,
             field = ctx.field,
             input = ctx.input,
             name = ctx.name;
-
         if (ctx.input) {
           Object.defineProperty(ctx.rule, 'value', {
             value: ctx.rule.value,
             writable: true
           });
         }
-
         $del(this.ctxs, id);
         $del(this.$render.tempList, id);
         $del(this.$render.orgChildren, id);
@@ -4404,6 +4119,7 @@
         $del(this.formData, id);
         $del(this.subForm, id);
         $del(ctx, 'cacheValue');
+        input && $del(this.form, field);
         input && this.rmIdCtx(ctx, field, 'field');
         name && this.rmIdCtx(ctx, name, 'name');
         this.deferSyncValue(function () {
@@ -4415,18 +4131,15 @@
                 });
               }
             }
-
             if (ctx.root === _this3.rules) {
               _this3.vm._renderRule();
             }
           }
         }, input);
         var index = this.sort.indexOf(id);
-
         if (index > -1) {
           this.sort.splice(index, 1);
         }
-
         this.$render.clearCache(ctx);
         ctx["delete"]();
         this.effect(ctx, 'deleted');
@@ -4441,13 +4154,10 @@
     extend(Handler.prototype, {
       mounted: function mounted() {
         var _this = this;
-
         var _mounted = function _mounted() {
           _this.isMounted = true;
-
           _this.lifecycle('mounted');
         };
-
         if (this.pageEnd) {
           _mounted();
         } else {
@@ -4456,7 +4166,6 @@
       },
       lifecycle: function lifecycle(name) {
         var _this2 = this;
-
         var fn = this.options[name];
         is.Function(fn) && invoke(function () {
           return fn(_this2.api);
@@ -4470,26 +4179,21 @@
     extend(Handler.prototype, {
       useProvider: function useProvider() {
         var _this = this;
-
         var ps = this.fc.providers;
         Object.keys(ps).forEach(function (k) {
           var prop = ps[k];
           prop._c = getComponent(prop);
-
           _this.onEffect(prop);
-
           _this.providers[k] = prop;
         });
       },
       onEffect: function onEffect(provider) {
         var _this2 = this;
-
         var used = [];
         (provider._c || ['*']).forEach(function (name) {
           var type = name === '*' ? '*' : _this2.getType(name);
           if (used.indexOf(type) > -1) return;
           used.push(type);
-
           _this2.bus.$on("p:".concat(provider.name, ":").concat(type, ":").concat(provider.input ? 1 : 0), function (event, args) {
             provider[event] && provider[event].apply(provider, _toConsumableArray(args));
           });
@@ -4498,12 +4202,22 @@
       },
       watchEffect: function watchEffect(ctx) {
         var _this3 = this;
-
         var vm = this.vm;
+        var effect = {};
         Object.keys(ctx.rule.effect || {}).forEach(function (k) {
-          ctx.watch.push(vm.$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(vm.$watch(effect[k], function (n) {
             _this3.effect(ctx, 'watch', _defineProperty({}, k, n));
           }, {
             deep: true
@@ -4527,24 +4241,30 @@
         }, 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;
-
         var ctx = _ref.ctx,
             rule = _ref.rule,
             input = _ref.input,
             type = _ref.type,
             custom = _ref.custom;
         if (!type || type === 'fcFragment') 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;
-
           var _type;
-
           if (!p._c) {
             _type = '*';
           } else if (p._used.indexOf(type) > -1) {
@@ -4552,40 +4272,33 @@
           } else {
             return;
           }
-
           var data = _objectSpread2({
             value: effect[attr],
             getValue: function getValue() {
               return _this4.getEffect(rule, attr);
             }
           }, append || {});
-
           if (ctx) {
             data.getProp = function () {
               return ctx.effectData(attr);
             };
-
             data.clearProp = function () {
               return ctx.clearEffectData(attr);
             };
-
             data.mergeProp = function (prop) {
               return mergeProps([prop], data.getProp());
             };
           }
-
           _this4.bus.$emit("p:".concat(attr, ":").concat(_type, ":").concat(p.input ? 1 : 0), event, [data, rule, _this4.api]);
         });
       }
     });
   }
-
   function unique(arr) {
     return arr.filter(function (item, index, arr) {
       return arr.indexOf(item, 0) === index;
     });
   }
-
   function getComponent(p) {
     var c = p.components;
     if (Array.isArray(c)) return unique(c.filter(function (v) {
@@ -4595,7 +4308,6 @@
 
   function Handler(fc) {
     var _this = this;
-
     extend(this, {
       fc: fc,
       vm: fc.vm,
@@ -4647,9 +4359,7 @@
       this.useProvider();
       this.usePage();
       this.loadRule();
-
       this.$manager.__init();
-
       this.vm.$set(this.vm, 'formData', this.formData);
     }
   });
@@ -4662,7 +4372,6 @@
   useLifecycle(Handler);
   useEffect(Handler);
 
-  // https://github.com/ElemeFE/element/blob/dev/packages/upload/src/ajax.js
   function getError(action, option, xhr) {
     var msg = "fail to ".concat(action, " ").concat(xhr.status, "'");
     var err = new Error(msg);
@@ -4670,44 +4379,34 @@
     err.url = action;
     return err;
   }
-
   function getBody(xhr) {
     var text = xhr.responseText || xhr.response;
-
     if (!text) {
       return text;
     }
-
     try {
       return JSON.parse(text);
     } catch (e) {
       return text;
     }
   }
-
   function fetch(option) {
     if (typeof XMLHttpRequest === 'undefined') {
       return;
     }
-
     var xhr = new XMLHttpRequest();
     var action = option.action;
-
     xhr.onerror = function error(e) {
       option.onError(e);
     };
-
     xhr.onload = function onload() {
       if (xhr.status < 200 || xhr.status >= 300) {
         return option.onError(getError(action, option, xhr), getBody(xhr));
       }
-
       option.onSuccess(getBody(xhr));
     };
-
     xhr.open(option.method || 'get', action, true);
     var formData;
-
     if (option.data) {
       if ((option.dataType || '').toLowerCase() !== 'json') {
         formData = new FormData();
@@ -4719,11 +4418,9 @@
         xhr.setRequestHeader('content-type', 'application/json');
       }
     }
-
     if (option.withCredentials && 'withCredentials' in xhr) {
       xhr.withCredentials = true;
     }
-
     var headers = option.headers || {};
     Object.keys(headers).forEach(function (item) {
       if (headers[item] !== null) {
@@ -4751,14 +4448,11 @@
     };
     return prop;
   }
-
   function CreateNodeFactory() {
     var aliasMap = {};
-
     function CreateNode(vm) {
       vm && this.setVm(vm);
     }
-
     extend(CreateNode.prototype, {
       setVm: function setVm(vm) {
         this.vm = vm;
@@ -4766,7 +4460,10 @@
       },
       make: function make(tag, data, children) {
         if (Vue.config.isReservedTag(tag) && data.nativeOn) delete data.nativeOn;
-        var Node = this.$h(tag, parseProp(data), children || []);
+        return this.makeComponent(tag, data, children);
+      },
+      makeComponent: function makeComponent(type, data, children) {
+        var Node = this.$h(type, parseProp(data), children || []);
         Node.context = this.vm;
         return Node;
       },
@@ -4784,7 +4481,6 @@
           var v = nodes[k];
           [k, line, lower].forEach(function (n) {
             CreateNode.alias(k, v);
-
             CreateNode.prototype[n] = function (data, children) {
               return this.make(v, data, children);
             };
@@ -4796,20 +4492,15 @@
   }
 
   function createManager(proto) {
-    var CustomManager = /*#__PURE__*/function (_Manager) {
+    var CustomManager = function (_Manager) {
       _inherits(CustomManager, _Manager);
-
       var _super = _createSuper(CustomManager);
-
       function CustomManager() {
         _classCallCheck(this, CustomManager);
-
         return _super.apply(this, arguments);
       }
-
       return CustomManager;
     }(Manager);
-
     Object.assign(CustomManager.prototype, proto);
     return CustomManager;
   }
@@ -4829,19 +4520,15 @@
   extend(Manager.prototype, {
     __init: function __init() {
       var _this = this;
-
       this.$render = this.$handle.$render;
-
       this.$r = function () {
         var _this$$render;
-
         return (_this$$render = _this.$render).renderRule.apply(_this$$render, arguments);
       };
     },
     updateKey: function updateKey() {
       this.key = uniqueId();
     },
-    //TODO interface
     init: function init() {},
     update: function update() {},
     beforeRender: function beforeRender() {},
@@ -4850,7 +4537,6 @@
     },
     mergeOptions: function mergeOptions(args, opt) {
       var _this2 = this;
-
       return mergeProps(args.map(function (v) {
         return _this2.tidyOptions(v);
       }), opt, this.mergeOptionsRule);
@@ -4882,7 +4568,45 @@
       }
     }
   };
-
+  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 parseOpt(option) {
     if (is.String(option)) {
       option = {
@@ -4890,29 +4614,21 @@
         to: 'options'
       };
     }
-
     return option;
   }
-
   function run(inject, rule, api) {
     var option = inject.value;
-
     if (is.Function(option)) {
       option = option(rule, api);
     }
-
     option = parseOpt(option);
-
     if (!option || !option.action) {
       return false;
     }
-
     if (!option.to) {
       option.to = 'options';
     }
-
     var _onError = option.onError;
-
     var check = function check() {
       if (!inject.getValue()) {
         inject.clearProp();
@@ -4920,7 +4636,6 @@
         return true;
       }
     };
-
     var set = function set(val) {
       if (val === undefined) {
         inject.clearProp();
@@ -4929,7 +4644,6 @@
         deepSet(inject.getProp(), option.to, val);
       }
     };
-
     invoke(function () {
       return fetch(_objectSpread2(_objectSpread2({}, option), {}, {
         onSuccess: function onSuccess(body) {
@@ -4942,7 +4656,6 @@
         onError: function onError(e) {
           set(undefined);
           if (check()) return;
-
           (_onError || function (e) {
             return err(e.message || 'fetch fail ' + option.action);
           })(e, rule, api);
@@ -4951,38 +4664,54 @@
     });
     return true;
   }
+  var $provider = {
+    fetch: $fetch,
+    required: $required
+  };
 
-  var _vue = typeof window !== 'undefined' && window.Vue ? window.Vue : Vue;
+  var name = 'html';
+  var html = {
+    name: name,
+    loadChildren: false,
+    render: function render(children, ctx) {
+      if (!ctx.prop.domProps) ctx.prop.domProps = {};
+      ctx.prop.domProps.innerHTML = children;
+      return ctx.vNode.make(ctx.prop.props.tag || 'div', ctx.prop);
+    },
+    renderChildren: function renderChildren(ctx) {
+      if (Array.isArray(ctx.rule.children)) {
+        return ctx.rule.children.filter(function (v) {
+          return is.String(v);
+        }).join('');
+      }
+      return '';
+    }
+  };
 
+  var _vue = typeof window !== 'undefined' && window.Vue ? window.Vue : Vue;
   function _parseProp(name, id) {
     var prop;
-
     if (arguments.length === 2) {
       prop = arguments[1];
       id = prop[name];
     } else {
       prop = arguments[2];
     }
-
     return {
       id: id,
       prop: prop
     };
   }
-
   function nameProp() {
     return _parseProp.apply(void 0, ['name'].concat(Array.prototype.slice.call(arguments)));
   }
-
   function _getEl(options) {
     if (!options || !options.el) return window.document.body;
     return is.Element(options.el) ? options.el : document.querySelector(options.el);
   }
-
   function mountForm(rules, option) {
     var $vm = new _vue({
       data: function data() {
-        //todo 外部无法修改
         return {
           rule: rules,
           option: option || {}
@@ -4998,7 +4727,6 @@
     $vm.$mount();
     return $vm;
   }
-
   function exportAttrs(attrs) {
     var key = attrs.key || [];
     var array = attrs.array || [];
@@ -5007,17 +4735,14 @@
     arrayAttrs.push.apply(arrayAttrs, _toConsumableArray(array));
     normalAttrs.push.apply(normalAttrs, _toConsumableArray(normal));
     appendProto([].concat(_toConsumableArray(key), _toConsumableArray(array), _toConsumableArray(normal)));
-  } //todo 表单嵌套
-
-
+  }
+  var id$1 = 1;
+  var instance = {};
   function FormCreateFactory(config) {
     var components = _defineProperty({}, fragment.name, fragment);
-
     var parsers = {};
     var directives = {};
-    var providers = {
-      fetch: $fetch
-    };
+    var providers = _objectSpread2({}, $provider);
     var maker = makerFactory();
     var globalConfig = {
       global: {}
@@ -5025,23 +4750,24 @@
     var data = {};
     var CreateNode = CreateNodeFactory();
     exportAttrs(config.attrs || {});
-
+    function getApi(name) {
+      var val = instance[name];
+      if (Array.isArray(val)) return _toConsumableArray(val);
+      return val;
+    }
     function directive() {
       var data = nameProp.apply(void 0, arguments);
       if (data.id && data.prop) directives[data.id] = data.prop;
     }
-
     function register() {
       var data = nameProp.apply(void 0, arguments);
       if (data.id && data.prop) providers[data.id] = _objectSpread2(_objectSpread2({}, data.prop), {}, {
         name: data.id
       });
     }
-
     function componentAlias(alias) {
       CreateNode.use(alias);
     }
-
     function parser() {
       var data = nameProp.apply(void 0, arguments);
       if (!data.id || !data.prop) return;
@@ -5052,13 +4778,10 @@
       maker[name] = creatorFactory(name);
       parser.maker && extend(maker, parser.maker);
     }
-
     function component(id, component) {
       var name;
-
       if (is.String(id)) {
         name = toCase(id);
-
         if (['form-create', 'formcreate'].indexOf(name) > -1) {
           return $form();
         } else if (component === undefined) {
@@ -5068,48 +4791,54 @@
         name = toCase(id.name);
         component = id;
       }
-
       if (!name || !component) return;
       components[name] = component;
       if (component.formCreateParser) parser(name, component.formCreateParser);
     }
-
     function $form() {
       return _vue.extend($FormCreate(FormCreate));
     }
-
     function $vnode() {
       return _vue.extend(fragment);
-    } //todo 检查回调函数作用域
-
-
+    }
     function use(fn, opt) {
       if (is.Function(fn.install)) fn.install(create, opt);else if (is.Function(fn)) fn(create, opt);
       return this;
     }
-
     function create(rules, _opt, parent) {
       var $vm = mountForm(rules, _opt || {});
       var _this = $vm.$refs.fc.formCreate;
       _this.$parent = parent;
-
       _getEl(_this.options).appendChild($vm.$el);
-
       return _this.api();
     }
-
-    function factory() {
-      return FormCreateFactory(config);
+    function factory(inherit) {
+      var _config = _objectSpread2({}, config);
+      if (inherit) {
+        _config.inherit = {
+          components: components,
+          parsers: parsers,
+          directives: directives,
+          providers: providers,
+          maker: maker,
+          data: data
+        };
+      } else {
+        delete _config.inherit;
+      }
+      return FormCreateFactory(_config);
     }
-
     function FormCreate(vm, rules, options) {
       extend(this, {
+        id: id$1++,
         vm: vm,
         create: create,
         manager: createManager(config.manager),
         parsers: parsers,
         providers: providers,
         rules: Array.isArray(rules) ? rules : [],
+        name: vm.$options.propsData.name,
+        inFor: vm.$options.propsData.inFor,
         prop: {
           components: components,
           directives: directives
@@ -5117,18 +4846,25 @@
         CreateNode: CreateNode,
         bus: new _vue(),
         unwatch: null,
+        options: options || {},
         extendApi: config.extendApi || function (api) {
           return api;
         }
       });
       this.init();
-      this.initOptions(options || {});
+      this.initOptions(this.options);
+      if (this.name) {
+        if (this.inFor) {
+          if (!instance[this.name]) instance[this.name] = [];
+          instance[this.name].push(this.api());
+        } else {
+          instance[this.name] = this.api();
+        }
+      }
     }
-
     extend(FormCreate.prototype, {
       init: function init() {
         var _this2 = this;
-
         var vm = this.vm;
         var h = new Handler(this);
         this.$handle = h;
@@ -5140,15 +4876,12 @@
               return vm.$pfc.option;
             }, function () {
               _this2.initOptions(_this2.options);
-
               vm.$f.refresh();
             }, {
               deep: true
             });
-
             _this2.initOptions(_this2.options);
           }
-
           _this2.created();
         });
         vm.$on('hook:mounted', function () {
@@ -5158,6 +4891,14 @@
           vm.destroyed = true;
           _this2.unwatch && _this2.unwatch();
           h.reloadRule([]);
+          if (_this2.name) {
+            if (_this2.inFor) {
+              var idx = instance[_this2.name].indexOf(_this2.api());
+              instance[_this2.name].splice(idx, 1);
+            } else {
+              delete instance[_this2.name];
+            }
+          }
         });
         vm.$on('hook:updated', function () {
           h.bindNextTick(function () {
@@ -5174,11 +4915,9 @@
           submitBtn: {},
           resetBtn: {}
         }, deepCopy(globalConfig));
-
         if (this.isSub()) {
           this.mergeOptions(this.options, this.vm.$pfc.$f.config || {}, true);
         }
-
         this.updateOptions(options);
       },
       mergeOptions: function mergeOptions(target, opt, parent) {
@@ -5186,12 +4925,10 @@
         parent && ['page', 'onSubmit', 'mounted', 'reload', 'formData', 'el'].forEach(function (n) {
           delete opt[n];
         });
-
         if (opt.global) {
           target.global = mergeGlobal(target.global, opt.global);
           delete opt.global;
         }
-
         this.$handle.$manager.mergeOptions([opt], target);
         return target;
       },
@@ -5213,7 +4950,6 @@
         this.$handle.mounted();
       }
     });
-
     function useAttr(formCreate) {
       extend(formCreate, {
         version: config.version,
@@ -5235,17 +4971,15 @@
         parseFn: parseFn,
         parseJson: parseJson,
         toJson: toJson,
+        getApi: getApi,
         init: function init(rules) {
           var _opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-
           var $vm = mountForm(rules, _opt),
               _this = $vm.$refs.fc.formCreate;
           return {
             mount: function mount($el) {
               if ($el && is.Element($el)) _this.options.el = $el;
-
               _getEl(_this.options).appendChild($vm.$el);
-
               return _this.api();
             },
             remove: function remove() {
@@ -5260,7 +4994,6 @@
         }
       });
     }
-
     function useStatic(formCreate) {
       extend(formCreate, {
         create: create,
@@ -5269,12 +5002,10 @@
           if (Vue._installedFormCreate === true) return;
           Vue._installedFormCreate = true;
           _vue = Vue;
-
           var $formCreate = function $formCreate(rules) {
             var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
             return create(rules, opt, this);
           };
-
           useAttr($formCreate);
           Vue.prototype.$formCreate = $formCreate;
           Vue.component('FormCreate', $form());
@@ -5282,13 +5013,22 @@
         }
       });
     }
-
     useAttr(create);
     useStatic(create);
     CreateNode.use({
       fragment: 'fcFragment'
     });
+    parser(html);
     if (config.install) create.use(config);
+    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.providers && extend(providers, inherit.providers);
+      inherit.maker && extend(maker, inherit.maker);
+      inherit.data && extend(data, inherit.data);
+    }
     return create;
   }
 
@@ -5296,19 +5036,18 @@
     date: 'yyyy-MM-dd',
     month: 'yyyy-MM',
     datetime: 'yyyy-MM-dd HH:mm:ss',
-    week: 'yyyywWW',
     timerange: 'HH:mm:ss',
     daterange: 'yyyy-MM-dd',
     monthrange: 'yyyy-MM',
     datetimerange: 'yyyy-MM-dd HH:mm:ss',
     year: 'yyyy'
   };
-  var name = 'datePicker';
+  var name$1 = 'datePicker';
   var datePicker = {
-    name: name,
+    name: name$1,
     maker: function () {
       return ['year', 'month', 'date', 'dates', 'week', 'datetime', 'datetimeRange', 'dateRange', 'monthRange'].reduce(function (initial, type) {
-        initial[type] = creatorFactory(name, {
+        initial[type] = creatorFactory(name$1, {
           type: type.toLowerCase()
         });
         return initial;
@@ -5316,53 +5055,51 @@
     }(),
     mergeProp: function mergeProp(ctx) {
       var props = ctx.prop.props;
-
       if (!props.valueFormat) {
         props.valueFormat = DEFAULT_FORMATS[props.type] || DEFAULT_FORMATS['date'];
       }
     }
   };
 
-  var name$1 = 'hidden';
+  var name$2 = 'hidden';
   var hidden = {
-    name: name$1,
-    maker: _defineProperty({}, name$1, function (field, value) {
-      return creatorFactory(name$1)('', field, value);
+    name: name$2,
+    maker: _defineProperty({}, name$2, function (field, value) {
+      return creatorFactory(name$2)('', field, value);
     }),
     render: function render() {
       return [];
     }
   };
 
-  var name$2 = 'input';
+  var name$3 = 'input';
   var input = {
-    name: name$2,
+    name: name$3,
     maker: function () {
       var maker = ['password', 'url', 'email', 'text', 'textarea'].reduce(function (maker, type) {
-        maker[type] = creatorFactory(name$2, {
+        maker[type] = creatorFactory(name$3, {
           type: type
         });
         return maker;
       }, {});
-      maker.idate = creatorFactory(name$2, {
+      maker.idate = creatorFactory(name$3, {
         type: 'date'
       });
       return maker;
     }(),
     mergeProp: function mergeProp(ctx) {
       var props = ctx.prop.props;
-
       if (props && props.autosize && props.autosize.minRows) {
         props.rows = props.autosize.minRows || 2;
       }
     }
   };
 
-  var name$3 = 'slider';
+  var name$4 = 'slider';
   var slider = {
-    name: name$3,
+    name: name$4,
     maker: {
-      sliderRange: creatorFactory(name$3, {
+      sliderRange: creatorFactory(name$4, {
         range: true
       })
     },
@@ -5371,31 +5108,28 @@
           props = ctx.prop.props,
           min = props.min || 0,
           parseValue;
-
       if (props.range === true) {
         parseValue = isArr ? value : [min, parseFloat(value) || min];
       } else {
         parseValue = isArr ? parseFloat(value[0]) || min : parseFloat(value);
       }
-
       return parseValue;
     }
   };
 
-  var name$4 = 'timePicker';
+  var name$5 = 'timePicker';
   var timePicker = {
-    name: name$4,
+    name: name$5,
     maker: {
-      time: creatorFactory(name$4, function (m) {
+      time: creatorFactory(name$5, function (m) {
         return m.props.isRange = false;
       }),
-      timeRange: creatorFactory(name$4, function (m) {
+      timeRange: creatorFactory(name$5, function (m) {
         return m.props.isRange = true;
       })
     },
     mergeProp: function mergeProp(ctx) {
       var props = ctx.prop.props;
-
       if (!props.valueFormat) {
         props.valueFormat = 'HH:mm:ss';
       }
@@ -5413,9 +5147,9 @@
     }
   };
 
-  var name$5 = 'select';
+  var name$6 = 'select';
   var select = {
-    name: name$5,
+    name: name$6,
     toFormValue: function toFormValue(value, ctx) {
       if (ctx.prop.props.multiple && !Array.isArray(value)) {
         return toArray(value);
@@ -5499,26 +5233,20 @@
   function isTooltip(info) {
     return info.type === 'tooltip';
   }
-
   var upperCaseReg = /[A-Z]/;
   function isAttr(name, value) {
     return !upperCaseReg.test(name) && (is.String(value) || is.Number(value));
   }
-
   function tidy(props, name) {
     if (!hasProperty(props, name)) return;
-
     if (is.String(props[name])) {
       var _props$name;
-
       props[name] = (_props$name = {}, _defineProperty(_props$name, name, props[name]), _defineProperty(_props$name, "show", true), _props$name);
     }
   }
-
   function isFalse(val) {
     return val === false;
   }
-
   function tidyBool(opt, name) {
     if (hasProperty(opt, name) && !is.Object(opt[name])) {
       opt[name] = {
@@ -5526,7 +5254,6 @@
       };
     }
   }
-
   var manager = {
     validate: function validate(call) {
       this.form().validate(call);
@@ -5536,7 +5263,6 @@
     },
     clearValidateState: function clearValidateState(ctx) {
       var fItem = this.vm.$refs[ctx.wrapRef];
-
       if (fItem) {
         fItem.validateMessage = '';
         fItem.validateState = '';
@@ -5613,7 +5339,6 @@
       if (children.length) {
         children.push(this.makeFormBtn());
       }
-
       return this.$r(this.rule, isFalse(this.options.row.show) ? children : [this.makeRow(children)]);
     },
     makeWrap: function makeWrap(ctx, children) {
@@ -5651,7 +5376,6 @@
       var isTip = isTooltip(infoProp);
       var form = this.options.form;
       var children = [(titleProp.title || '') + (form.labelSuffix || form['label-suffix'] || '')];
-
       if (!isFalse(infoProp.show) && (infoProp.info || infoProp["native"]) && !isFalse(infoProp.icon)) {
         var prop = {
           type: infoProp.type || 'popover',
@@ -5660,11 +5384,9 @@
           slot: 'label'
         };
         var field = 'content';
-
         if (infoProp.info && !hasProperty(prop.props, field)) {
           prop.props[field] = infoProp.info;
         }
-
         children[infoProp.align !== 'left' ? 'unshift' : 'push'](this.$r(mergeProps([infoProp, prop]), [this.$r({
           type: 'i',
           slot: isTip ? 'default' : 'reference',
@@ -5672,7 +5394,6 @@
           key: "".concat(uni, "i")
         })]));
       }
-
       return this.$r(mergeProps([titleProp, {
         props: titleProp,
         slot: titleProp.slot || 'label',
@@ -5702,19 +5423,15 @@
     },
     makeFormBtn: function makeFormBtn() {
       var vn = [];
-
       if (!isFalse(this.options.submitBtn.show)) {
         vn.push(this.makeSubmitBtn());
       }
-
       if (!isFalse(this.options.resetBtn.show)) {
         vn.push(this.makeResetBtn());
       }
-
       if (!vn.length) {
         return;
       }
-
       var item = this.$r({
         type: 'formItem',
         key: "".concat(this.key, "fb")
@@ -5729,7 +5446,6 @@
     },
     makeResetBtn: function makeResetBtn() {
       var _this = this;
-
       var resetBtn = this.options.resetBtn;
       return this.$r({
         type: 'button',
@@ -5748,7 +5464,6 @@
     },
     makeSubmitBtn: function makeSubmitBtn() {
       var _this2 = this;
-
       var submitBtn = this.options.submitBtn;
       return this.$r({
         type: 'button',
@@ -5773,7 +5488,6 @@
   useTree(maker);
   useUpload(maker);
   useFrame(maker);
-
   function useAlias(maker) {
     ['group', 'tree', 'switch', 'upload', 'autoComplete', 'checkbox', 'cascader', 'colorPicker', 'datePicker', 'frame', 'inputNumber', 'radio', 'rate'].forEach(function (name) {
       maker[name] = creatorFactory(name);
@@ -5782,14 +5496,12 @@
     maker.number = maker.inputNumber;
     maker.color = maker.colorPicker;
   }
-
   function useSelect(maker) {
     var select = 'select';
     var multiple = 'multiple';
     maker['selectMultiple'] = creatorFactory(select, _defineProperty({}, multiple, true));
     maker['selectOne'] = creatorFactory(select, _defineProperty({}, multiple, false));
   }
-
   function useTree(maker) {
     var name = 'tree';
     var types = {
@@ -5803,7 +5515,6 @@
       return m;
     }, maker);
   }
-
   function useUpload(maker) {
     var name = 'upload';
     var types = {
@@ -5824,7 +5535,6 @@
     maker.uploadImage = maker.image;
     maker.uploadFile = maker.file;
   }
-
   function useFrame(maker) {
     var types = {
       frameInputs: ['input', 0],
@@ -5849,7 +5559,7 @@
     return maker;
   }
 
-  var css_248z$2 = ".form-create .form-create .el-form-item {\n    margin-bottom: 22px;\n}\n\n.form-create .form-create .el-form-item .el-form-item {\n    margin-bottom: 0px;\n}\n\n.form-create{\n    transform: rotateZ(0);\n}\n";
+  var css_248z$2 = ".form-create .form-create .el-form-item {\n    margin-bottom: 22px;\n}\n\n.form-create .form-create .el-form-item .el-form-item {\n    margin-bottom: 0px;\n}\n";
   styleInject(css_248z$2);
 
   function tidyBtnProp(btn, def) {
@@ -5860,28 +5570,23 @@
     };
     return btn;
   }
-
   function extendApi(api, h) {
     extend(api, {
       validate: function validate(callback) {
         var flag;
         var forms = api.children;
         var len = forms.length;
-
         var validate = function validate() {
           h.$manager.validate(function () {
             for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
               args[_key] = arguments[_key];
             }
-
             if (!args[0] || !flag) {
               flag = args;
             }
-
             callback && callback.apply(void 0, _toConsumableArray(flag));
           });
         };
-
         var validFn = function validFn(args) {
           setTimeout(function () {
             if (!args[0]) {
@@ -5889,23 +5594,19 @@
                 flag = args;
               }
             }
-
             if (! --len) {
               validate();
             }
           });
         };
-
         forms.forEach(function (form) {
           form.validate(function () {
             for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
               args[_key2] = arguments[_key2];
             }
-
             return validFn(args);
           });
         });
-
         if (!len) {
           validate();
         }
@@ -5916,23 +5617,19 @@
         var sub = h.subForm[ctx.id];
         var len = 0;
         var flag;
-
         var validate = function validate() {
           h.$manager.validateField(ctx.id, function () {
             for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
               args[_key3] = arguments[_key3];
             }
-
             if (args[0]) {
               flag = args;
             } else if (flag) {
               return callback && callback('子表单验证未通过', flag[1]);
             }
-
             callback && callback.apply(void 0, _toConsumableArray(flag || args));
           });
         };
-
         var validFn = function validFn(args) {
           setTimeout(function () {
             if (!args[0]) {
@@ -5940,31 +5637,26 @@
                 flag = args;
               }
             }
-
             if (! --len) {
               validate();
             }
           });
         };
-
         sub && toArray(sub).forEach(function (form) {
           len++;
           form.validate(function () {
             for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
               args[_key4] = arguments[_key4];
             }
-
             return validFn(args);
           });
         });
-
         if (!len) {
           validate();
         }
       },
       clearValidateState: function clearValidateState(fields) {
         var _this = this;
-
         var clearSub = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         api.helper.tidyFields(fields).forEach(function (field) {
           if (clearSub) _this.clearSubValidateState(field);
@@ -5978,7 +5670,6 @@
           h.getCtxs(field).forEach(function (ctx) {
             var subForm = h.subForm[ctx.id];
             if (!subForm) return;
-
             if (Array.isArray(subForm)) {
               subForm.forEach(function (form) {
                 form.clearValidateState();
@@ -5992,14 +5683,12 @@
       btn: {
         loading: function loading() {
           var _loading = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
           api.submitBtnProps({
             loading: !!_loading
           });
         },
         disabled: function disabled() {
           var _disabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
           api.submitBtnProps({
             disabled: !!_disabled
           });
@@ -6014,14 +5703,12 @@
       resetBtn: {
         loading: function loading() {
           var _loading2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
           api.resetBtnProps({
             loading: !!_loading2
           });
         },
         disabled: function disabled() {
           var _disabled2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-
           api.resetBtnProps({
             disabled: !!_disabled2
           });
@@ -6050,7 +5737,6 @@
       submit: function submit(successFn, failFn) {
         var _arguments = arguments,
             _this2 = this;
-
         api.validate(function (valid) {
           if (valid) {
             var formData = api.formData();
@@ -6085,11 +5771,10 @@
       FormCreate.maker[name] = maker[name];
     });
   }
-
   function elmFormCreate() {
     return FormCreateFactory({
       ui: "".concat("element-ui"),
-      version: "".concat("2.5.17"),
+      version: "".concat("2.5.20"),
       manager: manager,
       extendApi: extendApi,
       install: install,
@@ -6102,15 +5787,12 @@
   }
 
   var FormCreate = elmFormCreate();
-
   if (typeof window !== 'undefined') {
     window.formCreate = FormCreate;
-
     if (window.Vue) {
       FormCreate.install(window.Vue);
     }
   }
-
   var maker$1 = FormCreate.maker;
 
   exports.default = FormCreate;