openxiangda-cli 2.0.0-alpha.12 → 2.0.0-alpha.122

package/template/apps/web/e2e/workflow-experience-fixture.tsx

@@ -0,0 +1,144 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import {
+  defineApplicationContributions,
+  defineWorkflowLaunchContributions,
+  OpenXiangdaApplication,
+  type AdminNavigationInput,
+  type AdminPagesInput,
+} from 'openxiangda/react';
+import { useParams, useSearchParams } from 'react-router-dom';
+import { appCode } from '../../../packages/contracts/src/generated.js';
+import 'openxiangda/react/styles.css';
+
+const workflowDefinitions = [
+  {
+    code: 'purchase-approval',
+    title: '采购审批',
+    launch: { mode: 'standalone' },
+  },
+] as const;
+
+const detailRoutes = {
+  desktop: {
+    code: 'purchase-detail',
+    path: '/admin/operations/purchases/:instanceId',
+    label: '采购审批详情',
+    surface: 'admin',
+    tabPersistence: 'none',
+    keepAlive: 'none',
+  },
+  mobile: {
+    code: 'purchase-detail-mobile',
+    path: '/m/purchases/:instanceId',
+    label: '移动采购审批详情',
+    surface: 'user',
+    tabPersistence: 'none',
+    keepAlive: 'none',
+  },
+} as const;
+
+function CustomWorkflowDetail() {
+  const { instanceId } = useParams();
+  const [search] = useSearchParams();
+  return (
+    <div data-testid="custom-workflow-detail">
+      自定义流程详情 {instanceId} / {search.get('taskId') || 'instance'}
+    </div>
+  );
+}
+
+const applicationContributions = defineApplicationContributions(detailRoutes, {
+  pages: {
+    desktop: CustomWorkflowDetail,
+    mobile: CustomWorkflowDetail,
+  },
+});
+
+const adminPages = [
+  {
+    code: 'application:todo-center',
+    kind: 'application-todo-center',
+    path: '/admin/todos',
+    label: '待办中心',
+    navigationEligible: true,
+  },
+  {
+    code: 'workflow:work-center',
+    kind: 'workflow-work-center',
+    path: '/admin/work-center',
+    label: '我的审批',
+    navigationEligible: true,
+  },
+  {
+    code: 'workflow:purchase-approval:launch',
+    kind: 'workflow-launch',
+    path: '/admin/workflows/purchase-approval/new',
+    label: '发起采购审批',
+    navigationEligible: true,
+    workflowCode: 'purchase-approval',
+  },
+  {
+    code: 'workflow:task',
+    kind: 'workflow-task',
+    path: '/admin/tasks/:taskId',
+    label: '审批任务',
+    navigationEligible: false,
+  },
+  {
+    code: 'workflow:instance',
+    kind: 'workflow-instance',
+    path: '/admin/workflows/:instanceId',
+    label: '流程详情',
+    navigationEligible: false,
+  },
+] as const satisfies AdminPagesInput;
+
+const adminNavigation = [
+  {
+    code: 'workflow-center',
+    label: '流程中心',
+    icon: 'workflow',
+    order: 0,
+    items: [
+      { pageCode: 'application:todo-center', label: '待办中心', order: 0 },
+      { pageCode: 'workflow:work-center', label: '我的审批', order: 1 },
+      {
+        pageCode: 'workflow:purchase-approval:launch',
+        label: '发起采购审批',
+        order: 2,
+      },
+    ],
+  },
+] as const satisfies AdminNavigationInput;
+
+const initialPath =
+  new URLSearchParams(window.location.search).get('initial') ||
+  '/admin/work-center';
+if (location.pathname.endsWith('/workflow-experience.e2e.html')) {
+  history.replaceState({}, '', initialPath);
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <OpenXiangdaApplication
+      appCode={appCode}
+      appName="流程体验验收"
+      adminNavigation={adminNavigation}
+      adminPages={adminPages}
+      contributions={applicationContributions}
+      resourceDefinitions={{}}
+      workflows={defineWorkflowLaunchContributions(workflowDefinitions, {
+        'purchase-approval': async () => ({
+          businessKey: 'PO-2026-0825',
+          dataRef: {
+            resourceCode: 'purchase-orders',
+            recordId: 'purchase-1',
+            dataRevision: '8',
+          },
+          facts: { amount: 28600, applicant: '张三' },
+        }),
+      })}
+    />
+  </React.StrictMode>
+);