naive-ui 2.34.4 → 2.35.0

package/es/dynamic-input/src/PairPreset.d.ts

@@ -450,5 +450,5 @@ declare const _default: import("vue").DefineComponent<{
         value: string;
     };
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/dynamic-tags/src/DynamicTags.d.ts

@@ -2255,7 +2255,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     inputInstRef: import("vue").Ref<{
         wrapperElRef: HTMLElement | null;
         textareaElRef: HTMLTextAreaElement | null;
@@ -3915,5 +3915,5 @@ declare const _default: import("vue").DefineComponent<{
     closable: boolean;
     defaultValue: (string | DynamicTagsOption)[];
     onCreate: OnCreate;
-}>;
+}, {}>;
 export default _default;

package/es/dynamic-tags/src/DynamicTags.js

@@ -143,7 +143,9 @@ export default defineComponent({
             default: () => {
                 const { mergedTheme, tagStyle, type, round, size, color, closable, mergedDisabled, showInput, inputValue, inputStyle, inputSize, inputForceFocused, triggerDisabled, handleInputKeyUp, handleInputBlur, handleAddClick, handleCloseClick, handleInputConfirm, $slots } = this;
                 return this.mergedValue
-                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : (h(NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => { handleCloseClick(index); } }, {
+                    .map((tag, index) => renderTag ? (renderTag(tag, index)) : (h(NTag, { key: index, theme: mergedTheme.peers.Tag, themeOverrides: mergedTheme.peerOverrides.Tag, style: tagStyle, type: type, round: round, size: size, color: color, closable: closable, disabled: mergedDisabled, onClose: () => {
+                        handleCloseClick(index);
+                    } }, {
                     default: () => (typeof tag === 'string' ? tag : tag.label)
                 })))
                     .concat(showInput ? ($slots.input ? ($slots.input({

package/es/element/src/Element.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly themeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
     readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<Record<string, string>> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -32,5 +32,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly builtinThemeOverrides: import("vue").PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Element", Record<string, unknown>, any>>>;
 }>>, {
     readonly tag: string;
-}>;
+}, {}>;
 export default _default;

package/es/ellipsis/index.d.ts

@@ -1,2 +1,3 @@
 export { default as NEllipsis, ellipsisProps } from './src/Ellipsis';
+export { NPerformantEllipsis } from './src/PerformantEllipsis';
 export type { EllipsisProps } from './src/Ellipsis';

package/es/ellipsis/index.js

@@ -1 +1,2 @@
 export { default as NEllipsis, ellipsisProps } from './src/Ellipsis';
+export { NPerformantEllipsis } from './src/PerformantEllipsis';

package/es/ellipsis/src/Ellipsis.d.ts

@@ -1,6 +1,8 @@
 import { type PropType } from 'vue';
 import type { PopoverProps } from '../../popover/src/Popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
+export declare function createLineClampClass(clsPrefix: string): string;
+export declare function createCursorClass(clsPrefix: string, cursor: string): string;
 export declare const ellipsisProps: {
     readonly expandTrigger: PropType<"click">;
     readonly lineClamp: PropType<string | number>;
@@ -404,5 +406,5 @@ declare const _default: import("vue").DefineComponent<{
     }>>>;
 }>>, {
     readonly tooltip: boolean | PopoverProps;
-}>;
+}, {}>;
 export default _default;

package/es/ellipsis/src/Ellipsis.js

@@ -1,12 +1,13 @@
 import { defineComponent, h, ref, computed, mergeProps, onDeactivated } from 'vue';
 import { NTooltip } from '../../tooltip';
-import { useConfig, useTheme } from '../../_mixins';
+import { useMergedClsPrefix } from '../../_mixins/use-config';
+import { useTheme } from '../../_mixins';
 import { ellipsisLight } from '../styles';
 import style from './styles/index.cssr';
-function createLineClampClass(clsPrefix) {
+export function createLineClampClass(clsPrefix) {
     return `${clsPrefix}-ellipsis--line-clamp`;
 }
-function createCursorClass(clsPrefix, cursor) {
+export function createCursorClass(clsPrefix, cursor) {
     return `${clsPrefix}-ellipsis--cursor-${cursor}`;
 }
 export const ellipsisProps = Object.assign(Object.assign({}, useTheme.props), { expandTrigger: String, lineClamp: [Number, String], tooltip: {
@@ -18,7 +19,7 @@ export default defineComponent({
     inheritAttrs: false,
     props: ellipsisProps,
     setup(props, { slots, attrs }) {
-        const { mergedClsPrefixRef } = useConfig(props);
+        const mergedClsPrefixRef = useMergedClsPrefix();
         const mergedTheme = useTheme('Ellipsis', '-ellipsis', style, ellipsisLight, props, mergedClsPrefixRef);
         const triggerRef = ref(null);
         const triggerInnerRef = ref(null);

package/es/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/es/ellipsis/src/PerformantEllipsis.js

@@ -0,0 +1,52 @@
+import { h, defineComponent, ref, mergeProps } from 'vue';
+import { useMergedClsPrefix } from '../../_mixins/use-config';
+import { useStyle } from '../../_mixins';
+import Ellipsis, { createCursorClass, createLineClampClass, ellipsisProps } from './Ellipsis';
+import style from './styles/index.cssr';
+export const NPerformantEllipsis = defineComponent({
+    name: 'PerformantEllipsis',
+    props: ellipsisProps,
+    inheritAttrs: false,
+    setup(props, { attrs, slots }) {
+        const mouseEnteredRef = ref(false);
+        const mergedClsPrefixRef = useMergedClsPrefix();
+        useStyle('-ellipsis', style, mergedClsPrefixRef);
+        // Modified from Ellipsis.tsx
+        const renderTrigger = () => {
+            const { lineClamp } = props;
+            const mergedClsPrefix = mergedClsPrefixRef.value;
+            return (h("span", Object.assign({}, mergeProps(attrs, {
+                class: [
+                    `${mergedClsPrefix}-ellipsis`,
+                    lineClamp !== undefined
+                        ? createLineClampClass(mergedClsPrefix)
+                        : undefined,
+                    props.expandTrigger === 'click'
+                        ? createCursorClass(mergedClsPrefix, 'pointer')
+                        : undefined
+                ],
+                style: lineClamp === undefined
+                    ? {
+                        textOverflow: 'ellipsis'
+                    }
+                    : {
+                        '-webkit-line-clamp': lineClamp
+                    }
+            }), { onMouseenter: () => {
+                    mouseEnteredRef.value = true;
+                } }), lineClamp ? slots : h("span", null, slots)));
+        };
+        return {
+            mouseEntered: mouseEnteredRef,
+            renderTrigger
+        };
+    },
+    render() {
+        if (this.mouseEntered) {
+            return h(Ellipsis, mergeProps({}, this.$attrs, this.$props), this.$slots);
+        }
+        else {
+            return this.renderTrigger();
+        }
+    }
+});

package/es/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/es/equation/src/Equation.d.ts

@@ -2,17 +2,17 @@ import { type PropType } from 'vue';
 import type { KatexOptions } from 'katex';
 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 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/es/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/es/form/src/Form.js

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

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

@@ -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/es/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/es/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/es/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/es/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/es/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/es/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/es/grid/src/Grid.js

@@ -144,7 +144,7 @@ export default 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 (isNodeVShowFalse(child)) {
@@ -164,8 +164,11 @@ export default 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 !== vShow)) || null;
+                if (((_c = child.dirs) === null || _c === void 0 ? void 0 : _c.length) === 0) {
+                    child.dirs = null;
+                }
                 const clonedChild = cloneVNode(child);
-                const rawChildSpan = Number((_d = parseResponsivePropValue((_c = clonedChild.props) === null || _c === void 0 ? void 0 : _c.span, responsiveQuery)) !== null && _d !== void 0 ? _d : defaultSpan);
+                const rawChildSpan = Number((_e = parseResponsivePropValue((_d = clonedChild.props) === null || _d === void 0 ? void 0 : _d.span, responsiveQuery)) !== null && _e !== void 0 ? _e : defaultSpan);
                 if (rawChildSpan === 0)
                     return;
                 childrenAndRawSpan.push({
@@ -178,7 +181,7 @@ export default 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 : defaultSpan;
+                    suffixSpan = Number((_d = parseResponsivePropValue((_c = maybeSuffixNode.props) === null || _c === void 0 ? void 0 : _c.span, responsiveQuery)) !== null && _d !== void 0 ? _d : defaultSpan);
                     maybeSuffixNode.props.privateSpan = suffixSpan;
                     maybeSuffixNode.props.privateColStart =
                         responsiveCols + 1 - suffixSpan;

package/es/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/es/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/es/icon-wrapper/src/IconWrapper.d.ts

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

package/es/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/es/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;