@gadmin2n/schematics 0.0.144 → 0.0.146

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/workflow-ui.css

@@ -0,0 +1,481 @@
+.workflow-page-stack {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  min-height: calc(100vh - 64px);
+  background: var(--ant-color-bg-layout);
+}
+
+.workflow-page-stack > .ant-card {
+  margin-bottom: 0 !important;
+}
+
+.workflow-workspace {
+  height: calc(100vh - 96px);
+  min-height: 560px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  overflow: hidden;
+  background: var(--ant-color-bg-layout);
+}
+
+.workflow-workspace__header {
+  flex-shrink: 0;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 10px;
+  background: var(--ant-color-bg-container);
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
+}
+
+.workflow-workspace__header-inner {
+  min-height: 58px;
+  padding: 10px 16px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+}
+
+.workflow-workspace__identity,
+.workflow-workspace__actions,
+.workflow-workspace__title-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.workflow-workspace__identity {
+  flex: 1;
+}
+
+.workflow-workspace__heading {
+  min-width: 0;
+}
+
+.workflow-workspace__eyebrow {
+  display: block;
+  margin-bottom: 1px;
+  color: var(--ant-color-text-tertiary);
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  line-height: 1.2;
+  text-transform: uppercase;
+}
+
+.workflow-workspace__title {
+  margin: 0 !important;
+  overflow: hidden;
+  font-size: 17px !important;
+  line-height: 1.45 !important;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.workflow-workspace__toolbar {
+  min-height: 46px;
+  padding: 6px 8px 6px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-shrink: 0;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 10px;
+  background: var(--ant-color-bg-container);
+  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
+}
+
+.workflow-workspace__view-switcher,
+.workflow-workspace__toolbar-actions {
+  display: flex;
+  align-items: center;
+}
+
+.workflow-workspace__view-switcher {
+  gap: 10px;
+}
+
+.workflow-workspace__toolbar-label {
+  color: var(--ant-color-text-secondary);
+  font-size: 12px;
+  font-weight: 600;
+  white-space: nowrap;
+}
+
+.workflow-workspace__segmented.ant-segmented {
+  padding: 3px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: var(--ant-color-fill-tertiary);
+}
+
+.workflow-workspace__segmented .ant-segmented-item {
+  min-width: 82px;
+  border-radius: 6px;
+  color: var(--ant-color-text-secondary);
+}
+
+.workflow-workspace__segmented .ant-segmented-item-selected {
+  color: var(--ant-color-primary);
+  font-weight: 600;
+}
+
+.workflow-workspace__segmented .ant-segmented-item-label {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-height: 28px;
+  padding-inline: 11px;
+  line-height: 28px;
+}
+
+.workflow-workspace__toolbar-action.ant-btn,
+.workflow-workspace__clear.ant-btn {
+  min-height: 32px;
+  padding-inline: 10px;
+  border-radius: 7px;
+}
+
+.workflow-workspace__toolbar-action.ant-btn:hover {
+  background: var(--ant-color-fill-tertiary);
+}
+
+.workflow-workspace__clear.ant-btn {
+  background: color-mix(in srgb, var(--ant-color-error-bg) 72%, transparent);
+}
+
+.workflow-workspace__clear.ant-btn:hover {
+  background: var(--ant-color-error-bg) !important;
+}
+
+.workflow-workspace__body {
+  flex: 1;
+  display: flex;
+  min-height: 0;
+  overflow: hidden;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 10px;
+  background: var(--ant-color-bg-container);
+  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
+}
+
+.workflow-workspace__canvas {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  background:
+    radial-gradient(
+      circle at 20% 10%,
+      rgba(22, 119, 255, 0.035),
+      transparent 28%
+    ),
+    var(--ant-color-bg-container);
+}
+
+.workflow-dsl {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-dsl__shell {
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: var(--ant-color-bg-container);
+}
+
+.workflow-dsl__error {
+  min-height: 38px;
+  padding: 8px 14px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  border-bottom: 1px solid var(--ant-color-error-border);
+  background: var(--ant-color-error-bg);
+  color: var(--ant-color-error);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.workflow-canvas .react-flow__pane {
+  cursor: grab;
+}
+
+.workflow-canvas .react-flow__pane:active {
+  cursor: grabbing;
+}
+
+.workflow-canvas .react-flow__edge-path {
+  transition:
+    stroke 0.15s ease,
+    stroke-width 0.15s ease;
+}
+
+.workflow-canvas .react-flow__selection,
+.workflow-canvas .react-flow__nodesselection-rect {
+  border: 1px solid var(--ant-color-primary-border);
+  background: color-mix(in srgb, var(--ant-color-primary) 8%, transparent);
+}
+
+.workflow-node__delete {
+  position: absolute;
+  z-index: 10;
+  top: -13px;
+  right: -13px;
+  width: 26px;
+  height: 26px;
+  padding: 0;
+  border: 2px solid var(--ant-color-bg-container);
+  border-radius: 50%;
+  appearance: none;
+  background: #fa541c;
+  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.14);
+  color: #fff;
+  cursor: pointer;
+  line-height: 22px;
+  transition:
+    background 0.15s ease,
+    transform 0.15s ease;
+}
+
+.workflow-node__delete:hover {
+  background: #d4380d;
+  transform: scale(1.06);
+}
+
+.workflow-node__delete:focus-visible {
+  outline: 2px solid #ffbb96;
+  outline-offset: 2px;
+}
+
+.workflow-canvas__zoom-controls.react-flow__panel {
+  display: inline-flex;
+  align-items: center;
+  overflow: hidden;
+  margin: 12px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: var(--ant-color-bg-container);
+  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
+}
+
+.workflow-canvas__history-controls.react-flow__panel {
+  display: inline-flex;
+  overflow: hidden;
+  margin: 12px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: var(--ant-color-bg-container);
+  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
+}
+
+.workflow-canvas__history-controls .ant-btn {
+  width: 32px;
+  height: 30px;
+  border-radius: 0;
+  color: var(--ant-color-text-secondary);
+}
+
+.workflow-canvas__history-controls .ant-btn + .ant-btn {
+  border-left: 1px solid var(--ant-color-border-secondary);
+}
+
+.workflow-canvas__history-controls .ant-btn:not(:disabled):hover {
+  background: var(--ant-color-fill-quaternary);
+  color: var(--ant-color-primary);
+}
+
+.workflow-canvas__zoom-controls .ant-btn {
+  height: 30px;
+  border-radius: 0;
+  background: var(--ant-color-bg-container);
+  color: var(--ant-color-text-secondary);
+}
+
+.workflow-canvas__zoom-slider + .ant-btn {
+  border-left: 1px solid var(--ant-color-border-secondary);
+}
+
+.workflow-canvas__zoom-controls .ant-btn:not(:disabled):hover {
+  background: var(--ant-color-fill-quaternary);
+  color: var(--ant-color-primary);
+}
+
+.workflow-canvas__zoom-slider {
+  display: grid;
+  grid-template-columns: 42px 96px;
+  align-items: center;
+  gap: 8px;
+  min-height: 30px;
+  padding-inline: 10px;
+}
+
+.workflow-canvas__zoom-percentage {
+  color: var(--ant-color-text-secondary);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+
+.workflow-canvas__zoom-slider .ant-slider {
+  margin: 0;
+}
+
+.workflow-node-panel {
+  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08);
+}
+
+.workflow-node-palette__intro {
+  margin-bottom: 14px;
+  padding: 12px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: var(--ant-color-fill-quaternary);
+}
+
+.workflow-node-palette__category {
+  margin-bottom: 16px;
+}
+
+.workflow-node-palette__category-title {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  margin-bottom: 7px;
+  color: var(--ant-color-text-secondary);
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.workflow-node-palette__category-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+}
+
+.workflow-node-palette__grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 7px;
+}
+
+.workflow-node-palette__item {
+  min-height: 34px;
+  padding: 4px 9px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 2px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 7px;
+  background: var(--ant-color-bg-container);
+  cursor: grab;
+  user-select: none;
+  transition:
+    border-color 0.15s ease,
+    box-shadow 0.15s ease,
+    transform 0.15s ease;
+}
+
+.workflow-node-palette__item:hover {
+  border-color: var(--ant-color-primary-border);
+  box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08);
+  transform: translateY(-1px);
+}
+
+.workflow-node-palette__item:active {
+  cursor: grabbing;
+}
+
+.workflow-inline-error {
+  color: var(--ant-color-error);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.workflow-template-sync-state {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: var(--ant-color-text-secondary);
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.workflow-canvas__config-state.react-flow__panel {
+  min-height: 34px;
+  padding: 7px 10px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  border: 1px solid var(--ant-color-border-secondary);
+  border-radius: 8px;
+  background: color-mix(
+    in srgb,
+    var(--ant-color-bg-container) 94%,
+    transparent
+  );
+  box-shadow: 0 3px 12px rgba(15, 23, 42, 0.08);
+  color: var(--ant-color-text-secondary);
+  font-size: 12px;
+}
+
+.workflow-canvas__config-alert.react-flow__panel {
+  width: min(420px, calc(100% - 32px));
+}
+
+.workflow-canvas__config-alert .ant-alert {
+  border-radius: 8px;
+  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
+}
+
+.workflow-node__config-state {
+  margin-top: 6px;
+  color: var(--ant-color-text-secondary);
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 1.35;
+}
+
+@media (max-width: 1100px) {
+  .workflow-workspace__header-inner {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .workflow-workspace__actions {
+    width: 100%;
+    overflow-x: auto;
+    padding-bottom: 2px;
+  }
+
+  .workflow-workspace__toolbar-label {
+    display: none;
+  }
+
+  .workflow-workspace__segmented .ant-segmented-item {
+    min-width: 72px;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .workflow-node-palette__item {
+    transition: none;
+  }
+
+  .workflow-canvas .react-flow__edge-path {
+    transition: none;
+  }
+
+  .workflow-canvas .react-flow__edge.animated path {
+    animation: none;
+  }
+}

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/styles/index.css

@@ -143,7 +143,7 @@
 }
 
 /*
- * Refine CRUD 页头统一为「压扁白卡」风格（与 PageHeader/HEADER_CARD_PROPS 一致）。
+ * Refine CRUD 页头统一为「白卡」风格（总高度与 PageHeader/HEADER_CARD_PROPS 一致，约 64px）。
  * Refine Create/Edit/Show/List 的页头是 pro-layout PageHeader（ghost 透明底、
  * 根节点内联 padding:0），其标题行渲染为 .ant-page-header-heading，
  * 内容（表单/卡片）在兄弟节点 .ant-page-header-content，因此只给标题行加白卡样式。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gadmin2n/schematics",
-  "version": "0.0.144",
+  "version": "0.0.146",
   "description": "Gadmin - modern, fast, powerful node.js web framework (@schematics)",
   "main": "dist/index.js",
   "files": [

package/dist/lib/application/files/gadmin2-game-angle-demo/config/ui/WorkflowEventOutbox.ts

@@ -1,62 +0,0 @@
-import { ModelConfig } from "../.types";
-import { pageActions, PAGE_SIZE } from "./_common";
-
-export const WorkflowEventOutbox: ModelConfig = {
-  metadata: {
-    nameKeys: ["id"],
-    pageActions,
-  },
-  table: {
-    toolbar: {
-      searchBar: {
-        fields: ["id"],
-        containsFields: [],
-        placeholder: "id",
-      },
-      actions: [
-        { action: "REFRESH", desc: "Refresh" },
-        {
-          action: "EXPORT",
-          desc: "export",
-          fields: ["*", "!createdAt", "!created_at"],
-        },
-      ],
-    },
-    header: {
-      filter: [],
-      sorter: ["id"],
-    },
-    fields: ["*", "!createdAt", "!created_at", "!payload"],
-    rowSelection: {
-      actions: [{ action: "EXPORT", desc: "Export" }],
-    },
-    rowActions: {
-      visibleNum: 1,
-      actions: [{ action: "DETAIL", desc: "Detail" }],
-    },
-    params: {
-      pageSize: PAGE_SIZE,
-    },
-  },
-  form: {
-    fields: [
-      "*",
-      "!creator",
-      "!createdAt",
-      "!updatedAt",
-      "!created_at",
-      "!updated_at",
-    ],
-    reaction: {
-      id: {
-        toggle: [],
-        defaultProps: {
-          hidden: true,
-        },
-      },
-    },
-  },
-  show: {
-    fields: ["*", "!createdAt", "!created_at"],
-  },
-};

package/dist/lib/application/files/gadmin2-game-angle-demo/server/scripts/migrate-human-approval-configs.ts

@@ -1,86 +0,0 @@
-import { NestFactory } from '@nestjs/core';
-import { readFileSync } from 'fs';
-import { PrismaService } from 'nestjs-prisma';
-import { resolve } from 'path';
-import { AppModule } from '../src/app.module';
-import {
-  ApprovalSubjectMapping,
-  normalizeLegacyApprovalConfig,
-} from '../src/modules/humanApproval/legacy-approval-config-migration';
-import { WorkflowNodeInstanceService } from '../src/modules/workflowNodeInstance/workflowNodeInstance.service';
-
-type MappingFile = Record<string, ApprovalSubjectMapping>;
-
-async function main() {
-  const args = process.argv.slice(2);
-  const apply = args.includes('--apply');
-  const mappingPath = valueAfter(args, '--mapping');
-  const mapping = mappingPath
-    ? (JSON.parse(readFileSync(resolve(mappingPath), 'utf8')) as MappingFile)
-    : {};
-  const app = await NestFactory.createApplicationContext(AppModule, {
-    logger: false,
-  });
-  try {
-    const prisma = app.get(PrismaService);
-    const nodeInstances = app.get(WorkflowNodeInstanceService);
-    const instances = await prisma.workflowNodeInstance.findMany({
-      where: { nodeType: { runtimeKey: 'human_approval' } },
-      include: { nodeType: { select: { schemaVersion: true } } },
-      orderBy: { id: 'asc' },
-    });
-    const report = {
-      scanned: instances.length,
-      ready: 0,
-      applied: 0,
-      alreadyCurrent: 0,
-      requiresMapping: [] as Array<{ instance: string; refs: string[] }>,
-      invalid: [] as Array<{ instance: string; errors: string[] }>,
-    };
-    for (const instance of instances) {
-      const key = instance.code ?? String(instance.id);
-      const result = normalizeLegacyApprovalConfig(
-        instance.config,
-        mapping[key] ?? {},
-      );
-      if (result.status === 'ALREADY_CURRENT') {
-        report.alreadyCurrent += 1;
-      } else if (result.status === 'REQUIRES_MAPPING') {
-        report.requiresMapping.push({ instance: key, refs: result.refs });
-      } else if (result.status === 'INVALID') {
-        report.invalid.push({ instance: key, errors: result.errors });
-      } else {
-        report.ready += 1;
-        if (apply) {
-          await nodeInstances.updateConfigured(
-            Number(instance.id),
-            {
-              config: result.config as unknown as Record<string, unknown>,
-            },
-            { userId: 'system:migrate-human-approval' },
-          );
-          report.applied += 1;
-        }
-      }
-    }
-    console.log(JSON.stringify(report, null, 2));
-    if (report.requiresMapping.length || report.invalid.length)
-      process.exitCode = 2;
-  } finally {
-    await app.close();
-  }
-}
-
-function valueAfter(args: string[], flag: string): string | undefined {
-  const index = args.indexOf(flag);
-  if (index < 0) return undefined;
-  const value = args[index + 1];
-  if (!value || value.startsWith('--'))
-    throw new Error(`${flag} requires a path`);
-  return value;
-}
-
-main().catch((error) => {
-  console.error(error instanceof Error ? error.message : String(error));
-  process.exitCode = 1;
-});

package/dist/lib/application/files/gadmin2-game-angle-demo/server/seed/workflow-event-trigger.ts

@@ -1,60 +0,0 @@
-import { PrismaClient } from '@prisma/client';
-
-/**
- * Outbox Pattern 触发器函数 + 性能索引
- *
- * 当业务表发生 INSERT/UPDATE/DELETE 时，触发器将事件写入 t_workflow_event_outbox。
- * Worker 的 outbox-poller 定时扫描未处理事件，匹配并触发对应的 workflow。
- *
- * 表结构由 Prisma 模型 WorkflowEventOutbox 维护（见 config/prisma/workflow.prisma）。
- * 本 seed 负责 Prisma 无法 declarative 维护的两个对象：
- *   1. 通用触发器函数 notify_workflow_event() — Prisma 完全不管 PG function
- *   2. 部分索引 idx_outbox_unprocessed — Prisma schema 不支持 WHERE 子句的 partial index
- *
- * 两者均幂等（CREATE OR REPLACE / IF NOT EXISTS）。
- *
- * 使用示例（在业务表上挂载触发器，由各业务模块自行声明）：
- *   CREATE TRIGGER trg_order_workflow
- *     AFTER INSERT OR UPDATE OR DELETE ON t_order
- *     FOR EACH ROW EXECUTE FUNCTION notify_workflow_event();
- */
-export async function seedWorkflowEventTrigger(prisma: PrismaClient) {
-  console.log('Seeding workflow event trigger function...');
-
-  await prisma.$executeRawUnsafe(`
-    CREATE OR REPLACE FUNCTION notify_workflow_event() RETURNS trigger AS $$
-    DECLARE
-      event_payload jsonb;
-      event_name text;
-    BEGIN
-      -- 拼接事件名：表名.操作 (e.g. "t_order.insert")
-      event_name := TG_TABLE_NAME || '.' || lower(TG_OP);
-
-      -- 构建 payload
-      IF (TG_OP = 'DELETE') THEN
-        event_payload = row_to_json(OLD)::jsonb;
-      ELSE
-        event_payload = row_to_json(NEW)::jsonb;
-      END IF;
-
-      -- 写入 outbox（与业务操作同一事务，保证不丢）
-      INSERT INTO t_workflow_event_outbox (event_name, payload)
-      VALUES (event_name, event_payload);
-
-      RETURN COALESCE(NEW, OLD);
-    END;
-    $$ LANGUAGE plpgsql;
-  `);
-
-  console.log('Seeding workflow outbox partial index...');
-
-  // 部分索引：只索引未处理事件，poller 扫描时索引体积保持很小，
-  // 即使 outbox 表积累几百万历史事件也不影响 poller 性能。
-  await prisma.$executeRawUnsafe(`
-    CREATE INDEX IF NOT EXISTS idx_outbox_unprocessed
-      ON t_workflow_event_outbox (created_at)
-      WHERE processed = FALSE;
-  `);
-
-  console.log('Workflow event trigger function & index seeded.');
-}