@form-create/element-ui 3.2.14 → 3.2.16

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.14
+ * @form-create/element-ui v3.2.16
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -1418,7 +1418,7 @@
       onPreview: Function,
       modalTitle: String,
       listType: String,
-      modelValue: [Array, String]
+      modelValue: [Array, String, Object]
     },
     emits: ['update:modelValue', 'change', 'remove', 'fc.el'],
     data: function data() {
@@ -1453,7 +1453,7 @@
         var files = fileList.map(function (v) {
           return v.is_string ? v.url : v.value || v.url;
         }).filter(function (url) {
-          return url !== undefined && url.indexOf('blob:') !== 0;
+          return url !== undefined;
         });
         this.$emit('update:modelValue', files);
       },
@@ -2613,7 +2613,14 @@
         }
 
         if (!flag) return fn;
-        var val = makeFn(v);
+        var val;
+
+        try {
+          val = makeFn(v);
+        } catch (e) {
+          val = makeFn('function ' + v);
+        }
+
         val.__json = fn;
         return val;
       } catch (e) {
@@ -2875,6 +2882,21 @@
 
     return Object.keys(matches);
   }
+  function convertFieldToConditions(field) {
+    var parts = field.split('.');
+    var conditions = [];
+    var currentCondition = '';
+    parts.forEach(function (part, index) {
+      if (index === 0) {
+        currentCondition = part;
+      } else {
+        currentCondition += '.' + part;
+      }
+
+      conditions.push(currentCondition);
+    });
+    return conditions.join(' && ');
+  }
 
   function baseRule() {
     return {
@@ -3667,11 +3689,16 @@
           });
         });
       },
-      watchFetch: function watchFetch(opt, callback, error) {
+      watchFetch: function watchFetch(opt, callback, error, beforeFetch) {
         return h.fc.watchLoadData(function (get, change) {
           var _opt = deepCopy(opt);
 
           _opt = h.loadFetchVar(_opt, get);
+
+          if (beforeFetch && beforeFetch(_opt, change) === false) {
+            return;
+          }
+
           h.beforeFetch(_opt).then(function () {
             return asyncFetch(_opt, h.fc.create.fetch, api).then(function (res) {
               invoke(function () {
@@ -3685,11 +3712,18 @@
               error && error(e);
             });
           });
-        });
+        }, opt.wait == null ? 1000 : opt.wait);
       },
       getData: function getData(id, def) {
         return h.fc.getLoadData(id, def);
       },
+      watchData: function watchData(fn) {
+        return h.fc.watchLoadData(function (get, change) {
+          invoke(function () {
+            return fn(get, change);
+          });
+        });
+      },
       setData: function setData(id, data, isGlobal) {
         return h.fc.setData(id, data, isGlobal);
       },
@@ -4370,7 +4404,7 @@
       },
       getInjectData: function getInjectData(self, inject) {
         var $api = self.__fc__ && self.__fc__.$api;
-        var vm = self.__fc__ && self.__fc__.$handle.vm || this.vm.props;
+        var vm = self.__fc__ && self.__fc__.$handle.vm || this.vm;
         var _vm$props = vm.props,
             option = _vm$props.option,
             rule = _vm$props.rule;
@@ -4546,6 +4580,12 @@
     Object.defineProperties(ctx.origin, {
       __fc__: enumerable(vue.markRaw(ctx), true)
     });
+
+    if (ctx.rule !== ctx.origin) {
+      Object.defineProperties(ctx.rule, {
+        __fc__: enumerable(vue.markRaw(ctx), true)
+      });
+    }
   }
 
   function RuleContext(handle, rule, defaultValue) {
@@ -4889,8 +4929,8 @@
         var rule = ctx.rule;
         is.trueArray(rule.sync) && mergeProps([{
           on: rule.sync.reduce(function (pre, prop) {
-            pre["update:".concat(prop)] = function (val) {
-              rule.props[prop] = val;
+            pre[_typeof(prop) === 'object' && prop.event || "update:".concat(prop)] = function (val) {
+              rule.props[_typeof(prop) === 'object' && prop.prop || prop] = val;
 
               _this4.vm.emit('sync', prop, val, rule, _this4.fapi);
             };
@@ -5016,7 +5056,7 @@
                   return;
                 }
 
-                rules[index] = _rule = _rule._clone ? _rule._clone() : copyRule(_rule);
+                rules[index] = _rule = _rule._clone ? _rule._clone() : parseJson(toJson(_rule));
                 ctx = null;
                 isCopy = true;
               }
@@ -5544,6 +5584,7 @@
   };
 
   var noneKey = ['field', 'value', 'vm', 'template', 'name', 'config', 'control', 'inject', 'sync', 'payload', 'optionsTo', 'update', 'slotUpdate', 'computed', 'component', 'cache'];
+  var oldValueTag = Symbol('oldValue');
   function useContext(Handler) {
     extend(Handler.prototype, {
       getCtx: function getCtx(id) {
@@ -5813,7 +5854,7 @@
 
               var value = _this.compute(ctx, item);
 
-              if (item.linkage && value === undefined) {
+              if (item.linkage && value === oldValueTag) {
                 return oldValue;
               }
 
@@ -5868,10 +5909,22 @@
             var _loop = function _loop(i) {
               var one = item.group[i];
               var flag = void 0;
-              var field = one.field;
+              var field = null;
 
               if (one.variable) {
                 field = JSON.stringify(_this2.fc.getLoadData(one.variable) || '');
+              } else if (one.field) {
+                field = convertFieldToConditions(one.field || '');
+              } else {
+                return {
+                  v: true
+                };
+              }
+
+              var compare = one.compare;
+
+              if (compare) {
+                compare = convertFieldToConditions(compare || '');
               }
 
               if (one.mode) {
@@ -5883,7 +5936,7 @@
                   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(one.compare ? one.compare : '$val', "); }}}")).call(_this2.api.form, condition, one.value, _this2.api.top.form, group ? _this2.subRuleData[group.id] || {} : {}, ctx.rule);
+                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);
               }
 
               if (or && flag) {
@@ -5912,7 +5965,7 @@
           if (item.linkage) {
             return val ? invoke(function () {
               return _this2.computeValue(item.linkage, ctx, group);
-            }, undefined) : undefined;
+            }, undefined) : oldValueTag;
           }
 
           return val;
@@ -6309,9 +6362,14 @@
     this.$manager = new fc.manager(this);
     this.$render = new Render(this);
     this.api = fc.extendApiFn.reduce(function (api, fn) {
-      extend(api, invoke(function () {
+      var extendApi = invoke(function () {
         return fn(api, _this);
-      }, {}));
+      });
+
+      if (extendApi && extendApi !== api) {
+        extend(api, extendApi);
+      }
+
       return api;
     }, Api(this));
   }
@@ -6613,6 +6671,8 @@
           this._fn[inject.id].forEach(function (un) {
             un();
           });
+
+          delete this._fn[inject.id];
         }
 
         inject.clearProp();
@@ -6675,6 +6735,8 @@
           this._fn[inject.id].forEach(function (un) {
             un();
           });
+
+          delete this._fn[inject.id];
         }
 
         inject.clearProp();
@@ -6754,6 +6816,13 @@
           deepSet(inject.getProp(), option.to || 'options', val);
         }
 
+        if (val != null && option && option.key && fc.$handle.options.globalData[option.key]) {
+          fc.fetchCache.set(fc.$handle.options.globalData[option.key], {
+            status: true,
+            data: val
+          });
+        }
+
         api.sync(rule);
       };
 
@@ -6871,6 +6940,8 @@
       deleted: function deleted(inject) {
         if (this._fn[inject.id]) {
           this._fn[inject.id]();
+
+          delete this._fn[inject.id];
         }
 
         inject.clearProp();
@@ -7001,7 +7072,8 @@
   }
 
   var id = 1;
-  var instance = {}; //todo 表单嵌套
+  var instance = {};
+  var defValueTag = Symbol('defValue'); //todo 表单嵌套
 
   function FormCreateFactory(config) {
     var components = _defineProperty({}, fragment.name, fragment);
@@ -7224,7 +7296,11 @@
       id = split.shift();
       var field = split.join('.');
 
-      if (hasProperty(loadData, id)) {
+      if (!hasProperty(loadData, id)) {
+        loadData[id] = defValueTag;
+      }
+
+      if (loadData[id] !== defValueTag) {
         var val = loadData[id];
 
         if (val && val._driver) {
@@ -7277,6 +7353,7 @@
         },
         drivers: drivers,
         renderDriver: null,
+        get: null,
         refreshData: refreshData,
         loadData: loadData,
         CreateNode: CreateNode,
@@ -7509,22 +7586,11 @@
           var handle = is.Function(option) ? option : option.handle;
 
           if (handle) {
-            var val;
-            var unwatch = this.watchLoadData(function (get, change) {
-              if (change) {
-                unwatch();
-
-                _this5.bus.$emit('$loadData.$var.' + key);
-
-                return val;
-              }
-
-              val = invoke(function () {
-                return handle(get, _this5.$handle.api);
-              });
-            });
-            this.unwatch.push(unwatch);
-            return val;
+            return deepGet(invoke(function () {
+              return handle(_this5.get || function () {
+                return _this5.getLoadData.apply(_this5, arguments);
+              }, _this5.$handle.api);
+            }), split);
           }
         }
       },
@@ -7563,7 +7629,12 @@
             split = [];
           } else {
             var tmpData = this.vm.setupState.top.setupState.fc.tmpData;
-            val = hasProperty(tmpData, key) ? deepGet(tmpData, id) : getData(id);
+
+            if (!hasProperty(tmpData, key)) {
+              tmpData[key] = defValueTag;
+            }
+
+            val = tmpData[key] !== defValueTag ? deepGet(tmpData, id) : getData(id);
             split = [];
           }
 
@@ -7574,15 +7645,23 @@
 
         return val == null || val === '' ? def : val;
       },
-      watchLoadData: function watchLoadData(fn) {
+      watchLoadData: function watchLoadData(fn, wait) {
         var _this6 = this;
 
         var unwatch = {};
 
         var run = function run(flag) {
+          if (!_this6.get) {
+            _this6.get = get;
+          }
+
           invoke(function () {
             fn(get, flag);
           });
+
+          if (_this6.get === get) {
+            _this6.get = undefined;
+          }
         };
 
         var get = function get(id, def) {
@@ -7605,7 +7684,7 @@
               unwatch[id].val = temp;
               run(true);
             }
-          }, 0);
+          }, wait || 0);
           var un = vue.watch(data, function (n) {
             callback();
           });
@@ -7665,8 +7744,8 @@
         this.updateOptions(options);
       },
       mergeOptions: function mergeOptions(target, opt, parent) {
-        opt = deepCopy(opt);
-        parent && ['page', 'onSubmit', 'mounted', 'reload', 'formData', 'el', 'globalClass', 'style'].forEach(function (n) {
+        opt = _objectSpread2({}, opt || {});
+        parent && ['page', 'onSubmit', 'onReset', 'onCreated', 'onChange', 'onMounted', 'mounted', 'onReload', 'reload', 'formData', 'el', 'globalClass', 'style'].forEach(function (n) {
           delete opt[n];
         });
 
@@ -8462,7 +8541,7 @@
     return maker;
   }
 
-  var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create{width:100%}.form-create .fc-none,.form-create.is-preview .el-form-item.is-required>.el-form-item__label-wrap>.el-form-item__label:before,.form-create.is-preview .el-form-item.is-required>.el-form-item__label:before,.form-create.is-preview .fc-clock{display:none!important}.fc-wrap-right .el-form-item__label{justify-content:flex-end}.fc-wrap-left .el-form-item__label{justify-content:flex-start}.fc-wrap-top.el-form-item{display:block}.fc-wrap-top.el-form-item .el-form-item__label{display:block;height:auto;line-height:22px;margin-bottom:8px;text-align:left}.el-form--large .fc-wrap-top.el-form-item .el-form-item__label{line-height:22px;margin-bottom:12px}.el-form--default .fc-wrap-top.el-form-item .el-form-item__label{line-height:22px;margin-bottom:8px}.el-form--small .fc-wrap-top.el-form-item .el-form-item__label{line-height:20px;margin-bottom:4px}.fc-form-footer{margin-top:12px}";
+  var css_248z = ".form-create .form-create .el-form-item{margin-bottom:22px}.form-create{width:100%}.form-create .fc-none,.form-create.is-preview .el-form-item.is-required>.el-form-item__label-wrap>.el-form-item__label:before,.form-create.is-preview .el-form-item.is-required>.el-form-item__label:before,.form-create.is-preview .fc-clock{display:none!important}.fc-wrap-right>.el-form-item__label{display:flex;justify-content:flex-end}.fc-wrap-left>.el-form-item__label{display:flex;justify-content:flex-start}.fc-wrap-top.el-form-item{display:block}.fc-wrap-top.el-form-item>.el-form-item__label{display:block;height:auto;line-height:22px;margin-bottom:8px;text-align:left}.el-form--large .fc-wrap-top.el-form-item>.el-form-item__label{line-height:22px;margin-bottom:12px}.el-form--default .fc-wrap-top.el-form-item>.el-form-item__label{line-height:22px;margin-bottom:8px}.el-form--small .fc-wrap-top.el-form-item>.el-form-item__label{line-height:20px;margin-bottom:4px}.fc-form-footer{margin-top:12px}";
   styleInject(css_248z);
 
   function tidyBtnProp(btn, def) {
@@ -8722,7 +8801,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.14',
+      version: '3.2.16',
       manager: manager,
       extendApi: extendApi,
       install: install,