openxiangda-cli 2.0.0-alpha.16 → 2.0.0-alpha.162

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

@@ -0,0 +1,247 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import {
+  defineApplicationContributions,
+  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' },
+    subject: {
+      resourceCode: 'purchase-orders',
+      factProjection: { amount: 'amount' },
+      summaryFields: ['amount'],
+    },
+    processOperationCode: 'openxiangda.workflow.purchase-approval.submit',
+  },
+] as const;
+
+const resourceDefinitions = {
+  'purchase-orders': {
+    code: 'purchase-orders',
+    name: '采购申请',
+    capabilities: {
+      read: `app:${appCode}:data:purchase-orders:read`,
+      create: `app:${appCode}:data:purchase-orders:create`,
+      update: `app:${appCode}:data:purchase-orders:update`,
+      delete: `app:${appCode}:data:purchase-orders:delete`,
+    },
+    surface: {
+      mutationOwner: 'native',
+      generated: { list: true, detail: true, create: true, update: true, delete: true },
+      fields: {
+        amount: {
+          label: '申请金额',
+          type: 'number.decimal',
+          widget: 'money',
+          requiredHint: true,
+          readCapabilities: [`app:${appCode}:data:purchase-orders:read`],
+          createCapabilities: [`app:${appCode}:data:purchase-orders:create`],
+          updateCapabilities: [`app:${appCode}:data:purchase-orders:update`],
+        },
+      },
+      form: { layout: 'flat', fieldOrder: ['amount'] },
+      mobile: { enabled: true },
+    },
+  },
+} 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 = [] as const satisfies AdminPagesInput;
+
+const routeManifest = {
+  schemaVersion: 'openxiangda.application-route-manifest/v3',
+  appCode,
+  devicePolicy: {
+    kind: 'viewport-family',
+    mobileMaxWidthPx: 900,
+    desktopMinWidthPx: 901,
+  },
+  rootEntry: { code: 'application-root', desktop: '/', mobile: '/m/' },
+  authentication: {
+    desktop: { routeCode: 'application-login', path: '/login' },
+    mobile: { routeCode: 'application-login-mobile', path: '/m/login' },
+  },
+  routes: [
+    {
+      code: 'application:todo-center',
+      kind: 'application-todo-center',
+      desktop: {
+        routeCode: 'application.todo-center.desktop',
+        path: '/todos',
+        surface: 'user',
+        pathParams: [],
+        requiresAuthentication: true,
+      },
+      mobile: {
+        routeCode: 'application.todo-center.mobile',
+        path: '/m/todos',
+        surface: 'user',
+        pathParams: [],
+        requiresAuthentication: true,
+      },
+    },
+    {
+      code: 'workflow:work-center',
+      kind: 'workflow-work-center',
+      desktop: {
+        routeCode: 'workflow.work.center.desktop',
+        path: '/work-center',
+        surface: 'user',
+        pathParams: [],
+        requiresAuthentication: true,
+      },
+      mobile: {
+        routeCode: 'workflow.work.center.mobile',
+        path: '/m/work-center',
+        surface: 'user',
+        pathParams: [],
+        requiresAuthentication: true,
+      },
+    },
+    {
+      code: 'workflow:task',
+      kind: 'workflow-task',
+      desktop: {
+        routeCode: 'workflow.task.desktop',
+        path: '/tasks/:taskId',
+        surface: 'user',
+        pathParams: ['taskId'],
+        requiresAuthentication: true,
+      },
+      mobile: {
+        routeCode: 'workflow.task.mobile',
+        path: '/m/tasks/:taskId',
+        surface: 'user',
+        pathParams: ['taskId'],
+        requiresAuthentication: true,
+      },
+    },
+    {
+      code: 'workflow:instance',
+      kind: 'workflow-instance',
+      desktop: {
+        routeCode: 'workflow.instance.desktop',
+        path: '/workflows/:instanceId',
+        surface: 'user',
+        pathParams: ['instanceId'],
+        requiresAuthentication: true,
+      },
+      mobile: {
+        routeCode: 'workflow.instance.mobile',
+        path: '/m/workflows/:instanceId',
+        surface: 'user',
+        pathParams: ['instanceId'],
+        requiresAuthentication: true,
+      },
+    },
+    {
+      code: 'workflow:purchase-approval:launch',
+      kind: 'workflow-launch',
+      workflowCode: 'purchase-approval',
+      desktop: {
+        routeCode: 'workflow.purchase-approval.launch.desktop',
+        path: '/workflows/:workflowCode/start',
+        surface: 'user',
+        pathParams: ['workflowCode'],
+        requiresAuthentication: true,
+      },
+      mobile: {
+        routeCode: 'workflow.purchase-approval.launch.mobile',
+        path: '/m/workflows/:workflowCode/start',
+        surface: 'user',
+        pathParams: ['workflowCode'],
+        requiresAuthentication: true,
+      },
+    },
+  ],
+  digest: '34cc08a02cd187a07d9e2d2f99c1080b5b86f3a4512f9e0f43ff4cb05b7195fa',
+} as const;
+
+const adminNavigation = [] as const satisfies AdminNavigationInput;
+
+const fixtureParams = new URLSearchParams(window.location.search);
+const initialPath = fixtureParams.get('initial') || '/work-center';
+const runtimeBase = fixtureParams.get('base')?.trim();
+if (runtimeBase) {
+  for (const [name, content] of [
+    ['openxiangda-runtime-base', runtimeBase],
+    ['openxiangda-app-code', appCode],
+    ['openxiangda-environment', 'preproduction'],
+  ] as const) {
+    const meta =
+      document.querySelector<HTMLMetaElement>(`meta[name="${name}"]`) ||
+      document.createElement('meta');
+    meta.name = name;
+    meta.content = content;
+    if (!meta.parentElement) document.head.appendChild(meta);
+  }
+}
+if (location.pathname.endsWith('/workflow-experience.e2e.html')) {
+  const stateToken = fixtureParams.get('state');
+  history.replaceState(
+    stateToken
+      ? { usr: { routeNegotiationState: stateToken }, key: 'fixture-state' }
+      : {},
+    '',
+    initialPath,
+  );
+}
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <OpenXiangdaApplication
+      appCode={appCode}
+      appName="流程体验验收"
+      adminNavigation={adminNavigation}
+      adminPages={adminPages}
+      routeManifest={routeManifest}
+      contributions={applicationContributions}
+      resourceDefinitions={resourceDefinitions}
+      workflows={workflowDefinitions}
+    />
+  </React.StrictMode>
+);