naive-ui 2.34.4 → 2.36.0

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

@@ -87,7 +87,9 @@ export default 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
+                        });
                     }
                 }
             }
@@ -283,7 +285,7 @@ export default defineComponent({
                 window.clearTimeout(enterTimerId);
         }
         function handleMouseEnterCounter() {
-            if (props.disabled || props.active)
+            if (props.active)
                 return;
             clearEnterTimer();
             enterTimerId = window.setTimeout(() => {
@@ -311,8 +313,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 +456,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)
@@ -492,7 +502,7 @@ export default defineComponent({
                 } }, {
                 default: createOriginalTagNodes,
                 counter: renderCounter
-            }))) : maxTagCountNumeric ? (createOriginalTagNodes().concat(counter)) : (createOriginalTagNodes());
+            }))) : maxTagCountNumeric && counter ? (createOriginalTagNodes().concat(counter)) : (createOriginalTagNodes());
             const renderPopover = useMaxTagCount
                 ? () => (h("div", { class: `${clsPrefix}-base-selection-popover` }, maxTagCountResponsive
                     ? createOriginalTagNodes()

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

@@ -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

@@ -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

@@ -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-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/es/_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/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/_styles/common/_common.js

@@ -16,7 +16,7 @@ export 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/es/_styles/common/light.js

@@ -11,8 +11,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/es/_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/es/_utils/composable/use-collection.js

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

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

@@ -1,3 +1,3 @@
 export function color2Class(color) {
-    return color.replace(/#|\(|\)|,|\s/g, '_');
+    return color.replace(/#|\(|\)|,|\s|\./g, '_');
 }

package/es/_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/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

@@ -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/es/affix/src/Affix.js

@@ -107,11 +107,13 @@ export default defineComponent({
                 return;
             const scrollTop = 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/es/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/es/alert/src/Alert.js

@@ -118,12 +118,18 @@ 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,
                     role: 'alert'
                 };
-                return this.visible ? (h("div", Object.assign({}, mergeProps(this.$attrs, attrs)),
+                return this.visible ? (
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+                h("div", Object.assign({}, mergeProps(this.$attrs, attrs)),
                     this.closable && (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-alert__close`, onClick: this.handleCloseClick })),
                     this.bordered && (h("div", { class: `${mergedClsPrefix}-alert__border` })),
                     this.showIcon && (h("div", { class: `${mergedClsPrefix}-alert__icon`, "aria-hidden": "true" }, resolveSlot($slots.icon, () => [

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

@@ -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/es/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/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

@@ -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

@@ -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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/button/src/Button.js

@@ -44,7 +44,7 @@ const Button = defineComponent({
                 const { dashed, ghost, text, secondary, tertiary, quaternary } = props;
                 if ((dashed || ghost || text) &&
                     (secondary || tertiary || quaternary)) {
-                    warnOnce('button', "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaterary` props.");
+                    warnOnce('button', "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.");
                 }
             });
         }
@@ -460,7 +460,7 @@ const Button = defineComponent({
 });
 export 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

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

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

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

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