naive-ui 2.34.2 → 2.34.4

package/es/form/styles/_common.js

@@ -18,5 +18,6 @@ export default {
     labelPaddingVertical: '0 0 6px 2px',
     labelPaddingHorizontal: '0 12px 0 0',
     labelTextAlignVertical: 'left',
-    labelTextAlignHorizontal: 'right'
+    labelTextAlignHorizontal: 'right',
+    labelFontWeight: '400'
 };

package/es/form/styles/light.d.ts

@@ -30,8 +30,9 @@ export declare const self: (vars: ThemeCommonVars) => {
     labelPaddingHorizontal: string;
     labelTextAlignVertical: string;
     labelTextAlignHorizontal: string;
+    labelFontWeight: string;
 };
-export declare type FormThemeVars = ReturnType<typeof self>;
+export type FormThemeVars = ReturnType<typeof self>;
 declare const formLight: Theme<'Form', FormThemeVars>;
 export default formLight;
-export declare type FormTheme = typeof formLight;
+export type FormTheme = typeof formLight;

package/es/gradient-text/src/GradientText.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare type Gradient = string | {
+type Gradient = string | {
     deg?: string | number;
     from: string;
     to: string;
@@ -57,7 +57,7 @@ export declare const gradientTextProps: {
         colorEndSuccess: string;
     }, any>>>;
 };
-export declare type GradientTextProps = ExtractPublicPropTypes<typeof gradientTextProps>;
+export type GradientTextProps = ExtractPublicPropTypes<typeof gradientTextProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<string | number>;
     readonly fontSize: PropType<string | number>;

package/es/gradient-text/styles/dark.d.ts

@@ -1,3 +1,3 @@
-import { GradientTextTheme } from './light';
+import type { GradientTextTheme } from './light';
 declare const gradientTextDark: GradientTextTheme;
 export default gradientTextDark;

package/es/gradient-text/styles/light.d.ts

@@ -14,7 +14,7 @@ declare const self: (vars: ThemeCommonVars) => {
     colorStartSuccess: string;
     colorEndSuccess: string;
 };
-export declare type GradientTextThemeVars = ReturnType<typeof self>;
+export type GradientTextThemeVars = ReturnType<typeof self>;
 declare const gradientTextLight: Theme<'GradientText', GradientTextThemeVars>;
 export default gradientTextLight;
-export declare type GradientTextTheme = typeof gradientTextLight;
+export type GradientTextTheme = typeof gradientTextLight;

package/es/grid/src/Grid.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties, PropType, Ref } from 'vue';
-import { VResizeObserverOnResize } from 'vueuc';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type CSSProperties, type PropType, type Ref } from 'vue';
+import { type VResizeObserverOnResize } from 'vueuc';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const gridProps: {
     readonly layoutShiftDisabled: BooleanConstructor;
     readonly responsive: {
@@ -34,7 +34,7 @@ export interface NGridInjection {
     overflowRef: Ref<boolean>;
     layoutShiftDisabledRef: Ref<boolean>;
 }
-export declare type GridProps = ExtractPublicPropTypes<typeof gridProps>;
+export type GridProps = ExtractPublicPropTypes<typeof gridProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly layoutShiftDisabled: BooleanConstructor;
     readonly responsive: {
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     style: import("vue").ComputedRef<CSSProperties>;
     isResponsive: import("vue").ComputedRef<boolean>;
-    responsiveQuery: import("vue").ComputedRef<number | string[] | undefined>;
+    responsiveQuery: import("vue").ComputedRef<number | ("m" | "s" | "l" | "xs" | "xl" | "xxl")[] | undefined>;
     responsiveCols: import("vue").ComputedRef<number>;
     handleResize: import("vue").ComputedRef<VResizeObserverOnResize | undefined>;
     overflow: Ref<boolean>;

package/es/grid/src/GridItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const defaultSpan = 1;
 export declare const gridItemProps: {
@@ -20,7 +20,7 @@ export declare const gridItemProps: {
     };
 };
 export declare const gridItemPropKeys: ("offset" | "span" | "suffix" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
-export declare type GridItemProps = ExtractPublicPropTypes<typeof gridItemProps>;
+export type GridItemProps = ExtractPublicPropTypes<typeof gridItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly span: {
         readonly type: PropType<string | number>;

package/es/icon/src/Icon.d.ts

@@ -1,11 +1,11 @@
-import { Component, PropType } from 'vue';
+import { type Component, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-export declare type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
+export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
 export declare const iconProps: {
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -31,12 +31,12 @@ export declare const iconProps: {
         opacity5Depth: string;
     }, any>>>;
 };
-export declare type IconProps = ExtractPublicPropTypes<typeof iconProps>;
+export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
 export declare const NIcon: import("vue").DefineComponent<{
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -78,7 +78,7 @@ export declare const NIcon: import("vue").DefineComponent<{
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;

package/es/icon/styles/light.d.ts

@@ -8,7 +8,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     opacity4Depth: string;
     opacity5Depth: string;
 };
-export declare type IconThemeVars = ReturnType<typeof self>;
+export type IconThemeVars = ReturnType<typeof self>;
 declare const iconLight: Theme<'Icon', IconThemeVars>;
 export default iconLight;
-export declare type IconTheme = typeof iconLight;
+export type IconTheme = typeof iconLight;

package/es/icon-wrapper/src/IconWrapper.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const iconWrapperProps: {
     readonly size: {
         readonly type: NumberConstructor;
@@ -23,7 +23,7 @@ export declare const iconWrapperProps: {
         iconColor: string;
     }, any>>>;
 };
-export declare type IconWrapperProps = ExtractPublicPropTypes<typeof iconWrapperProps>;
+export type IconWrapperProps = ExtractPublicPropTypes<typeof iconWrapperProps>;
 export declare const NIconWrapper: import("vue").DefineComponent<{
     readonly size: {
         readonly type: NumberConstructor;

package/es/icon-wrapper/src/IconWrapper.js

@@ -14,8 +14,8 @@ export const NIconWrapper = defineComponent({
     name: 'IconWrapper',
     props: iconWrapperProps,
     setup(props, { slots }) {
-        const themeRef = useTheme('IconWrapper', '-icon-wrapper', style, iconWrapperLight, props);
         const { mergedClsPrefixRef, inlineThemeDisabled } = useConfig(props);
+        const themeRef = useTheme('IconWrapper', '-icon-wrapper', style, iconWrapperLight, props, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
             const { common: { cubicBezierEaseInOut }, self: { color, iconColor } } = themeRef.value;
             return {

package/es/icon-wrapper/styles/light.d.ts

@@ -4,7 +4,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     color: string;
     iconColor: string;
 };
-export declare type IconWrapperThemeVars = ReturnType<typeof self>;
+export type IconWrapperThemeVars = ReturnType<typeof self>;
 declare const iconWrapperLight: Theme<'IconWrapper', IconWrapperThemeVars>;
 export default iconWrapperLight;
-export declare type IconWrapperTheme = typeof iconWrapperLight;
+export type IconWrapperTheme = typeof iconWrapperLight;

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

@@ -1,4 +1,4 @@
-import { PropType, ImgHTMLAttributes } from 'vue';
+import { type PropType, type ImgHTMLAttributes } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { IntersectionObserverOptions } from './utils';
 export interface ImageInst {
@@ -116,7 +116,7 @@ export declare const imageProps: {
     onError: PropType<(e: Event) => void>;
     onLoad: PropType<(e: Event) => void>;
 };
-export declare type ImageProps = ExtractPublicPropTypes<typeof imageProps>;
+export type ImageProps = ExtractPublicPropTypes<typeof imageProps>;
 declare const _default: import("vue").DefineComponent<{
     showToolbar: {
         type: BooleanConstructor;

package/es/image/src/Image.js

@@ -44,21 +44,19 @@ export default defineComponent({
             (_a = imageRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('data-group-id', (imageGroupHandle === null || imageGroupHandle === void 0 ? void 0 : imageGroupHandle.groupId) || '');
         });
         onMounted(() => {
-            if (isImageSupportNativeLazy) {
-                return;
-            }
-            let unobserve;
-            const stopWatchHandle = watchEffect(() => {
-                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
-                unobserve = undefined;
-                if (props.lazy) {
+            // Use IntersectionObserver if lazy and intersectionObserverOptions is set
+            if (props.lazy && props.intersectionObserverOptions) {
+                let unobserve;
+                const stopWatchHandle = watchEffect(() => {
+                    unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+                    unobserve = undefined;
                     unobserve = observeIntersection(imageRef.value, props.intersectionObserverOptions, shouldStartLoadingRef);
-                }
-            });
-            onBeforeUnmount(() => {
-                stopWatchHandle();
-                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
-            });
+                });
+                onBeforeUnmount(() => {
+                    stopWatchHandle();
+                    unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+                });
+            }
         });
         watchEffect(() => {
             var _a;
@@ -93,14 +91,18 @@ export default defineComponent({
         var _a, _b;
         const { mergedClsPrefix, imgProps = {}, loaded, $attrs, lazy } = this;
         const placeholderNode = (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a);
-        const loadSrc = this.src || imgProps.src || '';
-        const imgNode = h('img', Object.assign(Object.assign({}, imgProps), { ref: 'imageRef', width: this.width || imgProps.width, height: this.height || imgProps.height, src: isImageSupportNativeLazy
-                ? loadSrc
-                : this.showError
-                    ? this.fallbackSrc
-                    : this.shouldStartLoading
+        const loadSrc = this.src || imgProps.src;
+        const imgNode = h('img', Object.assign(Object.assign({}, imgProps), { ref: 'imageRef', width: this.width || imgProps.width, height: this.height || imgProps.height, src: this.showError
+                ? this.fallbackSrc
+                : lazy && this.intersectionObserverOptions
+                    ? this.shouldStartLoading
                         ? loadSrc
-                        : undefined, alt: this.alt || imgProps.alt, 'aria-label': this.alt || imgProps.alt, onClick: this.mergedOnClick, onError: this.mergedOnError, onLoad: this.mergedOnLoad, loading: lazy ? 'lazy' : 'eager', style: [
+                        : undefined
+                    : loadSrc, alt: this.alt || imgProps.alt, 'aria-label': this.alt || imgProps.alt, onClick: this.mergedOnClick, onError: this.mergedOnError, onLoad: this.mergedOnLoad, 
+            // If interseciton observer options is set, do not use native lazy
+            loading: isImageSupportNativeLazy && lazy && !this.intersectionObserverOptions
+                ? 'lazy'
+                : 'eager', style: [
                 imgProps.style || '',
                 placeholderNode && !loaded
                     ? { height: '0', width: '0', visibility: 'hidden' }

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

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 import type { ImagePreviewInst } from './ImagePreview';
 export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePreviewInst & {
     groupId: string;
@@ -99,7 +99,7 @@ export declare const imageGroupProps: {
         }>;
     }>>>;
 };
-export declare type ImageGroupProps = ExtractPublicPropTypes<typeof imageGroupProps>;
+export type ImageGroupProps = ExtractPublicPropTypes<typeof imageGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     showToolbar: {
         type: BooleanConstructor;

package/es/image/src/ImageGroup.js

@@ -52,8 +52,8 @@ export default defineComponent({
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             previewInstRef,
-            next: () => go(1),
-            prev: () => go(-1)
+            next: () => { go(1); },
+            prev: () => { go(-1); }
         };
     },
     render() {

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

@@ -1,4 +1,4 @@
-import { PropType, VNode } from 'vue';
+import { type PropType, type VNode } from 'vue';
 export interface ImagePreviewInst {
     setThumbnailEl: (e: HTMLImageElement | null) => void;
     setPreviewSrc: (src?: string) => void;

package/es/image/src/ImagePreview.js

@@ -157,7 +157,7 @@ export default defineComponent({
         const imageContext = inject(imageContextKey, null);
         function handlePreviewMousedown(e) {
             var _a, _b;
-            (_b = imageContext === null || imageContext === void 0 ? void 0 : (_a = imageContext.previewedImgPropsRef.value).onMousedown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+            (_b = (_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.onMousedown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
             if (e.button !== 0)
                 return;
             const { clientX, clientY } = e;
@@ -174,7 +174,7 @@ export default defineComponent({
         }
         function handlePreviewDblclick(e) {
             var _a, _b;
-            (_b = imageContext === null || imageContext === void 0 ? void 0 : (_a = imageContext.previewedImgPropsRef.value).onDblclick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+            (_b = (_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.onDblclick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
             const originalImageSizeScale = getOrignalImageSizeScale();
             scale = scale === originalImageSizeScale ? 1 : originalImageSizeScale;
             derivePreviewStyle();
@@ -253,11 +253,12 @@ export default defineComponent({
             }
         }
         function derivePreviewStyle(transition = true) {
+            var _a;
             const { value: preview } = previewRef;
             if (!preview)
                 return;
             const { style } = preview;
-            const controlledStyle = normalizeStyle(imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value.style);
+            const controlledStyle = normalizeStyle((_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.style);
             let controlledStyleString = '';
             if (typeof controlledStyle === 'string') {
                 controlledStyleString = controlledStyle + ';';
@@ -345,7 +346,7 @@ export default defineComponent({
                 displayedRef.value = false;
             }, handleDragStart: (e) => {
                 var _a, _b;
-                (_b = imageContext === null || imageContext === void 0 ? void 0 : (_a = imageContext.previewedImgPropsRef.value).onDragstart) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                (_b = (_a = imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value) === null || _a === void 0 ? void 0 : _a.onDragstart) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                 e.preventDefault();
             }, zoomIn,
             zoomOut,

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

@@ -1,4 +1,4 @@
-import { ImgHTMLAttributes, Ref } from 'vue';
+import type { ImgHTMLAttributes, Ref } from 'vue';
 export interface MoveStrategy {
     moveVerticalDirection: 'verticalTop' | 'verticalBottom';
     moveHorizontalDirection: 'horizontalLeft' | 'horizontalRight';

package/es/image/src/utils.d.ts

@@ -1,5 +1,5 @@
-import { Ref } from 'vue';
-export declare type IntersectionObserverOptions = Omit<IntersectionObserverInit, 'root'> & {
+import type { Ref } from 'vue';
+export type IntersectionObserverOptions = Omit<IntersectionObserverInit, 'root'> & {
     root?: Element | Document | null | string;
 };
 export declare const resolveOptionsAndHash: (options?: IntersectionObserverOptions | undefined) => {

package/es/image/styles/light.d.ts

@@ -33,6 +33,6 @@ export declare const imageLight: import("../../_mixins").Theme<"Image", {
         }, any>;
     }>;
 }>;
-export declare type ImageTheme = typeof imageLight;
-export declare type ImageThemeVars = ReturnType<typeof self>;
+export type ImageTheme = typeof imageLight;
+export type ImageThemeVars = ReturnType<typeof self>;
 export {};

package/es/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: {
@@ -279,7 +278,7 @@ export declare const inputProps: {
         clearSize: string;
     }, any>>>;
 };
-export declare type InputProps = ExtractPublicPropTypes<typeof inputProps>;
+export type InputProps = ExtractPublicPropTypes<typeof inputProps>;
 declare const _default: import("vue").DefineComponent<{
     bordered: {
         type: PropType<boolean | undefined>;

package/es/input/src/Input.js

@@ -838,7 +838,7 @@ 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 +860,7 @@ 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 +897,7 @@ 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

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const inputGroupProps: {
     [key in any]: never;
 };
-export declare type InputGroupProps = ExtractPublicPropTypes<typeof inputGroupProps>;
+export type InputGroupProps = ExtractPublicPropTypes<typeof inputGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     [x: string]: never;
     [x: number]: never;

package/es/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: {
@@ -194,7 +194,7 @@ export declare const inputGroupLabelProps: {
         clearSize: string;
     }, any>>>;
 };
-export declare type InputGroupLabelProps = ExtractPublicPropTypes<typeof inputGroupLabelProps>;
+export type InputGroupLabelProps = ExtractPublicPropTypes<typeof inputGroupLabelProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly size: {
         readonly type: PropType<Size>;

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

@@ -1,7 +1,7 @@
-import { Ref, UnwrapRef } from 'vue';
-export declare type Size = 'tiny' | 'small' | 'medium' | 'large';
-export declare type OnUpdateValue = (value: string & [string, string]) => void;
-export declare type OnUpdateValueImpl = (value: string | [string, string]) => void;
+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;
 export interface InputWrappedRef {
     wrapperElRef: Ref<HTMLElement | null>;
     textareaElRef: Ref<HTMLTextAreaElement | null>;
@@ -14,7 +14,7 @@ export interface InputWrappedRef {
     deactivate: () => void;
     scrollTo: (options: ScrollToOptions) => void;
 }
-export declare type InputInst = UnwrapRef<InputWrappedRef>;
+export type InputInst = UnwrapRef<InputWrappedRef>;
 export declare const inputInjectionKey: import("vue").InjectionKey<{
     countGraphemesRef: Ref<((input: string) => number) | undefined>;
     mergedValueRef: Ref<string | [string, string] | null>;

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

@@ -113,6 +113,7 @@ cB('input-wrapper', `
  `), cE('input-mirror', `
  padding: 0;
  height: var(--n-height);
+ line-height: var(--n-height);
  overflow: hidden;
  visibility: hidden;
  position: static;
@@ -126,6 +127,9 @@ cB('input-wrapper', `
  display: flex;
  align-items: center; 
  `)])]), cNotM('textarea', [cE('placeholder', 'white-space: nowrap;')]), cE('eye', `
+ display: flex;
+ align-items: center;
+ justify-content: center;
  transition: color .3s var(--n-bezier);
  `),
 // textarea
@@ -188,9 +192,6 @@ cM('pair', [cE('input-el, placeholder', 'text-align: center;'), cE('separator',
  `), cB('internal-icon', `
  color: var(--n-icon-color-disabled);
  `)])]), cNotM('disabled', [cE('eye', `
- display: flex;
- align-items: center;
- justify-content: center;
  color: var(--n-icon-color);
  cursor: pointer;
  `, [c('&:hover', `

package/es/input/styles/light.d.ts

@@ -61,7 +61,7 @@ declare const self: (vars: ThemeCommonVars) => {
     paddingLarge: string;
     clearSize: string;
 };
-export declare type InputThemeVars = ReturnType<typeof self>;
+export type InputThemeVars = ReturnType<typeof self>;
 declare const inputLight: Theme<'Input', InputThemeVars>;
 export default inputLight;
-export declare type InputTheme = typeof inputLight;
+export type InputTheme = typeof inputLight;

package/es/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;
@@ -869,7 +869,7 @@ export declare const inputNumberProps: {
         }, any>;
     }>>>;
 };
-export declare type InputNumberProps = ExtractPublicPropTypes<typeof inputNumberProps>;
+export type InputNumberProps = ExtractPublicPropTypes<typeof inputNumberProps>;
 declare const _default: import("vue").DefineComponent<{
     autofocus: BooleanConstructor;
     loading: {

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

@@ -1,5 +1,5 @@
-export declare type OnUpdateValue = (value: number | null) => void;
-export declare type Size = 'tiny' | 'small' | 'medium' | 'large';
+export type OnUpdateValue = (value: number | null) => void;
+export type Size = 'tiny' | 'small' | 'medium' | 'large';
 export interface InputNumberInst {
     focus: () => void;
     blur: () => void;

package/es/input-number/styles/light.d.ts

@@ -2,7 +2,7 @@ import type { ThemeCommonVars } from '../../_styles/common';
 declare const self: (vars: ThemeCommonVars) => {
     iconColorDisabled: string;
 };
-export declare type InputNumberThemeVars = ReturnType<typeof self>;
+export type InputNumberThemeVars = ReturnType<typeof self>;
 declare const inputNumberLight: import("../../_mixins").Theme<"InputNumber", {
     iconColorDisabled: string;
 }, {
@@ -273,4 +273,4 @@ declare const inputNumberLight: import("../../_mixins").Theme<"InputNumber", {
     }, any>;
 }>;
 export default inputNumberLight;
-export declare type InputNumberTheme = typeof inputNumberLight;
+export type InputNumberTheme = typeof inputNumberLight;

package/es/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: {
@@ -23,7 +23,7 @@ export declare const layoutProps: {
         readonly default: "left";
     };
 };
-export declare type LayoutProps = ExtractPublicPropTypes<typeof layoutProps>;
+export type LayoutProps = ExtractPublicPropTypes<typeof layoutProps>;
 export declare const layoutInjectionKey: import("vue").InjectionKey<ExtractPropTypes<{
     readonly embedded: BooleanConstructor;
     readonly position: {

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

@@ -97,7 +97,7 @@ export declare const layoutFooterProps: {
         }, any>;
     }>>>;
 };
-export declare type LayoutFooterProps = ExtractPublicPropTypes<typeof layoutFooterProps>;
+export type LayoutFooterProps = ExtractPublicPropTypes<typeof layoutFooterProps>;
 declare const _default: import("vue").DefineComponent<{
     inverted: BooleanConstructor;
     position: {

package/es/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">;
@@ -10,7 +10,7 @@ export declare const headerProps: {
         readonly default: false;
     };
 };
-export declare type LayoutHeaderProps = ExtractPublicPropTypes<typeof headerProps>;
+export type LayoutHeaderProps = ExtractPublicPropTypes<typeof headerProps>;
 declare const _default: import("vue").DefineComponent<{
     position: {
         readonly type: import("vue").PropType<"static" | "absolute">;

package/es/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: {
@@ -54,7 +54,7 @@ export declare const layoutSiderProps: {
     readonly onCollapse: PropType<MaybeArray<() => void>>;
     readonly onScroll: PropType<(e: Event) => void>;
 };
-export declare type LayoutSiderProps = ExtractPublicPropTypes<typeof layoutSiderProps>;
+export type LayoutSiderProps = ExtractPublicPropTypes<typeof layoutSiderProps>;
 declare const _default: import("vue").DefineComponent<{
     position: {
         readonly type: PropType<"static" | "absolute">;

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

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