naive-ui 2.34.4 → 2.36.0

package/es/image/src/ImagePreview.js

@@ -5,12 +5,13 @@ import { LazyTeleport } from 'vueuc';
 import { on, off } from 'evtd';
 import { beforeNextFrameOnce } from 'seemly';
 import { kebabCase } from 'lodash-es';
+import { download } from '../../upload/src/utils';
 import { RotateClockwiseIcon, RotateCounterclockwiseIcon, ZoomInIcon, ZoomOutIcon, ResizeSmallIcon } from '../../_internal/icons';
 import { useConfig, useLocale, useTheme, useThemeClass } from '../../_mixins';
 import { NBaseIcon } from '../../_internal';
 import { NTooltip } from '../../tooltip';
 import { imageLight } from '../styles';
-import { prevIcon, nextIcon, closeIcon } from './icons';
+import { prevIcon, nextIcon, closeIcon, downloadIcon } from './icons';
 import { imageContextKey, imagePreviewSharedProps } from './interface';
 import style from './styles/index.cssr';
 const BLEEDING = 32;
@@ -252,6 +253,12 @@ export default defineComponent({
                 derivePreviewStyle();
             }
         }
+        function handleDownloadClick() {
+            const src = previewSrcRef.value;
+            if (src) {
+                download(src, undefined);
+            }
+        }
         function derivePreviewStyle(transition = true) {
             var _a;
             const { value: preview } = previewRef;
@@ -350,6 +357,7 @@ export default defineComponent({
                 e.preventDefault();
             }, zoomIn,
             zoomOut,
+            handleDownloadClick,
             rotateCounterclockwise,
             rotateClockwise,
             handleSwitchPrev,
@@ -398,6 +406,7 @@ export default defineComponent({
                                     }), 'tipOriginalSize'),
                                     withTooltip(h(NBaseIcon, { clsPrefix: clsPrefix, onClick: this.zoomOut }, { default: () => h(ZoomOutIcon, null) }), 'tipZoomOut'),
                                     withTooltip(h(NBaseIcon, { clsPrefix: clsPrefix, onClick: this.zoomIn }, { default: () => h(ZoomInIcon, null) }), 'tipZoomIn'),
+                                    withTooltip(h(NBaseIcon, { clsPrefix: clsPrefix, onClick: this.handleDownloadClick }, { default: () => downloadIcon }), 'tipDownload'),
                                     withTooltip(h(NBaseIcon, { clsPrefix: clsPrefix, onClick: this.toggleShow }, { default: () => closeIcon }), 'tipClose')));
                             }
                         })) : null,

package/es/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/es/image/src/icons.js

@@ -5,3 +5,5 @@ export const nextIcon = (h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "
     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" })));
 export const closeIcon = (h("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     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" })));
+export const downloadIcon = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 1024 1024" },
+    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/es/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/es/image/src/interface.js

@@ -1,4 +1,4 @@
 import { useTheme } from '../../_mixins';
 import { createInjectionKey } from '../../_utils';
-export const imagePreviewSharedProps = Object.assign(Object.assign({}, useTheme.props), { showToolbar: { type: Boolean, default: true }, showToolbarTooltip: Boolean });
+export const imagePreviewSharedProps = Object.assign(Object.assign({}, useTheme.props), { onPreviewPrev: Function, onPreviewNext: Function, showToolbar: { type: Boolean, default: true }, showToolbarTooltip: Boolean });
 export const imageContextKey = createInjectionKey('n-image');

package/es/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/es/index.js

@@ -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/es/input/src/Input.d.ts

@@ -40,7 +40,7 @@ export declare const inputProps: {
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -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", {
@@ -317,7 +320,7 @@ declare const _default: import("vue").DefineComponent<{
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -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<{
@@ -885,7 +892,7 @@ declare const _default: import("vue").DefineComponent<{
     pair: BooleanConstructor;
     separator: StringConstructor;
     readonly: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
     };
     passivelyActivated: BooleanConstructor;
@@ -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", {
@@ -1128,11 +1138,11 @@ declare const _default: import("vue").DefineComponent<{
     round: boolean;
     disabled: boolean | undefined;
     autofocus: boolean;
+    loading: boolean;
     autosize: boolean | {
         minRows?: number | undefined;
         maxRows?: number | undefined;
     };
-    loading: boolean;
     bordered: boolean | undefined;
     clearable: boolean;
     defaultValue: string | [string, string] | null;
@@ -1147,5 +1157,5 @@ declare const _default: import("vue").DefineComponent<{
     internalForceFocus: boolean;
     internalLoadingBeforeSuffix: boolean;
     showPasswordToggle: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/input/src/Input.js

@@ -44,12 +44,15 @@ export const inputProps = Object.assign(Object.assign({}, useTheme.props), { bor
     }, 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 });
 export default defineComponent({
@@ -527,9 +530,13 @@ export default defineComponent({
             };
             on('mouseup', document, hidePassword);
         }
+        function handleWrapperKeyup(e) {
+            if (props.onKeyup)
+                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)
+                call(props.onKeydown, e);
             switch (e.key) {
                 case 'Escape':
                     handleWrapperKeydownEsc();
@@ -790,6 +797,7 @@ export default 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 });
@@ -816,7 +824,7 @@ export default 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 },
             h("div", { class: `${mergedClsPrefix}-input-wrapper` },
                 resolveWrappedSlot($slots.prefix, (children) => children && (h("div", { class: `${mergedClsPrefix}-input__prefix` }, children))),
                 type === 'textarea' ? (h(NScrollbar, { ref: "textareaScrollbarInstRef", class: `${mergedClsPrefix}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: true, useUnifiedContainer: true, internalHoistYRail: true }, {
@@ -838,7 +846,9 @@ export default 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 ? (h("div", { class: `${mergedClsPrefix}-input__placeholder`, style: [
                                     this.placeholderStyle,
                                     scrollContainerWidthStyle
@@ -860,7 +870,13 @@ export default 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 ? (h("div", { class: `${mergedClsPrefix}-input__placeholder` },
                         h("span", null, this.mergedPlaceholder[0]))) : null,
                     this.autosize ? (h("div", { class: `${mergedClsPrefix}-input__input-mirror`, key: "mirror", ref: "inputMirrorElRef" }, "\u00A0")) : null)),
@@ -897,7 +913,13 @@ export default defineComponent({
                 h("div", { class: `${mergedClsPrefix}-input__input` },
                     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 ? (h("div", { class: `${mergedClsPrefix}-input__placeholder` },
                         h("span", null, this.mergedPlaceholder[1]))) : null),
                 resolveWrappedSlot($slots.suffix, (children) => {

package/es/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/es/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/es/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/es/input/src/styles/input.cssr.js

@@ -123,7 +123,7 @@ cB('input-wrapper', `
  padding: 0;
  height: var(--n-height);
  line-height: var(--n-height);
- `, [c('+', [cE('placeholder', `
+ `, [c('&[type=password]::-ms-reveal', 'display: none;'), c('+', [cE('placeholder', `
  display: flex;
  align-items: center; 
  `)])]), cNotM('textarea', [cE('placeholder', 'white-space: nowrap;')]), cE('eye', `
@@ -154,6 +154,7 @@ cM('textarea', 'width: 100%;', [cB('input-word-count', `
  margin: 0;
  resize: none;
  white-space: pre-wrap;
+ scroll-padding-block-end: var(--n-padding-vertical);
  `), cE('textarea-mirror', `
  width: 100%;
  pointer-events: none;

package/es/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/es/input-number/src/InputNumber.js

@@ -489,7 +489,8 @@ export default 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 = useRtl('InputNumber', mergedRtlRef, mergedClsPrefixRef);
         return Object.assign(Object.assign({}, exposedMethods), { rtlEnabled: rtlEnabledRef, inputInstRef,

package/es/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/es/layout/src/Layout.d.ts

@@ -13,6 +13,7 @@ export declare const layoutProps: {
     };
     readonly scrollbarProps: PropType<Partial<ScrollbarProps>>;
     readonly onScroll: PropType<(e: Event) => void>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -36,6 +37,7 @@ export declare const layoutInjectionKey: import("vue").InjectionKey<ExtractPropT
     };
     readonly scrollbarProps: PropType<Partial<ScrollbarProps>>;
     readonly onScroll: PropType<(e: Event) => void>;
+    readonly contentClass: StringConstructor;
     readonly contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -58,6 +60,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -159,7 +162,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;
@@ -339,6 +342,7 @@ export declare function createLayoutComponent(isContent: boolean): import("vue")
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -445,7 +449,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: {
@@ -458,6 +462,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -559,7 +564,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;
@@ -739,6 +744,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: PropType<Partial<ScrollbarProps>>;
     onScroll: PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: PropType<string | CSSProperties>;
         readonly default: "";
@@ -845,5 +851,5 @@ declare const _default: import("vue").DefineComponent<{
     nativeScrollbar: boolean;
     hasSider: boolean;
     siderPlacement: "left" | "right";
-}>;
+}, {}>;
 export default _default;

package/es/layout/src/Layout.js

@@ -14,6 +14,7 @@ export const layoutProps = {
     },
     scrollbarProps: Object,
     onScroll: Function,
+    contentClass: String,
     contentStyle: {
         type: [String, Object],
         default: ''
@@ -40,9 +41,11 @@ export function createLayoutComponent(isContent) {
                     const { value: scrollableEl } = scrollableElRef;
                     if (scrollableEl) {
                         if (y === undefined) {
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                             scrollableEl.scrollTo(options);
                         }
                         else {
+                            // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                             scrollableEl.scrollTo(options, y);
                         }
                     }
@@ -50,6 +53,7 @@ export function createLayoutComponent(isContent) {
                 else {
                     const { value: scrollbarInst } = scrollbarInstRef;
                     if (scrollbarInst) {
+                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
                         scrollbarInst.scrollTo(options, y);
                     }
                 }
@@ -110,7 +114,10 @@ export function createLayoutComponent(isContent) {
                 `${mergedClsPrefix}-layout`,
                 `${mergedClsPrefix}-layout--${this.position}-positioned`
             ];
-            return (h("div", { class: layoutClass, style: this.cssVars }, this.nativeScrollbar ? (h("div", { ref: "scrollableElRef", class: `${mergedClsPrefix}-layout-scroll-container`, style: [this.contentStyle, hasSiderStyle], onScroll: this.handleNativeElScroll }, this.$slots)) : (h(NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, contentStyle: [this.contentStyle, hasSiderStyle] }), this.$slots))));
+            return (h("div", { class: layoutClass, style: this.cssVars }, this.nativeScrollbar ? (h("div", { ref: "scrollableElRef", class: [
+                    `${mergedClsPrefix}-layout-scroll-container`,
+                    this.contentClass
+                ], style: [this.contentStyle, hasSiderStyle], onScroll: this.handleNativeElScroll }, this.$slots)) : (h(NScrollbar, Object.assign({}, this.scrollbarProps, { onScroll: this.onScroll, ref: "scrollbarInstRef", theme: this.mergedTheme.peers.Scrollbar, themeOverrides: this.mergedTheme.peerOverrides.Scrollbar, contentClass: this.contentClass, contentStyle: [this.contentStyle, hasSiderStyle] }), this.$slots))));
         }
     });
 }

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

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: import("vue").PropType<Partial<import("../../_internal").ScrollbarProps>>;
     onScroll: import("vue").PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly default: "";
@@ -111,7 +112,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;
@@ -291,6 +292,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     scrollbarProps: import("vue").PropType<Partial<import("../../_internal").ScrollbarProps>>;
     onScroll: import("vue").PropType<(e: Event) => void>;
+    contentClass: StringConstructor;
     contentStyle: {
         readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly default: "";
@@ -397,5 +399,5 @@ declare const _default: import("vue").DefineComponent<{
     nativeScrollbar: boolean;
     hasSider: boolean;
     siderPlacement: "left" | "right";
-}>;
+}, {}>;
 export default _default;

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