naive-ui 2.24.0 → 2.24.4

package/lib/cascader/src/Cascader.js

@@ -671,28 +671,21 @@ exports.default = (0, vue_1.defineComponent)({
             handleSelectMenuClickOutside,
             handleCascaderMenuClickOutside
         });
-        return {
-            selectMenuFollowerRef,
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_a = triggerInstRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        return Object.assign(Object.assign({}, exposedMethods), { selectMenuFollowerRef,
             cascaderMenuFollowerRef,
             triggerInstRef,
             selectMenuInstRef,
-            cascaderMenuInstRef,
-            mergedBordered: mergedBorderedRef,
-            mergedClsPrefix: mergedClsPrefixRef,
-            namespace: namespaceRef,
-            mergedValue: mergedValueRef,
-            mergedShow: mergedShowRef,
-            showSelectMenu: showSelectMenuRef,
-            pattern: patternRef,
-            treeMate: treeMateRef,
-            mergedSize: mergedSizeRef,
-            mergedDisabled: mergedDisabledRef,
-            localizedPlaceholder: localizedPlaceholderRef,
-            selectedOption: selectedOptionRef,
-            selectedOptions: selectedOptionsRef,
-            adjustedTo: adjustedToRef,
-            menuModel: menuModelRef,
-            handleMenuTabout,
+            cascaderMenuInstRef, mergedBordered: mergedBorderedRef, mergedClsPrefix: mergedClsPrefixRef, namespace: namespaceRef, mergedValue: mergedValueRef, mergedShow: mergedShowRef, showSelectMenu: showSelectMenuRef, pattern: patternRef, treeMate: treeMateRef, mergedSize: mergedSizeRef, mergedDisabled: mergedDisabledRef, localizedPlaceholder: localizedPlaceholderRef, selectedOption: selectedOptionRef, selectedOptions: selectedOptionsRef, adjustedTo: adjustedToRef, menuModel: menuModelRef, handleMenuTabout,
             handleMenuFocus,
             handleMenuBlur,
             handleMenuKeyUp,
@@ -704,11 +697,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleDeleteOption,
             handlePatternInput,
             handleKeyDown,
-            handleKeyUp,
-            focused: focusedRef,
-            optionHeight: optionHeightRef,
-            mergedTheme: themeRef,
-            cssVars: (0, vue_1.computed)(() => {
+            handleKeyUp, focused: focusedRef, optionHeight: optionHeightRef, mergedTheme: themeRef, cssVars: (0, vue_1.computed)(() => {
                 const { self: { optionArrowColor, optionTextColor, optionTextColorActive, optionTextColorDisabled, optionCheckMarkColor, menuColor, menuBoxShadow, menuDividerColor, menuBorderRadius, menuHeight, optionColorHover, optionHeight, optionFontSize, loadingColor, columnWidth }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
                     '--n-bezier': cubicBezierEaseInOut,
@@ -729,8 +718,7 @@ exports.default = (0, vue_1.defineComponent)({
                     '--n-menu-mask-color': (0, seemly_1.changeColor)(menuColor, { alpha: 0.75 }),
                     '--n-loading-color': loadingColor
                 };
-            })
-        };
+            }) });
     },
     render() {
         const { mergedClsPrefix, $slots } = this;

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

@@ -267,6 +267,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -391,30 +392,39 @@ declare const _default: import("vue").DefineComponent<{
     handleFocusin: (e: FocusEvent) => void;
     handleFocusout: (e: FocusEvent) => void;
     handleClickOutside: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    value?: unknown;
-    placement?: unknown;
-    show?: unknown;
-    menuModel?: unknown;
-    loading?: unknown;
-    onFocus?: unknown;
-    onBlur?: unknown;
-    onKeyup?: unknown;
-    onMousedown?: unknown;
-    onTabout?: unknown;
-} & {
-    show: boolean;
-    onFocus: (e: FocusEvent) => void;
-    onBlur: (e: FocusEvent) => void;
-    onKeyup: (e: KeyboardEvent) => void;
-    onMousedown: (e: MouseEvent) => void;
-    loading: boolean;
-    placement: FollowerPlacement;
-    menuModel: MenuModel;
-    onTabout: () => void;
-} & {
-    value?: Value | null | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: PropType<Value | null>;
+    placement: {
+        type: PropType<FollowerPlacement>;
+        default: string;
+    };
+    show: BooleanConstructor;
+    menuModel: {
+        type: PropType<MenuModel>;
+        required: true;
+    };
+    loading: BooleanConstructor;
+    onFocus: {
+        type: PropType<(e: FocusEvent) => void>;
+        required: true;
+    };
+    onBlur: {
+        type: PropType<(e: FocusEvent) => void>;
+        required: true;
+    };
+    onKeyup: {
+        type: PropType<(e: KeyboardEvent) => void>;
+        required: true;
+    };
+    onMousedown: {
+        type: PropType<(e: MouseEvent) => void>;
+        required: true;
+    };
+    onTabout: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>>, {
     show: boolean;
     loading: boolean;
     placement: FollowerPlacement;

package/lib/cascader/src/CascaderMenu.js

@@ -116,9 +116,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     submenuInstRefs[index] = instance;
                                 }
                             }), key: index, tmNodes: submenuOptions, depth: index + 1 }))),
-                        (0, vue_1.h)(_internal_1.NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, (0, vue_1.renderSlot)($slots, 'empty', undefined, () => [
-                        (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
-                    ]))),
+                        (0, vue_1.h)(_internal_1.NBaseMenuMask, { clsPrefix: mergedClsPrefix, ref: "maskInstRef" }))) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu__empty` }, $slots.empty ? ($slots.empty()) : ((0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })))),
                     $slots.action && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-cascader-menu-action`, "data-action": true }, {
                         default: $slots.action
                     })),

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

@@ -243,6 +243,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -369,9 +370,10 @@ declare const _default: import("vue").DefineComponent<{
     mergedHandleMouseEnter: import("vue").ComputedRef<(() => void) | undefined>;
     mergedHandleMouseMove: import("vue").ComputedRef<(() => void) | undefined>;
     renderLabel: import("vue").Ref<((option: import("./interface").CascaderOption, checked: boolean) => import("vue").VNodeChild) | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    tmNode?: unknown;
-} & {
-    tmNode: TmNode;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tmNode: {
+        type: PropType<TmNode>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

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

@@ -255,6 +255,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -386,26 +387,31 @@ declare const _default: import("vue").DefineComponent<{
     selectTreeMate: import("vue").ComputedRef<import("treemate").TreeMate<SelectBaseOption<string | number, string | ((option: SelectBaseOption<string | number, string | any>, selected: boolean) => import("vue").VNodeChild)>, SelectGroupOption, SelectIgnoredOption>>;
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleClickOutside: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    value?: unknown;
-    show?: unknown;
-    pattern?: unknown;
-    multiple?: unknown;
-    tmNodes?: unknown;
-    filter?: unknown;
-    labelField?: unknown;
-    separator?: unknown;
-} & {
-    value: Value | null;
-    pattern: string;
-    show: boolean;
-    separator: string;
-    multiple: boolean;
-    labelField: string;
-    tmNodes: TmNode[];
-} & {
-    filter?: Filter | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<Value | null>;
+        default: null;
+    };
+    show: BooleanConstructor;
+    pattern: {
+        type: StringConstructor;
+        default: string;
+    };
+    multiple: BooleanConstructor;
+    tmNodes: {
+        type: PropType<TmNode[]>;
+        default: () => never[];
+    };
+    filter: PropType<Filter>;
+    labelField: {
+        type: StringConstructor;
+        required: true;
+    };
+    separator: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
     value: Value | null;
     pattern: string;
     show: boolean;

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

@@ -236,6 +236,7 @@ declare const _default: import("vue").DefineComponent<{
                 clearColorHover: string;
                 clearColorPressed: string;
                 paddingSingle: string;
+                paddingMultiple: string;
                 clearSize: string;
                 arrowSize: string;
             }, {
@@ -358,11 +359,14 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     scrollbarInstRef: import("vue").Ref<{
-        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
-        sync: () => void;
         containerRef: HTMLElement | null;
         contentRef: HTMLElement | null;
         containerScrollTop: number;
+        syncUnifiedContainer: () => void;
+        scrollTo: import("../../_internal/scrollbar/src/ScrollBar").ScrollTo;
+        sync: () => void;
+        handleMouseEnterWrapper: () => void;
+        handleMouseLeaveWrapper: () => void;
     } | null>;
     vlInstRef: import("vue").Ref<{
         listElRef: HTMLElement;
@@ -374,11 +378,14 @@ declare const _default: import("vue").DefineComponent<{
     handleVlScroll: () => void;
     getVlContainer: () => HTMLElement | undefined;
     getVlContent: () => HTMLElement | null | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    depth?: unknown;
-    tmNodes?: unknown;
-} & {
-    depth: number;
-    tmNodes: TmNode[];
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    depth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    tmNodes: {
+        type: PropType<TmNode[]>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

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

@@ -2,7 +2,7 @@ import { CheckStrategy, TreeNode } from 'treemate';
 import type { MergedTheme } from '../../_mixins';
 import type { NLocale } from '../../locales';
 import type { CascaderTheme } from '../styles';
-import { InjectionKey, Ref, VNodeChild } from 'vue';
+import { Ref, VNodeChild } from 'vue';
 export declare type ValueAtom = string | number;
 export declare type Value = ValueAtom | ValueAtom[];
 export declare type Key = ValueAtom;
@@ -69,4 +69,8 @@ export interface SelectMenuInstance {
     next: () => void;
     enter: () => boolean;
 }
-export declare const cascaderInjectionKey: InjectionKey<CascaderInjection>;
+export declare const cascaderInjectionKey: import("vue").InjectionKey<CascaderInjection>;
+export interface CascaderInst {
+    focus: () => void;
+    blur: () => void;
+}

package/lib/cascader/src/interface.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cascaderInjectionKey = void 0;
-exports.cascaderInjectionKey = Symbol('cascader');
+const _utils_1 = require("../../_utils");
+exports.cascaderInjectionKey = (0, _utils_1.createInjectionKey)('n-cascader');

package/lib/cascader/styles/light.d.ts

@@ -136,6 +136,7 @@ declare const cascaderLight: import("../../_mixins").Theme<"Cascader", {
         clearColorHover: string;
         clearColorPressed: string;
         paddingSingle: string;
+        paddingMultiple: string;
         clearSize: string;
         arrowSize: string;
     }, {

package/lib/checkbox/index.d.ts

@@ -2,3 +2,4 @@ export { default as NCheckbox } from './src/Checkbox';
 export { default as NCheckboxGroup } from './src/CheckboxGroup';
 export type { CheckboxProps } from './src/Checkbox';
 export type { CheckboxGroupProps } from './src/CheckboxGroup';
+export type { CheckboxInst } from './src/interface';

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import type { OnUpdateChecked } from './interface';
+import type { OnUpdateChecked, CheckboxInst } from './interface';
 declare const checkboxProps: {
     size: PropType<"small" | "medium" | "large">;
     checked: {
@@ -237,7 +237,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeLarge: string;
         labelPadding: string;
     }, any>>>;
-}, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & {
+}, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & CheckboxInst & {
+    selfRef: import("vue").Ref<HTMLDivElement | null>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     renderedChecked: import("vue").ComputedRef<boolean>;
@@ -407,39 +408,40 @@ declare const _default: import("vue").DefineComponent<{
         '--n-font-size': string;
         '--n-label-padding': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    size?: unknown;
-    checked?: unknown;
-    defaultChecked?: unknown;
-    value?: unknown;
-    disabled?: unknown;
-    indeterminate?: unknown;
-    label?: unknown;
-    focusable?: unknown;
-    checkedValue?: unknown;
-    uncheckedValue?: unknown;
-    'onUpdate:checked'?: unknown;
-    onUpdateChecked?: unknown;
-    privateInsideTable?: unknown;
-    onChange?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    focusable: boolean;
-    indeterminate: boolean;
-    defaultChecked: string | number | boolean;
-    checkedValue: string | number | boolean;
-    uncheckedValue: string | number | boolean;
-    privateInsideTable: boolean;
-} & {
-    value?: string | number | undefined;
-    label?: string | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    disabled?: boolean | undefined;
-    onChange?: MaybeArray<OnUpdateChecked> | undefined;
-    checked?: string | number | boolean | undefined;
-    theme?: import("../../_mixins").Theme<"Checkbox", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: PropType<"small" | "medium" | "large">;
+    checked: {
+        type: PropType<string | number | boolean | undefined>;
+        default: undefined;
+    };
+    defaultChecked: {
+        type: PropType<string | number | boolean>;
+        default: boolean;
+    };
+    value: PropType<string | number>;
+    disabled: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    indeterminate: BooleanConstructor;
+    label: StringConstructor;
+    focusable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkedValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    uncheckedValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: boolean;
+    };
+    'onUpdate:checked': PropType<MaybeArray<OnUpdateChecked>>;
+    onUpdateChecked: PropType<MaybeArray<OnUpdateChecked>>;
+    privateInsideTable: BooleanConstructor;
+    onChange: PropType<MaybeArray<OnUpdateChecked>>;
+    theme: PropType<import("../../_mixins").Theme<"Checkbox", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -466,8 +468,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -494,8 +496,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Checkbox", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -522,10 +524,8 @@ declare const _default: import("vue").DefineComponent<{
         sizeMedium: string;
         sizeLarge: string;
         labelPadding: string;
-    }, any>> | undefined;
-    "onUpdate:checked"?: MaybeArray<OnUpdateChecked> | undefined;
-    onUpdateChecked?: MaybeArray<OnUpdateChecked> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     disabled: boolean | undefined;
     checked: string | number | boolean | undefined;
     focusable: boolean;

package/lib/checkbox/src/Checkbox.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const seemly_1 = require("seemly");
+const evtd_1 = require("evtd");
 const _mixins_1 = require("../../_mixins");
 const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
@@ -14,7 +15,6 @@ const CheckMark_1 = __importDefault(require("./CheckMark"));
 const LineMark_1 = __importDefault(require("./LineMark"));
 const CheckboxGroup_1 = require("./CheckboxGroup");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const evtd_1 = require("evtd");
 const checkboxProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, checked: {
         type: [Boolean, String, Number],
         default: undefined
@@ -49,6 +49,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             });
         }
+        const selfRef = (0, vue_1.ref)(null);
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const formItem = (0, _mixins_1.useFormItem)(props, {
             mergedSize(NFormItem) {
@@ -156,7 +157,18 @@ exports.default = (0, vue_1.defineComponent)({
                     e.preventDefault();
             }
         }
-        return Object.assign(formItem, {
+        const exposedMethods = {
+            focus: () => {
+                var _a;
+                (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            blur: () => {
+                var _a;
+                (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.blur();
+            }
+        };
+        return Object.assign(formItem, exposedMethods, {
+            selfRef,
             mergedClsPrefix: mergedClsPrefixRef,
             mergedDisabled: mergedDisabledRef,
             renderedChecked: renderedCheckedRef,
@@ -198,7 +210,7 @@ exports.default = (0, vue_1.defineComponent)({
     },
     render() {
         const { $slots, renderedChecked, mergedDisabled, indeterminate, privateInsideTable, cssVars, labelId, label, mergedClsPrefix, focusable, handleKeyUp, handleKeyDown, handleClick } = this;
-        return ((0, vue_1.h)("div", { class: [
+        return ((0, vue_1.h)("div", { ref: "selfRef", class: [
                 `${mergedClsPrefix}-checkbox`,
                 renderedChecked && `${mergedClsPrefix}-checkbox--checked`,
                 mergedDisabled && `${mergedClsPrefix}-checkbox--disabled`,
@@ -216,6 +228,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 }, (0, vue_1.renderSlot)($slots, 'default', undefined, () => [label]))) : null));
+            label !== null || $slots.default ? ((0, vue_1.h)("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, $slots.default ? $slots.default() : label)) : null));
     }
 });

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

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, Ref, ComputedRef } from 'vue';
+import { PropType, Ref, ComputedRef } from 'vue';
 import { MaybeArray } from '../../_utils';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export interface CheckboxGroupInjection {
@@ -10,7 +10,7 @@ export interface CheckboxGroupInjection {
     mergedSizeRef: Ref<'small' | 'medium' | 'large'>;
     toggleCheckbox: (checked: boolean, checkboxValue: string | number) => void;
 }
-export declare const checkboxGroupInjectionKey: InjectionKey<CheckboxGroupInjection>;
+export declare const checkboxGroupInjectionKey: import("vue").InjectionKey<CheckboxGroupInjection>;
 declare const checkboxGroupProps: {
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -55,28 +55,27 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     mergedClsPrefix: ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly min?: unknown;
-    readonly max?: unknown;
-    readonly size?: unknown;
-    readonly value?: unknown;
-    readonly defaultValue?: unknown;
-    readonly disabled?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly onChange?: unknown;
-} & {
-    defaultValue: (string | number)[] | null;
-} & {
-    value?: (string | number)[] | null | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    disabled?: boolean | undefined;
-    onChange?: MaybeArray<(value: (string | number)[]) => void> | undefined;
-    max?: number | undefined;
-    min?: number | undefined;
-    "onUpdate:value"?: MaybeArray<(value: (string | number)[]) => void> | undefined;
-    onUpdateValue?: MaybeArray<(value: (string | number)[]) => void> | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly min: NumberConstructor;
+    readonly max: NumberConstructor;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly value: PropType<(string | number)[] | null>;
+    readonly defaultValue: {
+        readonly type: PropType<(string | number)[] | null>;
+        readonly default: null;
+    };
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly 'onUpdate:value': PropType<MaybeArray<(value: (string | number)[]) => void>>;
+    readonly onUpdateValue: PropType<MaybeArray<(value: (string | number)[]) => void>>;
+    readonly onChange: {
+        readonly type: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+}>>, {
     disabled: boolean | undefined;
     onChange: MaybeArray<(value: (string | number)[]) => void> | undefined;
     defaultValue: (string | number)[] | null;

package/lib/checkbox/src/CheckboxGroup.js

@@ -5,7 +5,7 @@ const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
-exports.checkboxGroupInjectionKey = Symbol('checkboxGroup');
+exports.checkboxGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-checkbox-group');
 const checkboxGroupProps = {
     min: Number,
     max: Number,

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

@@ -1,2 +1,6 @@
 export declare type OnUpdateChecked = (value: string & number & boolean, e: MouseEvent | KeyboardEvent) => void;
 export declare type OnUpdateCheckedImpl = (value: string | number | boolean, e: MouseEvent | KeyboardEvent) => void;
+export interface CheckboxInst {
+    focus: () => void;
+    blur: () => void;
+}