naive-ui 2.34.2 → 2.34.4

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

@@ -58,6 +58,7 @@ export declare const formItemRowProps: {
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>;
     themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
@@ -89,6 +90,7 @@ export declare const formItemRowProps: {
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>>;
     builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
@@ -120,6 +122,7 @@ export declare const formItemRowProps: {
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>>;
     span: {
         readonly type: import("vue").PropType<import("../../legacy-grid/src/interface").Span>;
@@ -144,7 +147,7 @@ export declare const formItemRowProps: {
     alignItems: StringConstructor;
     justifyContent: StringConstructor;
 };
-export declare type FormItemRowProps = ExtractPublicPropTypes<typeof formItemRowProps>;
+export type FormItemRowProps = ExtractPublicPropTypes<typeof formItemRowProps>;
 declare const _default: import("vue").DefineComponent<{
     label: StringConstructor;
     labelWidth: import("vue").PropType<string | number>;
@@ -204,6 +207,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>;
     themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
@@ -235,6 +239,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>>;
     builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
@@ -266,6 +271,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>>;
     span: {
         readonly type: import("vue").PropType<import("../../legacy-grid/src/interface").Span>;
@@ -357,6 +363,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>;
     themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
@@ -388,6 +395,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>>;
     builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Form", {
         blankHeightSmall: string;
@@ -419,6 +427,7 @@ declare const _default: import("vue").DefineComponent<{
         labelPaddingHorizontal: string;
         labelTextAlignVertical: string;
         labelTextAlignHorizontal: string;
+        labelFontWeight: string;
     }, any>>>;
     span: {
         readonly type: import("vue").PropType<import("../../legacy-grid/src/interface").Span>;
@@ -444,10 +453,10 @@ declare const _default: import("vue").DefineComponent<{
     justifyContent: StringConstructor;
 }>>, {
     push: import("../../legacy-grid/src/interface").Span;
-    required: boolean;
     first: boolean;
     offset: import("../../legacy-grid/src/interface").Span;
     span: import("../../legacy-grid/src/interface").Span;
+    required: boolean;
     showRequireMark: boolean | undefined;
     showFeedback: boolean | undefined;
     showLabel: boolean | undefined;

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,14 +1,14 @@
-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[];
 }
-declare type SetRule<T, R> = T extends (rule: any, ...args: infer K) => infer P ? (rule: R, ...args: K) => P : never;
-export declare type FormItemRuleValidatorParams = Parameters<SetRule<NonNullable<RuleItem['validator']>, FormItemRule>>;
-export declare type FormItemRuleValidator = (...args: FormItemRuleValidatorParams) => boolean | Error | Error[] | Promise<void> | undefined;
-export declare type FormItemRuleAsyncValidator = (...args: FormItemRuleValidatorParams) => Promise<void> | undefined;
-export declare type FormItemRule = Omit<RuleItem, 'validator' | 'asyncValidator'> & {
+type SetRule<T, R> = T extends (rule: any, ...args: infer K) => infer P ? (rule: R, ...args: K) => P : never;
+export type FormItemRuleValidatorParams = Parameters<SetRule<NonNullable<RuleItem['validator']>, FormItemRule>>;
+export type FormItemRuleValidator = (...args: FormItemRuleValidatorParams) => boolean | Error | Error[] | Promise<void> | undefined;
+export type FormItemRuleAsyncValidator = (...args: FormItemRuleValidatorParams) => Promise<void> | undefined;
+export type FormItemRule = Omit<RuleItem, 'validator' | 'asyncValidator'> & {
     key?: string;
     trigger?: ValidationTrigger | string | Array<ValidationTrigger | string>;
     validator?: FormItemRuleValidator;
@@ -21,38 +21,38 @@ export interface FormItemValidateOptions {
     shouldRuleBeApplied?: ShouldRuleBeApplied;
     options?: ValidateOption;
 }
-export declare type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ShouldRuleBeApplied, options?: ValidateOption) => Promise<{
+export type FormItemInternalValidate = (trigger: ValidationTrigger | string | null | undefined, shouldRuleBeApplied?: ShouldRuleBeApplied, options?: ValidateOption) => Promise<{
     valid: boolean;
     errors?: ValidateError[];
 }>;
-export declare type FormItemValidate = ((options: FormItemValidateOptions) => Promise<void>) & ((trigger?: string, callback?: ValidateCallback) => Promise<void>);
+export type FormItemValidate = ((options: FormItemValidateOptions) => Promise<void>) & ((trigger?: string, callback?: ValidateCallback) => Promise<void>);
 export interface FormItemInst {
     validate: FormItemValidate;
     restoreValidation: () => void;
     path?: string;
     internalValidate: FormItemInternalValidate;
 }
-export declare type FormItemColRef = FormItemInst;
-export declare type FormItemRowRef = FormItemInst;
+export type FormItemColRef = FormItemInst;
+export type FormItemRowRef = FormItemInst;
 export interface FormInjection {
     props: FormSetupProps;
     maxChildLabelWidthRef: Ref<number | undefined>;
     deriveMaxChildLabelWidth: (currentWidth: number) => void;
 }
-export declare type LabelAlign = 'left' | 'center' | 'right';
-export declare type LabelPlacement = 'left' | 'top';
-export declare type Size = 'small' | 'medium' | 'large';
-export declare type ValidationTrigger = 'input' | 'change' | 'blur' | 'focus';
-export declare type ShouldRuleBeApplied = (rule: FormItemRule) => boolean;
-export declare type ValidateCallback = (errors?: ValidateError[]) => void;
-export declare type FormValidateCallback = (errors?: ValidateError[][]) => void;
-export declare type FormValidate = (callback?: FormValidateCallback, shouldRuleBeApplied?: ShouldRuleBeApplied) => Promise<void>;
-export declare type FormValidationError = ValidateError[];
+export type LabelAlign = 'left' | 'center' | 'right';
+export type LabelPlacement = 'left' | 'top';
+export type Size = 'small' | 'medium' | 'large';
+export type ValidationTrigger = 'input' | 'change' | 'blur' | 'focus';
+export type ShouldRuleBeApplied = (rule: FormItemRule) => boolean;
+export type ValidateCallback = (errors?: ValidateError[]) => void;
+export type FormValidateCallback = (errors?: ValidateError[][]) => void;
+export type FormValidate = (callback?: FormValidateCallback, shouldRuleBeApplied?: ShouldRuleBeApplied) => Promise<void>;
+export type FormValidationError = ValidateError[];
 export interface FormInst {
     validate: FormValidate;
     restoreValidation: () => void;
 }
-export declare type FormValidationStatus = 'success' | 'error' | 'warning';
+export type FormValidationStatus = 'success' | 'error' | 'warning';
 export interface FormValidateMessages extends ValidateMessages {
 }
 export {};

package/lib/form/src/styles/form-item.cssr.js

@@ -36,6 +36,7 @@ exports.default = (0, cssr_1.cB)('form-item', `
  color: var(--n-label-text-color);
  transition: color .3s var(--n-bezier);
  box-sizing: border-box;
+ font-weight: var(--n-label-font-weight);
  `, [(0, cssr_1.cE)('asterisk', `
  white-space: nowrap;
  user-select: none;

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/form/styles/_common.d.ts

@@ -19,5 +19,6 @@ declare const _default: {
     labelPaddingHorizontal: string;
     labelTextAlignVertical: string;
     labelTextAlignHorizontal: string;
+    labelFontWeight: string;
 };
 export default _default;

package/lib/form/styles/_common.js

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

package/lib/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/lib/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/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/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/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: {
@@ -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/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: {
@@ -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/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 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/lib/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/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;
@@ -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/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/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/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 {
@@ -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/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,18 @@ 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, 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: is_native_lazy_load_1.isImageSupportNativeLazy && lazy && !this.intersectionObserverOptions
+                ? 'lazy'
+                : 'eager', style: [
                 imgProps.style || '',
                 placeholderNode && !loaded
                     ? { height: '0', width: '0', visibility: 'hidden' }

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;
@@ -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/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/ImagePreview.js

@@ -162,7 +162,7 @@ exports.default = (0, vue_1.defineComponent)({
         const imageContext = (0, vue_1.inject)(interface_1.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;
@@ -179,7 +179,7 @@ exports.default = (0, vue_1.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();
@@ -258,11 +258,12 @@ exports.default = (0, vue_1.defineComponent)({
             }
         }
         function derivePreviewStyle(transition = true) {
+            var _a;
             const { value: preview } = previewRef;
             if (!preview)
                 return;
             const { style } = preview;
-            const controlledStyle = (0, vue_1.normalizeStyle)(imageContext === null || imageContext === void 0 ? void 0 : imageContext.previewedImgPropsRef.value.style);
+            const controlledStyle = (0, vue_1.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 + ';';
@@ -350,7 +351,7 @@ exports.default = (0, vue_1.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/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,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/lib/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/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: {
@@ -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/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) => {