@form-create/element-ui 3.2.18 → 3.2.20

package/dist/form-create.esm.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.
@@ -1783,7 +1783,7 @@ var Group = defineComponent({
         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) {
@@ -2323,6 +2323,9 @@ function $FormCreate(FormCreate, components, directives) {
       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);
@@ -2337,6 +2340,10 @@ function $FormCreate(FormCreate, components, directives) {
           fapi.top.bus.$on('change', emit$change);
         }
 
+        if (fapi !== fapi.scope) {
+          fapi.scope.bus.$on('$loadData.$scopeForm', emit$scopeForm);
+        }
+
         fc.mounted();
       });
       onBeforeUnmount(function () {
@@ -2345,6 +2352,10 @@ function $FormCreate(FormCreate, components, directives) {
           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;
@@ -2358,6 +2369,14 @@ function $FormCreate(FormCreate, components, directives) {
       }, {
         immediate: true
       });
+      watch(function () {
+        return props.option;
+      }, function () {
+        fc.initOptions();
+        fapi.refresh();
+      }, {
+        deep: true
+      });
       watch(function () {
         return _toConsumableArray(rule.value);
       }, function (n) {
@@ -2368,14 +2387,6 @@ function $FormCreate(FormCreate, components, directives) {
         fc.$handle.reloadRule(rule.value);
         vm.setupState.renderRule();
       });
-      watch(function () {
-        return props.option;
-      }, function () {
-        fc.initOptions();
-        fapi.refresh();
-      }, {
-        deep: true
-      });
       watch(function () {
         return [props.disabled, props.preview];
       }, function () {
@@ -2436,6 +2447,9 @@ function $FormCreate(FormCreate, components, directives) {
 
             if (!parent) {
               emit$topForm();
+              emit$scopeForm();
+            } else if (!subForm.value) {
+              emit$scopeForm();
             }
           });
         }
@@ -3017,10 +3031,12 @@ function fetch$1(option) {
   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);
+      }
     }
   }
 
@@ -3160,6 +3176,20 @@ function Api(h) {
       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();
     },
@@ -3190,10 +3220,10 @@ function Api(h) {
     },
 
     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]);
           }
         });
@@ -3668,6 +3698,16 @@ function Api(h) {
         }
       });
     },
+    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();
@@ -3734,7 +3774,11 @@ function Api(h) {
       }, 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) {
@@ -3971,7 +4015,7 @@ function useRender$1(Render) {
         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);
@@ -4023,6 +4067,18 @@ function useRender$1(Render) {
 
             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);
@@ -4201,6 +4257,8 @@ function useRender$1(Render) {
       }];
 
       if (ctx.input) {
+        var tmpInput = this.tmpInput;
+
         if (this.vm.props.disabled === true) {
           ctx.prop.props.disabled = true;
         }
@@ -4208,6 +4266,8 @@ function useRender$1(Render) {
         var field = this.getModelField(ctx);
         var model = {
           callback: function callback(value) {
+            tmpInput && tmpInput(ctx.field, value, ctx.rule);
+
             _this7.onInput(ctx, value);
           },
           modelField: field,
@@ -4280,6 +4340,23 @@ function useRender$1(Render) {
       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;
 
@@ -4327,6 +4404,8 @@ function Render(handle) {
     vm: handle.vm,
     $manager: handle.$manager,
     vNode: new handle.fc.CreateNode(handle.vm),
+    force: false,
+    tmpInput: null,
     id: id$1++
   });
   funcProxy(this, {
@@ -4473,7 +4552,7 @@ function useInject(Handler) {
       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) {
@@ -4486,7 +4565,29 @@ function useInject(Handler) {
 
           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);
           }
@@ -4499,11 +4600,20 @@ function useInject(Handler) {
 
       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 || '');
@@ -5226,7 +5336,7 @@ function useLoader(Handler) {
             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) {
@@ -5236,6 +5346,8 @@ function useLoader(Handler) {
                 if (!valid) {
                   _this7.api.clearValidateState(rule);
                 }
+              } else if (method === 'if') {
+                _this7.api.hidden(!valid, rule);
               } else {
                 _this7.api.hidden(!valid, rule);
               }
@@ -5826,8 +5938,10 @@ function useContext(Handler) {
             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
               });
             }
           }
@@ -5974,7 +6088,9 @@ function useContext(Handler) {
                 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) {
@@ -6041,7 +6157,7 @@ function useContext(Handler) {
 
         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;
@@ -6182,8 +6298,11 @@ function useLifecycle(Handler) {
         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
             }));
           });
         });
@@ -6437,10 +6556,10 @@ extend(Handler.prototype, {
   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
@@ -6448,11 +6567,32 @@ extend(Handler.prototype, {
       });
 
       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);
@@ -6654,7 +6794,7 @@ var loadData = function loadData(fc) {
   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 = [];
@@ -6908,7 +7048,7 @@ var fetch = function fetch(fc) {
         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: {}
@@ -7149,10 +7289,12 @@ function FormCreateFactory(config) {
   var globalConfig = {
     global: {}
   };
-  var loadData = reactive({});
+  var isMobile = config.isMobile === true;
+  var loadData = reactive({
+    $mobile: isMobile
+  });
   var CreateNode = CreateNodeFactory();
   var formulas = {};
-  var isMobile = config.isMobile === true;
   var prototype = {};
   exportAttrs(config.attrs || {});
 
@@ -7408,9 +7550,9 @@ function FormCreateFactory(config) {
         components: components,
         directives: directives
       },
+      get: null,
       drivers: drivers,
       renderDriver: null,
-      get: null,
       refreshData: refreshData,
       loadData: loadData,
       CreateNode: CreateNode,
@@ -7635,11 +7777,18 @@ function FormCreateFactory(config) {
         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;
         }
       }
     },
@@ -7659,9 +7808,11 @@ function FormCreateFactory(config) {
         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') {
@@ -7676,6 +7827,8 @@ function FormCreateFactory(config) {
         } 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;
 
@@ -7714,18 +7867,25 @@ function FormCreateFactory(config) {
       };
 
       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 = 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;
@@ -8348,7 +8508,9 @@ var manager = {
   },
   makeInfo: function makeInfo(rule, uni, ctx) {
     var _ctx$refRule,
+        _ctx$refRule$__$title,
         _ctx$refRule2,
+        _ctx$refRule2$__$titl,
         _this5 = this;
 
     var titleProp = _objectSpread2({}, rule.title);
@@ -8359,10 +8521,10 @@ var manager = {
     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 = {
@@ -8378,9 +8540,9 @@ var manager = {
       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 () {
@@ -8779,6 +8941,8 @@ var required = {
       inject.clearProp();
       api.clearValidateState([rule.field]);
     } else {
+      var _rule$__fc__$refRule$;
+
       var validate = _objectSpread2({
         required: true,
         validator: function validator(_, v, call) {
@@ -8786,7 +8950,7 @@ var required = {
         }
       }, 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', {
@@ -8859,7 +9023,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.2.18',
+    version: '3.2.20',
     manager: manager,
     extendApi: extendApi,
     install: install,