@gadmin2n/schematics 0.0.138 → 0.0.140

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

@@ -0,0 +1,179 @@
+import { Input, InputNumber, Select, Space, Typography } from 'antd';
+import { useTranslation } from 'react-i18next';
+import {
+  bindingPreview,
+  type FixedValueType,
+  type ParameterBinding,
+} from '../types/parameter-binding';
+
+export type SystemDataOption = {
+  value: string;
+  label: string;
+};
+
+export function ParameterBindingEditor({
+  name,
+  defaultPath = name,
+  value: suppliedValue,
+  disabled,
+  error,
+  systemOptions = [],
+  onChange = () => undefined,
+}: {
+  name: string;
+  defaultPath?: string;
+  value?: ParameterBinding;
+  disabled?: boolean;
+  error?: string;
+  systemOptions?: SystemDataOption[];
+  onChange?(value: ParameterBinding): void;
+}) {
+  const { t } = useTranslation('workflow');
+  const value: ParameterBinding = suppliedValue ?? {
+    source: 'WORKFLOW',
+    path: defaultPath,
+  };
+  const fixedBinding =
+    value.source === 'FIXED'
+      ? value
+      : ({ source: 'FIXED', valueType: 'STRING', value: '' } as const);
+
+  return (
+    <Space direction="vertical" size={6} style={{ width: '100%' }}>
+      <Select
+        aria-label={t('binding.sourceAria', { name })}
+        value={value.source}
+        disabled={disabled}
+        options={[
+          { value: 'INPUT', label: t('binding.sources.input') },
+          { value: 'WORKFLOW', label: t('binding.sources.workflow') },
+          ...(systemOptions.length > 0
+            ? [{ value: 'SYSTEM', label: t('binding.sources.system') }]
+            : []),
+          { value: 'FIXED', label: t('binding.sources.fixed') },
+        ]}
+        onChange={(source) =>
+          onChange(
+            source === 'FIXED'
+              ? { source: 'FIXED', valueType: 'STRING', value: '' }
+              : source === 'SYSTEM'
+                ? { source: 'SYSTEM', path: systemOptions[0]?.value ?? '' }
+                : { source, path: defaultPath },
+          )
+        }
+        style={{ width: '100%' }}
+      />
+      {value.source === 'SYSTEM' ? (
+        <Select
+          aria-label={t('binding.systemValueAria', { name })}
+          value={value.path || undefined}
+          status={error ? 'error' : undefined}
+          disabled={disabled}
+          placeholder={t('binding.systemValuePlaceholder')}
+          options={systemOptions}
+          onChange={(path) => onChange({ source: 'SYSTEM', path })}
+          style={{ width: '100%' }}
+        />
+      ) : value.source === 'INPUT' || value.source === 'WORKFLOW' ? (
+        <>
+          <Input
+            aria-label={t('binding.pathAria', { name })}
+            addonBefore={value.source === 'INPUT' ? 'input.' : 'workflow.'}
+            value={value.path}
+            status={error ? 'error' : undefined}
+            disabled={disabled}
+            placeholder={name}
+            onChange={(event) =>
+              onChange({ source: value.source, path: event.target.value })
+            }
+          />
+          <Typography.Text type="secondary" code style={{ fontSize: 12 }}>
+            {bindingPreview(value)}
+          </Typography.Text>
+        </>
+      ) : (
+        <div
+          style={{
+            display: 'grid',
+            gridTemplateColumns: '130px minmax(0, 1fr)',
+            gap: 8,
+          }}
+        >
+          <Select<FixedValueType>
+            aria-label={t('binding.fixedTypeAria', { name })}
+            value={fixedBinding.valueType}
+            disabled={disabled}
+            options={[
+              { value: 'STRING', label: t('binding.types.string') },
+              { value: 'NUMBER', label: t('binding.types.number') },
+              { value: 'BOOLEAN', label: t('binding.types.boolean') },
+              { value: 'JSON', label: t('binding.types.json') },
+            ]}
+            onChange={(valueType) =>
+              onChange({
+                source: 'FIXED',
+                valueType,
+                value: valueType === 'BOOLEAN' ? 'true' : '',
+              })
+            }
+          />
+          {fixedBinding.valueType === 'BOOLEAN' ? (
+            <Select
+              aria-label={t('binding.fixedValueAria', { name })}
+              value={fixedBinding.value}
+              disabled={disabled}
+              options={[
+                { value: 'true', label: t('binding.boolean.true') },
+                { value: 'false', label: t('binding.boolean.false') },
+              ]}
+              onChange={(fixedValue) =>
+                onChange({ ...fixedBinding, value: fixedValue })
+              }
+            />
+          ) : fixedBinding.valueType === 'NUMBER' ? (
+            <InputNumber
+              aria-label={t('binding.fixedValueAria', { name })}
+              value={
+                fixedBinding.value === '' ? null : Number(fixedBinding.value)
+              }
+              status={error ? 'error' : undefined}
+              disabled={disabled}
+              onChange={(fixedValue) =>
+                onChange({
+                  ...fixedBinding,
+                  value: fixedValue === null ? '' : String(fixedValue),
+                })
+              }
+              style={{ width: '100%' }}
+            />
+          ) : (
+            <Input.TextArea
+              aria-label={t('binding.fixedValueAria', { name })}
+              value={fixedBinding.value}
+              status={error ? 'error' : undefined}
+              disabled={disabled}
+              autoSize={
+                fixedBinding.valueType === 'JSON'
+                  ? { minRows: 2, maxRows: 6 }
+                  : true
+              }
+              placeholder={
+                fixedBinding.valueType === 'JSON'
+                  ? '{"key":"value"}'
+                  : undefined
+              }
+              onChange={(event) =>
+                onChange({ ...fixedBinding, value: event.target.value })
+              }
+            />
+          )}
+        </div>
+      )}
+      {error && (
+        <Typography.Text type="danger" style={{ fontSize: 12 }}>
+          {error}
+        </Typography.Text>
+      )}
+    </Space>
+  );
+}

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

@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { Button, Input, message, Modal, Typography } from 'antd';
 import { PlayCircleOutlined } from '@ant-design/icons';
 import { customRequest } from 'helpers/http';
+import { useTranslation } from 'react-i18next';
 
 const { Text } = Typography;
 
@@ -16,19 +17,20 @@ export function RunWorkflowModal({
   workflowName,
   onSuccess,
 }: RunWorkflowModalProps) {
+  const { t } = useTranslation('workflow');
   const [open, setOpen] = useState(false);
-  const [contextJson, setContextJson] = useState('{}');
+  const [workflowJson, setWorkflowJson] = useState('{}');
   const [loading, setLoading] = useState(false);
   const [jsonError, setJsonError] = useState<string | null>(null);
 
   const handleOpen = () => {
     setOpen(true);
-    setContextJson('{}');
+    setWorkflowJson('{}');
     setJsonError(null);
   };
 
-  const handleContextChange = (value: string) => {
-    setContextJson(value);
+  const handleWorkflowChange = (value: string) => {
+    setWorkflowJson(value);
     try {
       JSON.parse(value);
       setJsonError(null);
@@ -38,11 +40,11 @@ export function RunWorkflowModal({
   };
 
   const handleExecute = async () => {
-    let context: Record<string, any>;
+    let workflow: Record<string, any>;
     try {
-      context = JSON.parse(contextJson);
+      workflow = JSON.parse(workflowJson);
     } catch {
-      message.error('Invalid JSON input');
+      message.error(t('run.invalidJson'));
       return;
     }
 
@@ -51,13 +53,13 @@ export function RunWorkflowModal({
       const res = await customRequest<{ instanceId: string }>(
         `workflow/${workflowId}/execute`,
         'POST',
-        { context },
+        { workflow },
       );
-      message.success('Workflow execution started');
+      message.success(t('run.started'));
       setOpen(false);
       onSuccess?.(res.instanceId);
     } catch (e: any) {
-      message.error(e?.message || 'Failed to execute workflow');
+      message.error(e?.message || t('run.failed'));
     } finally {
       setLoading(false);
     }
@@ -66,24 +68,24 @@ export function RunWorkflowModal({
   return (
     <>
       <Button type="primary" icon={<PlayCircleOutlined />} onClick={handleOpen}>
-        Run
+        {t('run.run')}
       </Button>
       <Modal
-        title={`Run: ${workflowName}`}
+        title={t('run.runNamed', { name: workflowName })}
         open={open}
         onCancel={() => setOpen(false)}
         onOk={handleExecute}
         confirmLoading={loading}
-        okText="Execute"
+        okText={t('run.execute')}
         okButtonProps={{ disabled: !!jsonError }}
       >
         <Text type="secondary" style={{ display: 'block', marginBottom: 8 }}>
-          Input context (JSON). This data will be available to all nodes.
+          {t('run.workflowData')}
         </Text>
         <Input.TextArea
           rows={8}
-          value={contextJson}
-          onChange={(e) => handleContextChange(e.target.value)}
+          value={workflowJson}
+          onChange={(e) => handleWorkflowChange(e.target.value)}
           style={{ fontFamily: 'monospace', fontSize: 13 }}
           status={jsonError ? 'error' : undefined}
         />

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Card, Col, Row, Tooltip, Typography } from 'antd';
 import type { WorkflowOverview } from '../types';
+import { useTranslation } from 'react-i18next';
 
 const { Text } = Typography;
 
@@ -20,6 +21,7 @@ interface Props {
 }
 
 export function StatusCards({ overview, activeFilter, onFilter }: Props) {
+  const { t } = useTranslation('workflow');
   if (!overview) return null;
 
   const handleClick = (key: string) => {
@@ -38,18 +40,18 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
       <Col flex="1">
         <Card size="small" style={cardStyle()}>
           <Text type="secondary" style={{ fontSize: 14 }}>
-            Total Runs
+            {t('status.totalRuns')}
           </Text>
           <div style={{ display: 'flex', alignItems: 'baseline', gap: 6 }}>
             <span style={{ fontSize: 24, fontWeight: 600, lineHeight: 1.3 }}>
               {overview.totalRuns.last24h}
             </span>
             <Text type="secondary" style={{ fontSize: 12 }}>
-              24H
+              {t('status.last24h')}
             </Text>
           </div>
           <Text type="secondary" style={{ fontSize: 12 }}>
-            Total: {overview.totalRuns.total}
+            {t('status.total')}: {overview.totalRuns.total}
           </Text>
         </Card>
       </Col>
@@ -58,7 +60,7 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
       <Col flex="1">
         <Card size="small" style={cardStyle()}>
           <Text type="secondary" style={{ fontSize: 14 }}>
-            Success Rate
+            {t('status.successRate')}
           </Text>
           <div style={{ display: 'flex', alignItems: 'baseline', gap: 6 }}>
             <span
@@ -72,11 +74,11 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
               {overview.successRate.last24h}%
             </span>
             <Text type="secondary" style={{ fontSize: 12 }}>
-              24H
+              {t('status.last24h')}
             </Text>
           </div>
           <Text type="secondary" style={{ fontSize: 12 }}>
-            Total: {overview.successRate.total}%
+            {t('status.total')}: {overview.successRate.total}%
           </Text>
         </Card>
       </Col>
@@ -90,7 +92,7 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
           style={cardStyle('FAILED')}
         >
           <Text type="secondary" style={{ fontSize: 14 }}>
-            Failed
+            {t('status.failed')}
           </Text>
           <div style={{ display: 'flex', alignItems: 'baseline', gap: 6 }}>
             <span
@@ -104,11 +106,11 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
               {overview.failed.last24h}
             </span>
             <Text type="secondary" style={{ fontSize: 12 }}>
-              24H
+              {t('status.last24h')}
             </Text>
           </div>
           <Text type="secondary" style={{ fontSize: 12 }}>
-            Total: {overview.failed.total}
+            {t('status.total')}: {overview.failed.total}
           </Text>
         </Card>
       </Col>
@@ -119,28 +121,30 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
           title={
             <>
               <div>
-                Avg (24H): {formatDuration(overview.duration.last24h.avg)}
+                {t('status.average24h')}:{' '}
+                {formatDuration(overview.duration.last24h.avg)}
               </div>
               <div>
-                Avg (Total): {formatDuration(overview.duration.total.avg)}
+                {t('status.averageTotal')}:{' '}
+                {formatDuration(overview.duration.total.avg)}
               </div>
             </>
           }
         >
           <Card size="small" style={cardStyle()}>
             <Text type="secondary" style={{ fontSize: 14 }}>
-              Duration (P95)
+              {t('status.durationP95')}
             </Text>
             <div style={{ display: 'flex', alignItems: 'baseline', gap: 6 }}>
               <span style={{ fontSize: 24, fontWeight: 600, lineHeight: 1.3 }}>
                 {formatDuration(overview.duration.last24h.p95)}
               </span>
               <Text type="secondary" style={{ fontSize: 12 }}>
-                24H
+                {t('status.last24h')}
               </Text>
             </div>
             <Text type="secondary" style={{ fontSize: 12 }}>
-              Total: {formatDuration(overview.duration.total.p95)}
+              {t('status.total')}: {formatDuration(overview.duration.total.p95)}
             </Text>
           </Card>
         </Tooltip>
@@ -155,7 +159,7 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
           style={cardStyle('RUNNING')}
         >
           <Text type="secondary" style={{ fontSize: 14 }}>
-            Running
+            {t('status.running')}
           </Text>
           <div
             style={{
@@ -179,7 +183,7 @@ export function StatusCards({ overview, activeFilter, onFilter }: Props) {
           style={cardStyle('PENDING')}
         >
           <Text type="secondary" style={{ fontSize: 14 }}>
-            Pending
+            {t('status.pending')}
           </Text>
           <div
             style={{

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

@@ -2,6 +2,7 @@ import React from 'react';
 import { Button, Card, Space, Tag, Timeline, Tooltip, Typography } from 'antd';
 import { RollbackOutlined } from '@ant-design/icons';
 import type { WorkflowVersion } from '../types';
+import { useTranslation } from 'react-i18next';
 
 const { Text } = Typography;
 
@@ -18,10 +19,11 @@ export function VersionPanel({
   onSelectVersion,
   onRollback,
 }: Props) {
+  const { t } = useTranslation('workflow');
   if (versions.length === 0) {
     return (
-      <Card size="small" title="Versions" style={{ width: 260 }}>
-        <Text type="secondary">No published versions yet.</Text>
+      <Card size="small" title={t('version.title')} style={{ width: 260 }}>
+        <Text type="secondary">{t('version.empty')}</Text>
       </Card>
     );
   }
@@ -29,7 +31,7 @@ export function VersionPanel({
   return (
     <Card
       size="small"
-      title="Versions"
+      title={t('version.title')}
       style={{
         width: 260,
         overflowY: 'auto',
@@ -52,7 +54,7 @@ export function VersionPanel({
                     v{v.version}
                   </Tag>
                   {v.version !== currentVersion && (
-                    <Tooltip title="Rollback to this version">
+                    <Tooltip title={t('version.rollback')}>
                       <Button
                         size="small"
                         type="text"

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/connections/ConnectionModal.test.tsx

@@ -0,0 +1,68 @@
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { customRequest } from 'helpers/http';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import i18n from '../../../i18n';
+import { ConnectionModal } from './ConnectionModal';
+
+vi.mock('helpers/http', () => ({ customRequest: vi.fn() }));
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: () => ({
+    matches: false,
+    addListener: () => undefined,
+    removeListener: () => undefined,
+    addEventListener: () => undefined,
+    removeEventListener: () => undefined,
+    dispatchEvent: () => false,
+  }),
+});
+
+describe('ConnectionModal', () => {
+  beforeEach(async () => {
+    await i18n.changeLanguage('zh_CN');
+    vi.mocked(customRequest).mockResolvedValue({} as never);
+    const getComputedStyle = window.getComputedStyle.bind(window);
+    vi.spyOn(window, 'getComputedStyle').mockImplementation((element) =>
+      getComputedStyle(element),
+    );
+  });
+
+  afterEach(() => vi.restoreAllMocks());
+
+  it('collects Tencent TOF credentials as protected connection fields', async () => {
+    const user = userEvent.setup();
+    render(<ConnectionModal open onCancel={vi.fn()} onSaved={vi.fn()} />);
+
+    await user.click(screen.getByLabelText('认证方式'));
+    await user.click(screen.getByText('腾讯 TOF 签名'));
+
+    await user.type(screen.getByLabelText('名称'), '企微消息网关');
+    await user.type(
+      screen.getByLabelText('基础 URL'),
+      'https://api-idc.sgw.woa.com/ebus/tof4_msg/api/v1/Message',
+    );
+    await user.type(screen.getByLabelText('PAAS ID'), 'paas-id');
+    const tokenInput = screen.getByLabelText('PAAS Token');
+    expect(tokenInput).toHaveAttribute('type', 'password');
+    await user.type(tokenInput, 'paas-token');
+    await user.click(screen.getByRole('button', { name: '创建并使用' }));
+
+    await waitFor(() =>
+      expect(customRequest).toHaveBeenCalledWith(
+        'integration-connections',
+        'POST',
+        expect.objectContaining({
+          authType: 'API_KEY',
+          publicConfig: {
+            defaultHeaders: {},
+            signatureType: 'TENCENT_TOF',
+            paasId: 'paas-id',
+          },
+          secretConfig: { apiKey: 'paas-token' },
+        }),
+      ),
+    );
+  });
+});