@form-create/element-ui 3.2.4 → 3.2.6

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.4
+ * @form-create/element-ui v3.2.6
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -1296,7 +1296,7 @@
     }
   });
 
-  var css_248z$2 = "._fc-exceed .el-upload{display:none}.el-upload-list.is-disabled .el-upload{cursor:not-allowed!important}";
+  var css_248z$2 = "._fc-upload{width:100%}._fc-exceed .el-upload{display:none}.el-upload-list.is-disabled .el-upload{cursor:not-allowed!important}";
   styleInject(css_248z$2);
 
   var script$1 = {
@@ -1372,8 +1372,12 @@
         if (this.onPreview) {
           this.onPreview.apply(this, arguments);
         } else {
-          this.previewImage = file.url;
-          this.previewVisible = true;
+          if ('text' === this.$attrs.listType) {
+            window.open(file.url);
+          } else {
+            this.previewImage = file.url;
+            this.previewVisible = true;
+          }
         }
       },
       update: function update(fileList) {
@@ -1405,7 +1409,9 @@
           _this = this;
 
       var len = toArray(this.modelValue).length;
-      return vue.createVNode(vue.Fragment, null, [vue.createVNode(vue.resolveComponent("ElUpload"), vue.mergeProps({
+      return vue.createVNode("div", {
+        "class": "_fc-upload"
+      }, [vue.createVNode(vue.resolveComponent("ElUpload"), vue.mergeProps({
         "key": len,
         "list-type": "picture-card"
       }, this.$attrs, {
@@ -1419,10 +1425,16 @@
         "ref": "upload"
       }), _objectSpread2({
         "default": function _default() {
-          return [((_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)) || vue.createVNode(vue.resolveComponent("ElIcon"), null, {
+          return [(_this$$slots$default = (_this$$slots = _this.$slots)["default"]) !== null && _this$$slots$default !== void 0 && _this$$slots$default.call(_this$$slots) || ['text', 'picture'].indexOf(_this.$attrs.listType) === -1 ? vue.createVNode(vue.resolveComponent("ElIcon"), null, {
             "default": function _default() {
               return [vue.createVNode(script$1, null, null)];
             }
+          }) : vue.createVNode(vue.resolveComponent("ElButton"), {
+            "type": "primary"
+          }, {
+            "default": function _default() {
+              return [vue.createTextVNode("\u70B9\u51FB\u4E0A\u4F20")];
+            }
           })];
         }
       }, getSlot(this.$slots, ['default']))), vue.createVNode(vue.resolveComponent("ElDialog"), {
@@ -3770,6 +3782,8 @@
               _vn = _this4.renderSides(_vn, ctx);
 
               if (!(!ctx.input && is.Undef(prop["native"])) && prop["native"] !== true) {
+                _this4.fc.targetFormDriver('updateWrap', ctx);
+
                 _vn = _this4.$manager.makeWrap(ctx, _vn);
               }
 
@@ -4143,12 +4157,14 @@
         return event;
       },
       getInjectData: function getInjectData(self, inject) {
-        var _this$vm$props = this.vm.props,
-            option = _this$vm$props.option,
-            rule = _this$vm$props.rule;
+        var $api = self.__fc__ && self.__fc__.$api;
+        var vm = self.__fc__ && self.__fc__.$handle.vm || this.vm.props;
+        var _vm$props = vm.props,
+            option = _vm$props.option,
+            rule = _vm$props.rule;
         return {
-          $f: this.api,
-          api: this.api,
+          $f: $api || this.api,
+          api: $api || this.api,
           rule: rule,
           self: self.__origin__,
           option: option,
@@ -4780,6 +4796,11 @@
             return !!(rule.field && _this6.fieldCtx[rule.field] && _this6.fieldCtx[rule.field][0] !== _rule.__fc__);
           };
 
+          _this6.fc.targetFormDriver('loadRule', {
+            rule: rule,
+            api: _this6.api
+          }, _this6.fc);
+
           _this6.ruleEffect(rule, 'init', {
             repeat: isRepeat()
           });
@@ -4825,10 +4846,10 @@
           } else {
             if (ctx.originType !== ctx.rule.type) {
               ctx.updateType();
-
-              _this6.bindParser(ctx);
             }
 
+            _this6.bindParser(ctx);
+
             _this6.appendValue(ctx.rule);
 
             if (ctx.parent && ctx.parent !== parent) {
@@ -5476,8 +5497,6 @@
           }
 
           Object.keys(computed).forEach(function (k) {
-            var _val = deepGet(ctx.rule, k);
-
             ctx.watch.push(vue.watch(function () {
               var item = computed[k];
               if (!item) return undefined;
@@ -5548,7 +5567,7 @@
                 }
               });
             }, {
-              immediate: _val == null || _val === ''
+              immediate: k === 'value' ? [undefined, null, ''].indexOf(ctx.rule.value) > -1 : true
             }));
           });
         });
@@ -5658,6 +5677,7 @@
         }
       },
       lifecycle: function lifecycle(name) {
+        this.fc.targetFormDriver(name, this.api, this.fc);
         this.vm.emit(name, this.api);
         this.emitEvent(name, this.api);
       },
@@ -6110,17 +6130,10 @@
       }), opt, this.mergeOptionsRule);
     },
     updateOptions: function updateOptions(options) {
-      var _this3 = this;
-
-      if (this.$handle.fc.renderDriver && this.$handle.fc.renderDriver.updateOptions) {
-        invoke(function () {
-          _this3.$handle.fc.renderDriver.updateOptions(options, {
-            handle: _this3.$handle,
-            api: _this3.$handle.api
-          });
-        });
-      }
-
+      this.$handle.fc.targetFormDriver('updateOptions', options, {
+        handle: this.$handle,
+        api: this.$handle.api
+      });
       this.options = this.mergeOptions([options], this.getDefaultOptions());
       this.update();
     },
@@ -6830,14 +6843,39 @@
           }));
         }
 
-        var driver = this.vm.setupState.parent ? this.vm.setupState.parent.setupState.fc.renderDriver : this.vm.props.driver;
-        this.renderDriver = this.drivers[driver];
+        if (this.vm.props.driver) {
+          this.renderDriver = this.drivers[this.vm.props.driver];
+        }
+
+        if (!this.renderDriver && this.vm.setupState.parent) {
+          this.renderDriver = this.vm.setupState.parent.setupState.fc.renderDriver;
+        }
+
+        if (!this.renderDriver) {
+          this.renderDriver = this.drivers["default"];
+        }
+
         this.initOptions();
         this.$handle.init();
       },
-      globalDataDriver: function globalDataDriver(id) {
+      targetFormDriver: function targetFormDriver(method) {
         var _this3 = this;
 
+        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+          args[_key2 - 1] = arguments[_key2];
+        }
+
+        if (this.renderDriver && this.renderDriver[method]) {
+          return invoke(function () {
+            var _this3$renderDriver;
+
+            return (_this3$renderDriver = _this3.renderDriver)[method].apply(_this3$renderDriver, args);
+          });
+        }
+      },
+      globalDataDriver: function globalDataDriver(id) {
+        var _this4 = this;
+
         var split = id.split('.');
         var key = split.shift();
         var option = this.options.value.globalData && this.options.value.globalData[key];
@@ -6869,28 +6907,28 @@
             var reload = debounce(function () {
               unwatch();
 
-              var res = _this3.fetchCache.get(option);
+              var res = _this4.fetchCache.get(option);
 
-              if (_this3.options.value.globalData && Object.values(_this3.options.value.globalData).indexOf(option) !== -1) {
+              if (_this4.options.value.globalData && Object.values(_this4.options.value.globalData).indexOf(option) !== -1) {
                 if (res) {
                   res.loading = true;
 
-                  _this3.fetchCache.set(option, res);
+                  _this4.fetchCache.set(option, res);
                 }
 
-                _this3.bus.$emit('$loadData.$globalData.' + key);
+                _this4.bus.$emit('$loadData.$globalData.' + key);
               } else {
-                _this3.fetchCache["delete"](option);
+                _this4.fetchCache["delete"](option);
               }
             }, option.wait || 600);
 
             var _emit = function _emit(data) {
-              _this3.fetchCache.set(option, {
+              _this4.fetchCache.set(option, {
                 status: true,
                 data: data
               });
 
-              _this3.bus.$emit('$loadData.$globalData.' + key);
+              _this4.bus.$emit('$loadData.$globalData.' + key);
             };
 
             var callback = function callback(get, change) {
@@ -6903,9 +6941,9 @@
                 return;
               }
 
-              var options = _this3.$handle.loadFetchVar(copy$1(option), get);
+              var options = _this4.$handle.loadFetchVar(copy$1(option), get);
 
-              _this3.$handle.api.fetch(options).then(function (res) {
+              _this4.$handle.api.fetch(options).then(function (res) {
                 _emit(res);
               })["catch"](function (e) {
                 _emit(null);
@@ -6919,7 +6957,7 @@
         }
       },
       globalVarDriver: function globalVarDriver(id) {
-        var _this4 = this;
+        var _this5 = this;
 
         var split = id.split('.');
         var key = split.shift();
@@ -6934,11 +6972,11 @@
               if (change) {
                 unwatch();
 
-                _this4.bus.$emit('$loadData.$var.' + key);
+                _this5.bus.$emit('$loadData.$var.' + key);
               }
 
               val = invoke(function () {
-                return handle(get, _this4.$handle.api);
+                return handle(get, _this5.$handle.api);
               });
             });
             this.unwatch.push(unwatch);
@@ -6978,7 +7016,7 @@
         return val == null || val === '' ? def : val;
       },
       watchLoadData: function watchLoadData(fn) {
-        var _this5 = this;
+        var _this6 = this;
 
         var unwatch = {};
 
@@ -6993,14 +7031,14 @@
             return unwatch[id].val;
           }
 
-          var val = _this5.getLoadData(id, def);
+          var val = _this6.getLoadData(id, def);
 
           var split = id.split('.');
           var key = split.shift();
           var key2 = split.shift() || '';
           var callback = debounce(function () {
             if (key !== id) {
-              var temp = _this5.getLoadData(id, def);
+              var temp = _this6.getLoadData(id, def);
 
               if (JSON.stringify(temp) !== JSON.stringify(unwatch[id].val)) {
                 unwatch[id].val = temp;
@@ -7011,18 +7049,18 @@
             }
           }, 0);
 
-          _this5.bus.$on('$loadData.' + key, callback);
+          _this6.bus.$on('$loadData.' + key, callback);
 
           if (key2) {
-            _this5.bus.$on('$loadData.' + key + '.' + key2, callback);
+            _this6.bus.$on('$loadData.' + key + '.' + key2, callback);
           }
 
           unwatch[id] = {
             fn: function fn() {
-              _this5.bus.$off('$loadData.' + key, callback);
+              _this6.bus.$off('$loadData.' + key, callback);
 
               if (key2) {
-                _this5.bus.$off('$loadData.' + key + '.' + key2, callback);
+                _this6.bus.$off('$loadData.' + key + '.' + key2, callback);
               }
             },
             val: val
@@ -7092,7 +7130,7 @@
         this.$handle.mounted();
       },
       unmount: function unmount() {
-        var _this6 = this;
+        var _this7 = this;
 
         if (this.name) {
           if (this.inFor) {
@@ -7104,7 +7142,7 @@
         }
 
         listener.forEach(function (item) {
-          _this6.bus.$off(item.name, item.callback);
+          _this7.bus.$off(item.name, item.callback);
         });
         this.unwatch.forEach(function (fn) {
           return fn();
@@ -7113,10 +7151,10 @@
         this.$handle.reloadRule([]);
       },
       updated: function updated() {
-        var _this7 = this;
+        var _this8 = this;
 
         this.$handle.bindNextTick(function () {
-          return _this7.bus.$emit('next-tick', _this7.$handle.api);
+          return _this8.bus.$emit('next-tick', _this8.$handle.api);
         });
       }
     });
@@ -8108,7 +8146,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.4',
+      version: '3.2.6',
       manager: manager,
       extendApi: extendApi,
       install: install,