@gx-design-vue/image 0.2.0-beta.3 → 0.2.0-beta.30

package/dist/Image.d.ts

@@ -1,20 +1,11 @@
-import type { CSSProperties, ExtractPropTypes } from 'vue';
-import { gImagePorps } from './props';
-export type GImageProps = Partial<ExtractPropTypes<typeof gImagePorps>>;
-declare const GImage: import("vue").DefineComponent<{
-    previewTeleported: {
-        type: import("vue").PropType<boolean>;
+import type { CSSProperties, ExtractPropTypes, SlotsType } from 'vue';
+import { imageProps } from './props';
+export type GImageProps = Partial<ExtractPropTypes<typeof imageProps>>;
+declare const GImage: import("vue").DefineComponent<ExtractPropTypes<{
+    preview: {
+        type: import("vue").PropType<import(".").BaseImagePreviewProps | boolean>;
         default: boolean;
     };
-    hideOnClickModal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    wrapperClassName: StringConstructor;
-    wrapperStyle: {
-        type: import("vue").PropType<CSSProperties>;
-        default: undefined;
-    };
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -23,22 +14,26 @@ declare const GImage: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    loading: {
+        type: import("vue").PropType<"eager" | "lazy">;
+    };
     fit: {
-        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
+        type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
         default: string;
     };
-    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
+    crossOrigin: {
+        type: import("vue").PropType<"anonymous" | "use-credentials" | "">;
     };
+    lazy: import("vue").PropType<boolean>;
     scrollContainer: {
         type: import("vue").PropType<string | HTMLElement | undefined>;
     };
     placeholder: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
         default: () => undefined;
     };
     fallback: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
         default: () => undefined;
     };
     onLoad: {
@@ -50,52 +45,30 @@ declare const GImage: import("vue").DefineComponent<{
     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;
+    imageStyle: {
+        type: import("vue").PropType<CSSProperties>;
+        default: () => {};
     };
+    imageClass: import("vue").PropType<string>;
+    size: import("vue").PropType<number>;
+    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: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}, () => import("ant-design-vue/es/_util/type").VueNode, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "error" | "load")[], "click" | "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    previewTeleported: {
-        type: import("vue").PropType<boolean>;
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => true;
+    load: (_event: Event) => true;
+    error: (_event: Event) => true;
+}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    preview: {
+        type: import("vue").PropType<import(".").BaseImagePreviewProps | boolean>;
         default: boolean;
     };
-    hideOnClickModal: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    wrapperClassName: StringConstructor;
-    wrapperStyle: {
-        type: import("vue").PropType<CSSProperties>;
-        default: undefined;
-    };
     src: {
         type: import("vue").PropType<string>;
         default: string;
@@ -104,22 +77,26 @@ declare const GImage: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    loading: {
+        type: import("vue").PropType<"eager" | "lazy">;
+    };
     fit: {
-        type: import("vue").PropType<"contain" | "fill" | "none" | "cover" | "scale-down">;
+        type: import("vue").PropType<"fill" | "contain" | "cover" | "none" | "scale-down">;
         default: string;
     };
-    lazy: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
+    crossOrigin: {
+        type: import("vue").PropType<"anonymous" | "use-credentials" | "">;
     };
+    lazy: import("vue").PropType<boolean>;
     scrollContainer: {
         type: import("vue").PropType<string | HTMLElement | undefined>;
     };
     placeholder: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
         default: () => undefined;
     };
     fallback: {
-        type: import("vue").PropType<import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>>;
+        type: import("vue").PropType<import("@gx-design-vue/pro-utils/dist").WithFalse<import("@gx-design-vue/pro-utils/dist").CustomRender>>;
         default: () => undefined;
     };
     onLoad: {
@@ -131,59 +108,60 @@ declare const GImage: import("vue").DefineComponent<{
     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;
+    imageStyle: {
+        type: import("vue").PropType<CSSProperties>;
+        default: () => {};
     };
+    imageClass: import("vue").PropType<string>;
+    size: import("vue").PropType<number>;
+    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: {
-        type: import("vue").PropType<number>;
-        default: number;
-    };
-}>> & {
-    onLoad?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
-    onClick?: ((...args: any[]) => any) | undefined;
-}, {
-    height: number;
-    width: number;
+}>> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onError?: ((_event: Event) => any) | undefined;
+    onLoad?: ((_event: Event) => any) | undefined;
+}>, {
     zIndex: number;
-    infinite: boolean;
-    initialIndex: number;
-    previewTeleported: boolean;
-    hideOnClickModal: boolean;
-    wrapperStyle: CSSProperties;
+    placeholder: import("@gx-design-vue/pro-utils/dist").CustomRender;
+    preview: boolean | Partial<{
+        urls: string[];
+        mask: import("vue").VNode | boolean;
+        maskClass: 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;
+    }>;
     src: string;
     alt: string;
-    fit: "contain" | "fill" | "none" | "cover" | "scale-down";
-    lazy: boolean;
-    placeholder: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
-    fallback: import("@gx-design-vue/pro-utils").WithFalse<() => import("@gx-design-vue/pro-utils").CustomRender>;
-    disablePreview: boolean;
-    previewSrcList: string[];
-    imageClassName: string;
-}>;
+    fit: "fill" | "contain" | "cover" | "none" | "scale-down";
+    fallback: import("@gx-design-vue/pro-utils/dist").CustomRender;
+    imageStyle: CSSProperties;
+}, SlotsType<{
+    default(): void;
+    mask(): void;
+    close(): void;
+    left(): void;
+    right(): void;
+    countRender(): void;
+    rotateRight(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    flipX(): void;
+    flipY(): void;
+    rotateLeft(): void;
+    fallback(): void;
+    placeholder(): void;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default GImage;

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

package/dist/ImagePreview/hooks/getFixScaleEleTransPosition.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Fix positon x,y point when
+ *
+ * Ele width && height < client
+ * - Back origin
+ *
+ * - Ele width | height > clientWidth | clientHeight
+ * - left | top > 0 -> Back 0
+ * - left | top + width | height < clientWidth | clientHeight -> Back left | top + width | height === clientWidth | clientHeight
+ *
+ * Regardless of other
+ */
+export default function getFixScaleEleTransPosition(width: number, height: number, left: number, top: number): null | {
+    x: number;
+    y: number;
+};

package/dist/ImagePreview/hooks/useImageTransform.d.ts

@@ -0,0 +1,35 @@
+import type { Ref } from 'vue';
+export interface TransformType {
+    x: number;
+    y: number;
+    rotate: number;
+    scale: number;
+    flipX: boolean;
+    flipY: boolean;
+}
+export type TransformAction = 'flipY' | 'flipX' | 'rotateLeft' | 'rotateRight' | 'zoomIn' | 'zoomOut' | 'close' | 'prev' | 'next' | 'wheel' | 'doubleClick' | 'move' | 'dragRebound' | 'touchZoom' | 'reset';
+export type UpdateTransformFunc = (newTransform: Partial<TransformType>, action: TransformAction) => void;
+export type DispatchZoomChangeFunc = (ratio: number, action: TransformAction, centerX?: number, centerY?: number, isTouch?: boolean) => void;
+export default function useImageTransform(imgRef: Ref<HTMLImageElement>, minScale: Ref<number>, maxScale: Ref<number>, onTransform?: (info: {
+    transform: TransformType;
+    action: TransformAction;
+}) => void): {
+    transform: Ref<{
+        x: number;
+        y: number;
+        rotate: number;
+        scale: number;
+        flipX: boolean;
+        flipY: boolean;
+    }, {
+        x: number;
+        y: number;
+        rotate: number;
+        scale: number;
+        flipX: boolean;
+        flipY: boolean;
+    }>;
+    resetTransform: (action: TransformAction) => void;
+    updateTransform: UpdateTransformFunc;
+    dispatchZoomChange: DispatchZoomChangeFunc;
+};

package/dist/ImagePreview/hooks/useMouseEvent.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'vue';
+import type { MouseEventHandler } from '../typings';
+import type { DispatchZoomChangeFunc, TransformType, UpdateTransformFunc } from './useImageTransform';
+export default function useMouseEvent(imgRef: Ref<HTMLImageElement>, movable: Ref<boolean>, visible: Ref<boolean>, scaleStep: Ref<number>, transform: Ref<TransformType>, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {
+    isMoving: Ref<boolean, boolean>;
+    onMouseDown: MouseEventHandler;
+    onMouseMove: MouseEventHandler;
+    onMouseUp: MouseEventHandler;
+    onWheel: (event: WheelEvent) => void;
+};

package/dist/ImagePreview/hooks/useTouchEvent.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+import type { DispatchZoomChangeFunc, TransformType, UpdateTransformFunc } from './useImageTransform';
+export default function useTouchEvent(imgRef: Ref<HTMLImageElement>, movable: Ref<boolean>, visible: Ref<boolean>, minScale: Ref<number>, transform: Ref<TransformType>, updateTransform: UpdateTransformFunc, dispatchZoomChange: DispatchZoomChangeFunc): {
+    isTouching: Ref<boolean, boolean>;
+    onTouchStart: (event: TouchEvent) => void;
+    onTouchMove: (event: TouchEvent) => void;
+    onTouchEnd: () => void;
+};

package/dist/ImagePreview/index.d.ts

@@ -0,0 +1,157 @@
+import type { ExtractPropTypes, SlotsType } from 'vue';
+import type { TransformAction, TransformType } from './hooks/useImageTransform';
+import type { PreviewPropsIcons } from './props';
+import imagePreviewProps from './props';
+export type ImagePreviewProps = Partial<ExtractPropTypes<typeof imagePreviewProps>>;
+declare const GImagePreview: import("vue").DefineComponent<ExtractPropTypes<{
+    urls: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    scaleStep: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    minScale: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxScale: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    movable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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: {
+        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;
+    };
+    onTransform: import("vue").PropType<(info: {
+        transform: TransformType;
+        action: TransformAction;
+    }) => void>;
+    onOpenChange: import("vue").PropType<(val: boolean) => void>;
+    'onUpdate:open': import("vue").PropType<(val: boolean) => void>;
+}>, () => import("ant-design-vue/es/_util/type").VueNode, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+    transform: (_info: {
+        transform: TransformType;
+        action: TransformAction;
+    }) => true;
+    'update:open': (_val: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    urls: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    open: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    scaleStep: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    minScale: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxScale: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    movable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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: {
+        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;
+    };
+    onTransform: import("vue").PropType<(info: {
+        transform: TransformType;
+        action: TransformAction;
+    }) => void>;
+    onOpenChange: import("vue").PropType<(val: boolean) => void>;
+    'onUpdate:open': import("vue").PropType<(val: boolean) => void>;
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onTransform?: ((_info: {
+        transform: TransformType;
+        action: TransformAction;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((_val: boolean) => any) | undefined;
+}>, {
+    urls: string[];
+    zIndex: number;
+    current: number;
+    infinite: boolean;
+    onHideOnClickModal: boolean;
+    icons: PreviewPropsIcons;
+    open: boolean;
+    scaleStep: number;
+    minScale: number;
+    maxScale: number;
+    movable: boolean;
+}, SlotsType<{
+    close(): void;
+    left(): void;
+    right(): void;
+    countRender(): void;
+    rotateRight(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    flipX(): void;
+    flipY(): void;
+    rotateLeft(): void;
+    placeholder(): void;
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default GImagePreview;

package/dist/ImagePreview/props.d.ts

@@ -0,0 +1,85 @@
+import type { CustomRender, WithFalse } from '@gx-design-vue/pro-utils';
+import type { PropType, VNode } from 'vue';
+import type { TransformAction, TransformType } from './hooks/useImageTransform';
+export interface PreviewPropsIcons {
+    close?: WithFalse<CustomRender>;
+    rotateLeft?: WithFalse<CustomRender>;
+    rotateRight?: WithFalse<CustomRender>;
+    zoomIn?: WithFalse<CustomRender>;
+    zoomOut?: WithFalse<CustomRender>;
+    left?: WithFalse<CustomRender>;
+    right?: WithFalse<CustomRender>;
+    flipX?: WithFalse<CustomRender>;
+    flipY?: WithFalse<CustomRender>;
+}
+export type BaseImagePreviewProps = Partial<{
+    urls: string[];
+    mask: VNode | boolean;
+    maskClass: 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: {
+    urls: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    open: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    scaleStep: {
+        type: PropType<number>;
+        default: number;
+    };
+    minScale: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxScale: {
+        type: PropType<number>;
+        default: number;
+    };
+    movable: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    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: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    countRender: PropType<WithFalse<(current: number, total: number) => CustomRender>>;
+    icons: {
+        type: PropType<PreviewPropsIcons>;
+        default: () => PreviewPropsIcons;
+    };
+    onTransform: PropType<(info: {
+        transform: TransformType;
+        action: TransformAction;
+    }) => void>;
+    onOpenChange: PropType<(val: boolean) => void>;
+    'onUpdate:open': PropType<(val: boolean) => void>;
+};
+export default _default;