@gadmin2n/schematics 0.0.144 → 0.0.146

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

@@ -0,0 +1,101 @@
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
+import { Button, Input, Space, Typography } from 'antd';
+import { useTranslation } from 'react-i18next';
+import type { WidgetProps } from '../schema-form/widget-registry';
+
+type ParallelBranch = { id: string; label: string };
+type ParallelConfig = { branches: ParallelBranch[] };
+
+function newBranch(index: number): ParallelBranch {
+  return {
+    id: `branch-${crypto.randomUUID()}`,
+    label: `分支 ${index}`,
+  };
+}
+
+export function ParallelConfigEditor({
+  value,
+  onChange,
+  disabled,
+}: WidgetProps<ParallelConfig | undefined>) {
+  const { t } = useTranslation('workflow');
+  const branches = value?.branches ?? [newBranch(0), newBranch(1)];
+
+  return (
+    <Space
+      className="parallel-config"
+      direction="vertical"
+      size={12}
+      style={{ width: '100%' }}
+    >
+      <div className="parallel-config__intro">
+        <Typography.Text strong>
+          {t('nodeEditors.parallel.branches')}
+        </Typography.Text>
+        <Typography.Text type="secondary">
+          {t('nodeEditors.parallel.description')}
+        </Typography.Text>
+      </div>
+      <div className="parallel-config__branch-list">
+        {branches.map((branch, index) => (
+          <div key={branch.id} className="parallel-config__branch">
+            <div className="parallel-config__branch-head">
+              <Typography.Text strong>
+                {t('nodeEditors.parallel.branch', { number: index })}
+              </Typography.Text>
+              <Button
+                type="text"
+                danger
+                icon={<DeleteOutlined />}
+                aria-label={t('nodeEditors.parallel.deleteBranch', {
+                  number: index,
+                })}
+                disabled={disabled}
+                onClick={() =>
+                  onChange({
+                    branches: branches.filter((item) => item.id !== branch.id),
+                  })
+                }
+              />
+            </div>
+            <Typography.Text className="parallel-config__field-label">
+              {t('nodeEditors.parallel.branchName')}
+            </Typography.Text>
+            <Input
+              aria-label={t('nodeEditors.parallel.branchNameWithNumber', {
+                number: index,
+              })}
+              placeholder={t('nodeEditors.parallel.branchNamePlaceholder')}
+              value={branch.label}
+              disabled={disabled}
+              onChange={(event) =>
+                onChange({
+                  branches: branches.map((item) =>
+                    item.id === branch.id
+                      ? { ...item, label: event.target.value }
+                      : item,
+                  ),
+                })
+              }
+            />
+            <Typography.Text type="secondary" className="parallel-config__hint">
+              {t('nodeEditors.parallel.branchNameHelp')}
+            </Typography.Text>
+          </div>
+        ))}
+      </div>
+      <Button
+        className="workflow-panel-action"
+        icon={<PlusOutlined />}
+        disabled={disabled}
+        onClick={() =>
+          onChange({
+            branches: [...branches, newBranch(branches.length)],
+          })
+        }
+      >
+        {t('nodeEditors.parallel.addBranch')}
+      </Button>
+    </Space>
+  );
+}

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

@@ -0,0 +1,99 @@
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
+import { Button, Input, Space, Typography } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { ParameterBindingEditor } from '../../components/ParameterBindingEditor';
+import type { ParameterBinding } from '../../types/parameter-binding';
+
+export function ParameterBindingListEditor({
+  value = [],
+  onChange,
+  disabled,
+  addLabel,
+  startIndex = 1,
+}: {
+  value?: ParameterBinding[];
+  onChange(value: ParameterBinding[]): void;
+  disabled?: boolean;
+  addLabel: string;
+  startIndex?: number;
+}) {
+  const { t } = useTranslation('workflow');
+
+  return (
+    <Space direction="vertical" size={10} style={{ width: '100%' }}>
+      {value.length > 0 && (
+        <div
+          style={{
+            display: 'grid',
+            gridTemplateColumns:
+              'minmax(140px, 0.65fr) minmax(280px, 1.6fr) 32px',
+            gap: 8,
+            marginBottom: -2,
+          }}
+        >
+          <Typography.Text type="secondary">
+            {t('nodeEditors.database.parameter')}
+          </Typography.Text>
+          <Typography.Text type="secondary">
+            {t('nodeEditors.database.value')}
+          </Typography.Text>
+          <span />
+        </div>
+      )}
+      {value.map((binding, index) => {
+        const placeholder = `$${startIndex + index}`;
+        return (
+          <div
+            key={index}
+            style={{
+              display: 'grid',
+              gridTemplateColumns:
+                'minmax(140px, 0.65fr) minmax(280px, 1.6fr) 32px',
+              gap: 8,
+              alignItems: 'start',
+            }}
+          >
+            <Input
+              aria-label={`参数 ${placeholder}`}
+              value={placeholder}
+              readOnly
+              disabled
+            />
+            <ParameterBindingEditor
+              name={placeholder}
+              defaultPath=""
+              value={binding}
+              disabled={disabled}
+              onChange={(next) =>
+                onChange(value.map((item, i) => (i === index ? next : item)))
+              }
+            />
+            <Button
+              type="text"
+              danger
+              aria-label={`删除参数 ${placeholder}`}
+              icon={<DeleteOutlined />}
+              disabled={disabled}
+              onClick={() => onChange(value.filter((_, i) => i !== index))}
+            />
+          </div>
+        );
+      })}
+      <Button
+        type="dashed"
+        block
+        className="workflow-panel-action"
+        icon={<PlusOutlined />}
+        disabled={disabled}
+        onClick={() =>
+          onChange([
+            ...value,
+            { source: 'INPUT', path: '' } as ParameterBinding,
+          ])
+        }
+      >
+        {addLabel}
+      </Button>
+    </Space>
+  );
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/widgets/SimplifiedNodeEditors.test.tsx

@@ -0,0 +1,495 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+import i18n from '../../../../i18n';
+import { CronTriggerConfigEditor } from './CronTriggerConfigEditor';
+import {
+  DbExecuteConfigEditor,
+  isDatabaseSqlAllowed,
+} from './DbExecuteConfigEditor';
+import { EventTriggerConfigEditor } from './EventTriggerConfigEditor';
+import { ParallelConfigEditor } from './ParallelConfigEditor';
+
+vi.mock('./event-catalog.api', () => ({
+  eventCatalogApi: {
+    list: vi.fn().mockResolvedValue([
+      {
+        registrationCode: 'user-account-created',
+        label: '用户创建',
+        schemaName: 'public',
+        tableName: 't_user',
+        operation: 'INSERT',
+        watchedFields: ['id'],
+        primaryKeyFields: ['id'],
+        isEnabled: true,
+        fields: [
+          {
+            path: 'primaryKey.id',
+            label: '用户 ID',
+            type: 'number',
+            required: true,
+            primaryKey: true,
+            nullable: false,
+          },
+          {
+            path: 'after.flowType',
+            label: 'flowType',
+            type: 'string',
+            required: true,
+            primaryKey: false,
+            nullable: false,
+          },
+        ],
+        defaultKeyPath: 'primaryKey.id',
+      },
+      {
+        registrationCode: 'asset-disposal-submitted',
+        label: '硬件资产报废申请',
+        schemaName: 'public',
+        tableName: 't_hardware_asset',
+        operation: 'UPDATE',
+        watchedFields: ['status'],
+        primaryKeyFields: ['id'],
+        isEnabled: true,
+        fields: [
+          {
+            path: 'primaryKey.id',
+            label: 'id',
+            type: 'number',
+            required: true,
+            primaryKey: true,
+            nullable: false,
+          },
+          {
+            path: 'after.status',
+            label: 'status',
+            type: 'string',
+            required: true,
+            primaryKey: false,
+            nullable: false,
+          },
+        ],
+        defaultKeyPath: 'primaryKey.id',
+      },
+    ]),
+  },
+}));
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: () => ({
+    matches: false,
+    addListener: () => undefined,
+    removeListener: () => undefined,
+    addEventListener: () => undefined,
+    removeEventListener: () => undefined,
+    dispatchEvent: () => false,
+  }),
+});
+
+const schema = { type: 'object' as const };
+
+describe('simplified workflow node editors', () => {
+  it('configures a schedule without exposing technical expressions', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <CronTriggerConfigEditor
+        value={{ cronExpressions: ['0 9 * * 1-5'], timezone: 'Asia/Shanghai' }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(
+      screen.getByRole('combobox', { name: '执行频率' }),
+    ).toBeInTheDocument();
+    expect(screen.getByText('每个工作日')).toBeInTheDocument();
+    expect(screen.getByRole('textbox', { name: '执行时间 1' })).toHaveValue(
+      '09:00',
+    );
+    expect(screen.getByRole('combobox', { name: '时区' })).toBeInTheDocument();
+
+    expect(screen.queryByText(/Cron|表达式/i)).not.toBeInTheDocument();
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: '执行频率' }));
+    fireEvent.click(await screen.findByText('每周'));
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0 9 * * 1'],
+      timezone: 'Asia/Shanghai',
+    });
+  });
+
+  it('configures multiple months and times in one yearly schedule', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <CronTriggerConfigEditor
+        value={{
+          cronExpressions: ['0 9 1 1,7 *', '30 18 1 1,7 *'],
+          timezone: 'Asia/Shanghai',
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByText('每年指定月份')).toBeInTheDocument();
+    expect(
+      screen.getByRole('combobox', { name: '执行月份' }),
+    ).toBeInTheDocument();
+    expect(screen.getByText('1 月')).toBeInTheDocument();
+    expect(screen.getByText('7 月')).toBeInTheDocument();
+    expect(screen.getByRole('textbox', { name: '执行时间 1' })).toHaveValue(
+      '09:00',
+    );
+    expect(screen.getByRole('textbox', { name: '执行时间 2' })).toHaveValue(
+      '18:30',
+    );
+    expect(
+      screen.queryByText('当前计划需要重新选择执行频率。'),
+    ).not.toBeInTheDocument();
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: '执行月份' }));
+    fireEvent.click(await screen.findByText('2 月'));
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0 9 1 1,2,7 *', '30 18 1 1,2,7 *'],
+      timezone: 'Asia/Shanghai',
+    });
+  });
+
+  it('configures multiple minutes in every hour', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <CronTriggerConfigEditor
+        value={{
+          cronExpressions: ['0,30 * * * *'],
+          timezone: 'Asia/Shanghai',
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByText('每小时第 0 分钟')).toBeInTheDocument();
+    expect(screen.getByText('每小时第 30 分钟')).toBeInTheDocument();
+
+    fireEvent.mouseDown(
+      screen.getByRole('combobox', { name: '每小时执行分钟' }),
+    );
+    fireEvent.click(await screen.findByText('每小时第 1 分钟'));
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0,1,30 * * * *'],
+      timezone: 'Asia/Shanghai',
+    });
+  });
+
+  it('configures multiple run times in one daily schedule', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <CronTriggerConfigEditor
+        value={{
+          cronExpressions: ['0 9 * * *', '30 18 * * *'],
+          timezone: 'Asia/Shanghai',
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByRole('textbox', { name: '执行时间 1' })).toHaveValue(
+      '09:00',
+    );
+    expect(screen.getByRole('textbox', { name: '执行时间 2' })).toHaveValue(
+      '18:30',
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '添加执行时间' }));
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0 9 * * *', '30 18 * * *', '30 19 * * *'],
+      timezone: 'Asia/Shanghai',
+    });
+  });
+
+  it('configures multiple run days and times in one monthly schedule', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <CronTriggerConfigEditor
+        value={{
+          cronExpressions: ['0 9 1,15 * *', '30 18 1,15 * *'],
+          timezone: 'Asia/Shanghai',
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByText('每月 1 日')).toBeInTheDocument();
+    expect(screen.getByText('每月 15 日')).toBeInTheDocument();
+    expect(screen.getByRole('textbox', { name: '执行时间 2' })).toHaveValue(
+      '18:30',
+    );
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: '执行日期' }));
+    fireEvent.click(await screen.findByText('每月 2 日'));
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0 9 1,2,15 * *', '30 18 1,2,15 * *'],
+      timezone: 'Asia/Shanghai',
+    });
+  });
+
+  it('configures multiple weekdays and times in one weekly schedule', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <CronTriggerConfigEditor
+        value={{
+          cronExpressions: ['0 9 * * 1,3,5', '30 18 * * 1,3,5'],
+          timezone: 'Asia/Shanghai',
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByText('星期一')).toBeInTheDocument();
+    expect(screen.getByText('星期三')).toBeInTheDocument();
+    expect(screen.getByText('星期五')).toBeInTheDocument();
+    expect(screen.getByRole('textbox', { name: '执行时间 2' })).toHaveValue(
+      '18:30',
+    );
+
+    fireEvent.mouseDown(screen.getByRole('combobox', { name: '执行日期' }));
+    fireEvent.click(await screen.findByText('星期二'));
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0 9 * * 1,2,3,5', '30 18 * * 1,2,3,5'],
+      timezone: 'Asia/Shanghai',
+    });
+  });
+
+  it('configures multiple times on weekdays', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <CronTriggerConfigEditor
+        value={{
+          cronExpressions: ['0 9 * * 1-5', '30 18 * * 1-5'],
+          timezone: 'Asia/Shanghai',
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByRole('textbox', { name: '执行时间 1' })).toHaveValue(
+      '09:00',
+    );
+    expect(screen.getByRole('textbox', { name: '执行时间 2' })).toHaveValue(
+      '18:30',
+    );
+
+    fireEvent.click(screen.getByRole('button', { name: '添加执行时间' }));
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0 9 * * 1-5', '30 18 * * 1-5', '30 19 * * 1-5'],
+      timezone: 'Asia/Shanghai',
+    });
+  });
+
+  it('allows a run time and the optional timezone to be cleared', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    const { container, rerender } = render(
+      <CronTriggerConfigEditor
+        value={{ cronExpressions: ['0 9 * * *'], timezone: 'Asia/Shanghai' }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    fireEvent.click(container.querySelector('.ant-picker-clear')!);
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: [],
+      timezone: 'Asia/Shanghai',
+    });
+
+    fireEvent.mouseDown(container.querySelector('.ant-select-clear')!);
+    expect(onChange).toHaveBeenCalledWith({
+      cronExpressions: ['0 9 * * *'],
+    });
+
+    rerender(
+      <CronTriggerConfigEditor
+        value={{ cronExpressions: [] }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+    expect(
+      screen.queryByRole('textbox', { name: '执行时间 1' }),
+    ).not.toBeInTheDocument();
+  });
+
+  it('checks SQL against the node write permission', () => {
+    expect(isDatabaseSqlAllowed(' SELECT * FROM users', false)).toBe(true);
+    expect(
+      isDatabaseSqlAllowed(
+        'WITH active AS (SELECT 1) SELECT * FROM active',
+        false,
+      ),
+    ).toBe(true);
+    expect(isDatabaseSqlAllowed('UPDATE users SET active = true', false)).toBe(
+      false,
+    );
+    expect(isDatabaseSqlAllowed('UPDATE users SET active = true', true)).toBe(
+      true,
+    );
+    expect(
+      isDatabaseSqlAllowed(
+        'WITH changed AS (UPDATE requests SET status = $1 RETURNING id) UPDATE assets SET state = $2 WHERE request_id IN (SELECT id FROM changed)',
+        true,
+      ),
+    ).toBe(true);
+    expect(
+      isDatabaseSqlAllowed(
+        'WITH changed AS (UPDATE requests SET status = $1 RETURNING id) UPDATE assets SET state = $2 WHERE request_id IN (SELECT id FROM changed)',
+        false,
+      ),
+    ).toBe(false);
+    expect(isDatabaseSqlAllowed('DROP TABLE users', true)).toBe(false);
+  });
+
+  it('explains the zero-based Parallel branch result array', async () => {
+    await i18n.changeLanguage('zh_CN');
+    render(
+      <ParallelConfigEditor
+        value={{
+          branches: [
+            { id: 'notify', label: '发送通知' },
+            { id: 'sync', label: '同步资产' },
+          ],
+        }}
+        onChange={vi.fn()}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByDisplayValue('发送通知')).toBeInTheDocument();
+    expect(screen.queryByText('input.branch')).not.toBeInTheDocument();
+    expect(
+      screen.getAllByText(
+        '填写这条分支负责的工作，例如“发送通知”。名称用于在画布和执行结果中区分分支。',
+      ),
+    ).toHaveLength(2);
+    expect(screen.queryByText('画布连接')).not.toBeInTheDocument();
+  });
+
+  it('selects a registered business event without requiring an Outbox name', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <EventTriggerConfigEditor
+        value={{ registrationCode: '', processingMode: 'PARALLEL' }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    fireEvent.mouseDown(
+      await screen.findByRole('combobox', { name: '业务事件' }),
+    );
+    fireEvent.click(await screen.findByText('用户创建'));
+
+    expect(onChange).toHaveBeenCalledWith({
+      registrationCode: 'user-account-created',
+      processingMode: 'PARALLEL',
+    });
+  });
+
+  it('selects another business event registered in the catalog', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <EventTriggerConfigEditor
+        value={{ registrationCode: '', processingMode: 'PARALLEL' }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    fireEvent.mouseDown(
+      await screen.findByRole('combobox', { name: '业务事件' }),
+    );
+    fireEvent.click(await screen.findByText('硬件资产报废申请'));
+
+    expect(onChange).toHaveBeenCalledWith({
+      registrationCode: 'asset-disposal-submitted',
+      processingMode: 'PARALLEL',
+    });
+  });
+
+  it('adds a typed start condition for the selected event', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <EventTriggerConfigEditor
+        value={{
+          registrationCode: 'asset-disposal-submitted',
+          processingMode: 'PARALLEL',
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    fireEvent.click(await screen.findByText('满足条件时启动'));
+
+    expect(onChange).toHaveBeenLastCalledWith({
+      registrationCode: 'asset-disposal-submitted',
+      processingMode: 'PARALLEL',
+      match: {
+        combineOperation: 'AND',
+        conditions: [
+          {
+            id: expect.stringMatching(/^condition-/),
+            left: { source: 'WORKFLOW', path: 'after.status' },
+            operator: 'EQ',
+            right: { source: 'FIXED', valueType: 'STRING', value: '' },
+          },
+        ],
+      },
+    });
+  });
+
+  it('uses one SQL editor with a write permission switch', async () => {
+    await i18n.changeLanguage('zh_CN');
+    const onChange = vi.fn();
+    render(
+      <DbExecuteConfigEditor
+        value={{
+          allowWrite: false,
+          sql: 'SELECT * FROM users WHERE id = $1',
+          parameters: [{ source: 'INPUT', path: 'userId' }],
+        }}
+        onChange={onChange}
+        schema={schema}
+      />,
+    );
+
+    expect(screen.getByRole('textbox', { name: 'SQL 语句' })).toHaveValue(
+      'SELECT * FROM users WHERE id = $1',
+    );
+    expect(screen.getByRole('textbox', { name: '参数 $1' })).toBeDisabled();
+    expect(screen.getByRole('textbox', { name: '参数 $1' })).toHaveValue('$1');
+    expect(screen.getByText('参数')).toBeInTheDocument();
+    expect(screen.getByText('值')).toBeInTheDocument();
+    expect(screen.getByDisplayValue('userId')).toBeInTheDocument();
+    fireEvent.click(screen.getByRole('switch', { name: '允许写入' }));
+    expect(onChange).toHaveBeenCalledWith({
+      allowWrite: true,
+      sql: 'SELECT * FROM users WHERE id = $1',
+      parameters: [{ source: 'INPUT', path: 'userId' }],
+    });
+  });
+});