naive-ui 2.34.4 → 2.36.0

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

@@ -0,0 +1,164 @@
+export declare const NPerformantEllipsis: import("vue").DefineComponent<{
+    readonly expandTrigger: import("vue").PropType<"click">;
+    readonly lineClamp: import("vue").PropType<string | number>;
+    readonly tooltip: {
+        readonly type: import("vue").PropType<boolean | import("../..").PopoverProps>;
+        readonly default: true;
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+}, {
+    mouseEntered: import("vue").Ref<boolean>;
+    renderTrigger: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly expandTrigger: import("vue").PropType<"click">;
+    readonly lineClamp: import("vue").PropType<string | number>;
+    readonly tooltip: {
+        readonly type: import("vue").PropType<boolean | import("../..").PopoverProps>;
+        readonly default: true;
+    };
+    readonly theme: import("vue").PropType<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>;
+    readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+    readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Ellipsis", unknown, {
+        Tooltip: import("../../_mixins").Theme<"Tooltip", {
+            borderRadius: string;
+            boxShadow: string;
+            color: string;
+            textColor: string;
+            padding: string;
+        }, {
+            Popover: import("../../_mixins").Theme<"Popover", {
+                fontSize: string;
+                borderRadius: string;
+                color: string;
+                dividerColor: string;
+                textColor: string;
+                boxShadow: string;
+                space: string;
+                spaceArrow: string;
+                arrowOffset: string;
+                arrowOffsetVertical: string;
+                arrowHeight: string;
+                padding: string;
+            }, any>;
+        }>;
+    }>>>;
+}>>, {
+    readonly tooltip: boolean | import("../..").PopoverProps;
+}, {}>;

package/lib/ellipsis/src/PerformantEllipsis.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NPerformantEllipsis = void 0;
+const vue_1 = require("vue");
+const use_config_1 = require("../../_mixins/use-config");
+const _mixins_1 = require("../../_mixins");
+const Ellipsis_1 = __importStar(require("./Ellipsis"));
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
+exports.NPerformantEllipsis = (0, vue_1.defineComponent)({
+    name: 'PerformantEllipsis',
+    props: Ellipsis_1.ellipsisProps,
+    inheritAttrs: false,
+    setup(props, { attrs, slots }) {
+        const mouseEnteredRef = (0, vue_1.ref)(false);
+        const mergedClsPrefixRef = (0, use_config_1.useMergedClsPrefix)();
+        (0, _mixins_1.useStyle)('-ellipsis', index_cssr_1.default, mergedClsPrefixRef);
+        // Modified from Ellipsis.tsx
+        const renderTrigger = () => {
+            const { lineClamp } = props;
+            const mergedClsPrefix = mergedClsPrefixRef.value;
+            return ((0, vue_1.h)("span", Object.assign({}, (0, vue_1.mergeProps)(attrs, {
+                class: [
+                    `${mergedClsPrefix}-ellipsis`,
+                    lineClamp !== undefined
+                        ? (0, Ellipsis_1.createLineClampClass)(mergedClsPrefix)
+                        : undefined,
+                    props.expandTrigger === 'click'
+                        ? (0, Ellipsis_1.createCursorClass)(mergedClsPrefix, 'pointer')
+                        : undefined
+                ],
+                style: lineClamp === undefined
+                    ? {
+                        textOverflow: 'ellipsis'
+                    }
+                    : {
+                        '-webkit-line-clamp': lineClamp
+                    }
+            }), { onMouseenter: () => {
+                    mouseEnteredRef.value = true;
+                } }), lineClamp ? slots : (0, vue_1.h)("span", null, slots)));
+        };
+        return {
+            mouseEntered: mouseEnteredRef,
+            renderTrigger
+        };
+    },
+    render() {
+        if (this.mouseEntered) {
+            return (0, vue_1.h)(Ellipsis_1.default, (0, vue_1.mergeProps)({}, this.$attrs, this.$props), this.$slots);
+        }
+        else {
+            return this.renderTrigger();
+        }
+    }
+});

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

@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
         iconSizeHuge: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedRenderIcon: import("vue").ComputedRef<() => VNodeChild>;
     localizedDescription: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
@@ -182,5 +182,5 @@ declare const _default: import("vue").DefineComponent<{
     size: "small" | "medium" | "large" | "huge";
     showDescription: boolean;
     showIcon: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/equation/index.d.ts

@@ -1 +1,2 @@
 export { Equation as NEquation, equationProps } from './src/Equation';
+export type { EquationProps } from './src/Equation';

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

@@ -1,18 +1,20 @@
 import { type PropType } from 'vue';
 import type { KatexOptions } from 'katex';
+import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const equationProps: {
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly katexOptions: PropType<KatexOptions>;
 };
+export type EquationProps = ExtractPublicPropTypes<typeof equationProps>;
 export declare const Equation: import("vue").DefineComponent<{
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly katexOptions: PropType<KatexOptions>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly value: StringConstructor;
-    readonly katex: PropType<typeof import("katex").default>;
+    readonly katex: PropType<typeof import("katex")>;
     readonly katexOptions: PropType<KatexOptions>;
-}>>, {}>;
+}>>, {}, {}>;

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

@@ -263,7 +263,7 @@ declare const _default: import("vue").DefineComponent<{
         labelFontWeight: string;
     }, any>>>;
 }, FormInst & {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     readonly inline: BooleanConstructor;
     readonly labelWidth: PropType<string | number>;
@@ -402,5 +402,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showRequireMark: boolean | undefined;
     readonly showFeedback: boolean;
     readonly showLabel: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/lib/form/src/Form.js

@@ -33,7 +33,9 @@ exports.formProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
         default: true
     }, onSubmit: {
         type: Function,
-        default: (e) => { e.preventDefault(); }
+        default: (e) => {
+            e.preventDefault();
+        }
     }, showLabel: {
         type: Boolean,
         default: undefined

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

@@ -282,7 +282,7 @@ declare const _default: import("vue").DefineComponent<{
     internalValidate: FormItemInternalValidate;
     mergedSize: import("vue").ComputedRef<import("./interface").Size>;
     validationErrored: import("vue").Ref<boolean>;
-    mergedLabelStyle: import("vue").ComputedRef<(import("vue").StyleValue | undefined)[]>;
+    mergedLabelStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
     mergedLabelPlacement: import("vue").ComputedRef<LabelPlacement>;
     mergedLabelAlign: import("vue").ComputedRef<LabelAlign | undefined>;
     mergedShowRequireMark: import("vue").ComputedRef<boolean | undefined>;
@@ -292,7 +292,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedShowLabel: import("vue").ComputedRef<boolean>;
     isAutoLabelWidth: import("vue").ComputedRef<boolean>;
     labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedRequired: import("vue").ComputedRef<boolean>;
     feedbackId: import("vue").Ref<string>;
     renderExplains: import("vue").Ref<{
@@ -432,5 +432,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showFeedback: boolean | undefined;
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -445,5 +445,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showLabel: boolean | undefined;
     readonly ignorePathChange: boolean;
     readonly pull: import("../../legacy-grid/src/interface").Span;
-}>;
+}, {}>;
 export default _default;

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/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/utils.d.ts

@@ -6,7 +6,7 @@ export declare function formItemSize(props: FormItemSetupProps): {
 };
 export declare function formItemMisc(props: FormItemSetupProps): {
     validationErrored: import("vue").Ref<boolean>;
-    mergedLabelStyle: ComputedRef<(import("vue").StyleValue | undefined)[]>;
+    mergedLabelStyle: ComputedRef<import("vue").StyleValue[]>;
     mergedLabelPlacement: ComputedRef<import("./interface").LabelPlacement>;
     mergedLabelAlign: ComputedRef<import("./interface").LabelAlign | undefined>;
     mergedShowRequireMark: ComputedRef<boolean | undefined>;

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

@@ -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/grid/src/Grid.d.ts

@@ -63,7 +63,7 @@ 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 | ("m" | "s" | "l" | "xs" | "xl" | "xxl")[] | undefined>;
@@ -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

@@ -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

@@ -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;
@@ -103,4 +103,4 @@ export declare const NIcon: import("vue").DefineComponent<{
         opacity4Depth: string;
         opacity5Depth: string;
     }, any>>>;
-}>>, {}>;
+}>>, {}, {}>;

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

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

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

@@ -5,6 +5,8 @@ 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/ImageGroup.d.ts

@@ -6,6 +6,8 @@ export declare const imageGroupInjectionKey: import("vue").InjectionKey<ImagePre
     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

@@ -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;