perf: common textare no richtext

Author: c121914yu

packages/global/core/workflow/template/input.ts

@@ -52,7 +52,8 @@ export const Input_Template_SettingAiModel: FlowNodeInputItemType = {
 export const Input_Template_System_Prompt: FlowNodeInputItemType = {
   key: NodeInputKeyEnum.aiSystemPrompt,
   renderTypeList: [FlowNodeInputTypeEnum.textarea, FlowNodeInputTypeEnum.reference],
-  max: 3000,
+  maxLength: 100000,
+  isRichText: true,
   valueType: WorkflowIOValueTypeEnum.string,
   label: i18nT('common:core.ai.Prompt'),
   description: systemPromptTip,

packages/global/core/workflow/template/system/assignedAnswer.ts

@@ -24,6 +24,8 @@ export const AssignedAnswerModule: FlowNodeTemplateType = {
       renderTypeList: [FlowNodeInputTypeEnum.textarea, FlowNodeInputTypeEnum.reference],
       valueType: WorkflowIOValueTypeEnum.any,
       required: true,
+      isRichText: false,
+      maxLength: 100000,
       label: i18nT('common:core.module.input.label.Response content'),
       description: i18nT('common:core.module.input.description.Response content'),
       placeholder: i18nT('common:core.module.input.description.Response content')

packages/global/core/workflow/type/io.d.ts

@@ -23,6 +23,7 @@ export type InputComponentPropsType = {
   defaultValue?: any;
 
   referencePlaceholder?: string;
+  isRichText?: boolean;
   placeholder?: string; // input,textarea
   maxLength?: number; // input,textarea
   minLength?: number; // password

packages/web/components/common/Textarea/PromptEditor/Editor.tsx

@@ -125,12 +125,10 @@ export default function Editor({
     nodes: [
       VariableNode,
       VariableLabelNode,
-      HeadingNode,
-      ListNode,
-      ListItemNode,
-      QuoteNode,
-      CodeNode,
-      CodeHighlightNode
+      // Only register rich text nodes when in rich text mode
+      ...(isRichText
+        ? [HeadingNode, ListNode, ListItemNode, QuoteNode, CodeNode, CodeHighlightNode]
+        : [])
     ],
     editorState: textToEditorState(value, isRichText),
     onError: (error: Error) => {

projects/app/src/components/core/app/formRender/LabelAndForm.tsx

@@ -85,6 +85,7 @@ const LabelAndFormRender = ({
           return (
             <InputRender
               inputType={inputType}
+              isRichText={false}
               value={value}
               onChange={onChange}
               placeholder={placeholder}

projects/app/src/components/core/app/formRender/index.tsx

@@ -80,7 +80,7 @@ const InputRender = (props: InputRenderProps) => {
     return (
       <PromptEditor
         {...commonProps}
-        isRichText={true}
+        isRichText={props.isRichText}
         variables={props.variables}
         variableLabels={props.variableLabels}
         title={props.title}

projects/app/src/components/core/app/formRender/type.d.ts

@@ -28,12 +28,14 @@ type SpecificProps =
       variableLabels?: EditorVariableLabelPickerType[];
       title?: string;
       maxLength?: number;
+      isRichText?: boolean;
     } & {
       ExtensionPopover?: EditorProps['ExtensionPopover'];
     })
   | {
       // password
       inputType: InputTypeEnum.password;
+      minLength?: number;
     }
   | {
       // numberInput

projects/app/src/components/core/chat/ChatContainer/PluginRunBox/components/RenderInput.tsx

@@ -281,6 +281,7 @@ const RenderInput = () => {
                       form={variablesForm}
                       fieldName={inputKey}
                       modelList={llmModelList}
+                      isRichText={false}
                     />
                   );
                 }}

projects/app/src/components/core/chat/components/Interactive/InteractiveComponents.tsx

@@ -100,6 +100,7 @@ export const FormInputComponent = React.memo(function FormInputComponent({
                 min={input.min}
                 max={input.max}
                 list={input.list}
+                isRichText={false}
               />
             );
           }}

projects/app/src/pageComponents/app/detail/SimpleApp/components/ConfigToolModal.tsx

@@ -164,6 +164,7 @@ const ConfigToolModal = ({
                       return (
                         <InputRender
                           {...input}
+                          isRichText={false}
                           isInvalid={!!error}
                           inputType={nodeInputTypeToInputType(input.renderTypeList)}
                           value={value}