@form-create/view-design 2.5.17 → 2.5.20

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/view-design v2.5.17
+ * @form-create/view-design 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;
     }, []);
   }
@@ -298,7 +293,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) {
@@ -320,7 +314,6 @@
         }
       }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
-
         delete props.value;
         return h("Checkbox", {
           "props": _objectSpread2({}, props),
@@ -337,15 +330,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);
@@ -355,7 +345,6 @@
     } else {
       head.appendChild(style);
     }
-
     if (style.styleSheet) {
       style.styleSheet.cssText = css;
     } else {
@@ -401,8 +390,8 @@
           "default": 500
         },
         height: {
-          type: [Number, String],
-          "default": 370
+          type: String,
+          "default": '370px'
         },
         maxLength: {
           type: Number,
@@ -512,12 +501,10 @@
         },
         closeModel: function closeModel(close) {
           this.$emit(close ? '$close' : '$ok');
-
           if (this.reload) {
             this.$off('$ok');
             this.$off('$close');
           }
-
           this.frameVisible = false;
         },
         showModel: function showModel() {
@@ -526,7 +513,6 @@
         },
         makeInput: function makeInput() {
           var _this = this;
-
           var h = this.$createElement;
           var props = {
             type: 'text',
@@ -569,7 +555,6 @@
         },
         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));
@@ -582,7 +567,6 @@
         },
         makeHandleIcon: function makeHandleIcon(val, index) {
           var _this2 = this;
-
           var h = this.$createElement;
           return h("icon", helper([{}, {
             "props": {
@@ -599,7 +583,6 @@
         },
         makeRemoveIcon: function makeRemoveIcon(val, index) {
           var _this3 = this;
-
           var h = this.$createElement;
           return h("icon", helper([{}, {
             "props": {
@@ -616,7 +599,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("icon", helper([{}, {
@@ -635,7 +617,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", {
@@ -647,7 +628,6 @@
         },
         makeBtn: function makeBtn() {
           var _this6 = this;
-
           var h = this.$createElement;
           return h("div", {
             "class": 'fc-upload-btn',
@@ -669,7 +649,6 @@
         },
         handleRemove: function handleRemove(src) {
           if (this.disabled) return;
-
           if (false !== this.onBeforeRemove(src)) {
             this.fileList.splice(this.fileList.indexOf(src), 1);
             this.onRemove(src);
@@ -680,25 +659,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) {
@@ -715,7 +690,6 @@
         },
         makeFooter: function makeFooter() {
           var _this8 = this;
-
           var h = this.$createElement;
           var _this$$props = this.$props,
               okBtnText = _this$$props.okBtnText,
@@ -747,7 +721,6 @@
       },
       render: function render() {
         var _this9 = this;
-
         var h = arguments[0];
         var type = this.type;
         var node;
@@ -778,17 +751,14 @@
             }
           }
         }, [h("img", {
+          "style": "width: 100%",
           "attrs": {
-            "alt": "example",
             "src": this.previewImage
-          },
-          "style": "width: 100%"
-        })]), h("Modal", helper([{}, {
-          "props": _objectSpread2({
-            width: width,
-            title: title
-          }, this.modal)
-        }, {
+          }
+        })]), h("Modal", helper([{}, _objectSpread2({
+          width: width,
+          title: title
+        }, this.modal), {
           "on": {
             "on-cancel": function onCancel() {
               return _this9.closeModel(true);
@@ -870,7 +840,6 @@
       },
       update: function update() {
         var _this = this;
-
         this.trueValue = this.options().filter(function (opt) {
           return opt.value === _this.value;
         }).reduce(function (initial, opt) {
@@ -892,7 +861,6 @@
         }
       }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
-
         delete props.value;
         return h("Radio", {
           "props": _objectSpread2({}, props),
@@ -914,9 +882,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);
     };
@@ -990,10 +975,8 @@
       },
       checked: function checked(_data, value, type) {
         var _this = this;
-
         _data.forEach(function (node) {
           _this.$set(node, type, value.indexOf(node.id) !== -1);
-
           if (node.children !== undefined && Array.isArray(node.children)) _this.checked(node.children, value, type);
         });
       },
@@ -1006,13 +989,11 @@
     render: function render() {
       var h = arguments[0];
       var on = {};
-
       if (this.type === 'selected') {
         on['on-select-change'] = this.onInput;
       } else {
         on['on-check-change'] = this.onInput;
       }
-
       return h("Tree", helper([{}, this.formCreateInject.prop, {
         "ref": "tree"
       }, {
@@ -1030,11 +1011,9 @@
       name: getFileName(file)
     };
   }
-
   function getFileName(file) {
     return ('' + file).split('/').pop();
   }
-
   var NAME$5 = 'fcUpload';
   function createUpload(config) {
     return {
@@ -1129,7 +1108,6 @@
         },
         makeRemoveIcon: function makeRemoveIcon(file, index) {
           var _this = this;
-
           var h = this.$createElement;
           return h("icon", {
             "attrs": {
@@ -1145,7 +1123,6 @@
         },
         makeHandleIcon: function makeHandleIcon(file, index) {
           var _this2 = this;
-
           var h = this.$createElement;
           return h("icon", {
             "attrs": {
@@ -1174,7 +1151,6 @@
         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));
@@ -1185,7 +1161,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({
@@ -1224,7 +1199,6 @@
           }).filter(function (url) {
             return url !== undefined;
           });
-
           if (this.cacheFiles.length !== files.length) {
             this.cacheFiles = _toConsumableArray(files);
             this.$emit('input', this.maxLength === 1 ? files[0] || '' : files);
@@ -1236,14 +1210,11 @@
       },
       render: function render() {
         var _this4 = this;
-
         var h = arguments[0];
-
         if (this.$refs.upload) {
           if (this.formCreateInject.prop.props.showUploadList === undefined) this.formCreateInject.prop.props.showUploadList = this.$refs.upload.showUploadList;
           this.formCreateInject.prop.props.defaultFileList = this.$refs.upload.defaultFileList;
         }
-
         return h("div", {
           "class": "_fc-upload"
         }, [[this.formCreateInject.prop.props.showUploadList ? [] : this.makeFiles(), this.makeUpload()], h("Modal", {
@@ -1267,7 +1238,6 @@
       },
       mounted: function mounted() {
         var _this5 = this;
-
         this.uploadList = this.$refs.upload.fileList;
         this.$watch(function () {
           return _this5.$refs.upload.fileList;
@@ -1289,6 +1259,72 @@
     imgUpIcon: 'image'
   });
 
+  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';
   function createGroup(config) {
     return {
@@ -1321,6 +1357,7 @@
             return [];
           }
         },
+        defaultValue: Object,
         disabled: {
           type: Boolean,
           "default": false
@@ -1352,18 +1389,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;
@@ -1374,24 +1427,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]);
             }
@@ -1400,12 +1449,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]);
             });
           }
         }
@@ -1422,23 +1468,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);
@@ -1446,65 +1487,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);
@@ -1515,16 +1544,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);
         },
@@ -1543,7 +1569,6 @@
         },
         delIcon: function delIcon(index, key) {
           var _this7 = this;
-
           var h = this.$createElement;
           return h("Icon", {
             "key": "d".concat(key),
@@ -1560,7 +1585,6 @@
         },
         makeIcon: function makeIcon(total, index, key) {
           var _this8 = this;
-
           if (this.$scopedSlots.button) {
             return this.$scopedSlots.button({
               total: total,
@@ -1573,11 +1597,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);
           }
@@ -1594,18 +1616,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;
@@ -1640,7 +1659,10 @@
               "span": button ? 20 : 24
             }
           }, [h("FormItem", [h(Type, helper([{
-            "key": key
+            "key": key,
+            "attrs": {
+              "inFor": true
+            }
           }, {
             "on": {
               'update:value': function updateValue(formData) {
@@ -1650,7 +1672,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) {
@@ -1659,6 +1680,7 @@
             }
           }, {
             "attrs": {
+              "value": _this9.field ? _defineProperty({}, _this9.field, _this9._value(_this9.value[index])) : _this9.value[index],
               "rule": rule,
               "option": options,
               "extendOption": true
@@ -1732,11 +1754,9 @@
       },
       setValue: function setValue(value) {
         var str = JSON.stringify(value);
-
         if (this.cacheValue === str) {
           return;
         }
-
         this.cacheValue = str;
         this.cacheRule.$f.coverValue(value || {});
       },
@@ -1753,23 +1773,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));
       }
     },
@@ -1801,28 +1814,18 @@
 
   var components = [Checkbox, Radio, Select, Tree, Sub, frame, upload, group];
 
-  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,
@@ -1853,7 +1856,13 @@
         },
         extendOption: Boolean,
         value: Object,
-        api: Object
+        api: Object,
+        name: String,
+        subForm: {
+          type: Boolean,
+          "default": true
+        },
+        inFor: Boolean
       },
       data: function data() {
         return {
@@ -1865,7 +1874,8 @@
           unique: 1,
           renderRule: _toConsumableArray(this.rule || []),
           ctxInject: {},
-          updateValue: ''
+          updateValue: JSON.stringify(this.value || {}),
+          isMore: !!this.inFor
         };
       },
       render: function render() {
@@ -1887,8 +1897,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
         },
@@ -1901,18 +1911,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;
@@ -1921,6 +1928,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
+        });
       }
     };
   }
@@ -1928,17 +1979,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) {
@@ -1955,9 +2001,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];
@@ -1982,11 +2026,9 @@
           } else a[key] = b[key];
         }
       }
-
       return a;
     }, initial);
   };
-
   var mergeFn$1 = function mergeFn(fn1, fn2) {
     return function () {
       fn1 && fn1.apply(this, arguments);
@@ -1994,7 +2036,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() {
@@ -2015,60 +2057,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:';
@@ -2077,30 +2065,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, '');
@@ -2116,7 +2098,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;
@@ -2126,7 +2107,6 @@
         return undefined;
       }
     }
-
     return fn;
   }
   function parseJson(json, mode) {
@@ -2143,8 +2123,7 @@
       configurable: false,
       writable: !!writable
     };
-  } //todo 优化位置
-
+  }
   function copyRule(rule) {
     return copyRules([rule])[0];
   }
@@ -2189,7 +2168,6 @@
     } catch (e) {
       logError(e);
     }
-
     return def;
   }
 
@@ -2208,11 +2186,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;
     };
   }
@@ -2277,13 +2253,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) {
@@ -2292,7 +2266,6 @@
         });
       });
     }
-
     function allSubForm() {
       var subs = h.subForm;
       return Object.keys(subs).reduce(function (initial, k) {
@@ -2302,39 +2275,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);
@@ -2392,7 +2358,6 @@
         var index = h.sort.length - 1,
             rules;
         var ctx = h.getCtx(after);
-
         if (ctx) {
           if (child) {
             rules = ctx.rule.children;
@@ -2402,14 +2367,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;
@@ -2418,7 +2381,6 @@
             rules = ctx.root;
           }
         } else rules = h.rules;
-
         rules.splice(index, 0, rule);
       },
       hidden: function hidden(state, fields) {
@@ -2442,7 +2404,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();
@@ -2491,18 +2453,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) {
@@ -2511,9 +2469,7 @@
               } else if (subForm) {
                 subForm.refresh();
               }
-            } //ctx.updateKey(true);
-
-
+            }
             h.$render.clearCache(ctx);
           }
         });
@@ -2561,11 +2517,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, {
@@ -2604,7 +2574,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);
         });
@@ -2614,11 +2583,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) {
@@ -2643,11 +2610,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: {
@@ -2658,7 +2623,6 @@
     ['on', 'once', 'off', 'set'].forEach(function (n) {
       api[n] = function () {
         var _h$vm2;
-
         (_h$vm2 = h.vm)["$".concat(n)].apply(_h$vm2, arguments);
       };
     });
@@ -2676,11 +2640,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);
@@ -2737,10 +2699,8 @@
         if (!_data[to] || _typeof(_data[to]) != 'object') {
           _data[to] = {};
         }
-
         _data = _data[to];
       }
-
       to = v;
     });
     _data[to] = val;
@@ -2760,7 +2720,6 @@
             var children = ctxs[id].rule.children;
             initial[id] = is.trueArray(children) ? _toConsumableArray(children) : [];
           }
-
           return initial;
         }, {});
       },
@@ -2769,59 +2728,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) {
@@ -2830,7 +2776,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));
@@ -2839,8 +2784,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]);
       },
@@ -2867,23 +2811,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);
@@ -2891,7 +2831,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);
@@ -2901,7 +2840,6 @@
             template: _vue.compile(rule.template)
           };
         }
-
         var _this$tempList$id = this.tempList[id],
             vm = _this$tempList$id.vm,
             template = _this$tempList$id.template;
@@ -2925,7 +2863,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);
@@ -2934,21 +2871,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);
@@ -2960,27 +2892,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,
@@ -2994,32 +2923,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) {
@@ -3042,7 +2963,6 @@
               display: 'none'
             }];
           }
-
           return vn;
         }
       },
@@ -3054,7 +2974,6 @@
       },
       injectProp: function injectProp(ctx) {
         var _this7 = this;
-
         if (!this.vm.ctxInject[ctx.id]) {
           $set(this.vm.ctxInject, ctx.id, {
             api: this.$handle.api,
@@ -3062,23 +2981,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;
@@ -3088,7 +3009,6 @@
       },
       ctxProp: function ctxProp(ctx, custom) {
         var _this8 = this;
-
         var ref = ctx.ref,
             key = ctx.key,
             rule = ctx.rule;
@@ -3107,29 +3027,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');
       },
@@ -3138,19 +3052,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__);
               }
@@ -3159,11 +3069,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__);
             }
@@ -3172,15 +3080,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();
             });
           }
@@ -3188,38 +3093,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);
       }
     });
@@ -3255,10 +3155,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;
           }
@@ -3272,7 +3170,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;
           }
@@ -3280,7 +3177,6 @@
       },
       parseEmit: function parseEmit(ctx, on) {
         var _this2 = this;
-
         var event = {},
             rule = ctx.rule,
             emitPrefix = rule.emitPrefix,
@@ -3288,48 +3184,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;
       },
@@ -3351,21 +3235,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;
@@ -3378,17 +3257,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,
@@ -3401,27 +3277,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);
   }
@@ -3434,7 +3304,6 @@
       },
       bindNextTick: function bindNextTick(fn) {
         var _this = this;
-
         this.clearNextTick();
         this.nextTick = setTimeout(function () {
           fn();
@@ -3442,7 +3311,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;
@@ -3457,7 +3325,6 @@
       __fc__: enumerable(ctx, true)
     });
   }
-
   function RuleContext(handle, rule) {
     var id = uniqueId();
     extend(this, {
@@ -3491,7 +3358,6 @@
       if (!this.payload[name]) {
         this.payload[name] = {};
       }
-
       return this.payload[name];
     },
     clearEffectData: function clearEffectData(name) {
@@ -3511,9 +3377,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];
@@ -3568,31 +3432,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: []
           });
@@ -3620,7 +3475,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());
@@ -3628,7 +3482,6 @@
       },
       parseRule: function parseRule(_rule) {
         var _this2 = this;
-
         var rule = getRule(_rule);
         Object.defineProperties(rule, {
           __origin__: enumerable(_rule, true)
@@ -3640,20 +3493,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]);
         });
@@ -3667,48 +3516,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();
         });
       },
@@ -3716,79 +3552,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 {
@@ -3796,66 +3613,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;
@@ -3866,20 +3666,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);
@@ -3887,17 +3683,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 () {
@@ -3909,21 +3701,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 = {
@@ -3933,9 +3721,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) {
@@ -3960,60 +3746,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;
   }
@@ -4024,7 +3803,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) {
@@ -4036,25 +3814,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) {
@@ -4065,17 +3841,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,
@@ -4087,12 +3860,11 @@
             }
           };
           return initial;
-        }, {})));
+        }, {}) : {}));
         this.syncValue();
       },
       valueHandle: function valueHandle(ctx) {
         var _this3 = this;
-
         return {
           enumerable: true,
           get: function get() {
@@ -4111,24 +3883,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();
           }
@@ -4138,18 +3904,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);
@@ -4169,20 +3933,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);
           });
@@ -4193,11 +3953,9 @@
       }
     });
   }
-
   function strFn(key, val) {
     return typeof val === 'function' ? '' + val : val;
   }
-
   function toEmpty(obj) {
     Object.keys(obj).forEach(function (k) {
       return delete obj[k];
@@ -4217,11 +3975,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) {
@@ -4232,7 +3991,6 @@
       },
       setIdCtx: function setIdCtx(ctx, key, type) {
         var field = "".concat(type, "Ctx");
-
         if (!this[field][key]) {
           this[field][key] = [ctx];
         } else {
@@ -4244,11 +4002,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) {
@@ -4267,7 +4023,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);
         }
@@ -4288,70 +4043,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,
@@ -4362,27 +4098,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);
@@ -4390,6 +4122,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 () {
@@ -4401,18 +4134,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');
@@ -4427,13 +4157,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 {
@@ -4442,7 +4169,6 @@
       },
       lifecycle: function lifecycle(name) {
         var _this2 = this;
-
         var fn = this.options[name];
         is.Function(fn) && invoke(function () {
           return fn(_this2.api);
@@ -4456,26 +4182,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));
           });
@@ -4484,12 +4205,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
@@ -4513,24 +4244,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) {
@@ -4538,40 +4275,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) {
@@ -4581,7 +4311,6 @@
 
   function Handler(fc) {
     var _this = this;
-
     extend(this, {
       fc: fc,
       vm: fc.vm,
@@ -4633,9 +4362,7 @@
       this.useProvider();
       this.usePage();
       this.loadRule();
-
       this.$manager.__init();
-
       this.vm.$set(this.vm, 'formData', this.formData);
     }
   });
@@ -4648,7 +4375,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);
@@ -4656,44 +4382,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();
@@ -4705,11 +4421,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) {
@@ -4737,14 +4451,11 @@
     };
     return prop;
   }
-
   function CreateNodeFactory() {
     var aliasMap = {};
-
     function CreateNode(vm) {
       vm && this.setVm(vm);
     }
-
     extend(CreateNode.prototype, {
       setVm: function setVm(vm) {
         this.vm = vm;
@@ -4752,7 +4463,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;
       },
@@ -4770,7 +4484,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);
             };
@@ -4782,20 +4495,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;
   }
@@ -4815,19 +4523,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() {},
@@ -4836,7 +4540,6 @@
     },
     mergeOptions: function mergeOptions(args, opt) {
       var _this2 = this;
-
       return mergeProps(args.map(function (v) {
         return _this2.tidyOptions(v);
       }), opt, this.mergeOptionsRule);
@@ -4868,7 +4571,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 = {
@@ -4876,29 +4617,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();
@@ -4906,7 +4639,6 @@
         return true;
       }
     };
-
     var set = function set(val) {
       if (val === undefined) {
         inject.clearProp();
@@ -4915,7 +4647,6 @@
         deepSet(inject.getProp(), option.to, val);
       }
     };
-
     invoke(function () {
       return fetch(_objectSpread2(_objectSpread2({}, option), {}, {
         onSuccess: function onSuccess(body) {
@@ -4928,7 +4659,6 @@
         onError: function onError(e) {
           set(undefined);
           if (check()) return;
-
           (_onError || function (e) {
             return err(e.message || 'fetch fail ' + option.action);
           })(e, rule, api);
@@ -4937,38 +4667,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 || {}
@@ -4984,7 +4730,6 @@
     $vm.$mount();
     return $vm;
   }
-
   function exportAttrs(attrs) {
     var key = attrs.key || [];
     var array = attrs.array || [];
@@ -4993,17 +4738,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: {}
@@ -5011,23 +4753,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;
@@ -5038,13 +4781,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) {
@@ -5054,48 +4794,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
@@ -5103,18 +4849,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;
@@ -5126,15 +4879,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 () {
@@ -5144,6 +4894,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 () {
@@ -5160,11 +4918,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) {
@@ -5172,12 +4928,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;
       },
@@ -5199,7 +4953,6 @@
         this.$handle.mounted();
       }
     });
-
     function useAttr(formCreate) {
       extend(formCreate, {
         version: config.version,
@@ -5221,17 +4974,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() {
@@ -5246,7 +4997,6 @@
         }
       });
     }
-
     function useStatic(formCreate) {
       extend(formCreate, {
         create: create,
@@ -5255,12 +5005,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());
@@ -5268,13 +5016,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;
   }
 
@@ -5284,12 +5041,12 @@
       return date.toString() === 'Invalid Date' ? timeStamp : date;
     }
   }
-  var name = 'datePicker';
+  var name$1 = 'datePicker';
   var datePicker = {
-    name: name,
+    name: name$1,
     maker: function () {
       return ['date', 'dateRange', 'datetime', 'datetimeRange', 'year', 'month'].reduce(function (maker, type) {
-        maker[type] = creatorFactory(name, {
+        maker[type] = creatorFactory(name$1, {
           type: type.toLowerCase()
         });
         return maker;
@@ -5297,7 +5054,6 @@
     }(),
     mergeProp: function mergeProp(ctx) {
       var props = ctx.prop.props;
-
       if (props.startDate) {
         props.startDate = props.startDate && timeStampToDate(props.startDate);
       }
@@ -5313,12 +5069,10 @@
     },
     toValue: function toValue(formValue, ctx) {
       var el = ctx.el;
-
       if (el) {
         this.el = el;
         return this._toValue(formValue, ctx);
       }
-
       return formValue;
     },
     toFormValue: function toFormValue(value, ctx) {
@@ -5330,7 +5084,6 @@
             props = ctx.prop.props,
             parseValue,
             type = props.type || 'date';
-
         if (['daterange', 'datetimerange'].indexOf(type) !== -1) {
           if (isArr) {
             parseValue = value.map(function (time) {
@@ -5345,7 +5098,6 @@
           parseValue = isArr ? value[0] || '' : value;
           parseValue = !parseValue ? '' : timeStampToDate(parseValue);
         }
-
         return parseValue;
       }
     },
@@ -5354,46 +5106,45 @@
     }
   };
 
-  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.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
       })
     },
@@ -5402,13 +5153,11 @@
           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;
     }
   };
@@ -5518,18 +5267,14 @@
 
   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] = {
@@ -5537,7 +5282,6 @@
       };
     }
   }
-
   var manager = {
     validate: function validate(call) {
       this.form().validate(call);
@@ -5547,7 +5291,6 @@
     },
     clearValidateState: function clearValidateState(ctx) {
       var fItem = this.vm.$refs[ctx.wrapRef];
-
       if (fItem) {
         fItem.validateMessage = '';
         fItem.validateState = '';
@@ -5621,7 +5364,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) {
@@ -5653,11 +5395,9 @@
       return !(!title.title && !title["native"] || isFalse(title.show));
     },
     makeInfo: function makeInfo(rule, uni) {
-
       var titleProp = rule.title;
       var infoProp = rule.info;
       var children = [titleProp.title];
-
       if (!isFalse(infoProp.show) && (infoProp.info || infoProp["native"]) && !isFalse(infoProp.icon)) {
         var prop = {
           type: infoProp.type || 'poptip',
@@ -5666,11 +5406,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: 'icon',
           props: {
@@ -5681,7 +5419,6 @@
           key: "".concat(uni, "i")
         })]));
       }
-
       return this.$r(mergeProps([titleProp, {
         props: titleProp,
         slot: titleProp.slot || 'label',
@@ -5711,19 +5448,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")
@@ -5738,7 +5471,6 @@
     },
     makeResetBtn: function makeResetBtn() {
       var _this2 = this;
-
       var resetBtn = this.options.resetBtn;
       this.setSize(resetBtn);
       return this.$r({
@@ -5759,7 +5491,6 @@
     },
     makeSubmitBtn: function makeSubmitBtn() {
       var _this3 = this;
-
       var submitBtn = this.options.submitBtn;
       this.setSize(submitBtn);
       return this.$r({
@@ -5781,7 +5512,6 @@
 
   var maker = {};
   var names = ['upload', 'select', 'tree', 'checkbox', 'autoComplete', 'cascader', 'colorPicker', 'frame', 'inputNumber', 'radio', 'rate', 'timePicker', 'group'];
-
   function useAlias(maker) {
     names.forEach(function (name) {
       maker[name] = creatorFactory(name);
@@ -5790,7 +5520,6 @@
     maker.number = maker.inputNumber;
     maker.color = maker.colorPicker;
   }
-
   function useUpload(maker) {
     var name = 'upload';
     var types = {
@@ -5811,7 +5540,6 @@
     maker.uploadImage = maker.image;
     maker.uploadFile = maker.file;
   }
-
   function useTree(maker) {
     var name = 'tree';
     var types = {
@@ -5825,7 +5553,6 @@
       return maker;
     }, maker);
   }
-
   function useTimePicker(maker) {
     var name = 'timePicker';
     maker.time = creatorFactory(name, {
@@ -5835,7 +5562,6 @@
       type: 'timerange'
     });
   }
-
   function useSelect(maker) {
     var name = 'select';
     maker.selectMultiple = creatorFactory(name, {
@@ -5845,7 +5571,6 @@
       multiple: false
     });
   }
-
   function useFrame(maker) {
     var name = 'frame';
     var types = {
@@ -5869,7 +5594,6 @@
     maker.frameFile = maker.frameFiles;
     maker.frameImage = maker.frameImages;
   }
-
   useAlias(maker);
   useUpload(maker);
   useTree(maker);
@@ -5877,7 +5601,7 @@
   useFrame(maker);
   useTimePicker(maker);
 
-  var css_248z$2 = ".form-create .form-create .ivu-form-item {\n    margin-bottom: 24px;\n}\n\n.form-create .form-create .ivu-form-item .ivu-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 .ivu-form-item {\n    margin-bottom: 24px;\n}\n\n.form-create .form-create .ivu-form-item .ivu-form-item {\n    margin-bottom: 0px;\n}\n";
   styleInject(css_248z$2);
 
   function tidyBtnProp(btn, def) {
@@ -5888,28 +5612,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]) {
@@ -5917,23 +5636,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();
         }
@@ -5944,23 +5659,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('子表单验证未通过');
             }
-
             callback && callback.apply(void 0, _toConsumableArray(flag || args));
           });
         };
-
         var validFn = function validFn(args) {
           setTimeout(function () {
             if (!args[0]) {
@@ -5968,31 +5679,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);
@@ -6006,7 +5712,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();
@@ -6020,14 +5725,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
           });
@@ -6042,14 +5745,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
           });
@@ -6078,7 +5779,6 @@
       submit: function submit(successFn, failFn) {
         var _arguments = arguments,
             _this2 = this;
-
         api.validate(function (valid) {
           if (valid) {
             var formData = api.formData();
@@ -6113,11 +5813,10 @@
       FormCreate.maker[name] = maker[name];
     });
   }
-
   function ivuFormCreate() {
     return FormCreateFactory({
       ui: "".concat("view-design"),
-      version: "".concat("2.5.17"),
+      version: "".concat("2.5.20"),
       manager: manager,
       install: install,
       extendApi: extendApi,
@@ -6130,15 +5829,12 @@
   }
 
   var FormCreate = ivuFormCreate();
-
   if (typeof window !== 'undefined') {
     window.formCreate = FormCreate;
-
     if (window.Vue) {
       FormCreate.install(window.Vue);
     }
   }
-
   var maker$1 = FormCreate.maker;
 
   exports.default = FormCreate;