@form-create/element-ui 3.2.18 → 3.2.20

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.18
+ * @form-create/element-ui v3.2.20
  * (c) 2018-2025 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -1787,7 +1787,7 @@
           return;
         }
 
-        this.cacheRule[key].$f && this.cacheRule[key].$f.setValue(value);
+        this.cacheRule[key].$f && this.cacheRule[key].$f.coverValue(value);
         this.cache(key, value);
       },
       addRule: function addRule(i, emit) {
@@ -2327,6 +2327,9 @@
         var emit$topForm = debounce(function () {
           fc.bus.$emit('$loadData.$topForm');
         }, 100);
+        var emit$scopeForm = debounce(function () {
+          fc.bus.$emit('$loadData.$scopeForm');
+        }, 100);
         var emit$form = debounce(function () {
           fc.bus.$emit('$loadData.$form');
         }, 100);
@@ -2341,6 +2344,10 @@
             fapi.top.bus.$on('change', emit$change);
           }
 
+          if (fapi !== fapi.scope) {
+            fapi.scope.bus.$on('$loadData.$scopeForm', emit$scopeForm);
+          }
+
           fc.mounted();
         });
         vue.onBeforeUnmount(function () {
@@ -2349,6 +2356,10 @@
             fapi.top.bus.$off('change', emit$change);
           }
 
+          if (fapi !== fapi.scope) {
+            fapi.scope.bus.$off('$loadData.$scopeForm', emit$scopeForm);
+          }
+
           styleEl && document.head.removeChild(styleEl);
           rmSubForm();
           data.destroyed = true;
@@ -2362,6 +2373,14 @@
         }, {
           immediate: true
         });
+        vue.watch(function () {
+          return props.option;
+        }, function () {
+          fc.initOptions();
+          fapi.refresh();
+        }, {
+          deep: true
+        });
         vue.watch(function () {
           return _toConsumableArray(rule.value);
         }, function (n) {
@@ -2372,14 +2391,6 @@
           fc.$handle.reloadRule(rule.value);
           vm.setupState.renderRule();
         });
-        vue.watch(function () {
-          return props.option;
-        }, function () {
-          fc.initOptions();
-          fapi.refresh();
-        }, {
-          deep: true
-        });
         vue.watch(function () {
           return [props.disabled, props.preview];
         }, function () {
@@ -2440,6 +2451,9 @@
 
               if (!parent) {
                 emit$topForm();
+                emit$scopeForm();
+              } else if (!subForm.value) {
+                emit$scopeForm();
               }
             });
           }
@@ -3021,10 +3035,12 @@
     if (option.query) {
       var queryString = new URLSearchParams(option.query).toString();
 
-      if (action.includes('?')) {
-        action += "&".concat(queryString);
-      } else {
-        action += "?".concat(queryString);
+      if (queryString) {
+        if (action.includes('?')) {
+          action += "&".concat(queryString);
+        } else {
+          action += "?".concat(queryString);
+        }
       }
     }
 
@@ -3164,6 +3180,20 @@
         return api;
       },
 
+      get scope() {
+        var parent = h.vm;
+
+        while (parent && parent.setupState.fapi) {
+          if (!parent.props.subForm) {
+            return parent.setupState.fapi;
+          } else {
+            parent = parent.setupState.parent;
+          }
+        }
+
+        return api.top;
+      },
+
       get children() {
         return allSubForm();
       },
@@ -3194,10 +3224,10 @@
       },
 
       formData: function formData(fields) {
-        if (fields == null) {
+        if (fields == null || typeof fields === 'boolean') {
           var data = {};
           Object.keys(h.form).forEach(function (k) {
-            if (h.ignoreFields.indexOf(k) === -1) {
+            if (fields === true || h.ignoreFields.indexOf(k) === -1) {
               data[k] = copy(h.form[k]);
             }
           });
@@ -3672,6 +3702,16 @@
           }
         });
       },
+      renderRule: function renderRule(id, onInput, force) {
+        var flag = _typeof(id) === 'object';
+        var ctx = flag ? byCtx(id) : h.getCtx(id);
+        return ctx ? h.$render.createRuleVnode(ctx, onInput, force) : undefined;
+      },
+      renderChildren: function renderChildren(id, onInput, force) {
+        var flag = _typeof(id) === 'object';
+        var ctx = flag ? byCtx(id) : h.getCtx(id);
+        return ctx ? h.$render.createChildrenVnodes(ctx, onInput, force) : undefined;
+      },
       nextTick: function nextTick(fn) {
         h.bus.$once('next-tick', fn);
         h.refresh();
@@ -3738,7 +3778,11 @@
         }, opt.wait == null ? 1000 : opt.wait);
       },
       getData: function getData(id, def) {
-        return h.fc.getLoadData(id, def);
+        if (h.fc.get) {
+          return h.fc.get(id, def);
+        } else {
+          return h.fc.getLoadData(id, def);
+        }
       },
       watchData: function watchData(fn) {
         return h.fc.watchLoadData(function (get, change) {
@@ -3975,7 +4019,7 @@
           if (ctx.type === 'hidden') return;
           var rule = ctx.rule;
 
-          if (!this.cache[ctx.id] || this.cache[ctx.id].slot !== rule.slot) {
+          if (this.force || !this.cache[ctx.id] || this.cache[ctx.id].slot !== rule.slot) {
             var vn;
             ctx.initProp();
             this.mergeGlobal(ctx);
@@ -4027,6 +4071,18 @@
 
               Object.keys(prop.renderSlots || {}).forEach(function (key) {
                 children[key] = function () {
+                  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                    args[_key2] = arguments[_key2];
+                  }
+
+                  if (is.Function(prop.renderSlots[key])) {
+                    return invoke(function () {
+                      var _prop$renderSlots;
+
+                      return (_prop$renderSlots = prop.renderSlots)[key].apply(_prop$renderSlots, args);
+                    });
+                  }
+
                   var rule = _this4.parseSide(prop.renderSlots[key], ctx);
 
                   return _this4.renderRule(rule);
@@ -4205,6 +4261,8 @@
         }];
 
         if (ctx.input) {
+          var tmpInput = this.tmpInput;
+
           if (this.vm.props.disabled === true) {
             ctx.prop.props.disabled = true;
           }
@@ -4212,6 +4270,8 @@
           var field = this.getModelField(ctx);
           var model = {
             callback: function callback(value) {
+              tmpInput && tmpInput(ctx.field, value, ctx.rule);
+
               _this7.onInput(ctx, value);
             },
             modelField: field,
@@ -4284,6 +4344,23 @@
         if (this.vNode[ctx.originType]) return this.vNode[ctx.originType](prop, children);
         return this.vNode.make(lower(prop.type), prop, children);
       },
+      createChildrenVnodes: function createChildrenVnodes(ctx, onInput, force) {
+        this.force = force !== false;
+        this.tmpInput = onInput;
+        var res = this.renderChildren(ctx.rule.children, ctx);
+        this.force = false;
+        this.tmpInput = null;
+        return res;
+      },
+      createRuleVnode: function createRuleVnode(ctx, onInput, force) {
+        this.force = force !== false;
+        this.tmpInput = onInput;
+        var slotBag = makeSlotBag();
+        this.renderSlot(slotBag, ctx, ctx.parent);
+        this.force = false;
+        this.tmpInput = null;
+        return slotBag.getSlots();
+      },
       renderRule: function renderRule(rule, children, origin) {
         var _this9 = this;
 
@@ -4331,6 +4408,8 @@
       vm: handle.vm,
       $manager: handle.$manager,
       vNode: new handle.fc.CreateNode(handle.vm),
+      force: false,
+      tmpInput: null,
       id: id$1++
     });
     funcProxy(this, {
@@ -4477,7 +4556,7 @@
         fn.__json = _fn.__json;
         return fn;
       },
-      loadStrVar: function loadStrVar(str, get) {
+      loadStrVar: function loadStrVar(str, get, group) {
         var _this3 = this;
 
         if (str && typeof str === 'string' && str.indexOf('{{') > -1 && str.indexOf('}}') > -1) {
@@ -4490,7 +4569,29 @@
 
             if (field) {
               var def = (split[1] || '').trim();
-              var val = get ? get(field, def) : _this3.fc.getLoadData(field, def);
+              var val;
+              var flag = false;
+
+              if (group && field.indexOf('$form.') === 0) {
+                var _split = field.split('.');
+
+                _split.shift();
+
+                if (hasProperty(group.value, _split[0])) {
+                  flag = true;
+                  val = get ? get({
+                    id: '$form.' + _split[0] + '_' + group.rule.__fc__.id,
+                    getValue: function getValue() {
+                      return deepGet(group.value, _split);
+                    }
+                  }) : deepGet(group.value, _split);
+                }
+              }
+
+              if (!flag) {
+                val = get ? get(field, def) : _this3.fc.getLoadData(field, def);
+              }
+
               lastVal = val;
               str = str.replaceAll("{{".concat(v, "}}"), val == null ? '' : val);
             }
@@ -4503,11 +4604,20 @@
 
         return str;
       },
-      loadFetchVar: function loadFetchVar(options, get) {
+      loadFetchVar: function loadFetchVar(options, get, rule) {
         var _this4 = this;
 
+        var group;
+
+        if (rule && rule.__fc__) {
+          group = rule.__fc__.getParentGroup();
+        }
+
         var loadVal = function loadVal(str) {
-          return _this4.loadStrVar(str, get);
+          return _this4.loadStrVar(str, get, group ? {
+            rule: rule,
+            value: _this4.subRuleData[group.id] || {}
+          } : null);
         };
 
         options.action = loadVal(options.action || '');
@@ -5230,7 +5340,7 @@
               hideLst[valid ? 'push' : 'unshift'](function () {
                 if (method === 'disabled' || method === 'enabled') {
                   _this7.api.disabled(!valid, rule);
-                } else if (method === 'display') {
+                } else if (method === 'display' || method === 'show') {
                   _this7.api.display(valid, rule);
                 } else if (method === 'required') {
                   rule.forEach(function (item) {
@@ -5240,6 +5350,8 @@
                   if (!valid) {
                     _this7.api.clearValidateState(rule);
                   }
+                } else if (method === 'if') {
+                  _this7.api.hidden(!valid, rule);
                 } else {
                   _this7.api.hidden(!valid, rule);
                 }
@@ -5830,8 +5942,10 @@
               var match = temp.message.match(/^\{\{\s*\$t\.(.+)\s*\}\}$/);
 
               if (match) {
+                var _ctx$refRule, _ctx$refRule$__$title;
+
                 temp.message = _this.api.t(match[1], {
-                  title: ctx.refRule.__$title.value
+                  title: (_ctx$refRule = ctx.refRule) === null || _ctx$refRule === void 0 ? void 0 : (_ctx$refRule$__$title = _ctx$refRule.__$title) === null || _ctx$refRule$__$title === void 0 ? void 0 : _ctx$refRule$__$title.value
                 });
               }
             }
@@ -5978,7 +6092,9 @@
                   return one.handler(_this2.api, ctx.rule);
                 });
               } else {
-                flag = new Function('$condition', '$val', '$form', '$group', '$rule', "with($form){with(this){with($group){ return $condition['".concat(one.condition, "'](").concat(field, ", ").concat(compare ? compare : '$val', "); }}}")).call(_this2.api.form, condition, one.value, _this2.api.top.form, group ? _this2.subRuleData[group.id] || {} : {}, ctx.rule);
+                flag = invoke(function () {
+                  return new Function('$condition', '$val', '$form', '$scope', '$group', '$rule', "with($form){with($scope){with(this){with($group){ return $condition['".concat(one.condition, "'](").concat(field, ", ").concat(compare ? compare : '$val', "); }}}}")).call(_this2.api.form, condition, one.value, _this2.api.top.form, _this2.api.top === _this2.api.scope ? {} : _this2.api.scope.form, group ? _this2.subRuleData[group.id] || {} : {}, ctx.rule);
+                });
               }
 
               if (or && flag) {
@@ -6045,7 +6161,7 @@
 
           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);
+        return new Function('$formulas', '$form', '$scope', '$group', '$rule', '$api', "with($form){with($scope){with(this){with($group){with($formulas){ return ".concat(str, " }}}}}")).call(this.api.form, formulas, this.api.top.form, this.api.top === this.api.scope ? {} : this.api.scope.form, group ? this.subRuleData[group.id] || {} : {}, ctx.rule, this.api);
       },
       updateChildren: function updateChildren(ctx, n, o) {
         var _this3 = this;
@@ -6186,8 +6302,11 @@
           hook.forEach(function (fn) {
             invoke(function () {
               return fn(_objectSpread2(_objectSpread2({}, args || {}), {}, {
+                self: ctx.rule,
                 rule: ctx.rule,
-                api: _this2.api
+                $f: _this2.api,
+                api: _this2.api,
+                option: _this2.vm.props.option
               }));
             });
           });
@@ -6441,10 +6560,10 @@
     isBreakWatch: function isBreakWatch() {
       return this.loading || this.noWatchFn || this.reloading;
     },
-    beforeFetch: function beforeFetch(opt) {
+    globalBeforeFetch: function globalBeforeFetch(opt) {
       var _this2 = this;
 
-      return new Promise(function (resolve) {
+      return new Promise(function (resolve, reject) {
         var source = _this2.options.beforeFetch && invoke(function () {
           return _this2.options.beforeFetch(opt, {
             api: _this2.api
@@ -6452,11 +6571,32 @@
         });
 
         if (source && is.Function(source.then)) {
-          source.then(resolve);
+          source.then(resolve)["catch"](reject);
         } else {
           resolve();
         }
       });
+    },
+    beforeFetch: function beforeFetch(opt) {
+      var _this3 = this;
+
+      return new Promise(function (resolve, reject) {
+        var res = opt && opt.beforeFetch && invoke(function () {
+          return opt.beforeFetch(opt, {
+            api: _this3.api
+          });
+        });
+
+        if (res && is.Function(res.then)) {
+          res.then(resolve)["catch"](reject);
+        } else if (res === false) {
+          reject();
+        } else {
+          resolve();
+        }
+      }).then(function () {
+        return _this3.globalBeforeFetch(opt);
+      });
     }
   });
   useInject(Handler);
@@ -6658,7 +6798,7 @@
     var loadData = {
       name: 'loadData',
       _fn: [],
-      loaded: function loaded(inject, rule, api) {
+      mounted: function mounted(inject, rule, api) {
         this.deleted(inject);
         var attrs = toArray(inject.getValue());
         var unwatchs = [];
@@ -6912,7 +7052,7 @@
           return fetchAttr._fn[inject.id]();
         }
 
-        var _option = fc.$handle.loadFetchVar(deepCopy(option), get);
+        var _option = fc.$handle.loadFetchVar(deepCopy(option), get, rule);
 
         var config = _objectSpread2(_objectSpread2({
           headers: {}
@@ -7153,10 +7293,12 @@
     var globalConfig = {
       global: {}
     };
-    var loadData = vue.reactive({});
+    var isMobile = config.isMobile === true;
+    var loadData = vue.reactive({
+      $mobile: isMobile
+    });
     var CreateNode = CreateNodeFactory();
     var formulas = {};
-    var isMobile = config.isMobile === true;
     var prototype = {};
     exportAttrs(config.attrs || {});
 
@@ -7412,9 +7554,9 @@
           components: components,
           directives: directives
         },
+        get: null,
         drivers: drivers,
         renderDriver: null,
-        get: null,
         refreshData: refreshData,
         loadData: loadData,
         CreateNode: CreateNode,
@@ -7639,11 +7781,18 @@
           var handle = is.Function(option) ? option : parseFn(option.handle);
 
           if (handle) {
-            return deepGet(invoke(function () {
-              return handle(_this5.get || function () {
-                return _this5.getLoadData.apply(_this5, arguments);
-              }, _this5.$handle.api);
-            }), split);
+            var val;
+            var unwatch = this.watchLoadData(function (get, flag) {
+              if (flag) {
+                _this5.bus.$emit('$loadData.$var.' + key);
+
+                unwatch();
+              } else {
+                val = handle(get, _this5.$handle.api);
+              }
+            });
+            this.unwatch.push(unwatch);
+            return val;
           }
         }
       },
@@ -7663,9 +7812,11 @@
           var key = split.shift();
 
           if (key === '$topForm') {
-            val = this.$handle.api.top.formData();
+            val = this.$handle.api.top.formData(true);
+          } else if (key === '$scopeForm') {
+            val = this.$handle.api.scope.formData(true);
           } else if (key === '$form') {
-            val = this.$handle.api.formData();
+            val = this.$handle.api.formData(true);
           } else if (key === '$options') {
             val = this.options.value;
           } else if (key === '$globalData') {
@@ -7680,6 +7831,8 @@
           } else if (key === '$t') {
             val = this.globalLanguageDriver(split.join('.'));
             split = [];
+          } else if (key === '$preview') {
+            return this.$handle.preview;
           } else {
             var tmpData = this.vm.setupState.top.setupState.fc.tmpData;
 
@@ -7718,18 +7871,25 @@
         };
 
         var get = function get(id, def) {
+          var getValue;
+
+          if (_typeof(id) === 'object') {
+            getValue = id.getValue;
+            id = id.id;
+          }
+
           if (unwatch[id]) {
             return unwatch[id].val;
           }
 
           var data = vue.computed(function () {
-            return _this6.getLoadData(id, def);
+            return getValue ? getValue() : _this6.getLoadData(id, def);
           });
           var split = id.split('.');
           var key = split.shift();
           var key2 = split.shift() || '';
           var callback = debounce(function () {
-            var temp = _this6.getLoadData(id, def);
+            var temp = getValue ? getValue() : _this6.getLoadData(id, def);
 
             if (!unwatch[id]) {
               return;
@@ -8352,7 +8512,9 @@
     },
     makeInfo: function makeInfo(rule, uni, ctx) {
       var _ctx$refRule,
+          _ctx$refRule$__$title,
           _ctx$refRule2,
+          _ctx$refRule2$__$titl,
           _this5 = this;
 
       var titleProp = _objectSpread2({}, rule.title);
@@ -8363,10 +8525,10 @@
       var form = this.options.form;
       var titleSlot = this.getSlot('title');
       var children = [titleSlot ? titleSlot({
-        title: (_ctx$refRule = ctx.refRule) === null || _ctx$refRule === void 0 ? void 0 : _ctx$refRule.__$title.value,
+        title: (_ctx$refRule = ctx.refRule) === null || _ctx$refRule === void 0 ? void 0 : (_ctx$refRule$__$title = _ctx$refRule.__$title) === null || _ctx$refRule$__$title === void 0 ? void 0 : _ctx$refRule$__$title.value,
         rule: ctx.rule,
         options: this.options
-      }) : ((_ctx$refRule2 = ctx.refRule) === null || _ctx$refRule2 === void 0 ? void 0 : _ctx$refRule2.__$title.value) + (form.labelSuffix || form['label-suffix'] || '')];
+      }) : ((_ctx$refRule2 = ctx.refRule) === null || _ctx$refRule2 === void 0 ? void 0 : (_ctx$refRule2$__$titl = _ctx$refRule2.__$title) === null || _ctx$refRule2$__$titl === void 0 ? void 0 : _ctx$refRule2$__$titl.value) + (form.labelSuffix || form['label-suffix'] || '')];
 
       if (!isFalse(infoProp.show) && (infoProp.info || infoProp["native"]) && !isFalse(infoProp.icon)) {
         var prop = {
@@ -8382,9 +8544,9 @@
         var field = 'content';
 
         if (infoProp.info && !hasProperty(prop.props, field)) {
-          var _ctx$refRule3;
+          var _ctx$refRule3, _ctx$refRule3$__$info;
 
-          prop.props[field] = (_ctx$refRule3 = ctx.refRule) === null || _ctx$refRule3 === void 0 ? void 0 : _ctx$refRule3.__$info.value;
+          prop.props[field] = (_ctx$refRule3 = ctx.refRule) === null || _ctx$refRule3 === void 0 ? void 0 : (_ctx$refRule3$__$info = _ctx$refRule3.__$info) === null || _ctx$refRule3$__$info === void 0 ? void 0 : _ctx$refRule3$__$info.value;
         }
 
         children[infoProp.align !== 'left' ? 'unshift' : 'push'](this.$r(mergeProps([infoProp, prop]), _defineProperty({}, titleProp.slot || (isTip ? 'default' : 'reference'), function () {
@@ -8783,6 +8945,8 @@
         inject.clearProp();
         api.clearValidateState([rule.field]);
       } else {
+        var _rule$__fc__$refRule$;
+
         var validate = _objectSpread2({
           required: true,
           validator: function validator(_, v, call) {
@@ -8790,7 +8954,7 @@
           }
         }, val);
 
-        var title = rule.__fc__.refRule.__$title.value;
+        var title = (_rule$__fc__$refRule$ = rule.__fc__.refRule.__$title) === null || _rule$__fc__$refRule$ === void 0 ? void 0 : _rule$__fc__$refRule$.value;
 
         if (!validate.message) {
           validate.message = api.t('required', {
@@ -8863,7 +9027,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.18',
+      version: '3.2.20',
       manager: manager,
       extendApi: extendApi,
       install: install,