naive-ui 2.34.4 → 2.35.0

package/lib/image/src/Image.d.ts

@@ -5,6 +5,8 @@ export interface ImageInst {
     click: () => void;
 }
 export declare const imageProps: {
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -118,6 +120,8 @@ export declare const imageProps: {
 };
 export type ImageProps = ExtractPublicPropTypes<typeof imageProps>;
 declare const _default: import("vue").DefineComponent<{
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -230,7 +234,7 @@ declare const _default: import("vue").DefineComponent<{
     onLoad: PropType<(e: Event) => void>;
 }, {
     click: () => void;
-    mergedClsPrefix: import("vue").Ref<string> | import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     groupId: string | undefined;
     previewInstRef: import("vue").Ref<{
         setThumbnailEl: (e: HTMLImageElement | null) => void;
@@ -245,6 +249,8 @@ declare const _default: import("vue").DefineComponent<{
     mergedOnError: (e: Event) => void;
     mergedOnLoad: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -361,5 +367,5 @@ declare const _default: import("vue").DefineComponent<{
     showToolbar: boolean;
     showToolbarTooltip: boolean;
     previewDisabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/image/src/ImageGroup.d.ts

@@ -6,6 +6,8 @@ export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePre
     mergedClsPrefixRef: Ref<string>;
 }>;
 export declare const imageGroupProps: {
+    onPreviewPrev: import("vue").PropType<() => void>;
+    onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -101,6 +103,8 @@ export declare const imageGroupProps: {
 };
 export type ImageGroupProps = ExtractPublicPropTypes<typeof imageGroupProps>;
 declare const _default: import("vue").DefineComponent<{
+    onPreviewPrev: import("vue").PropType<() => void>;
+    onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -194,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     previewInstRef: Ref<{
         setThumbnailEl: (e: HTMLImageElement | null) => void;
         setPreviewSrc: (src?: string | undefined) => void;
@@ -203,6 +207,8 @@ declare const _default: import("vue").DefineComponent<{
     next: () => void;
     prev: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onPreviewPrev: import("vue").PropType<() => void>;
+    onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -298,5 +304,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/image/src/ImageGroup.js

@@ -26,6 +26,7 @@ exports.default = (0, vue_1.defineComponent)({
             (_a = previewInstRef.value) === null || _a === void 0 ? void 0 : _a.setPreviewSrc(src);
         };
         function go(step) {
+            var _a, _b;
             if (!(vm === null || vm === void 0 ? void 0 : vm.proxy))
                 return;
             const container = vm.proxy.$el.parentElement;
@@ -40,6 +41,7 @@ exports.default = (0, vue_1.defineComponent)({
             else {
                 setPreviewSrc(imgs[0].dataset.previewSrc);
             }
+            step === 1 ? (_a = props.onPreviewNext) === null || _a === void 0 ? void 0 : _a.call(props) : (_b = props.onPreviewPrev) === null || _b === void 0 ? void 0 : _b.call(props);
         }
         (0, vue_1.provide)(exports.imageGroupInjectionKey, {
             mergedClsPrefixRef,
@@ -58,8 +60,12 @@ exports.default = (0, vue_1.defineComponent)({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             previewInstRef,
-            next: () => { go(1); },
-            prev: () => { go(-1); }
+            next: () => {
+                go(1);
+            },
+            prev: () => {
+                go(-1);
+            }
         };
     },
     render() {

package/lib/image/src/ImagePreview.d.ts

@@ -11,6 +11,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -113,7 +115,7 @@ declare const _default: import("vue").DefineComponent<{
     show: import("vue").Ref<boolean>;
     appear: Readonly<import("vue").Ref<boolean>>;
     displayed: import("vue").Ref<boolean>;
-    previewedImgProps: import("vue").Ref<import("vue").ImgHTMLAttributes> | undefined;
+    previewedImgProps: import("vue").Ref<import("vue").ImgHTMLAttributes | undefined> | undefined;
     handleWheel(e: WheelEvent): void;
     handlePreviewMousedown: (e: MouseEvent) => void;
     handlePreviewDblclick: (e: MouseEvent) => void;
@@ -122,11 +124,12 @@ declare const _default: import("vue").DefineComponent<{
     handleDragStart: (e: DragEvent) => void;
     zoomIn: () => void;
     zoomOut: () => void;
+    handleDownloadClick: () => void;
     rotateCounterclockwise: () => void;
     rotateClockwise: () => void;
     handleSwitchPrev: () => void;
     handleSwitchNext: () => void;
-    withTooltip: (node: VNode, tooltipKey: "tipPrevious" | "tipNext" | "tipCounterclockwise" | "tipClockwise" | "tipZoomOut" | "tipZoomIn" | "tipClose" | "tipOriginalSize") => VNode;
+    withTooltip: (node: VNode, tooltipKey: "tipPrevious" | "tipNext" | "tipCounterclockwise" | "tipClockwise" | "tipZoomOut" | "tipZoomIn" | "tipDownload" | "tipClose" | "tipOriginalSize") => VNode;
     resizeToOrignalImageSize: () => void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
@@ -144,6 +147,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -239,5 +244,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/image/src/ImagePreview.js

@@ -10,6 +10,7 @@ const vueuc_1 = require("vueuc");
 const evtd_1 = require("evtd");
 const seemly_1 = require("seemly");
 const lodash_1 = require("lodash");
+const utils_1 = require("../../upload/src/utils");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
 const _internal_1 = require("../../_internal");
@@ -257,6 +258,12 @@ exports.default = (0, vue_1.defineComponent)({
                 derivePreviewStyle();
             }
         }
+        function handleDownloadClick() {
+            const src = previewSrcRef.value;
+            if (src) {
+                (0, utils_1.download)(src, undefined);
+            }
+        }
         function derivePreviewStyle(transition = true) {
             var _a;
             const { value: preview } = previewRef;
@@ -355,6 +362,7 @@ exports.default = (0, vue_1.defineComponent)({
                 e.preventDefault();
             }, zoomIn,
             zoomOut,
+            handleDownloadClick,
             rotateCounterclockwise,
             rotateClockwise,
             handleSwitchPrev,
@@ -403,6 +411,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     }), 'tipOriginalSize'),
                                     withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.zoomOut }, { default: () => (0, vue_1.h)(icons_1.ZoomOutIcon, null) }), 'tipZoomOut'),
                                     withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.zoomIn }, { default: () => (0, vue_1.h)(icons_1.ZoomInIcon, null) }), 'tipZoomIn'),
+                                    withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.handleDownloadClick }, { default: () => icons_2.downloadIcon }), 'tipDownload'),
                                     withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.toggleShow }, { default: () => icons_2.closeIcon }), 'tipClose')));
                             }
                         })) : null,

package/lib/image/src/icons.d.ts

@@ -1,3 +1,4 @@
 export declare const prevIcon: JSX.Element;
 export declare const nextIcon: JSX.Element;
 export declare const closeIcon: JSX.Element;
+export declare const downloadIcon: JSX.Element;

package/lib/image/src/icons.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.closeIcon = exports.nextIcon = exports.prevIcon = void 0;
+exports.downloadIcon = exports.closeIcon = exports.nextIcon = exports.prevIcon = void 0;
 const vue_1 = require("vue");
 exports.prevIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M6 5C5.75454 5 5.55039 5.17688 5.50806 5.41012L5.5 5.5V14.5C5.5 14.7761 5.72386 15 6 15C6.24546 15 6.44961 14.8231 6.49194 14.5899L6.5 14.5V5.5C6.5 5.22386 6.27614 5 6 5ZM13.8536 5.14645C13.68 4.97288 13.4106 4.9536 13.2157 5.08859L13.1464 5.14645L8.64645 9.64645C8.47288 9.82001 8.4536 10.0894 8.58859 10.2843L8.64645 10.3536L13.1464 14.8536C13.3417 15.0488 13.6583 15.0488 13.8536 14.8536C14.0271 14.68 14.0464 14.4106 13.9114 14.2157L13.8536 14.1464L9.70711 10L13.8536 5.85355C14.0488 5.65829 14.0488 5.34171 13.8536 5.14645Z", fill: "currentColor" })));
@@ -8,3 +8,5 @@ exports.nextIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xm
     (0, vue_1.h)("path", { d: "M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z", fill: "currentColor" })));
 exports.closeIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M4.089 4.216l.057-.07a.5.5 0 0 1 .638-.057l.07.057L10 9.293l5.146-5.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L10.707 10l5.147 5.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.638.057l-.07-.057L10 10.707l-5.146 5.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07L9.293 10L4.146 4.854a.5.5 0 0 1-.057-.638l.057-.07l-.057.07z", fill: "currentColor" })));
+exports.downloadIcon = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 1024 1024" },
+    (0, vue_1.h)("path", { fill: "currentColor", d: "M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" })));

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

@@ -1,4 +1,4 @@
-import type { ImgHTMLAttributes, Ref } from 'vue';
+import type { ImgHTMLAttributes, PropType, Ref } from 'vue';
 export interface MoveStrategy {
     moveVerticalDirection: 'verticalTop' | 'verticalBottom';
     moveHorizontalDirection: 'horizontalLeft' | 'horizontalRight';
@@ -6,12 +6,14 @@ export interface MoveStrategy {
     deltaVertical: number;
 }
 export declare const imagePreviewSharedProps: {
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
     };
     showToolbarTooltip: BooleanConstructor;
-    theme: import("vue").PropType<import("../../_mixins").Theme<"Image", {
+    theme: PropType<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -40,7 +42,7 @@ export declare const imagePreviewSharedProps: {
             }, any>;
         }>;
     }>>;
-    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -69,7 +71,7 @@ export declare const imagePreviewSharedProps: {
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -100,6 +102,6 @@ export declare const imagePreviewSharedProps: {
     }>>>;
 };
 export interface ImageContext {
-    previewedImgPropsRef: Ref<ImgHTMLAttributes>;
+    previewedImgPropsRef: Ref<ImgHTMLAttributes | undefined>;
 }
 export declare const imageContextKey: import("vue").InjectionKey<ImageContext>;

package/lib/image/src/interface.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.imageContextKey = exports.imagePreviewSharedProps = void 0;
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
-exports.imagePreviewSharedProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { showToolbar: { type: Boolean, default: true }, showToolbarTooltip: Boolean });
+exports.imagePreviewSharedProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { onPreviewPrev: Function, onPreviewNext: Function, showToolbar: { type: Boolean, default: true }, showToolbarTooltip: Boolean });
 exports.imageContextKey = (0, _utils_1.createInjectionKey)('n-image');

package/lib/index.d.ts

@@ -1,5 +1,6 @@
 export { default, install } from './preset';
 export { useOsTheme } from 'vooks';
+export { zindexable } from 'vdirs';
 export { default as create } from './create';
 export * from './locales';
 export * from './components';

package/lib/index.js

@@ -17,12 +17,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NThemeEditor = exports.version = exports.cNotM = exports.cB = exports.cM = exports.cE = exports.c = exports.createTheme = exports.lightTheme = exports.darkTheme = exports.create = exports.useOsTheme = exports.install = exports.default = void 0;
+exports.NThemeEditor = exports.version = exports.cNotM = exports.cB = exports.cM = exports.cE = exports.c = exports.createTheme = exports.lightTheme = exports.darkTheme = exports.create = exports.zindexable = exports.useOsTheme = exports.install = exports.default = void 0;
 var preset_1 = require("./preset");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(preset_1).default; } });
 Object.defineProperty(exports, "install", { enumerable: true, get: function () { return preset_1.install; } });
 var vooks_1 = require("vooks");
 Object.defineProperty(exports, "useOsTheme", { enumerable: true, get: function () { return vooks_1.useOsTheme; } });
+var vdirs_1 = require("vdirs");
+Object.defineProperty(exports, "zindexable", { enumerable: true, get: function () { return vdirs_1.zindexable; } });
 var create_1 = require("./create");
 Object.defineProperty(exports, "create", { enumerable: true, get: function () { return __importDefault(create_1).default; } });
 __exportStar(require("./locales"), exports);

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

@@ -91,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", {
@@ -368,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", {
@@ -589,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<{
@@ -614,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<{
@@ -936,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", {
@@ -1147,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

@@ -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/styles/input.cssr.js

@@ -160,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;

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

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

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

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