naive-ui 2.34.4 → 2.36.0

package/lib/_internal/select-menu/src/SelectMenu.js

@@ -329,6 +329,7 @@ exports.default = (0, vue_1.defineComponent)({
                 themeClass,
                 this.multiple && `${clsPrefix}-base-select-menu--multiple`
             ], style: this.cssVars, onFocusin: this.handleFocusin, onFocusout: this.handleFocusout, onKeyup: this.handleKeyUp, onKeydown: this.handleKeyDown, onMousedown: this.handleMouseDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave },
+            (0, _utils_1.resolveWrappedSlot)($slots.header, (children) => children && ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__header`, "data-header": true, key: "header" }, children))),
             this.loading ? ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__loading` },
                 (0, vue_1.h)(loading_1.default, { clsPrefix: clsPrefix, strokeWidth: 20 }))) : !this.empty ? ((0, vue_1.h)(scrollbar_1.NScrollbar, { ref: "scrollbarRef", theme: mergedTheme.peers.Scrollbar, themeOverrides: mergedTheme.peerOverrides.Scrollbar, scrollable: this.scrollable, container: virtualScroll ? this.virtualListContainer : undefined, content: virtualScroll ? this.virtualListContent : undefined, onScroll: virtualScroll ? undefined : this.doScroll }, {
                 default: () => {
@@ -341,7 +342,7 @@ exports.default = (0, vue_1.defineComponent)({
                             paddingBottom: this.padding.bottom
                         } }, this.flattenedNodes.map((tmNode) => tmNode.isGroup ? ((0, vue_1.h)(SelectGroupHeader_1.default, { key: tmNode.key, clsPrefix: clsPrefix, tmNode: tmNode })) : ((0, vue_1.h)(SelectOption_1.default, { clsPrefix: clsPrefix, key: tmNode.key, tmNode: tmNode })))));
                 }
-            })) : ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true }, (0, _utils_1.resolveSlot)($slots.empty, () => [
+            })) : ((0, vue_1.h)("div", { class: `${clsPrefix}-base-select-menu__empty`, "data-empty": true, "data-action": true }, (0, _utils_1.resolveSlot)($slots.empty, () => [
                 (0, vue_1.h)(empty_1.NEmpty, { theme: mergedTheme.peers.Empty, themeOverrides: mergedTheme.peerOverrides.Empty })
             ]))),
             (0, _utils_1.resolveWrappedSlot)($slots.action, (children) => children && [

package/lib/_internal/select-menu/src/SelectOption.d.ts

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

package/lib/_internal/select-menu/src/styles/index.cssr.js

@@ -48,6 +48,14 @@ exports.default = (0, cssr_1.cB)('base-select-menu', `
  `), (0, cssr_1.cE)('loading', `
  color: var(--n-loading-color);
  font-size: var(--n-loading-size);
+ `), (0, cssr_1.cE)('header', `
+ padding: 8px var(--n-option-padding-left);
+ font-size: var(--n-option-font-size);
+ transition: 
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-action-divider-color);
+ color: var(--n-action-text-color);
  `), (0, cssr_1.cE)('action', `
  padding: 8px var(--n-option-padding-left);
  font-size: var(--n-option-font-size);

package/lib/_internal/selection/src/Selection.d.ts

@@ -8,6 +8,7 @@ export interface InternalSelectionInst {
     focus: () => void;
     focusInput: () => void;
     blur: () => void;
+    blurInput: () => void;
     $el: HTMLElement;
 }
 declare const _default: import("vue").DefineComponent<{
@@ -487,7 +488,9 @@ declare const _default: import("vue").DefineComponent<{
     singleElRef: import("vue").Ref<HTMLElement | null>;
     patternInputWrapperRef: import("vue").Ref<HTMLElement | null>;
     overflowRef: import("vue").Ref<{
-        sync: () => void;
+        sync: (options: {
+            showAllItemsBeforeCalculate: boolean;
+        }) => void;
     } | null>;
     inputTagElRef: import("vue").Ref<HTMLElement | null>;
     handleMouseDown: (e: MouseEvent) => void;
@@ -855,5 +858,5 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     focused: boolean;
     ignoreComposition: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/_internal/selection/src/Selection.js

@@ -92,7 +92,9 @@ exports.default = (0, vue_1.defineComponent)({
                 if (patternInputEl) {
                     patternInputEl.style.width = `${patternInputMirrorEl.offsetWidth}px`;
                     if (props.maxTagCount !== 'responsive') {
-                        (_a = overflowRef.value) === null || _a === void 0 ? void 0 : _a.sync();
+                        (_a = overflowRef.value) === null || _a === void 0 ? void 0 : _a.sync({
+                            showAllItemsBeforeCalculate: false
+                        });
                     }
                 }
             }
@@ -288,7 +290,7 @@ exports.default = (0, vue_1.defineComponent)({
                 window.clearTimeout(enterTimerId);
         }
         function handleMouseEnterCounter() {
-            if (props.disabled || props.active)
+            if (props.active)
                 return;
             clearEnterTimer();
             enterTimerId = window.setTimeout(() => {
@@ -316,8 +318,12 @@ exports.default = (0, vue_1.defineComponent)({
                 const patternInputWrapperEl = patternInputWrapperRef.value;
                 if (!patternInputWrapperEl)
                     return;
-                patternInputWrapperEl.tabIndex =
-                    props.disabled || patternInputFocusedRef.value ? -1 : 0;
+                if (props.disabled) {
+                    patternInputWrapperEl.removeAttribute('tabindex');
+                }
+                else {
+                    patternInputWrapperEl.tabIndex = patternInputFocusedRef.value ? -1 : 0;
+                }
             });
         });
         (0, _utils_1.useOnResize)(selfRef, props.onResize);
@@ -455,8 +461,12 @@ exports.default = (0, vue_1.defineComponent)({
             const { labelField } = this;
             const createTag = (option) => ((0, vue_1.h)("div", { class: `${clsPrefix}-base-selection-tag-wrapper`, key: option.value }, renderTag ? (renderTag({
                 option,
-                handleClose: () => { this.handleDeleteOption(option); }
-            })) : ((0, vue_1.h)(tag_1.NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => { this.handleDeleteOption(option); }, internalCloseIsButtonTag: false, internalCloseFocusable: false }, {
+                handleClose: () => {
+                    this.handleDeleteOption(option);
+                }
+            })) : ((0, vue_1.h)(tag_1.NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => {
+                    this.handleDeleteOption(option);
+                }, internalCloseIsButtonTag: false, internalCloseFocusable: false }, {
                 default: () => renderLabel
                     ? renderLabel(option, true)
                     : (0, _utils_1.render)(option[labelField], option, true)
@@ -497,7 +507,7 @@ exports.default = (0, vue_1.defineComponent)({
                 } }, {
                 default: createOriginalTagNodes,
                 counter: renderCounter
-            }))) : maxTagCountNumeric ? (createOriginalTagNodes().concat(counter)) : (createOriginalTagNodes());
+            }))) : maxTagCountNumeric && counter ? (createOriginalTagNodes().concat(counter)) : (createOriginalTagNodes());
             const renderPopover = useMaxTagCount
                 ? () => ((0, vue_1.h)("div", { class: `${clsPrefix}-base-selection-popover` }, maxTagCountResponsive
                     ? createOriginalTagNodes()

package/lib/_internal/slot-machine/src/SlotMachine.d.ts

@@ -35,5 +35,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string | number;
     max: number;
-}>;
+}, {}>;
 export default _default;

package/lib/_internal/slot-machine/src/SlotMachineNumber.d.ts

@@ -36,5 +36,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     oldOriginalNumber: number;
     newOriginalNumber: number;
-}>;
+}, {}>;
 export default _default;

package/lib/_internal/suffix/src/Suffix.d.ts

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

package/lib/_internal/wave/src/Wave.d.ts

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

package/lib/_mixins/use-config.d.ts

@@ -11,9 +11,10 @@ export default function useConfig(props?: UseConfigProps, options?: {
     inlineThemeDisabled: boolean | undefined;
     mergedRtlRef: Ref<RtlEnabledState | undefined> | undefined;
     mergedBorderedRef: ComputedRef<boolean>;
-    mergedClsPrefixRef: ComputedRef<string>;
+    mergedClsPrefixRef: Ref<string>;
     mergedBreakpointsRef: Ref<Breakpoints> | undefined;
     mergedComponentPropsRef: Ref<GlobalComponentConfig | undefined> | undefined;
     namespaceRef: ComputedRef<string | undefined>;
 };
+export declare function useMergedClsPrefix(): Ref<string>;
 export {};

package/lib/_mixins/use-config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultClsPrefix = void 0;
+exports.useMergedClsPrefix = exports.defaultClsPrefix = void 0;
 const vue_1 = require("vue");
 const context_1 = require("../config-provider/src/context");
 exports.defaultClsPrefix = 'n';
@@ -21,11 +21,17 @@ function useConfig(props = {}, options = {
                 return bordered;
             return ((_b = (_a = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedBorderedRef.value) !== null && _a !== void 0 ? _a : options.defaultBordered) !== null && _b !== void 0 ? _b : true);
         }),
-        mergedClsPrefixRef: (0, vue_1.computed)(() => {
-            const clsPrefix = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedClsPrefixRef.value;
-            return clsPrefix || exports.defaultClsPrefix;
-        }),
+        mergedClsPrefixRef: NConfigProvider
+            ? NConfigProvider.mergedClsPrefixRef
+            : (0, vue_1.shallowRef)(exports.defaultClsPrefix),
         namespaceRef: (0, vue_1.computed)(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
     };
 }
 exports.default = useConfig;
+function useMergedClsPrefix() {
+    const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
+    return NConfigProvider
+        ? NConfigProvider.mergedClsPrefixRef
+        : (0, vue_1.shallowRef)(exports.defaultClsPrefix);
+}
+exports.useMergedClsPrefix = useMergedClsPrefix;

package/lib/_mixins/use-form-item.d.ts

@@ -13,7 +13,7 @@ export interface FormItemInjection {
     handleContentInput: () => void;
     handleContentChange: () => void;
 }
-export declare const formItemInjectionKey: import("vue").InjectionKey<FormItemInjection>;
+export declare const formItemInjectionKey: import("vue").InjectionKey<FormItemInjection | null>;
 interface UseFormItemOptions<T> {
     defaultSize?: FormItemSize;
     mergedSize?: (formItem: FormItemInjection | null) => T;

package/lib/_mixins/use-style.d.ts

@@ -1,3 +1,3 @@
 import type { CNode } from 'css-render';
 import { type Ref } from 'vue';
-export default function useStyle(mountId: string, style: CNode, clsPrefixRef?: Ref<string | undefined>): void;
+export default function useStyle(mountId: string, style: CNode, clsPrefixRef: Ref<string | undefined>): void;

package/lib/_mixins/use-style.js

@@ -18,7 +18,7 @@ function useStyle(mountId, style, clsPrefixRef) {
     const ssrAdapter = (0, vue3_ssr_1.useSsrAdapter)();
     const NConfigProvider = (0, vue_1.inject)(context_1.configProviderInjectionKey, null);
     const mountStyle = () => {
-        const clsPrefix = clsPrefixRef === null || clsPrefixRef === void 0 ? void 0 : clsPrefixRef.value;
+        const clsPrefix = clsPrefixRef.value;
         style.mount({
             id: clsPrefix === undefined ? mountId : clsPrefix + mountId,
             head: true,

package/lib/_styles/common/_common.js

@@ -18,7 +18,7 @@ exports.default = {
     fontSizeLarge: '15px',
     fontSizeHuge: '16px',
     lineHeight: '1.6',
-    heightMini: '16px',
+    heightMini: '16px', // private now, it's too small
     heightTiny: '22px',
     heightSmall: '28px',
     heightMedium: '34px',

package/lib/_styles/common/light.js

@@ -16,8 +16,8 @@ const base = {
     alpha1: '0.82',
     alpha2: '0.72',
     alpha3: '0.38',
-    alpha4: '0.24',
-    alpha5: '0.18',
+    alpha4: '0.24', // disabled text, placeholder, icon
+    alpha5: '0.18', // disabled placeholder
     alphaClose: '0.6',
     alphaDisabled: '0.5',
     alphaDisabledInput: '0.02',

package/lib/_utils/composable/use-collection.d.ts

@@ -1,4 +1,4 @@
 import { type Ref, type InjectionKey } from 'vue';
-export declare function useInjectionInstanceCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, registerKeyRef: Ref<any>): void;
+export declare function useInjectionInstanceCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, registerKeyRef: Ref<string | undefined>): void;
 export declare function useInjectionCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, valueRef: Ref<any>): void;
 export declare function useInjectionElementCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, getElement: () => HTMLElement | null): void;

package/lib/_utils/composable/use-collection.js

@@ -18,6 +18,8 @@ function useInjectionInstanceCollection(injectionName, collectionKey, registerKe
         registerInstance(undefined, registerKeyRef.value);
     });
     function registerInstance(key, oldKey) {
+        if (!injection)
+            return;
         const collection = injection[collectionKey];
         if (oldKey !== undefined)
             removeInstance(collection, oldKey);

package/lib/_utils/css/color-to-class.js

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.color2Class = void 0;
 function color2Class(color) {
-    return color.replace(/#|\(|\)|,|\s/g, '_');
+    return color.replace(/#|\(|\)|,|\s|\./g, '_');
 }
 exports.color2Class = color2Class;

package/lib/_utils/cssr/index.d.ts

@@ -1,6 +1,6 @@
 import { type CNode, type CProperties } from 'css-render';
 declare const namespace = "n";
-declare const prefix: string;
+declare const prefix = ".n-";
 declare const c: import("css-render").createCNode<import("css-render").CSelector>, find: import("css-render").CFindTarget;
 declare const cB: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>, cE: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>, cM: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>, cNotM: import("css-render").createCNode<string | import("css-render").CLazySelector<string>>;
 declare function insideModal(style: CNode): CNode;

package/lib/_utils/vue/wrapper.d.ts

@@ -1 +1 @@
-export declare const Wrapper: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export declare const Wrapper: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/lib/affix/src/Affix.d.ts

@@ -27,7 +27,7 @@ export declare const affixProps: {
         readonly default: undefined;
     };
 };
-export declare const affixPropKeys: ("bottom" | "top" | "position" | "target" | "listenTo" | "triggerTop" | "triggerBottom" | "offsetTop" | "offsetBottom")[];
+export declare const affixPropKeys: ("target" | "top" | "bottom" | "position" | "listenTo" | "triggerTop" | "triggerBottom" | "offsetTop" | "offsetBottom")[];
 export type AffixProps = ExtractPublicPropTypes<typeof affixProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     selfRef: import("vue").Ref<Element | null>;
     affixed: import("vue").ComputedRef<boolean>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedstyle: import("vue").ComputedRef<CSSProperties>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;
@@ -85,9 +85,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: undefined;
     };
 }>>, {
-    readonly position: "absolute" | "fix";
     readonly target: (() => HTMLElement) | undefined;
+    readonly position: "absolute" | "fix";
     readonly offsetTop: number | undefined;
     readonly offsetBottom: number | undefined;
-}>;
+}, {}>;
 export default _default;

package/lib/affix/src/Affix.js

@@ -113,11 +113,13 @@ exports.default = (0, vue_1.defineComponent)({
                 return;
             const scrollTop = (0, utils_1.getScrollTop)(scrollTarget);
             if (affixedRef.value) {
-                if (scrollTop < topAffixedTriggerScrollTopRef.value) {
+                if (topAffixedTriggerScrollTopRef.value !== null &&
+                    scrollTop < topAffixedTriggerScrollTopRef.value) {
                     stickToTopRef.value = false;
                     topAffixedTriggerScrollTopRef.value = null;
                 }
-                if (scrollTop > bottomAffixedTriggerScrollTopRef.value) {
+                if (bottomAffixedTriggerScrollTopRef.value !== null &&
+                    scrollTop > bottomAffixedTriggerScrollTopRef.value) {
                     stickToBottomRef.value = false;
                     bottomAffixedTriggerScrollTopRef.value = null;
                 }

package/lib/alert/src/Alert.d.ts

@@ -432,7 +432,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>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     visible: import("vue").Ref<boolean>;
     handleCloseClick: () => void;
@@ -862,5 +862,5 @@ declare const _default: import("vue").DefineComponent<{
     bordered: boolean;
     showIcon: boolean;
     closable: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/alert/src/Alert.js

@@ -124,12 +124,18 @@ exports.default = (0, vue_1.defineComponent)({
                         this.themeClass,
                         this.closable && `${mergedClsPrefix}-alert--closable`,
                         this.showIcon && `${mergedClsPrefix}-alert--show-icon`,
+                        // fix: https://github.com/tusen-ai/naive-ui/issues/4588
+                        !this.title &&
+                            this.closable &&
+                            `${mergedClsPrefix}-alert--right-adjust`,
                         this.rtlEnabled && `${mergedClsPrefix}-alert--rtl`
                     ],
                     style: this.cssVars,
                     role: 'alert'
                 };
-                return this.visible ? ((0, vue_1.h)("div", Object.assign({}, (0, vue_1.mergeProps)(this.$attrs, attrs)),
+                return this.visible ? (
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                (0, vue_1.h)("div", Object.assign({}, (0, vue_1.mergeProps)(this.$attrs, attrs)),
                     this.closable && ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-alert__close`, onClick: this.handleCloseClick })),
                     this.bordered && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert__border` })),
                     this.showIcon && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-alert__icon`, "aria-hidden": "true" }, (0, _utils_1.resolveSlot)($slots.icon, () => [

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

@@ -86,6 +86,10 @@ exports.default = (0, cssr_1.cB)('alert', `
  margin: var(--n-close-margin);
  `), (0, cssr_1.cM)('show-icon', [(0, cssr_1.cB)('alert-body', {
   paddingLeft: 'calc(var(--n-icon-margin-left) + var(--n-icon-size) + var(--n-icon-margin-right))'
+})]),
+// fix: https://github.com/tusen-ai/naive-ui/issues/4588
+(0, cssr_1.cM)('right-adjust', [(0, cssr_1.cB)('alert-body', {
+  paddingRight: 'calc(var(--n-close-size) + var(--n-padding) + 2px)'
 })]), (0, cssr_1.cB)('alert-body', `
  border-radius: var(--n-border-radius);
  transition: border-color .3s var(--n-bezier);

package/lib/anchor/src/AnchorAdapter.d.ts

@@ -262,8 +262,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly type: "block" | "rail";
     readonly bound: number;
-    readonly position: "absolute" | "fix";
     readonly target: (() => HTMLElement) | undefined;
+    readonly position: "absolute" | "fix";
     readonly affix: boolean;
     readonly offsetTop: number | undefined;
     readonly offsetBottom: number | undefined;
@@ -271,5 +271,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showBackground: boolean;
     readonly internalScrollable: boolean;
     readonly ignoreGap: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/anchor/src/BaseAnchor.d.ts

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

package/lib/anchor/src/BaseAnchor.js

@@ -129,7 +129,9 @@ exports.default = (0, vue_1.defineComponent)({
             }
             handleScroll();
         }
-        const handleScroll = (0, lodash_1.throttle)(() => { _handleScroll(true); }, 128);
+        const handleScroll = (0, lodash_1.throttle)(() => {
+            _handleScroll(true);
+        }, 128);
         function _handleScroll(transition = true) {
             var _a;
             const links = [];

package/lib/anchor/src/Link.d.ts

@@ -20,5 +20,5 @@ declare const _default: import("vue").DefineComponent<{
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly title: StringConstructor;
     readonly href: StringConstructor;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/auto-complete/src/AutoComplete.d.ts

@@ -1120,7 +1120,7 @@ declare const _default: import("vue").DefineComponent<{
     onRender: (() => void) | undefined;
     mergedBordered: import("vue").ComputedRef<boolean>;
     namespace: import("vue").ComputedRef<string | 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 to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -1529,13 +1529,13 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly options: AutoCompleteOptions;
     readonly disabled: boolean | undefined;
-    readonly to: string | boolean | HTMLElement;
     readonly loading: boolean;
+    readonly to: string | boolean | HTMLElement;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
     readonly clearable: boolean;
     readonly defaultValue: string | null;
     readonly blurAfterSelect: boolean;
     readonly clearAfterSelect: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/auto-complete/src/interface.d.ts

@@ -6,7 +6,8 @@ export interface AutoCompleteGroupOption extends Omit<SelectGroupOption, 'childr
 export type AutoCompleteOptions = Array<AutoCompleteOption | AutoCompleteGroupOption | string>;
 export type OnUpdateValue = (value: string & (string | null)) => void;
 export type OnUpdateImpl = (value: string | null) => void;
-export type OnSelect = (value: string | number) => void;
+export type OnSelect = (value: string & number) => void;
+export type OnSelectImpl = (value: string | number) => void;
 export interface AutoCompleteInst {
     focus: () => void;
     blur: () => void;

package/lib/avatar/src/Avatar.d.ts

@@ -138,7 +138,7 @@ declare const _default: import("vue").DefineComponent<{
     textRef: import("vue").Ref<HTMLElement | null>;
     selfRef: import("vue").Ref<HTMLElement | null>;
     mergedRoundRef: import("vue").ComputedRef<boolean | undefined>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     fitTextTransform: () => void;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
@@ -227,5 +227,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly round: boolean;
     readonly circle: boolean;
     readonly bordered: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/avatar-group/src/AvatarGroup.d.ts

@@ -263,7 +263,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     restOptions: import("vue").ComputedRef<AvatarGroupOption[] | undefined>;
     displayedOptions: import("vue").ComputedRef<AvatarGroupOption[]>;
     cssVars: import("vue").ComputedRef<{
@@ -332,5 +332,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly options: AvatarGroupOption[];
     readonly vertical: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/back-top/src/BackTop.d.ts

@@ -156,7 +156,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollTop: import("vue").Ref<number | null>;
     DomInfoReady: import("vue").Ref<boolean>;
     transitionDisabled: import("vue").Ref<boolean>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     handleAfterEnter: () => void;
     handleScroll: () => void;
     handleClick: () => void;
@@ -255,5 +255,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly to: string | HTMLElement;
     readonly 'onUpdate:show': Function;
     readonly visibilityHeight: number;
-}>;
+}, {}>;
 export default _default;

package/lib/badge/src/Badge.d.ts

@@ -90,7 +90,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>;
     appeared: import("vue").Ref<boolean>;
     showBadge: import("vue").ComputedRef<boolean>;
     handleAfterEnter: () => void;
@@ -157,5 +157,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly dot: boolean;
     readonly showZero: boolean;
     readonly processing: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -96,7 +96,7 @@ declare const _default: import("vue").DefineComponent<{
         fontWeightActive: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
         '--n-bezier': string;
@@ -159,5 +159,5 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly separator: string;
-}>;
+}, {}>;
 export default _default;

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

@@ -27,5 +27,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly onClick: PropType<(e: MouseEvent) => void>;
 }>>, {
     readonly clickable: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/button/src/Button.d.ts

@@ -1332,7 +1332,7 @@ declare const Button: import("vue").DefineComponent<{
     waveElRef: import("vue").Ref<{
         play: () => void;
     } | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedFocusable: import("vue").ComputedRef<boolean>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
     showBorder: import("vue").ComputedRef<boolean>;
@@ -2054,9 +2054,9 @@ declare const Button: import("vue").DefineComponent<{
     readonly text: boolean;
     readonly circle: boolean;
     readonly disabled: boolean;
+    readonly loading: boolean;
     readonly focusable: boolean;
     readonly strong: boolean;
-    readonly loading: boolean;
     readonly bordered: boolean;
     readonly tertiary: boolean;
     readonly ghost: boolean;
@@ -2066,7 +2066,7 @@ declare const Button: import("vue").DefineComponent<{
     readonly iconPlacement: "left" | "right";
     readonly attrType: "button" | "reset" | "submit";
     readonly nativeFocusBehavior: boolean;
-}>;
+}, {}>;
 type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;
 type NativeButtonProps = Omit<ButtonHTMLAttributes, keyof InternalButtonProps>;
 type MergedProps = Partial<InternalButtonProps & NativeButtonProps>;

package/lib/button/src/Button.js

@@ -50,7 +50,7 @@ const Button = (0, vue_1.defineComponent)({
                 const { dashed, ghost, text, secondary, tertiary, quaternary } = props;
                 if ((dashed || ghost || text) &&
                     (secondary || tertiary || quaternary)) {
-                    (0, _utils_1.warnOnce)('button', "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaterary` props.");
+                    (0, _utils_1.warnOnce)('button', "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.");
                 }
             });
         }
@@ -466,7 +466,7 @@ const Button = (0, vue_1.defineComponent)({
 });
 exports.default = Button;
 // XButton is for tsx type checking
-// It's not compitable with render function `h`
+// It's not compatible with render function `h`
 // Currently we don't expose it as public
 // If there's any issue about this, we may expose it
 // Since most people use template, the type checking phase doesn't work as tsx