openxiangda 2.62.1 → 2.65.0

package/dist/browser/components/resource/GeneratedResourceCrud.js

@@ -12,7 +12,7 @@ import { SurfaceFieldValue, } from './SurfaceFields';
 import { createNativeResourceClient, loadResourceListPreference, platformReadErrorMessage, resetResourceListPreference, saveResourceListPreference, } from '../../platform-client';
 import { useRuntime } from '../../runtime';
 import { ResourceBatchActions, ResourceImportButton, WorkflowResourceImportButton, } from './ResourceBatchActions';
-import { isAdminContributionAllowed, useAdminResourceContributions, } from '../../admin-contributions';
+import { isAdminContributionAllowed, useAdminResourceContributions, useResourcePageContributions, } from '../../admin-contributions';
 import { SubtableValueDisplay, } from '../platform-fields/SubtableField';
 import { selectedSurfaceFields } from './resource-field-selection';
 import { ResourceRecordComments } from './ResourceRecordComments';
@@ -30,6 +30,7 @@ import { RecordDetailFrame, RecordDetailSections, detailTime } from './RecordDet
 import { RecordChangeHistory } from './RecordChangeHistory';
 import { WorkflowRecordEditor } from '../workflow/WorkflowRecordEditor';
 import { WorkflowRecordHistoryPanel } from '../workflow/WorkflowRecordHistoryPanel';
+import { StandardUserSurfaceErrorBoundary } from '../../standard-user-surfaces';
 async function exportResourceRows(code, name, surface, fields, query, sorts) {
     const client = createNativeResourceClient(code, surface);
     const exported = await client.exportCsv({
@@ -105,9 +106,11 @@ function useGeneratedList(definition, readableFieldCodes) {
         sorts,
     };
 }
-export function GeneratedResourcePage({ resourceCode, viewCode, mode = 'list', variant = 'desktop', definition: providedDefinition, paths, }) {
+export function GeneratedResourcePage({ resourceCode, viewCode, mode = 'list', variant = 'desktop', definition: providedDefinition, paths, ...lifecycle }) {
     const definitions = useResourceDefinitions();
     const params = useParams();
+    const { hasCapability, hasReadCapability } = useRuntime();
+    const pages = useResourcePageContributions(resourceCode, viewCode ?? providedDefinition?.viewCode);
     const definition = useMemo(() => {
         const base = providedDefinition || definitions[resourceCode];
         if (!base || viewCode === undefined)
@@ -126,17 +129,25 @@ export function GeneratedResourcePage({ resourceCode, viewCode, mode = 'list', v
         (generated.update && !paths.edit)) {
         return _jsx(Result, { status: "500", title: "\u751F\u6210\u8D44\u6E90\u8DEF\u7531\u5408\u540C\u4E0D\u5B8C\u6574" });
     }
-    const pageKey = `${mode}:${resourceCode}:${viewCode || ""}:${params.id || ''}`;
+    const permitted = mode === 'list' || mode === 'detail'
+        ? hasReadCapability(definition.capabilities.read)
+        : hasCapability(definition.capabilities[mode === 'edit' ? 'update' : 'create']);
+    if (!permitted)
+        return _jsx(Result, { status: "403", title: "\u5F53\u524D\u5E73\u53F0\u7528\u6237\u65E0\u6B64\u9875\u9762\u6743\u9650" });
+    const Page = pages?.[mode === 'create' || mode === 'edit' ? 'form' : mode];
+    const pageKey = `${mode}:${resourceCode}:${viewCode || ""}:${lifecycle.recordId || params.id || ''}`;
+    if (Page)
+        return _jsx(StandardUserSurfaceErrorBoundary, { resetKey: pageKey, children: _jsx(Page, { definition: definition, paths: paths, variant: variant, mode: mode, ...lifecycle }) });
     if (mode === 'list')
         return _jsx(GeneratedResourceListPage, { definition: definition, paths: paths, variant: variant }, pageKey);
     if (mode === 'detail')
-        return _jsx(GeneratedResourceDetailPage, { definition: definition, paths: paths, variant: variant }, pageKey);
-    return _jsx(GeneratedResourceFormPage, { definition: definition, mode: mode, paths: paths, variant: variant }, pageKey);
+        return _jsx(GeneratedResourceDetailPage, { definition: definition, paths: paths, variant: variant, ...lifecycle }, pageKey);
+    return _jsx(GeneratedResourceFormPage, { definition: definition, mode: mode, paths: paths, variant: variant, ...lifecycle }, pageKey);
 }
 function GeneratedResourceListPage({ definition, paths, variant }) {
     return variant === 'mobile' ? _jsx(GeneratedMobileList, { definition: definition, paths: paths }) : _jsx(GeneratedDesktopList, { definition: definition, paths: paths });
 }
-function GeneratedDesktopList({ definition, paths }) {
+export function useResourceListController({ definition, paths, columnRenderers }) {
     const navigate = useNavigate();
     const { message } = App.useApp();
     const { hasCapability, hasReadCapability, identity } = useRuntime();
@@ -321,7 +332,7 @@ function GeneratedDesktopList({ definition, paths }) {
             sorter: field.sortable ? { multiple: Math.max(1, fields.length - state.sorts.findIndex(sort => sort.field === field.key)) } : false,
             sortOrder: state.sorts.find(sort => sort.field === field.key)?.order === 'asc' ? 'ascend' : state.sorts.find(sort => sort.field === field.key)?.order === 'desc' ? 'descend' : null,
             render: (value, record) => {
-                const rendered = (_jsx(SurfaceFieldValue, { field: field, resourceCode: code, value: value }));
+                const rendered = columnRenderers?.[field.key] ? columnRenderers[field.key]({ value, record, field }) : (_jsx(SurfaceFieldValue, { field: field, resourceCode: code, value: value }));
                 return field.key === firstVisibleBusinessField?.key && generated.detail ? (_jsx("a", { onClick: () => setDetailId(record.id), children: rendered })) : rendered;
             },
         })),
@@ -364,6 +375,7 @@ function GeneratedDesktopList({ definition, paths }) {
                         }) }, contribution.code)))] })),
         },
     ], [
+        columnRenderers,
         capabilities.delete,
         capabilities.update,
         code,
@@ -481,60 +493,101 @@ function GeneratedDesktopList({ definition, paths }) {
             label: `${fieldFor(surface, key).label}：${filterValueLabel(state.query.filters?.[key])}`,
         })),
     ];
-    return (_jsxs(ResourceListPage, { createCapability: generated.create ? capabilities.create : undefined, createPath: generated.create ? paths.create : undefined, readCapability: capabilities.read, resource: code, surface: surface, title: name, children: [state.list.query.isError && (_jsx(Alert, { action: _jsx(Button, { onClick: () => void state.list.query.refetch(), size: "small", children: "\u91CD\u8BD5" }), description: state.list.query.error instanceof Error ? state.list.query.error.message : '请稍后重试或联系平台管理员', showIcon: true, title: "\u6570\u636E\u8BFB\u53D6\u5931\u8D25", type: "error" })), _jsx(ResourceAdvancedFilter, { open: moreFiltersOpen, fields: filterDefinitions, value: state.query.where, resourceCode: code, onClose: () => setMoreFiltersOpen(false), onApply: where => applyQuery({ ...state.query, filters: undefined, where }) }), _jsxs("div", { className: "oxa-list-toolbar", children: [_jsxs(Space, { className: "oxa-list-toolbar-primary", wrap: true, children: [standardWorkflow && _jsx(Button, { "aria-label": "\u65B0\u589E\u6D41\u7A0B\u7533\u8BF7", icon: _jsx(PlusOutlined, {}), type: "primary", onClick: () => setWorkflowOpen(true), children: "\u65B0\u589E" }), generated.create && hasCapability(capabilities.create) && (_jsx(Button, { "aria-label": "\u65B0\u589E", icon: _jsx(PlusOutlined, {}), onClick: () => setFormTarget({ mode: 'create' }), type: "primary", children: "\u65B0\u589E" })), surface.list?.actions?.import !== false && standardWorkflow?.processOperationCode && (_jsx(WorkflowResourceImportButton, { code: code, name: name, onCompleted: () => state.list.query.refetch(), processOperationCode: standardWorkflow.processOperationCode, surface: surface, workflowCode: standardWorkflow.code, writableFieldCodes: workflowImportFieldCodes })), surface.list?.actions?.import !== false && generated.create && hasCapability(capabilities.create) && (_jsx(ResourceImportButton, { code: code, name: name, surface: surface, writableFieldCodes: importWritableFieldCodes, onCompleted: () => state.list.query.refetch() })), surface.list?.actions?.export !== false && _jsx(Button, { "aria-label": "\u5BFC\u51FA", icon: _jsx(ExportOutlined, {}), loading: exporting, onClick: () => void handleExport(), children: "\u5BFC\u51FA" }), toolbarContributions.map((contribution) => (_jsx(Fragment, { children: contribution.render({
-                                    resource: code,
-                                    selectedRecords: selectedRows,
-                                    refresh: () => state.list.query.refetch(),
-                                }) }, contribution.code)))] }), _jsxs(Space, { className: "oxa-list-toolbar-secondary", wrap: true, children: [displayDirty && _jsxs("span", { className: "oxa-list-dirty", children: ["\u4F60\u8C03\u6574\u4E86\u663E\u793A\u5217\u914D\u7F6E ", _jsx(Button, { type: "link", "aria-label": "\u4FDD\u5B58\u663E\u793A\u5217\u914D\u7F6E", loading: preferenceSaving, disabled: !visibleColumnKeys.length, onClick: () => void savePreference(), children: "\u4FDD\u5B58" })] }), searchableFields.length > 0 && _jsx(Input.Search, { className: "oxa-list-search", "aria-label": "\u641C\u7D22\u6570\u636E", allowClear: true, disabled: !preferenceReady, placeholder: keywordPlaceholder, value: state.draft.keyword, onChange: event => state.setDraft(current => ({ ...current, keyword: event.target.value })), onSearch: value => applyQuery({ ...state.query, keyword: value }) }), filterFields.length > 0 && _jsxs(Button, { "aria-label": "\u7B5B\u9009", icon: _jsx(FilterOutlined, {}), disabled: !preferenceReady, onClick: () => setMoreFiltersOpen(true), children: ["\u7B5B\u9009", activeAdditionalCount ? ` (${activeAdditionalCount})` : ''] }), _jsx(Popover, { trigger: "click", placement: "bottomRight", open: settingsOpen, onOpenChange: setSettingsOpen, destroyOnHidden: true, content: _jsx(ResourceListSettings, { columns: configurableColumns, value: display, disabled: preferenceSaving, onChange: changeDisplay, onReset: () => void restorePreference() }), children: _jsx(Button, { "aria-label": "\u663E\u793A\u5217", type: "text", icon: _jsx(SettingOutlined, {}), disabled: !preferenceReady, children: "\u663E\u793A\u5217" }) }), _jsx(Popover, { trigger: "click", placement: "bottomRight", open: sortsOpen, onOpenChange: setSortsOpen, destroyOnHidden: true, content: _jsx(ResourceSortSettings, { fields: sortFields, value: state.sorts, onApply: sorts => {
-                                        void (async () => {
-                                            try {
-                                                await saveResourceListPreference(listKey, { ...preferencePayload(), ...JSON.parse(savedDisplay || displaySignature), sorts: sorts.map(sort => ({ field: sort.field, direction: sort.order === 'asc' ? 'ascend' : 'descend' })) });
-                                                state.setSorts(sorts);
-                                                state.setPage(1);
-                                                setSortsOpen(false);
-                                            }
-                                            catch (error) {
-                                                message.error(error instanceof Error ? error.message : '排序保存失败');
-                                            }
-                                        })();
-                                    } }, String(sortsOpen)), children: _jsxs(Button, { "aria-label": "\u6392\u5E8F", type: "text", icon: _jsx(SortAscendingOutlined, {}), disabled: !preferenceReady, children: ["\u6392\u5E8F", state.sorts.length ? ` (${state.sorts.length})` : ''] }) }), _jsx(Tooltip, { title: "\u5237\u65B0", children: _jsx(Button, { "aria-label": "\u5237\u65B0\u6570\u636E", icon: _jsx(ReloadOutlined, {}), loading: state.list.query.isFetching, onClick: () => void state.list.query.refetch() }) })] })] }), appliedConditions.length > 0 && (_jsxs("div", { className: "oxa-applied-filters", children: [_jsx("span", { children: "\u5DF2\u9009\u6761\u4EF6" }), _jsx("div", { className: "oxa-applied-filter-tags", children: appliedConditions.map(condition => (_jsx(Tag, { closable: true, onClose: (event) => {
-                                event.preventDefault();
-                                removeAppliedFilter(condition.key);
-                            }, children: condition.label }, condition.key))) }), _jsx(Button, { onClick: () => applyQuery({}), type: "link", children: "\u6E05\u7A7A\u5168\u90E8" })] })), correctionId && _jsx(WorkflowRecordEditor, { resourceCode: code, recordId: correctionId, drawerState: drawerState, onDismiss: () => { setCorrectionId(undefined); setEntryFullScreen(false); }, onSaved: id => { setCorrectionId(undefined); if (generated.detail)
+    return { definition, paths, navigate, message, hasCapability, hasReadCapability, identity, code, name, surface, capabilities, generated, workflowDefinitions, contributions, fields, readableFieldCodes, state, exporting, setExporting, moreFiltersOpen, setMoreFiltersOpen, settingsOpen, setSettingsOpen, formTarget, setFormTarget, detailId, setDetailId, workflowOpen, setWorkflowOpen, correctionId, setCorrectionId, entryFullScreen, setEntryFullScreen, drawerState, sortsOpen, setSortsOpen, frozenKeys, setFrozenKeys, columnOrder, setColumnOrder, savedDisplay, setSavedDisplay, density, setDensity, visibleColumnKeys, setVisibleColumnKeys, selectedRowKeys, setSelectedRowKeys, preferenceReady, setPreferenceReady, preferenceSaving, setPreferenceSaving, hasSavedPreference, setHasSavedPreference, remove, rows, formFields, importWritableFieldCodes, standardWorkflows, standardWorkflow, workflowImportFieldCodes, batchWritableFields, selectedRows, toolbarContributions, rowContributions, canBatch, configurableColumns, listKey, filterFields, filterDefinitions, sortFields, orderedKeys, display, displaySignature, displayDirty, preferencePayload, firstVisibleBusinessField, columns, handleExport, changeDisplay, savePreference, restorePreference, searchableFields, searchLabels, keywordPlaceholder, activeAdditionalCount, applyQuery, removeAppliedFilter, appliedConditions, total: state.list.result.total || 0, loading: state.list.query.isFetching, error: state.list.query.error, refresh: () => state.list.query.refetch() };
+}
+export function ResourceListContainer({ controller, children }) {
+    const { paths, code, name, surface, capabilities, generated } = controller;
+    return (_jsx(ResourceListPage, { createCapability: generated.create ? capabilities.create : undefined, createPath: generated.create ? paths.create : undefined, readCapability: capabilities.read, resource: code, surface: surface, title: name, children: children }));
+}
+export function ResourceListError({ controller }) {
+    const { message, state } = controller;
+    return (_jsx(_Fragment, { children: state.list.query.isError && (_jsx(Alert, { action: _jsx(Button, { onClick: () => void state.list.query.refetch(), size: "small", children: "\u91CD\u8BD5" }), description: state.list.query.error instanceof Error ? state.list.query.error.message : '请稍后重试或联系平台管理员', showIcon: true, title: "\u6570\u636E\u8BFB\u53D6\u5931\u8D25", type: "error" })) }));
+}
+export function ResourceListAdvancedFilter({ controller }) {
+    const { code, fields, state, moreFiltersOpen, setMoreFiltersOpen, filterDefinitions, applyQuery } = controller;
+    return (_jsx(_Fragment, { children: _jsx(ResourceAdvancedFilter, { open: moreFiltersOpen, fields: filterDefinitions, value: state.query.where, resourceCode: code, onClose: () => setMoreFiltersOpen(false), onApply: where => applyQuery({ ...state.query, filters: undefined, where }) }) }));
+}
+export function ResourceListActions({ controller }) {
+    const { hasCapability, code, name, surface, capabilities, generated, state, exporting, setFormTarget, setWorkflowOpen, importWritableFieldCodes, standardWorkflow, workflowImportFieldCodes, selectedRows, toolbarContributions, handleExport } = controller;
+    return (_jsxs(Space, { className: "oxa-list-toolbar-primary", wrap: true, children: [standardWorkflow && _jsx(Button, { "aria-label": "\u65B0\u589E\u6D41\u7A0B\u7533\u8BF7", icon: _jsx(PlusOutlined, {}), type: "primary", onClick: () => setWorkflowOpen(true), children: "\u65B0\u589E" }), generated.create && hasCapability(capabilities.create) && (_jsx(Button, { "aria-label": "\u65B0\u589E", icon: _jsx(PlusOutlined, {}), onClick: () => setFormTarget({ mode: 'create' }), type: "primary", children: "\u65B0\u589E" })), surface.list?.actions?.import !== false && standardWorkflow?.processOperationCode && (_jsx(WorkflowResourceImportButton, { code: code, name: name, onCompleted: () => state.list.query.refetch(), processOperationCode: standardWorkflow.processOperationCode, surface: surface, workflowCode: standardWorkflow.code, writableFieldCodes: workflowImportFieldCodes })), surface.list?.actions?.import !== false && generated.create && hasCapability(capabilities.create) && (_jsx(ResourceImportButton, { code: code, name: name, surface: surface, writableFieldCodes: importWritableFieldCodes, onCompleted: () => state.list.query.refetch() })), surface.list?.actions?.export !== false && _jsx(Button, { "aria-label": "\u5BFC\u51FA", icon: _jsx(ExportOutlined, {}), loading: exporting, onClick: () => void handleExport(), children: "\u5BFC\u51FA" }), toolbarContributions.map((contribution) => (_jsx(Fragment, { children: contribution.render({
+                    resource: code,
+                    selectedRecords: selectedRows,
+                    refresh: () => state.list.query.refetch(),
+                }) }, contribution.code)))] }));
+}
+export function ResourceListQueryBar({ controller }) {
+    const { message, fields, state, setMoreFiltersOpen, settingsOpen, setSettingsOpen, sortsOpen, setSortsOpen, savedDisplay, visibleColumnKeys, preferenceReady, preferenceSaving, configurableColumns, listKey, filterFields, sortFields, display, displaySignature, displayDirty, preferencePayload, columns, changeDisplay, savePreference, restorePreference, searchableFields, keywordPlaceholder, activeAdditionalCount, applyQuery } = controller;
+    return (_jsxs(Space, { className: "oxa-list-toolbar-secondary", wrap: true, children: [displayDirty && _jsxs("span", { className: "oxa-list-dirty", children: ["\u4F60\u8C03\u6574\u4E86\u663E\u793A\u5217\u914D\u7F6E ", _jsx(Button, { type: "link", "aria-label": "\u4FDD\u5B58\u663E\u793A\u5217\u914D\u7F6E", loading: preferenceSaving, disabled: !visibleColumnKeys.length, onClick: () => void savePreference(), children: "\u4FDD\u5B58" })] }), searchableFields.length > 0 && _jsx(Input.Search, { className: "oxa-list-search", "aria-label": "\u641C\u7D22\u6570\u636E", allowClear: true, disabled: !preferenceReady, placeholder: keywordPlaceholder, value: state.draft.keyword, onChange: event => state.setDraft(current => ({ ...current, keyword: event.target.value })), onSearch: value => applyQuery({ ...state.query, keyword: value }) }), filterFields.length > 0 && _jsxs(Button, { "aria-label": "\u7B5B\u9009", icon: _jsx(FilterOutlined, {}), disabled: !preferenceReady, onClick: () => setMoreFiltersOpen(true), children: ["\u7B5B\u9009", activeAdditionalCount ? ` (${activeAdditionalCount})` : ''] }), _jsx(Popover, { trigger: "click", placement: "bottomRight", open: settingsOpen, onOpenChange: setSettingsOpen, destroyOnHidden: true, content: _jsx(ResourceListSettings, { columns: configurableColumns, value: display, disabled: preferenceSaving, onChange: changeDisplay, onReset: () => void restorePreference() }), children: _jsx(Button, { "aria-label": "\u663E\u793A\u5217", type: "text", icon: _jsx(SettingOutlined, {}), disabled: !preferenceReady, children: "\u663E\u793A\u5217" }) }), _jsx(Popover, { trigger: "click", placement: "bottomRight", open: sortsOpen, onOpenChange: setSortsOpen, destroyOnHidden: true, content: _jsx(ResourceSortSettings, { fields: sortFields, value: state.sorts, onApply: sorts => {
+                        void (async () => {
+                            try {
+                                await saveResourceListPreference(listKey, { ...preferencePayload(), ...JSON.parse(savedDisplay || displaySignature), sorts: sorts.map(sort => ({ field: sort.field, direction: sort.order === 'asc' ? 'ascend' : 'descend' })) });
+                                state.setSorts(sorts);
+                                state.setPage(1);
+                                setSortsOpen(false);
+                            }
+                            catch (error) {
+                                message.error(error instanceof Error ? error.message : '排序保存失败');
+                            }
+                        })();
+                    } }, String(sortsOpen)), children: _jsxs(Button, { "aria-label": "\u6392\u5E8F", type: "text", icon: _jsx(SortAscendingOutlined, {}), disabled: !preferenceReady, children: ["\u6392\u5E8F", state.sorts.length ? ` (${state.sorts.length})` : ''] }) }), _jsx(Tooltip, { title: "\u5237\u65B0", children: _jsx(Button, { "aria-label": "\u5237\u65B0\u6570\u636E", icon: _jsx(ReloadOutlined, {}), loading: state.list.query.isFetching, onClick: () => void state.list.query.refetch() }) })] }));
+}
+export function ResourceListToolbar({ controller }) { return _jsxs("div", { className: "oxa-list-toolbar", children: [_jsx(ResourceListActions, { controller: controller }), _jsx(ResourceListQueryBar, { controller: controller })] }); }
+export function ResourceListAppliedFilters({ controller }) {
+    const { applyQuery, removeAppliedFilter, appliedConditions } = controller;
+    return (_jsx(_Fragment, { children: appliedConditions.length > 0 && (_jsxs("div", { className: "oxa-applied-filters", children: [_jsx("span", { children: "\u5DF2\u9009\u6761\u4EF6" }), _jsx("div", { className: "oxa-applied-filter-tags", children: appliedConditions.map(condition => (_jsx(Tag, { closable: true, onClose: (event) => {
+                            event.preventDefault();
+                            removeAppliedFilter(condition.key);
+                        }, children: condition.label }, condition.key))) }), _jsx(Button, { onClick: () => applyQuery({}), type: "link", children: "\u6E05\u7A7A\u5168\u90E8" })] })) }));
+}
+export function ResourceListOverlays({ controller }) {
+    const { definition, paths, code, surface, generated, state, formTarget, setFormTarget, detailId, setDetailId, workflowOpen, setWorkflowOpen, correctionId, setCorrectionId, setEntryFullScreen, drawerState, standardWorkflow } = controller;
+    return (_jsxs(_Fragment, { children: [correctionId && _jsx(WorkflowRecordEditor, { resourceCode: code, recordId: correctionId, drawerState: drawerState, onDismiss: () => { setCorrectionId(undefined); setEntryFullScreen(false); }, onSaved: id => { setCorrectionId(undefined); if (generated.detail)
                     setDetailId(id); void state.list.query.refetch(); } }), workflowOpen && standardWorkflow && _jsx(WorkflowSubmissionPage, { workflowCode: standardWorkflow.code, onDismiss: () => setWorkflowOpen(false), onCompleted: id => { setWorkflowOpen(false); if (generated.detail)
-                    setDetailId(id); void state.list.query.refetch(); } }), detailId && _jsx(GeneratedResourceDetailPage, { definition: definition, paths: paths, variant: "desktop", recordId: detailId, drawerState: drawerState, onDismiss: () => { setDetailId(undefined); setEntryFullScreen(false); }, onEdit: () => { if (surface.mutationOwner === 'workflow')
+                    setDetailId(id); void state.list.query.refetch(); } }), detailId && _jsx(GeneratedResourcePage, { resourceCode: code, definition: definition, mode: "detail", paths: paths, variant: "desktop", recordId: detailId, drawerState: drawerState, onDismiss: () => { setDetailId(undefined); setEntryFullScreen(false); }, onEdit: () => { if (surface.mutationOwner === 'workflow')
                     setCorrectionId(detailId);
                 else
-                    setFormTarget({ mode: 'edit', id: detailId }); setDetailId(undefined); } }), formTarget && _jsx(GeneratedResourceFormPage, { definition: definition, paths: paths, variant: "desktop", mode: formTarget.mode, recordId: formTarget.id, drawerState: drawerState, onDismiss: () => { setFormTarget(undefined); setEntryFullScreen(false); }, onSaved: id => { setFormTarget(undefined); if (generated.detail)
-                    setDetailId(id); void state.list.query.refetch(); } }, `${formTarget.mode}:${formTarget.id || ''}`), _jsx(ResourceBatchActions, { canDelete: Boolean(generated.delete && hasCapability(capabilities.delete)), code: code, name: name, onClear: () => setSelectedRowKeys([]), onCompleted: () => state.list.query.refetch(), rows: selectedRows, surface: surface, writableFields: batchWritableFields }), _jsx(Table, { columns: [...columns.filter(column => column.key !== 'actions')].sort((a, b) => orderedKeys.indexOf(String(a.key)) - orderedKeys.indexOf(String(b.key))).sort((a, b) => Number(b.fixed === 'left') - Number(a.fixed === 'left')).concat(columns.filter(column => column.key === 'actions')), dataSource: rows, loading: state.list.query.isFetching, locale: { emptyText: _jsx(Empty, { description: visibleColumnKeys.length ? `暂无${name}` : '请选择至少一列' }) }, rowKey: "id", rowSelection: canBatch
-                    ? {
-                        selectedRowKeys,
-                        onChange: (keys) => {
-                            const next = keys.map(String);
-                            if (next.length > 100)
-                                message.warning('单次最多选择 100 条记录');
-                            setSelectedRowKeys(next.slice(0, 100));
-                        },
-                    }
-                    : undefined, scroll: { x: 'max-content' }, size: density, onChange: (_, __, sorter, extra) => {
-                    if (extra.action !== 'sort')
-                        return;
-                    const items = Array.isArray(sorter) ? sorter : [sorter];
-                    state.setPage(1);
-                    state.setSorts(items.filter(item => item.field && item.order).map(item => ({ field: String(item.field), order: item.order === 'ascend' ? 'asc' : 'desc' })));
-                }, pagination: {
-                    current: state.page,
-                    pageSize: state.pageSize,
-                    total: state.list.result.total || 0,
-                    showSizeChanger: true,
-                    showTotal: total => `共 ${total} 条`,
-                    onChange: (next, size) => {
-                        state.setPage(next);
-                        state.setPageSize(size);
+                    setFormTarget({ mode: 'edit', id: detailId }); setDetailId(undefined); } }), formTarget && _jsx(GeneratedResourcePage, { resourceCode: code, definition: definition, paths: paths, variant: "desktop", mode: formTarget.mode, recordId: formTarget.id, drawerState: drawerState, onDismiss: () => { setFormTarget(undefined); setEntryFullScreen(false); }, onSaved: id => { setFormTarget(undefined); if (generated.detail)
+                    setDetailId(id); void state.list.query.refetch(); } }, `${formTarget.mode}:${formTarget.id || ''}`)] }));
+}
+export function ResourceListBatchBar({ controller }) {
+    const { hasCapability, code, name, surface, capabilities, generated, state, setSelectedRowKeys, rows, batchWritableFields, selectedRows } = controller;
+    return (_jsx(_Fragment, { children: _jsx(ResourceBatchActions, { canDelete: Boolean(generated.delete && hasCapability(capabilities.delete)), code: code, name: name, onClear: () => setSelectedRowKeys([]), onCompleted: () => state.list.query.refetch(), rows: selectedRows, surface: surface, writableFields: batchWritableFields }) }));
+}
+export function ResourceListTable({ controller }) {
+    const { message, name, state, density, visibleColumnKeys, selectedRowKeys, setSelectedRowKeys, rows, canBatch, orderedKeys, columns } = controller;
+    return (_jsx(_Fragment, { children: _jsx(Table, { columns: [...columns.filter(column => column.key !== 'actions')].sort((a, b) => orderedKeys.indexOf(String(a.key)) - orderedKeys.indexOf(String(b.key))).sort((a, b) => Number(b.fixed === 'left') - Number(a.fixed === 'left')).concat(columns.filter(column => column.key === 'actions')), dataSource: rows, loading: state.list.query.isFetching, locale: { emptyText: _jsx(Empty, { description: visibleColumnKeys.length ? `暂无${name}` : '请选择至少一列' }) }, rowKey: "id", rowSelection: canBatch
+                ? {
+                    selectedRowKeys,
+                    onChange: (keys) => {
+                        const next = keys.map(String);
+                        if (next.length > 100)
+                            message.warning('单次最多选择 100 条记录');
+                        setSelectedRowKeys(next.slice(0, 100));
                     },
-                } })] }));
+                }
+                : undefined, scroll: { x: 'max-content' }, size: density, onChange: (_, __, sorter, extra) => {
+                if (extra.action !== 'sort')
+                    return;
+                const items = Array.isArray(sorter) ? sorter : [sorter];
+                state.setPage(1);
+                state.setSorts(items.filter(item => item.field && item.order).map(item => ({ field: String(item.field), order: item.order === 'ascend' ? 'asc' : 'desc' })));
+            }, pagination: {
+                current: state.page,
+                pageSize: state.pageSize,
+                total: state.list.result.total || 0,
+                showSizeChanger: true,
+                showTotal: total => `共 ${total} 条`,
+                onChange: (next, size) => {
+                    state.setPage(next);
+                    state.setPageSize(size);
+                },
+            } }) }));
+}
+function GeneratedDesktopList(props) {
+    const controller = useResourceListController(props);
+    return _jsxs(ResourceListContainer, { controller: controller, children: [_jsx(ResourceListError, { controller: controller }), _jsx(ResourceListAdvancedFilter, { controller: controller }), _jsx(ResourceListToolbar, { controller: controller }), _jsx(ResourceListAppliedFilters, { controller: controller }), _jsx(ResourceListOverlays, { controller: controller }), _jsx(ResourceListBatchBar, { controller: controller }), _jsx(ResourceListTable, { controller: controller })] });
 }
-function GeneratedMobileList({ definition, paths }) {
+export function useMobileResourceListController({ definition, paths, mobileFields }) {
     const navigate = useNavigate();
     const { hasCapability, hasReadCapability, identity } = useRuntime();
     const { message } = App.useApp();
@@ -546,9 +599,9 @@ function GeneratedMobileList({ definition, paths }) {
     const state = useGeneratedList(definition, readableFieldCodes);
     const [exporting, setExporting] = useState(false);
     const rows = (state.list.result.data || []);
-    const fields = selectedSurfaceFields(surface, 'list')
-        .filter((field) => fieldReadable(field, hasReadCapability, identity.isAppSuperAdmin))
-        .slice(0, 4);
+    const availableFields = selectedSurfaceFields(surface, 'list')
+        .filter((field) => fieldReadable(field, hasReadCapability, identity.isAppSuperAdmin));
+    const fields = mobileFields ? [...new Set(mobileFields)].flatMap(key => availableFields.filter(field => field.key === key)) : availableFields.slice(0, 4);
     const handleExport = async () => {
         setExporting(true);
         try {
@@ -562,19 +615,43 @@ function GeneratedMobileList({ definition, paths }) {
             setExporting(false);
         }
     };
-    return (_jsxs(MobileResourceListPage, { createCapability: generated.create ? capabilities.create : undefined, createPath: generated.create ? paths.create : undefined, description: `${code} 资源`, onExport: surface.list?.actions?.export !== false ? () => void handleExport() : undefined, readCapability: capabilities.read, resource: code, surface: surface, title: name, children: [state.list.query.isError && (_jsx(Alert, { action: _jsx(Button, { onClick: () => void state.list.query.refetch(), size: "small", children: "\u91CD\u8BD5" }), description: state.list.query.error instanceof Error ? state.list.query.error.message : '请稍后重试或联系平台管理员', showIcon: true, title: "\u6570\u636E\u8BFB\u53D6\u5931\u8D25", type: "error" })), _jsxs("div", { className: "oxa-mobile-filter", children: [_jsx(Input, { allowClear: true, placeholder: "\u5173\u952E\u8BCD", value: state.draft.keyword, onChange: (event) => state.setDraft((item) => ({ ...item, keyword: event.target.value })), onPressEnter: () => {
-                            state.setPage(1);
-                            state.setQuery(state.draft);
-                        } }), _jsx(Button, { loading: state.list.query.isFetching, icon: _jsx(SearchOutlined, {}), onClick: () => {
-                            state.setPage(1);
-                            state.setQuery(state.draft);
-                        }, type: "primary", children: "\u67E5\u8BE2" })] }), state.list.query.isFetching ? (_jsx("div", { className: "oxa-page-loading", children: _jsx(Spin, {}) })) : rows.length ? (_jsx("div", { className: "oxa-mobile-record-list", children: rows.map((record) => {
-                    const primaryField = fields[0];
-                    const primaryValue = primaryField ? (_jsx(SurfaceFieldValue, { field: primaryField, resourceCode: code, value: record[primaryField.key] })) : (_jsx(_Fragment, { children: record.id }));
-                    return (_jsxs(Card, { className: "oxa-mobile-record-card", size: "small", children: [_jsx("div", { className: "oxa-mobile-record-heading", children: generated.detail ? (_jsx("a", { onClick: () => navigate(resourceRecordPath(paths.detail, record.id)), children: primaryValue })) : (primaryValue) }), _jsx("div", { className: "oxa-mobile-record-fields", children: fields.slice(1).map((field) => (_jsxs("div", { children: [_jsx(Typography.Text, { type: "secondary", children: field.label }), _jsx("div", { children: _jsx(SurfaceFieldValue, { field: field, resourceCode: code, value: record[field.key] }) })] }, field.key))) }), _jsxs(Space, { children: [generated.detail && (_jsx(Button, { onClick: () => navigate(resourceRecordPath(paths.detail, record.id)), size: "small", children: "\u67E5\u770B" })), generated.update && hasCapability(capabilities.update) && (_jsx(Button, { onClick: () => navigate(resourceRecordPath(paths.edit, record.id)), size: "small", children: "\u7F16\u8F91" }))] })] }, record.id));
-                }) })) : (_jsx(Card, { children: _jsx(Empty, { description: `暂无${name}` }) })), _jsxs("div", { className: "oxa-mobile-pagination", children: [_jsx(Button, { disabled: state.page <= 1, onClick: () => state.setPage((item) => item - 1), children: "\u4E0A\u4E00\u9875" }), _jsxs(Typography.Text, { children: ["\u7B2C ", state.page, " \u9875"] }), _jsx(Button, { disabled: rows.length < (surface.list?.defaultPageSize || 20), onClick: () => state.setPage((item) => item + 1), children: "\u4E0B\u4E00\u9875" })] })] }));
+    return { definition, paths, navigate, hasCapability, hasReadCapability, identity, message, code, name, surface, capabilities, generated, readableFieldCodes, state, exporting, setExporting, rows, fields, handleExport, total: state.list.result.total || 0, loading: state.list.query.isFetching, error: state.list.query.error, refresh: () => state.list.query.refetch() };
+}
+export function MobileResourceListContainer({ controller, children, description }) {
+    const { paths, code, name, surface, capabilities, generated, handleExport } = controller;
+    return (_jsx(MobileResourceListPage, { createCapability: generated.create ? capabilities.create : undefined, createPath: generated.create ? paths.create : undefined, description: description === false ? undefined : description ?? `${code} 资源`, onExport: surface.list?.actions?.export !== false ? () => void handleExport() : undefined, readCapability: capabilities.read, resource: code, surface: surface, title: name, children: children }));
+}
+export function MobileResourceListError({ controller }) {
+    const { message, state } = controller;
+    return (_jsx(_Fragment, { children: state.list.query.isError && (_jsx(Alert, { action: _jsx(Button, { onClick: () => void state.list.query.refetch(), size: "small", children: "\u91CD\u8BD5" }), description: state.list.query.error instanceof Error ? state.list.query.error.message : '请稍后重试或联系平台管理员', showIcon: true, title: "\u6570\u636E\u8BFB\u53D6\u5931\u8D25", type: "error" })) }));
+}
+export function MobileResourceListQueryBar({ controller }) {
+    const { state } = controller;
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "oxa-mobile-filter", children: [_jsx(Input, { allowClear: true, placeholder: "\u5173\u952E\u8BCD", value: state.draft.keyword, onChange: (event) => state.setDraft((item) => ({ ...item, keyword: event.target.value })), onPressEnter: () => {
+                        state.setPage(1);
+                        state.setQuery(state.draft);
+                    } }), _jsx(Button, { loading: state.list.query.isFetching, icon: _jsx(SearchOutlined, {}), onClick: () => {
+                        state.setPage(1);
+                        state.setQuery(state.draft);
+                    }, type: "primary", children: "\u67E5\u8BE2" })] }) }));
+}
+export function MobileResourceListCards({ controller }) {
+    const { paths, navigate, hasCapability, code, name, capabilities, generated, state, rows, fields } = controller;
+    return (_jsx(_Fragment, { children: state.list.query.isFetching ? (_jsx("div", { className: "oxa-page-loading", children: _jsx(Spin, {}) })) : rows.length ? (_jsx("div", { className: "oxa-mobile-record-list", children: rows.map((record) => {
+                const primaryField = fields[0];
+                const primaryValue = primaryField ? (_jsx(SurfaceFieldValue, { field: primaryField, resourceCode: code, value: record[primaryField.key] })) : (_jsx(_Fragment, { children: record.id }));
+                return (_jsxs(Card, { className: "oxa-mobile-record-card", size: "small", children: [_jsx("div", { className: "oxa-mobile-record-heading", children: generated.detail ? (_jsx("a", { onClick: () => navigate(resourceRecordPath(paths.detail, record.id)), children: primaryValue })) : (primaryValue) }), _jsx("div", { className: "oxa-mobile-record-fields", children: fields.slice(1).map((field) => (_jsxs("div", { children: [_jsx(Typography.Text, { type: "secondary", children: field.label }), _jsx("div", { children: _jsx(SurfaceFieldValue, { field: field, resourceCode: code, value: record[field.key] }) })] }, field.key))) }), _jsxs(Space, { children: [generated.detail && (_jsx(Button, { onClick: () => navigate(resourceRecordPath(paths.detail, record.id)), size: "small", children: "\u67E5\u770B" })), generated.update && hasCapability(capabilities.update) && (_jsx(Button, { onClick: () => navigate(resourceRecordPath(paths.edit, record.id)), size: "small", children: "\u7F16\u8F91" }))] })] }, record.id));
+            }) })) : (_jsx(Card, { children: _jsx(Empty, { description: `暂无${name}` }) })) }));
+}
+export function MobileResourceListPagination({ controller }) {
+    const { surface, state, rows } = controller;
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "oxa-mobile-pagination", children: [_jsx(Button, { disabled: state.page <= 1, onClick: () => state.setPage((item) => item - 1), children: "\u4E0A\u4E00\u9875" }), _jsxs(Typography.Text, { children: ["\u7B2C ", state.page, " \u9875"] }), _jsx(Button, { disabled: rows.length < (surface.list?.defaultPageSize || 20), onClick: () => state.setPage((item) => item + 1), children: "\u4E0B\u4E00\u9875" })] }) }));
+}
+function GeneratedMobileList(props) {
+    const controller = useMobileResourceListController(props);
+    return _jsxs(MobileResourceListContainer, { controller: controller, children: [_jsx(MobileResourceListError, { controller: controller }), _jsx(MobileResourceListQueryBar, { controller: controller }), _jsx(MobileResourceListCards, { controller: controller }), _jsx(MobileResourceListPagination, { controller: controller })] });
 }
-function GeneratedResourceDetailPage({ definition, paths, variant, recordId, onDismiss, onEdit, drawerState }) {
+export function GeneratedResourceDetailPage({ definition, paths, variant, recordId, onDismiss, onEdit, drawerState }) {
     if (definition.surface.mutationOwner === 'workflow')
         return _jsx(WorkflowRecordDetailPage, { resourceCode: definition.code, recordId: recordId, variant: variant, onDismiss: onDismiss, drawerState: drawerState });
     return _jsx(NativeResourceDetailPage, { definition: definition, paths: paths, variant: variant, recordId: recordId, onDismiss: onDismiss, onEdit: onEdit, drawerState: drawerState });