图片预览组件修改

one_stop_public/filePreview/ImgViewer.jsx

+import React from 'react';
 import { useMemo } from 'react';
 import Viewer from 'react-viewer';
 import { checkIsImage } from '@/webPublic/one_stop_public/libs/UploadCom';
-export const ImgViewer = (props) => {
+export const ImgViewer = props => {
   const { onClose, path } = props;
-	
-  const images = useMemo(
-		() => {
-			return props?.images?.filter(i => checkIsImage(i?.src));
-		},
-		[props.images]
-	);
-  const activeIndex = useMemo(
-		() => {
-      if(path) {
-        return images?.findIndex((item) => item?.src === path);
+  const images = useMemo(() => {
+    if (props.images && Array.isArray(props.images)) {
+      return props.images.filter(i => checkIsImage(i.src));
+    } else {
+      return [path];
     }
-      return 0
-		},
-		[path]
-	);
-	return (
-		<Viewer visible={true} onClose={onClose} activeIndex={activeIndex} images={images} />
-	);
+  }, [props.images]);
+  console.log('images', images);
+  const activeIndex = useMemo(() => {
+    if (path && images.length) {
+      return images?.findIndex(item => item?.src === path);
+    }
+    return 0;
+  }, [path]);
+  return <Viewer visible={true}
+                 onClose={onClose}
+                 activeIndex={activeIndex}
+                 images={images}
+  />;
 };