naive-ui 2.34.3 → 2.35.0

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

@@ -283,7 +283,7 @@ export default defineComponent({
                 window.clearTimeout(enterTimerId);
         }
         function handleMouseEnterCounter() {
-            if (props.disabled || props.active)
+            if (props.active)
                 return;
             clearEnterTimer();
             enterTimerId = window.setTimeout(() => {
@@ -311,8 +311,12 @@ export default 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;
+                }
             });
         });
         useOnResize(selfRef, props.onResize);
@@ -450,8 +454,12 @@ export default defineComponent({
             const { labelField } = this;
             const createTag = (option) => (h("div", { class: `${clsPrefix}-base-selection-tag-wrapper`, key: option.value }, renderTag ? (renderTag({
                 option,
-                handleClose: () => this.handleDeleteOption(option)
-            })) : (h(NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => this.handleDeleteOption(option), internalCloseIsButtonTag: false, internalCloseFocusable: false }, {
+                handleClose: () => {
+                    this.handleDeleteOption(option);
+                }
+            })) : (h(NTag, { size: size, closable: !option.disabled, disabled: disabled, onClose: () => {
+                    this.handleDeleteOption(option);
+                }, internalCloseIsButtonTag: false, internalCloseFocusable: false }, {
                 default: () => renderLabel
                     ? renderLabel(option, true)
                     : render(option[labelField], option, true)

package/es/_internal/selection/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { VNodeChild } from 'vue';
+import { type VNodeChild } from 'vue';
 import type { SelectOption } from '../../../select/src/interface';
 export type RenderTag = (props: {
     option: SelectOption;

package/es/_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/es/_internal/slot-machine/src/SlotMachineNumber.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -36,5 +36,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     oldOriginalNumber: number;
     newOriginalNumber: number;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -39,5 +39,5 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     showArrow: boolean;
     showClear: boolean;
-}>;
+}, {}>;
 export default _default;

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

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

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

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
+import { type ComputedRef, type Ref } from 'vue';
 import type { RtlEnabledState, GlobalComponentConfig, Breakpoints } from '../config-provider/src/internal-interface';
 type UseConfigProps = Readonly<{
     bordered?: boolean;
@@ -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/es/_mixins/use-config.js

@@ -1,4 +1,4 @@
-import { inject, computed } from 'vue';
+import { inject, computed, shallowRef } from 'vue';
 import { configProviderInjectionKey } from '../config-provider/src/context';
 export const defaultClsPrefix = 'n';
 export default function useConfig(props = {}, options = {
@@ -18,10 +18,15 @@ export default 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: computed(() => {
-            const clsPrefix = NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedClsPrefixRef.value;
-            return clsPrefix || defaultClsPrefix;
-        }),
+        mergedClsPrefixRef: NConfigProvider
+            ? NConfigProvider.mergedClsPrefixRef
+            : shallowRef(defaultClsPrefix),
         namespaceRef: computed(() => NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedNamespaceRef.value)
     };
 }
+export function useMergedClsPrefix() {
+    const NConfigProvider = inject(configProviderInjectionKey, null);
+    return NConfigProvider
+        ? NConfigProvider.mergedClsPrefixRef
+        : shallowRef(defaultClsPrefix);
+}

package/es/_mixins/use-css-vars-class.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
+import { type ComputedRef, type Ref } from 'vue';
 export declare function useThemeClass(componentName: string, hashRef: Ref<string> | undefined, cssVarsRef: ComputedRef<Record<string, string>> | undefined, props: {
     themeOverrides?: unknown;
     builtinThemeOverrides?: unknown;

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

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
+import { type ComputedRef, type Ref } from 'vue';
 import type { FormValidationStatus } from '../form/src/interface';
 type FormItemSize = 'small' | 'medium' | 'large';
 type AllowedSize = 'tiny' | 'small' | 'medium' | 'large' | 'huge' | number;
@@ -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/es/_mixins/use-hljs.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, Ref } from 'vue';
+import { type ComputedRef, type Ref } from 'vue';
 import type { HLJSApi } from 'highlight.js';
 interface UseHljsProps {
     hljs?: unknown;

package/es/_mixins/use-locale.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 import type { NLocale } from '../locales/common/enUS';
 import type { NDateLocale } from '../locales/date/enUS';
 export default function useLocale<T extends keyof NLocale>(ns: T): {

package/es/_mixins/use-rtl.d.ts

@@ -1,3 +1,3 @@
-import { Ref } from 'vue';
-import { RtlEnabledState, RtlItem } from '../config-provider/src/internal-interface';
+import { type Ref } from 'vue';
+import type { RtlEnabledState, RtlItem } from '../config-provider/src/internal-interface';
 export declare function useRtl(mountId: string, rtlStateRef: Ref<RtlEnabledState | undefined> | undefined, clsPrefixRef: Ref<string>): Ref<RtlItem | undefined> | undefined;

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

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

package/es/_mixins/use-style.js

@@ -13,7 +13,7 @@ export default function useStyle(mountId, style, clsPrefixRef) {
     const ssrAdapter = useSsrAdapter();
     const NConfigProvider = inject(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/es/_mixins/use-theme.d.ts

@@ -1,8 +1,8 @@
-import { ComputedRef, Ref, PropType } from 'vue';
-import { CNode } from 'css-render';
+import { type ComputedRef, type Ref, type PropType } from 'vue';
+import type { CNode } from 'css-render';
 import type { GlobalTheme } from '../config-provider';
 import type { ThemeCommonVars } from '../_styles/common';
-export interface Theme<N, T = {}, R = any> {
+export interface Theme<N, T = Record<string, unknown>, R = any> {
     name: N;
     common?: ThemeCommonVars;
     peers?: R;
@@ -18,7 +18,7 @@ export interface ThemePropsReactive<T> {
     themeOverrides?: ExtractThemeOverrides<T>;
     builtinThemeOverrides?: ExtractThemeOverrides<T>;
 }
-export type ExtractThemeVars<T> = T extends Theme<unknown, infer U, unknown> ? unknown extends U ? {} : U : {};
+export type ExtractThemeVars<T> = T extends Theme<unknown, infer U, unknown> ? unknown extends U ? Record<string, unknown> : U : Record<string, unknown>;
 export type ExtractPeerOverrides<T> = T extends Theme<unknown, unknown, infer V> ? {
     peers?: {
         [k in keyof V]?: ExtractThemeOverrides<V[k]>;
@@ -42,7 +42,7 @@ export type MergedTheme<T> = T extends Theme<unknown, infer V, infer W> ? {
     peers: W;
     peerOverrides: ExtractMergedPeerOverrides<T>;
 } : T;
-declare function useTheme<N, T, R>(resolveId: Exclude<keyof GlobalTheme, 'common' | 'name'>, mountId: string, style: CNode | undefined, defaultTheme: Theme<N, T, R>, props: UseThemeProps<Theme<N, T, R>>, clsPrefixRef?: Ref<string | undefined>): ComputedRef<MergedTheme<Theme<N, T, R>>>;
+declare function useTheme<N, T, R>(resolveId: Exclude<keyof GlobalTheme, 'common' | 'name'>, mountId: string, style: CNode | undefined, defaultTheme: Theme<N, T, R>, props: UseThemeProps<Theme<N, T, R>>, clsPrefixRef: Ref<string | undefined> | undefined): ComputedRef<MergedTheme<Theme<N, T, R>>>;
 declare namespace useTheme {
     var props: {
         readonly theme: ObjectConstructor;

package/es/_styles/transitions/fade-down.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface FadeDownTransitionOptions {
     name?: string;
     fromOffset?: string;

package/es/_styles/transitions/fade-in-height-expand.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface FadeInHeightExpandTransitionOption {
     overflow?: string;
     duration?: string;

package/es/_styles/transitions/fade-in-scale-up.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface FadeInScaleUpTransitionOptions {
     transformOrigin?: string;
     duration?: string;

package/es/_styles/transitions/fade-in-width-expand.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface FadeInWidthExpandTransition {
     duration?: string;
     delay?: string;

package/es/_styles/transitions/fade-in.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface FadeInTransitionOptions {
     name?: string;
     enterDuration?: string;

package/es/_styles/transitions/fade-up-width-expand.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface FadeUpWidthExpandTransition {
     duration?: string;
 }

package/es/_styles/transitions/icon-switch.cssr.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface IconSwitchTransitionOptions {
     originalTransform?: string;
     left?: string | number;

package/es/_styles/transitions/slide-in-from-bottom.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface SlideInFromBottomTransitionOptions {
     duration?: string;
     leaveDuration?: string;

package/es/_styles/transitions/slide-in-from-left.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface SlideInFromLeftTransitionOptions {
     duration?: string;
     leaveDuration?: string;

package/es/_styles/transitions/slide-in-from-right.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface SlideInFromRightTransitionOptions {
     duration?: string;
     leaveDuration?: string;

package/es/_styles/transitions/slide-in-from-top.d.ts

@@ -1,4 +1,4 @@
-import { CNode } from 'css-render';
+import type { CNode } from 'css-render';
 interface SlideInFromTopTransitionOptions {
     duration?: string;
     leaveDuration?: string;

package/es/_utils/composable/use-adjusted-to.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef, PropType } from 'vue';
+import { type ComputedRef, type PropType } from 'vue';
 interface UseAdjustedToProps {
     to?: string | HTMLElement | boolean;
     [key: string]: unknown;

package/es/_utils/composable/use-browser-location.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 export interface IWindowLocation {
     hash?: string;
     host?: string;

package/es/_utils/composable/use-browser-location.js

@@ -1,7 +1,6 @@
 import { onMounted, onUnmounted, ref } from 'vue';
 import { isBrowser } from '../env/is-browser';
-const defaultWindow = isBrowser ? window : null;
-export const useBrowserLocation = (customWindow = defaultWindow) => {
+export const useBrowserLocation = (customWindow = isBrowser ? window : null) => {
     const getWindowLocation = () => {
         const { hash, host, hostname, href, origin, pathname, port, protocol, search } = (customWindow === null || customWindow === void 0 ? void 0 : customWindow.location) || {};
         return {

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

@@ -1,4 +1,4 @@
-import { Ref, InjectionKey } from 'vue';
+import { type Ref, type InjectionKey } from 'vue';
 export declare function useInjectionInstanceCollection(injectionName: string | InjectionKey<unknown>, collectionKey: string, registerKeyRef: Ref<any>): 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/es/_utils/composable/use-deferred-true.d.ts

@@ -1,2 +1,2 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 export declare function useDeferredTrue(valueRef: Ref<any>, delay: number, shouldDelayRef: Ref<boolean>): Ref<boolean>;

package/es/_utils/composable/use-is-composing.d.ts

@@ -1,2 +1,2 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 export declare const useIsComposing: () => Ref<boolean>;

package/es/_utils/composable/use-lock-html-scroll.d.ts

@@ -1,3 +1,3 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 export declare const lockHtmlScrollRightCompensationRef: Ref<string>;
 export declare function useLockHtmlScroll(lockRef: Ref<boolean>): void;

package/es/_utils/composable/use-resize.d.ts

@@ -1,2 +1,2 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 export declare function useOnResize(elRef: Ref<HTMLElement | null>, onResize: (() => void) | undefined): void;

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

@@ -1,6 +1,6 @@
-import { CNode, CProperties } from 'css-render';
+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/es/_utils/naive/attribute.d.ts

@@ -1,2 +1,2 @@
-import { HTMLAttributes } from 'vue';
+import type { HTMLAttributes } from 'vue';
 export declare function getTitleAttribute(value: unknown): HTMLAttributes['title'];

package/es/_utils/naive/extract-public-props.d.ts

@@ -1,5 +1,5 @@
-import { ExtractPropTypes } from 'vue';
-import { useTheme } from '../../_mixins';
+import { type ExtractPropTypes } from 'vue';
+import { type useTheme } from '../../_mixins';
 type themePropKeys = keyof typeof useTheme.props;
 type RemoveReadonly<T> = {
     -readonly [key in keyof T]: T[key];

package/es/_utils/vue/create-injection-key.d.ts

@@ -1,2 +1,2 @@
-import { InjectionKey } from 'vue';
+import type { InjectionKey } from 'vue';
 export declare function createInjectionKey<T>(key: string): InjectionKey<T>;

package/es/_utils/vue/create-ref-setter.d.ts

@@ -1,2 +1,2 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 export declare function createRefSetter(ref: Ref<HTMLElement | null>): any;

package/es/_utils/vue/flatten.d.ts

@@ -1,2 +1,2 @@
-import { VNodeChild, VNode } from 'vue';
+import { type VNodeChild, type VNode } from 'vue';
 export declare function flatten(vNodes: VNodeChild[], filterCommentNode?: boolean, result?: VNode[]): VNode[];

package/es/_utils/vue/get-first-slot-vnode.d.ts

@@ -1,2 +1,2 @@
-import { Slots, VNode } from 'vue';
+import { type Slots, type VNode } from 'vue';
 export declare function getFirstSlotVNode(slots: Slots, slotName?: string, props?: unknown): VNode | null;

package/es/_utils/vue/get-slot.d.ts

@@ -1,2 +1,2 @@
-import { ComponentPublicInstance, VNodeChild } from 'vue';
+import { type ComponentPublicInstance, type VNodeChild } from 'vue';
 export declare function getSlot(instance: ComponentPublicInstance, slotName?: string, fallback?: VNodeChild[]): VNodeChild[];

package/es/_utils/vue/get-v-node-children.d.ts

@@ -1,2 +1,2 @@
-import { VNode } from 'vue';
+import type { VNode } from 'vue';
 export declare function getVNodeChildren(vNode: VNode, slotName?: string, fallback?: VNode[]): VNode[];

package/es/_utils/vue/is-node-v-show-false.d.ts

@@ -1,2 +1,2 @@
-import { VNode } from 'vue';
+import { type VNode } from 'vue';
 export declare function isNodeVShowFalse(vNode: VNode): boolean;

package/es/_utils/vue/keysOf.d.ts

@@ -1 +1 @@
-export declare function keysOf<T extends {}>(obj: T): Array<keyof T>;
+export declare function keysOf<T extends Record<string, unknown>>(obj: T): Array<keyof T>;

package/es/_utils/vue/omit.d.ts

@@ -1 +1 @@
-export declare function omit<T, K extends keyof T, R extends Record<string, any>>(object: T, keys?: K[], rest?: R): Omit<T, K> & (R extends undefined ? {} : R);
+export declare function omit<T, K extends keyof T, R extends Record<string, any>>(object: T, keys?: K[], rest?: R): Omit<T, K> & (R extends undefined ? Record<string, unknown> : R);

package/es/_utils/vue/render.d.ts

@@ -1,2 +1,2 @@
-import { VNodeChild } from 'vue';
+import { type VNodeChild } from 'vue';
 export declare const render: <T extends any[]>(r: unknown, ...args_0: T) => VNodeChild;

package/es/_utils/vue/resolve-slot.d.ts

@@ -1,4 +1,4 @@
-import { Slot, VNodeArrayChildren, VNodeChild } from 'vue';
+import { type Slot, type VNodeArrayChildren, type VNodeChild } from 'vue';
 /**
  * We shouldn't use the following functions with slot flags `_: 1, 2, 3`
  */

package/es/_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/es/affix/src/Affix.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, PropType } from 'vue';
+import { type CSSProperties, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { ScrollTarget } from './utils';
 export declare const affixProps: {
@@ -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>;
@@ -89,5 +89,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly target: (() => HTMLElement) | undefined;
     readonly offsetTop: number | undefined;
     readonly offsetBottom: number | undefined;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const alertProps: {
     title: StringConstructor;
@@ -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/es/alert/src/Alert.js

@@ -118,6 +118,10 @@ export default 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,

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

@@ -81,6 +81,10 @@ export default cB('alert', `
  margin: var(--n-close-margin);
  `), cM('show-icon', [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
+cM('right-adjust', [cB('alert-body', {
+  paddingRight: 'calc(var(--n-close-size) + var(--n-padding) + 2px)'
 })]), cB('alert-body', `
  border-radius: var(--n-border-radius);
  transition: border-color .3s var(--n-bezier);

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

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

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { OffsetTarget } from './utils';
 export interface BaseAnchorInst {
     setActiveHref: (href: string) => void;
@@ -88,5 +88,5 @@ declare const _default: import("vue").DefineComponent<{
     showBackground: boolean;
     internalScrollable: boolean;
     ignoreGap: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/anchor/src/BaseAnchor.js

@@ -126,7 +126,9 @@ export default defineComponent({
             }
             handleScroll();
         }
-        const handleScroll = throttle(() => _handleScroll(true), 128);
+        const handleScroll = throttle(() => {
+            _handleScroll(true);
+        }, 128);
         function _handleScroll(transition = true) {
             var _a;
             const links = [];

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

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export interface AnchorInjection {
     activeHref: Ref<string | null>;
     mergedClsPrefix: Ref<string>;
@@ -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/es/auto-complete/src/AutoComplete.d.ts

@@ -1,11 +1,10 @@
-import { PropType, InputHTMLAttributes, HTMLAttributes } from 'vue';
-import { TreeNode } from 'treemate';
-import { FollowerPlacement } from 'vueuc';
-import { RenderOption, RenderLabel } from '../../_internal/select-menu/src/interface';
+import { type PropType, type InputHTMLAttributes, type HTMLAttributes } from 'vue';
+import { type TreeNode } from 'treemate';
+import { type FollowerPlacement } from 'vueuc';
+import type { RenderOption, RenderLabel } from '../../_internal/select-menu/src/interface';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
-import { MaybeArray } from '../../_utils';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 import type { AutoCompleteOptions, OnUpdateValue, OnSelect } from './interface';
 export declare const autoCompleteProps: {
     readonly to: {
@@ -1121,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>;
@@ -1528,9 +1527,9 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
+    readonly options: AutoCompleteOptions;
     readonly disabled: boolean | undefined;
     readonly to: string | boolean | HTMLElement;
-    readonly options: AutoCompleteOptions;
     readonly loading: boolean;
     readonly bordered: boolean | undefined;
     readonly placement: FollowerPlacement;
@@ -1538,5 +1537,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultValue: string | null;
     readonly blurAfterSelect: boolean;
     readonly clearAfterSelect: boolean;
-}>;
+}, {}>;
 export default _default;