@form-create/element-ui 2.5.11 → 2.5.15

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v2.5.11
+ * @form-create/element-ui v2.5.15
  * (c) 2018-2021 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -268,6 +268,12 @@
       type: String
     },
     watch: {
+      'formCreateInject.options': {
+        handler: function handler() {
+          this.update();
+        },
+        deep: true
+      },
       value: function value() {
         this.update();
       }
@@ -278,8 +284,12 @@
       };
     },
     methods: {
+      options: function options() {
+        var opt = this.formCreateInject.options;
+        return Array.isArray(opt) ? opt : [];
+      },
       onInput: function onInput(n) {
-        this.$emit('input', this.formCreateInject.options.filter(function (opt) {
+        this.$emit('input', this.options().filter(function (opt) {
           return n.indexOf(opt.label) !== -1;
         }).map(function (opt) {
           return opt.value;
@@ -290,7 +300,7 @@
       update: function update() {
         var _this = this;
 
-        this.trueValue = this.value ? this.formCreateInject.options.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;
@@ -311,7 +321,7 @@
         "on": {
           "input": this.onInput
         }
-      }]), [this.formCreateInject.options.map(function (opt, index) {
+      }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
 
         var Type = _this2.type === 'button' ? 'ElCheckboxButton' : 'ElCheckbox';
@@ -855,6 +865,12 @@
       type: String
     },
     watch: {
+      'formCreateInject.options': {
+        handler: function handler() {
+          this.update();
+        },
+        deep: true
+      },
       value: function value() {
         this.update();
       }
@@ -865,8 +881,12 @@
       };
     },
     methods: {
+      options: function options() {
+        var opt = this.formCreateInject.options;
+        return Array.isArray(opt) ? opt : [];
+      },
       onInput: function onInput(n) {
-        this.$emit('input', this.formCreateInject.options.filter(function (opt) {
+        this.$emit('input', this.options().filter(function (opt) {
           return opt.label === n;
         }).reduce(function (initial, opt) {
           return opt.value;
@@ -875,7 +895,7 @@
       update: function update() {
         var _this = this;
 
-        this.trueValue = this.formCreateInject.options.filter(function (opt) {
+        this.trueValue = this.options().filter(function (opt) {
           return opt.value === _this.value;
         }).reduce(function (initial, opt) {
           return opt.label;
@@ -896,7 +916,7 @@
         "on": {
           "input": this.onInput
         }
-      }]), [this.formCreateInject.options.map(function (opt, index) {
+      }]), [this.options().map(function (opt, index) {
         var props = _objectSpread2({}, opt);
 
         var Type = _this2.type === 'button' ? 'ElRadioButton' : 'ElRadio';
@@ -943,7 +963,8 @@
       }
     },
     render: function render(h, ctx) {
-      return h("ElSelect", helper([{}, ctx.data]), [ctx.props.formCreateInject.options.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),
@@ -1350,7 +1371,8 @@
       return {
         len: 0,
         cacheRule: {},
-        cacheValue: {}
+        cacheValue: {},
+        type: undefined
       };
     },
     computed: {
@@ -1522,7 +1544,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;
         }
 
@@ -1591,6 +1613,7 @@
       }
     },
     created: function created() {
+      this.type = this.formCreateInject.form.$form();
       var d = (this.expand || 0) - this.value.length;
 
       if (d > 0) {
@@ -1607,6 +1630,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
@@ -1634,7 +1658,7 @@
           "attrs": {
             "span": button ? 20 : 24
           }
-        }, [h("ElFormItem", [h("FormCreate", helper([{
+        }, [h("ElFormItem", [h(Type, helper([{
           "key": key
         }, {
           "on": {
@@ -1666,9 +1690,6 @@
           }
         }, [_this9.makeIcon(keys.length, index, key)]) : null]);
       })]);
-    },
-    beforeMount: function beforeMount() {
-      this.$options.components.FormCreate = this.formCreateInject.form.$form();
     }
   };
 
@@ -1700,7 +1721,8 @@
     data: function data() {
       return {
         cacheRule: {},
-        cacheValue: {}
+        cacheValue: {},
+        type: undefined
       };
     },
     watch: {
@@ -1762,13 +1784,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,
@@ -1781,9 +1805,6 @@
           "extendOption": true
         }
       }]));
-    },
-    beforeMount: function beforeMount() {
-      this.$options.components.FormCreate = this.formCreateInject.form.$form();
     }
   };
 
@@ -1908,6 +1929,7 @@
         Object.keys(this.formCreate.prop).forEach(function (k) {
           extend(_this2.$options[k], _this2.formCreate.prop[k]);
         });
+        this.$emit('beforeCreate', this.formCreate.api());
       }
     };
   }
@@ -1988,6 +2010,20 @@
     return [].concat(keyAttrs, _toConsumableArray(normalMerge$1), _toConsumableArray(toArrayMerge$1), _toConsumableArray(functionalMerge$1), arrayAttrs, normalAttrs);
   }
 
+  function format(type, msg, rule) {
+    return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
+  }
+  function tip(msg, rule) {
+    console.warn(format('tip', msg, rule));
+  }
+  function err(msg, rule) {
+    console.error(format('err', msg, rule));
+  }
+  function logError(e) {
+    err(e.toString());
+    console.error(e);
+  }
+
   function deepExtend(origin) {
     var target = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var mode = arguments.length > 2 ? arguments[2] : undefined;
@@ -2016,14 +2052,18 @@
           }
 
           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);
+
+          if (!is.Undef(clone)) {
+            if (clone.__json !== undefined) {
+              origin[key].__json = clone.__json;
+            }
+
+            if (clone.__origin !== undefined) {
+              origin[key].__origin = clone.__origin;
+            }
+          }
         }
       }
     }
@@ -2038,20 +2078,6 @@
     }).value;
   }
 
-  function format(type, msg, rule) {
-    return "[form-create ".concat(type, "]: ").concat(msg) + (rule ? '\n\nrule: ' + JSON.stringify(rule.getRule ? rule.getRule() : rule) : '');
-  }
-  function tip(msg, rule) {
-    console.warn(format('tip', msg, rule));
-  }
-  function err(msg, rule) {
-    console.error(format('err', msg, rule));
-  }
-  function logError(e) {
-    err(e.toString());
-    console.error(e);
-  }
-
   var PREFIX = '[[FORM-CREATE-PREFIX-';
   var SUFFIX = '-FORM-CREATE-SUFFIX]]';
   var $T = '$FN:';
@@ -2128,8 +2154,8 @@
     };
   } //todo 优化位置
 
-  function copyRule(rule, mode) {
-    return copyRules([rule], mode || false)[0];
+  function copyRule(rule) {
+    return copyRules([rule])[0];
   }
   function copyRules(rules, mode) {
     return deepExtend([], _toConsumableArray(rules), mode || false);
@@ -2320,11 +2346,6 @@
     }
 
     var api = {
-      helper: {
-        tidyFields: tidyFields,
-        props: props
-      },
-
       get config() {
         return h.options;
       },
@@ -2468,6 +2489,12 @@
         });
         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 h.fields().reduce(function (initial, key) {
           var ctx = h.fieldCtx[key][0];
@@ -2655,13 +2682,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;
@@ -2886,6 +2926,7 @@
       renderCtx: function renderCtx(ctx, parent) {
         if (ctx.type === 'hidden') return;
         var rule = ctx.rule;
+        var preview = this.options.preview || false;
 
         if (!this.cache[ctx.id] || this.cache[ctx.id].slot !== rule.slot) {
           var vn;
@@ -2936,12 +2977,13 @@
                 vn = this.vm.$scopedSlots[slot]({
                   rule: rule,
                   prop: prop,
+                  preview: preview,
                   children: children,
                   api: this.$handle.api,
                   model: prop.model || {}
                 });
               } else {
-                vn = ctx.parser.render(children, ctx);
+                vn = preview ? ctx.parser.preview(children, ctx) : ctx.parser.render(children, ctx);
               }
             }
 
@@ -3006,20 +3048,26 @@
         var _this7 = this;
 
         if (!this.vm.ctxInject[ctx.id]) {
-          $set(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);
+            },
+            options: [],
+            children: [],
+            prop: {},
+            preview: false,
+            field: ctx.field,
+            rule: ctx.rule
+          });
         }
 
         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,
+          preview: this.options.preview || false,
           options: ctx.prop.options,
           children: ctx.rule.children,
-          rule: ctx.rule,
           prop: function () {
             var temp = _objectSpread2({}, ctx.prop);
 
@@ -3045,6 +3093,9 @@
           on: {
             'hook:mounted': function hookMounted() {
               _this8.onMounted(ctx);
+            },
+            'fc.sub-form': function fcSubForm(subForm) {
+              _this8.$handle.addSubForm(ctx, subForm);
             }
           }
         }];
@@ -3926,6 +3977,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() {
@@ -3961,7 +4013,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);
         }
 
@@ -4085,7 +4137,7 @@
         return JSON.stringify(ctx.rule.value) !== JSON.stringify(value);
       },
       isQuote: function isQuote(ctx, value) {
-        return (is.Object(value) || Array.isArray(value)) && value === ctx.rule.value;
+        return value === ctx.rule.value || is.Object(value) || Array.isArray(value) || is.Function(value);
       },
       refreshUpdate: function refreshUpdate(ctx, val) {
         var _this4 = this;
@@ -4106,6 +4158,7 @@
         if (this.refreshControl(ctx)) {
           this.$render.clearCacheAll();
           this.loadRule();
+          this.vm.$emit('update', this.api);
           this.refresh();
         }
 
@@ -4151,6 +4204,9 @@
     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) {}
   };
 
@@ -4277,6 +4333,8 @@
                 }
 
                 _flag && _this.loadChildren(n, ctx);
+
+                _this.vm.$emit('update', _this.api);
               });
             }
 
@@ -4812,6 +4870,11 @@
 
   function run(inject, rule, api) {
     var option = inject.value;
+
+    if (is.Function(option)) {
+      option = option(rule, api);
+    }
+
     option = parseOpt(option);
 
     if (!option || !option.action) {
@@ -4922,9 +4985,7 @@
 
 
   function FormCreateFactory(config) {
-    var _fragment = _vue.extend(fragment);
-
-    var components = _defineProperty({}, fragment.name, _fragment);
+    var components = _defineProperty({}, fragment.name, fragment);
 
     var parsers = {};
     var directives = {};
@@ -4989,6 +5050,10 @@
 
     function $form() {
       return _vue.extend($FormCreate(FormCreate));
+    }
+
+    function $vnode() {
+      return _vue.extend(fragment);
     } //todo 检查回调函数作用域
 
 
@@ -5110,6 +5175,7 @@
       },
       created: function created() {
         this.$handle.init();
+        this.vm.$emit('created', this.api());
       },
       api: function api() {
         return this.$handle.api;
@@ -5131,7 +5197,7 @@
         component: component,
         directive: directive,
         register: register,
-        fragment: _fragment,
+        $vnode: $vnode,
         parser: parser,
         use: use,
         factory: factory,
@@ -5140,6 +5206,7 @@
         copyRules: copyRules,
         fetch: fetch,
         $form: $form,
+        parseFn: parseFn,
         parseJson: parseJson,
         toJson: toJson,
         init: function init(rules) {
@@ -5185,7 +5252,7 @@
           useAttr($formCreate);
           Vue.prototype.$formCreate = $formCreate;
           Vue.component('FormCreate', $form());
-          Vue.component('FcFragment', _fragment);
+          Vue.component('FcFragment', $vnode());
         }
       });
     }
@@ -5534,7 +5601,8 @@
           _col = _this$rule$props.col;
       var item = isFalse(rule.wrap.show) ? children : this.$r(mergeProps([rule.wrap, {
         props: _objectSpread2(_objectSpread2({
-          labelWidth: labelWidth === void 0 ? labelWidth : toString(labelWidth)
+          labelWidth: labelWidth === void 0 ? labelWidth : toString(labelWidth),
+          label: isTitle ? rule.title.title : undefined
         }, rule.wrap || {}), {}, {
           prop: ctx.id,
           rules: rule.validate
@@ -5552,32 +5620,13 @@
       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),
@@ -5590,10 +5639,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;
@@ -5643,7 +5702,7 @@
       }, [item]);
     },
     makeResetBtn: function makeResetBtn() {
-      var _this2 = this;
+      var _this = this;
 
       var resetBtn = this.options.resetBtn;
       return this.$r({
@@ -5654,7 +5713,7 @@
         },
         on: {
           click: function click() {
-            var fApi = _this2.$handle.api;
+            var fApi = _this.$handle.api;
             resetBtn.click ? resetBtn.click(fApi) : fApi.resetFields();
           }
         },
@@ -5662,7 +5721,7 @@
       }, [resetBtn.innerText]);
     },
     makeSubmitBtn: function makeSubmitBtn() {
-      var _this3 = this;
+      var _this2 = this;
 
       var submitBtn = this.options.submitBtn;
       return this.$r({
@@ -5673,7 +5732,7 @@
         },
         on: {
           click: function click() {
-            var fApi = _this3.$handle.api;
+            var fApi = _this2.$handle.api;
             submitBtn.click ? submitBtn.click(fApi) : fApi.submit();
           }
         },
@@ -6004,7 +6063,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: "".concat("element-ui"),
-      version: "".concat("2.5.11"),
+      version: "".concat("2.5.15"),
       manager: manager,
       extendApi: extendApi,
       install: install,