diff --git a/packages/web/components/common/Icon/constants.ts b/packages/web/components/common/Icon/constants.ts index 76eafedde..19a733fd1 100644 --- a/packages/web/components/common/Icon/constants.ts +++ b/packages/web/components/common/Icon/constants.ts @@ -95,6 +95,7 @@ export const iconPaths = { 'common/refreshLight': () => import('./icons/common/refreshLight.svg'), 'common/resultLight': () => import('./icons/common/resultLight.svg'), 'common/retryLight': () => import('./icons/common/retryLight.svg'), + 'common/rightArrow': () => import('./icons/common/rightArrow.svg'), 'common/rightArrowFill': () => import('./icons/common/rightArrowFill.svg'), 'common/rightArrowLight': () => import('./icons/common/rightArrowLight.svg'), 'common/routePushLight': () => import('./icons/common/routePushLight.svg'), diff --git a/packages/web/components/common/Icon/icons/common/rightArrow.svg b/packages/web/components/common/Icon/icons/common/rightArrow.svg new file mode 100644 index 000000000..0c6b08a5b --- /dev/null +++ b/packages/web/components/common/Icon/icons/common/rightArrow.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/packages/web/components/common/Icon/icons/common/rightArrowLight.svg b/packages/web/components/common/Icon/icons/common/rightArrowLight.svg index 0c6b08a5b..74210e41a 100644 --- a/packages/web/components/common/Icon/icons/common/rightArrowLight.svg +++ b/packages/web/components/common/Icon/icons/common/rightArrowLight.svg @@ -1,3 +1,3 @@ - - + + \ No newline at end of file diff --git a/packages/web/hooks/usePagination.tsx b/packages/web/hooks/usePagination.tsx index cc0d9f4f1..1e70eff6f 100644 --- a/packages/web/hooks/usePagination.tsx +++ b/packages/web/hooks/usePagination.tsx @@ -204,7 +204,7 @@ export function usePagination( fetchData(pageNum + 1)} /> {isPc && ( diff --git a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/NodeTemplatesPopover.tsx b/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/NodeTemplatesPopover.tsx index bde73ff0c..3e97e7796 100644 --- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/NodeTemplatesPopover.tsx +++ b/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/NodeTemplatesPopover.tsx @@ -1,10 +1,10 @@ import MyBox from '@fastgpt/web/components/common/MyBox'; -import React, { useMemo } from 'react'; +import React from 'react'; import { useContextSelector } from 'use-context-selector'; import { EDGE_TYPE, FlowNodeTypeEnum } from '@fastgpt/global/core/workflow/node/constant'; import type { FlowNodeItemType } from '@fastgpt/global/core/workflow/type/node'; -import { type Node, useReactFlow } from 'reactflow'; -import { WorkflowInitContext, WorkflowNodeEdgeContext } from '../context/workflowInitContext'; +import { type Node } from 'reactflow'; +import { WorkflowNodeEdgeContext } from '../context/workflowInitContext'; import { useMemoizedFn } from 'ahooks'; import NodeTemplateListHeader from './components/NodeTemplates/header'; import NodeTemplateList from './components/NodeTemplates/list'; diff --git a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/header.tsx b/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/header.tsx index 8716f6343..e3ecf58c5 100644 --- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/header.tsx +++ b/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/header.tsx @@ -9,6 +9,7 @@ import { useRequest2 } from '@fastgpt/web/hooks/useRequest'; import { getSystemPluginPaths } from '@/web/core/app/api/plugin'; import { getAppFolderPath } from '@/web/core/app/api/app'; import FolderPath from '@/components/common/folder/Path'; +import { useDebounceEffect } from 'ahooks'; export enum TemplateTypeEnum { 'basic' = 'basic', @@ -47,13 +48,19 @@ const NodeTemplateListHeader = ({ setSearchKey(''); }, [templateType]); - useEffect(() => { - loadNodeTemplates({ - type: templateType, - parentId: '', - searchVal: searchKey - }); - }, [searchKey, loadNodeTemplates, templateType]); + useDebounceEffect( + () => { + loadNodeTemplates({ + type: templateType, + parentId: '', + searchVal: searchKey + }); + }, + [searchKey, loadNodeTemplates, templateType], + { + wait: 300 + } + ); // Get paths const { data: paths = [] } = useRequest2( diff --git a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/useNodeTemplates.tsx b/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/useNodeTemplates.tsx index eefe37784..2e661890f 100644 --- a/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/useNodeTemplates.tsx +++ b/projects/app/src/pageComponents/app/detail/WorkflowComponents/Flow/components/NodeTemplates/useNodeTemplates.tsx @@ -83,7 +83,8 @@ export const useNodeTemplates = () => { if (type === TemplateTypeEnum.teamPlugin) { // app, workflow-plugin, mcp return getTeamPlugTemplates({ - parentId + parentId, + searchKey: searchVal }).then((res) => res.filter((app) => app.id !== appId)); } if (type === TemplateTypeEnum.systemPlugin) {