x-next 1.6.0 → 1.8.0

package/dist/components/form-select/index.d.ts

@@ -348,8 +348,8 @@ export declare const Select: {
                 resize: () => true;
             }, import('vue').PublicProps, {
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -536,8 +536,8 @@ export declare const Select: {
                 onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
             }>, () => any, {}, {}, {}, {
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -724,8 +724,8 @@ export declare const Select: {
             resize: () => true;
         }, string, {
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
@@ -1446,8 +1446,8 @@ export declare const Select: {
             resize: () => true;
         }, import('vue').PublicProps, {
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
@@ -1634,8 +1634,8 @@ export declare const Select: {
             onPopupVisibleChange?: ((visible: boolean) => any) | undefined;
         }>, () => any, {}, {}, {}, {
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
@@ -1822,8 +1822,8 @@ export declare const Select: {
         resize: () => true;
     }, string, {
         disabled: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
         animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;

package/dist/components/form-slider/Slider.vue.d.ts

@@ -564,8 +564,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, import('vue').PublicProps, {
                 mini: boolean;
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -750,8 +750,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>, () => VNode, {}, {}, {}, {
                 mini: boolean;
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -939,8 +939,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, string, {
             mini: boolean;
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;

package/dist/components/form-slider/index.d.ts

@@ -369,8 +369,8 @@ export declare const Slider: {
                 }, import('vue').PublicProps, {
                     mini: boolean;
                     disabled: boolean;
-                    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                     animationName: string;
                     autoFitPosition: boolean;
                     popupVisible: boolean;
@@ -555,8 +555,8 @@ export declare const Slider: {
                 }>, () => VNode, {}, {}, {}, {
                     mini: boolean;
                     disabled: boolean;
-                    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                     animationName: string;
                     autoFitPosition: boolean;
                     popupVisible: boolean;
@@ -744,8 +744,8 @@ export declare const Slider: {
             }, string, {
                 mini: boolean;
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -1771,8 +1771,8 @@ export declare const Slider: {
             }, import('vue').PublicProps, {
                 mini: boolean;
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -1957,8 +1957,8 @@ export declare const Slider: {
             }>, () => VNode, {}, {}, {}, {
                 mini: boolean;
                 disabled: boolean;
-                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                 animationName: string;
                 autoFitPosition: boolean;
                 popupVisible: boolean;
@@ -2146,8 +2146,8 @@ export declare const Slider: {
         }, string, {
             mini: boolean;
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;

package/dist/components/form-slider/slider-button.vue.d.ts

@@ -245,8 +245,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, import('vue').PublicProps, {
             mini: boolean;
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
@@ -431,8 +431,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>, () => VNode, {}, {}, {}, {
             mini: boolean;
             disabled: boolean;
-            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+            position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
             animationName: string;
             autoFitPosition: boolean;
             popupVisible: boolean;
@@ -620,8 +620,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     }, string, {
         mini: boolean;
         disabled: boolean;
-        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
         animationName: string;
         autoFitPosition: boolean;
         popupVisible: boolean;

package/dist/components/grid/Row.vue.d.ts

@@ -43,7 +43,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>, {
     classNames: import('vue').ComputedRef<{
-        [x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end" | "start";
+        [x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
     }>;
     styles: import('vue').ComputedRef<{
         marginTop?: string;
@@ -95,8 +95,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     div: boolean;
     wrap: boolean;
-    justify: "center" | "space-around" | "space-between" | "end" | "start";
-    align: "center" | "stretch" | "end" | "start";
+    justify: "center" | "start" | "space-around" | "space-between" | "end";
+    align: "center" | "start" | "stretch" | "end";
     gutter: number | ResponsiveValue | [number | ResponsiveValue, number | ResponsiveValue];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/grid/index.d.ts

@@ -159,7 +159,7 @@ export declare const Row: {
         };
     }>> & Readonly<{}>, {
         classNames: import('vue').ComputedRef<{
-            [x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end" | "start";
+            [x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
         }>;
         styles: import('vue').ComputedRef<{
             marginTop?: string;
@@ -170,8 +170,8 @@ export declare const Row: {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         div: boolean;
         wrap: boolean;
-        justify: "center" | "space-around" | "space-between" | "end" | "start";
-        align: "center" | "stretch" | "end" | "start";
+        justify: "center" | "start" | "space-around" | "space-between" | "end";
+        align: "center" | "start" | "stretch" | "end";
         gutter: number | import('./interface').ResponsiveValue | [number | import('./interface').ResponsiveValue, number | import('./interface').ResponsiveValue];
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -202,7 +202,7 @@ export declare const Row: {
         };
     }>> & Readonly<{}>, {
         classNames: import('vue').ComputedRef<{
-            [x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end" | "start";
+            [x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
         }>;
         styles: import('vue').ComputedRef<{
             marginTop?: string;
@@ -213,8 +213,8 @@ export declare const Row: {
     }, {}, {}, {}, {
         div: boolean;
         wrap: boolean;
-        justify: "center" | "space-around" | "space-between" | "end" | "start";
-        align: "center" | "stretch" | "end" | "start";
+        justify: "center" | "start" | "space-around" | "space-between" | "end";
+        align: "center" | "start" | "stretch" | "end";
         gutter: number | import('./interface').ResponsiveValue | [number | import('./interface').ResponsiveValue, number | import('./interface').ResponsiveValue];
     }>;
     __isFragment?: never;
@@ -242,7 +242,7 @@ export declare const Row: {
     };
 }>> & Readonly<{}>, {
     classNames: import('vue').ComputedRef<{
-        [x: string]: boolean | "center" | "space-around" | "space-between" | "stretch" | "end" | "start";
+        [x: string]: boolean | "center" | "start" | "space-around" | "space-between" | "stretch" | "end";
     }>;
     styles: import('vue').ComputedRef<{
         marginTop?: string;
@@ -253,8 +253,8 @@ export declare const Row: {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     div: boolean;
     wrap: boolean;
-    justify: "center" | "space-around" | "space-between" | "end" | "start";
-    align: "center" | "stretch" | "end" | "start";
+    justify: "center" | "start" | "space-around" | "space-between" | "end";
+    align: "center" | "start" | "stretch" | "end";
     gutter: number | import('./interface').ResponsiveValue | [number | import('./interface').ResponsiveValue, number | import('./interface').ResponsiveValue];
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     install(app: import('vue').App): void;

package/dist/components/heatmap/Heatmap.d.ts

@@ -153,6 +153,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         cancel(): void;
     };
     clearActive: () => void;
+    handleKeydown: (ev: KeyboardEvent) => void;
+    handleGridFocus: () => void;
+    activeDescendant: import('vue').ComputedRef<string | undefined>;
+    gridLabel: import('vue').ComputedRef<string>;
+    cellIdPrefix: string;
+    liveText: import('vue').ComputedRef<string>;
     isInRange: (cell: HeatmapCell) => boolean;
     colorPalette: import('vue').ComputedRef<string[]>;
     slots: Readonly<{
@@ -165,6 +171,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         'indicator-leading-text'?: (() => unknown) | undefined;
         'indicator-trailing-text'?: (() => unknown) | undefined;
     }>;
+    refs: {
+        tooltip: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    };
+    setTooltipElement: (el: HTMLDivElement | null) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /**
      * @zh 点击某个日期格时触发

package/dist/components/heatmap/index.d.ts

@@ -90,6 +90,12 @@ export declare const Heatmap: {
             cancel(): void;
         };
         clearActive: () => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+        handleGridFocus: () => void;
+        activeDescendant: import('vue').ComputedRef<string | undefined>;
+        gridLabel: import('vue').ComputedRef<string>;
+        cellIdPrefix: string;
+        liveText: import('vue').ComputedRef<string>;
         isInRange: (cell: import('./interface').HeatmapCell) => boolean;
         colorPalette: import('vue').ComputedRef<string[]>;
         slots: Readonly<{
@@ -102,6 +108,10 @@ export declare const Heatmap: {
             'indicator-leading-text'?: (() => unknown) | undefined;
             'indicator-trailing-text'?: (() => unknown) | undefined;
         }>;
+        refs: {
+            tooltip: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+        };
+        setTooltipElement: (el: HTMLDivElement | null) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         cellClick: (cell: import('./interface').HeatmapCell, ev: MouseEvent) => true;
     }, import('vue').PublicProps, {
@@ -219,6 +229,12 @@ export declare const Heatmap: {
             cancel(): void;
         };
         clearActive: () => void;
+        handleKeydown: (ev: KeyboardEvent) => void;
+        handleGridFocus: () => void;
+        activeDescendant: import('vue').ComputedRef<string | undefined>;
+        gridLabel: import('vue').ComputedRef<string>;
+        cellIdPrefix: string;
+        liveText: import('vue').ComputedRef<string>;
         isInRange: (cell: import('./interface').HeatmapCell) => boolean;
         colorPalette: import('vue').ComputedRef<string[]>;
         slots: Readonly<{
@@ -231,6 +247,10 @@ export declare const Heatmap: {
             'indicator-leading-text'?: (() => unknown) | undefined;
             'indicator-trailing-text'?: (() => unknown) | undefined;
         }>;
+        refs: {
+            tooltip: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+        };
+        setTooltipElement: (el: HTMLDivElement | null) => void;
     }, {}, {}, {}, {
         loading: import('./interface').HeatmapLoadingProps;
         data: import('./interface').HeatmapData;
@@ -334,6 +354,12 @@ export declare const Heatmap: {
         cancel(): void;
     };
     clearActive: () => void;
+    handleKeydown: (ev: KeyboardEvent) => void;
+    handleGridFocus: () => void;
+    activeDescendant: import('vue').ComputedRef<string | undefined>;
+    gridLabel: import('vue').ComputedRef<string>;
+    cellIdPrefix: string;
+    liveText: import('vue').ComputedRef<string>;
     isInRange: (cell: import('./interface').HeatmapCell) => boolean;
     colorPalette: import('vue').ComputedRef<string[]>;
     slots: Readonly<{
@@ -346,6 +372,10 @@ export declare const Heatmap: {
         'indicator-leading-text'?: (() => unknown) | undefined;
         'indicator-trailing-text'?: (() => unknown) | undefined;
     }>;
+    refs: {
+        tooltip: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    };
+    setTooltipElement: (el: HTMLDivElement | null) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     cellClick: (cell: import('./interface').HeatmapCell, ev: MouseEvent) => true;
 }, string, {

package/dist/components/image/Image.vue.d.ts

@@ -119,7 +119,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     };
 }>, {
-    refImg: import('vue').Ref<any, any>;
+    t: (key: import('../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+    refImg: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
     className: {
         block: string;
         element: (className: string) => string;
@@ -128,10 +129,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     wrapperClassNames: import('vue').ComputedRef<unknown[]>;
     wrapperStyles: import('vue').ComputedRef<StyleValue[]>;
+    overlayStyles: import('vue').ComputedRef<{
+        height: string | undefined;
+    }>;
     showFooter: import('vue').ComputedRef<boolean>;
     imgProps: import('vue').ComputedRef<Omit<{
         [x: string]: unknown;
-    }, "class" | "style">>;
+    }, "class" | "style" | "src">>;
     imgStyle: import('vue').ComputedRef<{
         width: string | undefined;
         height: string | undefined;
@@ -141,12 +145,24 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isLoading: import('vue').ComputedRef<boolean>;
     mergedPreviewVisible: import('vue').ComputedRef<boolean>;
     mergePreview: import('vue').ComputedRef<boolean>;
-    onImgLoaded: () => void;
-    onImgLoadError: () => void;
+    canOpenPreview: import('vue').ComputedRef<boolean>;
+    onImgLoaded: (event: Event) => void;
+    onImgLoadError: (event: Event) => void;
     onImgClick: () => void;
+    onImgKeydown: (event: KeyboardEvent) => void;
     onPreviewClose: () => void;
     fitStyle: import('vue').ComputedRef<CSSProperties>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("preview-visible-change" | "update:previewVisible")[], "preview-visible-change" | "update:previewVisible", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /**
+     * @zh 预览的打开和关闭事件
+     * @en Preview opening and closing events
+     * @param {boolean} visible
+     */
+    'preview-visible-change': (_visible: boolean) => true;
+    'update:previewVisible': (_visible: boolean) => true;
+    load: (_event: Event) => true;
+    error: (_event: Event) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     renderToBody: {
         type: BooleanConstructor;
         default: boolean;
@@ -265,14 +281,16 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     };
 }>> & Readonly<{
-    "onPreview-visible-change"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:previewVisible"?: ((...args: any[]) => any) | undefined;
+    onError?: ((_event: Event) => any) | undefined;
+    onLoad?: ((_event: Event) => any) | undefined;
+    "onPreview-visible-change"?: ((_visible: boolean) => any) | undefined;
+    "onUpdate:previewVisible"?: ((_visible: boolean) => any) | undefined;
 }>, {
+    preview: boolean;
     hideFooter: boolean | "never";
     renderToBody: boolean;
     footerPosition: "outer" | "inner";
     showLoader: boolean;
-    preview: boolean;
     previewVisible: boolean;
     defaultPreviewVisible: boolean;
 }, {}, {
@@ -528,7 +546,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: number;
         };
     }>, {
-        t: (key: import('../../index.ts').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+        rootAttrs: import('vue').ComputedRef<{
+            [k: string]: unknown;
+        }>;
+        t: (key: import('../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
             element: (className: string) => string;
@@ -548,9 +569,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         mergedVisible: import('vue').ComputedRef<boolean>;
         isLoading: import('vue').ComputedRef<boolean>;
         isLoaded: import('vue').ComputedRef<boolean>;
+        isError: import('vue').ComputedRef<boolean>;
         scaleValueVisible: import('vue').Ref<boolean, boolean>;
-        refWrapper: import('vue').Ref<any, any>;
-        refImage: import('vue').Ref<any, any>;
+        refWrapper: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        refImage: import('vue').Ref<HTMLImageElement | undefined, HTMLImageElement | undefined>;
         mounted: import('vue').Ref<boolean, boolean>;
         onWheel: {
             (...args: any[]): void;
@@ -558,8 +580,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         onMaskClick: (e: MouseEvent) => void;
         onCloseClick: () => void;
-        onImgLoad(): void;
-        onImgError(): void;
+        onDialogKeydown: (event: KeyboardEvent) => void;
+        onImgLoad(event: Event): void;
+        onImgError(event: Event): void;
         actions: import('vue').ComputedRef<({
             key: string;
             name: string;
@@ -668,7 +691,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 modifier: (className: string) => string;
                 is: (className: string) => string;
             };
-            t: (key: import('../../index.ts').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+            t: (key: import('../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             onPrev: {
                 type: FunctionConstructor;
@@ -1067,8 +1090,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }, import('vue').PublicProps, {
                         mini: boolean;
                         disabled: boolean;
-                        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                         animationName: string;
                         autoFitPosition: boolean;
                         popupVisible: boolean;
@@ -1253,8 +1276,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     }>, () => VNode, {}, {}, {}, {
                         mini: boolean;
                         disabled: boolean;
-                        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                         trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                        position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                         animationName: string;
                         autoFitPosition: boolean;
                         popupVisible: boolean;
@@ -1442,8 +1465,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }, string, {
                     mini: boolean;
                     disabled: boolean;
-                    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                     trigger: "hover" | "click" | "focus" | "contextMenu" | ("hover" | "click" | "focus" | "contextMenu")[];
+                    position: "top" | "tl" | "tr" | "bottom" | "bl" | "br" | "left" | "lt" | "lb" | "right" | "rt" | "rb";
                     animationName: string;
                     autoFitPosition: boolean;
                     popupVisible: boolean;
@@ -1642,6 +1665,91 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             strokeWidth: string | number;
             fillColor: unknown[];
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        IconImageClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+            name: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            title: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            strokeWidth: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+        }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            fillColor: {
+                type: ArrayConstructor;
+                default: undefined;
+            };
+            name: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            rotate: {
+                type: NumberConstructor;
+                default: undefined;
+            };
+            spin: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            title: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            strokeWidth: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+        }>> & Readonly<{}>, {
+            name: string;
+            title: string;
+            size: string | number;
+            rotate: number;
+            spin: boolean;
+            color: string;
+            ariaLabel: string;
+            strokeWidth: string | number;
+            fillColor: unknown[];
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;