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

package/dist/Image.d.ts

@@ -45,10 +45,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     onClick: {
         type: import("vue").PropType<(info: any) => void>;
     };
-    disablePreview: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    previewSrcList: {
+    previewUrls: {
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
@@ -73,7 +70,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     getContainer: {
         type: import("vue").PropType<string>;
     };
-    initialIndex: {
+    current: {
         default: () => undefined;
         type: import("vue").PropType<number>;
     };
@@ -121,10 +118,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     onClick: {
         type: import("vue").PropType<(info: any) => void>;
     };
-    disablePreview: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    };
-    previewSrcList: {
+    previewUrls: {
         type: import("vue").PropType<string[]>;
         default: () => string[];
     };
@@ -149,7 +143,7 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     getContainer: {
         type: import("vue").PropType<string>;
     };
-    initialIndex: {
+    current: {
         default: () => undefined;
         type: import("vue").PropType<number>;
     };
@@ -162,7 +156,8 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     width: number;
     zIndex: number;
     infinite: boolean;
-    initialIndex: number;
+    current: number;
+    previewUrls: string[];
     previewTeleported: boolean;
     hideOnClickModal: boolean;
     src: string;
@@ -171,8 +166,6 @@ declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
     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;

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;
+    icons: import("./props").PreviewPropsIcons;
+    count: number;
+    current: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/ImagePreview/index.d.ts

@@ -0,0 +1,83 @@
+import type { ExtractPropTypes } from 'vue';
+import imagePreviewProps, { type PreviewPropsIcons } from './props';
+export type ImagePreviewProps = Partial<ExtractPropTypes<typeof imagePreviewProps>>;
+declare const ImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
+    previewUrls: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: 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: {
+        type: import("vue").PropType<boolean>;
+        default: 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[];
+    };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: 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: {
+        type: import("vue").PropType<boolean>;
+        default: 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;
+    icons: PreviewPropsIcons;
+    current: number;
+    previewUrls: string[];
+    teleported: boolean;
+    onHideOnClickModal: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default ImagePreview;

package/dist/ImagePreview/props.d.ts

@@ -0,0 +1,48 @@
+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;
+};
+declare const _default: {
+    previewUrls: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    teleported: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    zIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    current: {
+        type: PropType<number>;
+        default: number;
+    };
+    infinite: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    getContainer: {
+        type: PropType<string>;
+    };
+    onHideOnClickModal: {
+        type: PropType<boolean>;
+        default: 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>;
+}