@gadmin2n/schematics 0.0.142 → 0.0.143

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/components/NodePropertyPanel.tsx

@@ -18,7 +18,6 @@ import {
   Space,
   Spin,
   Switch,
-  Tag,
   Tooltip,
   Typography,
 } from 'antd';
@@ -32,7 +31,9 @@ import type {
   WorkflowNodeType,
 } from '../types';
 import type { ParameterBinding } from '../types/parameter-binding';
+import { NodeOutputSummary } from './NodeOutputSummary';
 import { ParameterBindingEditor } from './ParameterBindingEditor';
+import '../node-instances/node-config.css';
 
 const { Text, Title } = Typography;
 const { TextArea } = Input;
@@ -41,20 +42,18 @@ const CATEGORY_COLORS: Record<string, { bg: string; border: string }> = {
   TRIGGER: { bg: '#e6f7ff', border: '#91caff' },
   ACTION: { bg: '#f6ffed', border: '#b7eb8f' },
   CONDITION: { bg: '#fff7e6', border: '#ffd591' },
-  LOOP: { bg: '#f9f0ff', border: '#d3adf7' },
-  FLOW_CONTROL: { bg: '#f0f5ff', border: '#adc6ff' },
+  FLOW_CONTROL: { bg: '#f9f0ff', border: '#d3adf7' },
   APPROVAL: { bg: '#fff1f0', border: '#ffa39e' },
   SUB_WORKFLOW: { bg: '#f0f5ff', border: '#adc6ff' },
 };
 
 const CATEGORY_LABELS: Record<string, string> = {
-  TRIGGER: '触发器',
-  ACTION: '动作',
-  CONDITION: '条件',
-  LOOP: '循环',
+  TRIGGER: '触发流程',
+  ACTION: '执行操作',
+  CONDITION: '判断与分支',
   FLOW_CONTROL: '流程控制',
-  APPROVAL: '审批',
-  SUB_WORKFLOW: '子流程',
+  APPROVAL: '人工审批',
+  SUB_WORKFLOW: 'Workflow 调用',
 };
 
 // Fields that should use TextArea for longer input
@@ -69,7 +68,6 @@ const TEXTAREA_FIELDS = new Set([
   'rawSql',
   'data',
   'responseBody',
-  'fallbackExpression',
 ]);
 
 function hasUiSchemaWidget(value: unknown): boolean {
@@ -87,110 +85,6 @@ function hasUiSchemaWidget(value: unknown): boolean {
   );
 }
 
-// Rich tooltip content for node types (hardcoded)
-const NODE_TOOLTIPS: Record<string, string> = {
-  cron_trigger:
-    '定时触发工作流\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 每天零点生成日报、每5分钟检查队列、每月1号结算\n' +
-    'Temporal: ScheduleClient 创建定时 Schedule，到点启动 Workflow',
-  event_trigger:
-    '监听内部业务事件，事件发生时自动触发\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '事件类别:\n' +
-    '• 数据变更: record.created, record.updated\n' +
-    '• 状态变更: order.paid, ticket.escalated\n' +
-    '• 用户行为: user.registered, login_failed_3x\n' +
-    '• 系统事件: deployment.completed, health_check.failed\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    'Temporal: 事件总线收到事件后调用 WorkflowClient.start() 启动新 Workflow，或通过 Signal 唤醒等待中的 Workflow\n\n' +
-    '通常后端会有一个事件总线（如 Redis Pub/Sub、NATS、Kafka、或简单的内存 EventEmitter），当业务代码 emit("order.paid", payload)时，事件中间件查找所有订阅了该事件的 active workflow 定义，并启动对应的 Temporal Workflow。',
-  webhook_trigger:
-    '接收外部 HTTP 请求并启动 Workflow\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 第三方支付回调、GitHub Webhook、表单提交\n' +
-    '收到的请求体、查询参数和请求头分别放在 workflow.body、workflow.query 和 workflow.headers',
-  submit_approval_result:
-    '提交外部审批结果\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '把 requestId、审批人和审批决定提交给正在等待的人工审核节点',
-  manual_trigger:
-    '手动触发，用于调试或一次性执行\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 手动跑数据迁移、调试新 Workflow、一次性批处理\n' +
-    'Temporal: 直接调用 WorkflowClient.start() 并传入自定义 input',
-  http_request:
-    '向外部 API 发送 HTTP 请求\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 调用第三方 API、推送数据到下游系统、获取外部数据\n' +
-    'Temporal: 封装为 Activity，自带超时和重试策略',
-  db_query:
-    '执行数据库查询（读操作）\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 查询订单状态、获取用户列表、统计聚合\n' +
-    'Temporal: 封装为 Activity，支持参数化查询防注入',
-  db_execute:
-    '执行数据库写操作\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 插入审批记录、更新订单状态、批量删除过期数据\n' +
-    'Temporal: 封装为 Activity，失败时 Workflow 可选择重试或补偿',
-  send_notification:
-    '发送通知消息\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 审批结果邮件、Slack 告警、企微/钉钉群消息\n' +
-    'Temporal: 封装为 Activity，支持模板变量和多渠道',
-  code:
-    '执行自定义 JavaScript 代码\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 数据格式转换、复杂计算、JSON 结构重组、条件逻辑\n' +
-    'Temporal: 封装为 Activity，通过应用侧受限 Code Runtime 执行',
-  set_variable:
-    '设置、转换或重命名工作流变量\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 提取嵌套字段、重命名 API 返回字段、构造下游所需结构\n' +
-    'Temporal: 读取 input，并把结果传给下一个节点',
-  if_else:
-    '根据条件走不同分支\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 金额>1万走人工审批、VIP用户走快速通道\n' +
-    'Temporal: Workflow 代码中的 if/else 控制流',
-  switch:
-    '根据字段值走多路分支\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 按订单类型分发、按地区选择处理逻辑\n' +
-    'Temporal: Workflow 代码中的 switch/case 控制流',
-  for_each:
-    '遍历数组，对每个元素执行子流程\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 批量发送通知、逐个处理订单项、并行调用多个 API\n' +
-    'Temporal: 循环内启动 Activity 或 Child Workflow，支持并行控制',
-  delay:
-    '暂停工作流执行，等待指定时间或信号\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 等待30分钟后发提醒、等到指定时间执行、等待外部回调\n' +
-    'Temporal: workflow.sleep()（持久化定时器，服务重启不丢失）',
-  parallel:
-    '并行执行多个分支，等待完成后合并\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 同时调用多个 API 聚合结果、并行审批多个部门\n' +
-    'Temporal: Promise.all() 并行启动多个 Activity/Child Workflow',
-  error_handler:
-    '捕获上游节点错误，执行降级逻辑\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: API 失败后走备用方案、超时后发告警通知\n' +
-    'Temporal: try/catch + RetryPolicy（支持固定/指数退避重试）',
-  approval:
-    '暂停流程等待人工审批\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 费用报销审批、上线发布审批、权限申请审批\n' +
-    'Temporal: workflow.condition() 等待 Signal，审批人通过 SignalWorkflow 发送结果',
-  sub_workflow:
-    '调用另一个已定义的工作流作为子流程\n' +
-    '━━━━━━━━━━━━━━━━━━━━\n' +
-    '示例: 复用通用审批流程、嵌套调用数据处理 Pipeline\n' +
-    'Temporal: executeChild() 启动 Child Workflow，支持同步等待或异步触发',
-};
-
 // Placeholder hints for specific fields
 const FIELD_PLACEHOLDERS: Record<string, string> = {
   cron: '0 0 * * * (每天零点)',
@@ -201,7 +95,6 @@ const FIELD_PLACEHOLDERS: Record<string, string> = {
   query: 'SELECT * FROM table WHERE id = $1',
   rawSql: 'INSERT INTO table (col) VALUES ($1)',
   condition: 'data.amount > 1000',
-  fallbackExpression: 'data.status === "active"',
   iteratorField: 'data.items',
   message: '通知内容，支持 {{variable}} 模板变量',
   subject: '邮件主题',
@@ -212,8 +105,6 @@ const FIELD_PLACEHOLDERS: Record<string, string> = {
   table: '表名',
   where: 'id = $1',
   datasource: 'default',
-  signalName: 'approval_signal',
-  gotoNodeId: '目标节点 ID',
 };
 
 interface Props {
@@ -247,7 +138,7 @@ export function NodePropertyPanel({
   onAbort,
   aiLoading,
 }: Props) {
-  const { t } = useTranslation('workflow');
+  const { t, i18n } = useTranslation('workflow');
   const [label, setLabel] = useState('');
   const [config, setConfig] = useState<Record<string, any>>({});
   const [prompt, setPrompt] = useState('');
@@ -277,6 +168,14 @@ export function NodePropertyPanel({
 
   // Find configSchema for current node type
   const currentNodeType = nodeTypes.find((nt) => nt.type === node?.type);
+  const currentNodeTypeLabel = currentNodeType
+    ? t(`nodeTypes.${currentNodeType.type}`, {
+        defaultValue: currentNodeType.label,
+      })
+    : node?.type;
+  const currentNodeTypeColors =
+    CATEGORY_COLORS[currentNodeType?.category ?? 'ACTION'] ??
+    CATEGORY_COLORS.ACTION;
   const configSchema = (currentNodeType?.configSchema || {}) as any;
   const requiredFields: string[] = configSchema.required || [];
   const properties: Record<string, any> = configSchema.properties || {};
@@ -311,18 +210,6 @@ export function NodePropertyPanel({
         widget: 'external-request-config',
       };
     }
-    if (currentNodeType?.type === 'submit_approval_result') {
-      return {
-        ...currentUiSchema,
-        widget: 'submit-approval-result-config',
-      };
-    }
-    if (currentNodeType?.type === 'submit_external_result') {
-      return {
-        ...currentUiSchema,
-        widget: 'submit-external-result-config',
-      };
-    }
     if (currentNodeType?.type === 'external_wait') {
       return {
         ...currentUiSchema,
@@ -499,18 +386,12 @@ export function NodePropertyPanel({
             拖拽节点到左侧画布
           </Text>
           {Object.entries(
-            nodeTypes
-              .filter(
-                (nt) =>
-                  nt.type !== 'approval_request_trigger' &&
-                  nt.type !== 'submit_approval_result',
-              )
-              .reduce<Record<string, WorkflowNodeType[]>>((acc, nt) => {
-                const cat = nt.category || 'ACTION';
-                if (!acc[cat]) acc[cat] = [];
-                acc[cat].push(nt);
-                return acc;
-              }, {}),
+            nodeTypes.reduce<Record<string, WorkflowNodeType[]>>((acc, nt) => {
+              const cat = nt.category || 'ACTION';
+              if (!acc[cat]) acc[cat] = [];
+              acc[cat].push(nt);
+              return acc;
+            }, {}),
           ).map(([category, types]) => {
             const colors = CATEGORY_COLORS[category] || CATEGORY_COLORS.ACTION;
             return (
@@ -538,12 +419,12 @@ export function NodePropertyPanel({
                             lineHeight: 1.6,
                           }}
                         >
-                          {NODE_TOOLTIPS[nt.type] || nt.description || nt.label}
+                          {nt.description || nt.label}
                         </div>
                       }
                       placement="left"
                       mouseEnterDelay={0.3}
-                      overlayStyle={{ maxWidth: 360 }}
+                      styles={{ root: { maxWidth: 320 } }}
                     >
                       <div
                         draggable
@@ -705,13 +586,11 @@ export function NodePropertyPanel({
     const value = config[key];
     const placeholder = FIELD_PLACEHOLDERS[key] || '';
     const fieldLabel =
-      node?.type === 'sub_workflow'
-        ? ({
-            workflowId: '调用哪个 Workflow',
-            waitForCompletion: '等待它运行完成',
-            timeout: '最长等待时间（秒）',
-          }[key] ?? key)
-        : key;
+      i18n.resolvedLanguage === 'zh_CN'
+        ? t(`schema.fields.${key}`, {
+            defaultValue: schema.title ?? key,
+          })
+        : (schema.title ?? key);
 
     // Special: workflowId → Select with workflow list
     if (key === 'workflowId') {
@@ -1064,8 +943,12 @@ export function NodePropertyPanel({
 
   return (
     <div
+      className="workflow-node-config"
       style={{
-        width: usesCustomConfigEditor ? 520 : 320,
+        width:
+          usesCustomConfigEditor && currentNodeType?.type !== 'return_result'
+            ? 500
+            : 360,
         borderLeft: '1px solid var(--ant-color-border-secondary)',
         background: 'var(--ant-color-bg-container)',
         display: 'flex',
@@ -1083,18 +966,36 @@ export function NodePropertyPanel({
           alignItems: 'flex-start',
         }}
       >
-        <Space direction="vertical" size={4}>
+        <Space direction="vertical" size={8} style={{ minWidth: 0 }}>
           <Title level={5} style={{ margin: 0, fontSize: 14 }}>
-            节点属性
+            {t('editor.nodeConfiguration')}
           </Title>
-          <Tag color="blue">{node.type}</Tag>
+          <div
+            style={{
+              minWidth: 180,
+              padding: '7px 10px',
+              background: currentNodeTypeColors.bg,
+              border: `1px solid ${currentNodeTypeColors.border}`,
+              borderRadius: 6,
+            }}
+          >
+            <Text
+              type="secondary"
+              style={{ display: 'block', fontSize: 11, lineHeight: 1.2 }}
+            >
+              {t('editor.nodeType')}
+            </Text>
+            <Text strong style={{ display: 'block', marginTop: 2 }}>
+              {currentNodeTypeLabel}
+            </Text>
+          </div>
         </Space>
         <Button
           type="text"
           danger
           icon={<DeleteOutlined />}
           onClick={() => onDelete?.(node.id)}
-          title="删除节点"
+          title={t('editor.deleteNode')}
         />
       </div>
 
@@ -1109,8 +1010,8 @@ export function NodePropertyPanel({
           value={activeTab}
           onChange={(val) => setActiveTab(val as 'config' | 'ai')}
           options={[
-            { label: '节点配置', value: 'config' },
-            { label: 'AI 生成', value: 'ai' },
+            { label: t('editor.configurationTab'), value: 'config' },
+            { label: t('editor.aiEditTab'), value: 'ai' },
           ]}
           block
           style={{ marginBottom: 12 }}
@@ -1120,7 +1021,17 @@ export function NodePropertyPanel({
       {/* Form */}
       <div style={{ flex: 1, overflow: 'auto', padding: 16 }}>
         {activeTab === 'config' && (
-          <Space direction="vertical" size={12} style={{ width: '100%' }}>
+          <Space direction="vertical" size={14} style={{ width: '100%' }}>
+            <div>
+              <Text className="workflow-node-config__section-title">
+                {t('editor.nodeName')}
+              </Text>
+              <Input
+                value={label}
+                onChange={(e) => handleLabelChange(e.target.value)}
+              />
+            </div>
+
             {/* Instance Selector / Reference Banner */}
             {currentNodeType?.instancePolicy !== 'INLINE_ONLY' &&
               !node.instanceRef && (
@@ -1135,17 +1046,17 @@ export function NodePropertyPanel({
                     type="secondary"
                     style={{ fontSize: 12, display: 'block', marginBottom: 6 }}
                   >
-                    复用已有实例
+                    {t('editor.reuseInstance')}
                   </Text>
                   <Select
                     value={selectedInstanceId ?? undefined}
                     onChange={(v) => setSelectedInstanceId(v)}
                     placeholder={
                       instanceLoading
-                        ? '加载中...'
+                        ? t('editor.loadingInstances')
                         : instances.length === 0
-                          ? '暂无可用实例'
-                          : '选择实例...'
+                          ? t('editor.noInstances')
+                          : t('editor.selectInstance')
                     }
                     options={instances.map((i) => ({
                       label: i.name,
@@ -1169,11 +1080,11 @@ export function NodePropertyPanel({
                         icon={<LinkOutlined />}
                         onClick={handleReferenceInstance}
                       >
-                        引用实例
+                        {t('editor.referenceInstance')}
                       </Button>
                       {currentNodeType?.instancePolicy === 'OPTIONAL' && (
                         <Button size="small" onClick={handleCopyAsTemplate}>
-                          复制为模板
+                          {t('editor.copyInstanceConfig')}
                         </Button>
                       )}
                     </Space>
@@ -1192,7 +1103,8 @@ export function NodePropertyPanel({
                 }}
               >
                 <Text style={{ fontSize: 13 }}>
-                  🔗 引用实例: {node.instanceRef.instanceCode}
+                  {t('editor.referencedInstance')}:{' '}
+                  {node.instanceRef.instanceCode}
                 </Text>
                 {currentNodeType?.instancePolicy === 'OPTIONAL' && (
                   <Button
@@ -1200,40 +1112,25 @@ export function NodePropertyPanel({
                     icon={<DisconnectOutlined />}
                     onClick={handleDetachReference}
                   >
-                    解除引用
+                    {t('editor.detach')}
                   </Button>
                 )}
               </div>
             )}
             {node.instanceRef && (
               <Text type="secondary" style={{ fontSize: 12 }}>
-                修改只会保存在当前 Workflow，不会修改 Node Template。
+                {t('editor.referenceHint')}
               </Text>
             )}
 
-            {/* Label */}
-            <div>
-              <Text
-                strong
-                style={{ fontSize: 14, display: 'block', marginBottom: 4 }}
-              >
-                {t('editor.label')}
-              </Text>
-              <Input
-                value={label}
-                onChange={(e) => handleLabelChange(e.target.value)}
-              />
-            </div>
-
             {/* Schema-driven config fields */}
-            {Object.keys(properties).length > 0 && (
+            {(Object.keys(properties).length > 0 || usesCustomConfigEditor) && (
               <div>
-                <Text
-                  strong
-                  style={{ fontSize: 14, display: 'block', marginBottom: 8 }}
-                >
-                  {t('editor.config')}
-                </Text>
+                {Object.keys(properties).length > 0 && (
+                  <Text className="workflow-node-config__section-title">
+                    {t('editor.parameters')}
+                  </Text>
+                )}
                 {usesCustomConfigEditor ? (
                   <Form
                     form={configForm}
@@ -1262,6 +1159,8 @@ export function NodePropertyPanel({
               </div>
             )}
 
+            <NodeOutputSummary node={node} nodeType={currentNodeType} />
+
             {/* Save section */}
             <div>
               {!node.instanceRef &&
@@ -1272,7 +1171,9 @@ export function NodePropertyPanel({
                       onChange={(e) => setAlsoSaveAsInstance(e.target.checked)}
                       style={{ marginBottom: 8 }}
                     >
-                      <Text style={{ fontSize: 13 }}>同时保存为实例(模版)</Text>
+                      <Text style={{ fontSize: 13 }}>
+                        {t('editor.saveAsInstance')}
+                      </Text>
                     </Checkbox>
                     {alsoSaveAsInstance && (
                       <Space
@@ -1283,13 +1184,13 @@ export function NodePropertyPanel({
                         <Input
                           value={newInstanceName}
                           onChange={(e) => setNewInstanceName(e.target.value)}
-                          placeholder="实例名称（必填）"
+                          placeholder={t('editor.instanceNamePlaceholder')}
                           size="small"
                         />
                         <Input
                           value={newInstanceDesc}
                           onChange={(e) => setNewInstanceDesc(e.target.value)}
-                          placeholder="描述（可选）"
+                          placeholder={t('common.optionalDescription')}
                           size="small"
                         />
                       </Space>
@@ -1319,13 +1220,13 @@ export function NodePropertyPanel({
               type="secondary"
               style={{ fontSize: 13, display: 'block', marginBottom: 8 }}
             >
-              描述复杂修改，AI 将更新此节点
+              {t('editor.aiEditHint')}
             </Text>
             <div style={{ display: 'flex', gap: 4 }}>
               <TextArea
                 value={prompt}
                 onChange={(e) => setPrompt(e.target.value)}
-                placeholder="例: 将超时改为30分钟..."
+                placeholder={t('editor.aiEditPlaceholder')}
                 autoSize={{ minRows: 4, maxRows: 8 }}
                 onPressEnter={(e) => {
                   if (e.ctrlKey) handleAiSubmit();
@@ -1341,7 +1242,7 @@ export function NodePropertyPanel({
               style={{ marginTop: 8 }}
               block
             >
-              发送
+              {t('editor.send')}
             </Button>
           </div>
         )}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/components/NodeTypeBadge.tsx

@@ -0,0 +1,36 @@
+import { useTranslation } from 'react-i18next';
+
+export function NodeTypeBadge({
+  type,
+  borderColor,
+}: {
+  type?: string;
+  borderColor: string;
+}) {
+  const { t } = useTranslation('workflow');
+  if (!type) return null;
+
+  const typeName = t(`nodeTypes.${type}`, { defaultValue: type });
+
+  return (
+    <div
+      style={{
+        display: 'inline-flex',
+        alignItems: 'center',
+        maxWidth: '100%',
+        marginBottom: 5,
+        padding: '1px 7px',
+        border: `1px solid ${borderColor}`,
+        borderRadius: 999,
+        background: 'rgba(255, 255, 255, 0.72)',
+        color: '#595959',
+        fontSize: 10,
+        fontWeight: 500,
+        lineHeight: '16px',
+        whiteSpace: 'nowrap',
+      }}
+    >
+      {t('nodeTypeBadge', { type: typeName })}
+    </div>
+  );
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/components/CreateNodeInstanceModal.tsx

@@ -41,15 +41,11 @@ const CATEGORY_PROMPT_CONFIG: Record<
     scenarioHint:
       'This is a condition/branching node. Generate config for evaluating conditions to decide the flow path.',
   },
-  LOOP: {
-    placeholder: 'e.g. Iterate over the "items" array field with concurrency 3',
-    scenarioHint:
-      'This is a loop node. Generate config for iterating over data collections.',
-  },
   FLOW_CONTROL: {
-    placeholder: 'e.g. Wait 30 seconds before proceeding to the next step',
+    placeholder:
+      'e.g. Wait 30 seconds, iterate over items, or run branches in parallel',
     scenarioHint:
-      'This is a flow control node. Generate config for managing execution flow (delay, parallel, error handling).',
+      'This is a flow control node. Generate config for waiting, iteration, or parallel execution.',
   },
   APPROVAL: {
     placeholder:
@@ -59,9 +55,8 @@ const CATEGORY_PROMPT_CONFIG: Record<
   },
   SUB_WORKFLOW: {
     placeholder:
-      'e.g. Call the "order-processing" workflow and wait for completion',
-    scenarioHint:
-      'This is a sub-workflow node. Generate config for invoking another workflow as a child process.',
+      'e.g. Call the "order-processing" Workflow and wait for its return value',
+    scenarioHint: 'This node defines or performs an internal Workflow call.',
   },
 };