@form-create/element-ui 2.5.9 → 2.5.13

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v2.5.9
+ * @form-create/element-ui v2.5.13
  * (c) 2018-2021 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -255,17 +255,9 @@
   var Checkbox = {
     name: NAME,
     props: {
-      formCreateRule: {
+      formCreateInject: {
         type: Object,
-        "default": function _default() {
-          return {};
-        }
-      },
-      formCreateOptions: {
-        type: Array,
-        "default": function _default() {
-          return [];
-        }
+        required: true
       },
       value: {
         type: Array,
@@ -286,8 +278,12 @@
       };
     },
     methods: {
+      options: function options() {
+        var opt = this.formCreateInject.options;
+        return Array.isArray(opt) ? opt : [];
+      },
       onInput: function onInput(n) {
-        this.$emit('input', this.formCreateOptions.filter(function (opt) {
+        this.$emit('input', this.options().filter(function (opt) {
           return n.indexOf(opt.label) !== -1;
         }).map(function (opt) {
           return opt.value;
@@ -298,7 +294,7 @@
       update: function update() {
         var _this = this;
 
-        this.trueValue = this.value ? this.formCreateOptions.filter(function (opt) {
+        this.trueValue = this.value ? this.options().filter(function (opt) {
           return _this.value.indexOf(opt.value) !== -1;
         }).map(function (option) {
           return option.label;
@@ -312,14 +308,14 @@
       var _this2 = this;
 
       var h = arguments[0];
-      return h("ElCheckboxGroup", helper([{}, this.formCreateRule, {
+      return h("ElCheckboxGroup", helper([{}, this.formCreateInject.prop, {
         "attrs": {
           "value": this.trueValue
         },
         "on": {
           "input": this.onInput
         }
-      }]), [this.formCreateOptions.map(function (opt, index) {
+      }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
 
         var Type = _this2.type === 'button' ? 'ElCheckboxButton' : 'ElCheckbox';
@@ -372,7 +368,10 @@
   var Frame = {
     name: NAME$1,
     props: {
-      formCreateField: String,
+      formCreateInject: {
+        type: Object,
+        required: true
+      },
       type: {
         type: String,
         "default": 'input'
@@ -584,7 +583,7 @@
         }, _toConsumableArray(children));
       },
       valid: function valid(f) {
-        var field = this.formCreateField || this.field;
+        var field = this.formCreateInject.field || this.field;
 
         if (field && f !== field) {
           throw new Error('[frame]无效的字段值');
@@ -682,10 +681,6 @@
         })]);
       },
       handleClick: function handleClick(src) {
-        if (this.disabled) {
-          return;
-        }
-
         return this.onHandle(src);
       },
       handleRemove: function handleRemove(src) {
@@ -856,17 +851,9 @@
   var Radio = {
     name: NAME$2,
     props: {
-      formCreateRule: {
+      formCreateInject: {
         type: Object,
-        "default": function _default() {
-          return {};
-        }
-      },
-      formCreateOptions: {
-        type: Array,
-        "default": function _default() {
-          return [];
-        }
+        required: true
       },
       value: {},
       type: String
@@ -882,8 +869,12 @@
       };
     },
     methods: {
+      options: function options() {
+        var opt = this.formCreateInject.options;
+        return Array.isArray(opt) ? opt : [];
+      },
       onInput: function onInput(n) {
-        this.$emit('input', this.formCreateOptions.filter(function (opt) {
+        this.$emit('input', this.options().filter(function (opt) {
           return opt.label === n;
         }).reduce(function (initial, opt) {
           return opt.value;
@@ -892,7 +883,7 @@
       update: function update() {
         var _this = this;
 
-        this.trueValue = this.formCreateOptions.filter(function (opt) {
+        this.trueValue = this.options().filter(function (opt) {
           return opt.value === _this.value;
         }).reduce(function (initial, opt) {
           return opt.label;
@@ -906,14 +897,14 @@
       var _this2 = this;
 
       var h = arguments[0];
-      return h("ElRadioGroup", helper([{}, this.formCreateRule, {
+      return h("ElRadioGroup", helper([{}, this.formCreateInject.prop, {
         "attrs": {
           "value": this.trueValue
         },
         "on": {
           "input": this.onInput
         }
-      }]), [this.formCreateOptions.map(function (opt, index) {
+      }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
 
         var Type = _this2.type === 'button' ? 'ElRadioButton' : 'ElRadio';
@@ -954,15 +945,14 @@
     name: NAME$3,
     functional: true,
     props: {
-      formCreateOptions: {
-        type: Array,
-        "default": function _default() {
-          return [];
-        }
+      formCreateInject: {
+        type: Object,
+        required: true
       }
     },
     render: function render(h, ctx) {
-      return h("ElSelect", helper([{}, ctx.data]), [ctx.props.formCreateOptions.map(function (props, index) {
+      var options = ctx.props.formCreateInject.options;
+      return h("ElSelect", helper([{}, ctx.data]), [(Array.isArray(options) ? options : []).map(function (props, index) {
         var slot = props.slot;
         return h("ElOption", {
           "props": _objectSpread2({}, props),
@@ -987,13 +977,9 @@
       }
     },
     props: {
-      formCreateRule: {
+      formCreateInject: {
         type: Object,
-        "default": function _default() {
-          return {
-            props: {}
-          };
-        }
+        required: true
       },
       type: {
         type: String,
@@ -1042,7 +1028,7 @@
       var _this = this;
 
       var h = arguments[0];
-      return h("ElTree", helper([{}, this.formCreateRule, {
+      return h("ElTree", helper([{}, this.formCreateInject.prop, {
         "ref": "tree",
         "on": {
           "check": function check() {
@@ -1078,13 +1064,9 @@
   var Upload = {
     name: NAME$5,
     props: {
-      formCreateRule: {
+      formCreateInject: {
         type: Object,
-        "default": function _default() {
-          return {
-            props: {}
-          };
-        }
+        required: true
       },
       onHandle: {
         type: Function,
@@ -1123,11 +1105,11 @@
       };
     },
     created: function created() {
-      if (this.formCreateRule.props.showFileList === undefined) {
-        this.formCreateRule.props.showFileList = false;
+      if (this.formCreateInject.prop.props.showFileList === undefined) {
+        this.formCreateInject.prop.props.showFileList = false;
       }
 
-      this.formCreateRule.props.fileList = toArray(this.value).map(parseFile);
+      this.formCreateInject.prop.props.fileList = toArray(this.value).map(parseFile);
     },
     watch: {
       value: function value(n) {
@@ -1149,7 +1131,7 @@
         return unique;
       },
       isDisabled: function isDisabled() {
-        return this.formCreateRule.props.disabled === true;
+        return this.formCreateInject.prop.props.disabled === true;
       },
       onRemove: function onRemove(file) {
         if (this.isDisabled()) {
@@ -1159,10 +1141,6 @@
         this.$refs.upload.handleRemove(file);
       },
       handleClick: function handleClick(file) {
-        if (this.isDisabled()) {
-          return;
-        }
-
         this.onHandle(file);
       },
       makeItem: function makeItem(file, index) {
@@ -1254,7 +1232,7 @@
       makeUpload: function makeUpload() {
         var h = this.$createElement;
         var isShow = !this.limit || this.limit > this.uploadList.length;
-        return h("ElUpload", helper([{}, this.formCreateRule, {
+        return h("ElUpload", helper([{}, this.formCreateInject.prop, {
           "ref": "upload",
           "style": {
             display: 'inline-block'
@@ -1284,16 +1262,16 @@
       var h = arguments[0];
 
       if (this.$refs.upload) {
-        if (this.formCreateRule.props.showFileList === undefined) {
-          this.formCreateRule.props.showFileList = this.$refs.upload.showFileList;
+        if (this.formCreateInject.prop.props.showFileList === undefined) {
+          this.formCreateInject.prop.props.showFileList = this.$refs.upload.showFileList;
         }
 
-        this.formCreateRule.props.fileList = this.$refs.upload.fileList;
+        this.formCreateInject.prop.props.fileList = this.$refs.upload.fileList;
       }
 
       return h("div", {
         "class": '_fc-upload'
-      }, [[this.formCreateRule.props.showFileList ? [] : this.makeFiles(), this.makeUpload()], h("el-dialog", {
+      }, [[this.formCreateInject.prop.props.showFileList ? [] : this.makeFiles(), this.makeUpload()], h("el-dialog", {
         "attrs": {
           "appendToBody": true,
           "modal": this.previewMask,
@@ -1334,7 +1312,10 @@
       rules: Array,
       expand: Number,
       options: Object,
-      formCreate: Object,
+      formCreateInject: {
+        type: Object,
+        required: true
+      },
       button: {
         type: Boolean,
         "default": true
@@ -1378,7 +1359,8 @@
       return {
         len: 0,
         cacheRule: {},
-        cacheValue: {}
+        cacheValue: {},
+        type: undefined
       };
     },
     computed: {
@@ -1492,7 +1474,7 @@
       addRule: function addRule(i, emit) {
         var _this3 = this;
 
-        var rule = this.$formCreate.copyRules(this.formRule);
+        var rule = this.formCreateInject.form.copyRules(this.formRule);
         var options = this.options ? _objectSpread2({}, this.options) : {
           submitBtn: false,
           resetBtn: false
@@ -1525,7 +1507,7 @@
       subForm: function subForm() {
         var _this5 = this;
 
-        this.$emit('fc.sub-form', Object.keys(this.cacheRule).map(function (k) {
+        this.formCreateInject.subForm(Object.keys(this.cacheRule).map(function (k) {
           return _this5.cacheRule[k].$f;
         }));
       },
@@ -1550,7 +1532,7 @@
         this.addRule(i, true);
       },
       del: function del(index, key) {
-        if (this.disabled || false === this.onBeforeRemove(this.value)) {
+        if (this.disabled || false === this.onBeforeRemove(this.value, index)) {
           return;
         }
 
@@ -1619,6 +1601,7 @@
       }
     },
     created: function created() {
+      this.type = this.formCreateInject.form.$form();
       var d = (this.expand || 0) - this.value.length;
 
       if (d > 0) {
@@ -1635,6 +1618,7 @@
       var h = arguments[0];
       var keys = Object.keys(this.cacheRule);
       var button = this.button;
+      var Type = this.type;
       return keys.length === 0 ? this.$scopedSlots["default"] ? this.$scopedSlots["default"]({
         vm: this,
         add: this.add
@@ -1662,7 +1646,7 @@
           "attrs": {
             "span": button ? 20 : 24
           }
-        }, [h("ElFormItem", [h("FormCreate", helper([{
+        }, [h("ElFormItem", [h(Type, helper([{
           "key": key
         }, {
           "on": {
@@ -1703,7 +1687,10 @@
     props: {
       rule: Array,
       options: Object,
-      formCreate: Object,
+      formCreateInject: {
+        type: Object,
+        required: true
+      },
       value: {
         type: Object,
         "default": function _default() {
@@ -1722,7 +1709,8 @@
     data: function data() {
       return {
         cacheRule: {},
-        cacheValue: {}
+        cacheValue: {},
+        type: undefined
       };
     },
     watch: {
@@ -1772,7 +1760,7 @@
         });
       },
       subForm: function subForm() {
-        this.$emit('fc.sub-form', this.cacheRule.$f);
+        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++) {
@@ -1784,13 +1772,15 @@
     },
     created: function created() {
       this.addRule();
+      this.type = this.formCreateInject.form.$form();
     },
     render: function render() {
       var h = arguments[0];
       var _this$cacheRule = this.cacheRule,
           rule = _this$cacheRule.rule,
           options = _this$cacheRule.options;
-      return h("FormCreate", helper([{}, {
+      var Type = this.type;
+      return h(Type, helper([{}, {
         "on": {
           'update:value': this.formData,
           'emit-event': this.emitEvent,
@@ -1871,6 +1861,7 @@
           isShow: true,
           unique: 1,
           renderRule: _toConsumableArray(this.rule || []),
+          ctxInject: {},
           updateValue: ''
         };
       },
@@ -1926,6 +1917,7 @@
         Object.keys(this.formCreate.prop).forEach(function (k) {
           extend(_this2.$options[k], _this2.formCreate.prop[k]);
         });
+        this.$emit('beforeCreate', this.formCreate.api());
       }
     };
   }
@@ -2001,7 +1993,7 @@
 
   var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'nativeEmit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key'];
   var arrayAttrs = ['validate', 'children', 'control'];
-  var normalAttrs = ['effect'];
+  var normalAttrs = ['effect', 'deep'];
   function attrs() {
     return [].concat(keyAttrs, _toConsumableArray(normalMerge$1), _toConsumableArray(toArrayMerge$1), _toConsumableArray(functionalMerge$1), arrayAttrs, normalAttrs);
   }
@@ -2034,6 +2026,12 @@
           }
 
           origin[key] = deepExtend(origin[key], clone, mode);
+        } else if (is.Undef(clone)) {
+          $set(origin, key, clone);
+        } else if (clone.__json !== undefined) {
+          $set(origin, key, clone.__json);
+        } else if (clone.__origin !== undefined) {
+          $set(origin, key, clone.__origin);
         } else {
           $set(origin, key, clone);
         }
@@ -2067,6 +2065,7 @@
   var PREFIX = '[[FORM-CREATE-PREFIX-';
   var SUFFIX = '-FORM-CREATE-SUFFIX]]';
   var $T = '$FN:';
+  var $TX = '$FNX:';
   var FUNCTION = 'function';
   function toJson(obj, space) {
     return JSON.stringify(deepExtend([], obj, true), function (key, val) {
@@ -2076,7 +2075,7 @@
         return val;
       }
 
-      if (val.__json) {
+      if (hasProperty(val, '__json')) {
         return val.__json;
       }
 
@@ -2091,28 +2090,32 @@
   }
 
   function parseFn(fn, mode) {
-    if (fn && is.String(fn)) {
+    if (fn && is.String(fn) && fn.length > 4) {
       var v = fn.trim();
       var flag = false;
 
-      if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
-        v = v.replace(SUFFIX, '').replace(PREFIX, '');
-        flag = true;
-      } else if (v.indexOf($T) === 0) {
-        v = v.replace($T, '');
-        flag = true;
-      } else if (!mode && v.indexOf(FUNCTION) === 0 && v !== FUNCTION) {
-        flag = true;
-      }
-
-      if (!flag) return fn;
-
       try {
+        if (v.indexOf(SUFFIX) > 0 && v.indexOf(PREFIX) === 0) {
+          v = v.replace(SUFFIX, '').replace(PREFIX, '');
+          flag = true;
+        } else if (v.indexOf($T) === 0) {
+          v = v.replace($T, '');
+          flag = true;
+        } else if (v.indexOf($TX) === 0) {
+          v = makeFn('function($inject){' + v.replace($TX, '') + '}');
+          v.__json = fn;
+          v.__inject = true;
+          return v;
+        } else if (!mode && v.indexOf(FUNCTION) === 0 && v !== FUNCTION) {
+          flag = true;
+        }
+
+        if (!flag) return fn;
         var val = makeFn(v.indexOf(FUNCTION) === -1 && v.indexOf('(') !== 0 ? FUNCTION + ' ' + v : v);
         val.__json = fn;
         return val;
       } catch (e) {
-        err("\u89E3\u6790\u5931\u8D25:".concat(v));
+        err("\u89E3\u6790\u5931\u8D25:".concat(v, "\n\nerr: ").concat(e));
         return undefined;
       }
     }
@@ -2203,7 +2206,7 @@
         to;
     (idx || '').split('.').forEach(function (v) {
       if (to) {
-        if (!_data[to]) {
+        if (!_data[to] || _typeof(_data[to]) != 'object') {
           _data[to] = {};
         }
 
@@ -2301,13 +2304,6 @@
     return deepCopy(value);
   }
 
-  function byRules(ctxs, origin) {
-    return Object.keys(ctxs).reduce(function (initial, key) {
-      initial[key] = origin ? ctxs[key].origin : ctxs[key].rule;
-      return initial;
-    }, {});
-  }
-
   function Api(h) {
     function tidyFields(fields) {
       if (is.Undef(fields)) fields = h.fields();else if (!Array.isArray(fields)) fields = [fields];
@@ -2316,10 +2312,10 @@
 
     function props(fields, key, val) {
       tidyFields(fields).forEach(function (field) {
-        var ctx = h.getCtx(field);
-        if (!ctx) return;
-        $set(ctx.rule, key, val);
-        h.$render.clearCache(ctx);
+        h.getCtxs(field).forEach(function (ctx) {
+          $set(ctx.rule, key, val);
+          h.$render.clearCache(ctx);
+        });
       });
     }
 
@@ -2334,11 +2330,6 @@
     }
 
     var api = {
-      helper: {
-        tidyFields: tidyFields,
-        props: props
-      },
-
       get config() {
         return h.options;
       },
@@ -2365,23 +2356,26 @@
 
       formData: function formData(fields) {
         return tidyFields(fields).reduce(function (initial, id) {
-          var ctx = h.fieldCtx[id];
+          var ctx = h.getFieldCtx(id);
           if (!ctx) return initial;
           initial[ctx.field] = copy(ctx.rule.value);
           return initial;
         }, copy(h.appendData));
       },
       getValue: function getValue(field) {
-        var ctx = h.fieldCtx[field];
+        var ctx = h.getFieldCtx(field);
         if (!ctx) return;
         return copy(ctx.rule.value);
       },
       coverValue: function coverValue(formData) {
         h.deferSyncValue(function () {
-          Object.keys(h.fieldCtx).forEach(function (key) {
-            var ctx = h.fieldCtx[key];
-            if (!ctx) return h.appendData[key] = formData[key];
-            ctx.rule.value = hasProperty(formData, key) ? formData[key] : undefined;
+          api.fields().forEach(function (key) {
+            var ctxs = h.fieldCtx[key];
+            if (!ctxs) return h.appendData[key] = formData[key];
+            var flag = hasProperty(formData, key);
+            ctxs.forEach(function (ctx) {
+              ctx.rule.value = flag ? formData[key] : undefined;
+            });
           });
         });
       },
@@ -2390,17 +2384,22 @@
         if (arguments.length >= 2) formData = _defineProperty({}, field, arguments[1]);
         h.deferSyncValue(function () {
           Object.keys(formData).forEach(function (key) {
-            var ctx = h.fieldCtx[key];
-            if (!ctx) return h.appendData[key] = formData[key];
-            ctx.rule.value = formData[key];
+            var ctxs = h.fieldCtx[key];
+            if (!ctxs) return h.appendData[key] = formData[key];
+            ctxs.forEach(function (ctx) {
+              ctx.rule.value = formData[key];
+            });
           });
         });
       },
       removeField: function removeField(field) {
         var ctx = h.getCtx(field);
-        if (!ctx) return;
-        ctx.rm();
-        return ctx.origin;
+        h.deferSyncValue(function () {
+          h.getCtxs(field).forEach(function (ctx) {
+            ctx.rm();
+          });
+        }, true);
+        return ctx ? ctx.origin : undefined;
       },
       removeRule: function removeRule(rule) {
         var ctx = rule && byCtx(rule);
@@ -2416,10 +2415,8 @@
         return h.fields();
       },
       append: function append(rule, after, child) {
-        var fields = Object.keys(h.fieldCtx),
-            index = h.sort.length - 1,
+        var index = h.sort.length - 1,
             rules;
-        if (rule.field && fields.indexOf(rule.field) > -1) return err("".concat(rule.field, " \u5B57\u6BB5\u5DF2\u5B58\u5728"), rule);
         var ctx = h.getCtx(after);
 
         if (ctx) {
@@ -2435,10 +2432,8 @@
         rules.splice(index + 1, 0, rule);
       },
       prepend: function prepend(rule, after, child) {
-        var fields = Object.keys(h.fieldCtx),
-            index = 0,
+        var index = 0,
             rules;
-        if (rule.field && fields.indexOf(rule.field) > -1) return err("".concat(rule.field, " \u5B57\u6BB5\u5DF2\u5B58\u5728"), rule);
         var ctx = h.getCtx(after);
 
         if (ctx) {
@@ -2472,17 +2467,33 @@
       },
       disabled: function disabled(_disabled, fields) {
         tidyFields(fields).forEach(function (field) {
-          var ctx = h.fieldCtx[field];
-          if (!ctx) return;
-          $set(ctx.rule.props, 'disabled', !!_disabled);
+          h.getCtxs(field).forEach(function (ctx) {
+            $set(ctx.rule.props, 'disabled', !!_disabled);
+          });
         });
         h.refresh();
       },
+      all: function all(origin) {
+        return Object.keys(h.ctxs).map(function (k) {
+          var ctx = h.ctxs[k];
+          return origin ? ctx.origin : ctx.rule;
+        });
+      },
       model: function model(origin) {
-        return byRules(h.fieldCtx, origin);
+        return h.fields().reduce(function (initial, key) {
+          var ctx = h.fieldCtx[key][0];
+          initial[key] = origin ? ctx.origin : ctx.rule;
+          return initial;
+        }, {});
       },
       component: function component(origin) {
-        return byRules(h.nameCtx, origin);
+        return Object.keys(h.nameCtx).reduce(function (initial, key) {
+          var ctx = h.nameCtx[key].map(function (ctx) {
+            return origin ? ctx.origin : ctx.rule;
+          });
+          initial[key] = ctx.length === 1 ? ctx[0] : ctx;
+          return initial;
+        }, {});
       },
       bind: function bind() {
         return api.form;
@@ -2500,25 +2511,39 @@
         });
       },
       sync: function sync(field) {
-        var ctx = is.Object(field) ? byCtx(field) : h.getCtx(field);
+        if (Array.isArray(field)) {
+          field.forEach(function (v) {
+            return api.sync(v);
+          });
+          return;
+        }
 
-        if (ctx && !ctx.deleted) {
-          var subForm = h.subForm[field];
+        var ctxs = is.Object(field) ? byCtx(field) : h.getCtxs(field);
 
-          if (subForm) {
-            if (Array.isArray(subForm)) {
-              subForm.forEach(function (form) {
-                form.refresh();
-              });
-            } else if (subForm) {
-              subForm.refresh();
-            }
-          } //ctx.updateKey(true);
+        if (!ctxs) {
+          return;
+        }
 
+        ctxs = Array.isArray(ctxs) ? ctxs : [ctxs];
+        ctxs.forEach(function (ctx) {
+          if (!ctx.deleted) {
+            var subForm = h.subForm[ctx.id];
 
-          h.$render.clearCache(ctx);
-          h.refresh();
-        }
+            if (subForm) {
+              if (Array.isArray(subForm)) {
+                subForm.forEach(function (form) {
+                  form.refresh();
+                });
+              } else if (subForm) {
+                subForm.refresh();
+              }
+            } //ctx.updateKey(true);
+
+
+            h.$render.clearCache(ctx);
+          }
+        });
+        h.refresh();
       },
       refresh: function refresh() {
         allSubForm().forEach(function (sub) {
@@ -2541,8 +2566,9 @@
         h.changeStatus = false;
       },
       updateRule: function updateRule(id, rule) {
-        var r = api.getRule(id);
-        r && extend(r, rule);
+        h.getCtxs(id).forEach(function (ctx) {
+          extend(ctx.rule, rule);
+        });
       },
       updateRules: function updateRules(rules) {
         Object.keys(rules).forEach(function (id) {
@@ -2550,8 +2576,9 @@
         });
       },
       mergeRule: function mergeRule$1(id, rule) {
-        var ctx = h.getCtx(id);
-        ctx && mergeRule(ctx.rule, rule);
+        h.getCtxs(id).forEach(function (ctx) {
+          mergeRule(ctx.rule, rule);
+        });
       },
       mergeRules: function mergeRules(rules) {
         Object.keys(rules).forEach(function (id) {
@@ -2584,13 +2611,12 @@
         api.refresh();
       },
       resetFields: function resetFields(fields) {
-        var ctxs = h.fieldCtx;
         tidyFields(fields).forEach(function (field) {
-          var ctx = ctxs[field];
-          if (!ctx) return;
-          h.$render.clearCache(ctx);
-          ctx.rule.value = copy(ctx.defaultValue);
-          h.refreshControl(ctx);
+          h.getCtxs(field).forEach(function (ctx) {
+            h.$render.clearCache(ctx);
+            ctx.rule.value = copy(ctx.defaultValue);
+            h.refreshControl(ctx);
+          });
         });
       },
       method: function method(id, name) {
@@ -2630,7 +2656,8 @@
         el && el.$emit && el.$emit('close-modal');
       },
       getSubForm: function getSubForm(field) {
-        return h.subForm[field];
+        var ctx = h.getCtx(field);
+        return ctx ? h.subForm[ctx.id] : undefined;
       },
       nextTick: function nextTick(fn) {
         h.bus.$once('next-tick', fn);
@@ -2639,13 +2666,26 @@
       nextRefresh: function nextRefresh(fn) {
         h.nextRefresh();
         fn && invoke(fn);
+      },
+      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: {
+        tidyFields: tidyFields,
+        props: props
       }
     };
     ['on', 'once', 'off', 'set'].forEach(function (n) {
       api[n] = function () {
-        var _h$vm;
+        var _h$vm2;
 
-        (_h$vm = h.vm)["$".concat(n)].apply(_h$vm, arguments);
+        (_h$vm2 = h.vm)["$".concat(n)].apply(_h$vm2, arguments);
       };
     });
     api.changeValue = api.changeField = api.setValue;
@@ -2678,7 +2718,8 @@
         this.cache[ctx.id] = {
           vnode: vnode,
           use: false,
-          parent: parent
+          parent: parent,
+          slot: ctx.rule.slot
         };
       },
       getCache: function getCache(ctx) {
@@ -2699,46 +2740,20 @@
     return str.replace(str[0], str[0].toLowerCase());
   }
 
-  function setTempProps(vm, ctx, api) {
-    if (!vm.$props) return;
-    var prop = ctx.prop;
-    var keys = Object.keys(vm.$props);
-    var inject = injectProp(ctx, api);
-    var injectKeys = Object.keys(inject);
-    keys.forEach(function (key) {
-      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;
-    }
-  }
-
-  function injectProp(ctx, api) {
-    return {
-      formCreate: api,
-      formCreateField: ctx.field,
-      formCreateOptions: ctx.prop.options,
-      formCreateRule: function () {
-        var temp = _objectSpread2({}, ctx.prop);
-
-        return temp.on = temp.on ? _objectSpread2({}, temp.on) : {}, temp;
-      }()
-    };
-  }
-
   function useRender(Render) {
     extend(Render.prototype, {
       initRender: function initRender() {
-        this.renderList = {};
+        this.tempList = {};
         this.clearOrgChildren();
       },
       initOrgChildren: function initOrgChildren() {
         var ctxs = this.$handle.ctxs;
         this.orgChildren = Object.keys(ctxs).reduce(function (initial, id) {
-          var children = ctxs[id].rule.children;
-          initial[id] = is.trueArray(children) ? _toConsumableArray(children) : [];
+          if (ctxs[id].parser.loadChildren !== false) {
+            var children = ctxs[id].rule.children;
+            initial[id] = is.trueArray(children) ? _toConsumableArray(children) : [];
+          }
+
           return initial;
         }, {});
       },
@@ -2754,19 +2769,47 @@
 
         this.$h = this.vm.$createElement;
         this.$manager.beforeRender();
-        var vn = this.sort.map(function (id) {
-          return _this.renderCtx(_this.$handle.ctxs[id]);
+        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) {
           return val !== undefined;
         });
-        return this.$manager.render(vn);
       },
       makeVm: function makeVm(rule) {
-        var _this2 = this;
+        var _this3 = this;
 
         var vm = rule.vm;
         if (!vm) return new _vue();else if (is.Function(vm)) return invoke(function () {
-          return vm(_this2.$handle.getInjectData(rule));
+          return rule.vm(_this3.$handle.getInjectData(rule));
         });else if (!vm._isVue) return new _vue(vm);
         return vm;
       },
@@ -2782,8 +2825,31 @@
           deepSet(ctx.prop, ctx.prop.optionsTo, ctx.prop.options);
         }
       },
+      deepSet: function deepSet$1(ctx) {
+        var deep = ctx.rule.deep;
+        deep && Object.keys(deep).sort(function (a, b) {
+          return a.length < b.length ? -1 : 1;
+        }).forEach(function (str) {
+          deepSet(ctx.prop, str, deep[str]);
+        });
+      },
+      setTempProps: function setTempProps(vm, ctx) {
+        if (!vm.$props) return;
+        var prop = ctx.prop;
+        var keys = Object.keys(vm.$props);
+        var inject = this.injectProp(ctx);
+        var injectKeys = Object.keys(inject);
+        keys.forEach(function (key) {
+          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 _this3 = this;
+        var _this4 = this;
 
         if (!_vue.compile) {
           tip('当前使用的Vue构建版本不支持compile,无法使用template功能');
@@ -2794,7 +2860,7 @@
         var id = ctx.id,
             key = ctx.key;
 
-        if (!this.renderList[id]) {
+        if (!this.tempList[id]) {
           if (!ctx.el) {
             ctx.el = this.makeVm(rule);
             this.vm.$nextTick(function () {
@@ -2804,18 +2870,18 @@
 
           var _vm = ctx.el;
           if (ctx.input) _vm.$on(_vm.$options.model && _vm.$options.model.event || 'input', function (value) {
-            _this3.onInput(ctx, value);
+            _this4.onInput(ctx, value);
           });
-          this.renderList[id] = {
+          this.tempList[id] = {
             vm: _vm,
             template: _vue.compile(rule.template)
           };
         }
 
-        var _this$renderList$id = this.renderList[id],
-            vm = _this$renderList$id.vm,
-            template = _this$renderList$id.template;
-        setTempProps(vm, ctx, this.$handle.api);
+        var _this$tempList$id = this.tempList[id],
+            vm = _this$tempList$id.vm,
+            template = _this$tempList$id.template;
+        this.setTempProps(vm, ctx);
         var vn = template.render.call(vm);
         if (is.Undef(vn.data)) vn.data = {};
         vn.key = key;
@@ -2830,16 +2896,29 @@
         var prop = ctx[temp ? 'rule' : 'prop'];
         return [this.renderRule(this.parseSide(prop.prefix)), vn, this.renderRule(this.parseSide(prop.suffix))];
       },
+      renderSlot: function renderSlot(ctx, slot) {
+        return ctx.rule.slot === slot ? this.renderCtx(ctx) : undefined;
+      },
+      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);
+        }) : undefined;
+      },
       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]) {
+        if (!this.cache[ctx.id] || this.cache[ctx.id].slot !== rule.slot) {
           var vn;
           var cacheFlag = true;
           var _type = ctx.trueType;
-          var none = !(is.Undef(ctx.rule.display) || !!ctx.rule.display);
+          var none = !(is.Undef(rule.display) || !!rule.display);
 
-          if (_type === 'template' && !ctx.rule.template) {
+          if (_type === 'template' && !rule.template) {
             vn = this.renderSides(this.renderChildren(ctx), ctx, true);
 
             if (none) {
@@ -2853,9 +2932,11 @@
             ctx.initProp();
             this.mergeGlobal(ctx);
             this.$manager.tidyRule(ctx);
+            this.deepSet(ctx);
             this.setOptions(ctx);
             this.ctxProp(ctx);
             var prop = ctx.prop;
+            prop.props.formCreateInject = this.injectProp(ctx);
 
             if (prop.hidden) {
               this.setCache(ctx, undefined, parent);
@@ -2866,7 +2947,28 @@
               vn = this.renderTemp(ctx);
               cacheFlag = false;
             } else {
-              vn = ctx.parser.render(this.renderChildren(ctx), ctx);
+              var children = [];
+
+              if (ctx.parser.renderChildren) {
+                children = ctx.parser.renderChildren(ctx);
+              } else if (ctx.parser.loadChildren !== false) {
+                children = this.renderChildren(ctx);
+              }
+
+              var slot = 'type-' + toLine(ctx.type);
+
+              if (this.vm.$scopedSlots[slot]) {
+                vn = this.vm.$scopedSlots[slot]({
+                  rule: rule,
+                  prop: prop,
+                  preview: preview,
+                  children: children,
+                  api: this.$handle.api,
+                  model: prop.model || {}
+                });
+              } else {
+                vn = preview ? ctx.parser.preview(children, ctx) : ctx.parser.render(children, ctx);
+              }
             }
 
             vn = this.renderSides(vn, ctx);
@@ -2892,13 +2994,13 @@
         return this.getCache(ctx);
       },
       display: function display(vn) {
-        var _this4 = this;
+        var _this6 = this;
 
         if (Array.isArray(vn)) {
           var data = [];
           vn.forEach(function (v) {
-            if (Array.isArray(v)) return _this4.display(v);
-            if (_this4.none(v)) data.push(v);
+            if (Array.isArray(v)) return _this6.display(v);
+            if (_this6.none(v)) data.push(v);
           });
           return data;
         } else {
@@ -2926,8 +3028,38 @@
           key: ctx.key
         }, [vn]);
       },
+      injectProp: function injectProp(ctx) {
+        var _this7 = this;
+
+        if (!this.vm.ctxInject[ctx.id]) {
+          $set(this.vm.ctxInject, ctx.id, {
+            api: this.$handle.api,
+            form: this.fc.create,
+            subForm: function subForm(_subForm) {
+              _this7.$handle.addSubForm(ctx, _subForm);
+            },
+            field: ctx.field,
+            rule: ctx.rule
+          });
+        }
+
+        var inject = this.vm.ctxInject[ctx.id];
+        extend(inject, {
+          preview: this.options.preview || false,
+          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;
+          }()
+        });
+        return inject;
+      },
       ctxProp: function ctxProp(ctx, custom) {
-        var _this5 = this;
+        var _this8 = this;
 
         var ref = ctx.ref,
             key = ctx.key,
@@ -2935,29 +3067,28 @@
         this.$manager.mergeProp(ctx, custom);
         ctx.parser.mergeProp(ctx, custom);
         var props = [{
-          props: injectProp(ctx, this.$handle.api),
           ref: ref,
           key: rule.key || "".concat(key, "fc"),
-          slot: undefined
+          slot: undefined,
+          on: {
+            'hook:mounted': function hookMounted() {
+              _this8.onMounted(ctx);
+            },
+            'fc.sub-form': function fcSubForm(subForm) {
+              _this8.$handle.addSubForm(ctx, subForm);
+            }
+          }
         }];
 
-        if (!custom) {
+        if (!custom && ctx.input) {
           props.push({
-            on: {
-              'hook:mounted': function hookMounted() {
-                _this5.onMounted(ctx);
-              },
-              'fc.sub-form': function fcSubForm(subForm) {
-                _this5.$handle.addSubForm(ctx, subForm);
-              }
-            },
-            model: ctx.input ? {
+            model: {
               value: this.$handle.getFormData(ctx),
               callback: function callback(value) {
-                _this5.onInput(ctx, value);
+                _this8.onInput(ctx, value);
               },
-              expression: "formData.".concat(ctx.field)
-            } : undefined
+              expression: "formData.".concat(ctx.id)
+            }
           });
         }
 
@@ -2966,6 +3097,11 @@
       },
       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');
       },
@@ -2973,13 +3109,13 @@
         this.$handle.onInput(ctx, value);
       },
       renderChildren: function renderChildren(ctx) {
-        var _this6 = this;
+        var _this9 = this;
 
         var children = ctx.rule.children,
             orgChildren = this.orgChildren[ctx.id];
 
         var isRm = function isRm(child) {
-          return !is.String(child) && child.__fc__ && !_this6.$handle.ctxs[child.__fc__.id];
+          return !is.String(child) && child.__fc__ && !_this9.$handle.ctxs[child.__fc__.id];
         };
 
         if (!is.trueArray(children) && orgChildren) {
@@ -2988,7 +3124,7 @@
               if (!child) return;
 
               if (isRm(child)) {
-                _this6.$handle.rmCtx(child.__fc__);
+                _this9.$handle.rmCtx(child.__fc__);
               }
             });
           });
@@ -3001,7 +3137,7 @@
             if (!child) return;
 
             if (children.indexOf(child) === -1 && isRm(child)) {
-              _this6.$handle.rmCtx(child.__fc__);
+              _this9.$handle.rmCtx(child.__fc__);
             }
           });
         });
@@ -3010,14 +3146,14 @@
           if (is.String(child)) return child;
 
           if (child.__fc__) {
-            return _this6.renderCtx(child.__fc__, ctx);
+            return _this9.renderCtx(child.__fc__, ctx);
           }
 
-          if (!_this6.$handle.isRepeatRule(child.__origin__ || child) && child.type) {
-            _this6.vm.$nextTick(function () {
-              _this6.$handle.loadChildren(children, ctx);
+          if (child.type) {
+            _this9.vm.$nextTick(function () {
+              _this9.$handle.loadChildren(children, ctx);
 
-              _this6.$handle.refresh();
+              _this9.$handle.refresh();
             });
           }
         });
@@ -3029,7 +3165,7 @@
         return this.vNode.make(lower(ctx.originType), prop, children);
       },
       renderRule: function renderRule(rule, children, origin) {
-        var _this7 = this;
+        var _this10 = this;
 
         if (!rule) return undefined;
         if (is.String(rule)) return rule;
@@ -3052,7 +3188,7 @@
 
         if (is.trueArray(rule.children)) {
           data.push(rule.children.map(function (v) {
-            return _this7.renderRule(v);
+            return _this10.renderRule(v);
           }));
         }
 
@@ -3086,20 +3222,33 @@
   function useInject(Handler) {
     extend(Handler.prototype, {
       parseInjectEvent: function parseInjectEvent(rule, on) {
-        var _this = this;
-
-        if (rule.inject === false) return;
         var inject = rule.inject || this.options.injectEvent;
-        if (is.Undef(inject)) return;
-        Object.keys(on).forEach(function (k) {
-          if (is.Function(on[k])) on[k] = _this.inject(rule, on[k], inject);
-        });
-        return on;
+        return this.parseEventLst(rule, on, inject);
       },
-      parseFn: function parseFn$1(obj) {
-        obj && Object.keys(obj).forEach(function (n) {
-          obj[n] = parseFn(obj[n]);
+      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;
+          }
         });
+        return data;
+      },
+      parseEvent: function parseEvent(rule, fn, inject, deep) {
+        if (is.Function(fn) && (inject !== false && !is.Undef(inject) || fn.__inject)) {
+          return this.inject(rule, fn, inject);
+        } else if (!deep && Array.isArray(fn) && fn[0] && (is.String(fn[0]) || is.Function(fn[0]))) {
+          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;
+          }
+        }
       },
       parseEmit: function parseEmit(ctx, on) {
         var _this2 = this;
@@ -3161,6 +3310,7 @@
             option = _this$vm$$options$pro.option,
             rule = _this$vm$$options$pro.rule;
         return {
+          api: this.api,
           $f: this.api,
           rule: rule,
           self: self.__origin__,
@@ -3177,15 +3327,19 @@
         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];
           }
 
-          args.unshift(h.getInjectData(self, _inject2));
+          data.args = [].concat(args);
+          args.unshift(data);
           return _fn.apply(this, args);
         };
 
         fn.__origin = _fn;
+        fn.__json = _fn.__json;
         return fn;
       }
     });
@@ -3330,7 +3484,10 @@
     initProp: function initProp() {
       var _this = this;
 
-      this.prop = mergeProps([this.rule].concat(_toConsumableArray(Object.keys(this.payload).map(function (k) {
+      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];
       })), [this.computed]));
     },
@@ -3377,7 +3534,7 @@
     },
     rmCtrl: function rmCtrl() {
       this.ctrlRule.forEach(function (ctrl) {
-        return ctrl.__fc__.rm();
+        return ctrl.__fc__ && ctrl.__fc__.rm();
       });
       this.ctrlRule = [];
     },
@@ -3411,7 +3568,7 @@
           extend(_this2, {
             root: []
           });
-        });
+        }, _this2.input);
       });
     },
     update: function update(handle, init) {
@@ -3469,14 +3626,8 @@
       loadFn: function loadFn(item, rule) {
         var _this3 = this;
 
-        ['on', 'props', 'nativeOn'].forEach(function (k) {
-          var v = item[k];
-
-          if (v) {
-            _this3.parseFn(v);
-
-            _this3.parseInjectEvent(rule, v);
-          }
+        ['on', 'props', 'nativeOn', 'deep'].forEach(function (k) {
+          item[k] && _this3.parseInjectEvent(rule, item[k]);
         });
       },
       loadCtrl: function loadCtrl(rule) {
@@ -3502,9 +3653,6 @@
           }, {})
         }], ctx.computed);
       },
-      isRepeatRule: function isRepeatRule(rule) {
-        return this.repeatRule.indexOf(rule) > -1;
-      },
       loadRule: function loadRule() {
         var _this5 = this;
 
@@ -3588,7 +3736,7 @@
           var rule = getRule(_rule);
 
           var isRepeat = function isRepeat() {
-            return !!(rule.field && _this6.fieldCtx[rule.field] && _this6.fieldCtx[rule.field] !== _rule.__fc__);
+            return !!(rule.field && _this6.fieldCtx[rule.field] && _this6.fieldCtx[rule.field][0] !== _rule.__fc__);
           };
 
           _this6.ruleEffect(rule, 'init', {
@@ -3596,11 +3744,7 @@
           });
 
           if (isRepeat()) {
-            _this6.repeatRule.push(_rule);
-
-            _this6.vm.$emit('repeat', _rule, _this6.api);
-
-            return err("".concat(rule.field, " \u5B57\u6BB5\u5DF2\u5B58\u5728"), _rule);
+            _this6.vm.$emit('repeat-field', _rule, _this6.api);
           }
 
           var ctx;
@@ -3658,7 +3802,7 @@
           _this6.setCtx(ctx);
 
           !isCopy && !isInit && _this6.effect(ctx, 'load');
-          loadChildren(ctx.rule.children, ctx);
+          ctx.parser.loadChildren === false || loadChildren(ctx.rule.children, ctx);
 
           if (!parent) {
             var _preIndex = preIndex(index);
@@ -3706,14 +3850,17 @@
             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);
             }),
-            ctrl: findCtrl(ctx, control.rule)
+            ctrl: findCtrl(ctx, control.rule),
+            isHidden: is.String(control.rule[0])
           });
 
-          if (data.valid && data.ctrl || !data.valid && !data.ctrl) return "continue";
+          if (data.valid && data.ctrl || !data.valid && !data.ctrl && !data.isHidden) return "continue";
           validate.push(data);
         };
 
@@ -3725,39 +3872,56 @@
 
         if (!validate.length) return false;
         var flag = false;
-        validate.reverse().forEach(function (_ref) {
-          var valid = _ref.valid,
-              rule = _ref.rule,
-              prepend = _ref.prepend,
-              append = _ref.append,
-              child = _ref.child,
-              ctrl = _ref.ctrl;
+        this.deferSyncValue(function () {
+          validate.reverse().forEach(function (_ref) {
+            var isHidden = _ref.isHidden,
+                valid = _ref.valid,
+                rule = _ref.rule,
+                prepend = _ref.prepend,
+                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);
+              });
 
-          if (valid) {
-            flag = true;
-            var ruleCon = {
-              type: 'fcFragment',
-              "native": true,
-              __ctrl: true,
-              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) {
-                api.append(ruleCon, append || ctx.id, child);
-              } else {
-                ctx.root.splice(ctx.root.indexOf(ctx.origin) + 1, 0, ruleCon);
-              }
-            });
-          } else {
-            ctx.ctrlRule.splice(ctx.ctrlRule.indexOf(ctrl), 1);
-            var ctrlCtx = byCtx(ctrl);
-            ctrlCtx && ctrlCtx.rm();
-          }
+              return;
+            }
+
+            if (valid) {
+              flag = true;
+              var ruleCon = {
+                type: 'fcFragment',
+                "native": true,
+                __ctrl: true,
+                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) {
+                  api.append(ruleCon, append || ctx.id, child);
+                } else {
+                  ctx.root.splice(ctx.root.indexOf(ctx.origin) + 1, 0, ruleCon);
+                }
+              });
+            } else {
+              ctx.ctrlRule.splice(ctx.ctrlRule.indexOf(ctrl), 1);
+              var ctrlCtx = byCtx(ctrl);
+              ctrlCtx && ctrlCtx.rm();
+            }
+          });
         });
         this.vm.$emit('control', ctx.origin, this.api);
         this.effect(ctx, 'control');
@@ -3793,6 +3957,7 @@
         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() {
@@ -3828,7 +3993,7 @@
   function useInput(Handler) {
     extend(Handler.prototype, {
       getValue: function getValue(ctx) {
-        if (!hasProperty(ctx, 'cacheValue')) {
+        if (is.Undef(ctx.cacheValue)) {
           ctx.cacheValue = ctx.parser.toValue(this.getFormData(ctx), ctx);
         }
 
@@ -3854,18 +4019,19 @@
         }
       },
       setFormData: function setFormData(ctx, value) {
-        $set(this.formData, ctx.field, value);
+        $set(this.formData, ctx.id, value);
       },
       getFormData: function getFormData(ctx) {
-        return this.formData[ctx.field];
+        return this.formData[ctx.id];
       },
       validate: function validate() {
         var _this = this;
 
         toEmpty(this.vm.validate);
-        Object.keys(this.fieldCtx).forEach(function (id) {
-          var ctx = _this.fieldCtx[id];
-          _this.vm.validate[ctx.field] = toArray(ctx.rule.validate);
+        this.fields().forEach(function (id) {
+          _this.fieldCtx[id].forEach(function (ctx) {
+            _this.vm.validate[ctx.id] = toArray(ctx.rule.validate);
+          });
         });
         return this.vm.validate;
       },
@@ -3873,8 +4039,8 @@
         var _this2 = this;
 
         toEmpty(this.form);
-        Object.defineProperties(this.form, Object.keys(this.formData).reduce(function (initial, field) {
-          var ctx = _this2.getCtx(field);
+        Object.defineProperties(this.form, this.fields().reduce(function (initial, field) {
+          var ctx = _this2.getFieldCtx(field);
 
           var handle = _this2.valueHandle(ctx);
 
@@ -3917,13 +4083,19 @@
         delete this.appendData[rule.field];
       },
       addSubForm: function addSubForm(ctx, subForm) {
-        this.subForm[ctx.field] = subForm;
+        if (ctx.input) {
+          this.subForm[ctx.id] = subForm;
+        }
       },
-      deferSyncValue: function deferSyncValue(fn) {
+      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) {
@@ -3950,11 +4122,9 @@
       refreshUpdate: function refreshUpdate(ctx, val) {
         var _this4 = this;
 
-        var fn = ctx.rule.update;
-
-        if (is.Function(fn)) {
+        if (is.Function(ctx.rule.update)) {
           var state = invoke(function () {
-            return fn(val, ctx.origin, _this4.api);
+            return ctx.rule.update(val, ctx.origin, _this4.api);
           });
           if (state === undefined) return;
           ctx.rule.hidden = state === true;
@@ -3968,6 +4138,7 @@
         if (this.refreshControl(ctx)) {
           this.$render.clearCacheAll();
           this.loadRule();
+          this.vm.$emit('update', this.api);
           this.refresh();
         }
 
@@ -3990,7 +4161,7 @@
         });
       },
       fields: function fields() {
-        return Object.keys(this.formData);
+        return Object.keys(this.fieldCtx);
       }
     });
   }
@@ -4001,49 +4172,6 @@
     });
   }
 
-  function useHelper(rules) {
-    if (!Array.isArray(rules) || rules.findField) return;
-    Object.defineProperties(rules, {
-      findField: enumerable(findField),
-      findName: enumerable(findName),
-      setValue: enumerable(setValue)
-    });
-  }
-
-  function find(field, name, origin) {
-    if (!this.length) return;
-    var children = [];
-
-    for (var i = 0; i < this.length; i++) {
-      if (!is.Object(this[i])) continue;
-      var rule = getRule(this[i]);
-      if (rule[name] === field) return origin ? rule : this[i];
-      if (is.trueArray(rule.children)) children = children.concat(rule.children);
-      is.trueArray(rule.control) && rule.control.forEach(function (r) {
-        children = children.concat(r.rule);
-      });
-    }
-
-    return find.call(children, field, name, origin);
-  }
-
-  function findField(field) {
-    return find.call(this, field, 'field');
-  }
-
-  function findName(field) {
-    return find.call(this, field, 'name');
-  }
-
-  function setValue(formData) {
-    var _this = this;
-
-    Object.keys(formData).forEach(function (field) {
-      var rule = find.call(_this, field, 'field', true);
-      if (rule) rule.value = formData[field];
-    });
-  }
-
   var BaseParser = {
     init: function init(ctx) {},
     toFormValue: function toFormValue(value, ctx) {
@@ -4056,13 +4184,46 @@
     render: function render(children, ctx) {
       return ctx.$render.defaultRender(ctx, children);
     },
+    preview: function preview(children, ctx) {
+      return ctx.$render.defaultRender(ctx, children);
+    },
     mergeProp: function mergeProp(ctx) {}
   };
 
   function useContext(Handler) {
     extend(Handler.prototype, {
       getCtx: function getCtx(id) {
-        return this.fieldCtx[id] || this.nameCtx[id] || this.ctxs[id];
+        return this.getFieldCtx(id) || this.getNameCtx(id)[0] || this.ctxs[id];
+      },
+      getCtxs: function getCtxs(id) {
+        return this.fieldCtx[id] || this.nameCtx[id] || (this.ctxs[id] ? [this.ctxs[id]] : []);
+      },
+      setIdCtx: function setIdCtx(ctx, key, type) {
+        var field = "".concat(type, "Ctx");
+
+        if (!this[field][key]) {
+          this[field][key] = [ctx];
+        } else {
+          this[field][key].push(ctx);
+        }
+      },
+      rmIdCtx: function rmIdCtx(ctx, key, type) {
+        var field = "".concat(type, "Ctx");
+        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) {
+        return (this.fieldCtx[field] || [])[0];
+      },
+      getNameCtx: function getNameCtx(name) {
+        return this.nameCtx[name] || [];
       },
       setCtx: function setCtx(ctx) {
         var id = ctx.id,
@@ -4070,9 +4231,9 @@
             name = ctx.name,
             rule = ctx.rule;
         this.ctxs[id] = ctx;
-        if (name) $set(this.nameCtx, name, ctx);
+        name && this.setIdCtx(ctx, name, 'name');
         if (!ctx.input) return;
-        this.fieldCtx[field] = ctx;
+        this.setIdCtx(ctx, field, 'field');
         this.setFormData(ctx, ctx.parser.toFormValue(rule.value, ctx));
 
         if (this.isMounted && !this.reloading) {
@@ -4115,6 +4276,15 @@
             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
@@ -4122,9 +4292,7 @@
             if (key === 'link') {
               ctx.link();
               return;
-            } else if (['props', 'on', 'nativeOn'].indexOf(key) > -1) {
-              _this.parseFn(n || {});
-
+            } else if (['props', 'on', 'nativeOn', 'deep'].indexOf(key) > -1) {
               _this.parseInjectEvent(ctx.rule, n || {});
 
               if (key === 'props' && ctx.input) {
@@ -4145,6 +4313,8 @@
                 }
 
                 _flag && _this.loadChildren(n, ctx);
+
+                _this.vm.$emit('update', _this.api);
               });
             }
 
@@ -4171,6 +4341,7 @@
         if (ctx.deleted) return;
         var id = ctx.id,
             field = ctx.field,
+            input = ctx.input,
             name = ctx.name;
 
         if (ctx.input) {
@@ -4181,40 +4352,29 @@
         }
 
         $del(this.ctxs, id);
-        $del(this.$render.renderList, id);
+        $del(this.$render.tempList, id);
         $del(this.$render.orgChildren, id);
+        $del(this.vm.ctxInject, id);
+        $del(this.formData, id);
+        $del(this.subForm, id);
         $del(ctx, 'cacheValue');
-        var f = this.fieldCtx[field];
-        var flag = false;
-
-        if (field && (!f || f === ctx)) {
-          $del(this.formData, field);
-          $del(this.form, field);
-          $del(this.fieldCtx, field);
-          $del(this.subForm, field);
-          flag = true;
-        }
-
-        if (name && this.nameCtx[name] === ctx) {
-          $del(this.nameCtx, name);
-        }
-
-        if (!this.reloading) {
-          this.deferSyncValue(function () {
-            if (is.trueArray(ctx.rule.children)) {
-              ctx.rule.children.forEach(function (h) {
-                return h.__fc__ && _this3.rmCtx(h.__fc__);
-              });
+        input && this.rmIdCtx(ctx, field, 'field');
+        name && this.rmIdCtx(ctx, name, 'name');
+        this.deferSyncValue(function () {
+          if (!_this3.reloading) {
+            if (ctx.parser.loadChildren !== false) {
+              if (is.trueArray(ctx.rule.children)) {
+                ctx.rule.children.forEach(function (h) {
+                  return h.__fc__ && _this3.rmCtx(h.__fc__);
+                });
+              }
             }
 
-            _this3.syncValue();
-          });
-
-          if (ctx.root === this.rules) {
-            this.vm._renderRule();
+            if (ctx.root === _this3.rules) {
+              _this3.vm._renderRule();
+            }
           }
-        }
-
+        }, input);
         var index = this.sort.indexOf(id);
 
         if (index > -1) {
@@ -4224,7 +4384,7 @@
         this.$render.clearCache(ctx);
         ctx["delete"]();
         this.effect(ctx, 'deleted');
-        flag && this.vm.$emit('removeField', field, ctx.rule, this.api);
+        input && !this.fieldCtx[field] && this.vm.$emit('removeField', field, ctx.rule, this.api);
         ctx.rule.__ctrl || this.vm.$emit('removeRule', ctx.rule, this.api);
         return ctx;
       }
@@ -4429,14 +4589,12 @@
   extend(Handler.prototype, {
     initData: function initData(rules) {
       extend(this, {
-        fieldCtx: {},
         ctxs: {},
+        fieldCtx: {},
         nameCtx: {},
         sort: [],
-        rules: rules,
-        repeatRule: []
+        rules: rules
       });
-      useHelper(rules);
     },
     init: function init() {
       this.appendData = _objectSpread2(_objectSpread2(_objectSpread2({}, this.fc.options.formData || {}), this.vm.value || {}), this.appendData);
@@ -4533,8 +4691,9 @@
   var fragment = {
     name: NAME$9,
     functional: true,
+    props: ['vnode'],
     render: function render(h, ctx) {
-      return ctx.children;
+      return ctx.props.vnode ? ctx.props.vnode : ctx.children;
     }
   };
 
@@ -4866,6 +5025,10 @@
 
     function $form() {
       return _vue.extend($FormCreate(FormCreate));
+    }
+
+    function $vnode() {
+      return _vue.extend(fragment);
     } //todo 检查回调函数作用域
 
 
@@ -4891,6 +5054,7 @@
     function FormCreate(vm, rules, options) {
       extend(this, {
         vm: vm,
+        create: create,
         manager: createManager(config.manager),
         parsers: parsers,
         providers: providers,
@@ -4986,6 +5150,7 @@
       },
       created: function created() {
         this.$handle.init();
+        this.vm.$emit('created', this.api());
       },
       api: function api() {
         return this.$handle.api;
@@ -5007,6 +5172,7 @@
         component: component,
         directive: directive,
         register: register,
+        $vnode: $vnode,
         parser: parser,
         use: use,
         factory: factory,
@@ -5060,6 +5226,7 @@
           useAttr($formCreate);
           Vue.prototype.$formCreate = $formCreate;
           Vue.component('FormCreate', $form());
+          Vue.component('FcFragment', $vnode());
         }
       });
     }
@@ -5408,10 +5575,10 @@
           _col = _this$rule$props.col;
       var item = isFalse(rule.wrap.show) ? children : this.$r(mergeProps([rule.wrap, {
         props: _objectSpread2(_objectSpread2({
-          label: rule.title.title,
-          labelWidth: labelWidth === void 0 ? labelWidth : toString(labelWidth)
+          labelWidth: labelWidth === void 0 ? labelWidth : toString(labelWidth),
+          label: isTitle ? rule.title.title : undefined
         }, rule.wrap || {}), {}, {
-          prop: ctx.field,
+          prop: ctx.id,
           rules: rule.validate
         }),
         "class": rule.className,
@@ -5422,36 +5589,18 @@
       return inline === true || isFalse(_col) || isFalse(col.show) ? item : this.makeCol(rule, uni, [item]);
     },
     isTitle: function isTitle(rule) {
+      if (this.options.form.title === false) return false;
       var title = rule.title;
       return !(!title.title && !title["native"] || isFalse(title.show));
     },
     makeInfo: function makeInfo(rule, uni) {
-      var _this = this;
-
       var titleProp = rule.title;
       var infoProp = rule.info;
       var isTip = isTooltip(infoProp);
       var form = this.options.form;
-      var children = [titleProp.title + (form.labelSuffix || form['label-suffix'] || '')];
-
-      var titleFn = function titleFn(pop) {
-        return _this.$r(mergeProps([titleProp, {
-          props: titleProp,
-          slot: titleProp.slot || (pop ? isTip ? 'default' : 'reference' : 'label'),
-          key: "".concat(uni, "tit"),
-          type: titleProp.type || 'span'
-        }]), children);
-      };
-
-      if (!isFalse(infoProp.show) && (infoProp.info || infoProp["native"])) {
-        if (infoProp.icon !== false) {
-          children[infoProp.align !== 'left' ? 'unshift' : 'push'](this.$r({
-            type: 'i',
-            "class": infoProp.icon === true ? 'el-icon-warning' : infoProp.icon,
-            key: "".concat(uni, "i")
-          }));
-        }
+      var children = [(titleProp.title || '') + (form.labelSuffix || form['label-suffix'] || '')];
 
+      if (!isFalse(infoProp.show) && (infoProp.info || infoProp["native"]) && !isFalse(infoProp.icon)) {
         var prop = {
           type: infoProp.type || 'popover',
           props: _objectSpread2({}, infoProp),
@@ -5464,10 +5613,20 @@
           prop.props[field] = infoProp.info;
         }
 
-        return this.$r(mergeProps([infoProp, prop]), [titleFn(true)]);
+        children[infoProp.align !== 'left' ? 'unshift' : 'push'](this.$r(mergeProps([infoProp, prop]), [this.$r({
+          type: 'i',
+          slot: isTip ? 'default' : 'reference',
+          "class": infoProp.icon === true ? 'el-icon-warning' : infoProp.icon,
+          key: "".concat(uni, "i")
+        })]));
       }
 
-      return titleFn();
+      return this.$r(mergeProps([titleProp, {
+        props: titleProp,
+        slot: titleProp.slot || 'label',
+        key: "".concat(uni, "tit"),
+        type: titleProp.type || 'span'
+      }]), children);
     },
     makeCol: function makeCol(rule, uni, children) {
       var col = rule.col;
@@ -5517,7 +5676,7 @@
       }, [item]);
     },
     makeResetBtn: function makeResetBtn() {
-      var _this2 = this;
+      var _this = this;
 
       var resetBtn = this.options.resetBtn;
       return this.$r({
@@ -5528,7 +5687,7 @@
         },
         on: {
           click: function click() {
-            var fApi = _this2.$handle.api;
+            var fApi = _this.$handle.api;
             resetBtn.click ? resetBtn.click(fApi) : fApi.resetFields();
           }
         },
@@ -5536,7 +5695,7 @@
       }, [resetBtn.innerText]);
     },
     makeSubmitBtn: function makeSubmitBtn() {
-      var _this3 = this;
+      var _this2 = this;
 
       var submitBtn = this.options.submitBtn;
       return this.$r({
@@ -5547,7 +5706,7 @@
         },
         on: {
           click: function click() {
-            var fApi = _this3.$handle.api;
+            var fApi = _this2.$handle.api;
             submitBtn.click ? submitBtn.click(fApi) : fApi.submit();
           }
         },
@@ -5638,7 +5797,7 @@
     return maker;
   }
 
-  var css_248z$2 = ".form-create .form-create .el-form-item {\n    margin-bottom: 22px;\n}\n\n.form-create .form-create .el-form-item .el-form-item {\n    margin-bottom: 0px;\n}\n";
+  var css_248z$2 = ".form-create .form-create .el-form-item {\n    margin-bottom: 22px;\n}\n\n.form-create .form-create .el-form-item .el-form-item {\n    margin-bottom: 0px;\n}\n\n.form-create{\n    transform: rotateZ(0);\n}\n";
   styleInject(css_248z$2);
 
   function tidyBtnProp(btn, def) {
@@ -5700,13 +5859,14 @@
         }
       },
       validateField: function validateField(field, callback) {
-        if (!h.fieldCtx[field]) return;
-        var sub = h.subForm[field];
+        var ctx = h.getFieldCtx(field);
+        if (!ctx) return;
+        var sub = h.subForm[ctx.id];
         var len = 0;
         var flag;
 
         var validate = function validate() {
-          h.$manager.validateField(field, function () {
+          h.$manager.validateField(ctx.id, function () {
             for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
               args[_key3] = arguments[_key3];
             }
@@ -5756,23 +5916,25 @@
         var clearSub = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         api.helper.tidyFields(fields).forEach(function (field) {
           if (clearSub) _this.clearSubValidateState(field);
-          var ctx = h.fieldCtx[field];
-          if (!ctx) return;
-          h.$manager.clearValidateState(ctx);
+          h.getCtxs(field).forEach(function (ctx) {
+            h.$manager.clearValidateState(ctx);
+          });
         });
       },
       clearSubValidateState: function clearSubValidateState(fields) {
         api.helper.tidyFields(fields).forEach(function (field) {
-          var subForm = h.subForm[field];
-          if (!subForm) return;
+          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();
-            });
-          } else if (subForm) {
-            subForm.clearValidateState();
-          }
+            if (Array.isArray(subForm)) {
+              subForm.forEach(function (form) {
+                form.clearValidateState();
+              });
+            } else if (subForm) {
+              subForm.clearValidateState();
+            }
+          });
         });
       },
       btn: {
@@ -5875,7 +6037,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: "".concat("element-ui"),
-      version: "".concat("2.5.9"),
+      version: "".concat("2.5.13"),
       manager: manager,
       extendApi: extendApi,
       install: install,