pengjunjie/ragflow
1
0
Fork 1
mirror of https://github.com/infiniflow/ragflow.git synced 2026-01-31 23:55:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: UmiJs -> Vite (#12410)

Browse Source 
### What problem does this PR solve?

Refactor: UmiJs -> Vite+React

### Type of change

- [x] Refactoring

---------

Co-authored-by: Liu An <asiro@qq.com>
This commit is contained in:
chanx
2026-01-04 19:14:20 +08:00
committed by GitHub
parent 2c10ccd622
commit a8a060676a
168 changed files with 12808 additions and 23476 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/.env.development Normal file
View File

@ -0,0 +1 @@
VITE_BASE_URL=''

1
web/.env.production Normal file
View File

@ -0,0 +1 @@
VITE_BASE_URL=''

75
web/.umirc.ts
View File

@ -1,75 +0,0 @@
import path from 'path';
import TerserPlugin from 'terser-webpack-plugin';
import { defineConfig } from 'umi';
import { appName } from './src/conf.json';
import routes from './src/routes';
const ESLintPlugin = require('eslint-webpack-plugin');
export default defineConfig({
title: appName,
outputPath: 'dist',
alias: { '@parent': path.resolve(__dirname, '../') },
npmClient: 'npm',
base: '/',
routes,
publicPath: '/',
esbuildMinifyIIFE: true,
icons: {},
hash: true,
favicons: ['/logo.svg'],
headScripts: [{ src: '/iconfont.js', defer: true }],
clickToComponent: {},
history: {
type: 'browser',
},
plugins: [
'@react-dev-inspector/umi4-plugin',
'@umijs/plugins/dist/tailwindcss',
],
jsMinifier: 'none', // Fixed the issue that the page displayed an error after packaging lexical with terser
lessLoader: {
modifyVars: {
hack: `true; @import "~@/less/index.less";`,
},
},
devtool: 'source-map',
copy: [
{ from: 'src/conf.json', to: 'dist/conf.json' },
{ from: 'node_modules/monaco-editor/min/vs/', to: 'dist/vs/' },
],
proxy: [
{
context: ['/api/v1/admin'],
target: 'http://127.0.0.1:9381/',
changeOrigin: true,
ws: true,
logger: console,
},
{
context: ['/api', '/v1'],
target: 'http://127.0.0.1:9380/',
changeOrigin: true,
ws: true,
logger: console,
// pathRewrite: { '^/v1': '/v1' },
},
],
chainWebpack(memo, args) {
memo.module.rule('markdown').test(/\.md$/).type('asset/source');
memo.optimization.minimizer('terser').use(TerserPlugin); // Fixed the issue that the page displayed an error after packaging lexical with terser
// memo.plugin('eslint').use(ESLintPlugin, [
// {
// extensions: ['js', 'ts', 'tsx'],
// failOnError: true,
// exclude: ['**/node_modules/**', '**/mfsu**', '**/mfsu-virtual-entry**'],
// files: ['src/**/*.{js,ts,tsx}'],
// },
// ]);
return memo;
},
tailwindcss: {},
});

14
web/index.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RAGFlow</title>
<script src="/iconfont.js" defer></script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>

34884
web/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

41
web/package.json
View File

@ -1,15 +1,16 @@
{ {
"version": "1.0.0",
"private": true, "private": true,
"description": "RAGFlow Web Frontend migrated to Vite",
"author": "bill", "author": "bill",
"type": "module",
"scripts": { "scripts": {
"build": "umi build", "build": "vite build --mode production",
"build-storybook": "storybook build", "build-storybook": "storybook build",
"dev": "cross-env UMI_DEV_SERVER_COMPRESS=none umi dev", "dev": "vite",
"postinstall": "umi setup", "lint": "eslint src --ext .ts,.tsx --report-unused-disable-directives --max-warnings 0",
"lint": "umi lint --eslint-only",
"prepare": "cd .. && husky web/.husky", "prepare": "cd .. && husky web/.husky",
"setup": "umi setup", "preview": "vite preview",
"start": "npm run dev",
"storybook": "storybook dev -p 6006", "storybook": "storybook dev -p 6006",
"test": "jest --no-cache --coverage" "test": "jest --no-cache --coverage"
}, },
@ -18,6 +19,9 @@
"prettier --write --ignore-unknown" "prettier --write --ignore-unknown"
] ]
}, },
"overrides": {
"@radix-ui/react-dismissable-layer": "1.1.4"
},
"dependencies": { "dependencies": {
"@ant-design/icons": "^5.2.6", "@ant-design/icons": "^5.2.6",
"@ant-design/pro-components": "^2.6.46", "@ant-design/pro-components": "^2.6.46",
@ -27,6 +31,7 @@
"@hookform/resolvers": "^3.9.1", "@hookform/resolvers": "^3.9.1",
"@js-preview/excel": "^1.7.14", "@js-preview/excel": "^1.7.14",
"@lexical/react": "^0.23.1", "@lexical/react": "^0.23.1",
"@mdx-js/rollup": "^3.1.1",
"@monaco-editor/react": "^4.6.0", "@monaco-editor/react": "^4.6.0",
"@radix-ui/react-accordion": "^1.2.3", "@radix-ui/react-accordion": "^1.2.3",
"@radix-ui/react-alert-dialog": "^1.1.4", "@radix-ui/react-alert-dialog": "^1.1.4",
@ -60,6 +65,7 @@
"@tanstack/react-table": "^8.20.5", "@tanstack/react-table": "^8.20.5",
"@types/papaparse": "^5.5.1", "@types/papaparse": "^5.5.1",
"@uiw/react-markdown-preview": "^5.1.3", "@uiw/react-markdown-preview": "^5.1.3",
"@welldone-software/why-did-you-render": "^8.0.3",
"@xyflow/react": "^12.3.6", "@xyflow/react": "^12.3.6",
"ahooks": "^3.7.10", "ahooks": "^3.7.10",
"ajv": "^8.17.1", "ajv": "^8.17.1",
@ -105,6 +111,7 @@
"react-pdf-highlighter": "^6.1.0", "react-pdf-highlighter": "^6.1.0",
"react-photo-view": "^1.2.7", "react-photo-view": "^1.2.7",
"react-resizable-panels": "^3.0.6", "react-resizable-panels": "^3.0.6",
"react-router": "^7.10.1",
"react-string-replace": "^1.1.1", "react-string-replace": "^1.1.1",
"react-syntax-highlighter": "^15.5.0", "react-syntax-highlighter": "^15.5.0",
"react18-json-view": "^0.2.8", "react18-json-view": "^0.2.8",
@ -117,7 +124,6 @@
"tailwind-merge": "^2.5.4", "tailwind-merge": "^2.5.4",
"tailwind-scrollbar": "^3.1.0", "tailwind-scrollbar": "^3.1.0",
"tailwindcss-animate": "^1.0.7", "tailwindcss-animate": "^1.0.7",
"umi": "^4.0.90",
"umi-request": "^1.4.0", "umi-request": "^1.4.0",
"unist-util-visit-parents": "^6.0.1", "unist-util-visit-parents": "^6.0.1",
"uuid": "^9.0.1", "uuid": "^9.0.1",
@ -127,7 +133,7 @@
}, },
"devDependencies": { "devDependencies": {
"@hookform/devtools": "^4.4.0", "@hookform/devtools": "^4.4.0",
"@react-dev-inspector/umi4-plugin": "^2.0.1", "@react-router/dev": "^7.10.1",
"@redux-devtools/extension": "^3.3.0", "@redux-devtools/extension": "^3.3.0",
"@storybook/addon-docs": "^9.1.4", "@storybook/addon-docs": "^9.1.4",
"@storybook/addon-onboarding": "^9.1.4", "@storybook/addon-onboarding": "^9.1.4",
@ -148,18 +154,19 @@
"@types/testing-library__jest-dom": "^6.0.0", "@types/testing-library__jest-dom": "^6.0.0",
"@types/uuid": "^9.0.8", "@types/uuid": "^9.0.8",
"@types/webpack-env": "^1.18.4", "@types/webpack-env": "^1.18.4",
"@umijs/lint": "^4.1.1", "@vitejs/plugin-react": "^5.1.2",
"@umijs/plugins": "^4.1.0",
"@welldone-software/why-did-you-render": "^8.0.3",
"autoprefixer": "^10.4.21", "autoprefixer": "^10.4.21",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"eslint": "^8.56.0",
"eslint-plugin-check-file": "^2.8.0", "eslint-plugin-check-file": "^2.8.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.5",
"eslint-plugin-storybook": "^9.1.4", "eslint-plugin-storybook": "^9.1.4",
"eslint-webpack-plugin": "^4.1.0",
"html-loader": "^5.1.0", "html-loader": "^5.1.0",
"husky": "^9.0.11", "husky": "^9.0.11",
"jest": "^29.7.0", "jest": "^29.7.0",
"jest-environment-jsdom": "^29.7.0", "jest-environment-jsdom": "^29.7.0",
"less": "^4.4.2",
"lint-staged": "^15.2.7", "lint-staged": "^15.2.7",
"postcss": "^8.5.6", "postcss": "^8.5.6",
"postcss-loader": "^8.2.0", "postcss-loader": "^8.2.0",
@ -172,13 +179,13 @@
"tailwindcss": "^3", "tailwindcss": "^3",
"terser-webpack-plugin": "^5.3.11", "terser-webpack-plugin": "^5.3.11",
"ts-node": "^10.9.2", "ts-node": "^10.9.2",
"typescript": "^5.0.3", "typescript": "^5.9.3",
"umi-plugin-icons": "^0.1.1" "vite": "^7.2.7",
"vite-plugin-html": "^3.2.2",
"vite-plugin-static-copy": "^3.1.4",
"vite-svg-loader": "^5.1.0"
}, },
"engines": { "engines": {
"node": ">=18.20.4" "node": ">=18.20.4"
},
"overrides": {
"@radix-ui/react-dismissable-layer": "1.1.4"
} }
} }

0
web/postcss.config.js → web/postcss.config.cjs
View File

52
web/src/app.tsx
View File

@ -18,11 +18,14 @@ import localeData from 'dayjs/plugin/localeData';
import weekOfYear from 'dayjs/plugin/weekOfYear'; import weekOfYear from 'dayjs/plugin/weekOfYear';
import weekYear from 'dayjs/plugin/weekYear'; import weekYear from 'dayjs/plugin/weekYear';
import weekday from 'dayjs/plugin/weekday'; import weekday from 'dayjs/plugin/weekday';
import React, { ReactNode, useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { RouterProvider } from 'react-router';
import { ThemeProvider, useTheme } from './components/theme-provider'; import { ThemeProvider, useTheme } from './components/theme-provider';
import { SidebarProvider } from './components/ui/sidebar'; import { SidebarProvider } from './components/ui/sidebar';
import { TooltipProvider } from './components/ui/tooltip'; import { TooltipProvider } from './components/ui/tooltip';
import { ThemeEnum } from './constants/common'; import { ThemeEnum } from './constants/common';
// import { getRouter } from './routes';
import { routers } from './routes';
import storage from './utils/authorization-util'; import storage from './utils/authorization-util';
import 'react-photo-view/dist/react-photo-view.css'; import 'react-photo-view/dist/react-photo-view.css';
@ -54,15 +57,26 @@ const AntLanguageMap = {
de: deDE, de: deDE,
}; };
// if (process.env.NODE_ENV === 'development') {
// const whyDidYouRender = require('@welldone-software/why-did-you-render');
// whyDidYouRender(React, {
// trackAllPureComponents: true,
// trackExtraHooks: [],
// logOnDifferentValues: true,
// });
// }
if (process.env.NODE_ENV === 'development') { if (process.env.NODE_ENV === 'development') {
const whyDidYouRender = require('@welldone-software/why-did-you-render'); import('@welldone-software/why-did-you-render').then(
whyDidYouRender(React, { (whyDidYouRenderModule) => {
trackAllPureComponents: true, const whyDidYouRender = whyDidYouRenderModule.default;
trackExtraHooks: [], whyDidYouRender(React, {
logOnDifferentValues: true, trackAllPureComponents: true,
}); trackExtraHooks: [],
logOnDifferentValues: true,
});
},
);
} }
const queryClient = new QueryClient(); const queryClient = new QueryClient();
type Locale = ConfigProviderProps['locale']; type Locale = ConfigProviderProps['locale'];
@ -94,7 +108,7 @@ function Root({ children }: React.PropsWithChildren) {
locale={locale} locale={locale}
> >
<SidebarProvider className="h-full"> <SidebarProvider className="h-full">
<App>{children}</App> <App className="w-full h-dvh relative">{children}</App>
</SidebarProvider> </SidebarProvider>
<Sonner position={'top-right'} expand richColors closeButton></Sonner> <Sonner position={'top-right'} expand richColors closeButton></Sonner>
<Toaster /> <Toaster />
@ -126,6 +140,22 @@ const RootProvider = ({ children }: React.PropsWithChildren) => {
</TooltipProvider> </TooltipProvider>
); );
}; };
export function rootContainer(container: ReactNode) {
return <RootProvider>{container}</RootProvider>; export default function AppContainer() {
// const [router, setRouter] = useState<any>(null);
// useEffect(() => {
// getRouter().then(setRouter);
// }, []);
// if (!router) {
// return <div>Loading...</div>;
// }
return (
<RootProvider>
<RouterProvider router={routers}></RouterProvider>
{/* <RouterProvider router={router}></RouterProvider> */}
</RootProvider>
);
} }

2
web/src/components/api-service/chat-overview-modal/api-content.tsx
View File

@ -1,7 +1,7 @@
import { useIsDarkTheme } from '@/components/theme-provider'; import { useIsDarkTheme } from '@/components/theme-provider';
import { useSetModalState } from '@/hooks/common-hooks'; import { useSetModalState } from '@/hooks/common-hooks';
import { LangfuseCard } from '@/pages/user-setting/setting-model/langfuse'; import { LangfuseCard } from '@/pages/user-setting/setting-model/langfuse';
import apiDoc from '@parent/docs/references/http_api_reference.md'; import apiDoc from '@parent/docs/references/http_api_reference.md?raw';
import MarkdownPreview from '@uiw/react-markdown-preview'; import MarkdownPreview from '@uiw/react-markdown-preview';
import ChatApiKeyModal from '../chat-api-key-modal'; import ChatApiKeyModal from '../chat-api-key-modal';
import BackendServiceApi from './backend-service-api'; import BackendServiceApi from './backend-service-api';

0
web/src/components/api-service/chat-overview-modal/index.less → web/src/components/api-service/chat-overview-modal/index.module.less
View File

2
web/src/components/api-service/chat-overview-modal/stats-chart.tsx
View File

@ -5,7 +5,7 @@ import { formatDate } from '@/utils/date';
import camelCase from 'lodash/camelCase'; import camelCase from 'lodash/camelCase';
import { useSelectChartStatsList } from '../hooks'; import { useSelectChartStatsList } from '../hooks';
import styles from './index.less'; import styles from './index.module.less';
const StatsLineChart = ({ statsType }: { statsType: keyof IStats }) => { const StatsLineChart = ({ statsType }: { statsType: keyof IStats }) => {
const { t } = useTranslate('chat'); const { t } = useTranslate('chat');

5
web/src/components/back-button/index.tsx
View File

@ -2,11 +2,10 @@ import { cn } from '@/lib/utils';
import { t } from 'i18next'; import { t } from 'i18next';
import { ArrowBigLeft } from 'lucide-react'; import { ArrowBigLeft } from 'lucide-react';
import React from 'react'; import React from 'react';
import { useNavigate } from 'umi'; import { useNavigate } from 'react-router';
import { Button } from '../ui/button'; import { Button } from '../ui/button';
interface BackButtonProps interface BackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
extends React.ButtonHTMLAttributes<HTMLButtonElement> {
to?: string; to?: string;
} }

9
web/src/components/chunk-method-dialog/index.tsx
View File

@ -57,11 +57,10 @@ import {
const FormId = 'ChunkMethodDialogForm'; const FormId = 'ChunkMethodDialogForm';
interface IProps interface IProps extends IModalProps<{
extends IModalProps<{ parserId: string;
parserId: string; parserConfig: IChangeParserConfigRequestBody;
parserConfig: IChangeParserConfigRequestBody; }> {
}> {
loading: boolean; loading: boolean;
parserId: string; parserId: string;
pipelineId?: string; pipelineId?: string;

0
web/src/components/document-preview/index.less → web/src/components/document-preview/index.module.less
View File

2
web/src/components/document-preview/pdf-preview.tsx
View File

@ -14,7 +14,7 @@ import { Spin } from '@/components/ui/spin';
import { Authorization } from '@/constants/authorization'; import { Authorization } from '@/constants/authorization';
import FileError from '@/pages/document-viewer/file-error'; import FileError from '@/pages/document-viewer/file-error';
import { getAuthorization } from '@/utils/authorization-util'; import { getAuthorization } from '@/utils/authorization-util';
import styles from './index.less'; import styles from './index.module.less';
type PdfLoaderProps = React.ComponentProps<typeof PdfLoader> & { type PdfLoaderProps = React.ComponentProps<typeof PdfLoader> & {
httpHeaders?: Record<string, string>; httpHeaders?: Record<string, string>;
}; };

4
web/src/components/dynamic-form.tsx
View File

@ -952,8 +952,8 @@ const DynamicForm = {
onClick={() => { onClick={() => {
(async () => { (async () => {
try { try {
let beValid = await form.formControl.trigger(); let beValid = await form.trigger();
console.log('form valid', beValid, form, form.formControl); console.log('form valid', beValid, form);
// if (beValid) { // if (beValid) {
// form.handleSubmit(async (values) => { // form.handleSubmit(async (values) => {
// console.log('form values', values); // console.log('form values', values);

65
web/src/components/fallback-component/index.tsx Normal file
View File

@ -0,0 +1,65 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
interface FallbackComponentProps {
error?: Error;
reset?: () => void;
}
const FallbackComponent: React.FC<FallbackComponentProps> = ({
error,
reset,
}) => {
const { t } = useTranslation();
return (
<div style={{ padding: '20px', textAlign: 'center' }}>
<h2>{t('error_boundary.title', 'Something went wrong')}</h2>
<p>
{t(
'error_boundary.description',
'Sorry, an error occurred while loading the page.',
)}
</p>
{error && (
<details style={{ whiteSpace: 'pre-wrap', marginTop: '16px' }}>
<summary>{t('error_boundary.details', 'Error details')}</summary>
{error.toString()}
</details>
)}
<div style={{ marginTop: '16px' }}>
<button
onClick={() => window.location.reload()}
style={{
marginRight: '12px',
padding: '8px 16px',
backgroundColor: '#1890ff',
color: 'white',
border: 'none',
borderRadius: '4px',
cursor: 'pointer',
}}
>
{t('error_boundary.reload', 'Reload Page')}
</button>
{reset && (
<button
onClick={reset}
style={{
padding: '8px 16px',
backgroundColor: '#52c41a',
color: 'white',
border: 'none',
borderRadius: '4px',
cursor: 'pointer',
}}
>
{t('error_boundary.retry', 'Retry')}
</button>
)}
</div>
</div>
);
};
export default FallbackComponent;

0
web/src/components/file-icon/index.less → web/src/components/file-icon/index.module.less
View File

2
web/src/components/file-icon/index.tsx
View File

@ -3,7 +3,7 @@ import SvgIcon from '../svg-icon';
import { useFetchDocumentThumbnailsByIds } from '@/hooks/use-document-request'; import { useFetchDocumentThumbnailsByIds } from '@/hooks/use-document-request';
import { useEffect } from 'react'; import { useEffect } from 'react';
import styles from './index.less'; import styles from './index.module.less';
interface IProps { interface IProps {
name: string; name: string;

30
web/src/components/file-upload.tsx
View File

@ -287,11 +287,10 @@ function useFileUploadContext(consumerName: string) {
return context; return context;
} }
interface FileUploadRootProps interface FileUploadRootProps extends Omit<
extends Omit< React.ComponentPropsWithoutRef<'div'>,
React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'onChange'
'defaultValue' | 'onChange' > {
> {
value?: File[]; value?: File[];
defaultValue?: File[]; defaultValue?: File[];
onValueChange?: (files: File[]) => void; onValueChange?: (files: File[]) => void;
@ -639,8 +638,7 @@ function FileUploadRoot(props: FileUploadRootProps) {
); );
} }
interface FileUploadDropzoneProps interface FileUploadDropzoneProps extends React.ComponentPropsWithoutRef<'div'> {
extends React.ComponentPropsWithoutRef<'div'> {
asChild?: boolean; asChild?: boolean;
} }
@ -836,8 +834,7 @@ function FileUploadDropzone(props: FileUploadDropzoneProps) {
); );
} }
interface FileUploadTriggerProps interface FileUploadTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
extends React.ComponentPropsWithoutRef<'button'> {
asChild?: boolean; asChild?: boolean;
} }
@ -1069,8 +1066,7 @@ function getFileIcon(file: File) {
return <FileIcon />; return <FileIcon />;
} }
interface FileUploadItemPreviewProps interface FileUploadItemPreviewProps extends React.ComponentPropsWithoutRef<'div'> {
extends React.ComponentPropsWithoutRef<'div'> {
render?: (file: File) => React.ReactNode; render?: (file: File) => React.ReactNode;
asChild?: boolean; asChild?: boolean;
} }
@ -1122,8 +1118,7 @@ function FileUploadItemPreview(props: FileUploadItemPreviewProps) {
); );
} }
interface FileUploadItemMetadataProps interface FileUploadItemMetadataProps extends React.ComponentPropsWithoutRef<'div'> {
extends React.ComponentPropsWithoutRef<'div'> {
asChild?: boolean; asChild?: boolean;
size?: 'default' | 'sm'; size?: 'default' | 'sm';
} }
@ -1184,8 +1179,7 @@ function FileUploadItemMetadata(props: FileUploadItemMetadataProps) {
</ItemMetadataPrimitive> </ItemMetadataPrimitive>
); );
} }
interface FileUploadItemProgressProps interface FileUploadItemProgressProps extends React.ComponentPropsWithoutRef<'div'> {
extends React.ComponentPropsWithoutRef<'div'> {
variant?: 'linear' | 'circular' | 'fill'; variant?: 'linear' | 'circular' | 'fill';
size?: number; size?: number;
asChild?: boolean; asChild?: boolean;
@ -1315,8 +1309,7 @@ function FileUploadItemProgress(props: FileUploadItemProgressProps) {
} }
} }
interface FileUploadItemDeleteProps interface FileUploadItemDeleteProps extends React.ComponentPropsWithoutRef<'button'> {
extends React.ComponentPropsWithoutRef<'button'> {
asChild?: boolean; asChild?: boolean;
} }
@ -1356,8 +1349,7 @@ function FileUploadItemDelete(props: FileUploadItemDeleteProps) {
); );
} }
interface FileUploadClearProps interface FileUploadClearProps extends React.ComponentPropsWithoutRef<'button'> {
extends React.ComponentPropsWithoutRef<'button'> {
forceMount?: boolean; forceMount?: boolean;
asChild?: boolean; asChild?: boolean;
} }

6
web/src/components/file-uploader.tsx
View File

@ -92,8 +92,10 @@ function FileCard({ file, progress, onRemove }: FileCardProps) {
); );
} }
interface FileUploaderProps interface FileUploaderProps extends Omit<
extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> { React.HTMLAttributes<HTMLDivElement>,
'title'
> {
/** /**
* Value of the uploader. * Value of the uploader.
* @type File[] * @type File[]

2
web/src/components/floating-chat-widget-markdown.less → web/src/components/floating-chat-widget-markdown.module.less
View File

@ -23,7 +23,6 @@
} }
.widget-citation-content { .widget-citation-content {
p, p,
div, div,
span, span,
@ -35,7 +34,6 @@
} }
.floating-chat-widget { .floating-chat-widget {
/* General styles for markdown content within the widget */ /* General styles for markdown content within the widget */
p, p,
div, div,

2
web/src/components/floating-chat-widget-markdown.tsx
View File

@ -35,7 +35,7 @@ import rehypeRaw from 'rehype-raw';
import remarkGfm from 'remark-gfm'; import remarkGfm from 'remark-gfm';
import remarkMath from 'remark-math'; import remarkMath from 'remark-math';
import { visitParents } from 'unist-util-visit-parents'; import { visitParents } from 'unist-util-visit-parents';
import styles from './floating-chat-widget-markdown.less'; import styles from './floating-chat-widget-markdown.module.less';
import { useIsDarkTheme } from './theme-provider'; import { useIsDarkTheme } from './theme-provider';
const getChunkIndex = (match: string) => Number(match.replace(/\[|\]/g, '')); const getChunkIndex = (match: string) => Number(match.replace(/\[|\]/g, ''));

0
web/src/components/highlight-markdown/index.less → web/src/components/highlight-markdown/index.module.less
View File

2
web/src/components/highlight-markdown/index.tsx
View File

@ -14,7 +14,7 @@ import 'katex/dist/katex.min.css'; // `rehype-katex` does not import the CSS for
import { preprocessLaTeX } from '@/utils/chat'; import { preprocessLaTeX } from '@/utils/chat';
import { useIsDarkTheme } from '../theme-provider'; import { useIsDarkTheme } from '../theme-provider';
import styles from './index.less'; import styles from './index.module.less';
const HighLightMarkdown = ({ const HighLightMarkdown = ({
children, children,

0
web/src/components/llm-setting-items/index.less → web/src/components/llm-setting-items/index.module.less
View File

2
web/src/components/llm-setting-items/index.tsx
View File

@ -11,7 +11,7 @@ import { useComposeLlmOptionsByModelTypes } from '@/hooks/use-llm-request';
import { setChatVariableEnabledFieldValuePage } from '@/utils/chat'; import { setChatVariableEnabledFieldValuePage } from '@/utils/chat';
import { QuestionCircleOutlined } from '@ant-design/icons'; import { QuestionCircleOutlined } from '@ant-design/icons';
import { useCallback, useMemo } from 'react'; import { useCallback, useMemo } from 'react';
import styles from './index.less'; import styles from './index.module.less';
interface IProps { interface IProps {
prefix?: string; prefix?: string;

0
web/src/components/markdown-content/index.less → web/src/components/markdown-content/index.module.less
View File

2
web/src/components/markdown-content/index.tsx
View File

@ -33,7 +33,7 @@ import {
HoverCardContent, HoverCardContent,
HoverCardTrigger, HoverCardTrigger,
} from '../ui/hover-card'; } from '../ui/hover-card';
import styles from './index.less'; import styles from './index.module.less';
const getChunkIndex = (match: string) => Number(match); const getChunkIndex = (match: string) => Number(match);

0
web/src/components/message-item/index.less → web/src/components/message-item/index.module.less
View File

10
web/src/components/message-item/index.tsx
View File

@ -1,4 +1,3 @@
import { ReactComponent as AssistantIcon } from '@/assets/svg/assistant.svg';
import { MessageType } from '@/constants/chat'; import { MessageType } from '@/constants/chat';
import { import {
IMessage, IMessage,
@ -21,9 +20,10 @@ import {
removePDFDownloadInfo, removePDFDownloadInfo,
} from '../pdf-download-button'; } from '../pdf-download-button';
import { RAGFlowAvatar } from '../ragflow-avatar'; import { RAGFlowAvatar } from '../ragflow-avatar';
import SvgIcon from '../svg-icon';
import { useTheme } from '../theme-provider'; import { useTheme } from '../theme-provider';
import { AssistantGroupButton, UserGroupButton } from './group-button'; import { AssistantGroupButton, UserGroupButton } from './group-button';
import styles from './index.less'; import styles from './index.module.less';
interface IProps extends Partial<IRemoveMessageById>, IRegenerateMessage { interface IProps extends Partial<IRemoveMessageById>, IRegenerateMessage {
item: IMessage; item: IMessage;
@ -117,7 +117,11 @@ const MessageItem = ({
isPerson isPerson
/> />
) : ( ) : (
<AssistantIcon /> <SvgIcon
name={'assistant'}
width={'100%'}
className={cn('size-10 fill-current')}
></SvgIcon>
))} ))}
<section className="flex gap-2 flex-1 flex-col"> <section className="flex gap-2 flex-1 flex-col">

0
web/src/components/next-markdown-content/index.less → web/src/components/next-markdown-content/index.module.less
View File

2
web/src/components/next-markdown-content/index.tsx
View File

@ -35,7 +35,7 @@ import {
HoverCardContent, HoverCardContent,
HoverCardTrigger, HoverCardTrigger,
} from '../ui/hover-card'; } from '../ui/hover-card';
import styles from './index.less'; import styles from './index.module.less';
const getChunkIndex = (match: string) => Number(match); const getChunkIndex = (match: string) => Number(match);
// TODO: The display of the table is inconsistent with the display previously placed in the MessageItem. // TODO: The display of the table is inconsistent with the display previously placed in the MessageItem.

0
web/src/components/next-message-item/index.less → web/src/components/next-message-item/index.module.less
View File

14
web/src/components/next-message-item/index.tsx
View File

@ -1,4 +1,3 @@
import { ReactComponent as AssistantIcon } from '@/assets/svg/assistant.svg';
import { MessageType } from '@/constants/chat'; import { MessageType } from '@/constants/chat';
import { import {
IMessage, IMessage,
@ -31,18 +30,17 @@ import {
removePDFDownloadInfo, removePDFDownloadInfo,
} from '../pdf-download-button'; } from '../pdf-download-button';
import { RAGFlowAvatar } from '../ragflow-avatar'; import { RAGFlowAvatar } from '../ragflow-avatar';
import SvgIcon from '../svg-icon';
import { useTheme } from '../theme-provider'; import { useTheme } from '../theme-provider';
import { Button } from '../ui/button'; import { Button } from '../ui/button';
import { AssistantGroupButton, UserGroupButton } from './group-button'; import { AssistantGroupButton, UserGroupButton } from './group-button';
import styles from './index.less'; import styles from './index.module.less';
import { ReferenceDocumentList } from './reference-document-list'; import { ReferenceDocumentList } from './reference-document-list';
import { ReferenceImageList } from './reference-image-list'; import { ReferenceImageList } from './reference-image-list';
import { UploadedMessageFiles } from './uploaded-message-files'; import { UploadedMessageFiles } from './uploaded-message-files';
interface IProps interface IProps
extends Partial<IRemoveMessageById>, extends Partial<IRemoveMessageById>, IRegenerateMessage, PropsWithChildren {
IRegenerateMessage,
PropsWithChildren {
item: IMessage; item: IMessage;
conversationId?: string; conversationId?: string;
currentEventListWithoutMessageById?: (messageId: string) => INodeEvent[]; currentEventListWithoutMessageById?: (messageId: string) => INodeEvent[];
@ -208,7 +206,11 @@ function MessageItem({
isPerson isPerson
/> />
) : ( ) : (
<AssistantIcon /> <SvgIcon
name={'assistant'}
width={'100%'}
className={cn('size-10 fill-current')}
></SvgIcon>
))} ))}
<section className="flex-col gap-2 flex-1"> <section className="flex-col gap-2 flex-1">
<div className="flex justify-between items-center"> <div className="flex justify-between items-center">

0
web/src/components/pdf-previewer/index.less → web/src/components/pdf-previewer/index.module.less
View File

2
web/src/components/pdf-previewer/index.tsx
View File

@ -17,7 +17,7 @@ import {
useGetChunkHighlights, useGetChunkHighlights,
useGetDocumentUrl, useGetDocumentUrl,
} from '@/hooks/use-document-request'; } from '@/hooks/use-document-request';
import styles from './index.less'; import styles from './index.module.less';
interface IProps { interface IProps {
chunk: IChunk | IReferenceChunk; chunk: IChunk | IReferenceChunk;

2
web/src/components/ragflow-form.tsx
View File

@ -61,8 +61,8 @@ export function RAGFlowFormItem({
)} )}
<div <div
className={cn('flex flex-col', { className={cn('flex flex-col', {
'w-3/4': horizontal,
'w-full': !horizontal, 'w-full': !horizontal,
'w-3/4': horizontal,
})} })}
> >
<FormControl> <FormControl>

79
web/src/components/svg-icon.tsx
View File

@ -4,26 +4,39 @@ import Icon, { UserOutlined } from '@ant-design/icons';
import { IconComponentProps } from '@ant-design/icons/lib/components/Icon'; import { IconComponentProps } from '@ant-design/icons/lib/components/Icon';
import { Avatar } from 'antd'; import { Avatar } from 'antd';
import { AvatarSize } from 'antd/es/avatar/AvatarContext'; import { AvatarSize } from 'antd/es/avatar/AvatarContext';
import { useMemo } from 'react'; import { memo, useMemo } from 'react';
import { IconFontFill } from './icon-font'; import { IconFontFill } from './icon-font';
import { useIsDarkTheme } from './theme-provider'; import { useIsDarkTheme } from './theme-provider';
const importAll = (requireContext: __WebpackModuleApi.RequireContext) => { // const importAll = (requireContext: __WebpackModuleApi.RequireContext) => {
const list = requireContext.keys().map((key) => { // const list = requireContext.keys().map((key) => {
const name = key.replace(/\.\/(.*)\.\w+$/, '$1'); // const name = key.replace(/\.\/(.*)\.\w+$/, '$1');
return { name, value: requireContext(key) }; // return { name, value: requireContext(key) };
}); // });
return list; // return list;
}; // };
let routeList: { name: string; value: string }[] = []; // let routeList: { name: string; value: string }[] = [];
try { // try {
routeList = importAll(require.context('@/assets/svg', true, /\.svg$/)); // routeList = importAll(require.context('@/assets/svg', true, /\.svg$/));
} catch (error) { // } catch (error) {
console.warn(error); // console.warn(error);
routeList = []; // routeList = [];
} // }
const svgModules = import.meta.glob('@/assets/svg/**/*.svg', {
eager: true,
query: '?url',
});
const routeList: { name: string; value: string }[] = Object.entries(
svgModules,
).map(([path, module]) => {
const name = path.replace(/^.*\/assets\/svg\//, '').replace(/\.[^/.]+$/, '');
// @ts-ignore
return { name, value: module.default || module };
});
interface IProps extends IconComponentProps { interface IProps extends IconComponentProps {
name: string; name: string;
@ -32,23 +45,25 @@ interface IProps extends IconComponentProps {
imgClass?: string; imgClass?: string;
} }
const SvgIcon = ({ name, width, height, imgClass, ...restProps }: IProps) => { const SvgIcon = memo(
const ListItem = routeList.find((item) => item.name === name); ({ name, width, height, imgClass, ...restProps }: IProps) => {
return ( const ListItem = routeList.find((item) => item.name === name);
<Icon return (
component={() => ( <Icon
<img component={() => (
src={ListItem?.value} <img
alt="" src={ListItem?.value}
width={width} alt=""
height={height} width={width}
className={cn(imgClass, 'max-w-full')} height={height}
/> className={cn(imgClass, 'max-w-full')}
)} />
{...(restProps as any)} )}
/> {...(restProps as any)}
); />
}; );
},
);
export const LlmIcon = ({ export const LlmIcon = ({
name, name,

6
web/src/components/ui/segmented.tsx
View File

@ -40,8 +40,10 @@ const segmentedVariants = {
xl: 'px-6 py-2', xl: 'px-6 py-2',
}, },
}; };
export interface SegmentedProps export interface SegmentedProps extends Omit<
extends Omit<React.HTMLProps<HTMLDivElement>, 'onChange'> { React.HTMLProps<HTMLDivElement>,
'onChange'
> {
options: SegmentedOptions; options: SegmentedOptions;
defaultValue?: SegmentedValue; defaultValue?: SegmentedValue;
value?: SegmentedValue; value?: SegmentedValue;

2
web/src/hooks/auth-hooks.ts
View File

@ -1,7 +1,7 @@
import message from '@/components/ui/message'; import message from '@/components/ui/message';
import authorizationUtil from '@/utils/authorization-util'; import authorizationUtil from '@/utils/authorization-util';
import { useEffect, useMemo, useState } from 'react'; import { useEffect, useMemo, useState } from 'react';
import { useNavigate, useSearchParams } from 'umi'; import { useNavigate, useSearchParams } from 'react-router';
export const useOAuthCallback = () => { export const useOAuthCallback = () => {
const [currentQueryParameters, setSearchParams] = useSearchParams(); const [currentQueryParameters, setSearchParams] = useSearchParams();

4
web/src/hooks/common-hooks.tsx
View File

@ -60,7 +60,9 @@ export function useDynamicSVGImport(
setLoading(true); setLoading(true);
const importIcon = async (): Promise<void> => { const importIcon = async (): Promise<void> => {
try { try {
ImportedIconRef.current = (await import(name)).ReactComponent; ImportedIconRef.current = (
await import(/* @vite-ignore */ name)
).ReactComponent;
onCompleted?.(name, ImportedIconRef.current); onCompleted?.(name, ImportedIconRef.current);
} catch (err: any) { } catch (err: any) {
onError?.(err); onError?.(err);

2
web/src/hooks/logic-hooks/navigate-hooks.ts
View File

@ -2,7 +2,7 @@ import { AgentCategory, AgentQuery } from '@/constants/agent';
import { NavigateToDataflowResultProps } from '@/pages/dataflow-result/interface'; import { NavigateToDataflowResultProps } from '@/pages/dataflow-result/interface';
import { Routes } from '@/routes'; import { Routes } from '@/routes';
import { useCallback } from 'react'; import { useCallback } from 'react';
import { useNavigate, useParams, useSearchParams } from 'umi'; import { useNavigate, useParams, useSearchParams } from 'react-router';
export enum QueryStringMap { export enum QueryStringMap {
KnowledgeId = 'knowledgeId', KnowledgeId = 'knowledgeId',

2
web/src/hooks/route-hook.ts
View File

@ -3,7 +3,7 @@ import {
KnowledgeSearchParams, KnowledgeSearchParams,
} from '@/constants/knowledge'; } from '@/constants/knowledge';
import { useCallback } from 'react'; import { useCallback } from 'react';
import { useLocation, useNavigate, useSearchParams } from 'umi'; import { useLocation, useNavigate, useSearchParams } from 'react-router';
export enum SegmentIndex { export enum SegmentIndex {
Second = '2', Second = '2',

2
web/src/hooks/use-agent-request.ts
View File

@ -31,7 +31,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { useDebounce } from 'ahooks'; import { useDebounce } from 'ahooks';
import { get, set } from 'lodash'; import { get, set } from 'lodash';
import { useCallback, useState } from 'react'; import { useCallback, useState } from 'react';
import { useParams, useSearchParams } from 'umi'; import { useParams, useSearchParams } from 'react-router';
import { import {
useGetPaginationWithRouter, useGetPaginationWithRouter,
useHandleSearchChange, useHandleSearchChange,

2
web/src/hooks/use-chat-request.ts
View File

@ -22,7 +22,7 @@ import { useDebounce } from 'ahooks';
import { has } from 'lodash'; import { has } from 'lodash';
import { useCallback, useRef } from 'react'; import { useCallback, useRef } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useParams, useSearchParams } from 'umi'; import { useParams, useSearchParams } from 'react-router';
import { import {
useGetPaginationWithRouter, useGetPaginationWithRouter,
useHandleSearchChange, useHandleSearchChange,

2
web/src/hooks/use-dataflow-request.ts
View File

@ -3,7 +3,7 @@ import { IFlow } from '@/interfaces/database/agent';
import dataflowService from '@/services/dataflow-service'; import dataflowService from '@/services/dataflow-service';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'; import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useParams } from 'umi'; import { useParams } from 'react-router';
export const enum DataflowApiAction { export const enum DataflowApiAction {
ListDataflow = 'listDataflow', ListDataflow = 'listDataflow',

2
web/src/hooks/use-document-request.ts
View File

@ -23,7 +23,7 @@ import { useDebounce } from 'ahooks';
import { get } from 'lodash'; import { get } from 'lodash';
import { useCallback, useMemo, useState } from 'react'; import { useCallback, useMemo, useState } from 'react';
import { IHighlight } from 'react-pdf-highlighter'; import { IHighlight } from 'react-pdf-highlighter';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import { import {
useGetPaginationWithRouter, useGetPaginationWithRouter,
useHandleSearchChange, useHandleSearchChange,

2
web/src/hooks/use-file-request.ts
View File

@ -11,7 +11,7 @@ import { useDebounce } from 'ahooks';
import { PaginationProps } from 'antd'; import { PaginationProps } from 'antd';
import { useCallback } from 'react'; import { useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useSearchParams } from 'umi'; import { useSearchParams } from 'react-router';
import { import {
useGetPaginationWithRouter, useGetPaginationWithRouter,
useHandleSearchChange, useHandleSearchChange,

2
web/src/hooks/use-knowledge-request.ts
View File

@ -28,7 +28,7 @@ import {
} from '@tanstack/react-query'; } from '@tanstack/react-query';
import { useDebounce } from 'ahooks'; import { useDebounce } from 'ahooks';
import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
import { useParams, useSearchParams } from 'umi'; import { useParams, useSearchParams } from 'react-router';
import { import {
useGetPaginationWithRouter, useGetPaginationWithRouter,
useHandleSearchChange, useHandleSearchChange,

2
web/src/hooks/use-user-setting-request.tsx
View File

@ -18,13 +18,13 @@ import userService, {
listTenant, listTenant,
listTenantUser, listTenantUser,
} from '@/services/user-service'; } from '@/services/user-service';
import { history } from '@/utils/simple-history-util';
import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'; import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
import { Modal } from 'antd'; import { Modal } from 'antd';
import DOMPurify from 'dompurify'; import DOMPurify from 'dompurify';
import { isEmpty } from 'lodash'; import { isEmpty } from 'lodash';
import { useCallback, useMemo, useState } from 'react'; import { useCallback, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { history } from 'umi';
export const enum UserSettingApiAction { export const enum UserSettingApiAction {
UserInfo = 'userInfo', UserInfo = 'userInfo',

0
web/src/layouts/components/header/index.less → web/src/layouts/components/header/index.module.less
View File

10
web/src/layouts/components/header/index.tsx
View File

@ -1,17 +1,17 @@
import { ReactComponent as FileIcon } from '@/assets/svg/file-management.svg'; import FileIcon from '@/assets/svg/file-management.svg';
import { ReactComponent as GraphIcon } from '@/assets/svg/graph.svg'; import GraphIcon from '@/assets/svg/graph.svg';
import { ReactComponent as KnowledgeBaseIcon } from '@/assets/svg/knowledge-base.svg'; import KnowledgeBaseIcon from '@/assets/svg/knowledge-base.svg';
import { useTranslate } from '@/hooks/common-hooks'; import { useTranslate } from '@/hooks/common-hooks';
import { useFetchAppConf } from '@/hooks/logic-hooks'; import { useFetchAppConf } from '@/hooks/logic-hooks';
import { useNavigateWithFromState } from '@/hooks/route-hook'; import { useNavigateWithFromState } from '@/hooks/route-hook';
import { MessageOutlined, SearchOutlined } from '@ant-design/icons'; import { MessageOutlined, SearchOutlined } from '@ant-design/icons';
import { Flex, Layout, Radio, Space, theme } from 'antd'; import { Flex, Layout, Radio, Space, theme } from 'antd';
import { MouseEventHandler, useCallback, useMemo } from 'react'; import { MouseEventHandler, useCallback, useMemo } from 'react';
import { useLocation } from 'umi'; import { useLocation } from 'react-router';
import Toolbar from '../right-toolbar'; import Toolbar from '../right-toolbar';
import { useTheme } from '@/components/theme-provider'; import { useTheme } from '@/components/theme-provider';
import styles from './index.less'; import styles from './index.module.less';
const { Header } = Layout; const { Header } = Layout;

2
web/src/layouts/components/right-toolbar/index.tsx
View File

@ -14,7 +14,7 @@ import {
} from '@/hooks/use-user-setting-request'; } from '@/hooks/use-user-setting-request';
import { TenantRole } from '@/pages/user-setting/constants'; import { TenantRole } from '@/pages/user-setting/constants';
import { BellRing, CircleHelp, MoonIcon, SunIcon } from 'lucide-react'; import { BellRing, CircleHelp, MoonIcon, SunIcon } from 'lucide-react';
import { useNavigate } from 'umi'; import { useNavigate } from 'react-router';
import styled from './index.less'; import styled from './index.less';
const Circle = ({ children, ...restProps }: React.PropsWithChildren) => { const Circle = ({ children, ...restProps }: React.PropsWithChildren) => {

4
web/src/layouts/components/user/index.tsx
View File

@ -1,9 +1,9 @@
import { useFetchUserInfo } from '@/hooks/use-user-setting-request'; import { useFetchUserInfo } from '@/hooks/use-user-setting-request';
import { history } from '@/utils/simple-history-util';
import { Avatar } from 'antd'; import { Avatar } from 'antd';
import React from 'react'; import React from 'react';
import { history } from 'umi';
import styles from '../../index.less'; import styles from '../../index.module.less';
const App: React.FC = () => { const App: React.FC = () => {
const { data: userInfo } = useFetchUserInfo(); const { data: userInfo } = useFetchUserInfo();

0
web/src/layouts/index.less → web/src/layouts/index.module.less
View File

4
web/src/layouts/index.tsx
View File

@ -1,10 +1,10 @@
import { Divider, Layout, theme } from 'antd'; import { Divider, Layout, theme } from 'antd';
import React from 'react'; import React from 'react';
import { Outlet } from 'umi'; import { Outlet } from 'react-router';
import '../locales/config'; import '../locales/config';
import Header from './components/header'; import Header from './components/header';
import styles from './index.less'; import styles from './index.module.less';
const { Content } = Layout; const { Content } = Layout;

2
web/src/layouts/next-header.tsx
View File

@ -30,7 +30,7 @@ import {
} from 'lucide-react'; } from 'lucide-react';
import React, { useCallback, useMemo } from 'react'; import React, { useCallback, useMemo } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useLocation } from 'umi'; import { useLocation } from 'react-router';
import { BellButton } from './bell-button'; import { BellButton } from './bell-button';
const handleDocHelpCLick = () => { const handleDocHelpCLick = () => {

2
web/src/layouts/next.tsx
View File

@ -1,4 +1,4 @@
import { Outlet } from 'umi'; import { Outlet } from 'react-router';
import { Header } from './next-header'; import { Header } from './next-header';
export default function NextLayout() { export default function NextLayout() {

13
web/src/main.tsx Normal file
View File

@ -0,0 +1,13 @@
import React from 'react';
import { gotoVSCode, Inspector } from 'react-dev-inspector';
import ReactDOM from 'react-dom/client';
import '../tailwind.css';
import App from './app';
import './global.less';
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<Inspector keys={['alt', 'c']} onInspectElement={gotoVSCode} />
<App />
</React.StrictMode>,
);

4
web/src/pages/404.jsx → web/src/pages/404.tsx
View File

@ -1,7 +1,7 @@
import { Routes } from '@/routes'; import { Routes } from '@/routes';
import { history } from '@/utils/simple-history-util';
import { Button, Result } from 'antd'; import { Button, Result } from 'antd';
import { history, useLocation } from 'umi'; import { useLocation } from 'react-router';
const NoFoundPage = () => { const NoFoundPage = () => {
const location = useLocation(); const location = useLocation();

2
web/src/pages/admin/layouts/navigation-layout.tsx
View File

@ -1,6 +1,6 @@
import { useMemo } from 'react'; import { useMemo } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { NavLink, Outlet, useNavigate } from 'umi'; import { NavLink, Outlet, useNavigate } from 'react-router';
import { useMutation, useQuery } from '@tanstack/react-query'; import { useMutation, useQuery } from '@tanstack/react-query';

2
web/src/pages/admin/layouts/root-layout.tsx
View File

@ -1,4 +1,4 @@
import { Outlet } from 'umi'; import { Outlet } from 'react-router';
const AdminRootLayout = () => { const AdminRootLayout = () => {
return <Outlet />; return <Outlet />;

2
web/src/pages/admin/login.tsx
View File

@ -2,7 +2,7 @@ import { type AxiosResponseHeaders } from 'axios';
import { useEffect, useId } from 'react'; import { useEffect, useId } from 'react';
import { useForm } from 'react-hook-form'; import { useForm } from 'react-hook-form';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useNavigate } from 'umi'; import { useNavigate } from 'react-router';
import { useMutation } from '@tanstack/react-query'; import { useMutation } from '@tanstack/react-query';

2
web/src/pages/admin/user-detail.tsx
View File

@ -1,6 +1,6 @@
import { useMemo } from 'react'; import { useMemo } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useNavigate, useParams } from 'umi'; import { useNavigate, useParams } from 'react-router';
import { LucideArrowLeft, LucideDot } from 'lucide-react'; import { LucideArrowLeft, LucideDot } from 'lucide-react';

2
web/src/pages/admin/users.tsx
View File

@ -1,6 +1,6 @@
import { useLayoutEffect, useMemo, useState } from 'react'; import { useLayoutEffect, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useNavigate } from 'umi'; import { useNavigate } from 'react-router';
import { import {
createColumnHelper, createColumnHelper,

2
web/src/pages/admin/wrappers/authorized.tsx
View File

@ -1,6 +1,6 @@
import { Routes } from '@/routes'; import { Routes } from '@/routes';
import authorizationUtil from '@/utils/authorization-util'; import authorizationUtil from '@/utils/authorization-util';
import { Navigate, Outlet } from 'umi'; import { Navigate, Outlet } from 'react-router';
export default function AuthorizedAdminWrapper() { export default function AuthorizedAdminWrapper() {
const isLogin = !!authorizationUtil.getAuthorization(); const isLogin = !!authorizationUtil.getAuthorization();

0
web/src/pages/agent/canvas/context-menu/index.less → web/src/pages/agent/canvas/context-menu/index.module.less
View File

2
web/src/pages/agent/canvas/context-menu/index.tsx
View File

@ -1,7 +1,7 @@
import { NodeMouseHandler, useReactFlow } from '@xyflow/react'; import { NodeMouseHandler, useReactFlow } from '@xyflow/react';
import { useCallback, useRef, useState } from 'react'; import { useCallback, useRef, useState } from 'react';
import styles from './index.less'; import styles from './index.module.less';
export interface INodeContextMenu { export interface INodeContextMenu {
id: string; id: string;

0
web/src/pages/agent/canvas/index.less → web/src/pages/agent/canvas/index.module.less
View File

2
web/src/pages/agent/canvas/index.tsx
View File

@ -50,7 +50,7 @@ import { useStopMessageUnmount } from '../hooks/use-stop-message';
import { LogSheet } from '../log-sheet'; import { LogSheet } from '../log-sheet';
import RunSheet from '../run-sheet'; import RunSheet from '../run-sheet';
import { ButtonEdge } from './edge'; import { ButtonEdge } from './edge';
import styles from './index.less'; import styles from './index.module.less';
import { RagNode } from './node'; import { RagNode } from './node';
import { AgentNode } from './node/agent-node'; import { AgentNode } from './node/agent-node';
import { BeginNode } from './node/begin-node'; import { BeginNode } from './node/begin-node';

2
web/src/pages/agent/canvas/node/begin-node.tsx
View File

@ -18,7 +18,7 @@ import OperatorIcon from '../../operator-icon';
import { LabelCard } from './card'; import { LabelCard } from './card';
import { CommonHandle } from './handle'; import { CommonHandle } from './handle';
import { RightHandleStyle } from './handle-icon'; import { RightHandleStyle } from './handle-icon';
import styles from './index.less'; import styles from './index.module.less';
import { NodeWrapper } from './node-wrapper'; import { NodeWrapper } from './node-wrapper';
function InnerBeginNode({ function InnerBeginNode({

2
web/src/pages/agent/canvas/node/file-node.tsx
View File

@ -14,7 +14,7 @@ import { BeginQuery } from '../../interface';
import OperatorIcon from '../../operator-icon'; import OperatorIcon from '../../operator-icon';
import { CommonHandle } from './handle'; import { CommonHandle } from './handle';
import { RightHandleStyle } from './handle-icon'; import { RightHandleStyle } from './handle-icon';
import styles from './index.less'; import styles from './index.module.less';
import { NodeWrapper } from './node-wrapper'; import { NodeWrapper } from './node-wrapper';
// TODO: do not allow other nodes to connect to this node // TODO: do not allow other nodes to connect to this node

0
web/src/pages/agent/canvas/node/index.less → web/src/pages/agent/canvas/node/index.module.less
View File

2
web/src/pages/agent/canvas/node/keyword-node.tsx
View File

@ -6,7 +6,7 @@ import { get } from 'lodash';
import { memo } from 'react'; import { memo } from 'react';
import { LLMLabelCard } from './card'; import { LLMLabelCard } from './card';
import { LeftHandleStyle, RightHandleStyle } from './handle-icon'; import { LeftHandleStyle, RightHandleStyle } from './handle-icon';
import styles from './index.less'; import styles from './index.module.less';
import NodeHeader from './node-header'; import NodeHeader from './node-header';
export function InnerKeywordNode({ export function InnerKeywordNode({

3
web/src/pages/agent/canvas/node/message-node.tsx
View File

@ -8,7 +8,7 @@ import { get } from 'lodash';
import { memo } from 'react'; import { memo } from 'react';
import { LabelCard } from './card'; import { LabelCard } from './card';
import { LeftEndHandle } from './handle'; import { LeftEndHandle } from './handle';
import styles from './index.less'; import styles from './index.module.less';
import NodeHeader from './node-header'; import NodeHeader from './node-header';
import { NodeWrapper } from './node-wrapper'; import { NodeWrapper } from './node-wrapper';
import { ToolBar } from './toolbar'; import { ToolBar } from './toolbar';
@ -17,7 +17,6 @@ import { VariableDisplay } from './variable-display';
function InnerMessageNode({ id, data, selected }: NodeProps<IMessageNode>) { function InnerMessageNode({ id, data, selected }: NodeProps<IMessageNode>) {
const messages: string[] = get(data, 'form.content', []); const messages: string[] = get(data, 'form.content', []);
const { getLabel } = useGetVariableLabelOrTypeByValue({ nodeId: id }); const { getLabel } = useGetVariableLabelOrTypeByValue({ nodeId: id });
return ( return (
<ToolBar selected={selected} id={id} label={data.label}> <ToolBar selected={selected} id={id} label={data.label}>
<NodeWrapper selected={selected} id={id}> <NodeWrapper selected={selected} id={id}>

2
web/src/pages/agent/canvas/node/retrieval-node.tsx
View File

@ -12,7 +12,7 @@ import { RetrievalFormSchemaType } from '../../form/retrieval-form/next';
import { useGetVariableLabelOrTypeByValue } from '../../hooks/use-get-begin-query'; import { useGetVariableLabelOrTypeByValue } from '../../hooks/use-get-begin-query';
import { LabelCard } from './card'; import { LabelCard } from './card';
import { CommonHandle, LeftEndHandle } from './handle'; import { CommonHandle, LeftEndHandle } from './handle';
import styles from './index.less'; import styles from './index.module.less';
import NodeHeader from './node-header'; import NodeHeader from './node-header';
import { NodeWrapper } from './node-wrapper'; import { NodeWrapper } from './node-wrapper';
import { ToolBar } from './toolbar'; import { ToolBar } from './toolbar';

2
web/src/pages/agent/canvas/node/rewrite-node.tsx
View File

@ -6,7 +6,7 @@ import { get } from 'lodash';
import { memo } from 'react'; import { memo } from 'react';
import { LLMLabelCard } from './card'; import { LLMLabelCard } from './card';
import { LeftHandleStyle, RightHandleStyle } from './handle-icon'; import { LeftHandleStyle, RightHandleStyle } from './handle-icon';
import styles from './index.less'; import styles from './index.module.less';
import NodeHeader from './node-header'; import NodeHeader from './node-header';
function InnerRewriteNode({ function InnerRewriteNode({

2
web/src/pages/agent/chat/box.tsx
View File

@ -15,7 +15,7 @@ import {
import { useFetchUserInfo } from '@/hooks/use-user-setting-request'; import { useFetchUserInfo } from '@/hooks/use-user-setting-request';
import { buildMessageUuidWithRole } from '@/utils/chat'; import { buildMessageUuidWithRole } from '@/utils/chat';
import { memo, useCallback, useContext } from 'react'; import { memo, useCallback, useContext } from 'react';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import { AgentChatContext } from '../context'; import { AgentChatContext } from '../context';
import DebugContent from '../debug-content'; import DebugContent from '../debug-content';
import { useAwaitCompentData } from '../hooks/use-chat-logic'; import { useAwaitCompentData } from '../hooks/use-chat-logic';

2
web/src/pages/agent/chat/use-send-agent-message.ts
View File

@ -26,7 +26,7 @@ import {
useRef, useRef,
useState, useState,
} from 'react'; } from 'react';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import { v4 as uuid } from 'uuid'; import { v4 as uuid } from 'uuid';
import { BeginId } from '../constant'; import { BeginId } from '../constant';
import { AgentChatLogContext } from '../context'; import { AgentChatLogContext } from '../context';

2
web/src/pages/agent/hooks/use-build-webhook-url.ts
View File

@ -1,4 +1,4 @@
import { useParams } from 'umi'; import { useParams } from 'react-router';
export function useBuildWebhookUrl() { export function useBuildWebhookUrl() {
const { id } = useParams(); const { id } = useParams();

2
web/src/pages/agent/hooks/use-is-pipeline.ts
View File

@ -1,5 +1,5 @@
import { AgentCategory, AgentQuery } from '@/constants/agent'; import { AgentCategory, AgentQuery } from '@/constants/agent';
import { useSearchParams } from 'umi'; import { useSearchParams } from 'react-router';
export function useIsPipeline() { export function useIsPipeline() {
const [queryParameters] = useSearchParams(); const [queryParameters] = useSearchParams();

2
web/src/pages/agent/hooks/use-run-dataflow.ts
View File

@ -3,7 +3,7 @@ import { useSendMessageBySSE } from '@/hooks/use-send-message';
import api from '@/utils/api'; import api from '@/utils/api';
import { get } from 'lodash'; import { get } from 'lodash';
import { useCallback, useState } from 'react'; import { useCallback, useState } from 'react';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import { UseFetchLogReturnType } from './use-fetch-pipeline-log'; import { UseFetchLogReturnType } from './use-fetch-pipeline-log';
import { useSaveGraph } from './use-save-graph'; import { useSaveGraph } from './use-save-graph';

2
web/src/pages/agent/hooks/use-save-graph.ts
View File

@ -8,7 +8,7 @@ import { RAGFlowNodeType } from '@/interfaces/database/flow';
import { formatDate } from '@/utils/date'; import { formatDate } from '@/utils/date';
import { useDebounceEffect } from 'ahooks'; import { useDebounceEffect } from 'ahooks';
import { useCallback, useEffect, useState } from 'react'; import { useCallback, useEffect, useState } from 'react';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import useGraphStore from '../store'; import useGraphStore from '../store';
import { useBuildDslData } from './use-build-dsl'; import { useBuildDslData } from './use-build-dsl';

2
web/src/pages/agent/hooks/use-send-shared-message.ts
View File

@ -9,7 +9,7 @@ import {
import { isEmpty } from 'lodash'; import { isEmpty } from 'lodash';
import trim from 'lodash/trim'; import trim from 'lodash/trim';
import { useCallback, useEffect, useRef, useState } from 'react'; import { useCallback, useEffect, useRef, useState } from 'react';
import { useSearchParams } from 'umi'; import { useSearchParams } from 'react-router';
import { AgentDialogueMode } from '../constant'; import { AgentDialogueMode } from '../constant';
export const useSendButtonDisabled = (value: string) => { export const useSendButtonDisabled = (value: string) => {

2
web/src/pages/agent/index.tsx
View File

@ -35,7 +35,7 @@ import {
} from 'lucide-react'; } from 'lucide-react';
import { ComponentPropsWithoutRef, useCallback } from 'react'; import { ComponentPropsWithoutRef, useCallback } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import AgentCanvas from './canvas'; import AgentCanvas from './canvas';
import { DropdownProvider } from './canvas/context'; import { DropdownProvider } from './canvas/context';
import { Operator } from './constant'; import { Operator } from './constant';

93
web/src/pages/agent/operator-icon.tsx
View File

@ -1,18 +1,5 @@
import { ReactComponent as ArxivIcon } from '@/assets/svg/arxiv.svg';
import { ReactComponent as BingIcon } from '@/assets/svg/bing.svg';
import { ReactComponent as CrawlerIcon } from '@/assets/svg/crawler.svg';
import { ReactComponent as DuckIcon } from '@/assets/svg/duck.svg';
import { ReactComponent as GithubIcon } from '@/assets/svg/github.svg';
import { ReactComponent as GoogleScholarIcon } from '@/assets/svg/google-scholar.svg';
import { ReactComponent as GoogleIcon } from '@/assets/svg/google.svg';
import { ReactComponent as PubMedIcon } from '@/assets/svg/pubmed.svg';
import { ReactComponent as SearXNGIcon } from '@/assets/svg/searxng.svg';
import { ReactComponent as TavilyIcon } from '@/assets/svg/tavily.svg';
import { ReactComponent as WenCaiIcon } from '@/assets/svg/wencai.svg';
import { ReactComponent as WikipediaIcon } from '@/assets/svg/wikipedia.svg';
import { ReactComponent as YahooFinanceIcon } from '@/assets/svg/yahoo-finance.svg';
import { IconFontFill } from '@/components/icon-font'; import { IconFontFill } from '@/components/icon-font';
import SvgIcon from '@/components/svg-icon';
import { cn } from '@/lib/utils'; import { cn } from '@/lib/utils';
import { import {
FileCode, FileCode,
@ -21,6 +8,7 @@ import {
Infinity as InfinityIcon, Infinity as InfinityIcon,
LogOut, LogOut,
} from 'lucide-react'; } from 'lucide-react';
import { Component } from 'react';
import { Operator } from './constant'; import { Operator } from './constant';
interface IProps { interface IProps {
@ -49,20 +37,20 @@ export const OperatorIconMap = {
}; };
export const SVGIconMap = { export const SVGIconMap = {
[Operator.ArXiv]: ArxivIcon, [Operator.ArXiv]: 'arxiv',
[Operator.GitHub]: GithubIcon, [Operator.GitHub]: 'github',
[Operator.Bing]: BingIcon, [Operator.Bing]: 'bing',
[Operator.DuckDuckGo]: DuckIcon, [Operator.DuckDuckGo]: 'duck',
[Operator.Google]: GoogleIcon, [Operator.Google]: 'google',
[Operator.GoogleScholar]: GoogleScholarIcon, [Operator.GoogleScholar]: 'google-scholar',
[Operator.PubMed]: PubMedIcon, [Operator.PubMed]: 'pubmed',
[Operator.SearXNG]: SearXNGIcon, [Operator.SearXNG]: 'searxng',
[Operator.TavilyExtract]: TavilyIcon, [Operator.TavilyExtract]: 'tavily',
[Operator.TavilySearch]: TavilyIcon, [Operator.TavilySearch]: 'tavily',
[Operator.Wikipedia]: WikipediaIcon, [Operator.Wikipedia]: 'wikipedia',
[Operator.YahooFinance]: YahooFinanceIcon, [Operator.YahooFinance]: 'yahoo-finance',
[Operator.WenCai]: WenCaiIcon, [Operator.WenCai]: 'wencai',
[Operator.Crawler]: CrawlerIcon, [Operator.Crawler]: 'crawler',
}; };
export const LucideIconMap = { export const LucideIconMap = {
[Operator.DataOperations]: FileCode, [Operator.DataOperations]: FileCode,
@ -75,9 +63,28 @@ const Empty = () => {
return <div className="hidden"></div>; return <div className="hidden"></div>;
}; };
class SvgErrorBoundary extends Component<{
children: React.ReactNode;
fallback?: React.ReactNode;
}> {
state = { hasError: false };
static getDerivedStateFromError() {
return { hasError: true };
}
render() {
if (this.state.hasError) {
return this.props.fallback || <Empty />;
}
return this.props.children;
}
}
const OperatorIcon = ({ name, className }: IProps) => { const OperatorIcon = ({ name, className }: IProps) => {
const Icon = OperatorIconMap[name as keyof typeof OperatorIconMap]; const Icon = OperatorIconMap[name as keyof typeof OperatorIconMap];
const SvgIcon = SVGIconMap[name as keyof typeof SVGIconMap]; const svgIcon = SVGIconMap[name as keyof typeof SVGIconMap];
const LucideIcon = LucideIconMap[name as keyof typeof LucideIconMap]; const LucideIcon = LucideIconMap[name as keyof typeof LucideIconMap];
if (name === Operator.Begin) { if (name === Operator.Begin) {
@ -95,19 +102,33 @@ const OperatorIcon = ({ name, className }: IProps) => {
if (Icon) { if (Icon) {
return ( return (
<IconFontFill <SvgErrorBoundary fallback={<Empty />}>
name={Icon} <IconFontFill
className={cn('size-5 ', className)} name={Icon}
></IconFontFill> className={cn('size-5 ', className)}
></IconFontFill>
</SvgErrorBoundary>
); );
} }
if (LucideIcon) { if (LucideIcon) {
return <LucideIcon className={cn('size-5', className)} />; return (
<SvgErrorBoundary fallback={<Empty />}>
<LucideIcon className={cn('size-5', className)} />
</SvgErrorBoundary>
);
} }
if (SvgIcon) { if (svgIcon) {
return <SvgIcon className={cn('size-5 fill-current', className)}></SvgIcon>; return (
<SvgErrorBoundary fallback={<Empty />}>
<SvgIcon
name={svgIcon}
width={'100%'}
className={cn('size-5 fill-current', className)}
></SvgIcon>
</SvgErrorBoundary>
);
} }
return <Empty></Empty>; return <Empty></Empty>;

2
web/src/pages/agent/pipeline-log-sheet/index.tsx
View File

@ -18,8 +18,8 @@ import {
SquareArrowOutUpRight, SquareArrowOutUpRight,
} from 'lucide-react'; } from 'lucide-react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useParams } from 'react-router';
import 'react18-json-view/src/style.css'; import 'react18-json-view/src/style.css';
import { useParams } from 'umi';
import { import {
isEndOutputEmpty, isEndOutputEmpty,
useDownloadOutput, useDownloadOutput,

4
web/src/pages/agent/store.ts
View File

@ -540,13 +540,13 @@ const useGraphStore = create<RFState>()(
(x) => x.component_name === name, (x) => x.component_name === name,
); );
const lastIndex = tools.length const lastIndex = tools.length
? tools ? (tools
.map((x) => { .map((x) => {
const idx = x.name.match(/(\d+)$/)?.[1]; const idx = x.name.match(/(\d+)$/)?.[1];
return idx && isNaN(idx) ? -1 : Number(idx); return idx && isNaN(idx) ? -1 : Number(idx);
}) })
.sort((a, b) => a - b) .sort((a, b) => a - b)
.at(-1) ?? -1 .at(-1) ?? -1)
: -1; : -1;
return `${name}_${lastIndex + 1}`; return `${name}_${lastIndex + 1}`;

2
web/src/pages/agent/utils.ts
View File

@ -836,7 +836,7 @@ export function buildBeginQueryWithObject(
} }
export function getArrayElementType(type: string) { export function getArrayElementType(type: string) {
return typeof type === 'string' ? type.match(/<([^>]+)>/)?.at(1) ?? '' : ''; return typeof type === 'string' ? (type.match(/<([^>]+)>/)?.at(1) ?? '') : '';
} }
export function buildConversationVariableSelectOptions() { export function buildConversationVariableSelectOptions() {

2
web/src/pages/agent/webhook-sheet/index.tsx
View File

@ -13,7 +13,7 @@ import { cn } from '@/lib/utils';
import { upperFirst } from 'lodash'; import { upperFirst } from 'lodash';
import { useMemo } from 'react'; import { useMemo } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import { BeginId } from '../constant'; import { BeginId } from '../constant';
import { JsonViewer } from '../form/components/json-viewer'; import { JsonViewer } from '../form/components/json-viewer';
import { WorkFlowTimeline } from './timeline'; import { WorkFlowTimeline } from './timeline';

2
web/src/pages/agents/agent-log-page.tsx
View File

@ -20,7 +20,7 @@ import {
import { IReferenceObject } from '@/interfaces/database/chat'; import { IReferenceObject } from '@/interfaces/database/chat';
import { useQueryClient } from '@tanstack/react-query'; import { useQueryClient } from '@tanstack/react-query';
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { useParams } from 'umi'; import { useParams } from 'react-router';
import { DateRange } from '../../components/originui/calendar/index'; import { DateRange } from '../../components/originui/calendar/index';
import { import {
Table, Table,

2
web/src/pages/agents/index.tsx
View File

@ -17,7 +17,7 @@ import { t } from 'i18next';
import { pick } from 'lodash'; import { pick } from 'lodash';
import { Clipboard, ClipboardPlus, FileInput, Plus } from 'lucide-react'; import { Clipboard, ClipboardPlus, FileInput, Plus } from 'lucide-react';
import { useCallback, useEffect } from 'react'; import { useCallback, useEffect } from 'react';
import { useSearchParams } from 'umi'; import { useSearchParams } from 'react-router';
import { AgentCard } from './agent-card'; import { AgentCard } from './agent-card';
import { CreateAgentDialog } from './create-agent-dialog'; import { CreateAgentDialog } from './create-agent-dialog';
import { useCreateAgentOrPipeline } from './hooks/use-create-agent'; import { useCreateAgentOrPipeline } from './hooks/use-create-agent';

2
web/src/pages/chunk/index.tsx
View File

@ -16,7 +16,7 @@ import {
import { Routes } from '@/routes'; import { Routes } from '@/routes';
import { EllipsisVertical, Save } from 'lucide-react'; import { EllipsisVertical, Save } from 'lucide-react';
import { useMemo } from 'react'; import { useMemo } from 'react';
import { Outlet, useLocation } from 'umi'; import { Outlet, useLocation } from 'react-router';
export default function ChunkPage() { export default function ChunkPage() {
const { navigateToDataset, getQueryString, navigateToChunk } = const { navigateToDataset, getQueryString, navigateToChunk } =

0
web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.less → web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.module.less
View File

2
web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-card/index.tsx
View File

@ -16,7 +16,7 @@ import DOMPurify from 'dompurify';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { ChunkTextMode } from '../../constant'; import { ChunkTextMode } from '../../constant';
import styles from './index.less'; import styles from './index.module.less';
interface IProps { interface IProps {
item: IChunk; item: IChunk;

13
web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/components/chunk-toolbar/index.tsx
View File

@ -1,4 +1,4 @@
import { ReactComponent as FilterIcon } from '@/assets/filter.svg'; import FilterIcon from '@/assets/filter.svg';
import { KnowledgeRouteKey } from '@/constants/knowledge'; import { KnowledgeRouteKey } from '@/constants/knowledge';
import { useTranslate } from '@/hooks/common-hooks'; import { useTranslate } from '@/hooks/common-hooks';
import { import {
@ -32,16 +32,15 @@ import {
Typography, Typography,
} from 'antd'; } from 'antd';
import { useCallback, useMemo, useState } from 'react'; import { useCallback, useMemo, useState } from 'react';
import { Link } from 'umi'; import { Link } from 'react-router';
import { ChunkTextMode } from '../../constant'; import { ChunkTextMode } from '../../constant';
const { Text } = Typography; const { Text } = Typography;
interface IProps interface IProps extends Pick<
extends Pick< IChunkListResult,
IChunkListResult, 'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable'
'searchString' | 'handleInputChange' | 'available' | 'handleSetAvailable' > {
> {
checked: boolean; checked: boolean;
selectAllChunk: (checked: boolean) => void; selectAllChunk: (checked: boolean) => void;
createChunk: () => void; createChunk: () => void;

0
web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.less → web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.module.less
View File

2
web/src/pages/chunk/parsed-result/add-knowledge/components/knowledge-chunk/index.tsx
View File

@ -42,7 +42,7 @@ import {
useNavigatePage, useNavigatePage,
} from '@/hooks/logic-hooks/navigate-hooks'; } from '@/hooks/logic-hooks/navigate-hooks';
import { useFetchKnowledgeBaseConfiguration } from '@/hooks/use-knowledge-request'; import { useFetchKnowledgeBaseConfiguration } from '@/hooks/use-knowledge-request';
import styles from './index.less'; import styles from './index.module.less';
const Chunk = () => { const Chunk = () => {
const [selectedChunkIds, setSelectedChunkIds] = useState<string[]>([]); const [selectedChunkIds, setSelectedChunkIds] = useState<string[]>([]);

0
web/src/pages/chunk/parsed-result/add-knowledge/index.less → web/src/pages/chunk/parsed-result/add-knowledge/index.module.less
View File

Some files were not shown because too many files have changed in this diff Show More