openxiangda 2.0.0-alpha.99 → 2.0.0

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

@@ -1,17 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ArrowLeftOutlined, ClockCircleOutlined, CheckCircleOutlined, CloseCircleOutlined, EllipsisOutlined, ReloadOutlined, CloseOutlined, ExpandOutlined, CompressOutlined, ExportOutlined, } from '@ant-design/icons';
+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, loadWorkflowRecordDetail, loadWorkflowDataAudit, 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 { SurfaceFieldValue, } from '../resource/SurfaceFields';
-import { buildWorkflowNamedOperationInput, parseWorkflowNamedOperationResult, workflowLaunchContractJsonEqual, } from '../../workflow-launch';
+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';
@@ -75,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 });
@@ -302,28 +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({ id, placeholder, value, onChange, multiple = false, maxCount, }) {
-    const [options, setOptions] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const sequence = useRef(0);
-    useEffect(() => () => { sequence.current += 1; }, []);
-    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 })));
-        })
-            .catch(() => { if (current === sequence.current)
-            setOptions([]); })
-            .finally(() => {
-            if (current === sequence.current)
-                setLoading(false);
-        });
-    };
-    return (_jsx(Select, { id: id, mode: multiple ? 'multiple' : undefined, maxCount: maxCount, filterOption: false, loading: loading, onChange: onChange, onSearch: search, options: options, placeholder: placeholder || '搜索并选择人员', 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;
@@ -335,7 +326,7 @@ 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}` }] : []),
@@ -349,7 +340,7 @@ function OperationFields({ operation, }) {
             ];
             let control = _jsx(Input, { placeholder: ui.placeholder });
             if (ui.component === 'user_select')
-                control = _jsx(WorkflowUserSelect, { multiple: property.type === 'array' || ui.mode === 'multiple', maxCount: property.maxItems, placeholder: ui.placeholder });
+                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,
@@ -373,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 }));
 }
@@ -734,11 +725,13 @@ function StandardWorkflowDetailRenderer({ surface, timeline, warning, operations
     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 === 'success' ? 'success' : statusTone === 'error' ? 'error' : activeNode ? 'active' : 'neutral';
+    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: onEdit, editing: editing, busy: busy, drawer: drawer, drawerState: drawerState, newPageHref: newPageHref, footer: _jsxs(_Fragment, { children: [operations, _jsx(Button, { onClick: back, children: "\u5173\u95ED" }), onEdit && _jsx(Button, { onClick: onEdit, children: "\u7F16\u8F91" })] }), children: [warning && _jsx(Alert, { description: warning, showIcon: true, type: "warning" }), _jsxs("div", { className: `oxa-workflow-current-node is-${bannerTone}`, role: "status", children: [_jsxs("span", { children: [bannerTone === 'success' ? _jsx(CheckCircleOutlined, {}) : bannerTone === 'error' ? _jsx(CloseCircleOutlined, {}) : _jsx(ClockCircleOutlined, {}), activeNode ? `当前节点：${activeNode.title}` : workflowStatus(instance.status).label] }), people && _jsxs("span", { children: ["\u7B49\u5F85", people, "\u5904\u7406"] })] }), _jsx(Tabs, { activeKey: tab, onChange: setTab, items: [
+            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
@@ -852,7 +845,7 @@ function WorkflowDetailPage({ kind, variant, resourceCode, recordId, onDismiss,
         ? _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: identity.isAppSuperAdmin && (business?.status === 'ready' || business?.status === 'stale') ? () => setEditing(true) : undefined });
+            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', }) {
@@ -902,7 +895,7 @@ export function WorkflowWorkCenterPage({ variant = 'desktop' }) {
                     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 variant === 'desktop' ? _jsx(Shell, { children: content }) : content;
+    return content;
 }
 function RequirementFields({ requirements, }) {
     return (_jsx(_Fragment, { children: requirements.map((requirement) => (_jsx(Form.Item, { label: requirement.title, name: requirement.id, rules: requirement.required
@@ -1024,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();
@@ -1263,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) {
@@ -1295,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);
         };
@@ -1545,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,