naive-ui 2.34.3 → 2.35.0

package/lib/input/src/Input.d.ts

@@ -1,7 +1,6 @@
-import { PropType, InputHTMLAttributes, TextareaHTMLAttributes, VNodeChild } from 'vue';
+import { type PropType, type InputHTMLAttributes, type TextareaHTMLAttributes, type VNodeChild } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
+import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
 export declare const inputProps: {
     bordered: {
@@ -92,7 +91,10 @@ export declare const inputProps: {
     onWrapperBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     internalDeactivateOnEnter: BooleanConstructor;
     internalForceFocus: BooleanConstructor;
-    internalLoadingBeforeSuffix: BooleanConstructor;
+    internalLoadingBeforeSuffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** deprecated */
     showPasswordToggle: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Input", {
@@ -369,7 +371,10 @@ declare const _default: import("vue").DefineComponent<{
     onWrapperBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     internalDeactivateOnEnter: BooleanConstructor;
     internalForceFocus: BooleanConstructor;
-    internalLoadingBeforeSuffix: BooleanConstructor;
+    internalLoadingBeforeSuffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** deprecated */
     showPasswordToggle: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Input", {
@@ -590,7 +595,7 @@ declare const _default: import("vue").DefineComponent<{
     textDecorationStyle: import("vue").ComputedRef<string[] | {
         textDecoration: string;
     }[]>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     mergedShowPasswordOn: import("vue").ComputedRef<"click" | "mousedown" | undefined>;
     placeholderStyle: import("vue").Ref<{
@@ -615,6 +620,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePasswordToggleClick: () => void;
     handlePasswordToggleMousedown: (e: MouseEvent) => void;
     handleWrapperKeydown: (e: KeyboardEvent) => void;
+    handleWrapperKeyup: (e: KeyboardEvent) => void;
     handleTextAreaMirrorResize: () => void;
     getTextareaScrollContainer: () => HTMLTextAreaElement | null;
     mergedTheme: import("vue").ComputedRef<{
@@ -937,7 +943,10 @@ declare const _default: import("vue").DefineComponent<{
     onWrapperBlur: PropType<MaybeArray<(e: FocusEvent) => void>>;
     internalDeactivateOnEnter: BooleanConstructor;
     internalForceFocus: BooleanConstructor;
-    internalLoadingBeforeSuffix: BooleanConstructor;
+    internalLoadingBeforeSuffix: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** deprecated */
     showPasswordToggle: BooleanConstructor;
     theme: PropType<import("../../_mixins").Theme<"Input", {
@@ -1148,5 +1157,5 @@ declare const _default: import("vue").DefineComponent<{
     internalForceFocus: boolean;
     internalLoadingBeforeSuffix: boolean;
     showPasswordToggle: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/input/src/Input.js

@@ -73,12 +73,15 @@ exports.inputProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, showCount: Boolean, loading: {
         type: Boolean,
         default: undefined
-    }, allowInput: Function, renderCount: Function, onMousedown: Function, onKeydown: Function, onKeyup: Function, onInput: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], onClick: [Function, Array], onChange: [Function, Array], onClear: [Function, Array], countGraphemes: Function, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
+    }, allowInput: Function, renderCount: Function, onMousedown: Function, onKeydown: Function, onKeyup: [Function, Array], onInput: [Function, Array], onFocus: [Function, Array], onBlur: [Function, Array], onClick: [Function, Array], onChange: [Function, Array], onClear: [Function, Array], countGraphemes: Function, status: String, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array], 
     /** private */
     textDecoration: [String, Array], attrSize: {
         type: Number,
         default: 20
-    }, onInputBlur: [Function, Array], onInputFocus: [Function, Array], onDeactivate: [Function, Array], onActivate: [Function, Array], onWrapperFocus: [Function, Array], onWrapperBlur: [Function, Array], internalDeactivateOnEnter: Boolean, internalForceFocus: Boolean, internalLoadingBeforeSuffix: Boolean, 
+    }, onInputBlur: [Function, Array], onInputFocus: [Function, Array], onDeactivate: [Function, Array], onActivate: [Function, Array], onWrapperFocus: [Function, Array], onWrapperBlur: [Function, Array], internalDeactivateOnEnter: Boolean, internalForceFocus: Boolean, internalLoadingBeforeSuffix: {
+        type: Boolean,
+        default: true
+    }, 
     /** deprecated */
     showPasswordToggle: Boolean });
 exports.default = (0, vue_1.defineComponent)({
@@ -556,9 +559,13 @@ exports.default = (0, vue_1.defineComponent)({
             };
             (0, evtd_1.on)('mouseup', document, hidePassword);
         }
+        function handleWrapperKeyup(e) {
+            if (props.onKeyup)
+                (0, _utils_1.call)(props.onKeyup, e);
+        }
         function handleWrapperKeydown(e) {
-            var _a;
-            (_a = props.onKeydown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            if (props.onKeydown)
+                (0, _utils_1.call)(props.onKeydown, e);
             switch (e.key) {
                 case 'Escape':
                     handleWrapperKeydownEsc();
@@ -819,6 +826,7 @@ exports.default = (0, vue_1.defineComponent)({
             handlePasswordToggleClick,
             handlePasswordToggleMousedown,
             handleWrapperKeydown,
+            handleWrapperKeyup,
             handleTextAreaMirrorResize, getTextareaScrollContainer: () => {
                 return textareaElRef.value;
             }, mergedTheme: themeRef, cssVars: inlineThemeDisabled ? undefined : cssVarsRef, themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass, onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender });
@@ -845,7 +853,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             ], style: this.cssVars, tabindex: !this.mergedDisabled && this.passivelyActivated && !this.activated
                 ? 0
-                : undefined, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, onClick: this.handleClick, onMousedown: this.handleMouseDown, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onCompositionstart: this.handleCompositionStart, onCompositionend: this.handleCompositionEnd, onKeyup: this.onKeyup, onKeydown: this.handleWrapperKeydown },
+                : undefined, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, onClick: this.handleClick, onMousedown: this.handleMouseDown, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onCompositionstart: this.handleCompositionStart, onCompositionend: this.handleCompositionEnd, onKeyup: this.handleWrapperKeyup, onKeydown: this.handleWrapperKeydown },
             (0, vue_1.h)("div", { class: `${mergedClsPrefix}-input-wrapper` },
                 (0, _utils_1.resolveWrappedSlot)($slots.prefix, (children) => children && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__prefix` }, children))),
                 type === 'textarea' ? ((0, vue_1.h)(_internal_1.NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true, internalHoistYRail: true }, {
@@ -867,7 +875,9 @@ exports.default = (0, vue_1.defineComponent)({
                                     this.textDecorationStyle[0],
                                     (_b = this.inputProps) === null || _b === void 0 ? void 0 : _b.style,
                                     scrollContainerWidthStyle
-                                ], onBlur: this.handleInputBlur, onFocus: (e) => this.handleInputFocus(e, 2), onInput: this.handleInput, onChange: this.handleChange, onScroll: this.handleTextAreaScroll })),
+                                ], onBlur: this.handleInputBlur, onFocus: (e) => {
+                                    this.handleInputFocus(e, 2);
+                                }, onInput: this.handleInput, onChange: this.handleChange, onScroll: this.handleTextAreaScroll })),
                             this.showPlaceholder1 ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__placeholder`, style: [
                                     this.placeholderStyle,
                                     scrollContainerWidthStyle
@@ -889,7 +899,13 @@ exports.default = (0, vue_1.defineComponent)({
                             (_b = this.inputProps) === null || _b === void 0 ? void 0 : _b.style
                         ], tabindex: this.passivelyActivated && !this.activated ? -1 : undefined, placeholder: this.mergedPlaceholder[0], disabled: this.mergedDisabled, maxlength: countGraphemes ? undefined : this.maxlength, minlength: countGraphemes ? undefined : this.minlength, value: Array.isArray(this.mergedValue)
                             ? this.mergedValue[0]
-                            : this.mergedValue, readonly: this.readonly, autofocus: this.autofocus, size: this.attrSize, onBlur: this.handleInputBlur, onFocus: (e) => this.handleInputFocus(e, 0), onInput: (e) => this.handleInput(e, 0), onChange: (e) => this.handleChange(e, 0) })),
+                            : this.mergedValue, readonly: this.readonly, autofocus: this.autofocus, size: this.attrSize, onBlur: this.handleInputBlur, onFocus: (e) => {
+                            this.handleInputFocus(e, 0);
+                        }, onInput: (e) => {
+                            this.handleInput(e, 0);
+                        }, onChange: (e) => {
+                            this.handleChange(e, 0);
+                        } })),
                     this.showPlaceholder1 ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__placeholder` },
                         (0, vue_1.h)("span", null, this.mergedPlaceholder[0]))) : null,
                     this.autosize ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__input-mirror`, key: "mirror", ref: "inputMirrorElRef" }, "\u00A0")) : null)),
@@ -926,7 +942,13 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__input` },
                     (0, vue_1.h)("input", { ref: "inputEl2Ref", type: this.type, class: `${mergedClsPrefix}-input__input-el`, tabindex: this.passivelyActivated && !this.activated ? -1 : undefined, placeholder: this.mergedPlaceholder[1], disabled: this.mergedDisabled, maxlength: countGraphemes ? undefined : this.maxlength, minlength: countGraphemes ? undefined : this.minlength, value: Array.isArray(this.mergedValue)
                             ? this.mergedValue[1]
-                            : undefined, readonly: this.readonly, style: this.textDecorationStyle[1], onBlur: this.handleInputBlur, onFocus: (e) => this.handleInputFocus(e, 1), onInput: (e) => this.handleInput(e, 1), onChange: (e) => this.handleChange(e, 1) }),
+                            : undefined, readonly: this.readonly, style: this.textDecorationStyle[1], onBlur: this.handleInputBlur, onFocus: (e) => {
+                            this.handleInputFocus(e, 1);
+                        }, onInput: (e) => {
+                            this.handleInput(e, 1);
+                        }, onChange: (e) => {
+                            this.handleChange(e, 1);
+                        } }),
                     this.showPlaceholder2 ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-input__placeholder` },
                         (0, vue_1.h)("span", null, this.mergedPlaceholder[1]))) : null),
                 (0, _utils_1.resolveWrappedSlot)($slots.suffix, (children) => {

package/lib/input/src/InputGroup.d.ts

@@ -8,10 +8,10 @@ declare const _default: import("vue").DefineComponent<{
     [x: number]: never;
     [x: symbol]: never;
 }, {
-    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<{
     [x: string]: never;
     [x: number]: never;
     [x: symbol]: never;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/input/src/InputGroupLabel.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { Size } from './interface';
 export declare const inputGroupLabelProps: {
@@ -388,7 +388,7 @@ declare const _default: import("vue").DefineComponent<{
         clearSize: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
@@ -597,5 +597,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly size: Size;
     readonly bordered: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/lib/input/src/WordCount.d.ts

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

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

@@ -1,4 +1,4 @@
-import { Ref, UnwrapRef } from 'vue';
+import type { Ref, UnwrapRef } from 'vue';
 export type Size = 'tiny' | 'small' | 'medium' | 'large';
 export type OnUpdateValue = (value: string & [string, string]) => void;
 export type OnUpdateValueImpl = (value: string | [string, string]) => void;

package/lib/input/src/styles/input.cssr.js

@@ -133,6 +133,9 @@ exports.default = (0, cssr_1.cB)('input', `
  display: flex;
  align-items: center; 
  `)])]), (0, cssr_1.cNotM)('textarea', [(0, cssr_1.cE)('placeholder', 'white-space: nowrap;')]), (0, cssr_1.cE)('eye', `
+ display: flex;
+ align-items: center;
+ justify-content: center;
  transition: color .3s var(--n-bezier);
  `),
 // textarea
@@ -157,6 +160,7 @@ exports.default = (0, cssr_1.cB)('input', `
  margin: 0;
  resize: none;
  white-space: pre-wrap;
+ scroll-padding-block-end: var(--n-padding-vertical);
  `), (0, cssr_1.cE)('textarea-mirror', `
  width: 100%;
  pointer-events: none;
@@ -195,9 +199,6 @@ exports.default = (0, cssr_1.cB)('input', `
  `), (0, cssr_1.cB)('internal-icon', `
  color: var(--n-icon-color-disabled);
  `)])]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cE)('eye', `
- display: flex;
- align-items: center;
- justify-content: center;
  color: var(--n-icon-color);
  cursor: pointer;
  `, [(0, cssr_1.c)('&:hover', `

package/lib/input-number/src/InputNumber.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
 export declare const inputNumberProps: {
     autofocus: BooleanConstructor;
@@ -1756,7 +1756,7 @@ declare const _default: import("vue").DefineComponent<{
     addButtonInstRef: import("vue").Ref<{
         $el: HTMLElement;
     } | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedBordered: import("vue").ComputedRef<boolean>;
     uncontrolledValue: import("vue").Ref<number | null>;
     mergedValue: import("vue").ComputedRef<number | null>;
@@ -2178,6 +2178,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     focus: () => void;
     blur: () => void;
+    select: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     autofocus: BooleanConstructor;
     loading: {
@@ -3060,5 +3061,5 @@ declare const _default: import("vue").DefineComponent<{
     showButton: boolean;
     buttonPlacement: "right" | "both";
     updateValueOnInput: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/input-number/src/InputNumber.js

@@ -495,7 +495,8 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const exposedMethods = {
             focus: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.focus(); },
-            blur: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); }
+            blur: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.blur(); },
+            select: () => { var _a; return (_a = inputInstRef.value) === null || _a === void 0 ? void 0 : _a.select(); }
         };
         const rtlEnabledRef = (0, use_rtl_1.useRtl)('InputNumber', mergedRtlRef, mergedClsPrefixRef);
         return Object.assign(Object.assign({}, exposedMethods), { rtlEnabled: rtlEnabledRef, inputInstRef,

package/lib/input-number/src/interface.d.ts

@@ -3,4 +3,5 @@ export type Size = 'tiny' | 'small' | 'medium' | 'large';
 export interface InputNumberInst {
     focus: () => void;
     blur: () => void;
+    select: () => void;
 }

package/lib/layout/src/Layout.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const layoutProps: {
@@ -159,7 +159,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     }>>>;
 }, {
     scrollTo: ((options: ScrollToOptions) => void) & ((x: number, y: number) => void);
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     scrollableElRef: import("vue").Ref<HTMLElement | null>;
     scrollbarInstRef: import("vue").Ref<{
         $el: HTMLElement;
@@ -445,7 +445,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     nativeScrollbar: boolean;
     hasSider: boolean;
     siderPlacement: "left" | "right";
-}>;
+}, {}>;
 declare const _default: import("vue").DefineComponent<{
     embedded: BooleanConstructor;
     position: {
@@ -559,7 +559,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     scrollTo: ((options: ScrollToOptions) => void) & ((x: number, y: number) => void);
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     scrollableElRef: import("vue").Ref<HTMLElement | null>;
     scrollbarInstRef: import("vue").Ref<{
         $el: HTMLElement;
@@ -845,5 +845,5 @@ declare const _default: import("vue").DefineComponent<{
     nativeScrollbar: boolean;
     hasSider: boolean;
     siderPlacement: "left" | "right";
-}>;
+}, {}>;
 export default _default;

package/lib/layout/src/LayoutContent.d.ts

@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }, {
     scrollTo: ((options: ScrollToOptions) => void) & ((x: number, y: number) => void);
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     scrollableElRef: import("vue").Ref<HTMLElement | null>;
     scrollbarInstRef: import("vue").Ref<{
         $el: HTMLElement;
@@ -397,5 +397,5 @@ declare const _default: import("vue").DefineComponent<{
     nativeScrollbar: boolean;
     hasSider: boolean;
     siderPlacement: "left" | "right";
-}>;
+}, {}>;
 export default _default;

package/lib/layout/src/LayoutFooter.d.ts

@@ -196,7 +196,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<any> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -301,5 +301,5 @@ declare const _default: import("vue").DefineComponent<{
     position: "static" | "absolute";
     bordered: boolean;
     inverted: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/layout/src/LayoutHeader.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const headerProps: {
     readonly position: {
         readonly type: import("vue").PropType<"static" | "absolute">;
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<any> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -220,5 +220,5 @@ declare const _default: import("vue").DefineComponent<{
     position: "static" | "absolute";
     bordered: boolean;
     inverted: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/layout/src/LayoutSider.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { ScrollbarProps } from '../../_internal';
 export declare const layoutSiderProps: {
@@ -212,7 +212,7 @@ declare const _default: import("vue").DefineComponent<{
         handleMouseEnterWrapper: () => void;
         handleMouseLeaveWrapper: () => void;
     } | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
         common: {
             baseColor: string;
@@ -524,5 +524,5 @@ declare const _default: import("vue").DefineComponent<{
     defaultCollapsed: boolean;
     showCollapsedContent: boolean;
     showTrigger: boolean | "bar" | "arrow-circle";
-}>;
+}, {}>;
 export default _default;

package/lib/layout/src/ToggleBar.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -11,5 +11,5 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     onClick: PropType<(e: MouseEvent) => void>;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/lib/layout/src/ToggleButton.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -11,5 +11,5 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     onClick: PropType<(e: MouseEvent) => void>;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { PropType, Ref } from 'vue';
+import type { PropType, Ref } from 'vue';
 export declare const layoutSiderInjectionKey: import("vue").InjectionKey<{
     collapsedRef: Ref<boolean>;
     collapseModeRef: Ref<'transform' | 'width'>;

package/lib/legacy-grid/src/Col.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-import { Span } from './interface';
+import { type PropType } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
+import type { Span } from './interface';
 export declare const colProps: {
     readonly span: {
         readonly type: PropType<Span>;
@@ -65,5 +65,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly offset: Span;
     readonly span: Span;
     readonly pull: Span;
-}>;
+}, {}>;
 export default _default;

package/lib/legacy-grid/src/Row.d.ts

@@ -1,5 +1,5 @@
-import { PropType, Ref } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType, type Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export interface RowInjection {
     gutterRef: Ref<string | number | [number, number]>;
     verticalGutterRef: Ref<number>;
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly alignItems: StringConstructor;
     readonly justifyContent: StringConstructor;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     styleMargin: import("vue").ComputedRef<string>;
     styleWidth: import("vue").ComputedRef<string>;
@@ -38,5 +38,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly justifyContent: StringConstructor;
 }>>, {
     readonly gutter: string | number | [number, number];
-}>;
+}, {}>;
 export default _default;

package/lib/legacy-transfer/src/Transfer.d.ts

@@ -1,7 +1,6 @@
-import { PropType } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
-import { OptionValue, Option, Filter, OnUpdateValue } from './interface';
+import { type PropType } from 'vue';
+import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
+import { type OptionValue, type Option, type Filter, type OnUpdateValue } from './interface';
 export declare const transferProps: {
     readonly value: PropType<OptionValue[] | null>;
     readonly defaultValue: {
@@ -2087,7 +2086,7 @@ declare const _default: import("vue").DefineComponent<{
         sourceTitle: string;
         targetTitle: string;
     }>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     itemSize: import("vue").ComputedRef<number>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
@@ -3641,11 +3640,11 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
+    readonly options: Option[];
     readonly filter: Filter;
     readonly disabled: boolean | undefined;
-    readonly options: Option[];
     readonly virtualScroll: boolean;
     readonly filterable: boolean;
     readonly defaultValue: OptionValue[] | null;
-}>;
+}, {}>;
 export default _default;

package/lib/legacy-transfer/src/TransferFilter.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     value: StringConstructor;
     placeholder: StringConstructor;
@@ -507,5 +507,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/legacy-transfer/src/TransferHeader.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     source: {
         type: BooleanConstructor;
@@ -21,5 +21,5 @@ declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
 }>>, {
     source: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/legacy-transfer/src/TransferList.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Option } from './interface';
+import { type PropType } from 'vue';
+import { type Option } from './interface';
 declare const _default: import("vue").DefineComponent<{
     virtualScroll: {
         type: BooleanConstructor;
@@ -554,5 +554,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     source: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/legacy-transfer/src/TransferListItem.d.ts

@@ -511,5 +511,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     source: boolean;
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/legacy-transfer/src/interface.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { LegacyTransferTheme } from '../styles';
 export type OptionValue = string | number;

package/lib/legacy-transfer/src/use-transfer-data.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { type Ref } from 'vue';
 import type { Option, OptionValue, Filter, CheckedStatus } from './interface';
 interface UseTransferDataProps {
     defaultValue: OptionValue[] | null;

package/lib/list/src/List.d.ts

@@ -1,5 +1,5 @@
-import { PropType, Ref } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import type { PropType, Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const listProps: {
     size: {
         type: PropType<"small" | "medium" | "large">;
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
         fontSize: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
@@ -195,5 +195,5 @@ declare const _default: import("vue").DefineComponent<{
     clickable: boolean;
     hoverable: boolean;
     showDivider: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/list/src/ListItem.d.ts

@@ -1,5 +1,5 @@
 declare const _default: import("vue").DefineComponent<{}, {
     showDivider: import("vue").Ref<boolean>;
     mergedClsPrefix: import("vue").Ref<string>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins';
+import { type Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
     textColor: string;
     color: string;