fat-design 0.0.1 → 0.0.2-beta.20251111003037

package/types/0buildTypes/image/Image.d.ts

@@ -1,42 +1,42 @@
-import * as React from 'react';
-import type { TransformType } from './hooks/useImageTransform';
-import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
-import PreviewGroup from './PreviewGroup';
-export interface ImagePreviewType {
-    src?: string;
-    visible?: boolean;
-    minScale?: number;
-    maxScale?: number;
-    onVisibleChange?: (value: boolean, prevValue: boolean) => void;
-    getContainer?: any | false;
-    mask?: React.ReactNode;
-    maskClassName?: string;
-    icons?: PreviewProps['icons'];
-    scaleStep?: number;
-    movable?: boolean;
-    imageRender?: (originalNode: React.ReactElement, info: {
-        transform: TransformType;
-    }) => React.ReactNode;
-    onTransform?: PreviewProps['onTransform'];
-    toolbarRender?: (originalNode: React.ReactElement, info: Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
-}
-export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder' | 'onClick'> {
-    src?: string;
-    wrapperClassName?: string;
-    wrapperStyle?: React.CSSProperties;
-    prefix?: string;
-    prefixCls?: string;
-    previewPrefixCls?: string;
-    placeholder?: React.ReactNode;
-    fallback?: string;
-    rootClassName?: string;
-    preview?: boolean | ImagePreviewType;
-    onPreviewClose?: (value: boolean, prevValue: boolean) => void;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
-}
-interface CompoundedComponent<P> extends React.FC<P> {
-    PreviewGroup: typeof PreviewGroup;
-}
-declare const ImageInternal: CompoundedComponent<ImageProps>;
-export default ImageInternal;
+import * as React from 'react';
+import type { TransformType } from './hooks/useImageTransform';
+import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
+import PreviewGroup from './PreviewGroup';
+export interface ImagePreviewType {
+    src?: string;
+    visible?: boolean;
+    minScale?: number;
+    maxScale?: number;
+    onVisibleChange?: (value: boolean, prevValue: boolean) => void;
+    getContainer?: any | false;
+    mask?: React.ReactNode;
+    maskClassName?: string;
+    icons?: PreviewProps['icons'];
+    scaleStep?: number;
+    movable?: boolean;
+    imageRender?: (originalNode: React.ReactElement, info: {
+        transform: TransformType;
+    }) => React.ReactNode;
+    onTransform?: PreviewProps['onTransform'];
+    toolbarRender?: (originalNode: React.ReactElement, info: Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
+}
+export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder' | 'onClick'> {
+    src?: string;
+    wrapperClassName?: string;
+    wrapperStyle?: React.CSSProperties;
+    prefix?: string;
+    prefixCls?: string;
+    previewPrefixCls?: string;
+    placeholder?: React.ReactNode;
+    fallback?: string;
+    rootClassName?: string;
+    preview?: boolean | ImagePreviewType;
+    onPreviewClose?: (value: boolean, prevValue: boolean) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onError?: (e: React.SyntheticEvent<HTMLImageElement, Event>) => void;
+}
+interface CompoundedComponent<P> extends React.FC<P> {
+    PreviewGroup: typeof PreviewGroup;
+}
+declare const ImageInternal: CompoundedComponent<ImageProps>;
+export default ImageInternal;

package/types/0buildTypes/image/Operations.d.ts

@@ -1,25 +1,25 @@
-import * as React from 'react';
-import type { TransformType } from './hooks/useImageTransform';
-import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
-interface OperationsProps extends Pick<PreviewProps, 'visible' | 'maskTransitionName' | 'getContainer' | 'prefixCls' | 'rootClassName' | 'icons' | 'countRender' | 'closeIcon' | 'onClose'> {
-    showSwitch: boolean;
-    showProgress: boolean;
-    current: number;
-    transform: TransformType;
-    count: number;
-    scale: number;
-    minScale: number;
-    maxScale: number;
-    onSwitchLeft: React.MouseEventHandler<HTMLDivElement>;
-    onSwitchRight: React.MouseEventHandler<HTMLDivElement>;
-    onZoomIn: () => void;
-    onZoomOut: () => void;
-    onRotateRight: () => void;
-    onRotateLeft: () => void;
-    onFlipX: () => void;
-    onFlipY: () => void;
-    toolbarRender: (originalNode: React.ReactElement, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
-    zIndex?: number;
-}
-declare const Operations: React.FC<OperationsProps>;
-export default Operations;
+import * as React from 'react';
+import type { TransformType } from './hooks/useImageTransform';
+import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
+interface OperationsProps extends Pick<PreviewProps, 'visible' | 'maskTransitionName' | 'getContainer' | 'prefixCls' | 'rootClassName' | 'icons' | 'countRender' | 'closeIcon' | 'onClose'> {
+    showSwitch: boolean;
+    showProgress: boolean;
+    current: number;
+    transform: TransformType;
+    count: number;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+    onSwitchLeft: React.MouseEventHandler<HTMLDivElement>;
+    onSwitchRight: React.MouseEventHandler<HTMLDivElement>;
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onRotateRight: () => void;
+    onRotateLeft: () => void;
+    onFlipX: () => void;
+    onFlipY: () => void;
+    toolbarRender: (originalNode: React.ReactElement, info: ToolbarRenderInfoType | Omit<ToolbarRenderInfoType, 'current' | 'total'>) => React.ReactNode;
+    zIndex?: number;
+}
+declare const Operations: React.FC<OperationsProps>;
+export default Operations;

package/types/0buildTypes/image/Preview.d.ts

@@ -1,64 +1,64 @@
-import React from 'react';
-import type { TransformAction, TransformType } from './hooks/useImageTransform';
-type IDialogPropTypes = any;
-export type ToolbarRenderInfoType = {
-    icons: {
-        flipYIcon: React.ReactNode;
-        flipXIcon: React.ReactNode;
-        rotateLeftIcon: React.ReactNode;
-        rotateRightIcon: React.ReactNode;
-        zoomOutIcon: React.ReactNode;
-        zoomInIcon: React.ReactNode;
-    };
-    actions: {
-        onFlipY: () => void;
-        onFlipX: () => void;
-        onRotateLeft: () => void;
-        onRotateRight: () => void;
-        onZoomOut: () => void;
-        onZoomIn: () => void;
-    };
-    transform: TransformType;
-    current: number;
-    total: number;
-};
-export interface PreviewProps extends Omit<IDialogPropTypes, 'onClose'> {
-    imgCommonProps?: React.ImgHTMLAttributes<HTMLImageElement>;
-    src?: string;
-    alt?: string;
-    fallback?: string;
-    movable?: boolean;
-    rootClassName?: string;
-    icons?: {
-        rotateLeft?: React.ReactNode;
-        rotateRight?: React.ReactNode;
-        zoomIn?: React.ReactNode;
-        zoomOut?: React.ReactNode;
-        close?: React.ReactNode;
-        left?: React.ReactNode;
-        right?: React.ReactNode;
-        flipX?: React.ReactNode;
-        flipY?: React.ReactNode;
-    };
-    current?: number;
-    count?: number;
-    closeIcon?: React.ReactNode;
-    countRender?: (current: number, total: number) => React.ReactNode;
-    scaleStep?: number;
-    minScale?: number;
-    maxScale?: number;
-    imageRender?: (originalNode: React.ReactElement, info: {
-        transform: TransformType;
-        current?: number;
-    }) => React.ReactNode;
-    onClose?: () => void;
-    onTransform?: (info: {
-        transform: TransformType;
-        action: TransformAction;
-    }) => void;
-    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
-    onChange?: (current: any, prev: any) => void;
-    visible: boolean;
-}
-declare function Preview(props: PreviewProps): React.JSX.Element;
-export default Preview;
+import React from 'react';
+import type { TransformAction, TransformType } from './hooks/useImageTransform';
+type IDialogPropTypes = any;
+export type ToolbarRenderInfoType = {
+    icons: {
+        flipYIcon: React.ReactNode;
+        flipXIcon: React.ReactNode;
+        rotateLeftIcon: React.ReactNode;
+        rotateRightIcon: React.ReactNode;
+        zoomOutIcon: React.ReactNode;
+        zoomInIcon: React.ReactNode;
+    };
+    actions: {
+        onFlipY: () => void;
+        onFlipX: () => void;
+        onRotateLeft: () => void;
+        onRotateRight: () => void;
+        onZoomOut: () => void;
+        onZoomIn: () => void;
+    };
+    transform: TransformType;
+    current: number;
+    total: number;
+};
+export interface PreviewProps extends Omit<IDialogPropTypes, 'onClose'> {
+    imgCommonProps?: React.ImgHTMLAttributes<HTMLImageElement>;
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    movable?: boolean;
+    rootClassName?: string;
+    icons?: {
+        rotateLeft?: React.ReactNode;
+        rotateRight?: React.ReactNode;
+        zoomIn?: React.ReactNode;
+        zoomOut?: React.ReactNode;
+        close?: React.ReactNode;
+        left?: React.ReactNode;
+        right?: React.ReactNode;
+        flipX?: React.ReactNode;
+        flipY?: React.ReactNode;
+    };
+    current?: number;
+    count?: number;
+    closeIcon?: React.ReactNode;
+    countRender?: (current: number, total: number) => React.ReactNode;
+    scaleStep?: number;
+    minScale?: number;
+    maxScale?: number;
+    imageRender?: (originalNode: React.ReactElement, info: {
+        transform: TransformType;
+        current?: number;
+    }) => React.ReactNode;
+    onClose?: () => void;
+    onTransform?: (info: {
+        transform: TransformType;
+        action: TransformAction;
+    }) => void;
+    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
+    onChange?: (current: any, prev: any) => void;
+    visible: boolean;
+}
+declare function Preview(props: PreviewProps): React.JSX.Element;
+export default Preview;

package/types/0buildTypes/image/PreviewGroup.d.ts

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import type { TransformType } from './hooks/useImageTransform';
-import { type ImagePreviewType } from './Image';
-import type { ImageElementProps } from './interface';
-import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
-export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'mask' | 'maskClassName' | 'onVisibleChange' | 'toolbarRender' | 'imageRender'> {
-    /**
-     * If Preview the show img index
-     * @default 0
-     */
-    closeIcon?: string;
-    current?: number;
-    countRender?: (current: number, total: number) => React.ReactNode;
-    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
-    imageRender?: (originalNode: React.ReactElement, info: {
-        transform: TransformType;
-        current: number;
-    }) => React.ReactNode;
-    onVisibleChange?: (value: boolean, prevValue: boolean, current: number) => void;
-    onChange?: (current: number, prevCurrent: number) => void;
-}
-export interface GroupConsumerProps {
-    prefix?: string;
-    previewPrefixCls?: string;
-    icons?: PreviewProps['icons'];
-    items?: (string | ImageElementProps)[];
-    fallback?: string;
-    preview?: boolean | PreviewGroupPreview;
-    children?: React.ReactNode;
-}
-declare const Group: React.FC<GroupConsumerProps>;
-export default Group;
+import * as React from 'react';
+import type { TransformType } from './hooks/useImageTransform';
+import { type ImagePreviewType } from './Image';
+import type { ImageElementProps } from './interface';
+import type { PreviewProps, ToolbarRenderInfoType } from './Preview';
+export interface PreviewGroupPreview extends Omit<ImagePreviewType, 'mask' | 'maskClassName' | 'onVisibleChange' | 'toolbarRender' | 'imageRender'> {
+    /**
+     * If Preview the show img index
+     * @default 0
+     */
+    closeIcon?: string;
+    current?: number;
+    countRender?: (current: number, total: number) => React.ReactNode;
+    toolbarRender?: (originalNode: React.ReactElement, info: ToolbarRenderInfoType) => React.ReactNode;
+    imageRender?: (originalNode: React.ReactElement, info: {
+        transform: TransformType;
+        current: number;
+    }) => React.ReactNode;
+    onVisibleChange?: (value: boolean, prevValue: boolean, current: number) => void;
+    onChange?: (current: number, prevCurrent: number) => void;
+}
+export interface GroupConsumerProps {
+    prefix?: string;
+    previewPrefixCls?: string;
+    icons?: PreviewProps['icons'];
+    items?: (string | ImageElementProps)[];
+    fallback?: string;
+    preview?: boolean | PreviewGroupPreview;
+    children?: React.ReactNode;
+}
+declare const Group: React.FC<GroupConsumerProps>;
+export default Group;

package/types/0buildTypes/image/common.d.ts

@@ -1,2 +1,2 @@
-import type { ImageElementProps } from './interface';
-export declare const COMMON_PROPS: (keyof Omit<ImageElementProps, 'src'>)[];
+import type { ImageElementProps } from './interface';
+export declare const COMMON_PROPS: (keyof Omit<ImageElementProps, 'src'>)[];

package/types/0buildTypes/image/context.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import type { OnGroupPreview, RegisterImage } from './interface';
-export interface PreviewGroupContextProps {
-    register: RegisterImage;
-    onPreview: OnGroupPreview;
-}
-export declare const PreviewGroupContext: React.Context<PreviewGroupContextProps>;
+import * as React from 'react';
+import type { OnGroupPreview, RegisterImage } from './interface';
+export interface PreviewGroupContextProps {
+    register: RegisterImage;
+    onPreview: OnGroupPreview;
+}
+export declare const PreviewGroupContext: React.Context<PreviewGroupContextProps>;

package/types/0buildTypes/image/getFixScaleEleTransPosition.d.ts

@@ -1,17 +1,17 @@
-export interface IPosition {
-    x: number;
-    y: number;
-}
-/**
- * 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 | IPosition;
+export interface IPosition {
+    x: number;
+    y: number;
+}
+/**
+ * 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 | IPosition;

package/types/0buildTypes/image/hooks/useImageTransform.d.ts

@@ -1,28 +1,28 @@
-/// <reference types="react" />
-export type 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';
-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: React.MutableRefObject<HTMLImageElement>, minScale: number, maxScale: number, onTransform: (info: {
-    transform: TransformType;
-    action: TransformAction;
-}) => void): {
-    transform: {
-        x: number;
-        y: number;
-        rotate: number;
-        scale: number;
-        flipX: boolean;
-        flipY: boolean;
-    };
-    resetTransform: (action: TransformAction) => void;
-    updateTransform: UpdateTransformFunc;
-    dispatchZoomChange: DispatchZoomChangeFunc;
-};
+/// <reference types="react" />
+export type 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';
+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: React.MutableRefObject<HTMLImageElement>, minScale: number, maxScale: number, onTransform: (info: {
+    transform: TransformType;
+    action: TransformAction;
+}) => void): {
+    transform: {
+        x: number;
+        y: number;
+        rotate: number;
+        scale: number;
+        flipX: boolean;
+        flipY: boolean;
+    };
+    resetTransform: (action: TransformAction) => void;
+    updateTransform: UpdateTransformFunc;
+    dispatchZoomChange: DispatchZoomChangeFunc;
+};

package/types/0buildTypes/image/hooks/useMouseEvent.d.ts

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

package/types/0buildTypes/image/hooks/usePreviewItems.d.ts

@@ -1,7 +1,7 @@
-import type { InternalItem, RegisterImage } from '../interface';
-import type { GroupConsumerProps } from '../PreviewGroup';
-export type Items = Omit<InternalItem, 'canPreview'>[];
-/**
- * Merge props provided `items` or context collected images
- */
-export default function usePreviewItems(items?: GroupConsumerProps['items']): [items: Items, registerImage: RegisterImage];
+import type { InternalItem, RegisterImage } from '../interface';
+import type { GroupConsumerProps } from '../PreviewGroup';
+export type Items = Omit<InternalItem, 'canPreview'>[];
+/**
+ * Merge props provided `items` or context collected images
+ */
+export default function usePreviewItems(items?: GroupConsumerProps['items']): [items: Items, registerImage: RegisterImage];

package/types/0buildTypes/image/hooks/useRegisterImage.d.ts

@@ -1,2 +1,2 @@
-import type { ImageElementProps } from '../interface';
-export default function useRegisterImage(canPreview: boolean, data: ImageElementProps): string;
+import type { ImageElementProps } from '../interface';
+export default function useRegisterImage(canPreview: boolean, data: ImageElementProps): string;

package/types/0buildTypes/image/hooks/useStatus.d.ts

@@ -1,14 +1,14 @@
-type ImageStatus = 'normal' | 'error' | 'loading';
-export interface IUseStateParam {
-    src?: string;
-    isCustomPlaceholder?: any;
-    fallback?: string;
-}
-export default function useStatus({ src, isCustomPlaceholder, fallback, }: IUseStateParam): readonly [(img?: HTMLImageElement | null) => void, {
-    src: string;
-    onLoad?: undefined;
-} | {
-    onLoad: () => void;
-    src: string;
-}, ImageStatus];
-export {};
+type ImageStatus = 'normal' | 'error' | 'loading';
+export interface IUseStateParam {
+    src?: string;
+    isCustomPlaceholder?: any;
+    fallback?: string;
+}
+export default function useStatus({ src, isCustomPlaceholder, fallback, }: IUseStateParam): readonly [(img?: HTMLImageElement | null) => void, {
+    src: string;
+    onLoad?: undefined;
+} | {
+    onLoad: () => void;
+    src: string;
+}, ImageStatus];
+export {};

package/types/0buildTypes/image/hooks/useTouchEvent.d.ts

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

package/types/0buildTypes/image/index.d.ts

@@ -1,6 +1,6 @@
-import Image from './Image';
-export * from './Image';
-export default Image;
-/**
- * Copy From https://github.com/react-component/image
- */
+import Image from './Image';
+export * from './Image';
+export default Image;
+/**
+ * Copy From https://github.com/react-component/image
+ */

package/types/0buildTypes/image/interface.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-/**
- * Used for PreviewGroup passed image data
- */
-export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
-export type PreviewImageElementProps = {
-    data: ImageElementProps;
-    canPreview: boolean;
-};
-export type InternalItem = PreviewImageElementProps & {
-    id?: string;
-};
-export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
-export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;
+/// <reference types="react" />
+/**
+ * Used for PreviewGroup passed image data
+ */
+export type ImageElementProps = Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'crossOrigin' | 'decoding' | 'draggable' | 'loading' | 'referrerPolicy' | 'sizes' | 'srcSet' | 'useMap' | 'alt'>;
+export type PreviewImageElementProps = {
+    data: ImageElementProps;
+    canPreview: boolean;
+};
+export type InternalItem = PreviewImageElementProps & {
+    id?: string;
+};
+export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
+export type OnGroupPreview = (id: string, mouseX: number, mouseY: number) => void;

package/types/0buildTypes/image/previewConfig.d.ts

@@ -1,4 +1,4 @@
-/** Scale the ratio base */
-export declare const BASE_SCALE_RATIO = 1;
-/** The maximum zoom ratio when the mouse zooms in, adjustable */
-export declare const WHEEL_MAX_SCALE_RATIO = 1;
+/** Scale the ratio base */
+export declare const BASE_SCALE_RATIO = 1;
+/** The maximum zoom ratio when the mouse zooms in, adjustable */
+export declare const WHEEL_MAX_SCALE_RATIO = 1;

package/types/0buildTypes/image/util.d.ts

@@ -1 +1 @@
-export declare function isImageValid(src?: string | any): Promise<unknown>;
+export declare function isImageValid(src?: string | any): Promise<unknown>;

package/types/0buildTypes/image/utils/KeyCode.d.ts

@@ -1,23 +1,23 @@
-declare const KeyCode: {
-    /**
-     * LEFT
-     */
-    LEFT: number;
-    /**
-     * UP
-     */
-    UP: number;
-    /**
-     * RIGHT
-     */
-    RIGHT: number;
-    /**
-     * DOWN
-     */
-    DOWN: number;
-    /**
-     * ESC
-     */
-    ESC: number;
-};
-export default KeyCode;
+declare const KeyCode: {
+    /**
+     * LEFT
+     */
+    LEFT: number;
+    /**
+     * UP
+     */
+    UP: number;
+    /**
+     * RIGHT
+     */
+    RIGHT: number;
+    /**
+     * DOWN
+     */
+    DOWN: number;
+    /**
+     * ESC
+     */
+    ESC: number;
+};
+export default KeyCode;