naive-ui 2.34.3 → 2.34.4

package/lib/dynamic-input/src/PairPreset.js

@@ -17,6 +17,7 @@ exports.default = (0, vue_1.defineComponent)({
                 value: ''
             })
         },
+        disabled: Boolean,
         parentPath: String,
         path: String,
         onUpdateValue: {
@@ -46,9 +47,9 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedTheme, keyPlaceholder, valuePlaceholder, value, clsPrefix } = this;
+        const { mergedTheme, keyPlaceholder, valuePlaceholder, value, clsPrefix, disabled } = this;
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-dynamic-input-preset-pair` },
-            (0, vue_1.h)(input_1.NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.key, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: keyPlaceholder, onUpdateValue: this.handleKeyInput }),
-            (0, vue_1.h)(input_1.NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.value, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: valuePlaceholder, onUpdateValue: this.handleValueInput })));
+            (0, vue_1.h)(input_1.NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.key, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: keyPlaceholder, onUpdateValue: this.handleKeyInput, disabled: disabled }),
+            (0, vue_1.h)(input_1.NInput, { theme: mergedTheme.peers.Input, "theme-overrides": mergedTheme.peerOverrides.Input, value: value.value, class: `${clsPrefix}-dynamic-input-pair-input`, placeholder: valuePlaceholder, onUpdateValue: this.handleValueInput, disabled: disabled })));
     }
 });

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

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { MergedTheme } from '../../_mixins';
 import type { DynamicInputTheme } from '../styles';
 export interface DynamicInputInjection {

package/lib/dynamic-input/styles/dark.d.ts

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

package/lib/dynamic-tags/src/DynamicTags.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, VNodeChild } from 'vue';
+import { type PropType, type CSSProperties, type VNodeChild } from 'vue';
 import type { InputProps } from '../../input';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue, DynamicTagsOption, OnCreate } from './interface';

package/lib/dynamic-tags/src/DynamicTags.js

@@ -149,7 +149,7 @@ exports.default = (0, vue_1.defineComponent)({
             default: () => {
                 const { mergedTheme, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyUp, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
                 return this.mergedValue
-                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : ((0, vue_1.h)(tag_1.NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => handleCloseClick(index) }, {
+                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : ((0, vue_1.h)(tag_1.NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => { handleCloseClick(index); } }, {
                     default: () => (typeof tag === 'string' ? tag : tag.label)
                 })))
                     .concat(showInput ? ($slots.input ? ($slots.input({

package/lib/element/src/Element.d.ts

@@ -4,9 +4,9 @@ export declare const elementProps: {
         readonly type: StringConstructor;
         readonly default: "div";
     };
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", {}, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
 };
 export type ElementProps = ExtractPublicPropTypes<typeof elementProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -14,9 +14,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "div";
     };
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", {}, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<Record<string, string>> | undefined;
@@ -27,9 +27,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: "div";
     };
-    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", {}, any>>;
-    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
-    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", {}, any>>>;
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
 }>>, {
     readonly tag: string;
 }>;

package/lib/element/styles/dark.d.ts

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

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

@@ -1,4 +1,4 @@
-import { Theme } from '../../_mixins';
+import type { Theme } from '../../_mixins';
 declare const elementLight: Theme<'Element'>;
 export default elementLight;
 export type ElementTheme = typeof elementLight;

package/lib/ellipsis/src/Ellipsis.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { PopoverProps } from '../../popover/src/Popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const ellipsisProps: {

package/lib/ellipsis/styles/dark.d.ts

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

package/lib/empty/src/Empty.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNodeChild } from 'vue';
+import { type PropType, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const emptyProps: {
     description: StringConstructor;

package/lib/equation/src/Equation.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { KatexOptions } from 'katex';
+import { type PropType } from 'vue';
+import type { KatexOptions } from 'katex';
 export declare const equationProps: {
     readonly value: StringConstructor;
     readonly katex: PropType<typeof import("katex").default>;

package/lib/form/src/Form.d.ts

@@ -1,6 +1,6 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { FormRules, LabelAlign, LabelPlacement, FormInst, Size, FormValidateMessages } from './interface';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const formProps: {
     readonly inline: BooleanConstructor;
     readonly labelWidth: PropType<string | number>;

package/lib/form/src/Form.js

@@ -33,7 +33,7 @@ exports.formProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
         default: true
     }, onSubmit: {
         type: Function,
-        default: (e) => e.preventDefault()
+        default: (e) => { e.preventDefault(); }
     }, showLabel: {
         type: Boolean,
         default: undefined
@@ -57,7 +57,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         function validate(validateCallback, shouldRuleBeApplied = () => true) {
             return __awaiter(this, void 0, void 0, function* () {
-                return yield new Promise((resolve, reject) => {
+                yield new Promise((resolve, reject) => {
                     const formItemValidationPromises = [];
                     for (const key of (0, _utils_1.keysOf)(formItems)) {
                         const formItemInstances = formItems[key];

package/lib/form/src/FormItem.d.ts

@@ -1,6 +1,6 @@
-import { PropType, CSSProperties, ExtractPropTypes, LabelHTMLAttributes, VNodeChild } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes, type LabelHTMLAttributes, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { FormItemRule, LabelAlign, LabelPlacement, FormItemInternalValidate } from './interface';
+import type { FormItemRule, LabelAlign, LabelPlacement, FormItemInternalValidate } from './interface';
 export declare const formItemProps: {
     readonly label: StringConstructor;
     readonly labelWidth: PropType<string | number>;

package/lib/form/src/FormItem.js

@@ -129,7 +129,7 @@ exports.default = (0, vue_1.defineComponent)({
                     shouldRuleBeApplied = options.shouldRuleBeApplied;
                     asyncValidatorOptions = options.options;
                 }
-                return yield new Promise((resolve, reject) => {
+                yield new Promise((resolve, reject) => {
                     void internalValidate(trigger, shouldRuleBeApplied, asyncValidatorOptions).then(({ valid, errors }) => {
                         if (valid) {
                             if (validateCallback) {

package/lib/form/src/FormItemCol.js

@@ -44,7 +44,7 @@ exports.default = (0, vue_1.defineComponent)({
         const restoreValidation = () => {
             const { value } = formItemInstRef;
             if (value) {
-                return value.restoreValidation();
+                value.restoreValidation();
             }
         };
         return {

package/lib/form/src/FormItemGridItem.js

@@ -46,7 +46,7 @@ exports.default = (0, vue_1.defineComponent)({
         const restoreValidation = () => {
             const { value } = formItemInstRef;
             if (value) {
-                return value.restoreValidation();
+                value.restoreValidation();
             }
         };
         return {

package/lib/form/src/FormItemRow.js

@@ -43,7 +43,7 @@ exports.default = (0, vue_1.defineComponent)({
         const restoreValidation = () => {
             const { value } = formItemColInstRef;
             if (value) {
-                return value.restoreValidation();
+                value.restoreValidation();
             }
         };
         return {

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

@@ -1,6 +1,6 @@
-import { Ref, VNodeChild } from 'vue';
-import { ValidateError, RuleItem, ValidateOption, ValidateMessages } from 'async-validator';
-import { FormSetupProps } from './Form';
+import type { Ref, VNodeChild } from 'vue';
+import type { ValidateError, RuleItem, ValidateOption, ValidateMessages } from 'async-validator';
+import type { FormSetupProps } from './Form';
 export interface FormRules {
     [path: string]: FormRules | FormItemRule | FormItemRule[];
 }

package/lib/form/src/utils.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue';
+import { type ComputedRef } from 'vue';
 import type { FormItemSetupProps } from './FormItem';
 import type { Size, FormItemRule } from './interface';
 export declare function formItemSize(props: FormItemSetupProps): {

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 type Gradient = string | {
     deg?: string | number;

package/lib/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/lib/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: {
@@ -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/lib/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: {

package/lib/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 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;
@@ -36,7 +36,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;
@@ -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/lib/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;

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

@@ -20,8 +20,8 @@ exports.NIconWrapper = (0, vue_1.defineComponent)({
     name: 'IconWrapper',
     props: exports.iconWrapperProps,
     setup(props, { slots }) {
-        const themeRef = (0, _mixins_1.useTheme)('IconWrapper', '-icon-wrapper', index_cssr_1.default, styles_1.iconWrapperLight, props);
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
+        const themeRef = (0, _mixins_1.useTheme)('IconWrapper', '-icon-wrapper', index_cssr_1.default, styles_1.iconWrapperLight, props, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { color, iconColor } } = themeRef.value;
             return {

package/lib/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 {

package/lib/image/src/Image.js

@@ -50,21 +50,19 @@ exports.default = (0, vue_1.defineComponent)({
             (_a = imageRef.value) === null || _a === void 0 ? void 0 : _a.setAttribute('data-group-id', (imageGroupHandle === null || imageGroupHandle === void 0 ? void 0 : imageGroupHandle.groupId) || '');
         });
         (0, vue_1.onMounted)(() => {
-            if (is_native_lazy_load_1.isImageSupportNativeLazy) {
-                return;
-            }
-            let unobserve;
-            const stopWatchHandle = (0, vue_1.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 = (0, vue_1.watchEffect)(() => {
+                    unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+                    unobserve = undefined;
                     unobserve = (0, utils_1.observeIntersection)(imageRef.value, props.intersectionObserverOptions, shouldStartLoadingRef);
-                }
-            });
-            (0, vue_1.onBeforeUnmount)(() => {
-                stopWatchHandle();
-                unobserve === null || unobserve === void 0 ? void 0 : unobserve();
-            });
+                });
+                (0, vue_1.onBeforeUnmount)(() => {
+                    stopWatchHandle();
+                    unobserve === null || unobserve === void 0 ? void 0 : unobserve();
+                });
+            }
         });
         (0, vue_1.watchEffect)(() => {
             var _a;
@@ -99,14 +97,14 @@ exports.default = (0, vue_1.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 = (0, vue_1.h)('img', Object.assign(Object.assign({}, imgProps), { ref: 'imageRef', width: this.width || imgProps.width, height: this.height || imgProps.height, src: is_native_lazy_load_1.isImageSupportNativeLazy
-                ? loadSrc
-                : this.showError
-                    ? this.fallbackSrc
-                    : this.shouldStartLoading
+        const loadSrc = this.src || imgProps.src;
+        const imgNode = (0, vue_1.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, 
+                        : 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: is_native_lazy_load_1.isImageSupportNativeLazy && lazy && !this.intersectionObserverOptions
                 ? 'lazy'

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

package/lib/image/src/ImageGroup.js

@@ -58,8 +58,8 @@ 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

@@ -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/lib/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/lib/image/src/utils.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import type { Ref } from 'vue';
 export type IntersectionObserverOptions = Omit<IntersectionObserverInit, 'root'> & {
     root?: Element | Document | null | string;
 };

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

@@ -1,7 +1,6 @@
-import { PropType, InputHTMLAttributes, TextareaHTMLAttributes, VNodeChild } from 'vue';
+import { type PropType, type InputHTMLAttributes, type TextareaHTMLAttributes, type VNodeChild } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
+import { type ExtractPublicPropTypes, type MaybeArray } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
 export declare const inputProps: {
     bordered: {

package/lib/input/src/Input.js

@@ -867,7 +867,7 @@ 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 +889,7 @@ 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 +926,7 @@ 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/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: {

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

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

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

@@ -133,6 +133,9 @@ exports.default = (0, cssr_1.cB)('input', `
  display: flex;
  align-items: center; 
  `)])]), (0, cssr_1.cNotM)('textarea', [(0, cssr_1.cE)('placeholder', 'white-space: nowrap;')]), (0, cssr_1.cE)('eye', `
+ display: flex;
+ align-items: center;
+ justify-content: center;
  transition: color .3s var(--n-bezier);
  `),
 // textarea
@@ -195,9 +198,6 @@ exports.default = (0, cssr_1.cB)('input', `
  `), (0, cssr_1.cB)('internal-icon', `
  color: var(--n-icon-color-disabled);
  `)])]), (0, cssr_1.cNotM)('disabled', [(0, cssr_1.cE)('eye', `
- display: flex;
- align-items: center;
- justify-content: center;
  color: var(--n-icon-color);
  cursor: pointer;
  `, [(0, cssr_1.c)('&:hover', `

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

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { FormValidationStatus } from '../../form/src/interface';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateValue, Size } from './interface';
 export declare const inputNumberProps: {
     autofocus: BooleanConstructor;

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

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import type { ScrollbarProps } from '../../_internal';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const layoutProps: {

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

@@ -1,4 +1,4 @@
-import { ExtractPublicPropTypes } from '../../_utils';
+import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const headerProps: {
     readonly position: {
         readonly type: import("vue").PropType<"static" | "absolute">;

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

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties } from 'vue';
+import { type PropType, type CSSProperties } from 'vue';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { ScrollbarProps } from '../../_internal';
 export declare const layoutSiderProps: {

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;

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

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

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

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-import { Span } from './interface';
+import { type PropType } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
+import type { Span } from './interface';
 export declare const colProps: {
     readonly span: {
         readonly type: PropType<Span>;

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

@@ -1,5 +1,5 @@
-import { PropType, Ref } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType, type Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export interface RowInjection {
     gutterRef: Ref<string | number | [number, number]>;
     verticalGutterRef: Ref<number>;