@form-create/element-ui 3.1.31 → 3.1.32

package/dist/form-create.esm.js

@@ -1,10 +1,10 @@
 /*!
- * @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.
  */
-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'])));
   },
@@ -2230,6 +2324,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';
@@ -6307,7 +6405,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 +7414,7 @@ function install(FormCreate) {
 function elmFormCreate() {
   return FormCreateFactory({
     ui: 'element-ui',
-    version: '3.1.31',
+    version: '3.1.32',
     manager: manager,
     extendApi: extendApi,
     install: install,