@vunk/form 0.0.1-alpha.2 → 0.0.1-alpha.22

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

@@ -1,4 +1,3 @@
-import type { ComputedRef } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     options: {
         type: import("vue").PropType<import("@vunk/core").VueComponentPropsType<import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -14,16 +13,16 @@ declare const _default: import("vue").DefineComponent<{
             };
         }, {
             ns: {
-                namespace: ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string) => string;
-                m: (modifier?: string) => string;
-                be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier?: string) => string;
-                bm: (blockSuffix?: string, modifier?: string) => string;
-                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string | undefined) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
-                    (name: string, state: boolean): string;
+                    (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
                 cssVar: (object: Record<string, string>) => Record<string, string>;
@@ -31,10 +30,10 @@ declare const _default: import("vue").DefineComponent<{
                 cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                 cssVarBlockName: (name: string) => string;
             };
-            currentLabel: ComputedRef<any>;
-            itemSelected: ComputedRef<boolean>;
-            isDisabled: ComputedRef<any>;
-            select: import("element-plus").SelectContext;
+            currentLabel: import("vue").ComputedRef<any>;
+            itemSelected: import("vue").ComputedRef<boolean>;
+            isDisabled: import("vue").ComputedRef<any>;
+            select: import("element-plus").SelectContext | undefined;
             hoverItem: () => void;
             visible: import("vue").Ref<boolean>;
             hover: import("vue").Ref<boolean>;
@@ -61,17 +60,17 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             created: boolean;
         }>>>[]>;
-        default: () => any[];
+        default: () => never[];
     };
     selectSlots: {
         type: import("vue").PropType<import("./types").SelectSlots>;
-        default: any;
+        default: undefined;
     };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
         type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
-        default: any;
+        default: undefined;
     };
     autocomplete: {
         type: StringConstructor;
@@ -143,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
         required: false;
-        validator: (val: unknown) => boolean;
+        validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
@@ -152,20 +151,20 @@ declare const _default: import("vue").DefineComponent<{
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -177,25 +176,82 @@ declare const _default: import("vue").DefineComponent<{
     };
     formItemSlots: {
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: import("vue").PropType<any>;
         required: boolean;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
 }, {
-    formItemBindProps: ComputedRef<{}>;
-    selectBindProps: ComputedRef<any>;
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown> | undefined;
+        rules: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        formItemSize: "default" | "small" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+        elRef: any;
+        inline: boolean;
+        readonly: boolean | undefined;
+    }>;
+    selectBindProps: import("vue").ComputedRef<{
+        size: "" | "default" | "small" | "large" | undefined;
+        name: string | undefined;
+        loading: boolean;
+        multiple: boolean;
+        id: string | undefined;
+        popperClass: string;
+        clearable: boolean;
+        clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        placeholder: string | undefined;
+        modelValue: string | number | boolean | Record<string, any> | unknown[] | undefined;
+        autocomplete: string;
+        suffixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        automaticDropdown: boolean;
+        effect: string;
+        filterable: boolean;
+        allowCreate: boolean;
+        remote: boolean;
+        loadingText: string | undefined;
+        noMatchText: string | undefined;
+        noDataText: string | undefined;
+        remoteMethod: Function | undefined;
+        filterMethod: Function | undefined;
+        multipleLimit: number;
+        defaultFirstOption: boolean;
+        reserveKeyword: boolean;
+        valueKey: string;
+        collapseTags: boolean;
+        collapseTagsTooltip: boolean;
+        teleported: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        persistent: boolean;
+        fitInputWidth: boolean;
+        tagType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>;
+    }>;
     selectOnEmits: {
-        "update:modelValue": ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "clear", ...args: unknown[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "remove-tag", ...args: unknown[]) => void) & ((event: "remove-tag", ...args: any[]) => void);
-        change: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "clear", ...args: unknown[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "remove-tag", ...args: unknown[]) => void) & ((event: "remove-tag", ...args: any[]) => void);
-        focus: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "clear", ...args: unknown[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "remove-tag", ...args: unknown[]) => void) & ((event: "remove-tag", ...args: any[]) => void);
-        blur: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "clear", ...args: unknown[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "remove-tag", ...args: unknown[]) => void) & ((event: "remove-tag", ...args: any[]) => void);
-        "visible-change": ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "clear", ...args: unknown[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "remove-tag", ...args: unknown[]) => void) & ((event: "remove-tag", ...args: any[]) => void);
-        clear: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "clear", ...args: unknown[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "remove-tag", ...args: unknown[]) => void) & ((event: "remove-tag", ...args: any[]) => void);
-        "remove-tag": ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: unknown[]) => void) & ((event: "change", ...args: any[]) => void) & ((event: "focus", ...args: unknown[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "blur", ...args: unknown[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "visible-change", ...args: unknown[]) => void) & ((event: "visible-change", ...args: any[]) => void) & ((event: "clear", ...args: unknown[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "remove-tag", ...args: unknown[]) => void) & ((event: "remove-tag", ...args: any[]) => void);
-    };
-    selectOptions: ComputedRef<(import("@vunk/core").VueComponentPropsType<import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        blur: (...e: any[]) => void;
+        change: (...e: any[]) => void;
+        focus: (...e: any[]) => void;
+        clear: (...e: any[]) => void;
+        "update:modelValue": (...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;
             type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
@@ -208,16 +264,16 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         ns: {
-            namespace: ComputedRef<string>;
-            b: (blockSuffix?: string) => string;
-            e: (element?: string) => string;
-            m: (modifier?: string) => string;
-            be: (blockSuffix?: string, element?: string) => string;
-            em: (element?: string, modifier?: string) => string;
-            bm: (blockSuffix?: string, modifier?: string) => string;
-            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string | undefined) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
             is: {
-                (name: string, state: boolean): string;
+                (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
             cssVar: (object: Record<string, string>) => Record<string, string>;
@@ -225,10 +281,10 @@ declare const _default: import("vue").DefineComponent<{
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        currentLabel: ComputedRef<any>;
-        itemSelected: ComputedRef<boolean>;
-        isDisabled: ComputedRef<any>;
-        select: import("element-plus").SelectContext;
+        currentLabel: import("vue").ComputedRef<any>;
+        itemSelected: import("vue").ComputedRef<boolean>;
+        isDisabled: import("vue").ComputedRef<any>;
+        select: import("element-plus").SelectContext | undefined;
         hoverItem: () => void;
         visible: import("vue").Ref<boolean>;
         hover: import("vue").Ref<boolean>;
@@ -257,14 +313,16 @@ declare const _default: import("vue").DefineComponent<{
     }>>> & {
         key: any;
     })[]>;
+    reshow: import("vue").Ref<boolean>;
+    readonly: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': any;
-    change: any;
-    'remove-tag': any;
-    clear: any;
-    'visible-change': any;
-    focus: any;
-    blur: any;
+    'update:modelValue': null;
+    change: null;
+    'remove-tag': null;
+    clear: null;
+    'visible-change': null;
+    focus: null;
+    blur: null;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: import("vue").PropType<import("@vunk/core").VueComponentPropsType<import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -280,16 +338,16 @@ declare const _default: import("vue").DefineComponent<{
             };
         }, {
             ns: {
-                namespace: ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string) => string;
-                m: (modifier?: string) => string;
-                be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier?: string) => string;
-                bm: (blockSuffix?: string, modifier?: string) => string;
-                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string | undefined) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
                 is: {
-                    (name: string, state: boolean): string;
+                    (name: string, state: boolean | undefined): string;
                     (name: string): string;
                 };
                 cssVar: (object: Record<string, string>) => Record<string, string>;
@@ -297,10 +355,10 @@ declare const _default: import("vue").DefineComponent<{
                 cssVarBlock: (object: Record<string, string>) => Record<string, string>;
                 cssVarBlockName: (name: string) => string;
             };
-            currentLabel: ComputedRef<any>;
-            itemSelected: ComputedRef<boolean>;
-            isDisabled: ComputedRef<any>;
-            select: import("element-plus").SelectContext;
+            currentLabel: import("vue").ComputedRef<any>;
+            itemSelected: import("vue").ComputedRef<boolean>;
+            isDisabled: import("vue").ComputedRef<any>;
+            select: import("element-plus").SelectContext | undefined;
             hoverItem: () => void;
             visible: import("vue").Ref<boolean>;
             hover: import("vue").Ref<boolean>;
@@ -327,17 +385,17 @@ declare const _default: import("vue").DefineComponent<{
             disabled: boolean;
             created: boolean;
         }>>>[]>;
-        default: () => any[];
+        default: () => never[];
     };
     selectSlots: {
         type: import("vue").PropType<import("./types").SelectSlots>;
-        default: any;
+        default: undefined;
     };
     name: StringConstructor;
     id: StringConstructor;
     modelValue: {
         type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor | ArrayConstructor)[];
-        default: any;
+        default: undefined;
     };
     autocomplete: {
         type: StringConstructor;
@@ -409,7 +467,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
         required: false;
-        validator: (val: unknown) => boolean;
+        validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
@@ -418,20 +476,20 @@ declare const _default: import("vue").DefineComponent<{
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -443,20 +501,28 @@ declare const _default: import("vue").DefineComponent<{
     };
     formItemSlots: {
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: import("vue").PropType<any>;
         required: boolean;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onChange?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onFocus?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onBlur?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    "onVisible-change"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onClear?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    "onRemove-tag"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    "onVisible-change"?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
 }, {
     required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -464,20 +530,22 @@ declare const _default: import("vue").DefineComponent<{
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     formItemSize: "default" | "small" | "large";
     formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    disabled: boolean;
+    loading: boolean;
+    multiple: boolean;
     popperClass: string;
     clearable: boolean;
-    clearIcon: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    disabled: boolean;
+    clearIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     modelValue: string | number | boolean | Record<string, any> | unknown[];
     autocomplete: string;
-    suffixIcon: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    loading: boolean;
+    suffixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     automaticDropdown: boolean;
     effect: string;
     filterable: boolean;
     allowCreate: boolean;
     remote: boolean;
-    multiple: boolean;
     multipleLimit: number;
     defaultFirstOption: boolean;
     reserveKeyword: boolean;
@@ -501,16 +569,16 @@ declare const _default: import("vue").DefineComponent<{
         };
     }, {
         ns: {
-            namespace: ComputedRef<string>;
-            b: (blockSuffix?: string) => string;
-            e: (element?: string) => string;
-            m: (modifier?: string) => string;
-            be: (blockSuffix?: string, element?: string) => string;
-            em: (element?: string, modifier?: string) => string;
-            bm: (blockSuffix?: string, modifier?: string) => string;
-            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string | undefined) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
             is: {
-                (name: string, state: boolean): string;
+                (name: string, state: boolean | undefined): string;
                 (name: string): string;
             };
             cssVar: (object: Record<string, string>) => Record<string, string>;
@@ -518,10 +586,10 @@ declare const _default: import("vue").DefineComponent<{
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        currentLabel: ComputedRef<any>;
-        itemSelected: ComputedRef<boolean>;
-        isDisabled: ComputedRef<any>;
-        select: import("element-plus").SelectContext;
+        currentLabel: import("vue").ComputedRef<any>;
+        itemSelected: import("vue").ComputedRef<boolean>;
+        isDisabled: import("vue").ComputedRef<any>;
+        select: import("element-plus").SelectContext | undefined;
         hoverItem: () => void;
         visible: import("vue").Ref<boolean>;
         hover: import("vue").Ref<boolean>;
@@ -548,6 +616,6 @@ declare const _default: import("vue").DefineComponent<{
         disabled: boolean;
         created: boolean;
     }>>>[];
-    selectSlots: any;
+    selectSlots: import("./types").SelectSlots;
 }>;
 export default _default;

package/components/switch/index.css

@@ -0,0 +1,11 @@
+
+.el-switch.is-readonly{
+ --el-readonly-cursor: auto;
+}
+.el-switch.is-readonly.is-readonly{
+  opacity: .9;
+}
+.el-switch.is-readonly.is-readonly .el-switch__core, 
+.el-switch.is-readonly.is-readonly .el-switch__label{
+  cursor: var(--el-readonly-cursor);
+}

package/components/switch/index.js

@@ -1,9 +1,12 @@
-import { formItemProps, switchProps, switchEmits, ElSwitch } from 'element-plus';
+import { switchProps, switchEmits, ElSwitch } from 'element-plus';
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, renderSlot } from 'vue';
-import { VkfFormItem, _VkfFormItemCtx } from '@vunk/form/components/form-item';
 import { createSwitchBindProps, createSwitchOnEmits } from '@vunk/form/shared/element-plus';
+import { useComputedReadonly } from '@vunk/form/composables';
 
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -19,7 +22,17 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-const props = __spreadValues(__spreadValues({}, formItemProps), switchProps);
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), switchProps), {
+  modelValue: {
+    type: Boolean,
+    default: void 0
+  },
+  defaultModelValue: {
+    type: Boolean,
+    default: false
+  }
+});
 const emits = __spreadValues({}, switchEmits);
 
 var script = defineComponent({
@@ -32,12 +45,17 @@ var script = defineComponent({
   props,
   setup(props2, { emit }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const switchBindProps = createSwitchBindProps(props2);
+    const switchBindProps = createSwitchBindProps(props2, [
+      "modelValue",
+      "disabled"
+    ]);
     const switchOnEmits = createSwitchOnEmits(emit);
+    const readonly = useComputedReadonly(props2);
     return {
       formItemBindProps,
       switchBindProps,
-      switchOnEmits
+      switchOnEmits,
+      readonly
     };
   }
 });
@@ -46,14 +64,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElSwitch = resolveComponent("ElSwitch");
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
   return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
-    default: withCtx(() => [
-      createVNode(_component_ElSwitch, mergeProps(_ctx.switchBindProps, toHandlers(_ctx.switchOnEmits)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16)
-    ]),
+    default: withCtx(() => {
+      var _a;
+      return [
+        createVNode(_component_ElSwitch, mergeProps({
+          class: {
+            "is-readonly": _ctx.readonly
+          },
+          modelValue: (_a = _ctx.modelValue) != null ? _a : _ctx.defaultModelValue
+        }, _ctx.switchBindProps, toHandlers(_ctx.switchOnEmits), {
+          disabled: _ctx.readonly || _ctx.disabled
+        }), {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["class", "modelValue", "disabled"])
+      ];
+    }),
     _: 3
   }, 16);
 }