fix: pick items imgCommonProps

src/Image.tsx

@@ -62,7 +62,7 @@ interface CompoundedComponent<P> extends React.FC<P> {
 
 type ImageStatus = 'normal' | 'error' | 'loading';
 
-const COMMON_PROPS: (keyof ImageElementProps)[] = [
+export const COMMON_PROPS: (keyof Omit<ImageElementProps, 'src'>)[] = [
   'crossOrigin',
   'decoding',
   'draggable',

src/hooks/usePreviewItems.ts

@@ -1,5 +1,11 @@
 import * as React from 'react';
-import type { InternalItem, PreviewImageElementProps, RegisterImage } from '../interface';
+import { COMMON_PROPS } from '..';
+import type {
+  ImageElementProps,
+  InternalItem,
+  PreviewImageElementProps,
+  RegisterImage,
+} from '../interface';
 import type { GroupConsumerProps } from '../PreviewGroup';
 
 export type Items = Omit<InternalItem, 'canPreview'>[];
@@ -31,9 +37,18 @@ export default function usePreviewItems(
   // items
   const mergedItems = React.useMemo<Items>(() => {
     if (items) {
-      return items.map(item =>
-        typeof item === 'string' ? { data: { src: item } } : { data: item },
-      );
+      return items.map(item => {
+        if (typeof item === 'string') {
+          return { data: { src: item } };
+        }
+        const data: ImageElementProps = {};
+        Object.keys(items).forEach(key => {
+          if (['src', ...COMMON_PROPS].includes(key)) {
+            data[key] = items[key];
+          }
+        });
+        return { data };
+      });
     }
 
     return Object.keys(images).reduce((total: Items, id) => {

tsconfig.json

@@ -3,7 +3,7 @@
     "target": "esnext",
     "moduleResolution": "node",
     "baseUrl": "./",
-    "jsx": "react",
+    "jsx": "preserve",
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,