@form-create/element-ui 3.1.31 → 3.1.33

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @form-create/element-ui v3.1.31
+ * @form-create/element-ui v3.1.33
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
  */
-import { defineComponent, toRef, resolveComponent, createVNode, mergeProps as mergeProps$1, openBlock, createElementBlock, createElementVNode, isVNode, nextTick, Fragment, markRaw, watch, reactive, getCurrentInstance, provide, inject, toRefs, onBeforeMount, onMounted, onBeforeUnmount, onUpdated, computed, withDirectives, resolveDirective, createApp, h, ref } from 'vue';
+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';
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -205,6 +205,10 @@ function getSlot(slots, exclude) {
   }, []);
 }
 
+function toArray(value) {
+  return Array.isArray(value) ? value : [null, undefined, ''].indexOf(value) > -1 ? [] : [value];
+}
+
 var NAME$9 = 'fcCheckbox';
 var Checkbox = defineComponent({
   name: NAME$9,
@@ -217,22 +221,72 @@ var Checkbox = defineComponent({
         return [];
       }
     },
-    type: String
+    type: String,
+    input: Boolean,
+    inputValue: String
   },
   emits: ['update:modelValue', 'fc.el'],
   setup: function setup(props, _) {
     var options = toRef(props.formCreateInject, 'options', []);
     var value = toRef(props, 'modelValue');
+    var inputValue = toRef(props, 'inputValue', '');
+    var customValue = ref(inputValue.value);
+    var input = toRef(props, 'input', false);
+
+    var updateCustomValue = function updateCustomValue(n) {
+      var _value = _toConsumableArray(toArray(value.value));
+
+      var idx = _value.indexOf(customValue.value);
+
+      customValue.value = n;
+
+      if (idx > -1) {
+        _value.splice(idx, 1);
+
+        _value.push(n);
+
+        onInput(_value);
+      }
+    };
+
+    watch(inputValue, function (n) {
+      if (!input.value) {
+        customValue.value = n;
+        return undefined;
+      }
+
+      updateCustomValue(n);
+    });
 
     var _options = function _options() {
       return Array.isArray(options.value) ? options.value : [];
     };
 
+    var onInput = function onInput(n) {
+      _.emit('update:modelValue', n);
+    };
+
     return {
       options: _options,
       value: value,
-      onInput: function onInput(n) {
-        _.emit('update:modelValue', n);
+      onInput: onInput,
+      updateCustomValue: updateCustomValue,
+      makeInput: function makeInput(Type) {
+        if (!input.value) {
+          return undefined;
+        }
+
+        return createVNode(Type, {
+          "value": customValue.value,
+          "label": customValue.value
+        }, {
+          "default": function _default() {
+            return [createVNode(resolveComponent("ElInput"), {
+              "modelValue": customValue.value,
+              "onUpdate:modelValue": updateCustomValue
+            }, null)];
+          }
+        });
       }
     };
   },
@@ -257,7 +311,7 @@ var Checkbox = defineComponent({
           delete props.value;
           delete props.label;
           return createVNode(Type, mergeProps$1(props, {
-            "label": label,
+            "label": value,
             "value": value,
             "key": name + index + '-' + value
           }), {
@@ -265,7 +319,7 @@ var Checkbox = defineComponent({
               return [label || value || ''];
             }
           });
-        }), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)];
+        }), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots), _this.makeInput(Type)];
       }
     }, getSlot(this.$slots, ['default'])));
   },
@@ -274,10 +328,6 @@ var Checkbox = defineComponent({
   }
 });
 
-function toArray(value) {
-  return Array.isArray(value) ? value : [null, undefined, ''].indexOf(value) > -1 ? [] : [value];
-}
-
 // https://github.com/developit/mitt
 function Mitt(all) {
   all = all || new Map();
@@ -964,22 +1014,66 @@ var Radio = defineComponent({
       type: [String, Number, Boolean],
       "default": ''
     },
-    type: String
+    type: String,
+    input: Boolean,
+    inputValue: String
   },
   emits: ['update:modelValue', 'fc.el'],
   setup: function setup(props, _) {
     var options = toRef(props.formCreateInject, 'options', []);
     var value = toRef(props, 'modelValue');
+    var inputValue = toRef(props, 'inputValue', '');
+    var customValue = ref(inputValue.value);
+    var input = toRef(props, 'input', false);
 
     var _options = function _options() {
       return Array.isArray(options.value) ? options.value : [];
     };
 
+    watch(inputValue, function (n) {
+      if (!input.value) {
+        customValue.value = n;
+        return undefined;
+      }
+
+      updateCustomValue(n);
+    });
+
+    var onInput = function onInput(n) {
+      _.emit('update:modelValue', n);
+    };
+
+    var updateCustomValue = function updateCustomValue(n) {
+      var o = customValue.value;
+      customValue.value = n;
+
+      if (value.value === o) {
+        onInput(n);
+      }
+    };
+
     return {
       options: _options,
       value: value,
-      onInput: function onInput(n) {
-        _.emit('update:modelValue', n);
+      onInput: onInput,
+      updateCustomValue: updateCustomValue,
+      customValue: customValue,
+      makeInput: function makeInput(Type) {
+        if (!input.value) {
+          return undefined;
+        }
+
+        return createVNode(Type, {
+          "value": customValue.value,
+          "label": customValue.value
+        }, {
+          "default": function _default() {
+            return [createVNode(resolveComponent("ElInput"), {
+              "modelValue": customValue.value,
+              "onUpdate:modelValue": updateCustomValue
+            }, null)];
+          }
+        });
       }
     };
   },
@@ -1004,7 +1098,7 @@ var Radio = defineComponent({
           delete props.value;
           delete props.label;
           return createVNode(Type, mergeProps$1(props, {
-            "label": label,
+            "label": value,
             "value": value,
             "key": name + index + '-' + value
           }), {
@@ -1012,7 +1106,7 @@ var Radio = defineComponent({
               return [label || value || ''];
             }
           });
-        }), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)];
+        }), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots), _this.makeInput(Type)];
       }
     }, getSlot(this.$slots, ['default'])));
   },
@@ -2140,6 +2234,10 @@ function $FormCreate(FormCreate, components, directives) {
         type: Boolean,
         "default": undefined
       },
+      preview: {
+        type: Boolean,
+        "default": undefined
+      },
       api: Object,
       name: String,
       subForm: {
@@ -2230,6 +2328,10 @@ function $FormCreate(FormCreate, components, directives) {
           }
         });
 
+        if (props.option && props.option.style) {
+          content += props.option.style;
+        }
+
         if (content) {
           styleEl = document.createElement('style');
           styleEl.type = 'text/css';
@@ -2272,7 +2374,7 @@ function $FormCreate(FormCreate, components, directives) {
         deep: true
       });
       watch(function () {
-        return props.disabled;
+        return [props.disabled, props.preview];
       }, function () {
         fapi.refresh();
       });
@@ -2551,6 +2653,64 @@ function setPrototypeOf(o, proto) {
   return o;
 }
 
+var changeType = function changeType(a, b) {
+  if (typeof a === 'string') {
+    return String(b);
+  } else if (typeof a === 'number') {
+    return Number(b);
+  }
+
+  return b;
+};
+
+var condition = {
+  '==': function _(a, b) {
+    return JSON.stringify(a) === JSON.stringify(changeType(a, b));
+  },
+  '!=': function _(a, b) {
+    return !condition['=='](a, b);
+  },
+  '>': function _(a, b) {
+    return a > b;
+  },
+  '>=': function _(a, b) {
+    return a >= b;
+  },
+  '<': function _(a, b) {
+    return a < b;
+  },
+  '<=': function _(a, b) {
+    return a <= b;
+  },
+  on: function on(a, b) {
+    return a && a.indexOf && a.indexOf(changeType(a[0], b)) > -1;
+  },
+  notOn: function notOn(a, b) {
+    return !condition.on(a, b);
+  },
+  "in": function _in(a, b) {
+    return b && b.indexOf && b.indexOf(a) > -1;
+  },
+  notIn: function notIn(a, b) {
+    return !condition["in"](a, b);
+  },
+  between: function between(a, b) {
+    return a > b[0] && a < b[1];
+  },
+  notBetween: function notBetween(a, b) {
+    return a < b[0] || a > b[1];
+  },
+  empty: function empty(a) {
+    return is.empty(a);
+  },
+  notEmpty: function notEmpty(a) {
+    return !is.empty(a);
+  },
+  pattern: function pattern(a, b) {
+    return new RegExp(b, 'g').test(a);
+  }
+};
+
 function baseRule() {
   return {
     props: {},
@@ -2803,7 +2963,7 @@ function Api(h) {
         if (!ctx) return initial;
         initial[ctx.field] = copy(ctx.rule.value);
         return initial;
-      }, {});
+      }, h.options.appendValue ? copy(h.appendData) : {});
     },
     getValue: function getValue(field) {
       var ctx = h.getFieldCtx(field);
@@ -3219,10 +3379,7 @@ function Api(h) {
 
         if (config.type === 'fetch') {
           api.fetch(config).then(function (res) {
-            resolve({
-              res: res,
-              config: config
-            });
+            resolve(res);
           })["catch"](inject);
         } else {
           resolve(config.data);
@@ -3466,7 +3623,7 @@ function useRender$1(Render) {
           this.setOptions(ctx);
           this.ctxProp(ctx);
           var prop = ctx.prop;
-          prop.preview = !!(hasProperty(prop, 'preview') ? prop.preview : this.options.preview || false);
+          prop.preview = !!(prop.preview != null ? prop.preview : this.vm.props.preview !== undefined ? this.vm.props.preview : this.options.preview || false);
           prop.props.formCreateInject = this.injectProp(ctx);
           var cacheFlag = prop.cache !== false;
           var preview = prop.preview;
@@ -4194,14 +4351,31 @@ extend(RuleContext.prototype, {
     var _this4 = this;
 
     return toArray(this.prop.validate).map(function (item) {
-      return _objectSpread2(_objectSpread2({}, item), {}, {
-        inject: {
-          id: _this4.id,
-          field: _this4.field,
-          rule: _this4.rule,
-          api: _this4.$handle.api
-        }
-      });
+      if (is.Function(item.validator)) {
+        var temp = _objectSpread2({}, item);
+
+        var that = _this4;
+
+        temp.validator = function () {
+          var _item$validator;
+
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          return (_item$validator = item.validator).call.apply(_item$validator, [{
+            that: this,
+            id: that.id,
+            field: that.field,
+            rule: that.rule,
+            api: that.$handle.api
+          }].concat(args));
+        };
+
+        return temp;
+      }
+
+      return item;
     });
   },
   check: function check(handle) {
@@ -4310,73 +4484,6 @@ extend(RuleContext.prototype, {
   }
 });
 
-var condition = {
-  '==': function _(b) {
-    return function (a) {
-      return a === b;
-    };
-  },
-  '!=': function _(b) {
-    return function (a) {
-      return a !== b;
-    };
-  },
-  '<>': function _(b) {
-    return function (a) {
-      return a !== b;
-    };
-  },
-  '>': function _(b) {
-    return function (a) {
-      return a > b;
-    };
-  },
-  '>=': function _(b) {
-    return function (a) {
-      return a >= b;
-    };
-  },
-  '<': function _(b) {
-    return function (a) {
-      return a < b;
-    };
-  },
-  '<=': function _(b) {
-    return function (a) {
-      return a <= b;
-    };
-  },
-  'in': function _in(b) {
-    return function (a) {
-      return b && b.indexOf && b.indexOf(a) > -1;
-    };
-  },
-  'on': function on(b) {
-    return function (a) {
-      return a && a.indexOf && a.indexOf(b) > -1;
-    };
-  },
-  'notIn': function notIn(b) {
-    return function (a) {
-      return !condition["in"](b)(a);
-    };
-  },
-  'notOn': function notOn(b) {
-    return function (a) {
-      return !condition.on(b)(a);
-    };
-  },
-  'between': function between(b) {
-    return function (a) {
-      return a > b[0] && a < b[1];
-    };
-  },
-  'notBetween': function notBetween(b) {
-    return function (a) {
-      return a < b[0] || a > b[1];
-    };
-  }
-};
 function useLoader(Handler) {
   extend(Handler.prototype, {
     nextRefresh: function nextRefresh(fn) {
@@ -4566,7 +4673,7 @@ function useLoader(Handler) {
         if (!ctx) {
           var _rule2 = _this6.parseRule(_rule);
 
-          ctx = new RuleContext(_this6, _rule2, isInit ? defaultValue : _rule2.value);
+          ctx = new RuleContext(_this6, _rule2, defaultValue);
 
           _this6.bindParser(ctx);
         } else {
@@ -4649,7 +4756,10 @@ function useLoader(Handler) {
 
       var _loop = function _loop(i) {
         var control = controls[i],
-            handleFn = control.handle || (condition[control.condition || '=='] || condition['=='])(control.value);
+            handleFn = control.handle || function (val) {
+          return (condition[control.condition || '=='] || condition['=='])(val, control.value);
+        };
+
         if (!is.trueArray(control.rule)) return "continue";
 
         var data = _objectSpread2(_objectSpread2({}, control), {}, {
@@ -4917,7 +5027,7 @@ function useInput(Handler) {
         return this.deferSyncFn.sync = true;
       }
 
-      this.vm.setupState.updateValue(_objectSpread2({}, this.form));
+      this.vm.setupState.updateValue(_objectSpread2(_objectSpread2({}, this.options.appendValue ? this.appendData : {}), this.form));
     },
     isChange: function isChange(ctx, value) {
       return JSON.stringify(this.getFormData(ctx), strFn) !== JSON.stringify(value, strFn);
@@ -5171,15 +5281,56 @@ function useContext(Handler) {
             if (!item) return undefined;
             var fn;
 
-            if (is.Function(item)) {
+            if (_typeof(item) === 'object') {
+              var group = ctx.getParentGroup();
+
+              var checkCondition = function checkCondition(item) {
+                item = Array.isArray(item) ? {
+                  mode: 'AND',
+                  group: item
+                } : item;
+
+                if (!is.trueArray(item.group)) {
+                  return true;
+                }
+
+                var or = item.mode === 'OR';
+                var valid = true;
+
+                for (var i = 0; i < item.group.length; i++) {
+                  var one = item.group[i];
+                  var flag = void 0;
+
+                  if (one.mode) {
+                    flag = checkCondition(one);
+                  } else if (!condition[one.condition]) {
+                    flag = false;
+                  } else {
+                    flag = new Function('_$', '_$val', 'top', 'group', "with(top){with(this){with(group){ return _$['".concat(one.condition, "'](").concat(one.field, ", ").concat(one.compare ? one.compare : '_$val', "); }}}")).call(_this.api.form, condition, one.value, _this.api.top.form, group ? _this.subRuleData[group.id] || {} : {});
+                  }
+
+                  if (or && flag) {
+                    return true;
+                  }
+
+                  if (!or) {
+                    valid = valid && flag;
+                  }
+                }
+
+                return or ? false : valid;
+              };
+
+              return checkCondition(item);
+            } else if (is.Function(item)) {
               fn = function fn() {
                 return item(_this.api.form, _this.api);
               };
             } else {
-              var group = ctx.getParentGroup();
+              var _group = ctx.getParentGroup();
 
               fn = function fn() {
-                return new Function('formulas', 'top', 'group', '$rule', '$api', "with(top){with(this){with(group){with(formulas){ return ".concat(item, " }}}}")).call(_this.api.form, _this.fc.formulas, _this.api.top.form, group ? _this.subRuleData[group.id] || {} : {}, ctx.rule, _this.api);
+                return new Function('formulas', 'top', 'group', '$rule', '$api', "with(top){with(this){with(group){with(formulas){ return ".concat(item, " }}}}")).call(_this.api.form, _this.fc.formulas, _this.api.top.form, _group ? _this.subRuleData[_group.id] || {} : {}, ctx.rule, _this.api);
               };
             }
 
@@ -5870,6 +6021,8 @@ var fetch = function fetch(fc) {
       return;
     }
 
+    option = deepCopy(option);
+
     if (!option.to) {
       option.to = 'options';
     }
@@ -6307,7 +6460,7 @@ function FormCreateFactory(config) {
     },
     mergeOptions: function mergeOptions(target, opt, parent) {
       opt = deepCopy(opt);
-      parent && ['page', 'onSubmit', 'mounted', 'reload', 'formData', 'el', 'globalClass'].forEach(function (n) {
+      parent && ['page', 'onSubmit', 'mounted', 'reload', 'formData', 'el', 'globalClass', 'style'].forEach(function (n) {
         delete opt[n];
       });
 
@@ -7316,7 +7469,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.1.31',
+    version: '3.1.33',
     manager: manager,
     extendApi: extendApi,
     install: install,