element-plus 2.2.25 → 2.2.27

package/lib/components/breadcrumb/src/breadcrumb.d.ts

@@ -1,5 +1,4 @@
 import type { ExtractPropTypes } from 'vue';
-import type Breadcrumb from './breadcrumb.vue';
 export declare const breadcrumbProps: {
     readonly separator: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "/", boolean>;
     readonly separatorIcon: {
@@ -10,4 +9,3 @@ export declare const breadcrumbProps: {
     };
 };
 export declare type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>;
-export declare type BreadcrumbInstance = InstanceType<typeof Breadcrumb>;

package/lib/components/breadcrumb/src/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Breadcrumb from './breadcrumb.vue'\n\nexport const breadcrumbProps = buildProps({\n  separator: {\n    type: String,\n    default: '/',\n  },\n  separatorIcon: {\n    type: iconPropType,\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\nexport type BreadcrumbInstance = InstanceType<typeof Breadcrumb>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"breadcrumb.js","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const breadcrumbProps = buildProps({\n  /**\n   * @description separator character\n   */\n  separator: {\n    type: String,\n    default: '/',\n  },\n  /**\n   * @description icon component of icon separator\n   */\n  separatorIcon: {\n    type: iconPropType,\n  },\n} as const)\nexport type BreadcrumbProps = ExtractPropTypes<typeof breadcrumbProps>\n"],"names":["buildProps","iconPropType"],"mappings":";;;;;;;;AACY,MAAC,eAAe,GAAGA,kBAAU,CAAC;AAC1C,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,CAAC;;;;"}

package/lib/components/breadcrumb/src/instances.d.ts

@@ -0,0 +1,4 @@
+import type Breadcrumb from './breadcrumb.vue';
+import type BreadcrumbItem from './breadcrumb-item.vue';
+export declare type BreadcrumbItemInstance = InstanceType<typeof BreadcrumbItem>;
+export declare type BreadcrumbInstance = InstanceType<typeof Breadcrumb>;

package/lib/components/breadcrumb/src/instances.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instances.js.map

package/lib/components/breadcrumb/src/instances.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instances.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/card/index.d.ts

@@ -32,3 +32,4 @@ export declare const ElCard: import("element-plus/es/utils").SFCWithInstall<impo
 }>> & Record<string, any>;
 export default ElCard;
 export * from './src/card';
+export type { CardInstance } from './src/instance';

package/lib/components/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/card/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\n\nimport Card from './src/card.vue'\n\nexport const ElCard = withInstall(Card)\nexport default ElCard\n\nexport * from './src/card'\n"],"names":["withInstall","Card"],"mappings":";;;;;;;;;AAEY,MAAC,MAAM,GAAGA,mBAAW,CAACC,iBAAI;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/card/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\n\nimport Card from './src/card.vue'\n\nexport const ElCard = withInstall(Card)\nexport default ElCard\n\nexport * from './src/card'\nexport type { CardInstance } from './src/instance'\n"],"names":["withInstall","Card"],"mappings":";;;;;;;;;AAEY,MAAC,MAAM,GAAGA,mBAAW,CAACC,iBAAI;;;;;;"}

package/lib/components/card/src/card.d.ts

@@ -1,4 +1,3 @@
-import type Card from './card.vue';
 import type { ExtractPropTypes, StyleValue } from 'vue';
 export declare const cardProps: {
     readonly header: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -6,4 +5,3 @@ export declare const cardProps: {
     readonly shadow: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "hover" | "always" | "never", unknown, "always", boolean>;
 };
 export declare type CardProps = ExtractPropTypes<typeof cardProps>;
-export declare type CardInstance = InstanceType<typeof Card>;

package/lib/components/card/src/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type Card from './card.vue'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const cardProps = buildProps({\n  header: {\n    type: String,\n    default: '',\n  },\n  bodyStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  shadow: {\n    type: String,\n    values: ['always', 'hover', 'never'],\n    default: 'always',\n  },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\nexport type CardInstance = InstanceType<typeof Card>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;AACxC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"card.js","sources":["../../../../../../packages/components/card/src/card.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes, StyleValue } from 'vue'\n\nexport const cardProps = buildProps({\n  /**\n   * @description title of the card. Also accepts a DOM passed by `slot#header`\n   */\n  header: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description CSS style of card body\n   */\n  bodyStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: '',\n  },\n  /**\n   * @description when to show card shadows\n   */\n  shadow: {\n    type: String,\n    values: ['always', 'hover', 'never'],\n    default: 'always',\n  },\n} as const)\nexport type CardProps = ExtractPropTypes<typeof cardProps>\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;;AACY,MAAC,SAAS,GAAGA,kBAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;AACxC,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC;;;;"}

package/lib/components/card/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Card from './card.vue';
+export declare type CardInstance = InstanceType<typeof Card>;

package/lib/components/card/src/instance.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instance.js.map

package/lib/components/card/src/instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/checkbox/index.d.ts

@@ -120,6 +120,8 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
+    compKls: import("vue").ComputedRef<string[]>;
+    spanKls: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: import("./src/checkbox").CheckboxValueType) => boolean;
     change: (val: import("./src/checkbox").CheckboxValueType) => boolean;
@@ -305,6 +307,7 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
             cssVarBlockName: (name: string) => string;
         };
         activeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        lableKls: import("vue").ComputedRef<string[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (val: import("./src/checkbox").CheckboxValueType) => boolean;
         change: (val: import("./src/checkbox").CheckboxValueType) => boolean;
@@ -368,7 +371,7 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
         controls: string;
     }>;
     CheckboxGroup: import("vue").DefineComponent<{
-        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType) | ((new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
         readonly disabled: BooleanConstructor;
         readonly min: NumberConstructor;
         readonly max: NumberConstructor;
@@ -385,7 +388,7 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
         readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+            readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType) | ((new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
             readonly disabled: BooleanConstructor;
             readonly min: NumberConstructor;
             readonly max: NumberConstructor;
@@ -402,9 +405,9 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
             readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         }>> & {
             onChange?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: import("./src/checkbox-group").CheckboxGroupValueType) => any) | undefined;
         }>>;
-        emit: ((event: "update:modelValue", val: import("./src/checkbox").CheckboxValueType[]) => void) & ((event: "change", val: import("./src/checkbox").CheckboxValueType[]) => void);
+        emit: ((event: "update:modelValue", val: import("./src/checkbox-group").CheckboxGroupValueType) => void) & ((event: "change", val: import("./src/checkbox").CheckboxValueType[]) => void);
         ns: {
             namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
@@ -426,13 +429,13 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
         formItem: import("../..").FormItemContext | undefined;
         groupId: import("vue").Ref<string | undefined>;
         isLabeledByFormItem: import("vue").ComputedRef<boolean>;
-        changeEvent: (value: import("./src/checkbox").CheckboxValueType[]) => Promise<void>;
-        modelValue: import("vue").WritableComputedRef<import("./src/checkbox").CheckboxValueType[]>;
+        changeEvent: (value: import("./src/checkbox-group").CheckboxGroupValueType) => Promise<void>;
+        modelValue: import("vue").WritableComputedRef<import("./src/checkbox-group").CheckboxGroupValueType>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (val: import("./src/checkbox").CheckboxValueType[]) => boolean;
+        "update:modelValue": (val: import("./src/checkbox-group").CheckboxGroupValueType) => boolean;
         change: (val: import("./src/checkbox").CheckboxValueType[]) => boolean;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType) | ((new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
         readonly disabled: BooleanConstructor;
         readonly min: NumberConstructor;
         readonly max: NumberConstructor;
@@ -449,10 +452,10 @@ export declare const ElCheckbox: import("element-plus/es/utils").SFCWithInstall<
         readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }>> & {
         onChange?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: import("./src/checkbox-group").CheckboxGroupValueType) => any) | undefined;
     }, {
         readonly disabled: boolean;
-        readonly modelValue: (string | number)[];
+        readonly modelValue: import("./src/checkbox-group").CheckboxGroupValueType;
         readonly tag: string;
         readonly validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>;
@@ -581,6 +584,7 @@ export declare const ElCheckboxButton: import("element-plus/es/utils").SFCWithIn
         cssVarBlockName: (name: string) => string;
     };
     activeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    lableKls: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: import("./src/checkbox").CheckboxValueType) => boolean;
     change: (val: import("./src/checkbox").CheckboxValueType) => boolean;
@@ -644,7 +648,7 @@ export declare const ElCheckboxButton: import("element-plus/es/utils").SFCWithIn
     controls: string;
 }>>;
 export declare const ElCheckboxGroup: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType) | ((new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
     readonly disabled: BooleanConstructor;
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -661,7 +665,7 @@ export declare const ElCheckboxGroup: import("element-plus/es/utils").SFCWithIns
     readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType) | ((new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
         readonly disabled: BooleanConstructor;
         readonly min: NumberConstructor;
         readonly max: NumberConstructor;
@@ -678,9 +682,9 @@ export declare const ElCheckboxGroup: import("element-plus/es/utils").SFCWithIns
         readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }>> & {
         onChange?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: import("./src/checkbox-group").CheckboxGroupValueType) => any) | undefined;
     }>>;
-    emit: ((event: "update:modelValue", val: import("./src/checkbox").CheckboxValueType[]) => void) & ((event: "change", val: import("./src/checkbox").CheckboxValueType[]) => void);
+    emit: ((event: "update:modelValue", val: import("./src/checkbox-group").CheckboxGroupValueType) => void) & ((event: "change", val: import("./src/checkbox").CheckboxValueType[]) => void);
     ns: {
         namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
@@ -702,13 +706,13 @@ export declare const ElCheckboxGroup: import("element-plus/es/utils").SFCWithIns
     formItem: import("../..").FormItemContext | undefined;
     groupId: import("vue").Ref<string | undefined>;
     isLabeledByFormItem: import("vue").ComputedRef<boolean>;
-    changeEvent: (value: import("./src/checkbox").CheckboxValueType[]) => Promise<void>;
-    modelValue: import("vue").WritableComputedRef<import("./src/checkbox").CheckboxValueType[]>;
+    changeEvent: (value: import("./src/checkbox-group").CheckboxGroupValueType) => Promise<void>;
+    modelValue: import("vue").WritableComputedRef<import("./src/checkbox-group").CheckboxGroupValueType>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: import("./src/checkbox").CheckboxValueType[]) => boolean;
+    "update:modelValue": (val: import("./src/checkbox-group").CheckboxGroupValueType) => boolean;
     change: (val: import("./src/checkbox").CheckboxValueType[]) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType) | ((new (...args: any[]) => import("./src/checkbox-group").CheckboxGroupValueType) | (() => import("./src/checkbox-group").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
     readonly disabled: BooleanConstructor;
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -725,10 +729,10 @@ export declare const ElCheckboxGroup: import("element-plus/es/utils").SFCWithIns
     readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
     onChange?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: import("./src/checkbox").CheckboxValueType[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: import("./src/checkbox-group").CheckboxGroupValueType) => any) | undefined;
 }, {
     readonly disabled: boolean;
-    readonly modelValue: (string | number)[];
+    readonly modelValue: import("./src/checkbox-group").CheckboxGroupValueType;
     readonly tag: string;
     readonly validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>>;

package/lib/components/checkbox/src/checkbox-button.js

@@ -44,15 +44,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
       };
     });
+    const lableKls = vue.computed(() => {
+      return [
+        ns.b("button"),
+        ns.bm("button", checkboxButtonSize.value),
+        ns.is("disabled", isDisabled.value),
+        ns.is("checked", isChecked.value),
+        ns.is("focus", isFocused.value)
+      ];
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("label", {
-        class: vue.normalizeClass([
-          vue.unref(ns).b("button"),
-          vue.unref(ns).bm("button", vue.unref(checkboxButtonSize)),
-          vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-          vue.unref(ns).is("checked", vue.unref(isChecked)),
-          vue.unref(ns).is("focus", vue.unref(isFocused))
-        ])
+        class: vue.normalizeClass(vue.unref(lableKls))
       }, [
         _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
           key: 0,

package/lib/components/checkbox/src/checkbox-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-button.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-button.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      ns.b('button'),\n      ns.bm('button', checkboxButtonSize),\n      ns.is('disabled', isDisabled),\n      ns.is('checked', isChecked),\n      ns.is('focus', isFocused),\n    ]\"\n  >\n    <input\n      v-if=\"trueLabel || falseLabel\"\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :true-value=\"trueLabel\"\n      :false-value=\"falseLabel\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n    <input\n      v-else\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :value=\"label\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n\n    <span\n      v-if=\"$slots.default || label\"\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"isChecked ? activeStyle : undefined\"\n    >\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkboxGroupContextKey } from '@element-plus/tokens'\nimport { useCheckbox } from './composables'\nimport { checkboxEmits, checkboxProps } from './checkbox'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCheckboxButton',\n})\n\nconst props = defineProps(checkboxProps)\ndefineEmits(checkboxEmits)\nconst slots = useSlots()\n\nconst {\n  isFocused,\n  isChecked,\n  isDisabled,\n  checkboxButtonSize,\n  model,\n  handleChange,\n} = useCheckbox(props, slots)\nconst checkboxGroup = inject(checkboxGroupContextKey, undefined)\nconst ns = useNamespace('checkbox')\n\nconst activeStyle = computed<CSSProperties>(() => {\n  const fillValue = checkboxGroup?.fill?.value ?? ''\n  return {\n    backgroundColor: fillValue,\n    borderColor: fillValue,\n    color: checkboxGroup?.textColor?.value ?? '',\n    boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : undefined,\n  }\n})\n</script>\n"],"names":["useSlots","useCheckbox","inject","checkboxGroupContextKey","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;uCAyDc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,KACE,GAAAC,uBAAA,CAAY,OAAO,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,aAAA,GAAgBC,UAAO,CAAAC,kCAAA,EAAyB,KAAS,CAAA,CAAA,CAAA;AAC/D,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,WAAA,GAAcC,aAAwB,MAAM;AAChD,MAAM,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAY,CAAe;AACjC,MAAO,MAAA,SAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,IAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,MAAA,OACY;AAAA,QACjB,eAAa,EAAA,SAAA;AAAA,QACb,WAAsB,EAAA,SAAA;AAAoB,QAC1C,KAAA,EAAA,CAAA,EAAA,GAAuB,CAAA,EAAA,GAAA,aAAA,IAAA,IAA4B,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACrD,SAAA,EAAA,SAAA,GAAA,CAAA,WAAA,EAAA,SAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,OACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox-button.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-button.vue"],"sourcesContent":["<template>\n  <label :class=\"lableKls\">\n    <input\n      v-if=\"trueLabel || falseLabel\"\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :true-value=\"trueLabel\"\n      :false-value=\"falseLabel\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n    <input\n      v-else\n      v-model=\"model\"\n      :class=\"ns.be('button', 'original')\"\n      type=\"checkbox\"\n      :name=\"name\"\n      :tabindex=\"tabindex\"\n      :disabled=\"isDisabled\"\n      :value=\"label\"\n      @change=\"handleChange\"\n      @focus=\"isFocused = true\"\n      @blur=\"isFocused = false\"\n    />\n\n    <span\n      v-if=\"$slots.default || label\"\n      :class=\"ns.be('button', 'inner')\"\n      :style=\"isChecked ? activeStyle : undefined\"\n    >\n      <slot>{{ label }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { checkboxGroupContextKey } from '@element-plus/tokens'\nimport { useCheckbox } from './composables'\nimport { checkboxEmits, checkboxProps } from './checkbox'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElCheckboxButton',\n})\n\nconst props = defineProps(checkboxProps)\ndefineEmits(checkboxEmits)\nconst slots = useSlots()\n\nconst {\n  isFocused,\n  isChecked,\n  isDisabled,\n  checkboxButtonSize,\n  model,\n  handleChange,\n} = useCheckbox(props, slots)\nconst checkboxGroup = inject(checkboxGroupContextKey, undefined)\nconst ns = useNamespace('checkbox')\n\nconst activeStyle = computed<CSSProperties>(() => {\n  const fillValue = checkboxGroup?.fill?.value ?? ''\n  return {\n    backgroundColor: fillValue,\n    borderColor: fillValue,\n    color: checkboxGroup?.textColor?.value ?? '',\n    boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : undefined,\n  }\n})\n\nconst lableKls = computed(() => {\n  return [\n    ns.b('button'),\n    ns.bm('button', checkboxButtonSize.value),\n    ns.is('disabled', isDisabled.value),\n    ns.is('checked', isChecked.value),\n    ns.is('focus', isFocused.value),\n  ]\n})\n</script>\n"],"names":["useSlots","useCheckbox","inject","checkboxGroupContextKey","useNamespace","computed"],"mappings":";;;;;;;;;;;;;;;;uCAiDc,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,QAAQA,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,kBAAA;AAAA,MACA,KAAA;AAAA,MACA,YAAA;AAAA,KACE,GAAAC,uBAAA,CAAY,OAAO,KAAK,CAAA,CAAA;AAC5B,IAAM,MAAA,aAAA,GAAgBC,UAAO,CAAAC,kCAAA,EAAyB,KAAS,CAAA,CAAA,CAAA;AAC/D,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,WAAA,GAAcC,aAAwB,MAAM;AAChD,MAAM,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAY,CAAe;AACjC,MAAO,MAAA,SAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,IAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA,CAAA;AAAA,MAAA,OACY;AAAA,QACjB,eAAa,EAAA,SAAA;AAAA,QACb,WAAsB,EAAA,SAAA;AAAoB,QAC1C,KAAA,EAAA,CAAA,EAAA,GAAuB,CAAA,EAAA,GAAA,aAAA,IAAA,IAA4B,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,SAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,KAAA,IAAA,GAAA,EAAA,GAAA,EAAA;AAAA,QACrD,SAAA,EAAA,SAAA,GAAA,CAAA,WAAA,EAAA,SAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAAA,OACD,CAAA;AAED,KAAM,CAAA,CAAA;AACJ,IAAO,MAAA,QAAA,GAAAA,YAAA,CAAA,MAAA;AAAA,MACL,OAAK;AAAQ,QACb,EAAG,CAAA,CAAA,CAAA,QAAa,CAAA;AAAwB,QACxC,EAAG,CAAA,EAAA,CAAG,QAAY,EAAA,kBAAgB,CAAA,KAAA,CAAA;AAAA,QAClC,EAAG,CAAA,EAAA,CAAG,UAAW,EAAA,UAAe,CAAA,KAAA,CAAA;AAAA,QAChC,EAAG,CAAA,EAAA,CAAG,SAAS,EAAA,SAAe,CAAA,KAAA,CAAA;AAAA,QAChC,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,KAAA,CAAA;AAAA,OACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/checkbox/src/checkbox-button.vue.d.ts

@@ -122,6 +122,7 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlockName: (name: string) => string;
     };
     activeStyle: import("vue").ComputedRef<CSSProperties>;
+    lableKls: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: import("./checkbox").CheckboxValueType) => boolean;
     change: (val: import("./checkbox").CheckboxValueType) => boolean;

package/lib/components/checkbox/src/checkbox-group.d.ts

@@ -1,8 +1,9 @@
 import type { ExtractPropTypes } from 'vue';
 import type checkboxGroup from './checkbox-group.vue';
 import type { CheckboxValueType } from './checkbox';
+export declare type CheckboxGroupValueType = Exclude<CheckboxValueType, boolean>[];
 export declare const checkboxGroupProps: {
-    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType) | ((new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
     readonly disabled: BooleanConstructor;
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -19,7 +20,7 @@ export declare const checkboxGroupProps: {
     readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export declare const checkboxGroupEmits: {
-    "update:modelValue": (val: CheckboxValueType[]) => boolean;
+    "update:modelValue": (val: CheckboxGroupValueType) => boolean;
     change: (val: CheckboxValueType[]) => boolean;
 };
 export declare type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;

package/lib/components/checkbox/src/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, isArray } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type checkboxGroup from './checkbox-group.vue'\nimport type { CheckboxValueType } from './checkbox'\n\nexport const checkboxGroupProps = buildProps({\n  modelValue: {\n    type: definePropType<Array<string | number>>(Array),\n    default: () => [],\n  },\n  disabled: Boolean,\n  min: Number,\n  max: Number,\n  size: useSizeProp,\n  label: String,\n  fill: String,\n  textColor: String,\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const checkboxGroupEmits = {\n  [UPDATE_MODEL_EVENT]: (val: CheckboxValueType[]) => isArray(val),\n  change: (val: CheckboxValueType[]) => isArray(val),\n}\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits\nexport type CheckboxGroupInstance = InstanceType<typeof checkboxGroup>\n"],"names":["buildProps","definePropType","useSizeProp","UPDATE_MODEL_EVENT","isArray"],"mappings":";;;;;;;;;;;;AAGY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,cAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKA,cAAO,CAAC,GAAG,CAAC;AAC/B;;;;;"}
+{"version":3,"file":"checkbox-group.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, isArray } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type checkboxGroup from './checkbox-group.vue'\nimport type { CheckboxValueType } from './checkbox'\n\nexport type CheckboxGroupValueType = Exclude<CheckboxValueType, boolean>[]\n\nexport const checkboxGroupProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<CheckboxGroupValueType>(Array),\n    default: () => [],\n  },\n  /**\n   * @description whether the nesting checkboxes are disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description minimum number of checkbox checked\n   */\n  min: Number,\n  /**\n   * @description maximum number of checkbox checked\n   */\n  max: Number,\n  /**\n   * @description size of checkbox\n   */\n  size: useSizeProp,\n  /**\n   * @description label for screen reader\n   */\n  label: String,\n  /**\n   * @description border and background color when button is active\n   */\n  fill: String,\n  /**\n   * @description font color when button is active\n   */\n  textColor: String,\n  /**\n   * @description element tag of the checkbox group\n   */\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const checkboxGroupEmits = {\n  [UPDATE_MODEL_EVENT]: (val: CheckboxGroupValueType) => isArray(val),\n  change: (val: CheckboxValueType[]) => isArray(val),\n}\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits\nexport type CheckboxGroupInstance = InstanceType<typeof checkboxGroup>\n"],"names":["buildProps","definePropType","useSizeProp","UPDATE_MODEL_EVENT","isArray"],"mappings":";;;;;;;;;;;;AAGY,MAAC,kBAAkB,GAAGA,kBAAU,CAAC;AAC7C,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,EAAE;AACrB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,GAAG,EAAE,MAAM;AACb,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG;AAClC,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,cAAO,CAAC,GAAG,CAAC;AAC7C,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKA,cAAO,CAAC,GAAG,CAAC;AAC/B;;;;;"}

package/lib/components/checkbox/src/checkbox-group.vue.d.ts

@@ -1,6 +1,6 @@
-import type { CheckboxValueType } from './checkbox';
+import type { CheckboxGroupValueType } from './checkbox-group';
 declare const _default: import("vue").DefineComponent<{
-    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType) | ((new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
     readonly disabled: BooleanConstructor;
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType) | ((new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
         readonly disabled: BooleanConstructor;
         readonly min: NumberConstructor;
         readonly max: NumberConstructor;
@@ -33,10 +33,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly tag: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
         readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }>> & {
-        onChange?: ((val: CheckboxValueType[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((val: CheckboxValueType[]) => any) | undefined;
+        onChange?: ((val: import("./checkbox").CheckboxValueType[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     }>>;
-    emit: ((event: "update:modelValue", val: CheckboxValueType[]) => void) & ((event: "change", val: CheckboxValueType[]) => void);
+    emit: ((event: "update:modelValue", val: CheckboxGroupValueType) => void) & ((event: "change", val: import("./checkbox").CheckboxValueType[]) => void);
     ns: {
         namespace: import("vue").Ref<string>;
         b: (blockSuffix?: string) => string;
@@ -58,13 +58,13 @@ declare const _default: import("vue").DefineComponent<{
     formItem: import("element-plus/es/tokens").FormItemContext | undefined;
     groupId: import("vue").Ref<string | undefined>;
     isLabeledByFormItem: import("vue").ComputedRef<boolean>;
-    changeEvent: (value: CheckboxValueType[]) => Promise<void>;
-    modelValue: import("vue").WritableComputedRef<CheckboxValueType[]>;
+    changeEvent: (value: CheckboxGroupValueType) => Promise<void>;
+    modelValue: import("vue").WritableComputedRef<CheckboxGroupValueType>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxValueType[]) => boolean;
-    change: (val: CheckboxValueType[]) => boolean;
+    "update:modelValue": (val: CheckboxGroupValueType) => boolean;
+    change: (val: import("./checkbox").CheckboxValueType[]) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number)[]) | (() => (string | number)[]) | ((new (...args: any[]) => (string | number)[]) | (() => (string | number)[]))[], unknown, unknown, () => never[], boolean>;
+    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType) | ((new (...args: any[]) => CheckboxGroupValueType) | (() => CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
     readonly disabled: BooleanConstructor;
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -80,11 +80,11 @@ declare const _default: import("vue").DefineComponent<{
     readonly tag: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
     readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
-    onChange?: ((val: CheckboxValueType[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: CheckboxValueType[]) => any) | undefined;
+    onChange?: ((val: import("./checkbox").CheckboxValueType[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
 }, {
     readonly disabled: boolean;
-    readonly modelValue: (string | number)[];
+    readonly modelValue: CheckboxGroupValueType;
     readonly tag: string;
     readonly validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }>;

package/lib/components/checkbox/src/checkbox-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group2.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    :id=\"groupId\"\n    :class=\"ns.b('group')\"\n    role=\"group\"\n    :aria-label=\"!isLabeledByFormItem ? label || 'checkbox-group' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, toRefs, watch } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn } from '@element-plus/utils'\nimport {\n  useFormItem,\n  useFormItemInputId,\n  useNamespace,\n} from '@element-plus/hooks'\nimport { checkboxGroupContextKey } from '@element-plus/tokens'\nimport { checkboxGroupEmits, checkboxGroupProps } from './checkbox-group'\n\nimport type { CheckboxValueType } from './checkbox'\n\ndefineOptions({\n  name: 'ElCheckboxGroup',\n})\n\nconst props = defineProps(checkboxGroupProps)\nconst emit = defineEmits(checkboxGroupEmits)\nconst ns = useNamespace('checkbox')\n\nconst { formItem } = useFormItem()\nconst { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst changeEvent = async (value: CheckboxValueType[]) => {\n  emit(UPDATE_MODEL_EVENT, value)\n  await nextTick()\n  emit('change', value)\n}\n\nconst modelValue = computed({\n  get() {\n    return props.modelValue\n  },\n  set(val: CheckboxValueType[]) {\n    changeEvent(val)\n  },\n})\n\nprovide(checkboxGroupContextKey, {\n  ...pick(toRefs(props), [\n    'size',\n    'min',\n    'max',\n    'disabled',\n    'validateEvent',\n    'fill',\n    'textColor',\n  ]),\n  modelValue,\n  changeEvent,\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n</script>\n"],"names":["useNamespace","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","computed","provide","checkboxGroupContextKey","pick","toRefs","watch","debugWarn"],"mappings":";;;;;;;;;;;;;;;;;;uCA4Bc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,EAAE,aAAaC,mBAAY,EAAA,CAAA;AACjC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,mBAAA,EAAA,GAAwBC,2BAAmB,KAAO,EAAA;AAAA,MAC1E,eAAiB,EAAA,QAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAc,OAAO,KAA+B,KAAA;AACxD,MAAA,IAAA,CAAKC,0BAAoB,KAAK,CAAA,CAAA;AAC9B,MAAA,MAAMC,YAAS,EAAA,CAAA;AACf,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAA,MAAM,aAAaC,YAAS,CAAA;AAAA,MAC1B,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,UAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAA0B,EAAA;AAC5B,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACD,CAAA,CAAA;AAED,IAAAC,WAAA,CAAQC,gCAAyB,EAAA;AAAA,MAC/B,GAAGC,kBAAA,CAAKC,UAAO,CAAA,KAAK,CAAG,EAAA;AAAA,QACrB,MAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,MAAA;AAAA,QACA,WAAA;AAAA,OACD,CAAA;AAAA,MACD,UAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;AAED,IACEC,SAAA,CAAA,MAAM,KAAM,CAAA,UAAA,EACZ,MAAM;AACJ,MAAA,IAAI,MAAM,aAAe,EAAA;AACvB,QAAU,QAAA,IAAA,IAAA,GAAS,SAAU,QAAO,CAAQ,QAAA,CAAA,QAAU,OAAI,CAAA,CAAA,GAAA,KAAAC,eAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OAC5D;AAAA,KAEJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"checkbox-group2.js","sources":["../../../../../../packages/components/checkbox/src/checkbox-group.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    :id=\"groupId\"\n    :class=\"ns.b('group')\"\n    role=\"group\"\n    :aria-label=\"!isLabeledByFormItem ? label || 'checkbox-group' : undefined\"\n    :aria-labelledby=\"isLabeledByFormItem ? formItem?.labelId : undefined\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, toRefs, watch } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { debugWarn } from '@element-plus/utils'\nimport {\n  useFormItem,\n  useFormItemInputId,\n  useNamespace,\n} from '@element-plus/hooks'\nimport { checkboxGroupContextKey } from '@element-plus/tokens'\nimport { checkboxGroupEmits, checkboxGroupProps } from './checkbox-group'\nimport type { CheckboxGroupValueType } from './checkbox-group'\n\ndefineOptions({\n  name: 'ElCheckboxGroup',\n})\n\nconst props = defineProps(checkboxGroupProps)\nconst emit = defineEmits(checkboxGroupEmits)\nconst ns = useNamespace('checkbox')\n\nconst { formItem } = useFormItem()\nconst { inputId: groupId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst changeEvent = async (value: CheckboxGroupValueType) => {\n  emit(UPDATE_MODEL_EVENT, value)\n  await nextTick()\n  emit('change', value)\n}\n\nconst modelValue = computed({\n  get() {\n    return props.modelValue\n  },\n  set(val: CheckboxGroupValueType) {\n    changeEvent(val)\n  },\n})\n\nprovide(checkboxGroupContextKey, {\n  ...pick(toRefs(props), [\n    'size',\n    'min',\n    'max',\n    'disabled',\n    'validateEvent',\n    'fill',\n    'textColor',\n  ]),\n  modelValue,\n  changeEvent,\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n</script>\n"],"names":["useNamespace","useFormItem","useFormItemInputId","UPDATE_MODEL_EVENT","nextTick","computed","provide","checkboxGroupContextKey","pick","toRefs","watch","debugWarn"],"mappings":";;;;;;;;;;;;;;;;;;uCA2Bc,CAAA;AAAA,EACZ,IAAM,EAAA,iBAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAA,GAAKA,mBAAa,UAAU,CAAA,CAAA;AAElC,IAAM,MAAA,EAAE,aAAaC,mBAAY,EAAA,CAAA;AACjC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAS,EAAA,mBAAA,EAAA,GAAwBC,2BAAmB,KAAO,EAAA;AAAA,MAC1E,eAAiB,EAAA,QAAA;AAAA,KAClB,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAc,OAAO,KAAkC,KAAA;AAC3D,MAAA,IAAA,CAAKC,0BAAoB,KAAK,CAAA,CAAA;AAC9B,MAAA,MAAMC,YAAS,EAAA,CAAA;AACf,MAAA,IAAA,CAAK,UAAU,KAAK,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAA,MAAM,aAAaC,YAAS,CAAA;AAAA,MAC1B,GAAM,GAAA;AACJ,QAAA,OAAO,KAAM,CAAA,UAAA,CAAA;AAAA,OACf;AAAA,MACA,IAAI,GAA6B,EAAA;AAC/B,QAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,OACjB;AAAA,KACD,CAAA,CAAA;AAED,IAAAC,WAAA,CAAQC,gCAAyB,EAAA;AAAA,MAC/B,GAAGC,kBAAA,CAAKC,UAAO,CAAA,KAAK,CAAG,EAAA;AAAA,QACrB,MAAA;AAAA,QACA,KAAA;AAAA,QACA,KAAA;AAAA,QACA,UAAA;AAAA,QACA,eAAA;AAAA,QACA,MAAA;AAAA,QACA,WAAA;AAAA,OACD,CAAA;AAAA,MACD,UAAA;AAAA,MACA,WAAA;AAAA,KACD,CAAA,CAAA;AAED,IACEC,SAAA,CAAA,MAAM,KAAM,CAAA,UAAA,EACZ,MAAM;AACJ,MAAA,IAAI,MAAM,aAAe,EAAA;AACvB,QAAU,QAAA,IAAA,IAAA,GAAS,SAAU,QAAO,CAAQ,QAAA,CAAA,QAAU,OAAI,CAAA,CAAA,GAAA,KAAAC,eAAA,CAAA,GAAA,CAAA,CAAA,CAAA;AAAA,OAC5D;AAAA,KAEJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/checkbox/src/checkbox.d.ts

@@ -2,44 +2,86 @@ import type { ExtractPropTypes } from 'vue';
 import type Checkbox from './checkbox.vue';
 export declare type CheckboxValueType = string | number | boolean;
 export declare const checkboxProps: {
+    /**
+     * @description binding value
+     */
     modelValue: {
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: undefined;
     };
+    /**
+     * @description value of the Checkbox when used inside a `checkbox-group`
+     */
     label: {
         type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     };
+    /**
+     * @description Set indeterminate state, only responsible for style control
+     */
     indeterminate: BooleanConstructor;
+    /**
+     * @description whether the Checkbox is disabled
+     */
     disabled: BooleanConstructor;
+    /**
+     * @description if the Checkbox is checked
+     */
     checked: BooleanConstructor;
+    /**
+     * @description native 'name' attribute
+     */
     name: {
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * @description value of the Checkbox if it's checked
+     */
     trueLabel: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
+    /**
+     * @description value of the Checkbox if it's not checked
+     */
     falseLabel: {
         type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
+    /**
+     * @description input id
+     */
     id: {
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * @description same as [aria-controls](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls), takes effect when `indeterminate` is `true`
+     */
     controls: {
         type: StringConstructor;
         default: undefined;
     };
+    /**
+     * @description whether to add a border around Checkbox
+     */
     border: BooleanConstructor;
+    /**
+     * @description size of the Checkbox
+     */
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    /**
+     * @description input tabindex
+     */
     tabindex: (StringConstructor | NumberConstructor)[];
+    /**
+     * @description whether to trigger form validation
+     */
     validateEvent: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/checkbox/src/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { isBoolean, isNumber, isString } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Checkbox from './checkbox.vue'\n\nexport type CheckboxValueType = string | number | boolean\n\nexport const checkboxProps = {\n  modelValue: {\n    type: [Number, String, Boolean],\n    default: undefined,\n  },\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  indeterminate: Boolean,\n  disabled: Boolean,\n  checked: Boolean,\n  name: {\n    type: String,\n    default: undefined,\n  },\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  id: {\n    type: String,\n    default: undefined,\n  },\n  controls: {\n    type: String,\n    default: undefined,\n  },\n  border: Boolean,\n  size: useSizeProp,\n  tabindex: [String, Number],\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n}\n\nexport const checkboxEmits = {\n  [UPDATE_MODEL_EVENT]: (val: CheckboxValueType) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  change: (val: CheckboxValueType) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxEmits = typeof checkboxEmits\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\n"],"names":["useSizeProp","UPDATE_MODEL_EVENT","isString","isNumber","isBoolean"],"mappings":";;;;;;;;;;;;AAGY,MAAC,aAAa,GAAG;AAC7B,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;AAC3C,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAEA,iBAAW;AACnB,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE;AACU,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,eAAQ,CAAC,GAAG,CAAC,IAAIC,aAAQ,CAAC,GAAG,CAAC,IAAIC,cAAS,CAAC,GAAG,CAAC;AACjF,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKF,eAAQ,CAAC,GAAG,CAAC,IAAIC,aAAQ,CAAC,GAAG,CAAC,IAAIC,cAAS,CAAC,GAAG,CAAC;AACnE;;;;;"}
+{"version":3,"file":"checkbox.js","sources":["../../../../../../packages/components/checkbox/src/checkbox.ts"],"sourcesContent":["import { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { isBoolean, isNumber, isString } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Checkbox from './checkbox.vue'\n\nexport type CheckboxValueType = string | number | boolean\n\nexport const checkboxProps = {\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: [Number, String, Boolean],\n    default: undefined,\n  },\n  /**\n   * @description value of the Checkbox when used inside a `checkbox-group`\n   */\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  /**\n   * @description Set indeterminate state, only responsible for style control\n   */\n  indeterminate: Boolean,\n  /**\n   * @description whether the Checkbox is disabled\n   */\n  disabled: Boolean,\n  /**\n   * @description if the Checkbox is checked\n   */\n  checked: Boolean,\n  /**\n   * @description native 'name' attribute\n   */\n  name: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description value of the Checkbox if it's checked\n   */\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description value of the Checkbox if it's not checked\n   */\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  /**\n   * @description input id\n   */\n  id: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description same as [aria-controls](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls), takes effect when `indeterminate` is `true`\n   */\n  controls: {\n    type: String,\n    default: undefined,\n  },\n  /**\n   * @description whether to add a border around Checkbox\n   */\n  border: Boolean,\n  /**\n   * @description size of the Checkbox\n   */\n  size: useSizeProp,\n  /**\n   * @description input tabindex\n   */\n  tabindex: [String, Number],\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n}\n\nexport const checkboxEmits = {\n  [UPDATE_MODEL_EVENT]: (val: CheckboxValueType) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n  change: (val: CheckboxValueType) =>\n    isString(val) || isNumber(val) || isBoolean(val),\n}\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>\nexport type CheckboxEmits = typeof checkboxEmits\nexport type CheckboxInstance = InstanceType<typeof Checkbox>\n"],"names":["useSizeProp","UPDATE_MODEL_EVENT","isString","isNumber","isBoolean"],"mappings":";;;;;;;;;;;;AAGY,MAAC,aAAa,GAAG;AAC7B,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AACnC,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;AAC3C,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,IAAI,EAAEA,iBAAW;AACnB,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC5B,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE;AACU,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,CAAC,GAAG,KAAKC,eAAQ,CAAC,GAAG,CAAC,IAAIC,aAAQ,CAAC,GAAG,CAAC,IAAIC,cAAS,CAAC,GAAG,CAAC;AACjF,EAAE,MAAM,EAAE,CAAC,GAAG,KAAKF,eAAQ,CAAC,GAAG,CAAC,IAAIC,aAAQ,CAAC,GAAG,CAAC,IAAIC,cAAS,CAAC,GAAG,CAAC;AACnE;;;;;"}

package/lib/components/checkbox/src/checkbox.vue.d.ts

@@ -120,6 +120,8 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
+    compKls: import("vue").ComputedRef<string[]>;
+    spanKls: import("vue").ComputedRef<string[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: import("./checkbox").CheckboxValueType) => boolean;
     change: (val: import("./checkbox").CheckboxValueType) => boolean;

package/lib/components/checkbox/src/checkbox2.js

@@ -36,27 +36,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       onClickRoot
     } = useCheckbox.useCheckbox(props, slots);
     const ns = index.useNamespace("checkbox");
+    const compKls = vue.computed(() => {
+      return [
+        ns.b(),
+        ns.m(checkboxSize.value),
+        ns.is("disabled", isDisabled.value),
+        ns.is("bordered", props.border),
+        ns.is("checked", isChecked.value)
+      ];
+    });
+    const spanKls = vue.computed(() => {
+      return [
+        ns.e("input"),
+        ns.is("disabled", isDisabled.value),
+        ns.is("checked", isChecked.value),
+        ns.is("indeterminate", props.indeterminate),
+        ns.is("focus", isFocused.value)
+      ];
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!vue.unref(hasOwnLabel) && vue.unref(isLabeledByFormItem) ? "span" : "label"), {
-        class: vue.normalizeClass([
-          vue.unref(ns).b(),
-          vue.unref(ns).m(vue.unref(checkboxSize)),
-          vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-          vue.unref(ns).is("bordered", _ctx.border),
-          vue.unref(ns).is("checked", vue.unref(isChecked))
-        ]),
+        class: vue.normalizeClass(vue.unref(compKls)),
         "aria-controls": _ctx.indeterminate ? _ctx.controls : null,
         onClick: vue.unref(onClickRoot)
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("span", {
-            class: vue.normalizeClass([
-              vue.unref(ns).e("input"),
-              vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-              vue.unref(ns).is("checked", vue.unref(isChecked)),
-              vue.unref(ns).is("indeterminate", _ctx.indeterminate),
-              vue.unref(ns).is("focus", vue.unref(isFocused))
-            ]),
+            class: vue.normalizeClass(vue.unref(spanKls)),
             tabindex: _ctx.indeterminate ? 0 : void 0,
             role: _ctx.indeterminate ? "checkbox" : void 0,
             "aria-checked": _ctx.indeterminate ? "mixed" : void 0