@form-create/element-ui 3.2.9 → 3.2.11

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.9
+ * @form-create/element-ui v3.2.11
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -2145,7 +2145,7 @@
         },
         inFor: Boolean
       },
-      emits: ['update:api', 'update:modelValue', 'mounted', 'submit', 'change', 'emit-event', 'control', 'remove-rule', 'remove-field', 'sync', 'reload', 'repeat-field', 'update', 'validate-field-fail', 'validate-fail', 'created'],
+      emits: ['update:api', 'update:modelValue', 'mounted', 'submit', 'reset', 'change', 'emit-event', 'control', 'remove-rule', 'remove-field', 'sync', 'reload', 'repeat-field', 'update', 'validate-field-fail', 'validate-fail', 'created'],
       render: function render() {
         return this.fc.render();
       },
@@ -2448,7 +2448,7 @@
     };
   };
 
-  var keyAttrs = ['type', 'slot', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key', 'slotUpdate', 'computed', 'preview', 'component', 'cache', 'modelEmit'];
+  var keyAttrs = ['type', 'slot', 'ignore', 'emitPrefix', 'value', 'name', 'native', 'hidden', 'display', 'inject', 'options', 'emit', 'link', 'prefix', 'suffix', 'update', 'sync', 'optionsTo', 'key', 'slotUpdate', 'computed', 'preview', 'component', 'cache', 'modelEmit'];
   var arrayAttrs = ['validate', 'children', 'control'];
   var normalAttrs = ['effect', 'deep'];
   function attrs() {
@@ -3076,16 +3076,33 @@
       },
 
       formData: function formData(fields) {
-        return tidyFields(fields).reduce(function (initial, id) {
-          var ctx = h.getFieldCtx(id);
-          if (!ctx) return initial;
-          initial[ctx.field] = copy(ctx.rule.value);
-          return initial;
-        }, h.options.appendValue !== false ? copy(h.appendData) : {});
+        if (fields == null) {
+          return api.fields().reduce(function (initial, id) {
+            var ctx = (h.fieldCtx[id] || []).filter(function (ctx) {
+              return !h.isIgnore(ctx.rule);
+            })[0];
+            if (!ctx) return initial;
+            initial[ctx.field] = copy(ctx.rule.value);
+            return initial;
+          }, h.options.appendValue !== false ? copy(h.appendData) : {});
+        } else {
+          return tidyFields(fields).reduce(function (initial, id) {
+            initial[id] = api.getValue(id);
+            return initial;
+          }, {});
+        }
       },
       getValue: function getValue(field) {
         var ctx = h.getFieldCtx(field);
-        if (!ctx) return;
+
+        if (!ctx) {
+          if (h.options.appendValue !== false && hasProperty(h.appendData, field)) {
+            return copy(h.appendData[field]);
+          }
+
+          return undefined;
+        }
+
         return copy(ctx.rule.value);
       },
       coverValue: function coverValue(formData) {
@@ -3393,6 +3410,13 @@
         vue.nextTick(function () {
           api.clearValidateState();
         });
+
+        if (fields == null) {
+          is.Function(h.options.onReset) && invoke(function () {
+            return h.options.onReset(api);
+          });
+          h.vm.emit('reset', api);
+        }
       },
       method: function method(id, name) {
         var el = api.el(id);
@@ -3553,7 +3577,17 @@
           opt = deepCopy(opt);
           opt = h.loadFetchVar(opt);
           h.beforeFetch(opt).then(function () {
-            return asyncFetch(opt, h.fc.create.fetch).then(resolve)["catch"](reject);
+            return asyncFetch(opt, h.fc.create.fetch).then(function (res) {
+              invoke(function () {
+                return opt.onSuccess && opt.onSuccess(res);
+              });
+              resolve(res);
+            })["catch"](function (e) {
+              invoke(function () {
+                return opt.onError && opt.onError(e);
+              });
+              reject(e);
+            });
           });
         });
       },
@@ -3564,8 +3598,14 @@
           _opt = h.loadFetchVar(_opt, get);
           h.beforeFetch(_opt).then(function () {
             return asyncFetch(_opt, h.fc.create.fetch).then(function (res) {
+              invoke(function () {
+                return _opt.onSuccess && _opt.onSuccess(res);
+              });
               callback && callback(res, change);
             })["catch"](function (e) {
+              invoke(function () {
+                return _opt.onError && _opt.onError(e);
+              });
               error && error(e);
             });
           });
@@ -3953,6 +3993,9 @@
             getSubForm: function getSubForm() {
               return _this6.$handle.subForm[ctx.id];
             },
+            slots: function slots() {
+              return _this6.vm.setupState.top.slots;
+            },
             options: [],
             children: [],
             preview: false,
@@ -5283,12 +5326,18 @@
         fields.reduce(function (initial, field) {
           var ctx = _this2.getCtx(field);
 
-          initial[field] = vue.toRef(ctx.rule, 'value');
+          if (!_this2.isIgnore(ctx.rule)) {
+            initial[field] = vue.toRef(ctx.rule, 'value');
+          }
+
           return initial;
         }, data);
         this.form = data;
         this.syncValue();
       },
+      isIgnore: function isIgnore(rule) {
+        return rule.ignore || this.options.ignoreHiddenFields && rule.hidden;
+      },
       appendValue: function appendValue(rule) {
         if ((!rule.field || !hasProperty(this.appendData, rule.field)) && !this.options.forceCoverValue) {
           return;
@@ -5526,7 +5575,13 @@
 
             _this.watching = true;
 
-            if (key === 'link') {
+            if (key === 'hidden' && Boolean(n) !== Boolean(o)) {
+              _this.$render.clearCacheAll();
+            }
+
+            if (key === 'ignore' && ctx.input || key === 'hidden' && ctx.input && _this.options.ignoreHiddenFields) {
+              _this.syncForm();
+            } else if (key === 'link') {
               ctx.link();
               return;
             } else if (['props', 'on', 'deep'].indexOf(key) > -1) {
@@ -5537,8 +5592,6 @@
               }
             } else if (key === 'emit') {
               _this.parseEmit(ctx);
-            } else if (key === 'hidden' && Boolean(n) !== Boolean(o)) {
-              _this.$render.clearCacheAll();
             } else if (['prefix', 'suffix'].indexOf(key) > -1) n && _this.loadFn(n, ctx.rule);else if (key === 'type') {
               ctx.updateType();
 
@@ -5593,10 +5646,18 @@
           }
 
           Object.keys(computedRule).forEach(function (k) {
+            var oldValue = undefined;
             var computedValue = vue.computed(function () {
               var item = computedRule[k];
               if (!item) return undefined;
-              return _this.compute(ctx, item);
+
+              var value = _this.compute(ctx, item);
+
+              if (item.linkage && value === undefined) {
+                return oldValue;
+              }
+
+              return value;
             });
 
             var callback = function callback(n) {
@@ -5614,6 +5675,7 @@
             }
 
             ctx.watch.push(vue.watch(computedValue, function (n) {
+              oldValue = n;
               setTimeout(function () {
                 callback(n);
               });
@@ -5668,7 +5730,15 @@
           };
 
           var val = checkCondition(item);
-          return item.invert === true ? !val : val;
+          val = item.invert === true ? !val : val;
+
+          if (item.linkage) {
+            return val ? invoke(function () {
+              return _this2.computeValue(item.linkage, ctx, group);
+            }, undefined) : undefined;
+          }
+
+          return val;
         } else if (is.Function(item)) {
           fn = function fn() {
             return item(_this2.api.form, _this2.api);
@@ -5677,12 +5747,34 @@
           var _group = ctx.getParentGroup();
 
           fn = function fn() {
-            return new Function('$formulas', '$form', '$group', '$rule', '$api', "with($form){with(this){with($group){with($formulas){ return ".concat(item, " }}}}")).call(_this2.api.form, _this2.fc.formulas, _this2.api.top.form, _group ? _this2.subRuleData[_group.id] || {} : {}, ctx.rule, _this2.api);
+            return _this2.computeValue(item, ctx, _group);
           };
         }
 
         return invoke(fn, undefined);
       },
+      computeValue: function computeValue(str, ctx, group) {
+        var that = this;
+        var formulas = Object.keys(this.fc.formulas).reduce(function (obj, k) {
+          obj[k] = function () {
+            var _that$fc$formulas$k;
+
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+
+            return (_that$fc$formulas$k = that.fc.formulas[k]).call.apply(_that$fc$formulas$k, [{
+              that: this,
+              rule: ctx.rule,
+              api: that.api,
+              fc: that.fc
+            }].concat(args));
+          };
+
+          return obj;
+        }, {});
+        return new Function('$formulas', '$form', '$group', '$rule', '$api', "with($form){with(this){with($group){with($formulas){ return ".concat(str, " }}}}")).call(this.api.form, formulas, this.api.top.form, group ? this.subRuleData[group.id] || {} : {}, ctx.rule, this.api);
+      },
       updateChildren: function updateChildren(ctx, n, o) {
         var _this3 = this;
 
@@ -5988,7 +6080,7 @@
         return fc.bus;
       },
       preview: function preview() {
-        return fc.vm.props.preview != null ? fc.vm.props.preview : this.options.preview || false;
+        return fc.vm.props.preview != null ? fc.vm.props.preview : fc.options.value.preview || false;
       }
     });
     extend(this, {
@@ -6664,6 +6756,7 @@
     var CreateNode = CreateNodeFactory();
     var formulas = {};
     var isMobile = config.isMobile === true;
+    var prototype = {};
     exportAttrs(config.attrs || {});
 
     function getApi(name) {
@@ -6778,6 +6871,8 @@
       return vm.$refs.fc.fapi;
     }
 
+    setPrototypeOf(create, prototype);
+
     function factory(inherit) {
       var _config = _objectSpread2({}, config);
 
@@ -7125,9 +7220,9 @@
           var split = id.split('.');
           var key = split.shift();
 
-          if (key === '$form') {
+          if (key === '$topForm') {
             val = this.$handle.api.top.formData();
-          } else if (key === '$subForm') {
+          } else if (key === '$form') {
             val = this.$handle.api.formData();
           } else if (key === '$options') {
             val = this.options.value;
@@ -7139,7 +7234,7 @@
             split = [];
           } else {
             var tmpData = this.vm.setupState.top.setupState.fc.tmpData;
-            val = hasProperty(tmpData, key) ? deepGet(tmpData, id) : getData(key);
+            val = hasProperty(tmpData, key) ? deepGet(tmpData, id) : getData(id);
             split = [];
           }
 
@@ -7172,14 +7267,12 @@
           var key = split.shift();
           var key2 = split.shift() || '';
           var callback = debounce(function () {
-            if (key !== id) {
-              var temp = _this6.getLoadData(id, def);
+            var temp = _this6.getLoadData(id, def);
 
-              if (JSON.stringify(temp) !== JSON.stringify(unwatch[id].val)) {
-                unwatch[id].val = temp;
-                run(true);
-              }
-            } else {
+            if (!unwatch[id]) {
+              return;
+            } else if (JSON.stringify(temp) !== JSON.stringify(unwatch[id].val)) {
+              unwatch[id].val = temp;
               run(true);
             }
           }, 0);
@@ -7299,6 +7392,7 @@
       extend(formCreate, {
         version: config.version,
         ui: config.ui,
+        isMobile: isMobile,
         extendApi: extendApi,
         getData: getData,
         setDataDriver: setDataDriver,
@@ -7319,6 +7413,7 @@
         componentAlias: componentAlias,
         copyRule: copyRule,
         copyRules: copyRules,
+        mergeRule: mergeRule,
         fetch: fetch$1,
         $form: $form,
         parseFn: parseFn,
@@ -7333,7 +7428,6 @@
     function useStatic(formCreate) {
       extend(formCreate, {
         create: create,
-        isMobile: isMobile,
         install: function install(app, options) {
           globalConfig = _objectSpread2(_objectSpread2({}, globalConfig), options || {});
           var key = '_installedFormCreate_' + config.ui;
@@ -7358,8 +7452,8 @@
       });
     }
 
-    useAttr(create);
-    useStatic(create);
+    useAttr(prototype);
+    useStatic(prototype);
     setDataDriver('$cookie', cookieDriver);
     setDataDriver('$localStorage', localStorageDriver);
     CreateNode.use({
@@ -7387,18 +7481,18 @@
     }
 
     var FcComponent = $form();
-    setPrototypeOf(FcComponent, create);
+    setPrototypeOf(FcComponent, prototype);
     Object.defineProperties(FcComponent, {
       fetch: {
         get: function get() {
-          return create.fetch;
+          return prototype.fetch;
         },
         set: function set(val) {
-          create.fetch = val;
+          prototype.fetch = val;
         }
       }
     });
-    FcComponent.util = create;
+    FcComponent.util = prototype;
     return FcComponent;
   }
 
@@ -7734,7 +7828,7 @@
         ref: ref
       });
       extend(this.rule.props, {
-        model: $handle.formData
+        model: _objectSpread2({}, $handle.formData)
       });
     },
     render: function render(children) {
@@ -8283,7 +8377,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.9',
+      version: '3.2.11',
       manager: manager,
       extendApi: extendApi,
       install: install,