@form-create/element-ui 3.1.24 → 3.1.26

package/dist/form-create.esm.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.
@@ -346,7 +346,7 @@ function styleInject(css, ref) {
   }
 }
 
-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 = {
@@ -645,7 +645,7 @@ var Frame = defineComponent({
           }, null);
         },
         suffix: function suffix() {
-          return _this.fileList.length ? createVNode(resolveComponent("ElIcon"), {
+          return _this.fileList.length && !_this.disabled ? createVNode(resolveComponent("ElIcon"), {
             "class": "el-input__icon _fc-upload-icon",
             "onClick": function onClick() {
               _this.fileList = [];
@@ -888,7 +888,10 @@ var Frame = defineComponent({
       }
     });
     return createVNode("div", {
-      "class": "_fc-frame"
+      "class": {
+        '_fc-frame': true,
+        '_fc-disabled': this.disabled
+      }
     }, [node, createVNode(resolveComponent("ElDialog"), {
       "appendToBody": true,
       "modal": this.previewMask,
@@ -1012,6 +1015,48 @@ var Radio = defineComponent({
   }
 });
 
+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 = defineComponent({
   name: NAME$6,
@@ -1043,6 +1088,26 @@ var Select = defineComponent({
         _this$$slots$default,
         _this$$slots;
 
+    var makeOption = function makeOption(props, index) {
+      return createVNode(resolveComponent("ElOption"), mergeProps$1(props, {
+        "key": '' + index + '-' + props.value
+      }), null);
+    };
+
+    var makeOptionGroup = function makeOptionGroup(props, index) {
+      return createVNode(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 createVNode(resolveComponent("ElSelect"), mergeProps$1(this.$attrs, {
       "modelValue": this.value,
       "onUpdate:modelValue": function onUpdateModelValue(v) {
@@ -1051,10 +1116,8 @@ var Select = defineComponent({
       "ref": "el"
     }), _objectSpread2({
       "default": function _default() {
-        return [_this.options().map(function (props, index) {
-          return createVNode(resolveComponent("ElOption"), mergeProps$1(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'])));
@@ -1129,7 +1192,7 @@ var Tree = defineComponent({
   }
 });
 
-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 = {
@@ -1278,48 +1341,6 @@ var Upload = defineComponent({
   }
 });
 
-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;
 }
@@ -3781,6 +3802,8 @@ extend(RuleContext.prototype, {
 
           onLoad && onLoad(value);
           _this2.$api && _this2.$api.sync(_this2.rule);
+        })["catch"](function (e) {
+          console.error(e);
         });
         value = def;
         this.setPending(key, origin, value);
@@ -3932,7 +3955,8 @@ extend(RuleContext.prototype, {
       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();
@@ -5474,6 +5498,15 @@ var fetch = function fetch(fc) {
   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);
     }
@@ -5481,7 +5514,8 @@ var fetch = function fetch(fc) {
     option = parseOpt(option);
 
     if (!option || !option.action) {
-      return false;
+      set(undefined);
+      return;
     }
 
     if (!option.to) {
@@ -5498,55 +5532,65 @@ var fetch = function fetch(fc) {
       }
     };
 
-    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 {
@@ -5554,11 +5598,8 @@ var fetch = function fetch(fc) {
     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);
     }
   };
 };
@@ -6536,7 +6577,7 @@ var manager = {
       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")
@@ -6879,7 +6920,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.1.24',
+    version: '3.1.26',
     manager: manager,
     extendApi: extendApi,
     install: install,