naive-ui 2.40.0 → 2.40.2

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

@@ -35,7 +35,7 @@ export interface NGridInjection {
     layoutShiftDisabledRef: Ref<boolean>;
 }
 export type GridProps = ExtractPublicPropTypes<typeof gridProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly layoutShiftDisabled: BooleanConstructor;
     readonly responsive: {
         readonly type: PropType<"self" | "screen">;
@@ -60,17 +60,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<number | string>;
         readonly default: 0;
     };
-}, {
+}>, {
     isSsr: boolean;
-    contentEl: Ref<HTMLElement | undefined>;
-    mergedClsPrefix: Ref<string>;
+    contentEl: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    mergedClsPrefix: Ref<string, string>;
     style: import("vue").ComputedRef<CSSProperties>;
     isResponsive: import("vue").ComputedRef<boolean>;
     responsiveQuery: import("vue").ComputedRef<number | ("m" | "s" | "xs" | "l" | "xl" | "xxl")[] | undefined>;
     responsiveCols: import("vue").ComputedRef<number>;
     handleResize: import("vue").ComputedRef<VResizeObserverOnResize | undefined>;
-    overflow: Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    overflow: Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly layoutShiftDisabled: BooleanConstructor;
     readonly responsive: {
         readonly type: PropType<"self" | "screen">;
@@ -95,7 +95,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<number | string>;
         readonly default: 0;
     };
-}>>, {
+}>> & Readonly<{}>, {
     readonly cols: string | number;
     readonly responsive: "screen" | "self";
     readonly collapsed: boolean;
@@ -104,5 +104,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly collapsedRows: number;
     readonly xGap: string | number;
     readonly yGap: string | number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/grid/src/Grid.mjs

@@ -1,10 +1,10 @@
-import { cloneVNode, computed, defineComponent, h, mergeProps, onMounted, provide, ref, toRef, vShow } from 'vue';
+import { beforeNextFrameOnce, parseResponsivePropValue, pxfy } from 'seemly';
 import { useBreakpoints, useMemo } from 'vooks';
+import { cloneVNode, computed, defineComponent, h, mergeProps, onMounted, provide, ref, toRef, vShow } from 'vue';
 import { VResizeObserver } from 'vueuc';
-import { beforeNextFrameOnce, parseResponsivePropValue, pxfy } from 'seemly';
-import { defaultBreakpoints } from "../../config-provider/src/config.mjs";
 import { useConfig } from "../../_mixins/index.mjs";
 import { flatten, getSlot, isBrowser, isNodeVShowFalse } from "../../_utils/index.mjs";
+import { defaultBreakpoints } from "../../config-provider/src/config.mjs";
 import { defaultSpan, gridInjectionKey } from "./config.mjs";
 const defaultCols = 24;
 const SSR_ATTR_NAME = '__ssr__';

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

@@ -1,5 +1,5 @@
-import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType } from 'vue';
 export declare const defaultSpan = 1;
 export declare const gridItemProps: {
     readonly span: {
@@ -21,7 +21,7 @@ export declare const gridItemProps: {
 };
 export declare const gridItemPropKeys: ("span" | "offset" | "suffix" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
 export type GridItemProps = ExtractPublicPropTypes<typeof gridItemProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly span: {
         readonly type: PropType<string | number>;
         readonly default: 1;
@@ -38,17 +38,17 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-}, {
-    overflow: import("vue").Ref<boolean>;
-    itemStyle: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
-    layoutShiftDisabled: import("vue").Ref<boolean>;
+}>, {
+    overflow: import("vue").Ref<boolean, boolean>;
+    itemStyle: import("vue").Ref<string | import("vue").CSSProperties | undefined, string | import("vue").CSSProperties | undefined>;
+    layoutShiftDisabled: import("vue").Ref<boolean, boolean>;
     mergedXGap: import("vue").ComputedRef<string>;
     deriveStyle: () => {
         display: string;
         gridColumn: string;
         marginLeft: string;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly span: {
         readonly type: PropType<string | number>;
         readonly default: 1;
@@ -65,10 +65,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: BooleanConstructor;
         readonly default: true;
     };
-}>>, {
+}>> & Readonly<{}>, {
     readonly span: string | number;
     readonly offset: string | number;
     readonly suffix: boolean;
     readonly privateShow: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/grid/src/GridItem.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, getCurrentInstance, h, inject } from 'vue';
 import { pxfy } from 'seemly';
+import { computed, defineComponent, getCurrentInstance, h, inject } from 'vue';
 import { keysOf } from "../../_utils/index.mjs";
 import { gridInjectionKey } from "./config.mjs";
 export const defaultSpan = 1;

package/es/highlight/src/Highlight.d.ts

@@ -17,7 +17,7 @@ export declare const highlightProps: {
     readonly highlightClass: StringConstructor;
     readonly highlightStyle: PropType<CSSProperties | string>;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly highlightTag: {
         readonly type: StringConstructor;
         readonly default: "mark";
@@ -34,12 +34,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly highlightClass: StringConstructor;
     readonly highlightStyle: PropType<CSSProperties | string>;
-}, {
+}>, {
     highlightedNode: import("vue").ComputedRef<VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>>;
-    mergedClsPrefix: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    mergedClsPrefix: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly highlightTag: {
         readonly type: StringConstructor;
         readonly default: "mark";
@@ -56,10 +56,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly highlightClass: StringConstructor;
     readonly highlightStyle: PropType<CSSProperties | string>;
-}>>, {
+}>> & Readonly<{}>, {
     readonly highlightTag: string;
     readonly caseSensitive: boolean;
     readonly autoEscape: boolean;
     readonly patterns: string[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/icon/index.d.ts

@@ -1,2 +1,2 @@
-export { NIcon, iconProps } from './src/Icon';
+export { iconProps, NIcon } from './src/Icon';
 export type { IconProps } from './src/Icon';

package/es/icon/index.mjs

@@ -1 +1 @@
-export { NIcon, iconProps } from "./src/Icon.mjs";
+export { iconProps, NIcon } from "./src/Icon.mjs";

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

@@ -1,5 +1,5 @@
-import { type Component, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import { type Component, type PropType } from 'vue';
 export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
 export declare const iconProps: {
     readonly depth: PropType<Depth>;
@@ -32,7 +32,7 @@ export declare const iconProps: {
     }, any>>>;
 };
 export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
-export declare const NIcon: import("vue").DefineComponent<{
+export declare const NIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly depth: PropType<Depth>;
     readonly size: PropType<number | string>;
     readonly color: StringConstructor;
@@ -61,8 +61,8 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}, {
-    mergedClsPrefix: import("vue").Ref<string>;
+}>, {
+    mergedClsPrefix: import("vue").Ref<string, string>;
     mergedStyle: import("vue").ComputedRef<{
         fontSize: string | undefined;
         color: string | undefined;
@@ -72,9 +72,9 @@ export declare const NIcon: import("vue").DefineComponent<{
         '--n-color': string;
         '--n-opacity': string;
     }> | undefined;
-    themeClass: import("vue").Ref<string> | undefined;
+    themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly depth: PropType<Depth>;
     readonly size: PropType<number | string>;
     readonly color: StringConstructor;
@@ -103,4 +103,4 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,5 +1,5 @@
-import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
+import type { ThemeCommonVars } from '../../_styles/common';
 export declare function self(vars: ThemeCommonVars): {
     color: string;
     opacity1Depth: string;

package/es/icon-wrapper/index.d.ts

@@ -1,2 +1,2 @@
-export { NIconWrapper, iconWrapperProps } from './src/IconWrapper';
+export { iconWrapperProps, NIconWrapper } from './src/IconWrapper';
 export type { IconWrapperProps } from './src/IconWrapper';

package/es/icon-wrapper/index.mjs

@@ -1 +1 @@
-export { NIconWrapper, iconWrapperProps } from "./src/IconWrapper.mjs";
+export { iconWrapperProps, NIconWrapper } from "./src/IconWrapper.mjs";

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

@@ -24,7 +24,7 @@ export declare const iconWrapperProps: {
     }, any>>>;
 };
 export type IconWrapperProps = ExtractPublicPropTypes<typeof iconWrapperProps>;
-export declare const NIconWrapper: import("vue").DefineComponent<{
+export declare const NIconWrapper: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly size: {
         readonly type: NumberConstructor;
         readonly default: 24;
@@ -47,7 +47,7 @@ export declare const NIconWrapper: import("vue").DefineComponent<{
         color: string;
         iconColor: string;
     }, any>>>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: {
         readonly type: NumberConstructor;
         readonly default: 24;
@@ -70,7 +70,7 @@ export declare const NIconWrapper: import("vue").DefineComponent<{
         color: string;
         iconColor: string;
     }, any>>>;
-}>>, {
+}>> & Readonly<{}>, {
     readonly size: number;
     readonly borderRadius: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,5 +1,5 @@
-import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
+import type { ThemeCommonVars } from '../../_styles/common';
 export declare function self(vars: ThemeCommonVars): {
     color: string;
     iconColor: string;

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

@@ -1,6 +1,7 @@
-import { type ImgHTMLAttributes, type PropType } from 'vue';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import type { ImagePreviewInst } from './ImagePreview';
 import type { IntersectionObserverOptions } from './utils';
+import { type ImgHTMLAttributes, type PropType } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export interface ImageInst {
     click: () => void;
 }
@@ -120,7 +121,7 @@ export declare const imageProps: {
     onLoad: PropType<(e: Event) => void>;
 };
 export type ImageProps = ExtractPublicPropTypes<typeof imageProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onPreviewPrev: PropType<() => void>;
     onPreviewNext: PropType<() => void>;
     showToolbar: {
@@ -234,23 +235,27 @@ declare const _default: import("vue").DefineComponent<{
     loadDescription: StringConstructor;
     onError: PropType<(e: Event) => void>;
     onLoad: PropType<(e: Event) => void>;
-}, {
+}>, {
     click: () => void;
-    mergedClsPrefix: import("vue").Ref<string>;
+    mergedClsPrefix: import("vue").Ref<string, string>;
     groupId: string | undefined;
     previewInstRef: import("vue").Ref<{
         setThumbnailEl: (e: HTMLImageElement | null) => void;
         setPreviewSrc: (src?: string) => void;
         toggleShow: () => void;
+    } | null, ImagePreviewInst | {
+        setThumbnailEl: (e: HTMLImageElement | null) => void;
+        setPreviewSrc: (src?: string) => void;
+        toggleShow: () => void;
     } | null>;
-    imageRef: import("vue").Ref<HTMLImageElement | null>;
-    showError: import("vue").Ref<boolean>;
-    shouldStartLoading: import("vue").Ref<boolean>;
-    loaded: import("vue").Ref<boolean>;
+    imageRef: import("vue").Ref<HTMLImageElement | null, HTMLImageElement | null>;
+    showError: import("vue").Ref<boolean, boolean>;
+    shouldStartLoading: import("vue").Ref<boolean, boolean>;
+    loaded: import("vue").Ref<boolean, boolean>;
     mergedOnClick: (e: MouseEvent) => void;
     mergedOnError: (e: Event) => void;
     mergedOnLoad: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onPreviewPrev: PropType<() => void>;
     onPreviewNext: PropType<() => void>;
     showToolbar: {
@@ -364,11 +369,11 @@ declare const _default: import("vue").DefineComponent<{
     loadDescription: StringConstructor;
     onError: PropType<(e: Event) => void>;
     onLoad: PropType<(e: Event) => void>;
-}>>, {
-    lazy: boolean;
+}>> & Readonly<{}>, {
     objectFit: "fill" | "none" | "contain" | "cover" | "scale-down";
+    lazy: boolean;
     showToolbar: boolean;
     showToolbarTooltip: boolean;
     previewDisabled: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/image/src/Image.mjs

@@ -1,10 +1,11 @@
 import { defineComponent, h, inject, onBeforeUnmount, onMounted, provide, ref, toRef, watchEffect } from 'vue';
-import { isImageSupportNativeLazy } from "../../_utils/env/is-native-lazy-load.mjs";
 import { useConfig } from "../../_mixins/index.mjs";
-import { imageContextKey, imagePreviewSharedProps } from "./interface.mjs";
-import { observeIntersection } from "./utils.mjs";
+import { resolveSlot } from "../../_utils/index.mjs";
+import { isImageSupportNativeLazy } from "../../_utils/env/is-native-lazy-load.mjs";
 import { imageGroupInjectionKey } from "./ImageGroup.mjs";
 import NImagePreview from "./ImagePreview.mjs";
+import { imageContextKey, imagePreviewSharedProps } from "./interface.mjs";
+import { observeIntersection } from "./utils.mjs";
 export const imageProps = Object.assign({
   alt: String,
   height: [String, Number],
@@ -132,9 +133,10 @@ export default defineComponent({
       $attrs,
       lazy
     } = this;
+    const errorNode = resolveSlot(this.$slots.error, () => []);
     const placeholderNode = (_b = (_a = this.$slots).placeholder) === null || _b === void 0 ? void 0 : _b.call(_a);
     const loadSrc = this.src || imgProps.src;
-    const imgNode = h('img', Object.assign(Object.assign({}, imgProps), {
+    const imgNode = this.showError && errorNode.length ? errorNode : h('img', Object.assign(Object.assign({}, imgProps), {
       ref: 'imageRef',
       width: this.width || imgProps.width,
       height: this.height || imgProps.height,

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

@@ -1,7 +1,7 @@
-import { type Ref } from 'vue';
-import { type ExtractPublicPropTypes } from '../../_utils';
 import type { ImagePreviewInst } from './ImagePreview';
 import type { ImageRenderToolbar } from './public-types';
+import { type Ref } from 'vue';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePreviewInst & {
     groupId: string;
     mergedClsPrefixRef: Ref<string>;
@@ -105,7 +105,7 @@ export declare const imageGroupProps: {
     }>>>;
 };
 export type ImageGroupProps = ExtractPublicPropTypes<typeof imageGroupProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onPreviewPrev: import("vue").PropType<() => void>;
     onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
@@ -201,16 +201,20 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>>;
-}, {
-    mergedClsPrefix: Ref<string>;
+}>, {
+    mergedClsPrefix: Ref<string, string>;
     previewInstRef: Ref<{
         setThumbnailEl: (e: HTMLImageElement | null) => void;
         setPreviewSrc: (src?: string) => void;
         toggleShow: () => void;
+    } | null, ImagePreviewInst | {
+        setThumbnailEl: (e: HTMLImageElement | null) => void;
+        setPreviewSrc: (src?: string) => void;
+        toggleShow: () => void;
     } | null>;
     next: () => void;
     prev: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onPreviewPrev: import("vue").PropType<() => void>;
     onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
@@ -306,8 +310,8 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>>;
-}>>, {
+}>> & Readonly<{}>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/image/src/ImageGroup.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, getCurrentInstance, h, provide, ref, toRef } from 'vue';
 import { createId } from 'seemly';
-import { createInjectionKey } from "../../_utils/index.mjs";
+import { defineComponent, getCurrentInstance, h, provide, ref, toRef } from 'vue';
 import { useConfig } from "../../_mixins/index.mjs";
+import { createInjectionKey } from "../../_utils/index.mjs";
 import NImagePreview from "./ImagePreview.mjs";
 import { imagePreviewSharedProps } from "./interface.mjs";
 export const imageGroupInjectionKey = createInjectionKey('n-image-group');

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

@@ -4,7 +4,7 @@ export interface ImagePreviewInst {
     setPreviewSrc: (src?: string) => void;
     toggleShow: () => void;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     onNext: PropType<() => void>;
     onPrev: PropType<() => void>;
     clsPrefix: {
@@ -106,17 +106,17 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>>;
-}, {
+}>, {
     setThumbnailEl: (e: HTMLImageElement | null) => void;
     setPreviewSrc: (src?: string) => void;
     toggleShow: () => void;
-    previewRef: import("vue").Ref<HTMLImageElement | null>;
-    previewWrapperRef: import("vue").Ref<HTMLDivElement | null>;
-    previewSrc: import("vue").Ref<string | undefined>;
-    show: import("vue").Ref<boolean>;
-    appear: Readonly<import("vue").Ref<boolean>>;
-    displayed: import("vue").Ref<boolean>;
-    previewedImgProps: import("vue").Ref<import("vue").ImgHTMLAttributes | undefined> | undefined;
+    previewRef: import("vue").Ref<HTMLImageElement | null, HTMLImageElement | null>;
+    previewWrapperRef: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    previewSrc: import("vue").Ref<string | undefined, string | undefined>;
+    show: import("vue").Ref<boolean, boolean>;
+    appear: Readonly<import("vue").Ref<boolean, boolean>>;
+    displayed: import("vue").Ref<boolean, boolean>;
+    previewedImgProps: import("vue").Ref<import("vue").ImgHTMLAttributes | undefined, import("vue").ImgHTMLAttributes | undefined> | undefined;
     handleWheel(e: WheelEvent): void;
     handlePreviewMousedown: (e: MouseEvent) => void;
     handlePreviewDblclick: (e: MouseEvent) => void;
@@ -139,9 +139,9 @@ declare const _default: import("vue").DefineComponent<{
         '--n-toolbar-border-radius': string;
         '--n-toolbar-box-shadow': string;
     }> | undefined;
-    themeClass: import("vue").Ref<string> | undefined;
+    themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     onNext: PropType<() => void>;
     onPrev: PropType<() => void>;
     clsPrefix: {
@@ -243,8 +243,8 @@ declare const _default: import("vue").DefineComponent<{
             }, any>;
         }>;
     }>>>;
-}>>, {
+}>> & Readonly<{}>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/image/src/ImagePreview.mjs

@@ -1,13 +1,13 @@
-import { Fragment, Transition, computed, defineComponent, h, inject, normalizeStyle, onBeforeUnmount, ref, toRef, vShow, watch, withDirectives } from 'vue';
+import { off, on } from 'evtd';
+import { kebabCase } from 'lodash-es';
+import { beforeNextFrameOnce } from 'seemly';
 import { zindexable } from 'vdirs';
 import { useIsMounted } from 'vooks';
+import { computed, defineComponent, Fragment, h, inject, normalizeStyle, onBeforeUnmount, ref, toRef, Transition, vShow, watch, withDirectives } from 'vue';
 import { LazyTeleport } from 'vueuc';
-import { off, on } from 'evtd';
-import { beforeNextFrameOnce } from 'seemly';
-import { kebabCase } from 'lodash-es';
+import { NBaseIcon } from "../../_internal/index.mjs";
 import { DownloadIcon, ResizeSmallIcon, RotateClockwiseIcon, RotateCounterclockwiseIcon, ZoomInIcon, ZoomOutIcon } from "../../_internal/icons/index.mjs";
 import { useConfig, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { NBaseIcon } from "../../_internal/index.mjs";
 import { download } from "../../_utils/index.mjs";
 import { NTooltip } from "../../tooltip/index.mjs";
 import { imageLight } from "../styles/index.mjs";

package/es/image/src/styles/index.cssr.mjs

@@ -1,6 +1,6 @@
-import { c, cB, cNotM } from "../../../_utils/cssr/index.mjs";
 import { fadeInTransition } from "../../../_styles/transitions/fade-in.cssr.mjs";
 import { fadeInScaleUpTransition } from "../../../_styles/transitions/fade-in-scale-up.cssr.mjs";
+import { c, cB, cNotM } from "../../../_utils/cssr/index.mjs";
 // vars:
 // --n-toolbar-icon-color
 // --n-toolbar-color

package/es/image/styles/dark.mjs

@@ -1,5 +1,5 @@
-import { tooltipDark } from "../../styles.mjs";
 import { commonDark } from "../../_styles/common/index.mjs";
+import { tooltipDark } from "../../styles.mjs";
 export const imageDark = {
   name: 'Image',
   common: commonDark,

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

@@ -1,3 +1,3 @@
-export { imageLight } from './light';
 export { imageDark } from './dark';
+export { imageLight } from './light';
 export type { ImageTheme, ImageThemeVars } from './light';

package/es/image/styles/index.mjs

@@ -1,2 +1,2 @@
-export { imageLight } from "./light.mjs";
-export { imageDark } from "./dark.mjs";
+export { imageDark } from "./dark.mjs";
+export { imageLight } from "./light.mjs";

package/es/image/styles/light.mjs

@@ -1,6 +1,6 @@
-import { tooltipLight } from "../../tooltip/styles/index.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
+import { tooltipLight } from "../../tooltip/styles/index.mjs";
 function self() {
   return {
     toolbarIconColor: 'rgba(255, 255, 255, .9)',

package/es/index.d.ts

@@ -1,12 +1,12 @@
-export { default, install } from './preset';
-export { useOsTheme } from 'vooks';
-export { zindexable } from 'vdirs';
-export { default as create } from './create';
-export * from './locales';
+export { c, cB, cE, cM, cNotM } from './_utils/cssr';
 export * from './components';
 export * from './composables';
+export { default as create } from './create';
+export * from './locales';
+export { default, install } from './preset';
 export * from './styles';
-export { darkTheme, lightTheme, createTheme } from './themes';
-export { c, cE, cM, cB, cNotM } from './_utils/cssr';
-export { default as version } from './version';
 export { NThemeEditor } from './theme-editor';
+export { createTheme, darkTheme, lightTheme } from './themes';
+export { default as version } from './version';
+export { zindexable } from 'vdirs';
+export { useOsTheme } from 'vooks';

package/es/index.mjs

@@ -1,14 +1,14 @@
-export { default, install } from "./preset.mjs";
-export { useOsTheme } from 'vooks';
-export { zindexable } from 'vdirs';
-export { default as create } from "./create.mjs";
-export * from "./locales/index.mjs";
+export { c, cB, cE, cM, cNotM } from "./_utils/cssr/index.mjs";
 export * from "./components.mjs";
 export * from "./composables/index.mjs";
+export { default as create } from "./create.mjs";
+export * from "./locales/index.mjs";
+export { default, install } from "./preset.mjs";
 // component themes
 export * from "./styles.mjs";
+export { NThemeEditor } from "./theme-editor/index.mjs";
 // composed global theme, createTheme from component themes util
-export { darkTheme, lightTheme, createTheme } from "./themes/index.mjs";
-export { c, cE, cM, cB, cNotM } from "./_utils/cssr/index.mjs";
+export { createTheme, darkTheme, lightTheme } from "./themes/index.mjs";
 export { default as version } from "./version.mjs";
-export { NThemeEditor } from "./theme-editor/index.mjs";
+export { zindexable } from 'vdirs';
+export { useOsTheme } from 'vooks';