fix: use fromItems boolean

src/PreviewGroup.tsx

@@ -67,7 +67,7 @@ const Group: React.FC<GroupConsumerProps> = ({
   } = typeof preview === 'object' ? preview : ({} as PreviewGroupPreview);
 
   // ========================== Items ===========================
-  const [mergedItems, register, from] = usePreviewItems(items);
+  const [mergedItems, register, fromItems] = usePreviewItems(items);
 
   // ========================= Preview ==========================
   // >>> Index
@@ -92,7 +92,7 @@ const Group: React.FC<GroupConsumerProps> = ({
 
   const onPreviewFromImage = React.useCallback<OnGroupPreview>(
     (id, imageSrc, mouseX, mouseY) => {
-      const index = from === 'context'
+      const index = fromItems
         ? mergedItems.findIndex(item => item.id === id)
         : mergedItems.findIndex(item => typeof item === 'string' ? item === imageSrc : item.data.src === imageSrc);
 

src/hooks/usePreviewItems.ts

@@ -5,7 +5,6 @@ import type {
   ImageElementProps,
   InternalItem,
   PreviewImageElementProps,
-  PreviewItemsFrom,
   RegisterImage,
 } from '../interface';
 
@@ -16,7 +15,7 @@ export type Items = Omit<InternalItem, 'canPreview'>[];
  */
 export default function usePreviewItems(
   items?: GroupConsumerProps['items'],
-): [items: Items, registerImage: RegisterImage, from: PreviewItemsFrom] {
+): [items: Items, registerImage: RegisterImage, fromItems: boolean] {
   // Context collection image data
   const [images, setImages] = React.useState<Record<number, PreviewImageElementProps>>({});
 
@@ -63,10 +62,10 @@ export default function usePreviewItems(
     }, []);
   }, [items, images]);
 
-  // from
-  const from = React.useMemo<PreviewItemsFrom>(() => {
-    return items ? 'items' : 'context';
+  // fromItems
+  const fromItems = React.useMemo<PreviewItemsFrom>(() => {
+    return !!items;
   }, [items]);
 
-  return [mergedItems, registerImage, from];
+  return [mergedItems, registerImage, fromItems];
 }

src/interface.ts

@@ -27,5 +27,3 @@ export type InternalItem = PreviewImageElementProps & {
 export type RegisterImage = (id: string, data: PreviewImageElementProps) => VoidFunction;
 
 export type OnGroupPreview = (id: string, imageSrc: string, mouseX: number, mouseY: number) => void;
-
-export type PreviewItemsFrom = 'items' | 'context';