@form-create/element-ui 3.2.4 → 3.2.6

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @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.
  */
-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 = {
@@ -1368,8 +1368,12 @@ var Upload = defineComponent({
       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) {
@@ -1401,7 +1405,9 @@ var Upload = defineComponent({
         _this = this;
 
     var len = toArray(this.modelValue).length;
-    return createVNode(Fragment, null, [createVNode(resolveComponent("ElUpload"), mergeProps$1({
+    return createVNode("div", {
+      "class": "_fc-upload"
+    }, [createVNode(resolveComponent("ElUpload"), mergeProps$1({
       "key": len,
       "list-type": "picture-card"
     }, this.$attrs, {
@@ -1415,10 +1421,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.$attrs.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"), {
@@ -3766,6 +3778,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 +4153,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 +4792,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 +4842,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) {
@@ -5472,8 +5493,6 @@ function useContext(Handler) {
         }
 
         Object.keys(computed).forEach(function (k) {
-          var _val = deepGet(ctx.rule, k);
-
           ctx.watch.push(watch(function () {
             var item = computed[k];
             if (!item) return undefined;
@@ -5544,7 +5563,7 @@ function useContext(Handler) {
               }
             });
           }, {
-            immediate: _val == null || _val === ''
+            immediate: k === 'value' ? [undefined, null, ''].indexOf(ctx.rule.value) > -1 : true
           }));
         });
       });
@@ -5654,6 +5673,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);
     },
@@ -6106,17 +6126,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();
   },
@@ -6826,14 +6839,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 = 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];
@@ -6865,28 +6903,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) {
@@ -6899,9 +6937,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);
@@ -6915,7 +6953,7 @@ function FormCreateFactory(config) {
       }
     },
     globalVarDriver: function globalVarDriver(id) {
-      var _this4 = this;
+      var _this5 = this;
 
       var split = id.split('.');
       var key = split.shift();
@@ -6930,11 +6968,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);
@@ -6974,7 +7012,7 @@ function FormCreateFactory(config) {
       return val == null || val === '' ? def : val;
     },
     watchLoadData: function watchLoadData(fn) {
-      var _this5 = this;
+      var _this6 = this;
 
       var unwatch = {};
 
@@ -6989,14 +7027,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;
@@ -7007,18 +7045,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
@@ -7088,7 +7126,7 @@ function FormCreateFactory(config) {
       this.$handle.mounted();
     },
     unmount: function unmount() {
-      var _this6 = this;
+      var _this7 = this;
 
       if (this.name) {
         if (this.inFor) {
@@ -7100,7 +7138,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();
@@ -7109,10 +7147,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);
       });
     }
   });
@@ -8104,7 +8142,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.2.4',
+    version: '3.2.6',
     manager: manager,
     extendApi: extendApi,
     install: install,