@gx-design-vue/image 0.2.0-beta.21 → 0.2.0-beta.23

package/dist/Image.d.ts

@@ -2,11 +2,21 @@ import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
 import { imagePorps } from './props';
 export type GImageProps = Partial<ExtractPropTypes<typeof imagePorps>>;
 declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
-    previewTeleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideOnClickModal: {
+    preview: {
+        type: import("vue").PropType<import("./ImagePreview/props").ImagePreviewProps>;
+        default: () => Partial<{
+            previewUrls: string[];
+            disabled: boolean;
+            zIndex: number;
+            current: number;
+            infinite: boolean;
+            getContainer: string;
+            onHideOnClickModal: boolean;
+            countRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+            icons: import(".").PreviewPropsIcons;
+        }>;
+    };
+    showPreview: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -22,9 +32,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
         default: string;
     };
-    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
+    lazy: import("vue").PropType<boolean>;
     scrollContainer: {
         type: import("vue").PropType<string | HTMLElement | undefined>;
     };
@@ -45,44 +53,33 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     onClick: {
         type: import("vue").PropType<(info: any) => void>;
     };
-    disablePreview: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    previewSrcList: {
-        type: import("vue").PropType<string[]>;
-        default: () => string[];
-    };
-    imageClassName: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    imageStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    width: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    };
-    height: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    };
+    imageClassName: import("vue").PropType<string>;
+    imageStyle: import("vue").PropType<CSSProperties>;
+    width: import("vue").PropType<number>;
+    height: import("vue").PropType<number>;
     zIndex: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    infinite: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     getContainer: {
         type: import("vue").PropType<string>;
     };
-    initialIndex: {
-        default: () => undefined;
-        type: import("vue").PropType<number>;
-    };
 }>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load")[], "click" | "error" | "load", import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    previewTeleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideOnClickModal: {
+    preview: {
+        type: import("vue").PropType<import("./ImagePreview/props").ImagePreviewProps>;
+        default: () => Partial<{
+            previewUrls: string[];
+            disabled: boolean;
+            zIndex: number;
+            current: number;
+            infinite: boolean;
+            getContainer: string;
+            onHideOnClickModal: boolean;
+            countRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+            icons: import(".").PreviewPropsIcons;
+        }>;
+    };
+    showPreview: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -98,9 +95,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
         type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
         default: string;
     };
-    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
+    lazy: import("vue").PropType<boolean>;
     scrollContainer: {
         type: import("vue").PropType<string | HTMLElement | undefined>;
     };
@@ -121,61 +116,51 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     onClick: {
         type: import("vue").PropType<(info: any) => void>;
     };
-    disablePreview: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    previewSrcList: {
-        type: import("vue").PropType<string[]>;
-        default: () => string[];
-    };
-    imageClassName: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    imageStyle: import("vue-types").VueTypeValidableDef<CSSProperties>;
-    width: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    };
-    height: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    };
+    imageClassName: import("vue").PropType<string>;
+    imageStyle: import("vue").PropType<CSSProperties>;
+    width: import("vue").PropType<number>;
+    height: import("vue").PropType<number>;
     zIndex: {
         type: import("vue").PropType<number>;
         default: number;
     };
-    infinite: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     getContainer: {
         type: import("vue").PropType<string>;
     };
-    initialIndex: {
-        default: () => undefined;
-        type: import("vue").PropType<number>;
-    };
 }>> & Readonly<{
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    height: number;
-    width: number;
     zIndex: number;
-    infinite: boolean;
-    initialIndex: number;
-    previewTeleported: boolean;
-    hideOnClickModal: boolean;
+    preview: Partial<{
+        previewUrls: string[];
+        disabled: boolean;
+        zIndex: number;
+        current: number;
+        infinite: boolean;
+        getContainer: string;
+        onHideOnClickModal: boolean;
+        countRender: import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>;
+        icons: import(".").PreviewPropsIcons;
+    }>;
+    showPreview: boolean;
     src: string;
     alt: string;
     fit: "contain" | "fill" | "none" | "cover" | "scale-down";
-    lazy: boolean;
     placeholder: import("@gx-design-vue/pro-utils/dist").CustomRender;
     fallback: import("@gx-design-vue/pro-utils/dist").CustomRender;
-    disablePreview: boolean;
-    previewSrcList: string[];
-    imageClassName: string;
 }, SlotsType<{
     default(): void;
+    close(): void;
+    left(): void;
+    right(): void;
+    rotateRight(): void;
+    rotateRight(): void;
+    zoomOut(): void;
+    flipX(): void;
+    flipY(): void;
+    rotateLeft(): void;
     fallback(): void;
     placeholder(): void;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/ImagePreview/Operations.d.ts

@@ -0,0 +1,76 @@
+import type { PropType } from 'vue';
+import type { ImagePreviewTools } from './typings';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: PropType<boolean>;
+    count: {
+        type: PropType<number>;
+        default: number;
+    };
+    current: {
+        type: PropType<number>;
+        default: number;
+    };
+    showSwitch: PropType<boolean>;
+    showProgress: PropType<boolean>;
+    prefixCls: PropType<string>;
+    hashId: PropType<string>;
+    zIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    icons: {
+        type: PropType<import("./props").PreviewPropsIcons>;
+        default: () => import("./props").PreviewPropsIcons;
+    };
+    infinite: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    getContainer: {
+        type: PropType<string>;
+    };
+    countRender: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+    tools: PropType<ImagePreviewTools[]>;
+    onClose: PropType<() => void>;
+    onActive: PropType<(offset: number) => void>;
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: PropType<boolean>;
+    count: {
+        type: PropType<number>;
+        default: number;
+    };
+    current: {
+        type: PropType<number>;
+        default: number;
+    };
+    showSwitch: PropType<boolean>;
+    showProgress: PropType<boolean>;
+    prefixCls: PropType<string>;
+    hashId: PropType<string>;
+    zIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    icons: {
+        type: PropType<import("./props").PreviewPropsIcons>;
+        default: () => import("./props").PreviewPropsIcons;
+    };
+    infinite: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    getContainer: {
+        type: PropType<string>;
+    };
+    countRender: PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+    tools: PropType<ImagePreviewTools[]>;
+    onClose: PropType<() => void>;
+    onActive: PropType<(offset: number) => void>;
+}>> & Readonly<{}>, {
+    zIndex: number;
+    infinite: boolean;
+    current: number;
+    icons: import("./props").PreviewPropsIcons;
+    count: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ImagePreview/index.d.ts

@@ -0,0 +1,70 @@
+import type { ExtractPropTypes } from 'vue';
+import imagePreviewProps, { type PreviewPropsIcons } from './props';
+export declare const slotsNames: string[];
+export type ImagePreviewProps = Partial<ExtractPropTypes<typeof imagePreviewProps>>;
+declare const ImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
+    previewUrls: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    disabled: import("vue").PropType<boolean>;
+    zIndex: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    current: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    infinite: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    getContainer: {
+        type: import("vue").PropType<string>;
+    };
+    onHideOnClickModal: import("vue").PropType<boolean>;
+    countRender: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+    icons: {
+        type: import("vue").PropType<PreviewPropsIcons>;
+        default: () => PreviewPropsIcons;
+    };
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch" | "afterClose")[], "close" | "switch" | "afterClose", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    previewUrls: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    disabled: import("vue").PropType<boolean>;
+    zIndex: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    current: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    infinite: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    getContainer: {
+        type: import("vue").PropType<string>;
+    };
+    onHideOnClickModal: import("vue").PropType<boolean>;
+    countRender: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<(current: number, total: number) => import("@gx-design-vue/pro-utils/dist").CustomRender>>;
+    icons: {
+        type: import("vue").PropType<PreviewPropsIcons>;
+        default: () => PreviewPropsIcons;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
+    onAfterClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    zIndex: number;
+    infinite: boolean;
+    previewUrls: string[];
+    current: number;
+    icons: PreviewPropsIcons;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default ImagePreview;

package/dist/ImagePreview/props.d.ts

@@ -0,0 +1,53 @@
+import type { PropType, VNode } from 'vue';
+import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
+export type PreviewPropsIcons = {
+    close?: VNode;
+    rotateLeft?: VNode;
+    rotateRight?: VNode;
+    zoomIn?: VNode;
+    zoomOut?: VNode;
+    left?: VNode;
+    right?: VNode;
+    flipX?: VNode;
+    flipY?: VNode;
+};
+export type ImagePreviewProps = Partial<{
+    previewUrls: string[];
+    disabled: boolean;
+    zIndex: number;
+    current: number;
+    infinite: boolean;
+    getContainer: string;
+    onHideOnClickModal: boolean;
+    countRender: WithFalse<(current: number, total: number) => CustomRender>;
+    icons: PreviewPropsIcons;
+}>;
+declare const _default: {
+    previewUrls: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    disabled: PropType<boolean>;
+    zIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    current: {
+        type: PropType<number>;
+        default: number;
+    };
+    infinite: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    getContainer: {
+        type: PropType<string>;
+    };
+    onHideOnClickModal: PropType<boolean>;
+    countRender: PropType<WithFalse<(current: number, total: number) => CustomRender>>;
+    icons: {
+        type: PropType<PreviewPropsIcons>;
+        default: () => PreviewPropsIcons;
+    };
+};
+export default _default;

package/dist/{components → ImagePreview}/style.d.ts

@@ -1,12 +1,14 @@
 import type { CSSObject } from 'ant-design-vue';
 import type { ProAliasToken } from '@gx-design-vue/pro-provider';
 import { Keyframe } from '@gx-design-vue/pro-provider';
-export interface ProToken extends ProAliasToken {
+export interface ImageToken extends ProAliasToken {
+    previewCls: string;
     zIndexPopup: number;
     previewOperationSize: number;
     modalMaskBg: string;
     componentCls: string;
     iconCls: string;
+    previewOperationHoverColor: string;
     previewOperationColor: string;
     imagePreviewSwitchSize: number;
     previewOperationColorDisabled: string;
@@ -16,8 +18,8 @@ export declare const viewFadeOut: Keyframe;
 export type PositionType = 'static' | 'relative' | 'fixed' | 'absolute' | 'sticky' | undefined;
 export declare const genBoxStyle: (position?: PositionType) => CSSObject;
 export declare const resetComponent: (token: ProAliasToken) => CSSObject;
-export declare const genPreviewOperationsStyle: (token: ProToken) => CSSObject;
-export declare const genPreviewSwitchStyle: (token: ProToken) => CSSObject;
+export declare const genPreviewOperationsStyle: (token: ImageToken) => CSSObject;
+export declare const genPreviewSwitchStyle: (token: ImageToken) => CSSObject;
 export declare function useStyle(componentCls: string): {
     wrapSSR: (node: import("ant-design-vue/es/_util/type").VueNode) => import("ant-design-vue/es/_util/type").VueNode;
     hashId: import("vue").ComputedRef<string>;

package/dist/ImagePreview/typings.d.ts

@@ -0,0 +1,15 @@
+import type { ComputedRef, VNode } from 'vue';
+import type { PreviewPropsIcons } from './props';
+export type MouseEventHandler = (e: MouseEvent) => void;
+export type WheelEventHandler = (e: WheelEvent) => void;
+export interface PreviewUrl {
+    url: string;
+    loading: boolean;
+    canPreview: boolean;
+}
+export interface ImagePreviewTools {
+    type: keyof PreviewPropsIcons;
+    icon: VNode;
+    onClick: () => void;
+    disabled?: ComputedRef<boolean>;
+}