feat: add ragflow web project & add pnpm workspace file

ragflow_web/src/components/image/index.tsx

@@ -0,0 +1,35 @@
+import { api_host } from '@/utils/api';
+import classNames from 'classnames';
+import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
+
+interface IImage {
+  id: string;
+  className: string;
+  onClick?(): void;
+}
+
+const Image = ({ id, className, ...props }: IImage) => {
+  return (
+    <img
+      {...props}
+      src={`${api_host}/document/image/${id}`}
+      alt=""
+      className={classNames('max-w-[45vw] max-h-[40wh] block', className)}
+    />
+  );
+};
+
+export default Image;
+
+export const ImageWithPopover = ({ id }: { id: string }) => {
+  return (
+    <Popover>
+      <PopoverTrigger>
+        <Image id={id} className="max-h-[100px] inline-block"></Image>
+      </PopoverTrigger>
+      <PopoverContent>
+        <Image id={id} className="max-w-[100px] object-contain"></Image>
+      </PopoverContent>
+    </Popover>
+  );
+};