@form-create/element-ui 3.1.31 → 3.1.32

package/dist/form-create.js

@@ -1,5 +1,5 @@
 /*!
- * @form-create/element-ui v3.1.31
+ * @form-create/element-ui v3.1.32
  * (c) 2018-2024 xaboy
  * Github https://github.com/xaboy/form-create
  * Released under the MIT License.
@@ -209,6 +209,10 @@
     }, []);
   }
 
+  function toArray(value) {
+    return Array.isArray(value) ? value : [null, undefined, ''].indexOf(value) > -1 ? [] : [value];
+  }
+
   var NAME$9 = 'fcCheckbox';
   var Checkbox = vue.defineComponent({
     name: NAME$9,
@@ -221,22 +225,72 @@
           return [];
         }
       },
-      type: String
+      type: String,
+      input: Boolean,
+      inputValue: String
     },
     emits: ['update:modelValue', 'fc.el'],
     setup: function setup(props, _) {
       var options = vue.toRef(props.formCreateInject, 'options', []);
       var value = vue.toRef(props, 'modelValue');
+      var inputValue = vue.toRef(props, 'inputValue', '');
+      var customValue = vue.ref(inputValue.value);
+      var input = vue.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);
+        }
+      };
+
+      vue.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 vue.createVNode(Type, {
+            "value": customValue.value,
+            "label": customValue.value
+          }, {
+            "default": function _default() {
+              return [vue.createVNode(vue.resolveComponent("ElInput"), {
+                "modelValue": customValue.value,
+                "onUpdate:modelValue": updateCustomValue
+              }, null)];
+            }
+          });
         }
       };
     },
@@ -261,7 +315,7 @@
             delete props.value;
             delete props.label;
             return vue.createVNode(Type, vue.mergeProps(props, {
-              "label": label,
+              "label": value,
               "value": value,
               "key": name + index + '-' + value
             }), {
@@ -269,7 +323,7 @@
                 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'])));
     },
@@ -278,10 +332,6 @@
     }
   });
 
-  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();
@@ -968,22 +1018,66 @@
         type: [String, Number, Boolean],
         "default": ''
       },
-      type: String
+      type: String,
+      input: Boolean,
+      inputValue: String
     },
     emits: ['update:modelValue', 'fc.el'],
     setup: function setup(props, _) {
       var options = vue.toRef(props.formCreateInject, 'options', []);
       var value = vue.toRef(props, 'modelValue');
+      var inputValue = vue.toRef(props, 'inputValue', '');
+      var customValue = vue.ref(inputValue.value);
+      var input = vue.toRef(props, 'input', false);
 
       var _options = function _options() {
         return Array.isArray(options.value) ? options.value : [];
       };
 
+      vue.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 vue.createVNode(Type, {
+            "value": customValue.value,
+            "label": customValue.value
+          }, {
+            "default": function _default() {
+              return [vue.createVNode(vue.resolveComponent("ElInput"), {
+                "modelValue": customValue.value,
+                "onUpdate:modelValue": updateCustomValue
+              }, null)];
+            }
+          });
         }
       };
     },
@@ -1008,7 +1102,7 @@
             delete props.value;
             delete props.label;
             return vue.createVNode(Type, vue.mergeProps(props, {
-              "label": label,
+              "label": value,
               "value": value,
               "key": name + index + '-' + value
             }), {
@@ -1016,7 +1110,7 @@
                 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'])));
     },
@@ -2234,6 +2328,10 @@
             }
           });
 
+          if (props.option && props.option.style) {
+            content += props.option.style;
+          }
+
           if (content) {
             styleEl = document.createElement('style');
             styleEl.type = 'text/css';
@@ -6311,7 +6409,7 @@
       },
       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];
         });
 
@@ -7320,7 +7418,7 @@
   function elmFormCreate() {
     return FormCreateFactory({
       ui: 'element-ui',
-      version: '3.1.31',
+      version: '3.1.32',
       manager: manager,
       extendApi: extendApi,
       install: install,