@form-create/element-ui 3.2.5 → 3.2.7

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @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.
  */
-import { defineComponent, toRef, ref, watch, createVNode, resolveComponent, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, Fragment, markRaw, reactive, getCurrentInstance, provide, inject, toRefs, onBeforeMount, onMounted, onBeforeUnmount, onUpdated, computed, withDirectives, resolveDirective, createApp, h } from 'vue';
+import { defineComponent, toRef, ref, watch, createVNode, resolveComponent, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, createTextVNode, markRaw, reactive, getCurrentInstance, provide, inject, toRefs, onBeforeMount, onMounted, onBeforeUnmount, onUpdated, computed, withDirectives, resolveDirective, createApp, h } from 'vue';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -1292,7 +1292,7 @@ var Tree = defineComponent({
   }
 });
 
-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 = {
@@ -1345,6 +1345,7 @@ var Upload = defineComponent({
     previewMask: undefined,
     onPreview: Function,
     modalTitle: String,
+    listType: String,
     modelValue: [Array, String]
   },
   emits: ['update:modelValue', 'change', 'remove', 'fc.el'],
@@ -1368,8 +1369,12 @@ var Upload = defineComponent({
       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) {
@@ -1401,10 +1406,12 @@ var Upload = defineComponent({
         _this = this;
 
     var len = toArray(this.modelValue).length;
-    return createVNode(Fragment, null, [createVNode(resolveComponent("ElUpload"), mergeProps$1({
-      "key": len,
-      "list-type": "picture-card"
+    return createVNode("div", {
+      "class": "_fc-upload"
+    }, [createVNode(resolveComponent("ElUpload"), mergeProps$1({
+      "key": len
     }, this.$attrs, {
+      "list-type": this.listType || 'picture-card',
       "class": {
         '_fc-exceed': this.$attrs.limit ? this.$attrs.limit <= len : false
       },
@@ -1415,10 +1422,16 @@ var Upload = defineComponent({
       "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)) || createVNode(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 ? createVNode(resolveComponent("ElIcon"), null, {
           "default": function _default() {
             return [createVNode(script$1, null, null)];
           }
+        }) : createVNode(resolveComponent("ElButton"), {
+          "type": "primary"
+        }, {
+          "default": function _default() {
+            return [createTextVNode("\u70B9\u51FB\u4E0A\u4F20")];
+          }
         })];
       }
     }, getSlot(this.$slots, ['default']))), createVNode(resolveComponent("ElDialog"), {
@@ -2101,7 +2114,7 @@ function $FormCreate(FormCreate, components, directives) {
         }
       },
       extendOption: Boolean,
-      driver: String,
+      driver: [String, Object],
       modelValue: Object,
       disabled: {
         type: Boolean,
@@ -2111,6 +2124,7 @@ function $FormCreate(FormCreate, components, directives) {
         type: Boolean,
         "default": undefined
       },
+      index: [String, Number],
       api: Object,
       name: String,
       subForm: {
@@ -2276,7 +2290,6 @@ function $FormCreate(FormCreate, components, directives) {
         if (JSON.stringify(n || {}) === data.updateValue) return;
 
         if (fapi.config.forceCoverValue) {
-          fc.$handle.appendData = {};
           fapi.coverValue(n || {});
         } else {
           fapi.setValue(n || {});
@@ -2284,6 +2297,18 @@ function $FormCreate(FormCreate, components, directives) {
       }, {
         deep: true
       });
+      watch(function () {
+        return props.index;
+      }, function () {
+        fapi.coverValue({});
+        nextTick(function () {
+          nextTick(function () {
+            fapi.clearValidateState();
+          });
+        });
+      }, {
+        flush: 'sync'
+      });
       return _objectSpread2(_objectSpread2({
         fc: markRaw(fc),
         parent: parent ? markRaw(parent) : parent,
@@ -2997,6 +3022,7 @@ function Api(h) {
       var data = _objectSpread2({}, formData || {});
 
       h.deferSyncValue(function () {
+        h.appendData = {};
         api.fields().forEach(function (key) {
           var ctxs = h.fieldCtx[key];
 
@@ -3009,7 +3035,7 @@ function Api(h) {
           }
         });
         extend(h.appendData, data);
-      });
+      }, true);
     },
     setValue: function setValue(field) {
       var formData = field;
@@ -3022,7 +3048,7 @@ function Api(h) {
             ctx.rule.value = formData[key];
           });
         });
-      });
+      }, true);
     },
     removeField: function removeField(field) {
       var ctx = h.getCtx(field);
@@ -3766,6 +3792,8 @@ function useRender$1(Render) {
             _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);
             }
 
@@ -4139,12 +4167,14 @@ function useInject(Handler) {
       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,
@@ -4776,6 +4806,11 @@ function useLoader(Handler) {
           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()
         });
@@ -4821,10 +4856,10 @@ function useLoader(Handler) {
         } 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) {
@@ -5194,7 +5229,7 @@ function useInput(Handler) {
         this.deferSyncFn = null;
 
         if (fn.sync) {
-          this.syncValue();
+          this.syncForm();
         }
       }
     },
@@ -5652,6 +5687,7 @@ function useLifecycle(Handler) {
       }
     },
     lifecycle: function lifecycle(name) {
+      this.fc.targetFormDriver(name, this.api, this.fc);
       this.vm.emit(name, this.api);
       this.emitEvent(name, this.api);
     },
@@ -6104,17 +6140,10 @@ extend(Manager.prototype, {
     }), 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();
   },
@@ -6824,14 +6853,39 @@ function FormCreateFactory(config) {
         }));
       }
 
-      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];
@@ -6863,28 +6917,28 @@ function FormCreateFactory(config) {
           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) {
@@ -6897,9 +6951,9 @@ function FormCreateFactory(config) {
               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);
@@ -6913,7 +6967,7 @@ function FormCreateFactory(config) {
       }
     },
     globalVarDriver: function globalVarDriver(id) {
-      var _this4 = this;
+      var _this5 = this;
 
       var split = id.split('.');
       var key = split.shift();
@@ -6928,11 +6982,11 @@ function FormCreateFactory(config) {
             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);
@@ -6972,7 +7026,7 @@ function FormCreateFactory(config) {
       return val == null || val === '' ? def : val;
     },
     watchLoadData: function watchLoadData(fn) {
-      var _this5 = this;
+      var _this6 = this;
 
       var unwatch = {};
 
@@ -6987,14 +7041,14 @@ function FormCreateFactory(config) {
           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;
@@ -7005,18 +7059,18 @@ function FormCreateFactory(config) {
           }
         }, 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
@@ -7086,7 +7140,7 @@ function FormCreateFactory(config) {
       this.$handle.mounted();
     },
     unmount: function unmount() {
-      var _this6 = this;
+      var _this7 = this;
 
       if (this.name) {
         if (this.inFor) {
@@ -7098,7 +7152,7 @@ function FormCreateFactory(config) {
       }
 
       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();
@@ -7107,10 +7161,10 @@ function FormCreateFactory(config) {
       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);
       });
     }
   });
@@ -8102,7 +8156,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.2.5',
+    version: '3.2.7',
     manager: manager,
     extendApi: extendApi,
     install: install,