x-next 1.6.0 → 1.7.0

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

@@ -108,6 +108,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: number;
     };
 }>, {
+    rootAttrs: import('vue').ComputedRef<{
+        [k: string]: unknown;
+    }>;
     t: (key: import('../../locale').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
     className: {
         block: string;
@@ -128,9 +131,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;
@@ -138,8 +142,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;
@@ -696,8 +701,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;
@@ -882,8 +887,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;
@@ -1071,8 +1076,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;
@@ -1271,5 +1276,90 @@ 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>;
 export default _default;

package/dist/components/image/ImagePreviewAction.d.ts

@@ -195,8 +195,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;
@@ -381,8 +381,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;
@@ -570,8 +570,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/image/ImagePreviewGroup.vue.d.ts

@@ -84,6 +84,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<string | HTMLElement>;
     };
 }>, {
+    t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
+    currentIndex: import('vue').ComputedRef<number>;
+    imageCount: import('vue').ComputedRef<number>;
     mergedVisible: import('vue').ComputedRef<boolean>;
     currentUrl: import('vue').ComputedRef<string | undefined>;
     prevIndex: import('vue').ComputedRef<number | undefined>;
@@ -252,6 +255,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: number;
         };
     }>, {
+        rootAttrs: import('vue').ComputedRef<{
+            [k: string]: unknown;
+        }>;
         t: (key: import('../..').LocaleKey | (string & {}), params?: Record<string, string | number>) => string;
         className: {
             block: string;
@@ -272,9 +278,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;
@@ -282,8 +289,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;
@@ -791,8 +799,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;
@@ -977,8 +985,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;
@@ -1166,8 +1174,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;
@@ -1366,6 +1374,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;

package/dist/components/image/hooks/use-image-drag.d.ts

@@ -1,6 +1,6 @@
 interface ImageDragProps {
-    wrapperEl: HTMLElement;
-    imageEl: HTMLElement;
+    wrapperEl: HTMLElement | undefined;
+    imageEl: HTMLElement | undefined;
     scale: number;
 }
 export default function useImageDrag(props: ImageDragProps): {