@vunk/form 1.4.7 → 1.4.9

package/components/date-picker/src/index.vue.d.ts

@@ -449,13 +449,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             __epPropKey: true;
         };
         readonly id: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<string>))[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
         readonly name: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<string>))[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => string | [string, string]) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
@@ -489,13 +489,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly startPlaceholder: StringConstructor;
         readonly endPlaceholder: StringConstructor;
         readonly defaultValue: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<Date>))[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
         readonly defaultTime: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus/es/components/time-picker").SingleOrRange<Date>))[], unknown, unknown>>;
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import("element-plus").SingleOrRange<Date>))[], unknown, unknown>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;

package/components/download-plus/src/index.vue.d.ts

@@ -632,7 +632,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
             autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
             isComposing: import("vue").Ref<boolean>;
-            focus: () => Promise<void>;
+            focus: () => void | undefined;
             blur: () => void | undefined;
             select: () => void;
             clear: () => void;
@@ -778,7 +778,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
             autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
             isComposing: import("vue").Ref<boolean>;
-            focus: () => Promise<void>;
+            focus: () => void | undefined;
             blur: () => void | undefined;
             select: () => void;
             clear: () => void;
@@ -908,7 +908,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
         isComposing: import("vue").Ref<boolean>;
-        focus: () => Promise<void>;
+        focus: () => void | undefined;
         blur: () => void | undefined;
         select: () => void;
         clear: () => void;

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

@@ -458,7 +458,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
             autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
             isComposing: import("vue").Ref<boolean>;
-            focus: () => Promise<void>;
+            focus: () => void | undefined;
             blur: () => void | undefined;
             select: () => void;
             clear: () => void;
@@ -604,7 +604,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
             autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
             isComposing: import("vue").Ref<boolean>;
-            focus: () => Promise<void>;
+            focus: () => void | undefined;
             blur: () => void | undefined;
             select: () => void;
             clear: () => void;
@@ -734,7 +734,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
         autosize: import("vue").Ref<import("element-plus").InputAutoSize>;
         isComposing: import("vue").Ref<boolean>;
-        focus: () => Promise<void>;
+        focus: () => void | undefined;
         blur: () => void | undefined;
         select: () => void;
         clear: () => void;

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

@@ -315,7 +315,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         scrollTo: (options: ScrollToOptions | number, yCoord?: number) => void;
         setScrollLeft: (left?: number) => void;
         setScrollTop: (top?: number) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend")[], "scroll" | "select" | "select-all" | "expand-change" | "current-change" | "selection-change" | "cell-mouse-enter" | "cell-mouse-leave" | "cell-contextmenu" | "cell-click" | "cell-dblclick" | "row-click" | "row-contextmenu" | "row-dblclick" | "header-click" | "header-contextmenu" | "sort-change" | "filter-change" | "header-dragend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<import("element-plus/es/components/table/src/table/defaults").DefaultRow[]>;
             default: () => never[];
@@ -399,6 +399,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: undefined;
         };
     }>> & {
+        onScroll?: ((...args: any[]) => any) | undefined;
         onSelect?: ((...args: any[]) => any) | undefined;
         "onExpand-change"?: ((...args: any[]) => any) | undefined;
         "onCurrent-change"?: ((...args: any[]) => any) | undefined;

package/components/input-number/index.cjs

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
 var formItem = require('@vunk/form/components/form-item');
 var utilsVue = require('@vunk/core/shared/utils-vue');
 var elementPlus = require('element-plus');
-var vue = require('vue');
 var elementPlus$1 = require('@vunk/form/shared/element-plus');
 var composables = require('@vunk/form/composables');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
@@ -20,6 +20,10 @@ const props = {
   unit: {
     type: String,
     default: ""
+  },
+  inputNumberSlots: {
+    type: Object,
+    default: void 0
   }
 };
 utilsVue.bindPropsFactory(props);
@@ -28,7 +32,7 @@ const emits = {
 };
 utilsVue.onEmitsFactory(emits);
 
-var _sfc_main = vue.defineComponent({
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   name: "VkfInputNumber",
   components: {
     VkfFormItem: formItem.VkfFormItem,
@@ -36,24 +40,34 @@ var _sfc_main = vue.defineComponent({
   },
   props,
   emits,
-  setup(props2, { emit }) {
+  setup(props2, {
+    emit
+  }) {
     const iBindProps = elementPlus$1.createInputNumberBindProps(props2, ["disabled", "readonly"]);
     const iOnEmits = elementPlus$1.createInputNumberOnEmits(emit);
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
     const readonly = composables.useComputedReadonly(props2);
+    const theInputNumberSlots = vue.computed(() => {
+      if (
+      // if there is no suffix slot and there is a unit
+      !props2.inputNumberSlots?.suffix && props2.unit) {
+        return {
+          ...props2.inputNumberSlots,
+          suffix: () => vue.createVNode("span", null, [props2.unit])
+        };
+      }
+      return props2.inputNumberSlots;
+    });
     return {
       formItemBindProps,
       iBindProps,
       iOnEmits,
-      readonly
+      readonly,
+      theInputNumberSlots
     };
   }
 });
 
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-input-number-unit"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElInputNumber = vue.resolveComponent("ElInputNumber");
   const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
@@ -69,14 +83,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, _ctx.iBindProps, {
           readonly: _ctx.readonly,
           disabled: _ctx.readonly || _ctx.disabled
-        }, vue.toHandlers(_ctx.iOnEmits)), null, 16, ["class", "readonly", "disabled"]),
-        _ctx.unit ? (vue.openBlock(), vue.createElementBlock(
-          "span",
-          _hoisted_1,
-          vue.toDisplayString(_ctx.unit),
-          1
-          /* TEXT */
-        )) : vue.createCommentVNode("v-if", true)
+        }, vue.toHandlers(_ctx.iOnEmits)), vue.createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          vue.renderList(_ctx.theInputNumberSlots, (item, key) => {
+            return {
+              name: key,
+              fn: vue.withCtx((e) => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["class", "readonly", "disabled"])
       ]),
       _: 1
       /* STABLE */

package/components/input-number/index.css

@@ -1,6 +1,3 @@
-.vkf-input-number-unit{
-  margin-left: 6px;
-}
 .el-input-number.is-readonly{
   --el-readonly-cursor: text;
   --el-disabled-bg-color: initial;

package/components/input-number/index.mjs

@@ -1,7 +1,7 @@
+import { defineComponent, computed, createVNode, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps, toHandlers, createSlots, renderList, resolveDynamicComponent } from 'vue';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { inputNumberProps, inputNumberEmits, ElInputNumber } from 'element-plus';
-import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createElementBlock, toDisplayString, createCommentVNode } from 'vue';
 import { createInputNumberBindProps, createInputNumberOnEmits } from '@vunk/form/shared/element-plus';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
@@ -16,6 +16,10 @@ const props = {
   unit: {
     type: String,
     default: ""
+  },
+  inputNumberSlots: {
+    type: Object,
+    default: void 0
   }
 };
 bindPropsFactory(props);
@@ -24,7 +28,7 @@ const emits = {
 };
 onEmitsFactory(emits);
 
-var _sfc_main = defineComponent({
+var _sfc_main = /* @__PURE__ */ defineComponent({
   name: "VkfInputNumber",
   components: {
     VkfFormItem,
@@ -32,24 +36,34 @@ var _sfc_main = defineComponent({
   },
   props,
   emits,
-  setup(props2, { emit }) {
+  setup(props2, {
+    emit
+  }) {
     const iBindProps = createInputNumberBindProps(props2, ["disabled", "readonly"]);
     const iOnEmits = createInputNumberOnEmits(emit);
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const readonly = useComputedReadonly(props2);
+    const theInputNumberSlots = computed(() => {
+      if (
+      // if there is no suffix slot and there is a unit
+      !props2.inputNumberSlots?.suffix && props2.unit) {
+        return {
+          ...props2.inputNumberSlots,
+          suffix: () => createVNode("span", null, [props2.unit])
+        };
+      }
+      return props2.inputNumberSlots;
+    });
     return {
       formItemBindProps,
       iBindProps,
       iOnEmits,
-      readonly
+      readonly,
+      theInputNumberSlots
     };
   }
 });
 
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-input-number-unit"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElInputNumber = resolveComponent("ElInputNumber");
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
@@ -65,14 +79,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, _ctx.iBindProps, {
           readonly: _ctx.readonly,
           disabled: _ctx.readonly || _ctx.disabled
-        }, toHandlers(_ctx.iOnEmits)), null, 16, ["class", "readonly", "disabled"]),
-        _ctx.unit ? (openBlock(), createElementBlock(
-          "span",
-          _hoisted_1,
-          toDisplayString(_ctx.unit),
-          1
-          /* TEXT */
-        )) : createCommentVNode("v-if", true)
+        }, toHandlers(_ctx.iOnEmits)), createSlots({
+          _: 2
+          /* DYNAMIC */
+        }, [
+          renderList(_ctx.theInputNumberSlots, (item, key) => {
+            return {
+              name: key,
+              fn: withCtx((e) => [
+                (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+              ])
+            };
+          })
+        ]), 1040, ["class", "readonly", "disabled"])
       ]),
       _: 1
       /* STABLE */

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

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { InputNumberSlots } from './types';
 export declare const props: {
     readonly: {
         type: BooleanConstructor;
@@ -7,6 +9,10 @@ export declare const props: {
         type: StringConstructor;
         default: string;
     };
+    inputNumberSlots: {
+        type: PropType<InputNumberSlots>;
+        default: any;
+    };
     ariaLabel: StringConstructor;
     id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     step: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -35,15 +41,15 @@ export declare const props: {
     validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
-        type: import("vue").PropType<"default" | "small" | "large">;
+        type: PropType<"default" | "small" | "large">;
         default: "default" | "small" | "large";
     };
     formItemSlots: {
-        type: import("vue").PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
+        type: PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
         default: any;
     };
     elRef: {
-        type: import("vue").PropType<any>;
+        type: PropType<any>;
         required: boolean;
     };
     inline: {
@@ -51,7 +57,7 @@ export declare const props: {
         default: boolean;
     };
     labelPosition: {
-        type: import("vue").PropType<"right">;
+        type: PropType<"right">;
         default: string;
     };
     label: StringConstructor;
@@ -79,7 +85,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>)[]>(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", 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", 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", 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<"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 emits: {
     change: (cur: number | undefined, prev: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;

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

@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    inputNumberSlots: {
+        type: import("vue").PropType<import("./types").InputNumberSlots>;
+        default: any;
+    };
     ariaLabel: StringConstructor;
     id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     step: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -99,6 +103,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>;
     iOnEmits: {};
     readonly: import("vue").ComputedRef<boolean>;
+    theInputNumberSlots: import("vue").ComputedRef<import("./types").InputNumberSlots>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (cur: number | undefined, prev: number | undefined) => boolean;
     blur: (e: FocusEvent) => boolean;
@@ -114,6 +119,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: string;
     };
+    inputNumberSlots: {
+        type: import("vue").PropType<import("./types").InputNumberSlots>;
+        default: any;
+    };
     ariaLabel: StringConstructor;
     id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     step: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
@@ -212,6 +221,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     stepStrictly: boolean;
     controlsPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "right", unknown>;
     unit: string;
+    inputNumberSlots: import("./types").InputNumberSlots;
 }, {}, {
     VkfFormItem: {
         new (...args: any[]): any;

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

@@ -1,8 +1,12 @@
 import { BasicSource } from '@vunk/form/shared';
-import { VueComponentPropsType } from '@vunk/core';
+import { Func, VueComponentPropsType } from '@vunk/core';
 import VkfInputNumber from './index.vue';
 export interface Source<P extends string = string> extends VueComponentPropsType<typeof VkfInputNumber>, BasicSource {
     prop: P;
     templateType: 'VkfInputNumber';
 }
+export type InputNumberSlots = {
+    prefix?: Func;
+    suffix?: Func;
+};
 export {};

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: {