feat: add ragflow web project & add pnpm workspace file

ragflow_web/src/components/icon-font.tsx

@@ -0,0 +1,47 @@
+import { FileIconMap } from '@/constants/file';
+import { cn } from '@/lib/utils';
+import { getExtension } from '@/utils/document-util';
+
+type IconFontType = {
+  name: string;
+
+  className?: string;
+};
+
+export const IconFont = ({ name, className }: IconFontType) => (
+  <svg className={cn('size-4', className)}>
+    <use xlinkHref={`#icon-${name}`} />
+  </svg>
+);
+
+export function IconFontFill({
+  name,
+  className,
+  isFill = true,
+}: IconFontType & { isFill?: boolean }) {
+  return (
+    <span className={cn('size-4', className)}>
+      <svg
+        className={cn('size-4', className)}
+        style={{ fill: isFill ? 'currentColor' : '' }}
+      >
+        <use xlinkHref={`#icon-${name}`} />
+      </svg>
+    </span>
+  );
+}
+
+export function FileIcon({
+  name,
+  className,
+  type,
+}: IconFontType & { type?: string }) {
+  const isFolder = type === 'folder';
+  return (
+    <span className={cn('size-4', className)}>
+      <IconFont
+        name={isFolder ? 'file-sub' : FileIconMap[getExtension(name)]}
+      ></IconFont>
+    </span>
+  );
+}