Feat: Run eslint when the project is running to standardize everyone's code #9377 (#9379)

### What problem does this PR solve?

Feat: Run eslint when the project is running to standardize everyone's
code #9377

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/agent/canvas/node/retrieval-node.tsx

@@ -4,7 +4,7 @@ import { IRetrievalNode } from '@/interfaces/database/flow';
 import { NodeProps, Position } from '@xyflow/react';
 import classNames from 'classnames';
 import { get } from 'lodash';
-import { memo, useMemo } from 'react';
+import { memo } from 'react';
 import { NodeHandleId } from '../../constant';
 import { useGetVariableLabelByValue } from '../../hooks/use-get-begin-query';
 import { CommonHandle } from './handle';
@@ -21,18 +21,7 @@ function InnerRetrievalNode({
   selected,
 }: NodeProps<IRetrievalNode>) {
   const knowledgeBaseIds: string[] = get(data, 'form.kb_ids', []);
-  console.log('🚀 ~ InnerRetrievalNode ~ knowledgeBaseIds:', knowledgeBaseIds);
   const { list: knowledgeList } = useFetchKnowledgeList(true);
-  const knowledgeBases = useMemo(() => {
-    return knowledgeBaseIds.map((x) => {
-      const item = knowledgeList.find((y) => x === y.id);
-      return {
-        name: item?.name,
-        avatar: item?.avatar,
-        id: x,
-      };
-    });
-  }, [knowledgeList, knowledgeBaseIds]);
 
   const getLabel = useGetVariableLabelByValue(id);
 

web/src/pages/agent/form/categorize-form/use-values.ts

@@ -1,8 +1,7 @@
 import { ModelVariableType } from '@/constants/knowledge';
 import { RAGFlowNodeType } from '@/interfaces/database/flow';
-import { get, isEmpty, isPlainObject } from 'lodash';
+import { isEmpty, isPlainObject } from 'lodash';
 import { useMemo } from 'react';
-import { buildCategorizeListFromObject } from '../../utils';
 
 const defaultValues = {
   parameter: ModelVariableType.Precise,
@@ -21,9 +20,6 @@ export function useValues(node?: RAGFlowNodeType) {
     if (isEmpty(formData)) {
       return defaultValues;
     }
-    const items = buildCategorizeListFromObject(
-      get(node, 'data.form.category_description', {}),
-    );
     if (isPlainObject(formData)) {
       // const nextValues = {
       //   ...omit(formData, 'category_description'),

web/src/pages/agent/form/components/next-dynamic-input-variable.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { SideDown } from '@/assets/icon/Icon';
+import { SideDown } from '@/assets/icon/next-icon';
 import { Button } from '@/components/ui/button';
 import {
   Collapsible,

web/src/pages/agent/form/relevant-form/hooks.ts

@@ -1,4 +1,3 @@
-import { Edge } from '@xyflow/react';
 import pick from 'lodash/pick';
 import { useCallback, useEffect } from 'react';
 import { IOperatorForm } from '../../interface';
@@ -21,16 +20,12 @@ export const useBuildRelevantOptions = () => {
   return buildRelevantOptions;
 };
 
-const getTargetOfEdge = (edges: Edge[], sourceHandle: string) =>
-  edges.find((x) => x.sourceHandle === sourceHandle)?.target;
-
 /**
  *  monitor changes in the connection and synchronize the target to the yes and no fields of the form
  *  similar to the categorize-form's useHandleFormValuesChange method
  * @param param0
  */
 export const useWatchConnectionChanges = ({ nodeId, form }: IOperatorForm) => {
-  const edges = useGraphStore((state) => state.edges);
   const getNode = useGraphStore((state) => state.getNode);
   const node = getNode(nodeId);
 
@@ -40,13 +35,6 @@ export const useWatchConnectionChanges = ({ nodeId, form }: IOperatorForm) => {
     }
   }, [node, form]);
 
-  const watchConnectionChanges = useCallback(() => {
-    const edgeList = edges.filter((x) => x.source === nodeId);
-    const yes = getTargetOfEdge(edgeList, 'yes');
-    const no = getTargetOfEdge(edgeList, 'no');
-    form?.setFieldsValue({ yes, no });
-  }, [edges, nodeId, form]);
-
   useEffect(() => {
     watchFormChanges();
   }, [watchFormChanges]);

web/src/pages/agent/log-sheet/index.tsx

@@ -8,7 +8,7 @@ import { IModalProps } from '@/interfaces/common';
 import { NotebookText } from 'lucide-react';
 import 'react18-json-view/src/style.css';
 import { useCacheChatLog } from '../hooks/use-cache-chat-log';
-import { WorkFlowTimeline } from './workFlowTimeline';
+import { WorkFlowTimeline } from './workflow-timeline';
 
 type LogSheetProps = IModalProps<any> &
   Pick<

web/src/pages/agent/log-sheet/tool-timeline-item.tsx

@@ -19,7 +19,7 @@ import {
   JsonViewer,
   toLowerCaseStringAndDeleteChar,
   typeMap,
-} from './workFlowTimeline';
+} from './workflow-timeline';
 type IToolIcon =
   | Operator.ArXiv
   | Operator.GitHub

web/src/pages/agent/log-sheet/workflow-timeline.tsx

@@ -28,7 +28,7 @@ import JsonView from 'react18-json-view';
 import { Operator } from '../constant';
 import { useCacheChatLog } from '../hooks/use-cache-chat-log';
 import OperatorIcon from '../operator-icon';
-import ToolTimelineItem from './toolTimelineItem';
+import ToolTimelineItem from './tool-timeline-item';
 type LogFlowTimelineProps = Pick<
   ReturnType<typeof useCacheChatLog>,
   'currentEventListWithoutMessage' | 'currentMessageId'