mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-28 09:03:53 +00:00
4.8 preview (#1288)
* Revert "lafAccount add pat & re request when token invalid (#76)" (#77) This reverts commit 83d85dfe37adcaef4833385ea52ee79fd84720be. * perf: workflow ux * system config * Newflow (#89) * docs: Add doc for Xinference (#1266) Signed-off-by: Carson Yang <yangchuansheng33@gmail.com> * Revert "lafAccount add pat & re request when token invalid (#76)" (#77) This reverts commit 83d85dfe37adcaef4833385ea52ee79fd84720be. * perf: workflow ux * system config * Revert "lafAccount add pat & re request when token invalid (#76)" (#77) This reverts commit 83d85dfe37adcaef4833385ea52ee79fd84720be. * Revert "lafAccount add pat & re request when token invalid (#76)" (#77) This reverts commit 83d85dfe37adcaef4833385ea52ee79fd84720be. * Revert "lafAccount add pat & re request when token invalid (#76)" (#77) This reverts commit 83d85dfe37adcaef4833385ea52ee79fd84720be. * rename code * move code * update flow * input type selector * perf: workflow runtime * feat: node adapt newflow * feat: adapt plugin * feat: 360 connection * check workflow * perf: flow 性能 * change plugin input type (#81) * change plugin input type * plugin label mode * perf: nodecard * debug * perf: debug ui * connection ui * change workflow ui (#82) * feat: workflow debug * adapt openAPI for new workflow (#83) * adapt openAPI for new workflow * i18n * perf: plugin debug * plugin input ui * delete * perf: global variable select * fix rebase * perf: workflow performance * feat: input render type icon * input icon * adapt flow (#84) * adapt newflow * temp * temp * fix * feat: app schedule trigger * feat: app schedule trigger * perf: schedule ui * feat: ioslatevm run js code * perf: workflow varialbe table ui * feat: adapt simple mode * feat: adapt input params * output * feat: adapt tamplate * fix: ts * add if-else module (#86) * perf: worker * if else node * perf: tiktoken worker * fix: ts * perf: tiktoken * fix if-else node (#87) * fix if-else node * type * fix * perf: audio render * perf: Parallel worker * log * perf: if else node * adapt plugin * prompt * perf: reference ui * reference ui * handle ux * template ui and plugin tool * adapt v1 workflow * adapt v1 workflow completions * perf: time variables * feat: workflow keyboard shortcuts * adapt v1 workflow * update workflow example doc (#88) * fix: simple mode select tool --------- Signed-off-by: Carson Yang <yangchuansheng33@gmail.com> Co-authored-by: Carson Yang <yangchuansheng33@gmail.com> Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com> * doc * perf: extract node * extra node field * update plugin version * doc * variable * change doc & fix prompt editor (#90) * fold workflow code * value type label --------- Signed-off-by: Carson Yang <yangchuansheng33@gmail.com> Co-authored-by: Carson Yang <yangchuansheng33@gmail.com> Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>
This commit is contained in:
162
packages/web/components/core/workflow/NodeInputSelect.tsx
Normal file
162
packages/web/components/core/workflow/NodeInputSelect.tsx
Normal file
@@ -0,0 +1,162 @@
|
||||
import React, { useMemo, useRef } from 'react';
|
||||
import MyMenu, { type Props as MyMenuProps } from '../../common/MyMenu';
|
||||
import {
|
||||
FlowNodeInputMap,
|
||||
FlowNodeInputTypeEnum
|
||||
} from '@fastgpt/global/core/workflow/node/constant';
|
||||
import { Box, Button, Flex, useTheme } from '@chakra-ui/react';
|
||||
import MyIcon from '../../common/Icon';
|
||||
import { useTranslation } from 'next-i18next';
|
||||
import { useConfirm } from '../../../hooks/useConfirm';
|
||||
|
||||
const NodeInputSelect = ({
|
||||
renderTypeList,
|
||||
renderTypeIndex = 0,
|
||||
onChange
|
||||
}: {
|
||||
renderTypeList: string[];
|
||||
renderTypeIndex?: number;
|
||||
onChange: (e: string) => void;
|
||||
}) => {
|
||||
const { t } = useTranslation();
|
||||
const { openConfirm, ConfirmModal } = useConfirm({
|
||||
title: t('core.workflow.Change input type tip')
|
||||
});
|
||||
const renderType = renderTypeList[renderTypeIndex];
|
||||
const theme = useTheme();
|
||||
|
||||
const inputList = useRef([
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.reference,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.reference].icon,
|
||||
title: t('core.workflow.inputType.Reference')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.input,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.input].icon,
|
||||
title: t('core.workflow.inputType.Manual input')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.numberInput,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.numberInput].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual input')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.switch,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.switch].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual select')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.textarea,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.textarea].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual input')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.JSONEditor,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.JSONEditor].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual input')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.addInputParam,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.addInputParam].icon,
|
||||
|
||||
title: t('core.workflow.inputType.dynamicTargetInput')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.selectApp,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectApp].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual select')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.selectLLMModel,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectLLMModel].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual select')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.settingLLMModel,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.settingLLMModel].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual select')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.selectDataset,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectDataset].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual select')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.selectDatasetParamsModal,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.selectDatasetParamsModal].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual select')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.settingDatasetQuotePrompt,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.settingDatasetQuotePrompt].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual input')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.hidden,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.hidden].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual input')
|
||||
},
|
||||
{
|
||||
type: FlowNodeInputTypeEnum.custom,
|
||||
icon: FlowNodeInputMap[FlowNodeInputTypeEnum.custom].icon,
|
||||
|
||||
title: t('core.workflow.inputType.Manual input')
|
||||
}
|
||||
]);
|
||||
|
||||
const renderList = useMemo(
|
||||
() =>
|
||||
inputList.current.map((input) => ({
|
||||
label: input.title,
|
||||
icon: input.icon,
|
||||
renderType: input.type,
|
||||
isActive: renderType === input.type,
|
||||
onClick: () => {
|
||||
if (renderType === input.type) return;
|
||||
onChange(input.type);
|
||||
}
|
||||
})),
|
||||
[renderType]
|
||||
);
|
||||
|
||||
const filterMenuList = useMemo(
|
||||
() => renderList.filter((item) => renderTypeList.includes(item.renderType)),
|
||||
[renderTypeList, renderList]
|
||||
);
|
||||
const renderTypeData = useMemo(
|
||||
() => inputList.current.find((item) => item.type === renderType) || inputList.current[0],
|
||||
[renderType]
|
||||
);
|
||||
|
||||
return (
|
||||
<MyMenu
|
||||
offset={[0, -1]}
|
||||
Button={
|
||||
<Button
|
||||
size={'xs'}
|
||||
leftIcon={<MyIcon name={renderTypeData.icon as any} w={'14px'} />}
|
||||
variant={'grayBase'}
|
||||
border={theme.borders.base}
|
||||
borderRadius={'xs'}
|
||||
>
|
||||
<Box fontWeight={'medium'}>{renderTypeData.title}</Box>
|
||||
</Button>
|
||||
}
|
||||
menuList={filterMenuList}
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default React.memo(NodeInputSelect);
|
Reference in New Issue
Block a user