naive-ui 2.24.0 → 2.24.4

package/es/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/es/checkbox/src/Checkbox.js

@@ -1,6 +1,7 @@
-import { h, defineComponent, computed, inject, ref, toRef, renderSlot, watchEffect } from 'vue';
+import { h, defineComponent, computed, inject, ref, toRef, watchEffect } from 'vue';
 import { useMergedState, useMemo } from 'vooks';
 import { createId } from 'seemly';
+import { on } from 'evtd';
 import { useConfig, useFormItem, useTheme } from '../../_mixins';
 import { NIconSwitchTransition } from '../../_internal';
 import { call, createKey, warnOnce } from '../../_utils';
@@ -9,7 +10,6 @@ import CheckMark from './CheckMark';
 import LineMark from './LineMark';
 import { checkboxGroupInjectionKey } from './CheckboxGroup';
 import style from './styles/index.cssr';
-import { on } from 'evtd';
 const checkboxProps = Object.assign(Object.assign({}, useTheme.props), { size: String, checked: {
         type: [Boolean, String, Number],
         default: undefined
@@ -44,6 +44,7 @@ export default defineComponent({
                 }
             });
         }
+        const selfRef = ref(null);
         const { mergedClsPrefixRef } = useConfig(props);
         const formItem = useFormItem(props, {
             mergedSize(NFormItem) {
@@ -151,7 +152,18 @@ export default 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,
@@ -193,7 +205,7 @@ export default defineComponent({
     },
     render() {
         const { $slots, renderedChecked, mergedDisabled, indeterminate, privateInsideTable, cssVars, labelId, label, mergedClsPrefix, focusable, handleKeyUp, handleKeyDown, handleClick } = this;
-        return (h("div", { class: [
+        return (h("div", { ref: "selfRef", class: [
                 `${mergedClsPrefix}-checkbox`,
                 renderedChecked && `${mergedClsPrefix}-checkbox--checked`,
                 mergedDisabled && `${mergedClsPrefix}-checkbox--disabled`,
@@ -211,6 +223,6 @@ export default defineComponent({
                     default: () => this.indeterminate ? (h("div", { key: "indeterminate", class: `${mergedClsPrefix}-checkbox-icon` }, LineMark)) : (h("div", { key: "check", class: `${mergedClsPrefix}-checkbox-icon` }, CheckMark))
                 }),
                 h("div", { class: `${mergedClsPrefix}-checkbox-box__border` })),
-            label !== null || $slots.default ? (h("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, renderSlot($slots, 'default', undefined, () => [label]))) : null));
+            label !== null || $slots.default ? (h("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, $slots.default ? $slots.default() : label)) : null));
     }
 });

package/es/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/es/checkbox/src/CheckboxGroup.js

@@ -1,8 +1,8 @@
 import { h, defineComponent, provide, computed, toRef, ref } from 'vue';
 import { useMergedState } from 'vooks';
 import { useConfig, useFormItem } from '../../_mixins';
-import { warn, call } from '../../_utils';
-export const checkboxGroupInjectionKey = Symbol('checkboxGroup');
+import { warn, call, createInjectionKey } from '../../_utils';
+export const checkboxGroupInjectionKey = createInjectionKey('n-checkbox-group');
 const checkboxGroupProps = {
     min: Number,
     max: Number,

package/es/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;
+}

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

@@ -138,28 +138,23 @@ declare const _default: import("vue").DefineComponent<{
         '--n-hue-6': string;
         '--n-hue-6-2': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    language?: unknown;
-    code?: unknown;
-    trim?: unknown;
-    hljs?: unknown;
-    uri?: unknown;
-    inline?: unknown;
-    wordWrap?: unknown;
-    internalFontSize?: unknown;
-    internalNoHighlight?: unknown;
-    theme?: unknown;
-    themeOverrides?: unknown;
-    builtinThemeOverrides?: unknown;
-} & {
-    inline: boolean;
-    trim: boolean;
-    wordWrap: boolean;
-    code: string;
-    uri: boolean;
-    internalNoHighlight: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Code", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    language: StringConstructor;
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    trim: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hljs: PropType<Hljs>;
+    uri: BooleanConstructor;
+    inline: BooleanConstructor;
+    wordWrap: BooleanConstructor;
+    internalFontSize: NumberConstructor;
+    internalNoHighlight: BooleanConstructor;
+    theme: PropType<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -172,8 +167,8 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -186,8 +181,8 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Code", {
         textColor: string;
         fontSize: string;
         fontWeightStrong: string;
@@ -200,13 +195,10 @@ declare const _default: import("vue").DefineComponent<{
         'hue-5-2': string;
         'hue-6': string;
         'hue-6-2': string;
-    }, any>> | undefined;
-    hljs?: Hljs | undefined;
-    language?: string | undefined;
-    internalFontSize?: number | undefined;
-}>, {
-    inline: boolean;
+    }, any>>>;
+}>>, {
     trim: boolean;
+    inline: boolean;
     wordWrap: boolean;
     code: string;
     uri: boolean;

package/es/code/src/styles/index.cssr.js

@@ -17,7 +17,10 @@ import { c, cB, cM } from '../../../_utils/cssr'; // vars:
 export default c([cB('code', `
  font-size: var(--n-font-size);
  font-family: var(--n-font-family);
- `, [cM('word-wrap', [c('pre', 'white-space: pre-wrap;')]), c('pre', `
+ `, [cM('word-wrap', [c('pre', `
+ white-space: pre-wrap;
+ word-break: break-all;
+ `)]), c('pre', `
  margin: 0;
  font-family: inherit;
  `), c('[class^=hljs]', `

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

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, Ref, ExtractPropTypes, Slots } from 'vue';
+import { PropType, Ref, ExtractPropTypes, Slots } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
@@ -64,7 +64,7 @@ export interface NCollapseInjection {
     slots: Slots;
     toggleItem: (collapse: boolean, name: string | number, event: MouseEvent) => void;
 }
-export declare const collapseInjectionKey: InjectionKey<NCollapseInjection>;
+export declare const collapseInjectionKey: import("vue").InjectionKey<NCollapseInjection>;
 declare const _default: import("vue").DefineComponent<{
     readonly defaultExpandedNames: {
         readonly type: PropType<string | number | (string | number)[] | null>;
@@ -248,26 +248,33 @@ declare const _default: import("vue").DefineComponent<{
         '--n-title-font-weight': string;
         '--n-arrow-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly defaultExpandedNames?: unknown;
-    readonly expandedNames?: unknown;
-    readonly arrowPlacement?: unknown;
-    readonly accordion?: unknown;
-    readonly displayDirective?: unknown;
-    readonly onItemHeaderClick?: unknown;
-    readonly 'onUpdate:expandedNames'?: unknown;
-    readonly onUpdateExpandedNames?: unknown;
-    readonly onExpandedNamesChange?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    displayDirective: "show" | "if";
-    defaultExpandedNames: string | number | (string | number)[] | null;
-    arrowPlacement: "left" | "right";
-    accordion: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"Collapse", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly defaultExpandedNames: {
+        readonly type: PropType<string | number | (string | number)[] | null>;
+        readonly default: null;
+    };
+    readonly expandedNames: PropType<string | number | (string | number)[] | null>;
+    readonly arrowPlacement: {
+        readonly type: PropType<"left" | "right">;
+        readonly default: "left";
+    };
+    readonly accordion: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly displayDirective: {
+        readonly type: PropType<"show" | "if">;
+        readonly default: "if";
+    };
+    readonly onItemHeaderClick: PropType<MaybeArray<OnItemHeaderClick>>;
+    readonly 'onUpdate:expandedNames': PropType<MaybeArray<OnUpdateExpandedNames>>;
+    readonly onUpdateExpandedNames: PropType<MaybeArray<OnUpdateExpandedNames>>;
+    readonly onExpandedNamesChange: {
+        readonly type: PropType<MaybeArray<OnUpdateExpandedNames> | undefined>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
@@ -275,8 +282,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
         textColor: string;
         arrowColor: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
@@ -284,8 +291,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
         textColor: string;
         arrowColor: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
         titleFontWeight: string;
         dividerColor: string;
@@ -293,13 +300,8 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
         textColor: string;
         arrowColor: string;
-    }, any>> | undefined;
-    expandedNames?: string | number | (string | number)[] | null | undefined;
-    onItemHeaderClick?: MaybeArray<OnItemHeaderClick> | undefined;
-    "onUpdate:expandedNames"?: MaybeArray<OnUpdateExpandedNames> | undefined;
-    onUpdateExpandedNames?: MaybeArray<OnUpdateExpandedNames> | undefined;
-    onExpandedNamesChange?: MaybeArray<OnUpdateExpandedNames> | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     displayDirective: "show" | "if";
     defaultExpandedNames: string | number | (string | number)[] | null;
     arrowPlacement: "left" | "right";

package/es/collapse/src/Collapse.js

@@ -1,7 +1,7 @@
 import { computed, h, defineComponent, provide, ref } from 'vue';
 import { useMergedState } from 'vooks';
 import { useConfig, useTheme } from '../../_mixins';
-import { call, warn } from '../../_utils';
+import { call, createInjectionKey, warn } from '../../_utils';
 import { collapseLight } from '../styles';
 import style from './styles/index.cssr';
 const collapseProps = Object.assign(Object.assign({}, useTheme.props), { defaultExpandedNames: {
@@ -28,7 +28,7 @@ const collapseProps = Object.assign(Object.assign({}, useTheme.props), { default
         },
         default: undefined
     } });
-export const collapseInjectionKey = Symbol('collapse');
+export const collapseInjectionKey = createInjectionKey('n-collapse');
 export default defineComponent({
     name: 'Collapse',
     props: collapseProps,

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

@@ -20,13 +20,9 @@ declare const _default: import("vue").DefineComponent<{
     mergedDisplayDirective: import("vue").ComputedRef<"show" | "if">;
     arrowPlacement: import("vue").ComputedRef<"left" | "right">;
     handleClick(e: MouseEvent): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly title?: unknown;
-    readonly name?: unknown;
-    readonly displayDirective?: unknown;
-} & {} & {
-    name?: string | number | undefined;
-    title?: string | undefined;
-    displayDirective?: "show" | "if" | 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 title: StringConstructor;
+    readonly name: PropType<string | number>;
+    readonly displayDirective: PropType<"show" | "if">;
+}>>, {}>;
 export default _default;

package/es/collapse/src/CollapseItem.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, inject, computed, renderSlot } from 'vue';
+import { h, defineComponent, inject, computed } from 'vue';
 import { createId } from 'seemly';
 import { useMemo } from 'vooks';
 import { ChevronRightIcon as ArrowIcon } from '../../_internal/icons';
@@ -62,9 +62,11 @@ export default defineComponent({
         };
     },
     render() {
-        const { collapseSlots, $slots, arrowPlacement, collapsed, title, mergedDisplayDirective, mergedClsPrefix } = this;
-        const headerNode = renderSlot($slots, 'header', undefined, () => [title]);
+        var _a;
+        const { collapseSlots, $slots, arrowPlacement, collapsed, mergedDisplayDirective, mergedClsPrefix } = this;
+        const headerNode = $slots.header ? $slots.header() : this.title;
         const headerExtraSlot = $slots['header-extra'] || collapseSlots['header-extra'];
+        const arrowSlot = $slots.arrow || collapseSlots.arrow;
         return (h("div", { class: [
                 `${mergedClsPrefix}-collapse-item`,
                 `${mergedClsPrefix}-collapse-item--${arrowPlacement}-arrow-placement`,
@@ -76,18 +78,9 @@ export default defineComponent({
                 ] },
                 h("div", { class: `${mergedClsPrefix}-collapse-item__header-main`, onClick: this.handleClick },
                     arrowPlacement === 'right' && headerNode,
-                    h("div", { class: `${mergedClsPrefix}-collapse-item-arrow` }, renderSlot($slots.arrow
-                        ? $slots
-                        : collapseSlots.arrow
-                            ? collapseSlots
-                            : $slots, 'arrow', { collapsed: collapsed }, () => {
-                        var _a;
-                        return [
-                            h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
-                                default: (_a = collapseSlots.expandIcon) !== null && _a !== void 0 ? _a : (() => h(ArrowIcon, null))
-                            })
-                        ];
-                    })),
+                    h("div", { class: `${mergedClsPrefix}-collapse-item-arrow` }, arrowSlot ? (arrowSlot({ collapsed })) : (h(NBaseIcon, { clsPrefix: mergedClsPrefix }, {
+                        default: (_a = collapseSlots.expandIcon) !== null && _a !== void 0 ? _a : (() => h(ArrowIcon, null))
+                    }))),
                     arrowPlacement === 'left' && headerNode),
                 headerExtraSlot && (h("div", { class: `${mergedClsPrefix}-collapse-item__header-extra`, onClick: this.handleClick }, { default: headerExtraSlot }))),
             h(NCollapseItemContent, { clsPrefix: mergedClsPrefix, displayDirective: mergedDisplayDirective, show: !collapsed }, $slots)));

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

@@ -11,15 +11,17 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     onceTrue: Readonly<import("vue").Ref<boolean>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    displayDirective?: unknown;
-    show?: unknown;
-    clsPrefix?: unknown;
-} & {
-    show: boolean;
-    clsPrefix: string;
-    displayDirective: "show" | "if";
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    displayDirective: {
+        type: PropType<"show" | "if">;
+        required: true;
+    };
+    show: BooleanConstructor;
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {
     show: boolean;
 }>;
 export default _default;