@vunk/form 1.4.8 → 1.4.10

package/components/input-number/src/ctx.d.ts

@@ -56,12 +56,18 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -85,7 +91,7 @@ export declare const props: {
     inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
     showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"required", keyof T2> | Extract<"name", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"min", keyof T2> | Extract<"max", keyof T2> | Extract<"id", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"step", keyof T2> | Extract<"controls", keyof T2> | Extract<"stepStrictly", keyof T2> | Extract<"controlsPosition", keyof T2> | Extract<"precision", keyof T2> | Extract<"unit", keyof T2> | Extract<"inputNumberSlots", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "min" | "max" | "id" | "valueOnClear" | "placeholder" | "validateEvent" | "modelValue" | "ariaLabel" | "step" | "controls" | "stepStrictly" | "controlsPosition" | "precision" | "unit" | "inputNumberSlots", keyof T2>, KE> : Extract<"size" | "disabled" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "min" | "max" | "id" | "valueOnClear" | "placeholder" | "validateEvent" | "modelValue" | "ariaLabel" | "step" | "controls" | "stepStrictly" | "controlsPosition" | "precision" | "unit" | "inputNumberSlots", keyof T2>]: { [k in Extract<"size" | "disabled" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "labelPosition" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "min" | "max" | "id" | "valueOnClear" | "placeholder" | "validateEvent" | "modelValue" | "ariaLabel" | "step" | "controls" | "stepStrictly" | "controlsPosition" | "precision" | "unit" | "inputNumberSlots", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"required", keyof T2> | Extract<"name", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"min", keyof T2> | Extract<"max", keyof T2> | Extract<"id", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"ariaLabel", keyof T2> | Extract<"step", keyof T2> | Extract<"controls", keyof T2> | Extract<"stepStrictly", keyof T2> | Extract<"controlsPosition", keyof T2> | Extract<"precision", keyof T2> | Extract<"unit", keyof T2> | Extract<"inputNumberSlots", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "min" | "max" | "id" | "valueOnClear" | "placeholder" | "validateEvent" | "modelValue" | "ariaLabel" | "step" | "controls" | "stepStrictly" | "controlsPosition" | "precision" | "unit" | "inputNumberSlots", keyof T2>, KE> : Extract<"size" | "disabled" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "min" | "max" | "id" | "valueOnClear" | "placeholder" | "validateEvent" | "modelValue" | "ariaLabel" | "step" | "controls" | "stepStrictly" | "controlsPosition" | "precision" | "unit" | "inputNumberSlots", keyof T2>]: { [k in Extract<"size" | "disabled" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "min" | "max" | "id" | "valueOnClear" | "placeholder" | "validateEvent" | "modelValue" | "ariaLabel" | "step" | "controls" | "stepStrictly" | "controlsPosition" | "precision" | "unit" | "inputNumberSlots", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     change: (cur: number | undefined, prev: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;

package/components/input-number/src/index.vue.d.ts

@@ -54,12 +54,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -166,12 +172,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -207,8 +219,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
     inline: boolean;
     readonly: boolean;
-    labelPosition: "right";
+    formItemTip: string;
+    formItemTipClass: any;
+    labelTip: string;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     min: number;

package/components/monaco-editor/src/ctx.d.ts

@@ -36,12 +36,18 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;

package/components/monaco-editor/src/index.vue.d.ts

@@ -36,12 +36,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -112,12 +118,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -148,8 +160,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
     inline: boolean;
     readonly: boolean;
-    labelPosition: "right";
+    formItemTip: string;
+    formItemTipClass: any;
+    labelTip: string;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     modelValue: string;

package/components/radio/src/ctx.d.ts

@@ -47,12 +47,18 @@ export declare const props: {
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;

package/components/radio/src/index.vue.d.ts

@@ -46,12 +46,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -140,12 +146,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -181,8 +193,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
     inline: boolean;
     readonly: boolean;
-    labelPosition: "right";
+    formItemTip: string;
+    formItemTipClass: any;
+    labelTip: string;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     options: RadioProps[];

package/components/select/index.cjs

@@ -25,7 +25,14 @@ const props = {
     type: String,
     default: ""
   },
-  defaultModelValue: null
+  defaultModelValue: null,
+  /**
+   * multiple模式下，是否将选中的值转为字符串 
+   */
+  stringify: {
+    type: Boolean,
+    default: false
+  }
 };
 const emits = {
   ...elementPlus.selectEmits
@@ -43,8 +50,32 @@ var _sfc_main = vue.defineComponent({
   setup(props2, { emit }) {
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
     const selectBindProps = elementPlus.createSelectBindProps(props2, ["disabled", "modelValue"]);
-    const selectOnEmits = elementPlus.createSelectOnEmits(emit);
+    const selectOnEmits = elementPlus.createSelectOnEmits(emit, ["update:modelValue"]);
     const readonly = composables.useComputedReadonly(props2);
+    const theModelValue = vue.computed({
+      get: () => {
+        if (props2.multiple && props2.stringify && typeof props2.modelValue === "string") {
+          return props2.modelValue ? props2.modelValue.split(",") : [];
+        }
+        return props2.modelValue ?? props2.defaultModelValue;
+      },
+      set: (modelValue) => {
+        if (props2.multiple && props2.stringify && Array.isArray(modelValue)) {
+          const value = modelValue.reduce((a, v) => {
+            if (typeof v === "string") {
+              a.push(v);
+            } else if (utilsObject.isNotEmptyObject(v) && v[props2.valueKey] !== void 0) {
+              a.push(v[props2.valueKey]);
+            }
+            return a;
+          }, []).join(",");
+          emit("update:modelValue", value);
+          return;
+        }
+        emit("update:modelValue", modelValue);
+      }
+    });
+    props2.modelValue === void 0 && props2.defaultModelValue && theModelValue.value === props2.defaultModelValue;
     const optionsFromUrl = vue.ref([]);
     const rUrlOptions = (url) => {
       if (url) {
@@ -89,7 +120,8 @@ var _sfc_main = vue.defineComponent({
       selectOnEmits,
       selectOptions,
       reshow,
-      readonly
+      readonly,
+      theModelValue
     };
   }
 });
@@ -104,7 +136,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     {
       default: vue.withCtx(() => [
         _ctx.reshow ? (vue.openBlock(), vue.createBlock(_component_ElSelect, vue.mergeProps({ key: 0 }, _ctx.selectBindProps, {
-          "model-value": _ctx.defaultModelValue ?? _ctx.modelValue,
+          modelValue: _ctx.theModelValue,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.theModelValue = $event),
           disabled: _ctx.readonly || _ctx.disabled,
           class: {
             "is-readonly": _ctx.readonly
@@ -140,7 +173,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1040, ["model-value", "disabled", "class"])) : vue.createCommentVNode("v-if", true),
+        ]), 1040, ["modelValue", "disabled", "class"])) : vue.createCommentVNode("v-if", true),
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       _: 3

package/components/select/index.mjs

@@ -1,8 +1,8 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { selectProps, selectEmits, createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus';
-import { defineComponent, ref, watch, computed, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+import { defineComponent, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
 import { ElSelect, ElOption } from 'element-plus';
-import { isPlainObject } from '@vunk/core/shared/utils-object';
+import { isNotEmptyObject, isPlainObject } from '@vunk/core/shared/utils-object';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
@@ -21,7 +21,14 @@ const props = {
     type: String,
     default: ""
   },
-  defaultModelValue: null
+  defaultModelValue: null,
+  /**
+   * multiple模式下，是否将选中的值转为字符串 
+   */
+  stringify: {
+    type: Boolean,
+    default: false
+  }
 };
 const emits = {
   ...selectEmits
@@ -39,8 +46,32 @@ var _sfc_main = defineComponent({
   setup(props2, { emit }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const selectBindProps = createSelectBindProps(props2, ["disabled", "modelValue"]);
-    const selectOnEmits = createSelectOnEmits(emit);
+    const selectOnEmits = createSelectOnEmits(emit, ["update:modelValue"]);
     const readonly = useComputedReadonly(props2);
+    const theModelValue = computed({
+      get: () => {
+        if (props2.multiple && props2.stringify && typeof props2.modelValue === "string") {
+          return props2.modelValue ? props2.modelValue.split(",") : [];
+        }
+        return props2.modelValue ?? props2.defaultModelValue;
+      },
+      set: (modelValue) => {
+        if (props2.multiple && props2.stringify && Array.isArray(modelValue)) {
+          const value = modelValue.reduce((a, v) => {
+            if (typeof v === "string") {
+              a.push(v);
+            } else if (isNotEmptyObject(v) && v[props2.valueKey] !== void 0) {
+              a.push(v[props2.valueKey]);
+            }
+            return a;
+          }, []).join(",");
+          emit("update:modelValue", value);
+          return;
+        }
+        emit("update:modelValue", modelValue);
+      }
+    });
+    props2.modelValue === void 0 && props2.defaultModelValue && theModelValue.value === props2.defaultModelValue;
     const optionsFromUrl = ref([]);
     const rUrlOptions = (url) => {
       if (url) {
@@ -85,7 +116,8 @@ var _sfc_main = defineComponent({
       selectOnEmits,
       selectOptions,
       reshow,
-      readonly
+      readonly,
+      theModelValue
     };
   }
 });
@@ -100,7 +132,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     {
       default: withCtx(() => [
         _ctx.reshow ? (openBlock(), createBlock(_component_ElSelect, mergeProps({ key: 0 }, _ctx.selectBindProps, {
-          "model-value": _ctx.defaultModelValue ?? _ctx.modelValue,
+          modelValue: _ctx.theModelValue,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.theModelValue = $event),
           disabled: _ctx.readonly || _ctx.disabled,
           class: {
             "is-readonly": _ctx.readonly
@@ -136,7 +169,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1040, ["model-value", "disabled", "class"])) : createCommentVNode("v-if", true),
+        ]), 1040, ["modelValue", "disabled", "class"])) : createCommentVNode("v-if", true),
         renderSlot(_ctx.$slots, "default")
       ]),
       _: 3

package/components/select/src/ctx.d.ts

@@ -16,6 +16,13 @@ export declare const props: {
         default: string;
     };
     defaultModelValue: any;
+    /**
+     * multiple模式下，是否将选中的值转为字符串
+     */
+    stringify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -116,12 +123,18 @@ export declare const props: {
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;

package/components/select/src/index.vue.d.ts

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     defaultModelValue: any;
+    stringify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -113,12 +117,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -176,7 +186,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         valueKey: string;
         fitInputWidth: boolean;
     }>;
-    selectOnEmits: {};
+    selectOnEmits: {
+        clear: (...e: any[]) => void;
+        change: (...e: any[]) => void;
+        focus: (...e: any[]) => void;
+        blur: (...e: any[]) => void;
+        "visible-change": (...e: any[]) => void;
+        "remove-tag": (...e: any[]) => void;
+    };
     selectOptions: import("vue").ComputedRef<(import("@vunk/core").VueComponentPropsType<import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         value: {
             required: true;
@@ -237,6 +254,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     })[]>;
     reshow: import("vue").Ref<boolean, boolean>;
     readonly: import("vue").ComputedRef<boolean>;
+    theModelValue: import("vue").WritableComputedRef<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': any;
     change: any;
@@ -259,6 +277,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     defaultModelValue: any;
+    stringify: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
@@ -359,12 +381,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
@@ -403,8 +431,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemSlots: import("@vunk/form/components/form-item/src/types").FormItemSlots;
     inline: boolean;
     readonly: boolean;
-    labelPosition: "right";
+    formItemTip: string;
+    formItemTipClass: any;
+    labelTip: string;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     options: import("@vunk/core").VueComponentPropsType<import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -488,6 +519,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     valueKey: string;
     fitInputWidth: boolean;
     selectSlots: import("./types").SelectSlots;
+    stringify: boolean;
 }, {}, {
     VkfFormItem: {
         new (...args: any[]): any;

package/components/slider/src/ctx.d.ts

@@ -91,12 +91,18 @@ export declare const props: {
         type: BooleanConstructor;
         default: any;
     };
-    labelPosition: {
-        type: import("vue").PropType<"right">;
-        default: string;
+    formItemTip: {
+        type: StringConstructor;
+        default: any;
+    };
+    formItemTipClass: any;
+    labelTip: {
+        type: StringConstructor;
+        default: any;
     };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;