update script view

xlorne · xlorne · commit d1826f92b2ce · 2026-03-04T14:36:23.000+08:00
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/node-components/current-operator/index.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/node-components/current-operator/index.tsx
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/node-components/node-hint/index.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/node-components/node-hint/index.tsx
@@ -0,0 +1,22 @@
+import React from "react";
+import {GroovyScriptConvertorUtil} from "@/components/script/utils/convertor";
+import {Field, FieldRenderProps} from "@flowgram.ai/fixed-layout-editor";
+
+interface NodeHintProps{
+    fieldName:string;
+}
+
+export const NodeHint:React.FC<NodeHintProps> = (props) => {
+    return (
+        <span>
+            <Field
+                name={props.fieldName}
+                render={({ field: { value, onChange } }: FieldRenderProps<any>) => (
+                    <>
+                        {GroovyScriptConvertorUtil.getScriptTitle(value)}
+                    </>
+                )}
+            />
+        </span>
+    )
+}
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/approval/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/approval/form-meta.tsx
@@ -18,7 +18,7 @@ import {TimeoutStrategy} from "@/components/design-editor/node-components/strate
 import {RecordMergeStrategy} from "@/components/design-editor/node-components/strategy/record-merge";
 import {RevokeStrategy} from "@/components/design-editor/node-components/strategy/revoke";
 import {View} from "@/components/design-editor/node-components/view";
-import {CurrentNodeOperator} from "@/components/design-editor/node-components/current-operator";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
 
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
@@ -46,7 +46,7 @@ export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
   return (
     <NodePanel data={data}>
         <NodeHeader/>
-        <CurrentNodeOperator/>
+        <NodeHint fieldName={"OperatorLoadStrategy.script"}/>
     </NodePanel>
   );
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/condition-branch/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/condition-branch/form-meta.tsx
@@ -6,35 +6,35 @@ import {useIsSidebar} from '../../hooks';
 import {NodeHeader} from "@/components/design-editor/node-components/header";
 import {NodePanel} from "@/components/design-editor/node-components/panel";
 import {ConditionScript} from "@/components/design-editor/node-components/condition";
-import {GroovyScriptConvertorUtil} from "@/components/script/utils/convertor";
+import React from "react";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
-  const isSidebar = useIsSidebar();
-  const script = data.form.getValueIn('script');
-  if (isSidebar) {
+    const isSidebar = useIsSidebar();
+    if (isSidebar) {
+        return (
+            <NodePanel data={data}>
+                <NodeHeader/>
+                <ConditionScript/>
+            </NodePanel>
+        );
+    }
     return (
-      <NodePanel data={data}>
-          <NodeHeader/>
-          <ConditionScript/>
-      </NodePanel>
+        <NodePanel data={data}>
+            <NodeHeader/>
+            <NodeHint fieldName={"script"}/>
+        </NodePanel>
     );
-  }
-  return (
-    <NodePanel data={data}>
-        <NodeHeader/>
-        {GroovyScriptConvertorUtil.getScriptTitle(script)}
-    </NodePanel>
-  );
 };
 
 export const formMeta: FormMeta<FlowNodeJSON['data']> = {
-  render: renderForm,
-  validateTrigger: ValidateTrigger.onChange,
-  validate: {
-    title: ({ value }: { value: string }) => (value ? undefined : 'Title is required'),
-  },
-  effect: {
-    title: syncVariableTitle,
-    outputs: provideJsonSchemaOutputs,
-  },
+    render: renderForm,
+    validateTrigger: ValidateTrigger.onChange,
+    validate: {
+        title: ({value}: { value: string }) => (value ? undefined : 'Title is required'),
+    },
+    effect: {
+        title: syncVariableTitle,
+        outputs: provideJsonSchemaOutputs,
+    },
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/handle/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/handle/form-meta.tsx
@@ -16,8 +16,8 @@ import {RecordMergeStrategy} from "@/components/design-editor/node-components/st
 import {ResubmitStrategy} from "@/components/design-editor/node-components/strategy/resubmit";
 import {AdviceStrategy} from "@/components/design-editor/node-components/strategy/advice";
 import {View} from "@/components/design-editor/node-components/view";
-import {CurrentNodeOperator} from "@/components/design-editor/node-components/current-operator";
 import React from "react";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
   const isSidebar = useIsSidebar();
@@ -43,7 +43,7 @@ export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
   return (
     <NodePanel data={data}>
         <NodeHeader/>
-        <CurrentNodeOperator/>
+        <NodeHint fieldName={"OperatorLoadStrategy.script"}/>
     </NodePanel>
   );
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/inclusive-branch/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/inclusive-branch/form-meta.tsx
@@ -6,11 +6,11 @@ import {useIsSidebar} from '../../hooks';
 import {NodeHeader} from "@/components/design-editor/node-components/header";
 import {NodePanel} from "@/components/design-editor/node-components/panel";
 import {ConditionScript} from "@/components/design-editor/node-components/condition";
-import {GroovyScriptConvertorUtil} from "@/components/script/utils/convertor";
+import React from "react";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
     const isSidebar = useIsSidebar();
-    const script = data.form.getValueIn('script');
     if (isSidebar) {
         return (
             <NodePanel data={data}>
@@ -22,7 +22,7 @@ export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
     return (
         <NodePanel data={data}>
             <NodeHeader/>
-            {GroovyScriptConvertorUtil.getScriptTitle(script)}
+            <NodeHint fieldName={"script"}/>
         </NodePanel>
     );
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/notify/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/notify/form-meta.tsx
@@ -10,40 +10,40 @@ import {ErrorTriggerStrategy} from "@/components/design-editor/node-components/s
 import {NodeTitleStrategy} from "@/components/design-editor/node-components/strategy/node-title";
 import {OperatorLoadStrategy} from "@/components/design-editor/node-components/strategy/operator-load";
 import {View} from "@/components/design-editor/node-components/view";
-import {CurrentNodeOperator} from "@/components/design-editor/node-components/current-operator";
 import React from "react";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
-  const isSidebar = useIsSidebar();
-  if (isSidebar) {
+    const isSidebar = useIsSidebar();
+    if (isSidebar) {
+        return (
+            <NodePanel data={data}>
+                <NodeHeader/>
+                <TabNodeLayout hiddenAction={true}>
+                    <View/>
+                    <OperatorLoadStrategy/>
+                    <NodeTitleStrategy/>
+                    <ErrorTriggerStrategy/>
+                </TabNodeLayout>
+            </NodePanel>
+        );
+    }
     return (
-      <NodePanel data={data}>
-          <NodeHeader/>
-          <TabNodeLayout hiddenAction={true}>
-              <View/>
-              <OperatorLoadStrategy/>
-              <NodeTitleStrategy/>
-              <ErrorTriggerStrategy/>
-          </TabNodeLayout>
-      </NodePanel>
+        <NodePanel data={data}>
+            <NodeHeader/>
+            <NodeHint fieldName={"OperatorLoadStrategy.script"}/>
+        </NodePanel>
     );
-  }
-  return (
-    <NodePanel data={data}>
-        <NodeHeader/>
-        <CurrentNodeOperator/>
-    </NodePanel>
-  );
 };
 
 export const formMeta: FormMeta<FlowNodeJSON['data']> = {
-  render: renderForm,
-  validateTrigger: ValidateTrigger.onChange,
-  validate: {
-    title: ({ value }: { value: string }) => (value ? undefined : 'Title is required'),
-  },
-  effect: {
-    title: syncVariableTitle,
-    outputs: provideJsonSchemaOutputs,
-  },
+    render: renderForm,
+    validateTrigger: ValidateTrigger.onChange,
+    validate: {
+        title: ({value}: { value: string }) => (value ? undefined : 'Title is required'),
+    },
+    effect: {
+        title: syncVariableTitle,
+        outputs: provideJsonSchemaOutputs,
+    },
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/router/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/router/form-meta.tsx
@@ -7,11 +7,11 @@ import {NodeHeader} from "@/components/design-editor/node-components/header";
 import {NodePanel} from "@/components/design-editor/node-components/panel";
 import {PanelLayout} from "@/components/design-editor/node-components/layout";
 import {RouterStrategy} from "@/components/design-editor/node-components/strategy/router";
-import {GroovyScriptConvertorUtil} from "@/components/script/utils/convertor";
+import React from "react";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
   const isSidebar = useIsSidebar();
-  const script = data.form.getValueIn('RouterStrategy.script');
   if (isSidebar) {
     return (
       <NodePanel data={data}>
@@ -25,7 +25,7 @@ export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
   return (
     <NodePanel data={data}>
         <NodeHeader/>
-        {GroovyScriptConvertorUtil.getScriptTitle(script)}
+        <NodeHint fieldName={"RouterStrategy.script"}/>
     </NodePanel>
   );
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/sub-process/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/sub-process/form-meta.tsx
@@ -7,11 +7,11 @@ import {NodeHeader} from "@/components/design-editor/node-components/header";
 import {NodePanel} from "@/components/design-editor/node-components/panel";
 import {PanelLayout} from "@/components/design-editor/node-components/layout";
 import {SubProcessStrategy} from "@/components/design-editor/node-components/strategy/sub-process";
-import {GroovyScriptConvertorUtil} from "@/components/script/utils/convertor";
+import React from "react";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
     const isSidebar = useIsSidebar();
-    const script = data.form.getValueIn('SubProcessStrategy.script');
     if (isSidebar) {
         return (
             <NodePanel data={data}>
@@ -25,7 +25,7 @@ export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
     return (
         <NodePanel data={data}>
             <NodeHeader/>
-            {GroovyScriptConvertorUtil.getScriptTitle(script)}
+            <NodeHint fieldName={"SubProcessStrategy.script"}/>
         </NodePanel>
     );
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/trigger/form-meta.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/design-editor/nodes/trigger/form-meta.tsx
@@ -7,11 +7,11 @@ import {NodeHeader} from "@/components/design-editor/node-components/header";
 import {NodePanel} from "@/components/design-editor/node-components/panel";
 import {PanelLayout} from "@/components/design-editor/node-components/layout";
 import {TriggerStrategy} from "@/components/design-editor/node-components/strategy/trigger";
-import {GroovyScriptConvertorUtil} from "@/components/script/utils/convertor";
+import {NodeHint} from "@/components/design-editor/node-components/node-hint";
+import React from "react";
 
 export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
     const isSidebar = useIsSidebar();
-    const script = data.form.getValueIn('TriggerStrategy.script');
     if (isSidebar) {
         return (
             <NodePanel data={data}>
@@ -25,7 +25,7 @@ export const renderForm = (data: FormRenderProps<FlowNodeJSON['data']>) => {
     return (
         <NodePanel data={data}>
             <NodeHeader/>
-            {GroovyScriptConvertorUtil.getScriptTitle(script)}
+            <NodeHint fieldName={"TriggerStrategy.script"}/>
         </NodePanel>
     );
 };
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/script/modal/router-config-modal.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/script/modal/router-config-modal.tsx
@@ -19,8 +19,6 @@ export interface RouterConfigModalProps {
     onConfirm: (script: string) => void;
 }
 
-
-
 const RouterConfigContent: React.FC<GroovyScriptContent> = (props) => {
     const isAdvance = GroovyScriptConvertorUtil.isCustomScript(props.script);
 
@@ -50,7 +48,7 @@ export const RouterConfigModal:React.FC<RouterConfigModalProps> = (props) => {
             variables={props.variables || []}
             onConfirm={props.onConfirm}
             onCancel={props.onCancel}
-            title="理由配置"
+            title="路由配置"
             content={RouterConfigContent}
         />
     );
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/script/plugins/view/router-view.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/script/plugins/view/router-view.tsx
@@ -1,29 +1,67 @@
 import React from "react";
 import {RouterViewPlugin, VIEW_KEY} from "@/components/script/plugins/router-view-type";
 import {ViewBindPlugin} from "@flow-engine/flow-types";
-import {AdvancedScriptEditor} from "@/components/script/components/advanced-script-editor";
 import {DEFAULT_ROUTER_SCRIPT} from "@/components/script/default-script";
+import {GroovyScriptConvertorUtil} from "@/components/script/utils/convertor";
+import {Button, Form, Select, Space} from "antd";
+import {CodeOutlined, ReloadOutlined} from "@ant-design/icons";
+import {useNodeRouterManager} from "@/components/design-panel/hooks/use-node-router-manager";
+import {RouterConvertor} from "@/components/script/services/convertor/router";
 
 /**
- * TODO 路由配置界面
  * @param props
  * @constructor
  */
 export const RouterPluginView: React.FC<RouterViewPlugin> = (props) => {
     const TriggerPluginViewComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
-    if(TriggerPluginViewComponent){
+    const nodeRouterManager = useNodeRouterManager();
+
+    if (TriggerPluginViewComponent) {
         return (
             <TriggerPluginViewComponent {...props} />
         );
     }
 
-
     return (
-        <AdvancedScriptEditor
-            {...props}
-            resetScript={()=>{
-                return DEFAULT_ROUTER_SCRIPT;
-            }}
-        />
+        <div>
+            <Form>
+                <Form.Item
+                    name={"node"}
+                    label={"跳转节点"}
+                >
+                    <Select
+                        options={nodeRouterManager.getNodes()}
+                        onChange={(value, option) => {
+                            const script = RouterConvertor.goNode(option as any);
+                            props.onChange(script);
+                        }}
+                    />
+                </Form.Item>
+            </Form>
+
+            <Space
+                style={{
+                    marginTop: 8
+                }}
+            >
+                <Button
+                    icon={<CodeOutlined/>}
+                    onClick={() => {
+                        props.onChange(GroovyScriptConvertorUtil.toCustomScript(props.script));
+                    }}
+                >
+                    高级配置
+                </Button>
+                <Button
+                    icon={<ReloadOutlined/>}
+                    danger={true}
+                    onClick={() => {
+                        props.onChange(DEFAULT_ROUTER_SCRIPT);
+                    }}
+                >
+                    重置脚本
+                </Button>
+            </Space>
+        </div>
     );
 }
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/script/plugins/view/sub-process-view.tsx b/frontend/packages/flow-pc/flow-pc-design/src/components/script/plugins/view/sub-process-view.tsx
diff --git a/frontend/packages/flow-pc/flow-pc-design/src/components/script/services/convertor/router.ts b/frontend/packages/flow-pc/flow-pc-design/src/components/script/services/convertor/router.ts
