naive-ui 2.34.3 → 2.35.0

package/lib/form/src/FormItemCol.js

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

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

@@ -445,5 +445,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
     readonly privateShow: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/form/src/FormItemGridItem.js

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

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

@@ -463,5 +463,5 @@ declare const _default: import("vue").DefineComponent<{
     ignorePathChange: boolean;
     gutter: string | number | [number, number];
     pull: import("../../legacy-grid/src/interface").Span;
-}>;
+}, {}>;
 export default _default;

package/lib/form/src/FormItemRow.js

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

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

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

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

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

package/lib/global-style/src/GlobalStyle.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 type Gradient = string | {
     deg?: string | number;
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         colorEndSuccess: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     compatibleType: import("vue").ComputedRef<"error" | "primary" | "info" | "success" | "warning">;
     styleFontSize: import("vue").ComputedRef<string | number | undefined>;
     styleBgImage: import("vue").ComputedRef<string | undefined>;
@@ -176,5 +176,5 @@ declare const _default: import("vue").DefineComponent<{
     }, any>>>;
 }>>, {
     readonly type: "error" | "primary" | "info" | "success" | "warning" | "danger";
-}>;
+}, {}>;
 export default _default;

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

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

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

@@ -1,6 +1,6 @@
-import { CSSProperties, PropType, Ref } from 'vue';
-import { VResizeObserverOnResize } from 'vueuc';
-import { ExtractPublicPropTypes } from '../../_utils';
+import { type CSSProperties, type PropType, type Ref } from 'vue';
+import { type VResizeObserverOnResize } from 'vueuc';
+import { type ExtractPublicPropTypes } from '../../_utils';
 export declare const gridProps: {
     readonly layoutShiftDisabled: BooleanConstructor;
     readonly responsive: {
@@ -63,10 +63,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isSsr: boolean;
     contentEl: Ref<HTMLElement | undefined>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<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>;
@@ -104,5 +104,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly collapsedRows: number;
     readonly xGap: string | number;
     readonly yGap: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/grid/src/Grid.js

@@ -147,7 +147,7 @@ exports.default = (0, vue_1.defineComponent)({
             const childrenAndRawSpan = [];
             const { collapsed, collapsedRows, responsiveCols, responsiveQuery } = this;
             rawChildren.forEach((child) => {
-                var _a, _b, _c, _d;
+                var _a, _b, _c, _d, _e;
                 if (((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.__GRID_ITEM__) !== true)
                     return;
                 if ((0, _utils_1.isNodeVShowFalse)(child)) {
@@ -167,8 +167,11 @@ exports.default = (0, vue_1.defineComponent)({
                 // We don't want v-show to control display, so we need to stripe it
                 // here, nor it may mess child's style
                 child.dirs = ((_b = child.dirs) === null || _b === void 0 ? void 0 : _b.filter(({ dir }) => dir !== vue_1.vShow)) || null;
+                if (((_c = child.dirs) === null || _c === void 0 ? void 0 : _c.length) === 0) {
+                    child.dirs = null;
+                }
                 const clonedChild = (0, vue_1.cloneVNode)(child);
-                const rawChildSpan = Number((_d = (0, seemly_1.parseResponsivePropValue)((_c = clonedChild.props) === null || _c === void 0 ? void 0 : _c.span, responsiveQuery)) !== null && _d !== void 0 ? _d : config_2.defaultSpan);
+                const rawChildSpan = Number((_e = (0, seemly_1.parseResponsivePropValue)((_d = clonedChild.props) === null || _d === void 0 ? void 0 : _d.span, responsiveQuery)) !== null && _e !== void 0 ? _e : config_2.defaultSpan);
                 if (rawChildSpan === 0)
                     return;
                 childrenAndRawSpan.push({
@@ -181,7 +184,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (maybeSuffixNode === null || maybeSuffixNode === void 0 ? void 0 : maybeSuffixNode.props) {
                 const suffixPropValue = (_b = maybeSuffixNode.props) === null || _b === void 0 ? void 0 : _b.suffix;
                 if (suffixPropValue !== undefined && suffixPropValue !== false) {
-                    suffixSpan = (_d = (_c = maybeSuffixNode.props) === null || _c === void 0 ? void 0 : _c.span) !== null && _d !== void 0 ? _d : config_2.defaultSpan;
+                    suffixSpan = Number((_d = (0, seemly_1.parseResponsivePropValue)((_c = maybeSuffixNode.props) === null || _c === void 0 ? void 0 : _c.span, responsiveQuery)) !== null && _d !== void 0 ? _d : config_2.defaultSpan);
                     maybeSuffixNode.props.privateSpan = suffixSpan;
                     maybeSuffixNode.props.privateColStart =
                         responsiveCols + 1 - suffixSpan;

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: {
@@ -70,5 +70,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly span: string | number;
     readonly suffix: boolean;
     readonly privateShow: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,11 +1,11 @@
-import { Component, PropType } from 'vue';
+import { type Component, type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export type Depth = 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5' | undefined;
 export declare const iconProps: {
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -36,7 +36,7 @@ export declare const NIcon: import("vue").DefineComponent<{
     readonly depth: PropType<Depth>;
     readonly size: PropType<string | number>;
     readonly color: StringConstructor;
-    readonly component: PropType<Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+    readonly component: PropType<Component>;
     readonly theme: PropType<import("../../_mixins").Theme<"Icon", {
         color: string;
         opacity1Depth: string;
@@ -62,7 +62,7 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity5Depth: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedStyle: import("vue").ComputedRef<{
         fontSize: string | undefined;
         color: string | undefined;
@@ -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;
@@ -103,4 +103,4 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}>>, {}>;
+}>>, {}, {}>;

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;
@@ -73,4 +73,4 @@ export declare const NIconWrapper: import("vue").DefineComponent<{
 }>>, {
     readonly size: number;
     readonly borderRadius: number;
-}>;
+}, {}>;

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

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

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

@@ -1,10 +1,12 @@
-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 {
     click: () => void;
 }
 export declare const imageProps: {
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -118,6 +120,8 @@ export declare const imageProps: {
 };
 export type ImageProps = ExtractPublicPropTypes<typeof imageProps>;
 declare const _default: import("vue").DefineComponent<{
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -230,7 +234,7 @@ declare const _default: import("vue").DefineComponent<{
     onLoad: PropType<(e: Event) => void>;
 }, {
     click: () => void;
-    mergedClsPrefix: import("vue").Ref<string> | import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     groupId: string | undefined;
     previewInstRef: import("vue").Ref<{
         setThumbnailEl: (e: HTMLImageElement | null) => void;
@@ -245,6 +249,8 @@ declare const _default: import("vue").DefineComponent<{
     mergedOnError: (e: Event) => void;
     mergedOnLoad: (e: Event) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -361,5 +367,5 @@ declare const _default: import("vue").DefineComponent<{
     showToolbar: boolean;
     showToolbarTooltip: boolean;
     previewDisabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/image/src/Image.js

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

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

@@ -1,11 +1,13 @@
-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;
     mergedClsPrefixRef: Ref<string>;
 }>;
 export declare const imageGroupProps: {
+    onPreviewPrev: import("vue").PropType<() => void>;
+    onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -101,6 +103,8 @@ export declare const imageGroupProps: {
 };
 export type ImageGroupProps = ExtractPublicPropTypes<typeof imageGroupProps>;
 declare const _default: import("vue").DefineComponent<{
+    onPreviewPrev: import("vue").PropType<() => void>;
+    onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -194,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     previewInstRef: Ref<{
         setThumbnailEl: (e: HTMLImageElement | null) => void;
         setPreviewSrc: (src?: string | undefined) => void;
@@ -203,6 +207,8 @@ declare const _default: import("vue").DefineComponent<{
     next: () => void;
     prev: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    onPreviewPrev: import("vue").PropType<() => void>;
+    onPreviewNext: import("vue").PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -298,5 +304,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/image/src/ImageGroup.js

@@ -26,6 +26,7 @@ exports.default = (0, vue_1.defineComponent)({
             (_a = previewInstRef.value) === null || _a === void 0 ? void 0 : _a.setPreviewSrc(src);
         };
         function go(step) {
+            var _a, _b;
             if (!(vm === null || vm === void 0 ? void 0 : vm.proxy))
                 return;
             const container = vm.proxy.$el.parentElement;
@@ -40,6 +41,7 @@ exports.default = (0, vue_1.defineComponent)({
             else {
                 setPreviewSrc(imgs[0].dataset.previewSrc);
             }
+            step === 1 ? (_a = props.onPreviewNext) === null || _a === void 0 ? void 0 : _a.call(props) : (_b = props.onPreviewPrev) === null || _b === void 0 ? void 0 : _b.call(props);
         }
         (0, vue_1.provide)(exports.imageGroupInjectionKey, {
             mergedClsPrefixRef,
@@ -58,8 +60,12 @@ 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;
@@ -11,6 +11,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -113,7 +115,7 @@ declare const _default: import("vue").DefineComponent<{
     show: import("vue").Ref<boolean>;
     appear: Readonly<import("vue").Ref<boolean>>;
     displayed: import("vue").Ref<boolean>;
-    previewedImgProps: import("vue").Ref<import("vue").ImgHTMLAttributes> | undefined;
+    previewedImgProps: import("vue").Ref<import("vue").ImgHTMLAttributes | undefined> | undefined;
     handleWheel(e: WheelEvent): void;
     handlePreviewMousedown: (e: MouseEvent) => void;
     handlePreviewDblclick: (e: MouseEvent) => void;
@@ -122,11 +124,12 @@ declare const _default: import("vue").DefineComponent<{
     handleDragStart: (e: DragEvent) => void;
     zoomIn: () => void;
     zoomOut: () => void;
+    handleDownloadClick: () => void;
     rotateCounterclockwise: () => void;
     rotateClockwise: () => void;
     handleSwitchPrev: () => void;
     handleSwitchNext: () => void;
-    withTooltip: (node: VNode, tooltipKey: "tipPrevious" | "tipNext" | "tipCounterclockwise" | "tipClockwise" | "tipZoomOut" | "tipZoomIn" | "tipClose" | "tipOriginalSize") => VNode;
+    withTooltip: (node: VNode, tooltipKey: "tipPrevious" | "tipNext" | "tipCounterclockwise" | "tipClockwise" | "tipZoomOut" | "tipZoomIn" | "tipDownload" | "tipClose" | "tipOriginalSize") => VNode;
     resizeToOrignalImageSize: () => void;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
@@ -144,6 +147,8 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -239,5 +244,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     showToolbar: boolean;
     showToolbarTooltip: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/image/src/ImagePreview.js

@@ -10,6 +10,7 @@ const vueuc_1 = require("vueuc");
 const evtd_1 = require("evtd");
 const seemly_1 = require("seemly");
 const lodash_1 = require("lodash");
+const utils_1 = require("../../upload/src/utils");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
 const _internal_1 = require("../../_internal");
@@ -257,6 +258,12 @@ exports.default = (0, vue_1.defineComponent)({
                 derivePreviewStyle();
             }
         }
+        function handleDownloadClick() {
+            const src = previewSrcRef.value;
+            if (src) {
+                (0, utils_1.download)(src, undefined);
+            }
+        }
         function derivePreviewStyle(transition = true) {
             var _a;
             const { value: preview } = previewRef;
@@ -355,6 +362,7 @@ exports.default = (0, vue_1.defineComponent)({
                 e.preventDefault();
             }, zoomIn,
             zoomOut,
+            handleDownloadClick,
             rotateCounterclockwise,
             rotateClockwise,
             handleSwitchPrev,
@@ -403,6 +411,7 @@ exports.default = (0, vue_1.defineComponent)({
                                     }), 'tipOriginalSize'),
                                     withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.zoomOut }, { default: () => (0, vue_1.h)(icons_1.ZoomOutIcon, null) }), 'tipZoomOut'),
                                     withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.zoomIn }, { default: () => (0, vue_1.h)(icons_1.ZoomInIcon, null) }), 'tipZoomIn'),
+                                    withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.handleDownloadClick }, { default: () => icons_2.downloadIcon }), 'tipDownload'),
                                     withTooltip((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: clsPrefix, onClick: this.toggleShow }, { default: () => icons_2.closeIcon }), 'tipClose')));
                             }
                         })) : null,

package/lib/image/src/icons.d.ts

@@ -1,3 +1,4 @@
 export declare const prevIcon: JSX.Element;
 export declare const nextIcon: JSX.Element;
 export declare const closeIcon: JSX.Element;
+export declare const downloadIcon: JSX.Element;

package/lib/image/src/icons.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.closeIcon = exports.nextIcon = exports.prevIcon = void 0;
+exports.downloadIcon = exports.closeIcon = exports.nextIcon = exports.prevIcon = void 0;
 const vue_1 = require("vue");
 exports.prevIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M6 5C5.75454 5 5.55039 5.17688 5.50806 5.41012L5.5 5.5V14.5C5.5 14.7761 5.72386 15 6 15C6.24546 15 6.44961 14.8231 6.49194 14.5899L6.5 14.5V5.5C6.5 5.22386 6.27614 5 6 5ZM13.8536 5.14645C13.68 4.97288 13.4106 4.9536 13.2157 5.08859L13.1464 5.14645L8.64645 9.64645C8.47288 9.82001 8.4536 10.0894 8.58859 10.2843L8.64645 10.3536L13.1464 14.8536C13.3417 15.0488 13.6583 15.0488 13.8536 14.8536C14.0271 14.68 14.0464 14.4106 13.9114 14.2157L13.8536 14.1464L9.70711 10L13.8536 5.85355C14.0488 5.65829 14.0488 5.34171 13.8536 5.14645Z", fill: "currentColor" })));
@@ -8,3 +8,5 @@ exports.nextIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xm
     (0, vue_1.h)("path", { d: "M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z", fill: "currentColor" })));
 exports.closeIcon = ((0, vue_1.h)("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     (0, vue_1.h)("path", { d: "M4.089 4.216l.057-.07a.5.5 0 0 1 .638-.057l.07.057L10 9.293l5.146-5.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L10.707 10l5.147 5.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.638.057l-.07-.057L10 10.707l-5.146 5.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07L9.293 10L4.146 4.854a.5.5 0 0 1-.057-.638l.057-.07l-.057.07z", fill: "currentColor" })));
+exports.downloadIcon = ((0, vue_1.h)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 1024 1024" },
+    (0, vue_1.h)("path", { fill: "currentColor", d: "M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" })));

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

@@ -1,4 +1,4 @@
-import { ImgHTMLAttributes, Ref } from 'vue';
+import type { ImgHTMLAttributes, PropType, Ref } from 'vue';
 export interface MoveStrategy {
     moveVerticalDirection: 'verticalTop' | 'verticalBottom';
     moveHorizontalDirection: 'horizontalLeft' | 'horizontalRight';
@@ -6,12 +6,14 @@ export interface MoveStrategy {
     deltaVertical: number;
 }
 export declare const imagePreviewSharedProps: {
+    onPreviewPrev: PropType<() => void>;
+    onPreviewNext: PropType<() => void>;
     showToolbar: {
         type: BooleanConstructor;
         default: boolean;
     };
     showToolbarTooltip: BooleanConstructor;
-    theme: import("vue").PropType<import("../../_mixins").Theme<"Image", {
+    theme: PropType<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -40,7 +42,7 @@ export declare const imagePreviewSharedProps: {
             }, any>;
         }>;
     }>>;
-    themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -69,7 +71,7 @@ export declare const imagePreviewSharedProps: {
             }, any>;
         }>;
     }>>>;
-    builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Image", {
         toolbarIconColor: string;
         toolbarColor: string;
         toolbarBoxShadow: string;
@@ -100,6 +102,6 @@ export declare const imagePreviewSharedProps: {
     }>>>;
 };
 export interface ImageContext {
-    previewedImgPropsRef: Ref<ImgHTMLAttributes>;
+    previewedImgPropsRef: Ref<ImgHTMLAttributes | undefined>;
 }
 export declare const imageContextKey: import("vue").InjectionKey<ImageContext>;

package/lib/image/src/interface.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.imageContextKey = exports.imagePreviewSharedProps = void 0;
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
-exports.imagePreviewSharedProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { showToolbar: { type: Boolean, default: true }, showToolbarTooltip: Boolean });
+exports.imagePreviewSharedProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { onPreviewPrev: Function, onPreviewNext: Function, showToolbar: { type: Boolean, default: true }, showToolbarTooltip: Boolean });
 exports.imageContextKey = (0, _utils_1.createInjectionKey)('n-image');

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

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

package/lib/index.d.ts

@@ -1,5 +1,6 @@
 export { default, install } from './preset';
 export { useOsTheme } from 'vooks';
+export { zindexable } from 'vdirs';
 export { default as create } from './create';
 export * from './locales';
 export * from './components';

package/lib/index.js

@@ -17,12 +17,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NThemeEditor = exports.version = exports.cNotM = exports.cB = exports.cM = exports.cE = exports.c = exports.createTheme = exports.lightTheme = exports.darkTheme = exports.create = exports.useOsTheme = exports.install = exports.default = void 0;
+exports.NThemeEditor = exports.version = exports.cNotM = exports.cB = exports.cM = exports.cE = exports.c = exports.createTheme = exports.lightTheme = exports.darkTheme = exports.create = exports.zindexable = exports.useOsTheme = exports.install = exports.default = void 0;
 var preset_1 = require("./preset");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(preset_1).default; } });
 Object.defineProperty(exports, "install", { enumerable: true, get: function () { return preset_1.install; } });
 var vooks_1 = require("vooks");
 Object.defineProperty(exports, "useOsTheme", { enumerable: true, get: function () { return vooks_1.useOsTheme; } });
+var vdirs_1 = require("vdirs");
+Object.defineProperty(exports, "zindexable", { enumerable: true, get: function () { return vdirs_1.zindexable; } });
 var create_1 = require("./create");
 Object.defineProperty(exports, "create", { enumerable: true, get: function () { return __importDefault(create_1).default; } });
 __exportStar(require("./locales"), exports);