naive-ui 2.34.2 → 2.34.3

package/es/_internal/loading/src/Loading.d.ts

@@ -9,7 +9,7 @@ declare const exposedLoadingProps: {
         default: undefined;
     };
 };
-export declare type BaseLoadingExposedProps = ExtractPublicPropTypes<typeof exposedLoadingProps>;
+export type BaseLoadingExposedProps = ExtractPublicPropTypes<typeof exposedLoadingProps>;
 declare const _default: import("vue").DefineComponent<{
     strokeWidth: {
         type: NumberConstructor;

package/es/_internal/scrollbar/src/Scrollbar.d.ts

@@ -93,8 +93,8 @@ declare const scrollbarProps: {
         colorHover: string;
     }, any>>>;
 };
-export declare type ScrollbarProps = ExtractPublicPropTypes<typeof scrollbarProps>;
-export declare type ScrollbarInternalProps = ExtractInternalPropTypes<typeof scrollbarProps>;
+export type ScrollbarProps = ExtractPublicPropTypes<typeof scrollbarProps>;
+export type ScrollbarInternalProps = ExtractInternalPropTypes<typeof scrollbarProps>;
 declare const Scrollbar: import("vue").DefineComponent<{
     readonly size: {
         readonly type: NumberConstructor;
@@ -234,8 +234,8 @@ declare const Scrollbar: import("vue").DefineComponent<{
     readonly triggerDisplayManually: boolean;
     readonly internalHoistYRail: boolean;
 }>;
-declare type NativeScrollbarProps = Omit<HTMLAttributes, keyof ScrollbarInternalProps>;
-declare type MergedProps = Partial<ScrollbarInternalProps & NativeScrollbarProps>;
+type NativeScrollbarProps = Omit<HTMLAttributes, keyof ScrollbarInternalProps>;
+type MergedProps = Partial<ScrollbarInternalProps & NativeScrollbarProps>;
 export default Scrollbar;
 export declare const XScrollbar: new () => {
     $props: MergedProps;

package/es/_internal/scrollbar/styles/light.d.ts

@@ -4,7 +4,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     color: string;
     colorHover: string;
 };
-export declare type ScrollbarThemeVars = ReturnType<typeof self>;
+export type ScrollbarThemeVars = ReturnType<typeof self>;
 declare const scrollbarLight: Theme<'Scrollbar', ScrollbarThemeVars>;
 export default scrollbarLight;
-export declare type ScrollbarTheme = typeof scrollbarLight;
+export type ScrollbarTheme = typeof scrollbarLight;

package/es/_internal/select-menu/src/interface.d.ts

@@ -1,20 +1,20 @@
 import { VNodeChild, Ref, UnwrapRef, VNode, HTMLAttributes } from 'vue';
 import { TreeNode } from 'treemate';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../../select/src/interface';
-export declare type Size = 'small' | 'medium' | 'large' | 'huge';
-export declare type RenderLabel = (option: SelectBaseOption & SelectGroupOption & SelectIgnoredOption, selected: boolean) => VNodeChild;
-export declare type RenderLabelImpl = (option: SelectBaseOption | SelectGroupOption | SelectIgnoredOption, selected: boolean) => VNodeChild;
-export declare type RenderOption = (info: {
+export type Size = 'small' | 'medium' | 'large' | 'huge';
+export type RenderLabel = (option: SelectBaseOption & SelectGroupOption & SelectIgnoredOption, selected: boolean) => VNodeChild;
+export type RenderLabelImpl = (option: SelectBaseOption | SelectGroupOption | SelectIgnoredOption, selected: boolean) => VNodeChild;
+export type RenderOption = (info: {
     node: VNode;
     option: SelectBaseOption & SelectGroupOption & SelectIgnoredOption;
     selected: boolean;
 }) => VNodeChild;
-export declare type RenderOptionImpl = (info: {
+export type RenderOptionImpl = (info: {
     node: VNode;
     option: SelectBaseOption | SelectGroupOption | SelectIgnoredOption;
     selected: boolean;
 }) => VNodeChild;
-export declare type NodeProps = (option: SelectBaseOption | SelectGroupOption) => HTMLAttributes & Record<string, unknown>;
+export type NodeProps = (option: SelectBaseOption | SelectGroupOption) => HTMLAttributes & Record<string, unknown>;
 export interface InternalSelectMenuInjection {
     handleOptionMouseEnter: (e: MouseEvent, tmNode: TreeNode<SelectBaseOption>) => void;
     handleOptionClick: (e: MouseEvent, tmNode: TreeNode<SelectBaseOption>) => void;
@@ -37,4 +37,4 @@ export interface InternalExposedProps {
 }
 export declare const internalSelectionMenuInjectionKey: import("vue").InjectionKey<InternalSelectMenuInjection>;
 export declare const internalSelectionMenuBodyInjectionKey: import("vue").InjectionKey<Ref<HTMLElement | null>>;
-export declare type InternalSelectMenuRef = UnwrapRef<InternalExposedProps>;
+export type InternalSelectMenuRef = UnwrapRef<InternalExposedProps>;

package/es/_internal/select-menu/styles/light.d.ts

@@ -34,7 +34,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     optionPaddingHuge: string;
     loadingSize: string;
 };
-export declare type InternalSelectMenuThemeVars = ReturnType<typeof self>;
+export type InternalSelectMenuThemeVars = ReturnType<typeof self>;
 declare const internalSelectMenuLight: import("../../../_mixins").Theme<"InternalSelectMenu", {
     optionFontSizeSmall: string;
     optionFontSizeMedium: string;
@@ -89,4 +89,4 @@ declare const internalSelectMenuLight: import("../../../_mixins").Theme<"Interna
     }, any>;
 }>;
 export default internalSelectMenuLight;
-export declare type InternalSelectMenuTheme = typeof internalSelectMenuLight;
+export type InternalSelectMenuTheme = typeof internalSelectMenuLight;

package/es/_internal/selection/src/interface.d.ts

@@ -1,6 +1,6 @@
 import { VNodeChild } from 'vue';
 import type { SelectOption } from '../../../select/src/interface';
-export declare type RenderTag = (props: {
+export type RenderTag = (props: {
     option: SelectOption;
     handleClose: () => void;
 }) => VNodeChild;

package/es/_internal/selection/styles/light.d.ts

@@ -53,7 +53,7 @@ declare const self: (vars: ThemeCommonVars) => {
     clearSize: string;
     arrowSize: string;
 };
-export declare type InternalSelectionThemeVars = ReturnType<typeof self>;
+export type InternalSelectionThemeVars = ReturnType<typeof self>;
 declare const internalSelectionLight: import("../../../_mixins").Theme<"InternalSelection", {
     fontSizeTiny: string;
     fontSizeSmall: string;
@@ -124,4 +124,4 @@ declare const internalSelectionLight: import("../../../_mixins").Theme<"Internal
     }, any>;
 }>;
 export default internalSelectionLight;
-export declare type InternalSelectionTheme = typeof internalSelectionLight;
+export type InternalSelectionTheme = typeof internalSelectionLight;

package/es/_mixins/use-config.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
 import type { RtlEnabledState, GlobalComponentConfig, Breakpoints } from '../config-provider/src/internal-interface';
-declare type UseConfigProps = Readonly<{
+type UseConfigProps = Readonly<{
     bordered?: boolean;
     [key: string]: unknown;
 }>;

package/es/_mixins/use-form-item.d.ts

@@ -1,7 +1,7 @@
 import { ComputedRef, Ref } from 'vue';
 import type { FormValidationStatus } from '../form/src/interface';
-declare type FormItemSize = 'small' | 'medium' | 'large';
-declare type AllowedSize = 'tiny' | 'small' | 'medium' | 'large' | 'huge' | number;
+type FormItemSize = 'small' | 'medium' | 'large';
+type AllowedSize = 'tiny' | 'small' | 'medium' | 'large' | 'huge' | number;
 export interface FormItemInjection {
     path: Ref<string | undefined>;
     disabled: Ref<boolean>;

package/es/_mixins/use-theme.d.ts

@@ -18,25 +18,25 @@ export interface ThemePropsReactive<T> {
     themeOverrides?: ExtractThemeOverrides<T>;
     builtinThemeOverrides?: ExtractThemeOverrides<T>;
 }
-export declare type ExtractThemeVars<T> = T extends Theme<unknown, infer U, unknown> ? unknown extends U ? {} : U : {};
-export declare type ExtractPeerOverrides<T> = T extends Theme<unknown, unknown, infer V> ? {
+export type ExtractThemeVars<T> = T extends Theme<unknown, infer U, unknown> ? unknown extends U ? {} : U : {};
+export type ExtractPeerOverrides<T> = T extends Theme<unknown, unknown, infer V> ? {
     peers?: {
         [k in keyof V]?: ExtractThemeOverrides<V[k]>;
     };
 } : T;
-export declare type ExtractMergedPeerOverrides<T> = T extends Theme<unknown, unknown, infer V> ? {
+export type ExtractMergedPeerOverrides<T> = T extends Theme<unknown, unknown, infer V> ? {
     [k in keyof V]?: ExtractPeerOverrides<V[k]>;
 } : T;
-export declare type ExtractThemeOverrides<T> = Partial<ExtractThemeVars<T>> & ExtractPeerOverrides<T> & {
+export type ExtractThemeOverrides<T> = Partial<ExtractThemeVars<T>> & ExtractPeerOverrides<T> & {
     common?: ThemeCommonVars;
 };
 export declare function createTheme<N extends string, T, R>(theme: Theme<N, T, R>): Theme<N, T, R>;
-declare type UseThemeProps<T> = Readonly<{
+type UseThemeProps<T> = Readonly<{
     theme?: T | undefined;
     themeOverrides?: ExtractThemeOverrides<T>;
     builtinThemeOverrides?: ExtractThemeOverrides<T>;
 }>;
-export declare type MergedTheme<T> = T extends Theme<unknown, infer V, infer W> ? {
+export type MergedTheme<T> = T extends Theme<unknown, infer V, infer W> ? {
     common: ThemeCommonVars;
     self: V;
     peers: W;

package/es/_styles/common/light.d.ts

@@ -104,4 +104,4 @@ declare const derived: {
     name: "common";
 };
 export default derived;
-export declare type ThemeCommonVars = typeof derived;
+export type ThemeCommonVars = typeof derived;

package/es/_utils/cssr/create-key.d.ts

@@ -37,8 +37,8 @@ interface characterMap {
     m: 'M';
     [key: string]: string;
 }
-declare type char = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '0' | 'q' | 'w' | 'e' | 'r' | 't' | 'y' | 'u' | 'i' | 'o' | 'p' | 'a' | 's' | 'd' | 'f' | 'g' | 'h' | 'j' | 'k' | 'l' | 'z' | 'x' | 'c' | 'v' | 'b' | 'n' | 'm';
-declare type RestChars<T> = T extends `${char}${infer P}` ? P : '';
-declare type UpperFirst<T> = T extends `${infer P}${string}` ? `${characterMap[P]}${RestChars<T>}` : T;
+type char = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '0' | 'q' | 'w' | 'e' | 'r' | 't' | 'y' | 'u' | 'i' | 'o' | 'p' | 'a' | 's' | 'd' | 'f' | 'g' | 'h' | 'j' | 'k' | 'l' | 'z' | 'x' | 'c' | 'v' | 'b' | 'n' | 'm';
+type RestChars<T> = T extends `${char}${infer P}` ? P : '';
+type UpperFirst<T> = T extends `${infer P}${string}` ? `${characterMap[P]}${RestChars<T>}` : T;
 export declare function createKey<P extends string, S extends string>(prefix: P, suffix: S): S extends 'default' ? P : `${P}${UpperFirst<S>}`;
 export {};

package/es/_utils/env/is-native-lazy-load.d.ts

@@ -1 +1 @@
-export declare const isImageSupportNativeLazy = false;
+export declare const isImageSupportNativeLazy: boolean;

package/es/_utils/env/is-native-lazy-load.js

@@ -1,3 +1,2 @@
-export const isImageSupportNativeLazy = false;
-// Keep it to false currently, we will provide a prop to make it configuable
-// typeof document !== 'undefined' && 'loading' in document.createElement('img')
+import { isBrowser } from './is-browser';
+export const isImageSupportNativeLazy = isBrowser && 'loading' in document.createElement('img');

package/es/_utils/naive/extract-public-props.d.ts

@@ -1,9 +1,9 @@
 import { ExtractPropTypes } from 'vue';
 import { useTheme } from '../../_mixins';
-declare type themePropKeys = keyof typeof useTheme.props;
-declare type RemoveReadonly<T> = {
+type themePropKeys = keyof typeof useTheme.props;
+type RemoveReadonly<T> = {
     -readonly [key in keyof T]: T[key];
 };
-export declare type ExtractPublicPropTypes<T> = Omit<Partial<RemoveReadonly<ExtractPropTypes<T>>>, Exclude<themePropKeys, 'themeOverrides'> | Extract<keyof T, `internal${string}`>>;
-export declare type ExtractInternalPropTypes<T> = Partial<ExtractPropTypes<T>>;
+export type ExtractPublicPropTypes<T> = Omit<Partial<RemoveReadonly<ExtractPropTypes<T>>>, Exclude<themePropKeys, 'themeOverrides'> | Extract<keyof T, `internal${string}`>>;
+export type ExtractInternalPropTypes<T> = Partial<ExtractPropTypes<T>>;
 export {};

package/es/_utils/naive/mutable.d.ts

@@ -1,3 +1,3 @@
-export declare type Mutable<T> = T extends Record<string, unknown> ? {
+export type Mutable<T> = T extends Record<string, unknown> ? {
     -readonly [P in keyof T]: T[P] extends ReadonlyArray<infer U> ? Array<Mutable<U>> : Mutable<T[P]>;
 } : T;

package/es/_utils/naive/prop.d.ts

@@ -6,6 +6,6 @@ interface SmallerSizeMap {
     large: 'medium';
     huge: 'large';
 }
-declare type SmallerSize<T extends keyof SmallerSizeMap> = SmallerSizeMap[T];
+type SmallerSize<T extends keyof SmallerSizeMap> = SmallerSizeMap[T];
 export declare function smallerSize<T extends keyof SmallerSizeMap>(size: T): SmallerSize<T>;
 export {};

package/es/_utils/vue/call.d.ts

@@ -4,4 +4,4 @@ declare function call<A1, A2>(funcs: MaybeArray<(a1: A1, a2: A2) => void>, a1: A
 declare function call<A1, A2, A3>(funcs: MaybeArray<(a1: A1, a2: A2, a3: A3) => void>, a1: A1, a2: A2, a3: A3): void;
 declare function call<A1, A2, A3, A4>(funcs: MaybeArray<(a1: A1, a2: A2, a3: A3, a4: A4) => void>, a1: A1, a2: A2, a3: A3, a4: A4): void;
 export { call };
-export declare type MaybeArray<T> = T | T[];
+export type MaybeArray<T> = T | T[];

package/es/affix/src/Affix.d.ts

@@ -28,7 +28,7 @@ export declare const affixProps: {
     };
 };
 export declare const affixPropKeys: ("bottom" | "top" | "position" | "target" | "listenTo" | "triggerTop" | "triggerBottom" | "offsetTop" | "offsetBottom")[];
-export declare type AffixProps = ExtractPublicPropTypes<typeof affixProps>;
+export type AffixProps = ExtractPublicPropTypes<typeof affixProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly listenTo: PropType<string | ScrollTarget | (() => HTMLElement) | undefined>;
     readonly top: NumberConstructor;

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

@@ -1,4 +1,4 @@
-export declare type ScrollTarget = Window | Document | HTMLElement;
+export type ScrollTarget = Window | Document | HTMLElement;
 export declare function getScrollTop(target: ScrollTarget): number;
 export declare function getRect(target: ScrollTarget): {
     top: number;

package/es/alert/src/Alert.d.ts

@@ -215,7 +215,7 @@ export declare const alertProps: {
         padding: string;
     }, any>>>;
 };
-export declare type AlertProps = ExtractPublicPropTypes<typeof alertProps>;
+export type AlertProps = ExtractPublicPropTypes<typeof alertProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     showIcon: {

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

@@ -65,7 +65,7 @@ declare const self: (vars: ThemeCommonVars) => {
     closeMarginRtl: string;
     padding: string;
 };
-export declare type AlertThemeVars = ReturnType<typeof self>;
+export type AlertThemeVars = ReturnType<typeof self>;
 declare const alertLight: Theme<'Alert', AlertThemeVars>;
 export default alertLight;
-export declare type AlertTheme = typeof alertLight;
+export type AlertTheme = typeof alertLight;

package/es/anchor/src/AnchorAdapter.d.ts

@@ -87,7 +87,7 @@ export declare const anchorProps: {
         railWidth: string;
     }, any>>>;
 };
-export declare type AnchorProps = ExtractPublicPropTypes<typeof anchorProps>;
+export type AnchorProps = ExtractPublicPropTypes<typeof anchorProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly type: {
         readonly type: import("vue").PropType<"block" | "rail">;

package/es/anchor/src/Link.d.ts

@@ -13,7 +13,7 @@ export declare const anchorLinkProps: {
     readonly title: StringConstructor;
     readonly href: StringConstructor;
 };
-export declare type AnchorLinkProps = ExtractPublicPropTypes<typeof anchorLinkProps>;
+export type AnchorLinkProps = ExtractPublicPropTypes<typeof anchorLinkProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly title: StringConstructor;
     readonly href: StringConstructor;

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

@@ -1,4 +1,4 @@
-export declare type OffsetTarget = Window | Document | HTMLElement;
+export type OffsetTarget = Window | Document | HTMLElement;
 export declare function getOffset(el: HTMLElement, scrollTarget: OffsetTarget): {
     top: number;
     height: number;

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

@@ -13,7 +13,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     linkPadding: string;
     railWidth: string;
 };
-export declare type AnchorThemeVars = ReturnType<typeof self>;
+export type AnchorThemeVars = ReturnType<typeof self>;
 declare const anchorLight: Theme<'Anchor', AnchorThemeVars>;
 export default anchorLight;
-export declare type AnchorTheme = typeof anchorLight;
+export type AnchorTheme = typeof anchorLight;

package/es/auto-complete/src/AutoComplete.d.ts

@@ -413,7 +413,7 @@ export declare const autoCompleteProps: {
         }, any>;
     }>>>;
 };
-export declare type AutoCompleteProps = ExtractPublicPropTypes<typeof autoCompleteProps>;
+export type AutoCompleteProps = ExtractPublicPropTypes<typeof autoCompleteProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;

package/es/auto-complete/src/interface.d.ts

@@ -1,12 +1,12 @@
 import { SelectGroupOption, SelectBaseOption } from '../../select/src/interface';
-export declare type AutoCompleteOption = SelectBaseOption<string, string>;
+export type AutoCompleteOption = SelectBaseOption<string, string>;
 export interface AutoCompleteGroupOption extends Omit<SelectGroupOption, 'children'> {
     children: AutoCompleteOptions;
 }
-export declare type AutoCompleteOptions = Array<AutoCompleteOption | AutoCompleteGroupOption | string>;
-export declare type OnUpdateValue = (value: string & (string | null)) => void;
-export declare type OnUpdateImpl = (value: string | null) => void;
-export declare type OnSelect = (value: string | number) => void;
+export type AutoCompleteOptions = Array<AutoCompleteOption | AutoCompleteGroupOption | string>;
+export type OnUpdateValue = (value: string & (string | null)) => void;
+export type OnUpdateImpl = (value: string | null) => void;
+export type OnSelect = (value: string | number) => void;
 export interface AutoCompleteInst {
     focus: () => void;
     blur: () => void;

package/es/auto-complete/styles/light.d.ts

@@ -121,5 +121,5 @@ declare const autoCompleteLight: import("../../_mixins").Theme<"AutoComplete", {
     }, any>;
 }>;
 export default autoCompleteLight;
-export declare type AutoCompleteTheme = typeof autoCompleteLight;
-export declare type AutoCompleteThemeVars = ReturnType<typeof self>;
+export type AutoCompleteTheme = typeof autoCompleteLight;
+export type AutoCompleteThemeVars = ReturnType<typeof self>;

package/es/avatar/src/Avatar.d.ts

@@ -68,7 +68,7 @@ export declare const avatarProps: {
         colorPopover: string;
     }, any>>>;
 };
-export declare type AvatarProps = ExtractPublicPropTypes<typeof avatarProps>;
+export type AvatarProps = ExtractPublicPropTypes<typeof avatarProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly size: PropType<Size>;
     readonly src: StringConstructor;

package/es/avatar/src/Avatar.js

@@ -203,7 +203,13 @@ export default defineComponent({
                 }
                 else if (src) {
                     const { imgProps } = this;
-                    return h('img', Object.assign(Object.assign({}, imgProps), { loading: isImageSupportNativeLazy && lazy ? 'lazy' : 'eager', src: isImageSupportNativeLazy
+                    return h('img', Object.assign(Object.assign({}, imgProps), { loading: 
+                        // If interseciton observer options is set, do not use native lazy
+                        isImageSupportNativeLazy &&
+                            !this.intersectionObserverOptions &&
+                            lazy
+                            ? 'lazy'
+                            : 'eager', src: isImageSupportNativeLazy
                             ? src
                             : shouldStartLoading || loaded
                                 ? src

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

@@ -1,2 +1,2 @@
-export declare type Size = number | 'small' | 'medium' | 'large';
-export declare type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
+export type Size = number | 'small' | 'medium' | 'large';
+export type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';

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

@@ -13,8 +13,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     colorModal: string;
     colorPopover: string;
 };
-export declare type AvatarThemeVars = ReturnType<typeof self>;
+export type AvatarThemeVars = ReturnType<typeof self>;
 declare const avatarLight: Theme<'Avatar', AvatarThemeVars>;
 export default avatarLight;
-export declare type AvatarTheme = typeof avatarLight;
-export declare type AvatarGroupTheme = typeof avatarLight;
+export type AvatarTheme = typeof avatarLight;
+export type AvatarGroupTheme = typeof avatarLight;

package/es/avatar-group/src/AvatarGroup.d.ts

@@ -68,7 +68,7 @@ export declare const avatarGroupProps: {
         }, any>;
     }>>>;
 };
-export declare type AvatarGroupProps = ExtractPublicPropTypes<typeof avatarGroupProps>;
+export type AvatarGroupProps = ExtractPublicPropTypes<typeof avatarGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly max: NumberConstructor;
     readonly maxStyle: PropType<string | CSSProperties>;

package/es/avatar-group/styles/light.d.ts

@@ -1,4 +1,4 @@
-export declare type AvatarGroupThemeVars = {};
+export type AvatarGroupThemeVars = {};
 export declare const self: () => {
     gap: string;
 };
@@ -20,4 +20,4 @@ declare const avatarGroupLight: import("../../_mixins").Theme<"AvatarGroup", {
     }, any>;
 }>;
 export default avatarGroupLight;
-export declare type AvatarGroupTheme = typeof avatarGroupLight;
+export type AvatarGroupTheme = typeof avatarGroupLight;

package/es/back-top/src/BackTop.d.ts

@@ -72,7 +72,7 @@ export declare const backTopProps: {
         iconSize: string;
     }, any>>>;
 };
-export declare type BackTopProps = ExtractPublicPropTypes<typeof backTopProps>;
+export type BackTopProps = ExtractPublicPropTypes<typeof backTopProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly show: {
         readonly type: PropType<boolean | undefined>;

package/es/back-top/styles/light.d.ts

@@ -14,7 +14,7 @@ declare const self: (vars: ThemeCommonVars) => {
     borderRadius: string;
     iconSize: string;
 };
-export declare type BackTopThemeVars = ReturnType<typeof self>;
+export type BackTopThemeVars = ReturnType<typeof self>;
 declare const backTopLight: Theme<'BackTop', BackTopThemeVars>;
 export default backTopLight;
-export declare type BackTopTheme = typeof backTopLight;
+export type BackTopTheme = typeof backTopLight;

package/es/badge/src/Badge.d.ts

@@ -15,6 +15,7 @@ export declare const badgeProps: {
     readonly showZero: BooleanConstructor;
     readonly processing: BooleanConstructor;
     readonly color: StringConstructor;
+    readonly offset: PropType<readonly [string | number, string | number]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Badge", {
         color: string;
         colorInfo: string;
@@ -43,7 +44,7 @@ export declare const badgeProps: {
         fontFamily: string;
     }, any>>>;
 };
-export declare type BadgeProps = ExtractPublicPropTypes<typeof badgeProps>;
+export type BadgeProps = ExtractPublicPropTypes<typeof badgeProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly value: PropType<string | number>;
     readonly max: NumberConstructor;
@@ -59,6 +60,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly showZero: BooleanConstructor;
     readonly processing: BooleanConstructor;
     readonly color: StringConstructor;
+    readonly offset: PropType<readonly [string | number, string | number]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Badge", {
         color: string;
         colorInfo: string;
@@ -103,6 +105,9 @@ declare const _default: import("vue").DefineComponent<{
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
+    offsetStyle: import("vue").ComputedRef<{
+        transform: string;
+    } | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: PropType<string | number>;
     readonly max: NumberConstructor;
@@ -118,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly showZero: BooleanConstructor;
     readonly processing: BooleanConstructor;
     readonly color: StringConstructor;
+    readonly offset: PropType<readonly [string | number, string | number]>;
     readonly theme: PropType<import("../../_mixins").Theme<"Badge", {
         color: string;
         colorInfo: string;

package/es/badge/src/Badge.js

@@ -11,7 +11,7 @@ export const badgeProps = Object.assign(Object.assign({}, useTheme.props), { val
     }, show: {
         type: Boolean,
         default: true
-    }, showZero: Boolean, processing: Boolean, color: String });
+    }, showZero: Boolean, processing: Boolean, color: String, offset: Array });
 export default defineComponent({
     name: 'Badge',
     props: badgeProps,
@@ -62,6 +62,17 @@ export default defineComponent({
                 return hash;
             }), cssVarsRef, props)
             : undefined;
+        const offsetStyleRef = computed(() => {
+            const { offset } = props;
+            if (!offset)
+                return undefined;
+            const [x, y] = offset;
+            const reslovedOffsetX = typeof x === 'number' ? `${x}px` : x;
+            const reslovedOffsetY = typeof y === 'number' ? `${y}px` : y;
+            return {
+                transform: `translate(calc(${(rtlEnabledRef === null || rtlEnabledRef === void 0 ? void 0 : rtlEnabledRef.value) ? '50%' : '-50%'} + ${reslovedOffsetX}), ${reslovedOffsetY})`
+            };
+        });
         return {
             rtlEnabled: rtlEnabledRef,
             mergedClsPrefix: mergedClsPrefixRef,
@@ -71,7 +82,8 @@ export default defineComponent({
             handleAfterLeave,
             cssVars: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            offsetStyle: offsetStyleRef
         };
     },
     render() {
@@ -90,7 +102,7 @@ export default defineComponent({
             ], style: this.cssVars },
             children,
             h(Transition, { name: "fade-in-scale-up-transition", onAfterEnter: this.handleAfterEnter, onAfterLeave: this.handleAfterLeave }, {
-                default: () => this.showBadge ? (h("sup", { class: `${mergedClsPrefix}-badge-sup`, title: getTitleAttribute(this.value) },
+                default: () => this.showBadge ? (h("sup", { class: `${mergedClsPrefix}-badge-sup`, title: getTitleAttribute(this.value), style: this.offsetStyle },
                     resolveSlot($slots.value, () => [
                         !this.dot ? (h(NBaseSlotMachine, { clsPrefix: mergedClsPrefix, appeared: this.appeared, max: this.max, value: this.value })) : null
                     ]),

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

@@ -9,7 +9,7 @@ declare const self: (vars: ThemeCommonVars) => {
     fontSize: string;
     fontFamily: string;
 };
-export declare type BadgeThemeVars = ReturnType<typeof self>;
+export type BadgeThemeVars = ReturnType<typeof self>;
 declare const badgeLight: Theme<'Badge', BadgeThemeVars>;
 export default badgeLight;
-export declare type BadgeTheme = typeof badgeLight;
+export type BadgeTheme = typeof badgeLight;

package/es/breadcrumb/src/Breadcrumb.d.ts

@@ -50,7 +50,7 @@ export declare const breadcrumbProps: {
         fontWeightActive: string;
     }, any>>>;
 };
-export declare type BreadcrumbProps = ExtractPublicPropTypes<typeof breadcrumbProps>;
+export type BreadcrumbProps = ExtractPublicPropTypes<typeof breadcrumbProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly separator: {
         readonly type: StringConstructor;

package/es/breadcrumb/src/BreadcrumbItem.d.ts

@@ -8,7 +8,7 @@ export declare const breadcrumbItemProps: {
     };
     readonly onClick: PropType<(e: MouseEvent) => void>;
 };
-export declare type BreadcrumbItemProps = Partial<ExtractPropTypes<typeof breadcrumbItemProps>>;
+export type BreadcrumbItemProps = Partial<ExtractPropTypes<typeof breadcrumbItemProps>>;
 declare const _default: import("vue").DefineComponent<{
     readonly separator: StringConstructor;
     readonly href: StringConstructor;

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

@@ -13,7 +13,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     separatorColor: string;
     fontWeightActive: string;
 };
-export declare type BreadcrumbThemeVars = ReturnType<typeof self>;
+export type BreadcrumbThemeVars = ReturnType<typeof self>;
 declare const breadcrumbLight: Theme<'Breadcrumb', BreadcrumbThemeVars>;
 export default breadcrumbLight;
-export declare type BreadcrumbTheme = typeof breadcrumbLight;
+export type BreadcrumbTheme = typeof breadcrumbLight;

package/es/button/src/Button.d.ts

@@ -664,7 +664,7 @@ export declare const buttonProps: {
         rippleDuration: string;
     }, any>>>;
 };
-export declare type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
+export type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
 declare const Button: import("vue").DefineComponent<{
     readonly color: StringConstructor;
     readonly textColor: StringConstructor;
@@ -2067,9 +2067,9 @@ declare const Button: import("vue").DefineComponent<{
     readonly attrType: "button" | "reset" | "submit";
     readonly nativeFocusBehavior: boolean;
 }>;
-declare type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;
-declare type NativeButtonProps = Omit<ButtonHTMLAttributes, keyof InternalButtonProps>;
-declare type MergedProps = Partial<InternalButtonProps & NativeButtonProps>;
+type InternalButtonProps = ExtractPropTypes<typeof buttonProps>;
+type NativeButtonProps = Omit<ButtonHTMLAttributes, keyof InternalButtonProps>;
+type MergedProps = Partial<InternalButtonProps & NativeButtonProps>;
 export default Button;
 export declare const XButton: new () => {
     $props: MergedProps;

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

@@ -1,2 +1,2 @@
-export declare type Size = 'tiny' | 'small' | 'medium' | 'large';
-export declare type Type = 'default' | 'tertiary' | 'primary' | 'info' | 'success' | 'warning' | 'error';
+export type Size = 'tiny' | 'small' | 'medium' | 'large';
+export type Type = 'default' | 'tertiary' | 'primary' | 'info' | 'success' | 'warning' | 'error';