@form-create/element-ui 3.2.5 → 3.2.7

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.2.5
+ * @form-create/element-ui v3.2.7
  * (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 = {
@@ -1349,6 +1349,7 @@
       previewMask: undefined,
       onPreview: Function,
       modalTitle: String,
+      listType: String,
       modelValue: [Array, String]
     },
     emits: ['update:modelValue', 'change', 'remove', 'fc.el'],
@@ -1372,8 +1373,12 @@
         if (this.onPreview) {
           this.onPreview.apply(this, arguments);
         } else {
-          this.previewImage = file.url;
-          this.previewVisible = true;
+          if ('text' === this.listType) {
+            window.open(file.url);
+          } else {
+            this.previewImage = file.url;
+            this.previewVisible = true;
+          }
         }
       },
       update: function update(fileList) {
@@ -1405,10 +1410,12 @@
           _this = this;
 
       var len = toArray(this.modelValue).length;
-      return vue.createVNode(vue.Fragment, null, [vue.createVNode(vue.resolveComponent("ElUpload"), vue.mergeProps({
-        "key": len,
-        "list-type": "picture-card"
+      return vue.createVNode("div", {
+        "class": "_fc-upload"
+      }, [vue.createVNode(vue.resolveComponent("ElUpload"), vue.mergeProps({
+        "key": len
       }, this.$attrs, {
+        "list-type": this.listType || 'picture-card',
         "class": {
           '_fc-exceed': this.$attrs.limit ? this.$attrs.limit <= len : false
         },
@@ -1419,10 +1426,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.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"), {
@@ -2105,7 +2118,7 @@
           }
         },
         extendOption: Boolean,
-        driver: String,
+        driver: [String, Object],
         modelValue: Object,
         disabled: {
           type: Boolean,
@@ -2115,6 +2128,7 @@
           type: Boolean,
           "default": undefined
         },
+        index: [String, Number],
         api: Object,
         name: String,
         subForm: {
@@ -2280,7 +2294,6 @@
           if (JSON.stringify(n || {}) === data.updateValue) return;
 
           if (fapi.config.forceCoverValue) {
-            fc.$handle.appendData = {};
             fapi.coverValue(n || {});
           } else {
             fapi.setValue(n || {});
@@ -2288,6 +2301,18 @@
         }, {
           deep: true
         });
+        vue.watch(function () {
+          return props.index;
+        }, function () {
+          fapi.coverValue({});
+          vue.nextTick(function () {
+            vue.nextTick(function () {
+              fapi.clearValidateState();
+            });
+          });
+        }, {
+          flush: 'sync'
+        });
         return _objectSpread2(_objectSpread2({
           fc: vue.markRaw(fc),
           parent: parent ? vue.markRaw(parent) : parent,
@@ -3001,6 +3026,7 @@
         var data = _objectSpread2({}, formData || {});
 
         h.deferSyncValue(function () {
+          h.appendData = {};
           api.fields().forEach(function (key) {
             var ctxs = h.fieldCtx[key];
 
@@ -3013,7 +3039,7 @@
             }
           });
           extend(h.appendData, data);
-        });
+        }, true);
       },
       setValue: function setValue(field) {
         var formData = field;
@@ -3026,7 +3052,7 @@
               ctx.rule.value = formData[key];
             });
           });
-        });
+        }, true);
       },
       removeField: function removeField(field) {
         var ctx = h.getCtx(field);
@@ -3770,6 +3796,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 +4171,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 +4810,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 +4860,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) {
@@ -5198,7 +5233,7 @@
           this.deferSyncFn = null;
 
           if (fn.sync) {
-            this.syncValue();
+            this.syncForm();
           }
         }
       },
@@ -5656,6 +5691,7 @@
         }
       },
       lifecycle: function lifecycle(name) {
+        this.fc.targetFormDriver(name, this.api, this.fc);
         this.vm.emit(name, this.api);
         this.emitEvent(name, this.api);
       },
@@ -6108,17 +6144,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();
     },
@@ -6828,14 +6857,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 = _typeof(this.vm.props.driver) === 'object' ? this.vm.props.driver : 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];
@@ -6867,28 +6921,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) {
@@ -6901,9 +6955,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);
@@ -6917,7 +6971,7 @@
         }
       },
       globalVarDriver: function globalVarDriver(id) {
-        var _this4 = this;
+        var _this5 = this;
 
         var split = id.split('.');
         var key = split.shift();
@@ -6932,11 +6986,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);
@@ -6976,7 +7030,7 @@
         return val == null || val === '' ? def : val;
       },
       watchLoadData: function watchLoadData(fn) {
-        var _this5 = this;
+        var _this6 = this;
 
         var unwatch = {};
 
@@ -6991,14 +7045,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;
@@ -7009,18 +7063,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
@@ -7090,7 +7144,7 @@
         this.$handle.mounted();
       },
       unmount: function unmount() {
-        var _this6 = this;
+        var _this7 = this;
 
         if (this.name) {
           if (this.inFor) {
@@ -7102,7 +7156,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();
@@ -7111,10 +7165,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);
         });
       }
     });
@@ -8106,7 +8160,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.2.5',
+      version: '3.2.7',
       manager: manager,
       extendApi: extendApi,
       install: install,