@form-create/element-ui 3.1.24 → 3.1.26

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.24
+ * @form-create/element-ui v3.1.26
  * (c) 2018-2023 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -350,7 +350,7 @@
     }
   }
 
-  var css_248z$3 = "._fc-frame ._fc-files img{display:inline-block;height:100%;vertical-align:top;width:100%}._fc-frame ._fc-upload-btn{border:1px dashed #c0ccda;cursor:pointer}._fc-frame ._fc-upload-cover{background:rgba(0,0,0,.6);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}._fc-frame ._fc-upload-cover i{color:#fff;cursor:pointer;font-size:20px;margin:0 2px}._fc-frame ._fc-files:hover ._fc-upload-cover{opacity:1}._fc-frame .el-upload{display:block}._fc-frame ._fc-upload-icon{cursor:pointer}._fc-files,._fc-frame ._fc-upload-btn{background:#fff;border:1px solid #c0ccda;border-radius:4px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:58px;line-height:58px;margin-right:4px;overflow:hidden;position:relative;text-align:center;width:58px}";
+  var css_248z$3 = "._fc-frame ._fc-files img{display:inline-block;height:100%;vertical-align:top;width:100%}._fc-frame ._fc-upload-btn{border:1px dashed #c0ccda;cursor:pointer}._fc-frame._fc-disabled ._fc-upload-btn,._fc-frame._fc-disabled .el-button{color:#999;cursor:not-allowed!important}._fc-frame ._fc-upload-cover{background:rgba(0,0,0,.6);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}._fc-frame ._fc-upload-cover i{color:#fff;cursor:pointer;font-size:20px;margin:0 2px}._fc-frame ._fc-files:hover ._fc-upload-cover{opacity:1}._fc-frame .el-upload{display:block}._fc-frame ._fc-upload-icon{cursor:pointer}._fc-files,._fc-frame ._fc-upload-btn{background:#fff;border:1px solid #c0ccda;border-radius:4px;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:58px;line-height:58px;margin-right:4px;overflow:hidden;position:relative;text-align:center;width:58px}";
   styleInject(css_248z$3);
 
   var script$6 = {
@@ -649,7 +649,7 @@
             }, null);
           },
           suffix: function suffix() {
-            return _this.fileList.length ? vue.createVNode(vue.resolveComponent("ElIcon"), {
+            return _this.fileList.length && !_this.disabled ? vue.createVNode(vue.resolveComponent("ElIcon"), {
               "class": "el-input__icon _fc-upload-icon",
               "onClick": function onClick() {
                 _this.fileList = [];
@@ -892,7 +892,10 @@
         }
       });
       return vue.createVNode("div", {
-        "class": "_fc-frame"
+        "class": {
+          '_fc-frame': true,
+          '_fc-disabled': this.disabled
+        }
       }, [node, vue.createVNode(vue.resolveComponent("ElDialog"), {
         "appendToBody": true,
         "modal": this.previewMask,
@@ -1016,6 +1019,48 @@
     }
   });
 
+  var is = {
+    type: function type(arg, _type) {
+      return Object.prototype.toString.call(arg) === '[object ' + _type + ']';
+    },
+    Undef: function Undef(v) {
+      return v === undefined || v === null;
+    },
+    Element: function Element(arg) {
+      return _typeof(arg) === 'object' && arg !== null && arg.nodeType === 1 && !is.Object(arg);
+    },
+    trueArray: function trueArray(data) {
+      return Array.isArray(data) && data.length > 0;
+    },
+    Function: function Function(v) {
+      var type = this.getType(v);
+      return type === 'Function' || type === 'AsyncFunction';
+    },
+    getType: function getType(v) {
+      var str = Object.prototype.toString.call(v);
+      return /^\[object (.*)\]$/.exec(str)[1];
+    },
+    empty: function empty(value) {
+      if (value === undefined || value === null) {
+        return true;
+      }
+
+      if (Array.isArray(value) && Array.isArray(value) && !value.length) {
+        return true;
+      }
+
+      return typeof value === 'string' && !value;
+    }
+  };
+  ['Date', 'Object', 'String', 'Boolean', 'Array', 'Number'].forEach(function (t) {
+    is[t] = function (arg) {
+      return is.type(arg, t);
+    };
+  });
+  function hasProperty(rule, k) {
+    return {}.hasOwnProperty.call(rule, k);
+  }
+
   var NAME$6 = 'fcSelect';
   var Select = vue.defineComponent({
     name: NAME$6,
@@ -1047,6 +1092,26 @@
           _this$$slots$default,
           _this$$slots;
 
+      var makeOption = function makeOption(props, index) {
+        return vue.createVNode(vue.resolveComponent("ElOption"), vue.mergeProps(props, {
+          "key": '' + index + '-' + props.value
+        }), null);
+      };
+
+      var makeOptionGroup = function makeOptionGroup(props, index) {
+        return vue.createVNode(vue.resolveComponent("ElOptionGroup"), {
+          "label": props.label,
+          "key": '' + index + '-' + props.label
+        }, {
+          "default": function _default() {
+            return [is.trueArray(props.options) && props.options.map(function (v, index) {
+              return makeOption(v, index);
+            })];
+          }
+        });
+      };
+
+      var options = this.options();
       return vue.createVNode(vue.resolveComponent("ElSelect"), vue.mergeProps(this.$attrs, {
         "modelValue": this.value,
         "onUpdate:modelValue": function onUpdateModelValue(v) {
@@ -1055,10 +1120,8 @@
         "ref": "el"
       }), _objectSpread2({
         "default": function _default() {
-          return [_this.options().map(function (props, index) {
-            return vue.createVNode(vue.resolveComponent("ElOption"), vue.mergeProps(props, {
-              "key": '' + index + '-' + props.value
-            }), null);
+          return [options.map(function (props, index) {
+            return hasProperty(props || '', 'options') ? makeOptionGroup(props, index) : makeOption(props, index);
           }), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)];
         }
       }, getSlot(this.$slots, ['default'])));
@@ -1133,7 +1196,7 @@
     }
   });
 
-  var css_248z$2 = "._fc-exceed .el-upload{display:none}";
+  var css_248z$2 = "._fc-exceed .el-upload{display:none}.el-upload-list.is-disabled .el-upload{cursor:not-allowed!important}";
   styleInject(css_248z$2);
 
   var script$1 = {
@@ -1282,48 +1345,6 @@
     }
   });
 
-  var is = {
-    type: function type(arg, _type) {
-      return Object.prototype.toString.call(arg) === '[object ' + _type + ']';
-    },
-    Undef: function Undef(v) {
-      return v === undefined || v === null;
-    },
-    Element: function Element(arg) {
-      return _typeof(arg) === 'object' && arg !== null && arg.nodeType === 1 && !is.Object(arg);
-    },
-    trueArray: function trueArray(data) {
-      return Array.isArray(data) && data.length > 0;
-    },
-    Function: function Function(v) {
-      var type = this.getType(v);
-      return type === 'Function' || type === 'AsyncFunction';
-    },
-    getType: function getType(v) {
-      var str = Object.prototype.toString.call(v);
-      return /^\[object (.*)\]$/.exec(str)[1];
-    },
-    empty: function empty(value) {
-      if (value === undefined || value === null) {
-        return true;
-      }
-
-      if (Array.isArray(value) && Array.isArray(value) && !value.length) {
-        return true;
-      }
-
-      return typeof value === 'string' && !value;
-    }
-  };
-  ['Date', 'Object', 'String', 'Boolean', 'Array', 'Number'].forEach(function (t) {
-    is[t] = function (arg) {
-      return is.type(arg, t);
-    };
-  });
-  function hasProperty(rule, k) {
-    return {}.hasOwnProperty.call(rule, k);
-  }
-
   function $set(target, field, value) {
     target[field] = value;
   }
@@ -3785,6 +3806,8 @@
 
             onLoad && onLoad(value);
             _this2.$api && _this2.$api.sync(_this2.rule);
+          })["catch"](function (e) {
+            console.error(e);
           });
           value = def;
           this.setPending(key, origin, value);
@@ -3936,7 +3959,8 @@
         vm: handle.vm,
         trueType: handle.getType(this.originType),
         vNode: handle.$render.vNode,
-        updated: false
+        updated: false,
+        cacheValue: this.rule.value
       });
       !init && this.unwatch();
       this.watchTo();
@@ -5478,6 +5502,15 @@
     function run(inject, rule, api) {
       var option = inject.value;
 
+      var set = function set(val) {
+        if (val === undefined) {
+          inject.clearProp();
+          api.sync(rule);
+        } else {
+          deepSet(inject.getProp(), option.to || 'options', val);
+        }
+      };
+
       if (is.Function(option)) {
         option = option(rule, api);
       }
@@ -5485,7 +5518,8 @@
       option = parseOpt(option);
 
       if (!option || !option.action) {
-        return false;
+        set(undefined);
+        return;
       }
 
       if (!option.to) {
@@ -5502,55 +5536,65 @@
         }
       };
 
-      var set = function set(val) {
-        if (val === undefined) {
-          inject.clearProp();
-          api.sync(rule);
-        } else {
-          deepSet(inject.getProp(), option.to, val);
-        }
-      };
+      var config = _objectSpread2(_objectSpread2({
+        headers: {}
+      }, option), {}, {
+        onSuccess: function onSuccess(body, flag) {
+          if (check()) return;
 
-      invoke(function () {
-        return fc.create.fetch(_objectSpread2(_objectSpread2({}, option), {}, {
-          onSuccess: function onSuccess(body) {
-            if (check()) return;
+          var fn = function fn(v) {
+            return flag ? v : v.data;
+          };
 
-            var fn = function fn(v) {
-              return v.data;
+          if (is.Function(option.parse)) {
+            fn = option.parse;
+          } else if (option.parse && is.String(option.parse)) {
+            fn = function fn(v) {
+              option.parse.split('.').forEach(function (k) {
+                if (v) {
+                  v = v[k];
+                }
+              });
+              return v;
             };
+          }
 
-            if (is.Function(option.parse)) {
-              fn = option.parse;
-            } else if (option.parse && is.String(option.parse)) {
-              fn = function fn(v) {
-                option.parse.split('.').forEach(function (k) {
-                  if (v) {
-                    v = v[k];
-                  }
-                });
-                return v;
-              };
-            }
+          set(fn(body, rule, api));
+          api.sync(rule);
+        },
+        onError: function onError(e) {
+          set(undefined);
+          if (check()) return;
 
-            set(fn(body, rule, api));
-            api.sync(rule);
-          },
-          onError: function onError(e) {
-            set(undefined);
-            if (check()) return;
+          (_onError || function (e) {
+            return err(e.message || 'fetch fail ' + option.action);
+          })(e, rule, api);
+        }
+      });
 
-            (_onError || function (e) {
-              return err(e.message || 'fetch fail ' + option.action);
-            })(e, rule, api);
-          }
-        }), {
+      fc.options.beforeFetch && invoke(function () {
+        return fc.options.beforeFetch(config, {
+          rule: rule,
+          api: api
+        });
+      });
+
+      if (is.Function(option.action)) {
+        option.action(rule, api).then(function (val) {
+          config.onSuccess(val, true);
+        })["catch"](function (e) {
+          config.onError(e);
+        });
+        return;
+      }
+
+      invoke(function () {
+        return fc.create.fetch(config, {
           inject: inject,
           rule: rule,
           api: api
         });
       });
-      return true;
     }
 
     return {
@@ -5558,11 +5602,8 @@
       loaded: function loaded() {
         run.apply(void 0, arguments);
       },
-      watch: function watch(inject, rule, api) {
-        if (!run(inject, rule, api)) {
-          inject.clearProp();
-          api.sync(rule);
-        }
+      watch: function watch() {
+        run.apply(void 0, arguments);
       }
     };
   };
@@ -6540,7 +6581,7 @@
         on: {
           click: function click() {
             var fApi = _this6.$handle.api;
-            _this6.options.submitBtn.click ? _this6.options.submitBtn.click(fApi) : fApi.submit();
+            _this6.options.submitBtn.click ? _this6.options.submitBtn.click(fApi) : fApi.submit()["catch"](function () {});
           }
         },
         key: "".concat(this.key, "b1")
@@ -6883,7 +6924,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.1.24',
+      version: '3.1.26',
       manager: manager,
       extendApi: extendApi,
       install: install,