openxiangda 2.0.0-alpha.98 → 2.0.0

package/dist/browser/components/workflow/StandardWorkflowPages.js

@@ -1,18 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ArrowLeftOutlined, EllipsisOutlined, ReloadOutlined, CloseOutlined, ExpandOutlined, CompressOutlined, ExportOutlined, } from '@ant-design/icons';
-import { Alert, App, Button, Card, Descriptions, Drawer, Empty, Form, Input, Modal, Result, Segmented, Select, Space, Spin, Table, Tag, Tooltip, Typography, } from 'antd';
+import { ArrowLeftOutlined, ClockCircleOutlined, EllipsisOutlined, ReloadOutlined, CloseOutlined, ExpandOutlined, CompressOutlined, ExportOutlined, } from '@ant-design/icons';
+import { Alert, App, Button, Card, Drawer, Empty, Form, Input, Modal, Result, Segmented, Select, Space, Spin, Table, Tabs, Tag, Tooltip, Typography, } from 'antd';
 import { normalizeWorkflowBusinessDetail, } from 'openxiangda-contracts/browser';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { Link, Navigate, useHref, useNavigate, useParams, useSearchParams, } from 'react-router-dom';
-import { Shell } from '../../Shell';
-import { executeWorkflowOperation, executeWorkflowLaunchNamedOperation, loadWorkflowInstanceDetail, loadWorkflowInstanceSurface, loadWorkflowLaunchSurface, loadWorkflowTaskSurface, loadWorkflowTaskDetail, loadWorkflowWorkCenter, answerBusinessProcessCommand, commitStandardProcess, createNativeResourceClient, loadProcessCommandSurface, retryBusinessProcessCommand, searchDirectory, uploadOperationManagedFile, } from '../../platform-client';
+import { PlatformDirectoryPicker } from '../platform-fields/PlatformDirectoryPicker';
+import { directoryStoredValues } from '../platform-fields/directory-value';
+import { executeWorkflowOperation, executeWorkflowLaunchNamedOperation, loadWorkflowInstanceDetail, loadWorkflowRecordDetail, loadWorkflowDataAudit, loadWorkflowInstanceSurface, loadWorkflowLaunchSurface, loadWorkflowTaskSurface, loadWorkflowTaskDetail, loadWorkflowWorkCenter, answerBusinessProcessCommand, commitStandardProcess, createNativeResourceClient, loadProcessCommandSurface, retryBusinessProcessCommand, uploadOperationManagedFile, } from '../../platform-client';
 import { useWorkflowDefinition, } from '../../workflow-definitions';
 import { useResourceDefinitions } from '../../resource-definitions';
 import { selectedSurfaceFields } from '../resource/resource-field-selection';
 import { useRuntime } from '../../runtime';
-import { MobileSurfaceFieldControl, SurfaceFieldControl, SurfaceFieldValue, } from '../resource/SurfaceFields';
-import { buildWorkflowNamedOperationInput, parseWorkflowNamedOperationResult, workflowLaunchContractJsonEqual, } from '../../workflow-launch';
+import { SurfaceFieldValue, } from '../resource/SurfaceFields';
+import { workflowContextScalarValue, processStatusReadRetryDelay, buildWorkflowNamedOperationInput, parseWorkflowNamedOperationResult, workflowLaunchContractJsonEqual, } from '../../workflow-launch';
 import { normalizeFormValues, normalizeRecordForForm, } from '../platform-fields/field-form-codec';
+import { RecordDetailFrame, RecordDetailSections, detailTime } from '../resource/RecordDetailFrame';
+import { RecordChangeHistory } from '../resource/RecordChangeHistory';
+import { ResourceFormContent } from '../resource/ResourceFormFrame';
+import { WorkflowRecordEditor } from './WorkflowRecordEditor';
 import { PlatformAvatar } from '../PlatformAvatar';
 /**
  * An advanced task command has completed the current task and may have
@@ -71,6 +76,9 @@ function workflowStatus(status) {
     };
     return states[status] || { label: status || '未知', color: 'default' };
 }
+function workflowHasEnded(instance) {
+    return ['completed', 'approved', 'rejected', 'withdrawn', 'terminated', 'cancelled', 'expired'].includes(instance.status);
+}
 function StatusTag({ status }) {
     const state = workflowStatus(status);
     return _jsx(Tag, { color: state.color, children: state.label });
@@ -176,7 +184,7 @@ function WorkflowSubtableValue({ detail, field, instanceId, variant, }) {
             : [];
     });
     if (variant === 'mobile') {
-        return (_jsx("div", { className: "oxa-workflow-subtable-mobile", children: subtable.rows.map((row, index) => (_jsxs("div", { children: [_jsxs("strong", { children: ["\u660E\u7EC6 ", index + 1] }), fields.map((child) => (_jsxs("div", { children: [_jsx(Typography.Text, { type: "secondary", children: child.label }), _jsx(SurfaceFieldValue, { field: child, presentation: "workflow-detail", resourceCode: subtable.resourceCode, value: row[child.key], workflowFileBinding: {
+        return (_jsx("div", { className: "oxa-workflow-subtable-mobile", children: subtable.rows.map((row, index) => (_jsxs("div", { children: [_jsxs("strong", { children: ["\u660E\u7EC6 ", index + 1] }), fields.map((child) => (_jsxs("div", { children: [_jsx(Typography.Text, { type: "secondary", children: child.label }), _jsx(SurfaceFieldValue, { field: child, mobile: true, presentation: "workflow-detail", resourceCode: subtable.resourceCode, value: row[child.key], workflowFileBinding: {
                                     instanceId,
                                     resourceCode: subtable.resourceCode,
                                     recordId: String(row.id),
@@ -214,22 +222,9 @@ export function WorkflowBusinessDetailSections({ surface, variant, }) {
     if (detail.status === 'unavailable' || !detail.surface) {
         return _jsx(Result, { status: "warning", title: "\u4E1A\u52A1\u8BE6\u60C5\u6682\u65F6\u4E0D\u53EF\u7528" });
     }
-    return (_jsx("div", { className: `oxa-workflow-business-sections oxa-workflow-business-sections-${variant}`, children: groups.map((group) => (_jsx(Card, { className: "oxa-workflow-business", title: group.section, children: variant === 'desktop' ? (_jsx(Descriptions, { column: { xs: 1, md: 2 }, colon: false, items: group.fields.map((field) => ({
-                    key: field.key,
-                    label: field.label,
-                    span: field.type === 'subtable' || ['file', 'image', 'text.rich', 'signature'].includes(field.type) ? 2 : 1,
-                    children: field.type === 'subtable' ? (_jsx(WorkflowSubtableValue, { detail: detail, field: field, instanceId: instance.id, variant: variant })) : (_jsx(SurfaceFieldValue, { field: field, presentation: "workflow-detail", resourceCode: detail.resourceCode || undefined, value: detail.record[field.key], workflowFileBinding: {
-                            instanceId: instance.id,
-                            resourceCode: String(detail.resourceCode),
-                            recordId: String(detail.recordId),
-                            fieldCode: field.key,
-                        } })),
-                })) })) : (_jsx("div", { className: "oxa-workflow-mobile-fields", children: group.fields.map((field) => (_jsxs("div", { className: field.type === 'subtable' ? 'is-wide' : undefined, children: [_jsx(Typography.Text, { type: "secondary", children: field.label }), field.type === 'subtable' ? (_jsx(WorkflowSubtableValue, { detail: detail, field: field, instanceId: instance.id, variant: variant })) : (_jsx(SurfaceFieldValue, { field: field, presentation: "workflow-detail", resourceCode: detail.resourceCode || undefined, value: detail.record[field.key], workflowFileBinding: {
-                                instanceId: instance.id,
-                                resourceCode: String(detail.resourceCode),
-                                recordId: String(detail.recordId),
-                                fieldCode: field.key,
-                            } }))] }, field.key))) })) }, group.section))) }));
+    return _jsx(RecordDetailSections, { groups: groups, renderValue: field => field.type === 'subtable'
+            ? _jsx(WorkflowSubtableValue, { detail: detail, field: field, instanceId: instance.id, variant: variant })
+            : _jsx(SurfaceFieldValue, { field: field, presentation: "workflow-detail", mobile: variant === 'mobile', resourceCode: detail.resourceCode || undefined, value: detail.record[field.key], workflowFileBinding: { instanceId: instance.id, resourceCode: String(detail.resourceCode), recordId: String(detail.recordId), fieldCode: field.key } }) });
 }
 function timelineTone(status) {
     return `is-${status}`;
@@ -311,25 +306,15 @@ export function WorkflowTimelineSection({ timeline, }) {
                 return (_jsxs("div", { className: timelineTone(item.status), children: [_jsx("span", { className: "oxa-workflow-timeline-dot", children: _jsx(WorkflowStatusIcon, { status: item.status }) }), _jsxs("div", { children: [_jsxs("div", { className: "oxa-workflow-timeline-title", children: [_jsx("strong", { children: item.title }), _jsx(StatusTag, { status: item.status })] }), visiblePeople.length > 0 && (_jsx("div", { className: "oxa-workflow-timeline-assignees", children: visiblePeople.map((person, index) => (_jsxs("div", { children: [_jsx(PlatformAvatar, { avatarUrl: person.avatarUrl, size: 20 }), _jsxs("span", { children: [_jsx(Typography.Text, { children: person.displayName }), person.departmentDisplayName && (_jsx("small", { children: person.departmentDisplayName }))] })] }, `${person.userId || person.displayName}:${index}`))) })), operations.length > 0 && (_jsx("div", { className: "oxa-workflow-timeline-operations", children: operations.map((operation) => (_jsxs("div", { children: [_jsx(PlatformAvatar, { avatarUrl: operation.actor.avatarUrl, size: 20 }), _jsxs("span", { className: "oxa-workflow-operation-content", children: [_jsxs("span", { children: [_jsx(Typography.Text, { children: operation.actor.displayName }), _jsx("strong", { children: operation.operationLabel })] }), operation.reason && (_jsxs("span", { className: "oxa-workflow-operation-opinion", children: [_jsx(Typography.Text, { type: "secondary", children: "\u610F\u89C1" }), _jsx(Typography.Text, { children: operation.reason })] }))] })] }, operation.id))) })), item.terminalReason && !operations.some(operation => operation.reason) && (_jsxs(Typography.Text, { type: "secondary", children: ["\u539F\u56E0\uFF1A", item.terminalReason] })), item.primaryDisplayTime && (_jsx("time", { className: "oxa-workflow-primary-time", children: formatTime(item.primaryDisplayTime) }))] })] }, item.key));
             }) })) : (_jsx(Empty, { description: "\u6682\u65E0\u6D41\u7A0B\u8F68\u8FF9", image: Empty.PRESENTED_IMAGE_SIMPLE })) }));
 }
-function WorkflowUserSelect({ value, onChange, }) {
-    const [options, setOptions] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const sequence = useRef(0);
-    const search = (keyword) => {
-        const current = ++sequence.current;
-        setLoading(true);
-        void searchDirectory('user', { keyword })
-            .then((page) => {
-            if (current !== sequence.current)
-                return;
-            setOptions(page.items.map((item) => ({ label: item.label, value: item.id })));
-        })
-            .finally(() => {
-            if (current === sequence.current)
-                setLoading(false);
-        });
-    };
-    return (_jsx(Select, { filterOption: false, loading: loading, onChange: onChange, onSearch: search, options: options, placeholder: "\u641C\u7D22\u5E76\u9009\u62E9\u4EBA\u5458", showSearch: true, value: value }));
+function WorkflowMemberPicker({ id, placeholder, value, onChange, multiple = false, variant }) {
+    const [snapshots, setSnapshots] = useState([]);
+    const ids = Array.isArray(value) ? value : value ? [value] : [];
+    const selected = ids.map(id => snapshots.find(item => item.value === id) || { value: id, label: '已选成员' });
+    return _jsx(PlatformDirectoryPicker, { id: id, kind: "user", mobile: variant === 'mobile', multiple: multiple, placeholder: placeholder || '请选择成员', value: multiple ? selected : selected[0], onChange: next => {
+            const items = directoryStoredValues(next);
+            setSnapshots(items);
+            onChange?.(multiple ? items.map(item => item.value) : items[0]?.value);
+        } });
 }
 function schemaProperties(operation) {
     const schema = operation.inputSchema;
@@ -341,14 +326,21 @@ function schemaProperties(operation) {
         required: schema.required?.includes(key) === true,
     }));
 }
-function OperationFields({ operation, }) {
+function OperationFields({ operation, variant, }) {
     return (_jsx(_Fragment, { children: schemaProperties(operation).map(({ key, property, required, ui }) => {
-            const rules = required
-                ? [{ required: true, message: `请填写${property.title || key}` }]
-                : [];
+            const rules = [
+                ...(required ? [{ required: true, message: `请填写${property.title || key}` }] : []),
+                ...(property.type === 'array' ? [{ validator: async (_rule, value) => {
+                            if (value == null && !required)
+                                return;
+                            if (!Array.isArray(value) || value.length < (property.minItems ?? 0) || value.length > (property.maxItems ?? 200)) {
+                                throw new Error(`请选择 ${property.minItems ?? 0} 至 ${property.maxItems ?? 200} 位人员`);
+                            }
+                        } }] : []),
+            ];
             let control = _jsx(Input, { placeholder: ui.placeholder });
             if (ui.component === 'user_select')
-                control = _jsx(WorkflowUserSelect, {});
+                control = _jsx(WorkflowMemberPicker, { variant: variant, multiple: property.type === 'array' || ui.mode === 'multiple', placeholder: ui.placeholder || `请选择${property.title || '成员'}` });
             else if (property.enum) {
                 control = (_jsx(Select, { options: property.enum.map((value, index) => ({
                         label: property.enumNames?.[index] || value,
@@ -372,9 +364,9 @@ function OperationDialog({ operation, submitting, variant, onCancel, onSubmit, }
     if (!operation)
         return null;
     const ui = operation.uiSchema;
-    const formNode = (_jsxs(Form, { form: form, layout: "vertical", onFinish: onSubmit, children: [ui.confirmation?.description && (_jsx(Alert, { className: "oxa-workflow-operation-alert", description: ui.confirmation.description, showIcon: true, type: operation.emphasis === 'danger' ? 'warning' : 'info' })), _jsx(OperationFields, { operation: operation })] }));
+    const formNode = (_jsxs(Form, { form: form, layout: "vertical", onFinish: onSubmit, children: [ui.confirmation?.description && (_jsx(Alert, { className: "oxa-workflow-operation-alert", description: ui.confirmation.description, showIcon: true, type: operation.emphasis === 'danger' ? 'warning' : 'info' })), _jsx(OperationFields, { operation: operation, variant: variant })] }));
     if (variant === 'mobile') {
-        return (_jsx(Drawer, { extra: _jsx(Button, { loading: submitting, onClick: () => form.submit(), type: "primary", children: ui.confirmText || `确认${operation.label}` }), onClose: onCancel, open: true, placement: "bottom", size: "large", title: operation.label, children: formNode }));
+        return (_jsx(Drawer, { extra: _jsx(Button, { loading: submitting, onClick: () => form.submit(), type: "primary", children: ui.confirmText || `确认${operation.label}` }), rootClassName: "oxa-workflow-operation-drawer", styles: { body: { overflowY: 'auto', minHeight: 0 } }, keyboard: !submitting, mask: { closable: !submitting }, closable: !submitting, onClose: submitting ? undefined : onCancel, open: true, placement: "bottom", size: "min(640px, 92dvh)", title: operation.label, children: formNode }));
     }
     return (_jsx(Modal, { cancelText: "\u53D6\u6D88", confirmLoading: submitting, okText: ui.confirmText || `确认${operation.label}`, onCancel: onCancel, onOk: () => form.submit(), open: true, title: operation.label, children: formNode }));
 }
@@ -722,20 +714,40 @@ export function WorkflowSummarySection({ surface }) {
     };
     return (_jsxs("div", { className: "oxa-workflow-summary-metadata", children: [_jsxs("span", { children: [_jsx(Typography.Text, { type: "secondary", children: "\u7533\u8BF7\u4EBA" }), _jsxs("span", { className: "oxa-workflow-applicant", children: [_jsx(PlatformAvatar, { avatarUrl: initiator.avatarUrl, size: 32 }), _jsxs("span", { children: [_jsx("strong", { children: initiator.displayName }), initiator.departmentDisplayName && (_jsx("small", { children: initiator.departmentDisplayName }))] })] })] }), _jsxs("span", { children: [_jsx(Typography.Text, { type: "secondary", children: "\u63D0\u4EA4\u65F6\u95F4" }), formatTime(summary.submittedAt)] }), summary.businessNumber && (_jsxs("span", { children: [_jsx(Typography.Text, { type: "secondary", children: "\u4E1A\u52A1\u7F16\u53F7" }), summary.businessNumber] }))] }));
 }
-export function DesktopWorkflowDetailRenderer({ surface, timeline, warning, operations, }) {
+function StandardWorkflowDetailRenderer({ surface, timeline, warning, operations, variant, onClose, onEdit, drawer, drawerState, newPageHref, editing, busy, }) {
+    const navigate = useNavigate();
+    const [tab, setTab] = useState('application');
     const instance = surfaceInstance(surface);
-    const task = surfaceTask(surface);
+    const business = surfaceBusinessDetail(surface);
     const summary = surface.presentation.summary;
-    return (_jsxs("div", { className: "oxa-workflow-detail oxa-workflow-detail-desktop oxa-workflow-desktop-standalone-page", children: [_jsxs(Card, { className: "oxa-workflow-summary-card", children: [_jsxs("div", { className: "oxa-workflow-summary-title", children: [_jsx(Typography.Title, { level: 2, children: summary.title }), _jsx(StatusTag, { status: task?.status || instance.status })] }), _jsx(WorkflowSummarySection, { surface: surface })] }), warning && _jsx(Alert, { description: warning, showIcon: true, type: "warning" }), _jsx(WorkflowBusinessDetailSections, { surface: surface, variant: "desktop" }), _jsx(WorkflowTimelineSection, { timeline: timeline }), operations] }));
+    const titleField = workflowDetailGroups(business).flatMap(group => group.fields).find(field => field.type === 'text.short');
+    const title = titleField && business.record[titleField.key] ? String(business.record[titleField.key]) : summary.title;
+    const activeNode = timeline?.display?.entries.find(entry => entry.status === 'active');
+    const people = activeNode?.people.map(person => person.displayName).filter(Boolean).join('、');
+    const statusTone = workflowStatus(instance.status).color;
+    const bannerTone = statusTone === 'error' ? 'error' : 'active';
+    const edit = workflowHasEnded(instance) ? onEdit : undefined;
+    const hasActions = standardWorkflowOperations(surface).length > 0;
+    const loadAudit = useCallback(() => loadWorkflowDataAudit(instance.id), [instance.id]);
+    const back = onClose || (() => navigate(variant === 'mobile' ? '/m/work-center' : '/work-center'));
+    return _jsxs(RecordDetailFrame, { variant: variant, title: "\u7533\u8BF7\u8BE6\u60C5", heading: title, status: _jsx(StatusTag, { status: instance.status }), metadata: [summary.initiator?.displayName || summary.initiatorDisplayName, summary.initiator?.departmentDisplayName || summary.departmentDisplayName,
+            summary.submittedAt ? `${detailTime(summary.submittedAt)} 创建` : ''].filter(Boolean).join(' · '), updatedAt: business.record.updated_at || instance.completedAt || instance.startedAt, onClose: back, onEdit: edit, editing: editing, busy: busy, drawer: drawer, drawerState: drawerState, newPageHref: newPageHref, footer: hasActions || edit ? _jsxs(_Fragment, { children: [operations, edit && _jsx(Button, { onClick: edit, children: "\u7F16\u8F91" })] }) : null, children: [warning && _jsx(Alert, { description: warning, showIcon: true, type: "warning" }), !workflowHasEnded(instance) && activeNode && _jsxs("div", { className: `oxa-workflow-current-node is-${bannerTone}`, role: "status", children: [_jsxs("span", { children: [_jsx(ClockCircleOutlined, {}), "\u5F53\u524D\u8282\u70B9\uFF1A", activeNode.title] }), people && _jsxs("span", { children: ["\u7B49\u5F85", people, "\u5904\u7406"] })] }), _jsx(Tabs, { activeKey: tab, onChange: setTab, items: [
+                    { key: 'application', label: '申请内容', children: _jsx(WorkflowBusinessDetailSections, { surface: surface, variant: variant }) },
+                    { key: 'history', label: '审批历史', children: _jsx(WorkflowTimelineSection, { timeline: timeline }) },
+                    { key: 'changes', label: '变更记录', children: tab === 'changes' && business.surface && business.resourceCode && business.recordId
+                            ? _jsx(RecordChangeHistory, { resourceCode: business.resourceCode, recordId: business.recordId, surface: business.surface, readable: () => true, loadPage: loadAudit })
+                            : _jsx(Empty, { description: "\u6682\u65E0\u53D8\u66F4\u8BB0\u5F55" }) },
+                ] })] });
 }
-export function MobileWorkflowDetailRenderer({ surface, timeline, warning, operations, }) {
-    const instance = surfaceInstance(surface);
-    const task = surfaceTask(surface);
-    const summary = surface.presentation.summary;
-    return (_jsxs("div", { className: "oxa-workflow-detail-mobile-native", children: [_jsxs("main", { children: [_jsxs(Card, { className: "oxa-workflow-summary-card-mobile", children: [_jsxs("div", { className: "oxa-workflow-summary-title-mobile", children: [_jsx(Typography.Title, { level: 3, children: summary.title }), _jsx(StatusTag, { status: task?.status || instance.status })] }), _jsx(WorkflowSummarySection, { surface: surface })] }), warning && _jsx(Alert, { description: warning, showIcon: true, type: "warning" }), _jsx(WorkflowBusinessDetailSections, { surface: surface, variant: "mobile" }), _jsx(WorkflowTimelineSection, { timeline: timeline })] }), operations] }));
+export function DesktopWorkflowDetailRenderer(props) {
+    return _jsx(StandardWorkflowDetailRenderer, { ...props, variant: "desktop" });
 }
-export function useWorkflowDetail({ kind, id, }) {
-    const detailKey = `${kind}:${id}`;
+export function MobileWorkflowDetailRenderer(props) {
+    return _jsx(StandardWorkflowDetailRenderer, { ...props, variant: "mobile" });
+}
+export function useWorkflowDetail({ kind, id, resourceCode }) {
+    const { identity } = useRuntime();
+    const detailKey = `${identity.identityScope}:${identity.environment.id}:${kind}:${resourceCode || ''}:${id}`;
     const [state, setState] = useState({ detailKey, detail: null, error: '' });
     const [loading, setLoading] = useState(true);
     const requestSequence = useRef(0);
@@ -748,7 +760,7 @@ export function useWorkflowDetail({ kind, id, }) {
             ? { ...current, error: '' }
             : { detailKey, detail: null, error: '' });
         try {
-            const detail = kind === 'task'
+            const detail = kind === 'record' ? await loadWorkflowRecordDetail(resourceCode, id) : kind === 'task'
                 ? await loadWorkflowTaskDetail(id)
                 : await loadWorkflowInstanceDetail(id);
             if (!isCurrent())
@@ -777,7 +789,7 @@ export function useWorkflowDetail({ kind, id, }) {
             if (isCurrent())
                 setLoading(false);
         }
-    }, [detailKey, id, kind]);
+    }, [detailKey, id, kind, resourceCode]);
     useEffect(() => {
         activeRef.current = true;
         void refresh();
@@ -800,128 +812,90 @@ export function useWorkflowDetail({ kind, id, }) {
         refresh,
     };
 }
-function WorkflowDetailPage({ kind, variant, }) {
+function WorkflowDetailPage({ kind, variant, resourceCode, recordId, onDismiss, drawerState }) {
     const params = useParams();
-    const id = String(kind === 'task' ? params.taskId || '' : params.instanceId || '');
+    const id = recordId || String(kind === 'task' ? params.taskId || '' : kind === 'record' ? params.id || '' : params.instanceId || '');
     const navigate = useNavigate();
-    const { detail, surface, timeline, loading, error, refresh } = useWorkflowDetail({ kind, id });
-    let content;
-    if (loading && !surface)
-        content = (_jsx("div", { className: "oxa-page-loading", children: _jsx(Spin, {}) }));
-    else if (error && !surface) {
-        content = (_jsx(Result, { extra: _jsx(Button, { onClick: () => void refresh(), children: "\u91CD\u8BD5" }), status: "error", subTitle: error, title: "\u6D41\u7A0B\u8BE6\u60C5\u52A0\u8F7D\u5931\u8D25" }));
-    }
-    else if (!surface || !detail)
-        content = _jsx(Result, { status: "404", title: "\u6D41\u7A0B\u4E0D\u5B58\u5728" });
-    else {
-        if (surface.detailNavigation.custom) {
-            return (_jsx(Navigate, { replace: true, to: variant === 'mobile'
-                    ? surface.detailNavigation.mobilePath
-                    : surface.detailNavigation.desktopPath }));
-        }
-        const instance = surfaceInstance(surface);
-        const task = surfaceTask(surface);
-        const onCommandCompleted = async (result) => {
-            if (kind === 'task' && result.advanced === true) {
-                const instanceId = String(result.instanceId || '').trim();
-                if (!instanceId)
-                    return;
-                const nextDetail = await loadWorkflowInstanceDetail(instanceId);
-                navigate(variant === 'mobile'
-                    ? nextDetail.surface.detailNavigation.mobilePath
-                    : nextDetail.surface.detailNavigation.desktopPath, { replace: true });
+    const { identity } = useRuntime();
+    const [editing, setEditing] = useState(false);
+    const [editBusy, setEditBusy] = useState(false);
+    const { detail, surface, timeline, loading, error, refresh } = useWorkflowDetail({ kind, id, resourceCode });
+    const instance = surface ? surfaceInstance(surface) : null;
+    const task = surface ? surfaceTask(surface) : null;
+    const business = surface ? surfaceBusinessDetail(surface) : null;
+    const detailPath = surface ? (variant === 'mobile' ? surface.detailNavigation.mobilePath : surface.detailNavigation.desktopPath) : '';
+    const newPageHref = useHref(detailPath || '.');
+    const close = onDismiss || (() => navigate(detail ? variant === 'mobile' ? detail.navigationContext.mobileReturnPath : detail.navigationContext.desktopReturnPath : variant === 'mobile' ? '/m/work-center' : '/work-center'));
+    if (!surface || !detail || !instance)
+        return _jsx(RecordDetailFrame, { variant: variant, title: "\u7533\u8BF7\u8BE6\u60C5", drawer: Boolean(onDismiss), drawerState: drawerState, onClose: close, children: loading ? _jsx(Spin, {}) : _jsx(Result, { status: "error", title: "\u6D41\u7A0B\u8BE6\u60C5\u52A0\u8F7D\u5931\u8D25", subTitle: error || '流程不存在', extra: _jsx(Button, { onClick: () => void refresh(), children: "\u91CD\u8BD5" }) }) });
+    if (surface.detailNavigation.custom)
+        return _jsx(Navigate, { replace: true, to: detailPath });
+    const onCommandCompleted = async (result) => {
+        if (kind === 'task' && result.advanced === true) {
+            const nextId = String(result.instanceId || '').trim();
+            if (!nextId)
                 return;
-            }
+            const next = await loadWorkflowInstanceDetail(nextId);
+            navigate(variant === 'mobile' ? next.surface.detailNavigation.mobilePath : next.surface.detailNavigation.desktopPath, { replace: true });
+        }
+        else
             await refresh();
-        };
-        const operations = kind === 'task' ? (task ? (_jsx(WorkflowTaskOperationsPanel, { onCommandCompleted: onCommandCompleted, surface: surface, taskId: task.id, variant: variant })) : null) : (_jsx(WorkflowInstanceOperationsPanel, { instanceId: instance.id, onCommandCompleted: onCommandCompleted, surface: surface, variant: variant }));
-        const rendererProps = {
-            surface,
-            timeline,
-            warning: error,
-            operations,
-        };
-        content = variant === 'desktop' ? (_jsx(DesktopWorkflowDetailRenderer, { ...rendererProps })) : (_jsx(MobileWorkflowDetailRenderer, { ...rendererProps }));
-    }
-    return variant === 'desktop' ? (_jsx("div", { className: "oxa-workflow-desktop-page", children: content })) : (_jsx("div", { className: "oxa-workflow-mobile-page oxa-workflow-mobile-detail-page", children: content }));
+    };
+    const operations = task
+        ? _jsx(WorkflowTaskOperationsPanel, { onCommandCompleted: onCommandCompleted, surface: surface, taskId: task.id, variant: variant }, task.id)
+        : _jsx(WorkflowInstanceOperationsPanel, { instanceId: instance.id, onCommandCompleted: onCommandCompleted, surface: surface, variant: variant });
+    return _jsx(StandardWorkflowDetailRenderer, { surface: surface, timeline: timeline, warning: error, operations: operations, variant: variant, drawer: Boolean(onDismiss), drawerState: drawerState, newPageHref: newPageHref, onClose: editing ? () => { if (!editBusy)
+            setEditing(false); } : close, busy: editBusy, editing: editing && business?.resourceCode && business.recordId ? _jsx(WorkflowRecordEditor, { resourceCode: business.resourceCode, recordId: business.recordId, variant: variant, presentation: "embedded", onBusyChange: setEditBusy, onDismiss: () => setEditing(false), onSaved: () => { setEditing(false); void refresh(); } }) : undefined, onEdit: workflowHasEnded(instance) && identity.isAppSuperAdmin && (business?.status === 'ready' || business?.status === 'stale') ? () => setEditing(true) : undefined });
 }
+export function WorkflowRecordDetailPage({ variant = 'desktop', ...props }) { return _jsx(WorkflowDetailPage, { ...props, variant: variant, kind: "record" }); }
 export function WorkflowTaskPage({ variant = 'desktop', }) {
     return _jsx(WorkflowDetailPage, { kind: "task", variant: variant });
 }
 export function WorkflowInstancePage({ variant = 'desktop', }) {
     return _jsx(WorkflowDetailPage, { kind: "instance", variant: variant });
 }
-function WorkCenterMobile({ page, loading, status, onStatus, onPage, }) {
-    const navigate = useNavigate();
-    const current = Math.floor((page?.offset || 0) / (page?.limit || 20)) + 1;
-    return (_jsxs("div", { className: "oxa-workflow-mobile-page oxa-workflow-work-center-mobile", children: [_jsxs("header", { children: [_jsx(Typography.Title, { level: 2, children: "\u5BA1\u6279\u4E2D\u5FC3" }), _jsx(Typography.Text, { type: "secondary", children: "\u5F53\u524D\u7528\u6237\u89D2\u8272\u5E76\u96C6\u4E0B\u7684\u6D41\u7A0B\u4EFB\u52A1" })] }), _jsx(Segmented, { block: true, onChange: (value) => onStatus(value), options: [
-                    { label: '待我审批', value: 'pending' },
-                    { label: '我已处理', value: 'completed' },
-                ], value: status }), loading && !page ? (_jsx("div", { className: "oxa-page-loading", children: _jsx(Spin, {}) })) : null, _jsx("div", { className: "oxa-workflow-mobile-tasks", children: (page?.items || []).map((task) => (_jsxs(Card, { hoverable: true, onClick: () => navigate(task.detailNavigation.mobilePath), children: [_jsxs("div", { className: "oxa-workflow-mobile-task-heading", children: [_jsx("strong", { children: task.title }), _jsx(StatusTag, { status: task.status })] }), _jsx(Typography.Text, { children: task.businessKey }), _jsxs(Typography.Text, { type: "secondary", children: [task.workflowCode, " \u00B7 ", formatTime(task.updatedAt)] })] }, task.id))) }), !loading && !page?.items.length && _jsx(Empty, { description: "\u6682\u65E0\u6D41\u7A0B\u4EFB\u52A1" }), _jsxs("div", { className: "oxa-mobile-pagination", children: [_jsx(Button, { disabled: current <= 1, onClick: () => onPage(current - 1), children: "\u4E0A\u4E00\u9875" }), _jsxs(Typography.Text, { children: ["\u7B2C ", current, " \u9875"] }), _jsx(Button, { disabled: current * (page?.limit || 20) >= (page?.total || 0), onClick: () => onPage(current + 1), children: "\u4E0B\u4E00\u9875" })] })] }));
-}
-export function WorkflowWorkCenterPage({ variant = 'desktop', }) {
+const WORK_VIEWS = [
+    { value: 'created', label: '我创建的' }, { value: 'pending', label: '待我审批' },
+    { value: 'handled', label: '我已处理' }, { value: 'cc', label: '抄送我的' },
+];
+export function WorkflowWorkCenterPage({ variant = 'desktop' }) {
     const navigate = useNavigate();
-    const [status, setStatus] = useState('pending');
+    const [view, setView] = useState('pending');
     const [pageNumber, setPageNumber] = useState(1);
     const [pageSize, setPageSize] = useState(20);
     const [page, setPage] = useState(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState('');
-    const load = useCallback(async () => {
+    const [attempt, setAttempt] = useState(0);
+    useEffect(() => {
+        let active = true;
         setLoading(true);
         setError('');
-        try {
-            setPage(await loadWorkflowWorkCenter({
-                status,
-                limit: pageSize,
-                offset: (pageNumber - 1) * pageSize,
-            }));
-        }
-        catch (reason) {
-            setError(errorMessage(reason, '工作台加载失败'));
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [pageNumber, pageSize, status]);
-    useEffect(() => {
-        void load();
-    }, [load]);
-    const changeStatus = (value) => {
-        setStatus(value);
-        setPageNumber(1);
-    };
-    if (variant === 'mobile') {
-        return (_jsxs(_Fragment, { children: [error && _jsx(Alert, { description: error, showIcon: true, type: "error" }), _jsx(WorkCenterMobile, { loading: loading, onPage: setPageNumber, onStatus: changeStatus, page: page, status: status })] }));
-    }
+        setPage(null);
+        void loadWorkflowWorkCenter({ view, limit: pageSize, offset: (pageNumber - 1) * pageSize })
+            .then(result => { if (active)
+            setPage(result); })
+            .catch(reason => { if (active)
+            setError(errorMessage(reason, '待办加载失败')); })
+            .finally(() => { if (active)
+            setLoading(false); });
+        return () => { active = false; };
+    }, [attempt, pageNumber, pageSize, view]);
+    const open = (item) => navigate(variant === 'mobile' ? item.detailNavigation.mobilePath : item.detailNavigation.desktopPath);
     const columns = [
-        {
-            title: '审批事项',
-            dataIndex: 'title',
-            render: (value, task) => (_jsx(Link, { to: task.detailNavigation.desktopPath, children: String(value) })),
-        },
-        { title: '业务标识', dataIndex: 'businessKey' },
-        { title: '流程', dataIndex: 'workflowCode' },
-        {
-            title: '状态',
-            dataIndex: 'status',
-            render: (value) => _jsx(StatusTag, { status: String(value) }),
-        },
-        { title: '更新时间', dataIndex: 'updatedAt', render: formatTime },
+        { title: '申请事项', key: 'title', render: (_, item) => _jsx(Button, { type: "link", className: "oxa-work-item-link", onClick: () => open(item), children: item.title }) },
+        { title: '流程', dataIndex: 'workflowTitle', render: value => value || '—' },
+        { title: '当前节点', dataIndex: 'taskTitle', render: value => value || '—' },
+        { title: '状态', dataIndex: 'instanceStatus', render: (value, item) => _jsx(StatusTag, { status: String(value || item.status) }) },
+        { title: view === 'created' ? '创建时间' : view === 'cc' ? '抄送时间' : '更新时间', dataIndex: 'occurredAt', render: formatTime },
     ];
-    return (_jsx(Shell, { children: _jsxs(Card, { className: "oxa-workflow-work-center", children: [_jsxs("div", { className: "oxa-workflow-page-heading", children: [_jsxs("div", { children: [_jsx(Typography.Title, { level: 2, children: "\u5BA1\u6279\u5DE5\u4F5C\u53F0" }), _jsx(Typography.Text, { type: "secondary", children: "\u6309\u7167\u5F53\u524D\u767B\u5F55\u7528\u6237\u5728\u5E94\u7528\u4E2D\u7684\u5168\u90E8\u6709\u6548\u89D2\u8272\u67E5\u8BE2" })] }), _jsx(Button, { icon: _jsx(ReloadOutlined, {}), loading: loading, onClick: () => void load(), children: "\u5237\u65B0" })] }), _jsx(Segmented, { onChange: (value) => changeStatus(value), options: [
-                        { label: '待我审批', value: 'pending' },
-                        { label: '我已处理', value: 'completed' },
-                    ], value: status }), error && _jsx(Alert, { description: error, showIcon: true, type: "error" }), _jsx(Table, { columns: columns, dataSource: page?.items || [], loading: loading, pagination: {
-                        current: pageNumber,
-                        pageSize,
-                        total: page?.total || 0,
-                        showSizeChanger: true,
-                        onChange: (next, size) => {
-                            setPageNumber(next);
-                            setPageSize(size);
-                        },
-                    }, rowKey: "id" })] }) }));
+    const content = _jsxs("main", { className: `oxa-application-work-center oxa-application-work-center-${variant}`, children: [_jsxs("header", { children: [_jsx("h1", { children: "\u5F85\u529E\u4E2D\u5FC3" }), _jsx(Button, { icon: _jsx(ReloadOutlined, {}), loading: loading, onClick: () => setAttempt(value => value + 1), children: "\u5237\u65B0" })] }), _jsx(Tabs, { activeKey: view, onChange: value => { setView(value); setPageNumber(1); }, items: WORK_VIEWS.map(item => ({
+                    key: item.value, label: _jsxs("span", { children: [item.label, page?.counts && _jsx("small", { className: "oxa-work-count", children: page.counts[item.value] })] }),
+                })) }), error && _jsx(Alert, { title: "\u5F85\u529E\u52A0\u8F7D\u5931\u8D25", description: error, type: "error", showIcon: true, action: _jsx(Button, { onClick: () => setAttempt(value => value + 1), children: "\u91CD\u8BD5" }) }), variant === 'desktop' ? _jsx(Table, { rowKey: "id", columns: columns, dataSource: page?.items || [], loading: loading, pagination: {
+                    current: pageNumber, pageSize, total: page?.total || 0, showSizeChanger: true,
+                    onChange: (number, size) => { setPageNumber(number); setPageSize(size); },
+                } }) : _jsxs(_Fragment, { children: [loading && _jsx(Spin, {}), _jsx("div", { className: "oxa-work-center-mobile-list", children: page?.items.map(item => _jsxs("button", { type: "button", className: "oxa-work-center-item", onClick: () => open(item), children: [_jsxs("div", { children: [_jsx("strong", { children: item.title }), _jsx(StatusTag, { status: item.instanceStatus || item.status })] }), _jsx("p", { children: [item.workflowTitle, item.taskTitle].filter(Boolean).join(' · ') }), _jsx("time", { children: formatTime(item.occurredAt) })] }, item.id)) }), !loading && !page?.items.length && !error && _jsx(Empty, { description: "\u6682\u65E0\u76F8\u5173\u7533\u8BF7" }), Boolean(page && page.total > pageSize) && _jsxs("div", { className: "oxa-mobile-pagination", children: [_jsx(Button, { disabled: pageNumber <= 1, onClick: () => setPageNumber(value => value - 1), children: "\u4E0A\u4E00\u9875" }), _jsxs("span", { children: ["\u7B2C ", pageNumber, " \u9875"] }), _jsx(Button, { disabled: pageNumber * pageSize >= (page?.total || 0), onClick: () => setPageNumber(value => value + 1), children: "\u4E0B\u4E00\u9875" })] })] })] });
+    return content;
 }
 function RequirementFields({ requirements, }) {
     return (_jsx(_Fragment, { children: requirements.map((requirement) => (_jsx(Form.Item, { label: requirement.title, name: requirement.id, rules: requirement.required
@@ -1043,20 +1017,7 @@ async function workflowContextPrefillValue(field, rawValue, resources) {
             ...(Object.keys(snapshot).length ? { snapshot } : {}),
         };
     }
-    if (field.type === 'number.integer' || field.type === 'number.decimal') {
-        const parsed = Number(value);
-        if (!Number.isFinite(parsed)) {
-            throw new Error('OPENXIANGDA_WORKFLOW_LAUNCH_CONTEXT_VALUE_INVALID');
-        }
-        return parsed;
-    }
-    if (field.type === 'boolean') {
-        if (!['true', 'false'].includes(value)) {
-            throw new Error('OPENXIANGDA_WORKFLOW_LAUNCH_CONTEXT_VALUE_INVALID');
-        }
-        return value === 'true';
-    }
-    return value;
+    return workflowContextScalarValue(field, value);
 }
 export function WorkflowSubmissionPage({ instancePath, workflowCode: declaredWorkflowCode, variant = 'desktop', onDismiss, onCompleted, } = {}) {
     const { workflowCode: routeWorkflowCode = '' } = useParams();
@@ -1282,16 +1243,29 @@ export function WorkflowSubmissionPage({ instancePath, workflowCode: declaredWor
         }
         let active = true;
         let timer;
+        const startedAt = Date.now();
+        let failures = 0;
+        let controller;
         const refresh = async () => {
+            if (!active)
+                return;
+            if (Date.now() - startedAt >= 60_000) {
+                setProcessError('申请已提交，处理尚未结束；可稍后刷新状态，无需重复提交');
+                return;
+            }
+            controller = new AbortController();
+            const timeout = setTimeout(() => controller?.abort(new DOMException('状态读取超时', 'TimeoutError')), Math.min(10_000, 60_000 - (Date.now() - startedAt)));
             try {
-                const next = await loadProcessCommandSurface(commandId);
+                const next = await loadProcessCommandSurface(commandId, controller.signal);
                 if (!active)
                     return;
-                if (next.command.environmentKey !== identity.environment.key ||
+                if (next.command.id !== commandId ||
+                    next.command.environmentKey !== identity.environment.key ||
                     next.command.workflowCode !== workflowCode ||
                     next.command.subject.resourceCode !== definition?.subject.resourceCode) {
                     throw new Error('OPENXIANGDA_PROCESS_COMMAND_SCOPE_MISMATCH');
                 }
+                failures = 0;
                 setProcessSurface(next);
                 setProcessError(null);
                 if (next.command.status === 'started' && next.command.workflowInstanceId) {
@@ -1314,13 +1288,21 @@ export function WorkflowSubmissionPage({ instancePath, workflowCode: declaredWor
                 }
             }
             catch (error) {
-                if (active)
-                    setProcessError(errorMessage(error, '命令状态读取失败'));
+                if (!active)
+                    return;
+                const delay = processStatusReadRetryDelay(error, ++failures, Date.now() - startedAt);
+                setProcessError(delay === null ? '申请已提交，暂时无法读取处理状态；请稍后刷新，无需重复提交' : '申请已提交，正在重新读取处理状态，请勿重复提交');
+                if (delay !== null)
+                    timer = setTimeout(() => void refresh(), delay);
+            }
+            finally {
+                clearTimeout(timeout);
             }
         };
         void refresh();
         return () => {
             active = false;
+            controller?.abort();
             if (timer)
                 clearTimeout(timer);
         };
@@ -1357,7 +1339,7 @@ export function WorkflowSubmissionPage({ instancePath, workflowCode: declaredWor
     const drawerBusy = loading || Boolean(commandId && (!processSurface || ['accepted', 'resolving', 'ready', 'starting', 'retry_wait'].includes(processSurface.command.status)) && !processError);
     const dismissDrawer = () => { if (!submitInFlight.current && !drawerBusy)
         onDismiss?.(); };
-    const frame = (content) => onDismiss ? _jsx(Drawer, { open: true, title: definition?.title || '新增流程申请', closable: false, rootClassName: "oxa-resource-drawer oxa-workflow-launch-drawer", size: fullScreen || variant === 'mobile' ? '100vw' : 'min(960px, calc(100vw - 48px))', styles: { body: { padding: 0, overflow: 'auto' } }, keyboard: !drawerBusy, mask: { closable: !drawerBusy }, onClose: dismissDrawer, extra: _jsxs(Space, { size: 4, children: [_jsx(Button, { type: "text", "aria-label": fullScreen ? '退出全屏' : '全屏', icon: fullScreen ? _jsx(CompressOutlined, {}) : _jsx(ExpandOutlined, {}), onClick: () => setFullScreen(value => !value) }), launchPagePath.current && _jsx(Tooltip, { title: commandId ? '新开页面继续查看当前申请' : '新开页面（未提交内容不会带入）', children: _jsx(Button, { type: "text", "aria-label": "\u65B0\u5F00\u9875\u9762", icon: _jsx(ExportOutlined, {}), href: newPageHref, target: "_blank", rel: "noopener noreferrer", disabled: loading }) }), _jsx(Button, { type: "text", "aria-label": "\u5173\u95ED", disabled: drawerBusy, icon: _jsx(CloseOutlined, {}), onClick: dismissDrawer })] }), children: content }) : variant === 'desktop' ? (_jsx("div", { className: "oxa-workflow-desktop-page oxa-workflow-submission-standalone-page", children: content })) : content;
+    const frame = (content) => onDismiss ? _jsx(Drawer, { open: true, title: definition?.title || '新增流程申请', closable: false, rootClassName: "oxa-resource-drawer oxa-workflow-launch-drawer", size: fullScreen || variant === 'mobile' ? '100vw' : 'min(850px, calc(100vw - 48px))', styles: { body: { padding: 0, overflow: 'auto' } }, keyboard: !drawerBusy, mask: { closable: !drawerBusy }, onClose: dismissDrawer, extra: _jsxs(Space, { size: 4, children: [_jsx(Button, { type: "text", "aria-label": fullScreen ? '退出全屏' : '全屏', icon: fullScreen ? _jsx(CompressOutlined, {}) : _jsx(ExpandOutlined, {}), onClick: () => setFullScreen(value => !value) }), launchPagePath.current && _jsx(Tooltip, { title: commandId ? '新开页面继续查看当前申请' : '新开页面（未提交内容不会带入）', children: _jsx(Button, { type: "text", "aria-label": "\u65B0\u5F00\u9875\u9762", icon: _jsx(ExportOutlined, {}), href: newPageHref, target: "_blank", rel: "noopener noreferrer", disabled: loading }) }), _jsx(Button, { type: "text", "aria-label": "\u5173\u95ED", disabled: drawerBusy, icon: _jsx(CloseOutlined, {}), onClick: dismissDrawer })] }), children: content }) : variant === 'desktop' ? (_jsx("div", { className: "oxa-workflow-desktop-page oxa-workflow-submission-standalone-page", children: content })) : content;
     if (!definition)
         return frame(_jsx(Result, { status: "404", title: "\u672A\u58F0\u660E\u8BE5\u5DE5\u4F5C\u6D41" }));
     if (definition.launch.mode !== 'standalone' &&
@@ -1564,6 +1546,7 @@ export function WorkflowSubmissionPage({ instancePath, workflowCode: declaredWor
     const uploadOperationCode = namedIntent?.operationCode || definition.processOperationCode;
     const fieldRenderers = uploadOperationCode
         ? {
+            ...(namedIntent ? { referenceLaunch: { workflowCode: definition.code, operationCode: namedIntent.operationCode } } : {}),
             upload: async (field, file) => await uploadOperationManagedFile({
                 operationCode: uploadOperationCode,
                 resourceCode: subjectDefinition.code,
@@ -1622,16 +1605,16 @@ function ProcessCommandPanel({ form, surface, error, loading, onAnswer, onRetry,
     }
     return (_jsxs("div", { className: "oxa-workflow-submission-followup", children: [command.status === 'awaiting_input' ? (_jsx(Card, { title: "\u8FD8\u9700\u8981\u8865\u5145\u4E00\u4E9B\u4FE1\u606F", children: _jsxs(Form, { form: form, layout: "vertical", onFinish: values => void onAnswer(values), children: [_jsx(RequirementFields, { requirements: surface.requirements }), _jsx(Button, { htmlType: "submit", loading: loading, type: "primary", children: "\u63D0\u4EA4\u8865\u5145\u4FE1\u606F" })] }) })) : null, ['cancelled', 'dead_letter'].includes(command.status) ? (_jsx(Result, { extra: surface.resume.retry ? (_jsx(Button, { loading: loading, onClick: () => void onRetry(), type: "primary", children: "\u91CD\u65B0\u5C1D\u8BD5" })) : null, status: "error", subTitle: "\u8BF7\u7A0D\u540E\u91CD\u8BD5\uFF1B\u5982\u95EE\u9898\u6301\u7EED\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u3002", title: "\u7533\u8BF7\u6682\u672A\u53D1\u8D77\u6210\u529F" })) : null] }));
 }
-function DesktopProcessSubmissionRenderer(props) {
-    if (props.completion) {
-        return (_jsx("div", { className: "oxa-workflow-submission oxa-workflow-submission-desktop", children: _jsx(Result, { extra: _jsx(Button, { onClick: props.onBack, children: "\u8FD4\u56DE" }), status: "success", subTitle: `业务记录 ${props.completion.subjectId} 已提交，本次无需进入审批流程。`, title: "\u4E1A\u52A1\u63D0\u4EA4\u6210\u529F" }) }));
-    }
-    return (_jsx("div", { className: "oxa-workflow-submission oxa-workflow-submission-desktop", children: _jsx(Spin, { description: "\u6B63\u5728\u63D0\u4EA4\u7533\u8BF7\uFF0C\u8BF7\u7A0D\u5019\u2026", spinning: props.processing, children: _jsxs(Card, { className: "oxa-workflow-submission-card", children: [!props.embedded && _jsx(Typography.Title, { level: 2, children: props.title }), props.launchControls, _jsxs(Form, { form: props.subjectForm, layout: "vertical", onFinish: values => void props.onSubmit(values), children: [_jsx("div", { className: "oxa-grid", children: props.fields.map(field => (_jsx(SurfaceFieldControl, { disabled: props.loading || props.submitted, field: field, operation: props.mutationMode === 'update' ? 'update' : 'create', recordId: props.recordId, renderers: props.fieldRenderers, resourceCode: props.subjectDefinition.code }, field.key))) }), _jsxs(Space, { children: [!props.embedded && _jsx(Button, { disabled: props.processing, icon: _jsx(ArrowLeftOutlined, {}), onClick: props.onBack, children: "\u8FD4\u56DE" }), _jsx(Button, { disabled: props.submitted, htmlType: "submit", loading: props.loading || props.processing, type: "primary", children: "\u63D0\u4EA4\u5BA1\u6279" })] })] }), _jsx(ProcessCommandPanel, { error: props.processError, form: props.requirementForm, loading: props.loading, onAnswer: props.onAnswer, onRetry: props.onRetry, onRefresh: props.onRefresh, surface: props.processSurface })] }) }) }));
-}
-function MobileProcessSubmissionRenderer(props) {
-    if (props.completion) {
-        return (_jsx("div", { className: "oxa-mobile-page", children: _jsx(Result, { extra: _jsx(Button, { onClick: props.onBack, children: "\u8FD4\u56DE" }), status: "success", subTitle: `业务记录 ${props.completion.subjectId} 已提交，本次无需进入审批流程。`, title: "\u4E1A\u52A1\u63D0\u4EA4\u6210\u529F" }) }));
-    }
-    return (_jsx(Spin, { description: "\u6B63\u5728\u63D0\u4EA4\u7533\u8BF7\uFF0C\u8BF7\u7A0D\u5019\u2026", spinning: props.processing, children: _jsxs("div", { className: "oxa-mobile-page oxa-workflow-submission-mobile", children: [!props.embedded && _jsx(Typography.Title, { level: 3, children: props.title }), props.launchControls, _jsxs(Form, { className: "oxa-mobile-form", form: props.subjectForm, layout: "vertical", onFinish: values => void props.onSubmit(values), children: [props.fields.map(field => (_jsx(MobileSurfaceFieldControl, { disabled: props.loading || props.submitted, field: field, operation: props.mutationMode === 'update' ? 'update' : 'create', recordId: props.recordId, renderers: props.fieldRenderers, resourceCode: props.subjectDefinition.code }, field.key))), _jsx(Button, { block: true, disabled: props.submitted, htmlType: "submit", loading: props.loading || props.processing, type: "primary", children: "\u63D0\u4EA4\u5BA1\u6279" })] }), _jsx(ProcessCommandPanel, { error: props.processError, form: props.requirementForm, loading: props.loading, onAnswer: props.onAnswer, onRetry: props.onRetry, onRefresh: props.onRefresh, surface: props.processSurface })] }) }));
+function StandardProcessSubmissionRenderer(props) {
+    const groups = [...props.fields.reduce((groups, field) => {
+            const section = field.section || 'default';
+            groups.set(section, [...(groups.get(section) || []), field]);
+            return groups;
+        }, new Map())].map(([section, fields]) => ({ section, fields }));
+    if (props.completion)
+        return _jsx(Result, { status: "success", title: "\u63D0\u4EA4\u6210\u529F", extra: _jsx(Button, { onClick: props.onBack, children: "\u8FD4\u56DE" }) });
+    return _jsxs("div", { className: props.variant === 'mobile' ? 'oxa-mobile-page oxa-mobile-entry oxa-workflow-submission-mobile' : 'oxa-workflow-entry', children: [!props.embedded && _jsxs("header", { className: props.variant === 'mobile' ? 'oxa-mobile-header' : 'oxa-workflow-entry-header', children: [_jsx(Button, { type: "text", "aria-label": "\u8FD4\u56DE", icon: _jsx(ArrowLeftOutlined, {}), disabled: props.processing, onClick: props.onBack }), _jsx("h3", { children: props.title }), _jsx("span", {})] }), _jsx(ResourceFormContent, { variant: props.variant, mode: props.mutationMode === 'update' ? 'edit' : 'create', resourceCode: props.subjectDefinition.code, recordId: props.recordId, groups: groups, form: props.subjectForm, busy: props.loading || props.submitted, pending: props.loading || props.processing, submitDisabled: props.submitted, submitLabel: "\u63D0\u4EA4\u5BA1\u6279", canWriteField: () => true, renderers: props.fieldRenderers, feedback: _jsxs(_Fragment, { children: [props.launchControls, props.processing && _jsx(Alert, { type: "info", showIcon: true, title: "\u6B63\u5728\u63D0\u4EA4\u7533\u8BF7\uFF0C\u8BF7\u7A0D\u5019\u2026" })] }), onSubmit: values => void props.onSubmit(values) }), _jsx(ProcessCommandPanel, { error: props.processError, form: props.requirementForm, loading: props.loading, onAnswer: props.onAnswer, onRetry: props.onRetry, onRefresh: props.onRefresh, surface: props.processSurface })] });
 }
+function DesktopProcessSubmissionRenderer(props) { return _jsx(StandardProcessSubmissionRenderer, { ...props, variant: "desktop" }); }
+function MobileProcessSubmissionRenderer(props) { return _jsx(StandardProcessSubmissionRenderer, { ...props, variant: "mobile" }); }
 //# sourceMappingURL=StandardWorkflowPages.js.map