@form-create/element-ui 2.5.8 → 2.5.12

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v2.5.8
+ * @form-create/element-ui v2.5.12
  * (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,
@@ -285,9 +277,15 @@
         trueValue: []
       };
     },
+    computed: {
+      options: function options() {
+        var opt = this.formCreateInject.options;
+        return Array.isArray(opt) ? opt : [];
+      }
+    },
     methods: {
       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 +296,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 +310,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 +370,10 @@
   var Frame = {
     name: NAME$1,
     props: {
-      formCreateField: String,
+      formCreateInject: {
+        type: Object,
+        required: true
+      },
       type: {
         type: String,
         "default": 'input'
@@ -584,7 +585,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 +683,6 @@
         })]);
       },
       handleClick: function handleClick(src) {
-        if (this.disabled) {
-          return;
-        }
-
         return this.onHandle(src);
       },
       handleRemove: function handleRemove(src) {
@@ -856,17 +853,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
@@ -881,9 +870,15 @@
         trueValue: []
       };
     },
+    computed: {
+      options: function options() {
+        var opt = this.formCreateInject.options;
+        return Array.isArray(opt) ? opt : [];
+      }
+    },
     methods: {
       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 +887,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 +901,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 +949,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 +981,9 @@
       }
     },
     props: {
-      formCreateRule: {
+      formCreateInject: {
         type: Object,
-        "default": function _default() {
-          return {
-            props: {}
-          };
-        }
+        required: true
       },
       type: {
         type: String,
@@ -1042,10 +1032,10 @@
       var _this = this;
 
       var h = arguments[0];
-      return h("ElTree", helper([{}, this.formCreateRule, {
+      return h("ElTree", helper([{}, this.formCreateInject.prop, {
         "ref": "tree",
         "on": {
-          "check-change": function checkChange() {
+          "check": function check() {
             return _this.updateValue();
           },
           "node-click": function nodeClick() {
@@ -1056,7 +1046,6 @@
     },
     mounted: function mounted() {
       this.setValue();
-      this.updateValue();
     }
   };
 
@@ -1079,13 +1068,9 @@
   var Upload = {
     name: NAME$5,
     props: {
-      formCreateRule: {
+      formCreateInject: {
         type: Object,
-        "default": function _default() {
-          return {
-            props: {}
-          };
-        }
+        required: true
       },
       onHandle: {
         type: Function,
@@ -1124,11 +1109,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) {
@@ -1150,7 +1135,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()) {
@@ -1160,10 +1145,6 @@
         this.$refs.upload.handleRemove(file);
       },
       handleClick: function handleClick(file) {
-        if (this.isDisabled()) {
-          return;
-        }
-
         this.onHandle(file);
       },
       makeItem: function makeItem(file, index) {
@@ -1255,7 +1236,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'
@@ -1285,16 +1266,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,
@@ -1335,7 +1316,10 @@
       rules: Array,
       expand: Number,
       options: Object,
-      formCreate: Object,
+      formCreateInject: {
+        type: Object,
+        required: true
+      },
       button: {
         type: Boolean,
         "default": true
@@ -1379,7 +1363,8 @@
       return {
         len: 0,
         cacheRule: {},
-        cacheValue: {}
+        cacheValue: {},
+        type: undefined
       };
     },
     computed: {
@@ -1493,7 +1478,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
@@ -1526,7 +1511,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;
         }));
       },
@@ -1551,7 +1536,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;
         }
 
@@ -1620,6 +1605,7 @@
       }
     },
     created: function created() {
+      this.type = this.formCreateInject.form.$form();
       var d = (this.expand || 0) - this.value.length;
 
       if (d > 0) {
@@ -1636,6 +1622,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
@@ -1663,7 +1650,7 @@
           "attrs": {
             "span": button ? 20 : 24
           }
-        }, [h("ElFormItem", [h("FormCreate", helper([{
+        }, [h("ElFormItem", [h(Type, helper([{
           "key": key
         }, {
           "on": {
@@ -1704,7 +1691,10 @@
     props: {
       rule: Array,
       options: Object,
-      formCreate: Object,
+      formCreateInject: {
+        type: Object,
+        required: true
+      },
       value: {
         type: Object,
         "default": function _default() {
@@ -1714,17 +1704,22 @@
       disabled: {
         type: Boolean,
         "default": false
+      },
+      syncDisabled: {
+        type: Boolean,
+        "default": true
       }
     },
     data: function data() {
       return {
         cacheRule: {},
-        cacheValue: {}
+        cacheValue: {},
+        type: undefined
       };
     },
     watch: {
       disabled: function disabled(n) {
-        this.cacheRule.$f.disabled(n);
+        this.syncDisabled && this.cacheRule.$f.disabled(n);
       },
       value: function value(n) {
         this.setValue(n);
@@ -1763,13 +1758,13 @@
         this.cacheRule.$f = $f;
         this.subForm();
         this.$nextTick(function () {
-          $f.disabled(_this.disabled);
+          _this.syncDisabled && $f.disabled(_this.disabled);
 
           _this.$emit('itemMounted', $f);
         });
       },
       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++) {
@@ -1781,13 +1776,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,
@@ -1868,6 +1865,7 @@
           isShow: true,
           unique: 1,
           renderRule: _toConsumableArray(this.rule || []),
+          ctxInject: {},
           updateValue: ''
         };
       },
@@ -1918,10 +1916,8 @@
 
         var _this$$options$propsD = this.$options.propsData,
             rule = _this$$options$propsD.rule,
-            option = _this$$options$propsD.option,
-            value = _this$$options$propsD.value;
+            option = _this$$options$propsD.option;
         this.formCreate = new FormCreate(this, rule, option);
-        extend(this.formCreate.options.formData, value || {});
         Object.keys(this.formCreate.prop).forEach(function (k) {
           extend(_this2.$options[k], _this2.formCreate.prop[k]);
         });
@@ -2000,7 +1996,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);
   }
@@ -2033,6 +2029,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);
         }
@@ -2066,6 +2068,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) {
@@ -2075,7 +2078,11 @@
         return val;
       }
 
-      if (val.__inject) val = val.__origin;
+      if (hasProperty(val, '__json')) {
+        return val.__json;
+      }
+
+      if (val.__origin) val = val.__origin;
       if (val.__emit) return undefined;
       return PREFIX + val + SUFFIX;
     }, space);
@@ -2086,26 +2093,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 {
-        return makeFn(v.indexOf(FUNCTION) === -1 && v.indexOf('(') !== 0 ? FUNCTION + ' ' + v : v);
+        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;
       }
     }
@@ -2118,6 +2131,7 @@
       return parseFn(v, mode);
     });
   }
+
   function enumerable(value, writable) {
     return {
       value: value,
@@ -2195,7 +2209,7 @@
         to;
     (idx || '').split('.').forEach(function (v) {
       if (to) {
-        if (!_data[to]) {
+        if (!_data[to] || _typeof(_data[to]) != 'object') {
           _data[to] = {};
         }
 
@@ -2293,13 +2307,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];
@@ -2308,10 +2315,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);
+        });
       });
     }
 
@@ -2357,23 +2364,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;
+            });
           });
         });
       },
@@ -2382,17 +2392,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);
@@ -2408,10 +2423,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) {
@@ -2427,10 +2440,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) {
@@ -2464,17 +2475,27 @@
       },
       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();
       },
       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;
@@ -2492,25 +2513,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];
+
+            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();
-        }
+
+            h.$render.clearCache(ctx);
+          }
+        });
+        h.refresh();
       },
       refresh: function refresh() {
         allSubForm().forEach(function (sub) {
@@ -2533,8 +2568,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) {
@@ -2542,8 +2578,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) {
@@ -2576,13 +2613,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) {
@@ -2622,7 +2658,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);
@@ -2670,7 +2707,8 @@
         this.cache[ctx.id] = {
           vnode: vnode,
           use: false,
-          parent: parent
+          parent: parent,
+          slot: ctx.rule.slot
         };
       },
       getCache: function getCache(ctx) {
@@ -2691,46 +2729,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;
         }, {});
       },
@@ -2746,19 +2758,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;
       },
@@ -2774,8 +2814,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功能');
@@ -2786,7 +2849,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 () {
@@ -2796,18 +2859,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;
@@ -2815,20 +2878,35 @@
         vn.data.key = key;
         return vn;
       },
+      parseSide: function parseSide(side) {
+        return is.Object(side) ? mergeRule({}, side) : side;
+      },
       renderSides: function renderSides(vn, ctx, temp) {
         var prop = ctx[temp ? 'rule' : 'prop'];
-        return [this.renderRule(prop.prefix), vn, this.renderRule(prop.suffix)];
+        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;
 
-        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) {
@@ -2842,9 +2920,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);
@@ -2855,7 +2935,27 @@
               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,
+                  children: children,
+                  api: this.$handle.api,
+                  model: prop.model || {}
+                });
+              } else {
+                vn = ctx.parser.render(children, ctx);
+              }
             }
 
             vn = this.renderSides(vn, ctx);
@@ -2881,13 +2981,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 {
@@ -2915,8 +3015,36 @@
           key: ctx.key
         }, [vn]);
       },
+      injectProp: function injectProp(ctx) {
+        var _this7 = this;
+
+        if (!this.vm.ctxInject[ctx.id]) {
+          $set(this.vm.ctxInject, ctx.id, {});
+        }
+
+        var inject = this.vm.ctxInject[ctx.id];
+        extend(inject, {
+          api: this.$handle.api,
+          form: this.fc.create,
+          subForm: function subForm(_subForm) {
+            _this7.$handle.addSubForm(ctx, _subForm);
+          },
+          field: ctx.field,
+          options: ctx.prop.options,
+          children: ctx.rule.children,
+          rule: ctx.rule,
+          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,
@@ -2924,29 +3052,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)
+            }
           });
         }
 
@@ -2955,6 +3082,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');
       },
@@ -2962,13 +3094,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) {
@@ -2977,7 +3109,7 @@
               if (!child) return;
 
               if (isRm(child)) {
-                _this6.$handle.rmCtx(child.__fc__);
+                _this9.$handle.rmCtx(child.__fc__);
               }
             });
           });
@@ -2990,7 +3122,7 @@
             if (!child) return;
 
             if (children.indexOf(child) === -1 && isRm(child)) {
-              _this6.$handle.rmCtx(child.__fc__);
+              _this9.$handle.rmCtx(child.__fc__);
             }
           });
         });
@@ -2999,14 +3131,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();
             });
           }
         });
@@ -3018,7 +3150,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;
@@ -3041,7 +3173,7 @@
 
         if (is.trueArray(rule.children)) {
           data.push(rule.children.map(function (v) {
-            return _this7.renderRule(v);
+            return _this10.renderRule(v);
           }));
         }
 
@@ -3075,15 +3207,33 @@
   function useInject(Handler) {
     extend(Handler.prototype, {
       parseInjectEvent: function parseInjectEvent(rule, on) {
+        var inject = rule.inject || this.options.injectEvent;
+        return this.parseEventLst(rule, on, inject);
+      },
+      parseEventLst: function parseEventLst(rule, data, inject, deep) {
         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);
+        Object.keys(data).forEach(function (k) {
+          var fn = _this.parseEvent(rule, data[k], inject, deep);
+
+          if (fn) {
+            data[k] = fn;
+          }
         });
-        return on;
+        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;
@@ -3145,6 +3295,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__,
@@ -3153,7 +3304,7 @@
         };
       },
       inject: function inject(self, _fn, _inject2) {
-        if (_fn.__inject) {
+        if (_fn.__origin) {
           if (this.watching && !this.loading) return _fn;
           _fn = _fn.__origin;
         }
@@ -3161,16 +3312,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.__inject = true;
         fn.__origin = _fn;
+        fn.__json = _fn.__json;
         return fn;
       }
     });
@@ -3315,7 +3469,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]));
     },
@@ -3362,7 +3519,7 @@
     },
     rmCtrl: function rmCtrl() {
       this.ctrlRule.forEach(function (ctrl) {
-        return ctrl.__fc__.rm();
+        return ctrl.__fc__ && ctrl.__fc__.rm();
       });
       this.ctrlRule = [];
     },
@@ -3375,7 +3532,7 @@
         if (index > -1) {
           _this2.root.splice(index, 1);
 
-          _this2.$handle.refresh();
+          _this2.$handle && _this2.$handle.refresh();
         }
       };
 
@@ -3396,7 +3553,7 @@
           extend(_this2, {
             root: []
           });
-        });
+        }, _this2.input);
       });
     },
     update: function update(handle, init) {
@@ -3434,23 +3591,39 @@
           __origin__: enumerable(_rule, true)
         });
         fullRule(rule);
-        if (rule.field && hasProperty(this.options.formData || {}, rule.field)) rule.value = this.options.formData[rule.field];
+        this.appendValue(rule);
         rule.options = Array.isArray(rule.options) ? rule.options : [];
-        ['on', 'props', 'nativeOn'].forEach(function (k) {
-          var v = rule[k];
+        [rule, rule['prefix'], rule['suffix']].forEach(function (item) {
+          if (!item) {
+            return;
+          }
 
-          if (v) {
-            Object.keys(v).forEach(function (n) {
-              v[n] = parseFn(v[n]);
-            });
+          _this2.loadFn(item, rule);
+        });
+        this.loadCtrl(rule);
+
+        if (rule.update) {
+          rule.update = parseFn(rule.update);
+        }
 
-            _this2.parseInjectEvent(rule, v);
+        return rule;
+      },
+      loadFn: function loadFn(item, rule) {
+        var _this3 = this;
+
+        ['on', 'props', 'nativeOn', 'deep'].forEach(function (k) {
+          item[k] && _this3.parseInjectEvent(rule, item[k]);
+        });
+      },
+      loadCtrl: function loadCtrl(rule) {
+        rule.control && rule.control.forEach(function (ctrl) {
+          if (ctrl.handle) {
+            ctrl.handle = parseFn(ctrl.handle);
           }
         });
-        return rule;
       },
       syncProp: function syncProp(ctx) {
-        var _this3 = this;
+        var _this4 = this;
 
         var rule = ctx.rule;
         is.trueArray(rule.sync) && mergeProps([{
@@ -3458,18 +3631,15 @@
             pre["update:".concat(prop)] = function (val) {
               rule.props[prop] = val;
 
-              _this3.vm.$emit('sync', prop, val, rule, _this3.fapi);
+              _this4.vm.$emit('sync', prop, val, rule, _this4.fapi);
             };
 
             return pre;
           }, {})
         }], ctx.computed);
       },
-      isRepeatRule: function isRepeatRule(rule) {
-        return this.repeatRule.indexOf(rule) > -1;
-      },
       loadRule: function loadRule() {
-        var _this4 = this;
+        var _this5 = this;
 
         // console.warn('%c load', 'color:blue');
         this.cycleLoad = false;
@@ -3480,23 +3650,23 @@
         }
 
         this.deferSyncValue(function () {
-          _this4._loadRule(_this4.rules);
+          _this5._loadRule(_this5.rules);
 
-          _this4.loading = false;
+          _this5.loading = false;
 
-          if (_this4.cycleLoad && _this4.pageEnd) {
-            return _this4.loadRule();
+          if (_this5.cycleLoad && _this5.pageEnd) {
+            return _this5.loadRule();
           }
 
-          if (_this4.pageEnd) {
-            _this4.bus.$emit('load-end');
+          if (_this5.pageEnd) {
+            _this5.bus.$emit('load-end');
           }
 
-          _this4.vm._renderRule();
+          _this5.vm._renderRule();
 
-          _this4.$render.initOrgChildren();
+          _this5.$render.initOrgChildren();
 
-          _this4.syncForm();
+          _this5.syncForm();
         });
       },
       loadChildren: function loadChildren(children, parent) {
@@ -3518,7 +3688,7 @@
         this.$render.clearCache(parent);
       },
       _loadRule: function _loadRule(rules, parent) {
-        var _this5 = this;
+        var _this6 = this;
 
         var preIndex = function preIndex(i) {
           var pre = rules[i - 1];
@@ -3527,45 +3697,48 @@
             return i > 0 ? preIndex(i - 1) : -1;
           }
 
-          var index = _this5.sort.indexOf(pre.__fc__.id);
+          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)) {
-            _this5._loadRule(children, parent);
+            _this6._loadRule(children, parent);
           }
         };
 
-        var initEvent = function initEvent(rule) {
-          return _this5.ruleEffect(rule, 'init');
-        };
-
         rules.map(function (_rule, index) {
           if (parent && (is.String(_rule) || is.Undef(_rule))) return;
-          if (!_this5.pageEnd && !parent && index >= _this5.first) 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 && _this5.ctxs[_rule.__fc__.id]) {
+          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);
-          if (!_rule.__fc__) initEvent(rule);
 
-          if (rule.field && _this5.fieldCtx[rule.field] && _this5.fieldCtx[rule.field] !== _rule.__fc__) {
-            _this5.repeatRule.push(_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()
+          });
 
-            return err("".concat(rule.field, " \u5B57\u6BB5\u5DF2\u5B58\u5728"), _rule);
+          if (isRepeat()) {
+            _this6.vm.$emit('repeat-field', _rule, _this6.api);
           }
 
           var ctx;
+          var isCopy = false;
+          var isInit = !!_rule.__fc__;
 
-          if (_rule.__fc__) {
+          if (isInit) {
             ctx = _rule.__fc__;
-            var check = !ctx.check(_this5);
+            var check = !ctx.check(_this6);
 
             if (ctx.deleted) {
               if (check) {
@@ -3573,7 +3746,7 @@
                   return;
                 }
 
-                ctx.update(_this5);
+                ctx.update(_this6);
               }
             } else {
               if (check) {
@@ -3582,44 +3755,47 @@
                 }
 
                 rules[index] = _rule = _rule._clone ? _rule._clone() : copyRule(_rule);
-                initEvent(getRule(_rule));
                 ctx = null;
+                isCopy = true;
               }
             }
           }
 
           if (!ctx) {
-            ctx = new RuleContext(_this5, _this5.parseRule(_rule));
+            ctx = new RuleContext(_this6, _this6.parseRule(_rule));
+
+            _this6.bindParser(ctx);
+          } else {
+            if (ctx.originType !== ctx.rule.type) {
+              ctx.updateType();
 
-            _this5.bindParser(ctx);
-          } else if (ctx.originType !== ctx.rule.type) {
-            ctx.updateType();
+              _this6.bindParser(ctx);
+            }
 
-            _this5.bindParser(ctx);
+            _this6.appendValue(ctx.rule);
           }
 
-          _this5.appendValue(ctx.rule);
-
           [false, true].forEach(function (b) {
-            return _this5.parseEmit(ctx, b);
+            return _this6.parseEmit(ctx, b);
           });
 
-          _this5.syncProp(ctx);
+          _this6.syncProp(ctx);
 
           ctx.parent = parent || null;
           ctx.root = rules;
 
-          _this5.setCtx(ctx);
+          _this6.setCtx(ctx);
 
-          loadChildren(ctx.rule.children, 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) {
-              _this5.sort.splice(_preIndex + 1, 0, ctx.id);
+              _this6.sort.splice(_preIndex + 1, 0, ctx.id);
             } else {
-              _this5.sort.push(ctx.id);
+              _this6.sort.push(ctx.id);
             }
           }
 
@@ -3629,16 +3805,16 @@
             ctx.updated = true;
 
             if (is.Function(r.update)) {
-              _this5.bus.$once('load-end', function () {
-                _this5.refreshUpdate(ctx, r.value);
+              _this6.bus.$once('load-end', function () {
+                _this6.refreshUpdate(ctx, r.value);
               });
             }
 
-            _this5.effect(ctx, 'loaded');
+            _this6.effect(ctx, 'loaded');
           }
 
-          if (ctx.input) Object.defineProperty(r, 'value', _this5.valueHandle(ctx));
-          if (_this5.refreshControl(ctx)) _this5.cycleLoad = true;
+          if (ctx.input) Object.defineProperty(r, 'value', _this6.valueHandle(ctx));
+          if (_this6.refreshControl(ctx)) _this6.cycleLoad = true;
           return ctx;
         });
       },
@@ -3646,7 +3822,7 @@
         return ctx.input && ctx.rule.control && this.useCtrl(ctx);
       },
       useCtrl: function useCtrl(ctx) {
-        var _this6 = this;
+        var _this7 = this;
 
         var controls = getCtrl(ctx),
             validate = [],
@@ -3659,14 +3835,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);
         };
 
@@ -3678,39 +3857,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);
-
-            _this6.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');
@@ -3720,7 +3916,7 @@
         return this._reloadRule(rules);
       },
       _reloadRule: function _reloadRule(rules) {
-        var _this7 = this;
+        var _this8 = this;
 
         // console.warn('%c reload', 'color:red');
         if (!rules) rules = this.rules;
@@ -3733,12 +3929,12 @@
         this.fc.rules = rules;
         this.bus.$once('load-end', function () {
           Object.keys(ctxs).filter(function (id) {
-            return _this7.ctxs[id] === undefined;
+            return _this8.ctxs[id] === undefined;
           }).forEach(function (id) {
-            return _this7.rmCtx(ctxs[id]);
+            return _this8.rmCtx(ctxs[id]);
           });
 
-          _this7.$render.clearCacheAll();
+          _this8.$render.clearCacheAll();
         });
         this.reloading = true;
         this.loadRule();
@@ -3807,18 +4003,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;
       },
@@ -3826,15 +4023,27 @@
         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);
 
           handle.configurable = true;
           initial[field] = handle;
           return initial;
-        }, {}));
+        }, Object.keys(this.appendData).reduce(function (initial, field) {
+          initial[field] = {
+            enumerable: true,
+            configurable: true,
+            get: function get() {
+              return _this2.appendData[field];
+            },
+            set: function set(val) {
+              _this2.appendData[field] = val;
+            }
+          };
+          return initial;
+        }, {})));
         this.syncValue();
       },
       valueHandle: function valueHandle(ctx) {
@@ -3858,13 +4067,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) {
@@ -3891,11 +4106,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;
@@ -3931,7 +4144,7 @@
         });
       },
       fields: function fields() {
-        return Object.keys(this.formData);
+        return Object.keys(this.fieldCtx);
       }
     });
   }
@@ -3942,49 +4155,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) {
@@ -4003,7 +4173,37 @@
   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,
@@ -4011,9 +4211,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) {
@@ -4047,7 +4247,7 @@
         var _this = this;
 
         var vm = this.vm;
-        var none = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo'];
+        var none = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update'];
         Object.keys(ctx.rule).filter(function (k) {
           return none.indexOf(k) === -1;
         }).forEach(function (key) {
@@ -4056,6 +4256,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
@@ -4063,13 +4272,13 @@
             if (key === 'link') {
               ctx.link();
               return;
-            } else if (['props', 'on', 'nativeOn'].indexOf(key) > -1) {
+            } 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 (key === 'type') {
+            } 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);
@@ -4110,6 +4319,7 @@
         if (ctx.deleted) return;
         var id = ctx.id,
             field = ctx.field,
+            input = ctx.input,
             name = ctx.name;
 
         if (ctx.input) {
@@ -4120,41 +4330,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];
-
-        if (field && (!f || f === ctx)) {
-          $del(this.formData, field);
-          $del(this.form, field);
-          $del(this.fieldCtx, field);
-          $del(this.subForm, field);
-          this.vm.$nextTick(function () {
-            return _this3.vm.$emit('removeField', field, ctx.rule, _this3.api);
-          });
-        }
-
-        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) {
@@ -4164,9 +4362,8 @@
         this.$render.clearCache(ctx);
         ctx["delete"]();
         this.effect(ctx, 'deleted');
-        this.vm.$nextTick(function () {
-          return _this3.vm.$emit('removeRule', ctx.rule, _this3.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;
       }
     });
@@ -4245,6 +4442,13 @@
           }));
         });
       },
+      ruleEffect: function ruleEffect(rule, event, append) {
+        this.emitEffect({
+          rule: rule,
+          input: !!rule.field,
+          type: this.getType(rule.type)
+        }, event, append);
+      },
       effect: function effect(ctx, event, custom) {
         this.emitEffect({
           rule: ctx.rule,
@@ -4254,17 +4458,10 @@
           custom: custom
         }, event);
       },
-      ruleEffect: function ruleEffect(rule, event) {
-        this.emitEffect({
-          rule: rule,
-          input: !!rule.field,
-          type: this.getType(rule.type)
-        }, event);
-      },
       getEffect: function getEffect(rule, name) {
         if (hasProperty(rule, 'effect') && hasProperty(rule.effect, name)) return rule.effect[name];else return undefined;
       },
-      emitEffect: function emitEffect(_ref, event) {
+      emitEffect: function emitEffect(_ref, event, append) {
         var _this4 = this;
 
         var ctx = _ref.ctx,
@@ -4288,12 +4485,12 @@
             return;
           }
 
-          var data = {
+          var data = _objectSpread2({
             value: effect[attr],
             getValue: function getValue() {
               return _this4.getEffect(rule, attr);
             }
-          };
+          }, append || {});
 
           if (ctx) {
             data.getProp = function () {
@@ -4370,16 +4567,15 @@
   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);
       this.useProvider();
       this.usePage();
       this.loadRule();
@@ -4473,8 +4669,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;
     }
   };
 
@@ -4806,6 +5003,10 @@
 
     function $form() {
       return _vue.extend($FormCreate(FormCreate));
+    }
+
+    function $vnode() {
+      return _vue.extend(fragment);
     } //todo 检查回调函数作用域
 
 
@@ -4824,9 +5025,14 @@
       return _this.api();
     }
 
+    function factory() {
+      return FormCreateFactory(config);
+    }
+
     function FormCreate(vm, rules, options) {
       extend(this, {
         vm: vm,
+        create: create,
         manager: createManager(config.manager),
         parsers: parsers,
         providers: providers,
@@ -4943,8 +5149,10 @@
         component: component,
         directive: directive,
         register: register,
+        $vnode: $vnode,
         parser: parser,
         use: use,
+        factory: factory,
         componentAlias: componentAlias,
         copyRule: copyRule,
         copyRules: copyRules,
@@ -4995,6 +5203,7 @@
           useAttr($formCreate);
           Vue.prototype.$formCreate = $formCreate;
           Vue.component('FormCreate', $form());
+          Vue.component('FcFragment', $vnode());
         }
       });
     }
@@ -5343,10 +5552,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,
@@ -5357,6 +5566,7 @@
       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));
     },
@@ -5366,7 +5576,8 @@
       var titleProp = rule.title;
       var infoProp = rule.info;
       var isTip = isTooltip(infoProp);
-      var children = [titleProp.title];
+      var form = this.options.form;
+      var children = [(titleProp.title || '') + (form.labelSuffix || form['label-suffix'] || '')];
 
       var titleFn = function titleFn(pop) {
         return _this.$r(mergeProps([titleProp, {
@@ -5572,7 +5783,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) {
@@ -5601,7 +5812,7 @@
               flag = args;
             }
 
-            callback.apply(void 0, _toConsumableArray(flag));
+            callback && callback.apply(void 0, _toConsumableArray(flag));
           });
         };
 
@@ -5634,13 +5845,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];
             }
@@ -5648,10 +5860,10 @@
             if (args[0]) {
               flag = args;
             } else if (flag) {
-              return callback('子表单验证未通过', flag[1]);
+              return callback && callback('子表单验证未通过', flag[1]);
             }
 
-            callback.apply(void 0, _toConsumableArray(flag || args));
+            callback && callback.apply(void 0, _toConsumableArray(flag || args));
           });
         };
 
@@ -5690,23 +5902,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: {
@@ -5809,7 +6023,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: "".concat("element-ui"),
-      version: "".concat("2.5.8"),
+      version: "".concat("2.5.12"),
       manager: manager,
       extendApi: extendApi,
       install: install,