Skip to content

赵月辉 / fastgpt-migrated

Go to a project
Commit 85a11d08 by heheer Committed by GitHub
Options

feat: http body type & http input support editor variable (#2603) 

* feat: http body type & http input support editor variable

* fix type

* chore: code

* code
parent a7569037
Showing with 210 additions and 112 deletions
packages/global/core/workflow/constants.ts
...@@ -108,6 +108,8 @@ export enum NodeInputKeyEnum { ...@@ -108,6 +108,8 @@ export enum NodeInputKeyEnum {
httpMethod = 'system_httpMethod', httpMethod = 'system_httpMethod',
httpParams = 'system_httpParams', httpParams = 'system_httpParams',
httpJsonBody = 'system_httpJsonBody', httpJsonBody = 'system_httpJsonBody',
httpFormBody = 'system_httpFormBody',
httpContentType = 'system_httpContentType',
httpTimeout = 'system_httpTimeout', httpTimeout = 'system_httpTimeout',
abandon_httpUrl = 'url', abandon_httpUrl = 'url',
...@@ -217,3 +219,13 @@ export enum RuntimeEdgeStatusEnum { ...@@ -217,3 +219,13 @@ export enum RuntimeEdgeStatusEnum {
export const VARIABLE_NODE_ID = 'VARIABLE_NODE_ID'; export const VARIABLE_NODE_ID = 'VARIABLE_NODE_ID';
export const DYNAMIC_INPUT_REFERENCE_KEY = 'DYNAMIC_INPUT_REFERENCE_KEY'; export const DYNAMIC_INPUT_REFERENCE_KEY = 'DYNAMIC_INPUT_REFERENCE_KEY';
// http node body content type
export enum ContentTypes {
none = 'none',
formData = 'form-data',
xWwwFormUrlencoded = 'x-www-form-urlencoded',
json = 'json',
xml = 'xml',
raw = 'raw-text'
}
packages/global/core/workflow/template/system/http468.ts
...@@ -8,7 +8,8 @@ import { ...@@ -8,7 +8,8 @@ import {
WorkflowIOValueTypeEnum, WorkflowIOValueTypeEnum,
NodeInputKeyEnum, NodeInputKeyEnum,
NodeOutputKeyEnum, NodeOutputKeyEnum,
FlowNodeTemplateTypeEnum FlowNodeTemplateTypeEnum,
ContentTypes
} from '../../constants'; } from '../../constants';
import { Input_Template_DynamicInput } from '../input'; import { Input_Template_DynamicInput } from '../input';
import { Output_Template_AddOutput } from '../output'; import { Output_Template_AddOutput } from '../output';
...@@ -82,6 +83,7 @@ export const HttpNode468: FlowNodeTemplateType = { ...@@ -82,6 +83,7 @@ export const HttpNode468: FlowNodeTemplateType = {
label: '', label: '',
required: false required: false
}, },
// json body data
{ {
key: NodeInputKeyEnum.httpJsonBody, key: NodeInputKeyEnum.httpJsonBody,
renderTypeList: [FlowNodeInputTypeEnum.hidden], renderTypeList: [FlowNodeInputTypeEnum.hidden],
...@@ -89,6 +91,24 @@ export const HttpNode468: FlowNodeTemplateType = { ...@@ -89,6 +91,24 @@ export const HttpNode468: FlowNodeTemplateType = {
value: '', value: '',
label: '', label: '',
required: false required: false
},
// form body data
{
key: NodeInputKeyEnum.httpFormBody,
renderTypeList: [FlowNodeInputTypeEnum.hidden],
valueType: WorkflowIOValueTypeEnum.any,
value: [],
label: '',
required: false
},
// body data type
{
key: NodeInputKeyEnum.httpContentType,
renderTypeList: [FlowNodeInputTypeEnum.hidden],
valueType: WorkflowIOValueTypeEnum.string,
value: ContentTypes.json,
label: '',
required: false
} }
], ],
outputs: [ outputs: [
......
packages/service/core/workflow/dispatch/tools/http468.ts
...@@ -16,6 +16,8 @@ import { DispatchNodeResultType } from '@fastgpt/global/core/workflow/runtime/ty ...@@ -16,6 +16,8 @@ import { DispatchNodeResultType } from '@fastgpt/global/core/workflow/runtime/ty
import { getErrText } from '@fastgpt/global/common/error/utils'; import { getErrText } from '@fastgpt/global/common/error/utils';
import { textAdaptGptResponse } from '@fastgpt/global/core/workflow/runtime/utils'; import { textAdaptGptResponse } from '@fastgpt/global/core/workflow/runtime/utils';
import { getSystemPluginCb } from '../../../../../plugins/register'; import { getSystemPluginCb } from '../../../../../plugins/register';
import { ContentTypes } from '@fastgpt/global/core/workflow/constants';
import { replaceEditorVariable } from '@fastgpt/global/core/workflow/utils';
type PropsArrType = { type PropsArrType = {
key: string; key: string;
...@@ -29,6 +31,8 @@ type HttpRequestProps = ModuleDispatchProps<{ ...@@ -29,6 +31,8 @@ type HttpRequestProps = ModuleDispatchProps<{
[NodeInputKeyEnum.httpHeaders]: PropsArrType[]; [NodeInputKeyEnum.httpHeaders]: PropsArrType[];
[NodeInputKeyEnum.httpParams]: PropsArrType[]; [NodeInputKeyEnum.httpParams]: PropsArrType[];
[NodeInputKeyEnum.httpJsonBody]: string; [NodeInputKeyEnum.httpJsonBody]: string;
[NodeInputKeyEnum.httpFormBody]: PropsArrType[];
[NodeInputKeyEnum.httpContentType]: ContentTypes;
[NodeInputKeyEnum.addInputParam]: Record<string, any>; [NodeInputKeyEnum.addInputParam]: Record<string, any>;
[NodeInputKeyEnum.httpTimeout]?: number; [NodeInputKeyEnum.httpTimeout]?: number;
[key: string]: any; [key: string]: any;
...@@ -40,13 +44,23 @@ type HttpResponse = DispatchNodeResultType<{ ...@@ -40,13 +44,23 @@ type HttpResponse = DispatchNodeResultType<{
const UNDEFINED_SIGN = 'UNDEFINED_SIGN'; const UNDEFINED_SIGN = 'UNDEFINED_SIGN';
const contentTypeMap = {
[ContentTypes.none]: '',
[ContentTypes.formData]: '',
[ContentTypes.xWwwFormUrlencoded]: 'application/x-www-form-urlencoded',
[ContentTypes.json]: 'application/json',
[ContentTypes.xml]: 'application/xml',
[ContentTypes.raw]: 'text/plain'
};
export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<HttpResponse> => { export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<HttpResponse> => {
let { let {
runningAppInfo: { id: appId }, runningAppInfo: { id: appId },
chatId, chatId,
responseChatItemId, responseChatItemId,
variables, variables,
node: { outputs }, node,
runtimeNodes,
histories, histories,
workflowStreamResponse, workflowStreamResponse,
params: { params: {
...@@ -55,6 +69,8 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H ...@@ -55,6 +69,8 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H
system_httpHeader: httpHeader, system_httpHeader: httpHeader,
system_httpParams: httpParams = [], system_httpParams: httpParams = [],
system_httpJsonBody: httpJsonBody, system_httpJsonBody: httpJsonBody,
system_httpFormBody: httpFormBody,
system_httpContentType: httpContentType = ContentTypes.json,
system_httpTimeout: httpTimeout = 60, system_httpTimeout: httpTimeout = 60,
[NodeInputKeyEnum.addInputParam]: dynamicInput, [NodeInputKeyEnum.addInputParam]: dynamicInput,
...body ...body
...@@ -77,21 +93,41 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H ...@@ -77,21 +93,41 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H
// ...dynamicInput, // ...dynamicInput,
...systemVariables ...systemVariables
}; };
const allVariables = { const allVariables = {
[NodeInputKeyEnum.addInputParam]: concatVariables, [NodeInputKeyEnum.addInputParam]: concatVariables,
...concatVariables ...concatVariables
}; };
httpReqUrl = replaceVariable(httpReqUrl, allVariables); httpReqUrl = replaceVariable(httpReqUrl, allVariables);
// parse header // parse header
const headers = await (() => { const headers = await (() => {
try { try {
const contentType = contentTypeMap[httpContentType];
if (contentType) {
httpHeader = [{ key: 'Content-Type', value: contentType, type: 'string' }, ...httpHeader];
}
if (!httpHeader || httpHeader.length === 0) return {}; if (!httpHeader || httpHeader.length === 0) return {};
// array // array
return httpHeader.reduce((acc: Record<string, string>, item) => { return httpHeader.reduce((acc: Record<string, string>, item) => {
const key = replaceVariable(item.key, allVariables); const key = replaceVariable(
const value = replaceVariable(item.value, allVariables); replaceEditorVariable({
text: item.key,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
);
const value = replaceVariable(
replaceEditorVariable({
text: item.value,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
);
acc[key] = valueTypeFormat(value, WorkflowIOValueTypeEnum.string); acc[key] = valueTypeFormat(value, WorkflowIOValueTypeEnum.string);
return acc; return acc;
}, {}); }, {});
...@@ -99,28 +135,109 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H ...@@ -99,28 +135,109 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H
return Promise.reject('Header 为非法 JSON 格式'); return Promise.reject('Header 为非法 JSON 格式');
} }
})(); })();
const params = httpParams.reduce((acc: Record<string, string>, item) => { const params = httpParams.reduce((acc: Record<string, string>, item) => {
const key = replaceVariable(item.key, allVariables); const key = replaceVariable(
const value = replaceVariable(item.value, allVariables); replaceEditorVariable({
text: item.key,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
);
const value = replaceVariable(
replaceEditorVariable({
text: item.value,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
);
acc[key] = valueTypeFormat(value, WorkflowIOValueTypeEnum.string); acc[key] = valueTypeFormat(value, WorkflowIOValueTypeEnum.string);
return acc; return acc;
}, {}); }, {});
const requestBody = await (() => { const requestBody = await (() => {
if (!httpJsonBody) return {}; if (httpContentType === ContentTypes.none) return {};
try { try {
// Replace all variables in the string body if (httpContentType === ContentTypes.formData) {
httpJsonBody = replaceVariable(httpJsonBody, allVariables); if (!Array.isArray(httpFormBody)) return {};
httpFormBody = httpFormBody.map((item) => ({
// Text body, return directly key: replaceVariable(
if (headers['Content-Type']?.includes('text/plain')) { replaceEditorVariable({
return httpJsonBody?.replaceAll(UNDEFINED_SIGN, 'null'); text: item.key,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
),
type: item.type,
value: replaceVariable(
replaceEditorVariable({
text: item.value,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
)
}));
const formData = new FormData();
for (const { key, value } of httpFormBody) {
formData.append(key, value);
} }
return formData;
}
if (httpContentType === ContentTypes.xWwwFormUrlencoded) {
if (!Array.isArray(httpFormBody)) return {};
httpFormBody = httpFormBody.map((item) => ({
key: replaceVariable(
replaceEditorVariable({
text: item.key,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
),
type: item.type,
value: replaceVariable(
replaceEditorVariable({
text: item.value,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
)
}));
const urlSearchParams = new URLSearchParams();
for (const { key, value } of httpFormBody) {
urlSearchParams.append(key, value);
}
return urlSearchParams;
}
if (!httpJsonBody) return {};
if (httpContentType === ContentTypes.json) {
httpJsonBody = replaceVariable(httpJsonBody, allVariables);
// Json body, parse and return // Json body, parse and return
const jsonParse = JSON.parse(httpJsonBody); const jsonParse = JSON.parse(httpJsonBody);
const removeSignJson = removeUndefinedSign(jsonParse); const removeSignJson = removeUndefinedSign(jsonParse);
return removeSignJson; return removeSignJson;
}
httpJsonBody = replaceVariable(
replaceEditorVariable({
text: httpJsonBody,
nodes: runtimeNodes,
variables,
runningNode: node
}),
allVariables
);
return httpJsonBody.replaceAll(UNDEFINED_SIGN, 'null');
} catch (error) { } catch (error) {
console.log(error); console.log(error);
return Promise.reject(`Invalid JSON body: ${httpJsonBody}`); return Promise.reject(`Invalid JSON body: ${httpJsonBody}`);
...@@ -150,7 +267,7 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H ...@@ -150,7 +267,7 @@ export const dispatchHttp468Request = async (props: HttpRequestProps): Promise<H
// format output value type // format output value type
const results: Record<string, any> = {}; const results: Record<string, any> = {};
for (const key in formatResponse) { for (const key in formatResponse) {
const output = outputs.find((item) => item.key === key); const output = node.outputs.find((item) => item.key === key);
if (!output) continue; if (!output) continue;
results[key] = valueTypeFormat(formatResponse[key], output.valueType); results[key] = valueTypeFormat(formatResponse[key], output.valueType);
} }
...@@ -213,7 +330,6 @@ async function fetchData({ ...@@ -213,7 +330,6 @@ async function fetchData({
baseURL: `http://${SERVICE_LOCAL_HOST}`, baseURL: `http://${SERVICE_LOCAL_HOST}`,
url, url,
headers: { headers: {
'Content-Type': 'application/json',
...headers ...headers
}, },
timeout: timeout * 1000, timeout: timeout * 1000,
......
packages/web/components/common/Input/HttpInput/Editor.tsx
...@@ -17,39 +17,40 @@ import { Box, Flex } from '@chakra-ui/react'; ...@@ -17,39 +17,40 @@ import { Box, Flex } from '@chakra-ui/react';
import styles from './index.module.scss'; import styles from './index.module.scss';
import { EditorState, LexicalEditor } from 'lexical'; import { EditorState, LexicalEditor } from 'lexical';
import { getNanoid } from '@fastgpt/global/common/string/tools'; import { getNanoid } from '@fastgpt/global/common/string/tools';
import { EditorVariablePickerType } from '../../Textarea/PromptEditor/type'; import {
EditorVariableLabelPickerType,
EditorVariablePickerType
} from '../../Textarea/PromptEditor/type';
import { VariableNode } from '../../Textarea/PromptEditor/plugins/VariablePlugin/node'; import { VariableNode } from '../../Textarea/PromptEditor/plugins/VariablePlugin/node';
import { textToEditorState } from '../../Textarea/PromptEditor/utils'; import { textToEditorState } from '../../Textarea/PromptEditor/utils';
import DropDownMenu from '../../Textarea/PromptEditor/modules/DropDownMenu';
import { SingleLinePlugin } from '../../Textarea/PromptEditor/plugins/SingleLinePlugin'; import { SingleLinePlugin } from '../../Textarea/PromptEditor/plugins/SingleLinePlugin';
import OnBlurPlugin from '../../Textarea/PromptEditor/plugins/OnBlurPlugin'; import OnBlurPlugin from '../../Textarea/PromptEditor/plugins/OnBlurPlugin';
import VariablePlugin from '../../Textarea/PromptEditor/plugins/VariablePlugin'; import VariablePlugin from '../../Textarea/PromptEditor/plugins/VariablePlugin';
import VariablePickerPlugin from '../../Textarea/PromptEditor/plugins/VariablePickerPlugin'; import VariablePickerPlugin from '../../Textarea/PromptEditor/plugins/VariablePickerPlugin';
import FocusPlugin from '../../Textarea/PromptEditor/plugins/FocusPlugin'; import FocusPlugin from '../../Textarea/PromptEditor/plugins/FocusPlugin';
import VariableLabelPlugin from '../../Textarea/PromptEditor/plugins/VariableLabelPlugin';
import { VariableLabelNode } from '../../Textarea/PromptEditor/plugins/VariableLabelPlugin/node';
import VariableLabelPickerPlugin from '../../Textarea/PromptEditor/plugins/VariableLabelPickerPlugin';
export default function Editor({ export default function Editor({
h = 40, h = 40,
hasVariablePlugin = true,
hasDropDownPlugin = false,
variables, variables,
variableLabels,
onChange, onChange,
onBlur, onBlur,
value, value,
currentValue, currentValue,
placeholder = '', placeholder = '',
setDropdownValue,
updateTrigger updateTrigger
}: { }: {
h?: number; h?: number;
hasVariablePlugin?: boolean;
hasDropDownPlugin?: boolean;
variables: EditorVariablePickerType[]; variables: EditorVariablePickerType[];
variableLabels: EditorVariableLabelPickerType[];
onChange?: (editorState: EditorState, editor: LexicalEditor) => void; onChange?: (editorState: EditorState, editor: LexicalEditor) => void;
onBlur?: (editor: LexicalEditor) => void; onBlur?: (editor: LexicalEditor) => void;
value?: string; value?: string;
currentValue?: string; currentValue?: string;
placeholder?: string; placeholder?: string;
setDropdownValue?: (value: string) => void;
updateTrigger?: boolean; updateTrigger?: boolean;
}) { }) {
const [key, setKey] = useState(getNanoid(6)); const [key, setKey] = useState(getNanoid(6));
...@@ -58,7 +59,7 @@ export default function Editor({ ...@@ -58,7 +59,7 @@ export default function Editor({
const initialConfig = { const initialConfig = {
namespace: 'HttpInput', namespace: 'HttpInput',
nodes: [VariableNode], nodes: [VariableNode, VariableLabelNode],
editorState: textToEditorState(value), editorState: textToEditorState(value),
onError: (error: Error) => { onError: (error: Error) => {
throw error; throw error;
...@@ -75,16 +76,6 @@ export default function Editor({ ...@@ -75,16 +76,6 @@ export default function Editor({
setFocus(false); setFocus(false);
}, [updateTrigger]); }, [updateTrigger]);
const dropdownVariables = useMemo(
() =>
variables.filter((item) => {
const key = item.key.toLowerCase();
const current = currentValue?.toLowerCase();
return key.includes(current || '') && item.key !== currentValue;
}),
[currentValue, variables]
);
return ( return (
<Flex <Flex
position={'relative'} position={'relative'}
...@@ -133,14 +124,12 @@ export default function Editor({ ...@@ -133,14 +124,12 @@ export default function Editor({
}); });
}} }}
/> />
{hasVariablePlugin ? <VariablePickerPlugin variables={variables} /> : ''}
<VariablePlugin variables={variables} /> <VariablePlugin variables={variables} />
<VariableLabelPlugin variables={variableLabels} />
<VariableLabelPickerPlugin variables={variableLabels} isFocus={focus} />
<OnBlurPlugin onBlur={onBlur} /> <OnBlurPlugin onBlur={onBlur} />
<SingleLinePlugin /> <SingleLinePlugin />
</LexicalComposer> </LexicalComposer>
{focus && hasDropDownPlugin && (
<DropDownMenu variables={dropdownVariables} setDropdownValue={setDropdownValue} />
)}
</Flex> </Flex>
); );
} }
packages/web/components/common/Input/HttpInput/index.tsx
import React, { useEffect } from 'react'; import React from 'react';
import { $getRoot, EditorState, type LexicalEditor } from 'lexical'; import { EditorState, type LexicalEditor } from 'lexical';
import { useCallback } from 'react'; import { useCallback } from 'react';
import { editorStateToText } from '../../Textarea/PromptEditor/utils'; import { editorStateToText } from '../../Textarea/PromptEditor/utils';
import { EditorVariablePickerType } from '../../Textarea/PromptEditor/type'; import {
EditorVariableLabelPickerType,
EditorVariablePickerType
} from '../../Textarea/PromptEditor/type';
import Editor from './Editor'; import Editor from './Editor';
const HttpInput = ({ const HttpInput = ({
hasVariablePlugin = true,
hasDropDownPlugin = false,
variables = [], variables = [],
variableLabels = [],
value, value,
onChange, onChange,
onBlur, onBlur,
h, h,
placeholder, placeholder,
setDropdownValue,
updateTrigger updateTrigger
}: { }: {
hasVariablePlugin?: boolean;
hasDropDownPlugin?: boolean;
variables?: EditorVariablePickerType[]; variables?: EditorVariablePickerType[];
variableLabels?: EditorVariableLabelPickerType[];
value?: string; value?: string;
onChange?: (text: string) => void; onChange?: (text: string) => void;
onBlur?: (text: string) => void; onBlur?: (text: string) => void;
h?: number; h?: number;
placeholder?: string; placeholder?: string;
setDropdownValue?: (value: string) => void;
updateTrigger?: boolean; updateTrigger?: boolean;
}) => { }) => {
const [currentValue, setCurrentValue] = React.useState(value); const [currentValue, setCurrentValue] = React.useState(value);
const onChangeInput = useCallback((editorState: EditorState, editor: LexicalEditor) => { const onChangeInput = useCallback(
(editorState: EditorState, editor: LexicalEditor) => {
const text = editorStateToText(editor).replaceAll('}}{{', '}} {{'); const text = editorStateToText(editor).replaceAll('}}{{', '}} {{');
setCurrentValue(text); setCurrentValue(text);
onChange?.(text); onChange?.(text);
}, []); },
const onBlurInput = useCallback((editor: LexicalEditor) => { [onChange]
);
const onBlurInput = useCallback(
(editor: LexicalEditor) => {
const text = editorStateToText(editor).replaceAll('}}{{', '}} {{'); const text = editorStateToText(editor).replaceAll('}}{{', '}} {{');
onBlur?.(text); onBlur?.(text);
}, []); },
[onBlur]
);
return ( return (
<> <>
<Editor <Editor
hasVariablePlugin={hasVariablePlugin}
hasDropDownPlugin={hasDropDownPlugin}
variables={variables} variables={variables}
variableLabels={variableLabels}
h={h} h={h}
value={value} value={value}
currentValue={currentValue} currentValue={currentValue}
onChange={onChangeInput} onChange={onChangeInput}
onBlur={onBlurInput} onBlur={onBlurInput}
placeholder={placeholder} placeholder={placeholder}
setDropdownValue={setDropdownValue}
updateTrigger={updateTrigger} updateTrigger={updateTrigger}
/> />
</> </>
......
packages/web/i18n/en/common.json
...@@ -866,7 +866,7 @@ ...@@ -866,7 +866,7 @@
"Key already exists": "Key already exists", "Key already exists": "Key already exists",
"Key cannot be empty": "Parameter name cannot be empty", "Key cannot be empty": "Parameter name cannot be empty",
"Props name": "Parameter name", "Props name": "Parameter name",
"Props tip": "Can set HTTP request related parameters\nCan use {{key}} to call global variables or external parameter input, currently available variables:\n{{variable}}", "Props tip": "Can set HTTP request related parameters\nCan use / to call variables, currently available variables:\n{{variable}}",
"Props value": "Parameter value", "Props value": "Parameter value",
"ResponseChatItemId": "AI response ID", "ResponseChatItemId": "AI response ID",
"Url and params have been split": "Path parameters have been automatically added to Params", "Url and params have been split": "Path parameters have been automatically added to Params",
......
packages/web/i18n/en/workflow.json
...@@ -58,6 +58,9 @@ ...@@ -58,6 +58,9 @@
"greater_than": "greater than", "greater_than": "greater than",
"greater_than_or_equal_to": "Greater than or equal to", "greater_than_or_equal_to": "Greater than or equal to",
"greeting": "greet", "greeting": "greet",
"http": {
"body_none": "This request has no body parameters."
},
"http_raw_response_description": "The raw response of the HTTP request. \nOnly string or JSON type response data can be accepted.", "http_raw_response_description": "The raw response of the HTTP request. \nOnly string or JSON type response data can be accepted.",
"http_request": "HTTP request", "http_request": "HTTP request",
"http_request_error_info": "HTTP request error information, returns empty when successful", "http_request_error_info": "HTTP request error information, returns empty when successful",
......
packages/web/i18n/zh/common.json
...@@ -112,7 +112,6 @@ ...@@ -112,7 +112,6 @@
"common": { "common": {
"Action": "操作", "Action": "操作",
"Add": "添加", "Add": "添加",
"copy_to_clipboard": "复制到剪贴板",
"Add New": "新增", "Add New": "新增",
"Add Success": "添加成功", "Add Success": "添加成功",
"All": "全部", "All": "全部",
...@@ -123,7 +122,6 @@ ...@@ -123,7 +122,6 @@
"Confirm": "确认", "Confirm": "确认",
"Confirm Create": "确认创建", "Confirm Create": "确认创建",
"Confirm Import": "确认导入", "Confirm Import": "确认导入",
"export_to_json": "导出为 JSON",
"Confirm Move": "移动到这", "Confirm Move": "移动到这",
"Confirm Update": "确认更新", "Confirm Update": "确认更新",
"Confirm to leave the page": "确认离开该页面？", "Confirm to leave the page": "确认离开该页面？",
...@@ -195,7 +193,6 @@ ...@@ -195,7 +193,6 @@
"Save Success": "保存成功", "Save Success": "保存成功",
"Save_and_exit": "保存并退出", "Save_and_exit": "保存并退出",
"Search": "搜索", "Search": "搜索",
"json_config": "JSON 配置",
"Select File Failed": "选择文件异常", "Select File Failed": "选择文件异常",
"Select template": "选择模板", "Select template": "选择模板",
"Set Avatar": "点击设置头像", "Set Avatar": "点击设置头像",
...@@ -230,6 +227,7 @@ ...@@ -230,6 +227,7 @@
"confirm": { "confirm": {
"Common Tip": "操作确认" "Common Tip": "操作确认"
}, },
"copy_to_clipboard": "复制到剪贴板",
"course": { "course": {
"Read Course": "查看教程" "Read Course": "查看教程"
}, },
...@@ -241,6 +239,7 @@ ...@@ -241,6 +239,7 @@
"too_many_request": "请求太频繁了，请稍后重试。", "too_many_request": "请求太频繁了，请稍后重试。",
"unKnow": "出现了点意外~" "unKnow": "出现了点意外~"
}, },
"export_to_json": "导出为 JSON",
"failed": "失败", "failed": "失败",
"folder": { "folder": {
"Drag Tip": "点我可拖动", "Drag Tip": "点我可拖动",
...@@ -260,6 +259,7 @@ ...@@ -260,6 +259,7 @@
"jsonEditor": { "jsonEditor": {
"Parse error": "JSON 可能有误，请仔细检查" "Parse error": "JSON 可能有误，请仔细检查"
}, },
"json_config": "JSON 配置",
"link": { "link": {
"UnValid": "无效的链接" "UnValid": "无效的链接"
}, },
...@@ -647,7 +647,8 @@ ...@@ -647,7 +647,8 @@
"success": "开始同步" "success": "开始同步"
} }
}, },
"training": {} "training": {
}
}, },
"data": { "data": {
"Auxiliary Data": "辅助数据", "Auxiliary Data": "辅助数据",
...@@ -865,7 +866,7 @@ ...@@ -865,7 +866,7 @@
"Key already exists": "Key 已经存在", "Key already exists": "Key 已经存在",
"Key cannot be empty": "参数名不能为空", "Key cannot be empty": "参数名不能为空",
"Props name": "参数名", "Props name": "参数名",
"Props tip": "可以设置 HTTP 请求的相关参数\n可通过 {{key}} 来调用全局变量或外部参数输入，当前可使用变量：\n{{variable}}", "Props tip": "可以设置 HTTP 请求的相关参数\n可通过输入 / 来调用变量，当前可使用变量：\n{{variable}}",
"Props value": "参数值", "Props value": "参数值",
"ResponseChatItemId": "AI 回复的 ID", "ResponseChatItemId": "AI 回复的 ID",
"Url and params have been split": "路径参数已被自动加入 Params 中", "Url and params have been split": "路径参数已被自动加入 Params 中",
......
packages/web/i18n/zh/workflow.json
...@@ -58,6 +58,9 @@ ...@@ -58,6 +58,9 @@
"greater_than": "大于", "greater_than": "大于",
"greater_than_or_equal_to": "大于等于", "greater_than_or_equal_to": "大于等于",
"greeting": "打招呼", "greeting": "打招呼",
"http": {
"body_none": "该请求没有 Body 体"
},
"http_raw_response_description": "HTTP请求的原始响应。只能接受字符串或JSON类型响应数据。", "http_raw_response_description": "HTTP请求的原始响应。只能接受字符串或JSON类型响应数据。",
"http_request": "HTTP 请求", "http_request": "HTTP 请求",
"http_request_error_info": "HTTP请求错误信息，成功时返回空", "http_request_error_info": "HTTP请求错误信息，成功时返回空",
......
projects/app/src/pages/app/list/components/HttpPluginEditModal.tsx
...@@ -34,7 +34,6 @@ import { str2OpenApiSchema } from '@fastgpt/global/core/app/httpPlugin/utils'; ...@@ -34,7 +34,6 @@ import { str2OpenApiSchema } from '@fastgpt/global/core/app/httpPlugin/utils';
import MyIcon from '@fastgpt/web/components/common/Icon'; import MyIcon from '@fastgpt/web/components/common/Icon';
import MyModal from '@fastgpt/web/components/common/MyModal'; import MyModal from '@fastgpt/web/components/common/MyModal';
import HttpInput from '@fastgpt/web/components/common/Input/HttpInput'; import HttpInput from '@fastgpt/web/components/common/Input/HttpInput';
import { HttpHeaders } from '../../detail/components/WorkflowComponents/Flow/nodes/NodeHttp';
import { OpenApiJsonSchema } from '@fastgpt/global/core/app/httpPlugin/type'; import { OpenApiJsonSchema } from '@fastgpt/global/core/app/httpPlugin/type';
import { AppSchema } from '@fastgpt/global/core/app/type'; import { AppSchema } from '@fastgpt/global/core/app/type';
import { useContextSelector } from 'use-context-selector'; import { useContextSelector } from 'use-context-selector';
...@@ -168,15 +167,6 @@ const HttpPluginEditModal = ({ ...@@ -168,15 +167,6 @@ const HttpPluginEditModal = ({
errorToast: t('common:plugin.Invalid Schema') errorToast: t('common:plugin.Invalid Schema')
}); });
const leftVariables = useMemo(
() =>
HttpHeaders.filter((variable) => {
const existVariables = customHeaders.map((item) => item.key);
return !existVariables.includes(variable.key);
}),
[customHeaders]
);
useEffect(() => { useEffect(() => {
(async () => { (async () => {
if (!apiSchemaStr) { if (!apiSchemaStr) {
...@@ -315,28 +305,8 @@ const HttpPluginEditModal = ({ ...@@ -315,28 +305,8 @@ const HttpPluginEditModal = ({
<Tr key={`${index}`}> <Tr key={`${index}`}>
<Td p={0} w={'150px'}> <Td p={0} w={'150px'}>
<HttpInput <HttpInput
hasVariablePlugin={false}
hasDropDownPlugin={true}
setDropdownValue={(val) => {
setCustomHeaders((prev) => {
const newHeaders = prev.map((item, i) =>
i === index ? { ...item, key: val } : item
);
setValue(
'pluginData.customHeaders',
'{\n' +
newHeaders
.map((item) => `"${item.key}":"${item.value}"`)
.join(',\n') +
'\n}'
);
return newHeaders;
});
setUpdateTrigger((prev) => !prev);
}}
placeholder={t('common:core.module.http.Props name')} placeholder={t('common:core.module.http.Props name')}
value={item.key} value={item.key}
variables={leftVariables}
onBlur={(val) => { onBlur={(val) => {
setCustomHeaders((prev) => { setCustomHeaders((prev) => {
const newHeaders = prev.map((item, i) => const newHeaders = prev.map((item, i) =>
...@@ -360,7 +330,6 @@ const HttpPluginEditModal = ({ ...@@ -360,7 +330,6 @@ const HttpPluginEditModal = ({
<Box display={'flex'} alignItems={'center'}> <Box display={'flex'} alignItems={'center'}>
<HttpInput <HttpInput
placeholder={t('common:core.module.http.Props value')} placeholder={t('common:core.module.http.Props value')}
hasVariablePlugin={false}
value={item.value} value={item.value}
onBlur={(val) => onBlur={(val) =>
setCustomHeaders((prev) => { setCustomHeaders((prev) => {
...@@ -406,26 +375,8 @@ const HttpPluginEditModal = ({ ...@@ -406,26 +375,8 @@ const HttpPluginEditModal = ({
<Tr> <Tr>
<Td p={0} w={'150px'}> <Td p={0} w={'150px'}>
<HttpInput <HttpInput
hasVariablePlugin={false}
hasDropDownPlugin={true}
setDropdownValue={(val) => {
setCustomHeaders((prev) => {
const newHeaders = [...prev, { key: val, value: '' }];
setValue(
'pluginData.customHeaders',
'{\n' +
newHeaders
.map((item) => `"${item.key}":"${item.value}"`)
.join(',\n') +
'\n}'
);
return newHeaders;
});
setUpdateTrigger((prev) => !prev);
}}
placeholder={t('common:core.module.http.Add props')} placeholder={t('common:core.module.http.Add props')}
value={''} value={''}
variables={leftVariables}
updateTrigger={updateTrigger} updateTrigger={updateTrigger}
onBlur={(val) => { onBlur={(val) => {
if (!val) return; if (!val) return;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment