naive-ui 2.34.4 → 2.36.0

package/lib/button-group/src/ButtonGroup.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly vertical: BooleanConstructor;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: {
         readonly type: PropType<Size | undefined>;
@@ -30,5 +30,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly size: Size | undefined;
     readonly vertical: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/calendar/src/Calendar.d.ts

@@ -1386,7 +1386,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     locale: import("vue").Ref<{
         yearFormat: string;
         monthFormat: string;
@@ -2485,5 +2485,5 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly defaultValue: number | null;
-}>;
+}, {}>;
 export default _default;

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

@@ -7,9 +7,13 @@ export interface CardSegmented {
 }
 export declare const cardBaseProps: {
     readonly title: StringConstructor;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: PropType<string | CSSProperties>;
+    readonly headerClass: StringConstructor;
     readonly headerStyle: PropType<string | CSSProperties>;
+    readonly headerExtraClass: StringConstructor;
     readonly headerExtraStyle: PropType<string | CSSProperties>;
+    readonly footerClass: StringConstructor;
     readonly footerStyle: PropType<string | CSSProperties>;
     readonly embedded: BooleanConstructor;
     readonly segmented: {
@@ -22,7 +26,7 @@ export declare const cardBaseProps: {
     };
     readonly bordered: {
         readonly type: BooleanConstructor;
-        readonly default: boolean;
+        readonly default: true;
     };
     readonly closable: BooleanConstructor;
     readonly hoverable: BooleanConstructor;
@@ -33,12 +37,16 @@ export declare const cardBaseProps: {
         readonly default: "div";
     };
 };
-export declare const cardBasePropKeys: ("tag" | "size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "embedded" | "headerExtraStyle" | "segmented")[];
+export declare const cardBasePropKeys: ("tag" | "size" | "title" | "role" | "bordered" | "closable" | "contentClass" | "contentStyle" | "onClose" | "headerClass" | "headerStyle" | "footerClass" | "footerStyle" | "hoverable" | "embedded" | "headerExtraClass" | "headerExtraStyle" | "segmented")[];
 export declare const cardProps: {
     title: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -51,7 +59,7 @@ export declare const cardProps: {
     };
     bordered: {
         readonly type: BooleanConstructor;
-        readonly default: boolean;
+        readonly default: true;
     };
     closable: BooleanConstructor;
     hoverable: BooleanConstructor;
@@ -176,9 +184,13 @@ export declare const cardProps: {
 export type CardProps = ExtractPublicPropTypes<typeof cardProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -191,7 +203,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     bordered: {
         readonly type: BooleanConstructor;
-        readonly default: boolean;
+        readonly default: true;
     };
     closable: BooleanConstructor;
     hoverable: BooleanConstructor;
@@ -314,7 +326,7 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -499,9 +511,13 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
+    contentClass: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
+    headerClass: StringConstructor;
     headerStyle: PropType<string | CSSProperties>;
+    headerExtraClass: StringConstructor;
     headerExtraStyle: PropType<string | CSSProperties>;
+    footerClass: StringConstructor;
     footerStyle: PropType<string | CSSProperties>;
     embedded: BooleanConstructor;
     segmented: {
@@ -514,7 +530,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     bordered: {
         readonly type: BooleanConstructor;
-        readonly default: boolean;
+        readonly default: true;
     };
     closable: BooleanConstructor;
     hoverable: BooleanConstructor;
@@ -643,5 +659,5 @@ declare const _default: import("vue").DefineComponent<{
     hoverable: boolean;
     embedded: boolean;
     segmented: boolean | CardSegmented;
-}>;
+}, {}>;
 export default _default;

package/lib/card/src/Card.js

@@ -14,9 +14,13 @@ const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.cardBaseProps = {
     title: String,
+    contentClass: String,
     contentStyle: [Object, String],
+    headerClass: String,
     headerStyle: [Object, String],
+    headerExtraClass: String,
     headerExtraStyle: [Object, String],
+    footerClass: String,
     footerStyle: [Object, String],
     embedded: Boolean,
     segmented: {
@@ -107,7 +111,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { segmented, bordered, hoverable, mergedClsPrefix, rtlEnabled, onRender, embedded, tag: Component, $slots } = this;
+        const { footerStyle, headerExtraClass, headerClass, contentClass, segmented, bordered, hoverable, mergedClsPrefix, rtlEnabled, onRender, embedded, tag: Component, $slots } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
         return ((0, vue_1.h)(Component, { class: [
                 `${mergedClsPrefix}-card`,
@@ -128,14 +132,17 @@ exports.default = (0, vue_1.defineComponent)({
             ], style: this.cssVars, role: this.role },
             (0, _utils_1.resolveWrappedSlot)($slots.cover, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-cover`, role: "none" }, children))),
             (0, _utils_1.resolveWrappedSlot)($slots.header, (children) => {
-                return children || this.title || this.closable ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header`, style: this.headerStyle },
+                return children || this.title || this.closable ? ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-card-header`, headerClass], style: this.headerStyle },
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header__main`, role: "heading" }, children || this.title),
-                    (0, _utils_1.resolveWrappedSlot)($slots['header-extra'], (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card-header__extra`, style: this.headerExtraStyle }, children))),
+                    (0, _utils_1.resolveWrappedSlot)($slots['header-extra'], (children) => children && ((0, vue_1.h)("div", { class: [
+                            `${mergedClsPrefix}-card-header__extra`,
+                            headerExtraClass
+                        ], style: this.headerExtraStyle }, children))),
                     this.closable ? ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-card-header__close`, onClick: this.handleCloseClick, absolute: true })) : null)) : null;
             }),
-            (0, _utils_1.resolveWrappedSlot)($slots.default, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__content`, style: this.contentStyle, role: "none" }, children))),
+            (0, _utils_1.resolveWrappedSlot)($slots.default, (children) => children && ((0, vue_1.h)("div", { class: [`${mergedClsPrefix}-card__content`, contentClass], style: this.contentStyle, role: "none" }, children))),
             (0, _utils_1.resolveWrappedSlot)($slots.footer, (children) => children && [
-                (0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__footer`, style: this.footerStyle, role: "none" }, children)
+                (0, vue_1.h)("div", { class: [`${mergedClsPrefix}-card__footer`, footerStyle], style: this.footerStyle, role: "none" }, children)
             ]),
             (0, _utils_1.resolveWrappedSlot)($slots.action, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-card__action`, role: "none" }, children)))));
     }

package/lib/carousel/src/Carousel.d.ts

@@ -2,7 +2,7 @@ import type { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { ArrowScopedSlotProps, DotScopedSlotProps, Size } from './interface';
 declare const transitionProperties: readonly ["transitionDuration", "transitionTimingFunction"];
-type TransitionStyle = Partial<Pick<CSSProperties, typeof transitionProperties[number]>>;
+type TransitionStyle = Partial<Pick<CSSProperties, (typeof transitionProperties)[number]>>;
 export declare const carouselProps: {
     defaultIndex: {
         type: NumberConstructor;
@@ -15,7 +15,7 @@ export declare const carouselProps: {
         default: string;
     };
     dotPlacement: {
-        type: PropType<"left" | "right" | "bottom" | "top">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
     slidesPerView: {
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     dotPlacement: {
-        type: PropType<"left" | "right" | "bottom" | "top">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
     slidesPerView: {
@@ -206,7 +206,7 @@ declare const _default: import("vue").DefineComponent<{
     to: (index: number) => void;
     prev: () => void;
     next: () => void;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     selfElRef: Ref<HTMLDivElement | null>;
     slidesElRef: Ref<HTMLDivElement | null>;
     slideVNodes: {
@@ -246,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     dotPlacement: {
-        type: PropType<"left" | "right" | "bottom" | "top">;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: string;
     };
     slidesPerView: {
@@ -336,7 +336,7 @@ declare const _default: import("vue").DefineComponent<{
     keyboard: boolean;
     dotType: "dot" | "line";
     defaultIndex: number;
-    dotPlacement: "left" | "right" | "bottom" | "top";
+    dotPlacement: "left" | "right" | "top" | "bottom";
     slidesPerView: number | "auto";
     spaceBetween: number;
     centeredSlides: boolean;
@@ -346,5 +346,5 @@ declare const _default: import("vue").DefineComponent<{
     transitionStyle: Partial<Pick<CSSProperties, "transitionDuration" | "transitionTimingFunction">>;
     touchable: boolean;
     mousewheel: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/carousel/src/Carousel.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.carouselProps = void 0;
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vooks_1 = require("vooks");
@@ -471,7 +472,7 @@ exports.default = (0, vue_1.defineComponent)({
                 dragStartX = touchEvent.clientX;
             }
             if (props.touchable) {
-                (0, evtd_1.on)('touchmove', document, handleTouchmove, { passive: true });
+                (0, evtd_1.on)('touchmove', document, handleTouchmove);
                 (0, evtd_1.on)('touchend', document, handleTouchend);
                 (0, evtd_1.on)('touchcancel', document, handleTouchend);
             }
@@ -670,8 +671,12 @@ exports.default = (0, vue_1.defineComponent)({
                 fixTranslate();
             }
         }, { immediate: true });
-        (0, vue_1.watch)([duplicatedableRef, displaySlidesPerViewRef], () => void (0, vue_1.nextTick)(() => { toRealIndex(realIndexRef.value); }));
-        (0, vue_1.watch)(slideTranlatesRef, () => { sequenceLayoutRef.value && fixTranslate(); }, {
+        (0, vue_1.watch)([duplicatedableRef, displaySlidesPerViewRef], () => void (0, vue_1.nextTick)(() => {
+            toRealIndex(realIndexRef.value);
+        }));
+        (0, vue_1.watch)(slideTranlatesRef, () => {
+            sequenceLayoutRef.value && fixTranslate();
+        }, {
             deep: true
         });
         (0, vue_1.watch)(sequenceLayoutRef, (value) => {

package/lib/carousel/src/CarouselArrow.d.ts

@@ -1,9 +1,9 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     isVertical: () => boolean;
     isPrevDisabled: () => boolean;
     isNextDisabled: () => boolean;
     prev: () => void;
     next: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/carousel/src/CarouselContext.js

@@ -4,7 +4,9 @@ exports.useCarouselContext = exports.provideCarouselContext = void 0;
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const carouselMethodsInjectionKey = (0, _utils_1.createInjectionKey)('n-carousel-methods');
-const provideCarouselContext = (contextValue) => { (0, vue_1.provide)(carouselMethodsInjectionKey, contextValue); };
+const provideCarouselContext = (contextValue) => {
+    (0, vue_1.provide)(carouselMethodsInjectionKey, contextValue);
+};
 exports.provideCarouselContext = provideCarouselContext;
 const useCarouselContext = (location = 'unknown', component = 'component') => {
     const CarouselContext = (0, vue_1.inject)(carouselMethodsInjectionKey);

package/lib/carousel/src/CarouselDots.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     keyboard: BooleanConstructor;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     dotEls: import("vue").Ref<HTMLElement[]>;
     handleKeydown: (e: KeyboardEvent, current: number) => void;
     handleMouseenter: (current: number) => void;
@@ -68,5 +68,5 @@ declare const _default: import("vue").DefineComponent<{
     keyboard: boolean;
     currentIndex: number;
     dotType: "never" | "dot" | "line";
-}>;
+}, {}>;
 export default _default;

package/lib/carousel/src/CarouselDots.js

@@ -105,7 +105,13 @@ exports.default = (0, vue_1.defineComponent)({
             return ((0, vue_1.h)("div", { "aria-selected": selected, ref: (el) => dotEls.push(el), role: "button", tabindex: "0", class: [
                     `${mergedClsPrefix}-carousel__dot`,
                     selected && `${mergedClsPrefix}-carousel__dot--active`
-                ], key: i, onClick: () => { this.handleClick(i); }, onMouseenter: () => { this.handleMouseenter(i); }, onKeydown: (e) => { this.handleKeydown(e, i); } }));
+                ], key: i, onClick: () => {
+                    this.handleClick(i);
+                }, onMouseenter: () => {
+                    this.handleMouseenter(i);
+                }, onKeydown: (e) => {
+                    this.handleKeydown(e, i);
+                } }));
         })));
     }
 });

package/lib/carousel/src/CarouselItem.d.ts

@@ -1,7 +1,7 @@
 import type { VNode } from 'vue';
 export declare const isCarouselItem: (child: VNode) => boolean;
 declare const _default: import("vue").DefineComponent<{}, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     selfElRef: import("vue").Ref<HTMLElement | undefined>;
     isPrev: import("vue").ComputedRef<boolean>;
     isNext: import("vue").ComputedRef<boolean>;
@@ -9,5 +9,5 @@ declare const _default: import("vue").DefineComponent<{}, {
     index: import("vue").ComputedRef<number>;
     style: import("vue").ComputedRef<string | Record<string, string | number> | undefined>;
     handleClick: (event: MouseEvent) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/cascader/src/Cascader.d.ts

@@ -1335,6 +1335,7 @@ declare const _default: import("vue").DefineComponent<{
         focus: () => void;
         focusInput: () => void;
         blur: () => void;
+        blurInput: () => void;
         $el: HTMLElement;
     } | null>;
     selectMenuInstRef: import("vue").Ref<{
@@ -1348,7 +1349,7 @@ declare const _default: import("vue").DefineComponent<{
         showErrorMessage: (label: string) => void;
     } | null>;
     mergedBordered: import("vue").ComputedRef<boolean>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
     mergedValue: import("vue").ComputedRef<import("./interface").ValueAtom | import("./interface").ValueAtom[] | null>;
     mergedShow: import("vue").ComputedRef<boolean>;
@@ -2446,5 +2447,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabledField: string;
     readonly leafOnly: boolean;
     readonly showPath: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/cascader/src/CascaderMenu.d.ts

@@ -433,5 +433,5 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     loading: boolean;
     placement: FollowerPlacement;
-}>;
+}, {}>;
 export default _default;

package/lib/cascader/src/CascaderOption.d.ts

@@ -380,5 +380,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/cascader/src/CascaderSelectMenu.d.ts

@@ -394,7 +394,7 @@ declare const _default: import("vue").DefineComponent<{
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleClickOutside: (e: MouseEvent) => void;
     cascaderSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
@@ -426,5 +426,5 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     multiple: boolean;
     tmNodes: TmNode[];
-}>;
+}, {}>;
 export default _default;

package/lib/cascader/src/CascaderSubmenu.d.ts

@@ -394,5 +394,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode[]>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -23,11 +23,11 @@ export declare const checkboxProps: {
         default: boolean;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
@@ -148,11 +148,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
@@ -252,7 +252,7 @@ declare const _default: import("vue").DefineComponent<{
 }, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & CheckboxInst & {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     selfRef: import("vue").Ref<HTMLDivElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     renderedChecked: import("vue").ComputedRef<boolean>;
     mergedTheme: import("vue").ComputedRef<{
@@ -451,11 +451,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     checkedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
@@ -561,5 +561,5 @@ declare const _default: import("vue").DefineComponent<{
     checkedValue: string | number | boolean;
     uncheckedValue: string | number | boolean;
     privateInsideTable: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/checkbox/src/Checkbox.js

@@ -223,6 +223,12 @@ exports.default = (0, vue_1.defineComponent)({
         var _a;
         const { $slots, renderedChecked, mergedDisabled, indeterminate, privateInsideTable, cssVars, labelId, label, mergedClsPrefix, focusable, handleKeyUp, handleKeyDown, handleClick } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+        const labelNode = (0, _utils_1.resolveWrappedSlot)($slots.default, (children) => {
+            if (label || children) {
+                return ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, label || children));
+            }
+            return null;
+        });
         return ((0, vue_1.h)("div", { ref: "selfRef", class: [
                 `${mergedClsPrefix}-checkbox`,
                 this.themeClass,
@@ -230,7 +236,8 @@ exports.default = (0, vue_1.defineComponent)({
                 renderedChecked && `${mergedClsPrefix}-checkbox--checked`,
                 mergedDisabled && `${mergedClsPrefix}-checkbox--disabled`,
                 indeterminate && `${mergedClsPrefix}-checkbox--indeterminate`,
-                privateInsideTable && `${mergedClsPrefix}-checkbox--inside-table`
+                privateInsideTable && `${mergedClsPrefix}-checkbox--inside-table`,
+                labelNode && `${mergedClsPrefix}-checkbox--show-label`
             ], tabindex: mergedDisabled || !focusable ? undefined : 0, role: "checkbox", "aria-checked": indeterminate ? 'mixed' : renderedChecked, "aria-labelledby": labelId, style: cssVars, onKeyup: handleKeyUp, onKeydown: handleKeyDown, onClick: handleClick, onMousedown: () => {
                 (0, evtd_1.on)('selectstart', window, (e) => {
                     e.preventDefault();
@@ -245,6 +252,6 @@ exports.default = (0, vue_1.defineComponent)({
                         default: () => this.indeterminate ? ((0, vue_1.h)("div", { key: "indeterminate", class: `${mergedClsPrefix}-checkbox-icon` }, LineMark_1.default)) : ((0, vue_1.h)("div", { key: "check", class: `${mergedClsPrefix}-checkbox-icon` }, CheckMark_1.default))
                     }),
                     (0, vue_1.h)("div", { class: `${mergedClsPrefix}-checkbox-box__border` }))),
-            label !== null || $slots.default ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, $slots.default ? $slots.default() : label)) : null));
+            labelNode));
     }
 });

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

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => void>>;
     readonly onChange: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
 }, {
-    mergedClsPrefix: ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -83,5 +83,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean | undefined;
     readonly defaultValue: (string | number)[] | null;
-}>;
+}, {}>;
 export default _default;

package/lib/checkbox/src/styles/index.cssr.js

@@ -30,7 +30,6 @@ const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.css
 // --n-font-size
 // --n-label-padding
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
- line-height: var(--n-label-line-height);
  font-size: var(--n-font-size);
  outline: none;
  cursor: pointer;
@@ -38,10 +37,9 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
  flex-wrap: nowrap;
  align-items: flex-start;
  word-break: break-word;
+ line-height: var(--n-size);
  --n-merged-color-table: var(--n-color-table);
- `, [(0, cssr_1.c)('&:hover', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', {
-  border: 'var(--n-border-checked)'
-})])]), (0, cssr_1.c)('&:focus:not(:active)', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', `
+ `, [(0, cssr_1.cM)('show-label', 'line-height: var(--n-label-line-height);'), (0, cssr_1.c)('&:hover', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', 'border: var(--n-border-checked);')])]), (0, cssr_1.c)('&:focus:not(:active)', [(0, cssr_1.cB)('checkbox-box', [(0, cssr_1.cE)('border', `
  border: var(--n-border-focus);
  box-shadow: var(--n-box-shadow-focus);
  `)])]), (0, cssr_1.cM)('inside-table', [(0, cssr_1.cB)('checkbox-box', `
@@ -78,13 +76,13 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
   fill: 'var(--n-check-mark-color-disabled-checked)'
 })])])]), (0, cssr_1.cB)('checkbox-box', `
  background-color: var(--n-color-disabled);
- `, [(0, cssr_1.cE)('border', {
-  border: 'var(--n-border-disabled)'
-}), (0, cssr_1.cB)('checkbox-icon', [(0, cssr_1.c)('.check-icon, .line-icon', {
-  fill: 'var(--n-check-mark-color-disabled)'
-})])]), (0, cssr_1.cE)('label', {
-  color: 'var(--n-text-color-disabled)'
-})]), (0, cssr_1.cB)('checkbox-box-wrapper', `
+ `, [(0, cssr_1.cE)('border', `
+ border: var(--n-border-disabled);
+ `), (0, cssr_1.cB)('checkbox-icon', [(0, cssr_1.c)('.check-icon, .line-icon', `
+ fill: var(--n-check-mark-color-disabled);
+ `)])]), (0, cssr_1.cE)('label', `
+ color: var(--n-text-color-disabled);
+ `)]), (0, cssr_1.cB)('checkbox-box-wrapper', `
  position: relative;
  width: var(--n-size);
  flex-shrink: 0;

package/lib/code/src/Code.d.ts

@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
         lineNumberTextColor: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     codeRef: import("vue").Ref<HTMLElement | null>;
     mergedShowLineNumbers: import("vue").ComputedRef<boolean>;
     lineNumbers: import("vue").ComputedRef<string>;
@@ -221,5 +221,5 @@ declare const _default: import("vue").DefineComponent<{
     uri: boolean;
     showLineNumbers: boolean;
     internalNoHighlight: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/collapse/src/Collapse.d.ts

@@ -267,7 +267,7 @@ declare const _default: import("vue").DefineComponent<{
             [x: string]: any;
         };
     }>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
         '--n-bezier': string;
@@ -355,5 +355,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly arrowPlacement: "left" | "right";
     readonly accordion: boolean;
     readonly onExpandedNamesChange: MaybeArray<OnUpdateExpandedNames> | undefined;
-}>;
+}, {}>;
 export default _default;

package/lib/collapse/src/CollapseItem.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     collapseSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
     randomName: string;
     mergedClsPrefix: import("vue").Ref<string>;
@@ -30,5 +30,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly displayDirective: PropType<"show" | "if">;
 }>>, {
     readonly disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/collapse/src/CollapseItemContent.d.ts

@@ -23,5 +23,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     show: boolean;
-}>;
+}, {}>;
 export default _default;