openxiangda 1.0.264 → 2.0.0-alpha.2

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

@@ -0,0 +1,580 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowRightOutlined, ColumnHeightOutlined, DeleteOutlined, EditOutlined, EyeOutlined, ExportOutlined, PlusOutlined, ReloadOutlined, SearchOutlined, SettingOutlined, UpOutlined, DownOutlined, } from '@ant-design/icons';
+import { useCreate, useDelete, useList, useOne, useUpdate } from '@refinedev/core';
+import { App, Alert, Button, Card, Collapse, Descriptions, Dropdown, Empty, Form, Input, Popconfirm, Result, Select, Space, Spin, Table, Tooltip, Typography, } from 'antd';
+import { useEffect, useMemo, useState } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
+import { MobileResourceDetailPage, MobileResourceFormPage, MobileResourceListPage, ResourceDetailPage, ResourceFormPage, ResourceListPage, } from './StandardResourcePages';
+import { auditActorLabel, auditFieldChange, auditFieldCodes, listSurfaceFields, MobileSurfaceFieldControl, SurfaceAuditFieldValue, SurfaceFieldControl, SurfaceFieldValue, SurfaceFilterControl, } from './SurfaceFields';
+import { createNativeResourceClient, transactNativeData, } from '../../platform-client';
+import { normalizeFormValues, normalizeRecordForForm } from '../platform-fields/field-form-codec';
+import { DirectoryIdentityText } from '../../AuthoritativeSelector';
+import { useRuntime } from '../../runtime';
+import { ResourceBatchActions, ResourceImportButton } from './ResourceBatchActions';
+import { SubtableField, SubtableValueDisplay, } from '../platform-fields/SubtableField';
+import { buildSubtableOperations, } from '../platform-fields/subtable-value';
+import { useResourceDefinitions } from '../../resource-definitions';
+function signatureSigner(profile) {
+    if (!profile)
+        return undefined;
+    return {
+        label: profile.displayName,
+        value: profile.userId,
+        ...(profile.avatarUrl ? { avatarUrl: profile.avatarUrl } : {}),
+        ...(profile.jobNumber ? { employeeNo: profile.jobNumber } : {}),
+        ...(profile.affiliatedDepartment
+            ? {
+                departments: [{
+                        label: profile.affiliatedDepartment.name,
+                        value: profile.affiliatedDepartment.id,
+                    }],
+            }
+            : {}),
+    };
+}
+function fieldFor(surface, key) {
+    const field = surface.fields[key];
+    return field
+        ? { key, ...field }
+        : {
+            key,
+            label: key,
+            type: 'text.short',
+            widget: 'text',
+            readCapabilities: [],
+            createCapabilities: [],
+            updateCapabilities: [],
+        };
+}
+function fieldsBySection(surface) {
+    const groups = new Map();
+    for (const [key, field] of Object.entries(surface.fields)) {
+        if (field.system)
+            continue;
+        const section = field.section || 'default';
+        groups.set(section, [...(groups.get(section) || []), { key, ...field }]);
+    }
+    return [...groups.entries()].map(([section, fields]) => ({
+        section,
+        fields,
+    }));
+}
+function fieldWriteAuthorized(field, mode, hasCapability, isAppSuperAdmin) {
+    if (isAppSuperAdmin)
+        return true;
+    const capabilities = mode === 'create' ? field.createCapabilities : field.updateCapabilities;
+    return capabilities.length > 0 && capabilities.every(hasCapability);
+}
+function fieldWritable(field, mode, hasCapability, isAppSuperAdmin) {
+    return field.widget !== 'readonly' && fieldWriteAuthorized(field, mode, hasCapability, isAppSuperAdmin);
+}
+function fieldReadable(field, hasCapability, isAppSuperAdmin) {
+    return isAppSuperAdmin || (field.readCapabilities.length > 0 && field.readCapabilities.every(hasCapability));
+}
+function auditOperationLabel(operation) {
+    return operation === 'created' ? '创建' : operation === 'deleted' ? '删除' : '更新';
+}
+function auditValue(field, value, resourceCode) {
+    if (value === undefined || value === null || value === '') {
+        return _jsx(Typography.Text, { type: "secondary", children: "-" });
+    }
+    return (_jsx(SurfaceAuditFieldValue, { field: field, resourceCode: resourceCode, value: value }));
+}
+function auditChangeFields(entry, surface) {
+    const fields = fieldsBySection(surface).flatMap((group) => group.fields);
+    const changed = new Set(auditFieldCodes(entry));
+    return fields.filter((field) => changed.has(field.key));
+}
+async function exportResourceRows(code, name, surface, fields, query, sort) {
+    const client = createNativeResourceClient(code, surface);
+    const exported = await client.exportCsv({
+        page: 1,
+        pageSize: 200,
+        keyword: query.keyword,
+        searchField: query.searchField,
+        filters: query.filters,
+        sort,
+    }, fields.map((field) => field.key));
+    const url = URL.createObjectURL(exported.blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = exported.fileName || `${name}.csv`;
+    anchor.click();
+    window.setTimeout(() => URL.revokeObjectURL(url), 0);
+    return { rowLimit: exported.rowLimit };
+}
+function AuditEntry({ entry, resourceCode, surface, readable, }) {
+    const fields = auditChangeFields(entry, surface).filter(readable);
+    return (_jsxs("div", { className: "oxa-audit-entry", children: [_jsxs("div", { className: "oxa-audit-heading", children: [_jsx("strong", { children: auditOperationLabel(entry.operation) }), _jsxs(Typography.Text, { type: "secondary", children: ["\u7248\u672C ", entry.revision] })] }), _jsxs("div", { className: "oxa-audit-meta", children: [_jsx("span", { children: "\u64CD\u4F5C\u4EBA" }), entry.actor.principalType === 'user' || entry.actor.principalType === 'developer' ? (_jsx(DirectoryIdentityText, { id: entry.actor.subjectId, source: "user" })) : (_jsxs(Typography.Text, { children: [auditActorLabel(entry), "\uFF08", entry.actor.subjectId, "\uFF09"] })), _jsx("span", { children: "\u65F6\u95F4" }), _jsx(Typography.Text, { children: new Date(entry.occurredAt).toLocaleString('zh-CN') })] }), fields.length ? (_jsx("div", { className: "oxa-audit-changes", children: fields.map((field) => {
+                    const change = auditFieldChange(entry, field.key);
+                    const before = change?.before;
+                    const after = change?.after;
+                    return (_jsxs("div", { className: "oxa-audit-change", children: [_jsx(Typography.Text, { strong: true, children: field.label }), _jsxs("div", { className: "oxa-audit-change-values", children: [auditValue(field, before, resourceCode), _jsx(ArrowRightOutlined, {}), auditValue(field, after, resourceCode)] })] }, field.key));
+                }) })) : (_jsx(Typography.Text, { type: "secondary", children: "\u672A\u53D1\u751F\u5B57\u6BB5\u53D8\u5316" }))] }));
+}
+function useGeneratedList(definition, readableFieldCodes) {
+    const { code, surface } = definition;
+    const declaredDefaultSort = surface.list?.defaultSort?.field;
+    const defaultSortField = (declaredDefaultSort && readableFieldCodes.has(declaredDefaultSort)
+        ? declaredDefaultSort
+        : Object.keys(surface.fields).find((field) => readableFieldCodes.has(field))) || 'id';
+    const defaultSortOrder = surface.list?.defaultSort?.order || 'asc';
+    const defaultPageSize = surface.list?.defaultPageSize || 20;
+    const defaultSearchField = (surface.list?.searchableFields || []).find((field) => readableFieldCodes.has(field));
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(defaultPageSize);
+    const [draft, setDraft] = useState({ searchField: defaultSearchField });
+    const [query, setQuery] = useState({});
+    const [sort, setSort] = useState({
+        field: defaultSortField,
+        order: defaultSortOrder,
+    });
+    useEffect(() => {
+        setPage(1);
+        setPageSize(defaultPageSize);
+        setDraft({ searchField: defaultSearchField });
+        setQuery({});
+        setSort({
+            field: defaultSortField,
+            order: defaultSortOrder,
+        });
+    }, [code, defaultPageSize, defaultSearchField, defaultSortField, defaultSortOrder]);
+    const list = useList({
+        resource: code,
+        pagination: { currentPage: page, pageSize },
+        sorters: [sort],
+        meta: { query },
+    });
+    return {
+        draft,
+        list,
+        page,
+        pageSize,
+        query,
+        setDraft,
+        setPage,
+        setPageSize,
+        setQuery,
+        setSort,
+        sort,
+    };
+}
+export function GeneratedResourcePage({ resourceCode, mode = 'list', variant = 'desktop', definition: providedDefinition, }) {
+    const definitions = useResourceDefinitions();
+    const definition = providedDefinition || definitions[resourceCode];
+    if (!definition || definition.surface.generated === false) {
+        return _jsx(Result, { status: "404", title: "\u672A\u58F0\u660E\u53EF\u751F\u6210\u7684\u8D44\u6E90\u9875\u9762" });
+    }
+    const pageKey = `${variant}:${mode}:${resourceCode}`;
+    if (mode === 'list')
+        return _jsx(GeneratedResourceListPage, { definition: definition, variant: variant }, pageKey);
+    if (mode === 'detail')
+        return _jsx(GeneratedResourceDetailPage, { definition: definition, variant: variant }, pageKey);
+    return _jsx(GeneratedResourceFormPage, { definition: definition, mode: mode, variant: variant }, pageKey);
+}
+function GeneratedResourceListPage({ definition, variant }) {
+    return variant === 'mobile' ? _jsx(GeneratedMobileList, { definition: definition }) : _jsx(GeneratedDesktopList, { definition: definition });
+}
+function GeneratedDesktopList({ definition }) {
+    const navigate = useNavigate();
+    const { message } = App.useApp();
+    const { hasCapability, identity } = useRuntime();
+    const { code, name, surface, capabilities } = definition;
+    const fields = listSurfaceFields(surface.fields).filter((field) => fieldReadable(field, hasCapability, identity.isAppSuperAdmin));
+    const readableFieldCodes = new Set(Object.entries(surface.fields)
+        .filter(([, field]) => fieldReadable({ key: '', ...field }, hasCapability, identity.isAppSuperAdmin))
+        .map(([key]) => key));
+    const state = useGeneratedList(definition, readableFieldCodes);
+    const [exporting, setExporting] = useState(false);
+    const [filtersExpanded, setFiltersExpanded] = useState(false);
+    const [density, setDensity] = useState('middle');
+    const [visibleColumnKeys, setVisibleColumnKeys] = useState(() => fields.map((field) => field.key));
+    const [selectedRowKeys, setSelectedRowKeys] = useState([]);
+    const remove = useDelete();
+    const rows = (state.list.result.data || []);
+    useEffect(() => {
+        setVisibleColumnKeys(fields.map((field) => field.key));
+        setFiltersExpanded(false);
+        setDensity('middle');
+        setSelectedRowKeys([]);
+    }, [code]);
+    useEffect(() => {
+        setSelectedRowKeys([]);
+    }, [code, state.page, state.pageSize, state.query, state.sort.field, state.sort.order]);
+    const formFields = fieldsBySection(surface).flatMap((group) => group.fields);
+    const importWritableFieldCodes = formFields
+        .filter((field) => field.widget !== 'readonly' && fieldWritable(field, 'create', hasCapability, identity.isAppSuperAdmin))
+        .map((field) => field.key);
+    const batchWritableFields = formFields.filter((field) => !['file', 'readonly'].includes(field.widget || '') && fieldWritable(field, 'edit', hasCapability, identity.isAppSuperAdmin));
+    const selectedRows = rows.filter((row) => selectedRowKeys.includes(row.id));
+    const canBatch = hasCapability(capabilities.update) || hasCapability(capabilities.delete);
+    const columns = useMemo(() => [
+        ...fields
+            .filter((field) => visibleColumnKeys.includes(field.key))
+            .map((field) => ({
+            title: field.label,
+            dataIndex: field.key,
+            key: field.key,
+            sorter: Boolean(field.sortable),
+            render: (value, record) => (_jsx(SurfaceFieldValue, { field: field, resourceCode: code, value: value, renderers: {
+                    renderValue: ({ value: current }) => field.key === fields[0]?.key ? (_jsx("a", { onClick: () => navigate(`/${code}/${record.id}`), children: String(current || '-') })) : undefined,
+                } })),
+        })),
+        {
+            title: '更新时间',
+            dataIndex: 'updated_at',
+            key: 'updated_at',
+            render: (value) => (value ? new Date(String(value)).toLocaleString('zh-CN') : '-'),
+        },
+        {
+            title: '操作',
+            key: 'actions',
+            fixed: 'right',
+            render: (_, record) => (_jsxs(Space, { size: 4, children: [_jsx(Button, { "aria-label": "\u67E5\u770B", icon: _jsx(EyeOutlined, {}), onClick: () => navigate(`/${code}/${record.id}`), size: "small", type: "text" }), hasCapability(capabilities.update) && (_jsx(Button, { "aria-label": "\u7F16\u8F91", icon: _jsx(EditOutlined, {}), onClick: () => navigate(`/${code}/${record.id}/edit`), size: "small", type: "text" })), hasCapability(capabilities.delete) && (_jsx(Popconfirm, { onConfirm: () => remove.mutate({
+                            resource: code,
+                            id: record.id,
+                            meta: { expectedRevision: record.revision },
+                        }, {
+                            onSuccess: () => {
+                                message.success('已删除');
+                                void state.list.query.refetch();
+                            },
+                        }), title: `确定删除${name}？`, children: _jsx(Button, { "aria-label": "\u5220\u9664", danger: true, icon: _jsx(DeleteOutlined, {}), size: "small", type: "text" }) }))] })),
+        },
+    ], [
+        capabilities.delete,
+        capabilities.update,
+        code,
+        fields,
+        hasCapability,
+        message,
+        name,
+        navigate,
+        remove,
+        state.list.query,
+        visibleColumnKeys,
+    ]);
+    const handleExport = async () => {
+        setExporting(true);
+        try {
+            const result = await exportResourceRows(code, name, surface, fields, state.query, state.sort);
+            message.success(`导出已生成（最多 ${result.rowLimit} 条）`);
+        }
+        catch (error) {
+            message.error(error instanceof Error ? error.message : '导出失败');
+        }
+        finally {
+            setExporting(false);
+        }
+    };
+    const filterFields = (surface.list?.filterFields || []).filter((field) => readableFieldCodes.has(field));
+    const searchableFields = (surface.list?.searchableFields || []).filter((field) => readableFieldCodes.has(field));
+    const hasMoreFilters = filterFields.length > 2;
+    const columnMenu = {
+        items: fields.map((field) => ({ key: field.key, label: field.label })),
+        multiple: true,
+        selectable: true,
+        selectedKeys: visibleColumnKeys,
+        onSelect: ({ selectedKeys }) => setVisibleColumnKeys(selectedKeys.map(String)),
+        onDeselect: ({ selectedKeys }) => {
+            if (selectedKeys.length)
+                setVisibleColumnKeys(selectedKeys.map(String));
+            else
+                message.info('至少保留一列');
+        },
+    };
+    const densityMenu = {
+        items: [
+            { key: 'large', label: '宽松' },
+            { key: 'middle', label: '标准' },
+            { key: 'small', label: '紧凑' },
+        ],
+        selectable: true,
+        selectedKeys: [density],
+        onClick: ({ key }) => setDensity(key),
+    };
+    return (_jsxs(ResourceListPage, { createCapability: capabilities.create, createPath: `/${code}/new`, 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("section", { "aria-label": "\u6570\u636E\u7B5B\u9009", className: "oxa-search-panel", children: [_jsxs("div", { className: "oxa-filter-grid", children: [_jsx("div", { className: "oxa-filter-item", children: _jsx(Select, { allowClear: true, options: searchableFields.map((key) => ({
+                                        label: fieldFor(surface, key).label,
+                                        value: key,
+                                    })), placeholder: "\u641C\u7D22\u5B57\u6BB5", value: state.draft.searchField, onChange: (value) => state.setDraft((item) => ({ ...item, searchField: value })) }) }), _jsx("div", { className: "oxa-filter-item", children: _jsx(Input, { allowClear: true, onChange: (event) => state.setDraft((item) => ({
+                                        ...item,
+                                        keyword: event.target.value,
+                                    })), onPressEnter: () => {
+                                        state.setPage(1);
+                                        state.setQuery(state.draft);
+                                    }, placeholder: "\u5173\u952E\u8BCD", prefix: _jsx(SearchOutlined, {}), value: state.draft.keyword }) }), filterFields.map((key, index) => {
+                                const field = fieldFor(surface, key);
+                                return (_jsx("div", { className: `oxa-filter-item${index >= 2 && !filtersExpanded ? ' is-collapsed' : ''}`, children: _jsx(SurfaceFilterControl, { field: field, resourceCode: code, onChange: (value) => state.setDraft((item) => ({
+                                            ...item,
+                                            filters: { ...item.filters, [key]: value },
+                                        })), value: state.draft.filters?.[key] }) }, key));
+                            })] }), _jsxs("div", { className: "oxa-filter-actions", children: [_jsx(Button, { icon: _jsx(SearchOutlined, {}), loading: state.list.query.isFetching, onClick: () => {
+                                    state.setPage(1);
+                                    state.setQuery(state.draft);
+                                }, type: "primary", children: "\u67E5\u8BE2" }), _jsx(Button, { onClick: () => {
+                                    state.setDraft({});
+                                    state.setQuery({});
+                                    state.setPage(1);
+                                }, children: "\u91CD\u7F6E" }), hasMoreFilters && (_jsx(Button, { icon: filtersExpanded ? _jsx(UpOutlined, {}) : _jsx(DownOutlined, {}), onClick: () => setFiltersExpanded((value) => !value), type: "link", children: filtersExpanded ? '收起筛选' : `更多筛选（${filterFields.length - 2}）` }))] })] }), _jsxs("div", { className: "oxa-list-toolbar", children: [_jsxs(Space, { className: "oxa-list-toolbar-primary", wrap: true, children: [hasCapability(capabilities.create) && (_jsxs(Button, { icon: _jsx(PlusOutlined, {}), onClick: () => navigate(`/${code}/new`), type: "primary", children: ["\u65B0\u589E", name] })), hasCapability(capabilities.create) && (_jsx(ResourceImportButton, { code: code, name: name, surface: surface, writableFieldCodes: importWritableFieldCodes, onCompleted: () => state.list.query.refetch() })), _jsx(Button, { icon: _jsx(ExportOutlined, {}), loading: exporting, onClick: () => void handleExport(), children: "\u5BFC\u51FA" })] }), _jsxs(Space, { className: "oxa-list-toolbar-secondary", size: 4, children: [_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(), type: "text" }) }), _jsx(Dropdown, { menu: columnMenu, trigger: ['click'], children: _jsx(Button, { icon: _jsx(SettingOutlined, {}), type: "text", children: "\u5217\u8BBE\u7F6E" }) }), _jsx(Dropdown, { menu: densityMenu, trigger: ['click'], children: _jsx(Button, { icon: _jsx(ColumnHeightOutlined, {}), type: "text", children: "\u5BC6\u5EA6" }) })] })] }), _jsx(ResourceBatchActions, { canDelete: hasCapability(capabilities.delete), code: code, name: name, onClear: () => setSelectedRowKeys([]), onCompleted: () => state.list.query.refetch(), rows: selectedRows, surface: surface, writableFields: batchWritableFields }), _jsx(Table, { columns: columns, dataSource: rows, loading: state.list.query.isFetching, locale: { emptyText: _jsx(Empty, { description: `暂无${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) => {
+                    const item = Array.isArray(sorter) ? sorter[0] : sorter;
+                    if (item?.field && item.order)
+                        state.setSort({
+                            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,
+                    onChange: (next, size) => {
+                        state.setPage(next);
+                        state.setPageSize(size);
+                    },
+                } })] }));
+}
+function GeneratedMobileList({ definition }) {
+    const navigate = useNavigate();
+    const { hasCapability, identity } = useRuntime();
+    const { message } = App.useApp();
+    const { code, name, surface, capabilities } = definition;
+    const readableFieldCodes = new Set(Object.entries(surface.fields)
+        .filter(([, field]) => fieldReadable({ key: '', ...field }, hasCapability, identity.isAppSuperAdmin))
+        .map(([key]) => key));
+    const state = useGeneratedList(definition, readableFieldCodes);
+    const [exporting, setExporting] = useState(false);
+    const rows = (state.list.result.data || []);
+    const fields = listSurfaceFields(surface.fields)
+        .filter((field) => fieldReadable(field, hasCapability, identity.isAppSuperAdmin))
+        .slice(0, 4);
+    const handleExport = async () => {
+        setExporting(true);
+        try {
+            const result = await exportResourceRows(code, name, surface, fields, state.query, state.sort);
+            message.success(`导出已生成（最多 ${result.rowLimit} 条）`);
+        }
+        catch (error) {
+            message.error(error instanceof Error ? error.message : '导出失败');
+        }
+        finally {
+            setExporting(false);
+        }
+    };
+    return (_jsxs(MobileResourceListPage, { createCapability: capabilities.create, createPath: `/${code}/new`, description: `${code} 资源`, onExport: () => void handleExport(), 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) => (_jsxs(Card, { className: "oxa-mobile-record-card", size: "small", children: [_jsx("div", { className: "oxa-mobile-record-heading", children: _jsx("a", { onClick: () => navigate(`/${code}/${record.id}`), children: String(record[fields[0]?.key || 'id'] || '-') }) }), _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: [_jsx(Button, { onClick: () => navigate(`/${code}/${record.id}`), size: "small", children: "\u67E5\u770B" }), hasCapability(capabilities.update) && (_jsx(Button, { onClick: () => navigate(`/${code}/${record.id}/edit`), 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" })] })] }));
+}
+function GeneratedResourceFormPage({ definition, mode, variant, }) {
+    const { id = '' } = useParams();
+    const navigate = useNavigate();
+    const { message } = App.useApp();
+    const { hasCapability, identity } = useRuntime();
+    const definitions = useResourceDefinitions();
+    const [form] = Form.useForm();
+    const create = useCreate();
+    const update = useUpdate();
+    const [transactionPending, setTransactionPending] = useState(false);
+    const query = useOne({
+        resource: definition.code,
+        id,
+        queryOptions: { enabled: mode === 'edit' },
+    });
+    const record = query.result;
+    const { code, name, surface, capabilities } = definition;
+    useEffect(() => {
+        if (record)
+            form.setFieldsValue(normalizeRecordForForm(record, surface));
+    }, [form, record, surface]);
+    const listPath = `/${code}`;
+    const detailPath = `/${code}/${id}`;
+    const Page = variant === 'mobile' ? MobileResourceFormPage : ResourceFormPage;
+    const FieldControl = variant === 'mobile' ? MobileSurfaceFieldControl : SurfaceFieldControl;
+    if (!hasCapability(mode === 'create' ? capabilities.create : capabilities.update))
+        return _jsx(Result, { status: "403", title: "\u5F53\u524D\u5E73\u53F0\u7528\u6237\u65E0\u6B64\u64CD\u4F5C\u6743\u9650" });
+    const submit = async (values) => {
+        const writableValues = Object.fromEntries(Object.entries(values).filter(([key]) => fieldWritable(fieldFor(surface, key), mode, hasCapability, identity.isAppSuperAdmin)));
+        const subtableFields = Object.entries(surface.fields)
+            .map(([key, field]) => ({ key, ...field }))
+            .filter(field => field.type === 'subtable' &&
+            fieldWritable(field, mode, hasCapability, identity.isAppSuperAdmin));
+        const next = normalizeFormValues(Object.fromEntries(Object.entries(writableValues).filter(([key]) => surface.fields[key]?.type !== 'subtable')), surface);
+        if (subtableFields.length > 0) {
+            if (mode === 'edit' && (!record?.id || !Number.isSafeInteger(record.revision))) {
+                throw new Error('OPENXIANGDA_SUBTABLE_PARENT_REVISION_REQUIRED');
+            }
+            const operations = [
+                mode === 'create'
+                    ? { operation: 'create', resourceCode: code, data: next }
+                    : {
+                        operation: 'update',
+                        resourceCode: code,
+                        id: record.id,
+                        expectedRevision: record.revision,
+                        data: next,
+                    },
+            ];
+            for (const subtableField of subtableFields) {
+                const config = subtableField.subtable;
+                const childDefinition = config
+                    ? definitions[config.resourceCode]
+                    : undefined;
+                if (!config || !childDefinition) {
+                    throw new Error(`OPENXIANGDA_SUBTABLE_DEFINITION_MISSING:${subtableField.key}`);
+                }
+                operations.push(...buildSubtableOperations({
+                    rows: Array.isArray(writableValues[subtableField.key])
+                        ? writableValues[subtableField.key]
+                        : [],
+                    childResourceCode: config.resourceCode,
+                    childSurface: childDefinition.surface,
+                    foreignKey: config.foreignKey,
+                    orderField: config.orderField,
+                    maxRows: config.maxRows,
+                    parent: mode === 'create'
+                        ? { operation: 'create', operationIndex: 0 }
+                        : { operation: 'update', id: record.id },
+                    canWrite: (fieldCode, childField, childOperation) => fieldWriteAuthorized({ key: fieldCode, ...childField }, childOperation === 'create' ? 'create' : 'edit', hasCapability, identity.isAppSuperAdmin),
+                    canDelete: identity.isAppSuperAdmin ||
+                        hasCapability(childDefinition.capabilities.delete),
+                }));
+            }
+            if (operations.length > 100) {
+                throw new Error('OPENXIANGDA_DATA_TRANSACTION_TOO_LARGE');
+            }
+            setTransactionPending(true);
+            try {
+                const result = await transactNativeData(operations);
+                const parent = result.items[0];
+                if (!parent || parent.operation === 'emitEvent') {
+                    throw new Error('OPENXIANGDA_SUBTABLE_PARENT_RESULT_MISSING');
+                }
+                message.success(mode === 'create' ? `${name}已创建` : '修改已保存');
+                navigate(mode === 'create' ? listPath : `/${code}/${parent.id}`);
+            }
+            finally {
+                setTransactionPending(false);
+            }
+            return;
+        }
+        if (mode === 'create') {
+            await create.mutateAsync({ resource: code, values: next });
+            message.success(`${name}已创建`);
+            navigate(listPath);
+        }
+        else {
+            const result = await update.mutateAsync({
+                resource: code,
+                id,
+                values: next,
+                meta: { expectedRevision: record?.revision },
+            });
+            message.success('修改已保存');
+            navigate(`/${code}/${result.data.id}`);
+        }
+    };
+    return (_jsx(Page, { backLabel: mode === 'edit' ? `返回${name}详情` : `返回${name}`, backPath: mode === 'edit' ? detailPath : listPath, capability: mode === 'create' ? capabilities.create : capabilities.update, detailPath: record ? detailPath : undefined, loading: mode === 'edit' && query.query.isFetching, mode: mode, notFound: mode === 'edit' && !record, resource: code, surface: surface, title: name, children: _jsxs(Form, { className: variant === 'mobile' ? 'oxa-mobile-form' : 'oxa-form-full', form: form, initialValues: undefined, layout: "vertical", onFinish: (values) => void submit(values), children: [_jsx("div", { className: "oxa-sections", children: fieldsBySection(surface).map((group) => ({
+                        ...group,
+                        fields: group.fields.filter((field) => fieldReadable(field, hasCapability, identity.isAppSuperAdmin) ||
+                            fieldWritable(field, mode, hasCapability, identity.isAppSuperAdmin)),
+                    })).filter((group) => group.fields.length > 0).map((group) => (_jsx(Card, { className: "oxa-section-card", title: group.section === 'default' ? '基本信息' : group.section, children: _jsx("div", { className: "oxa-grid", children: group.fields.map((field) => (_jsx(FieldControl, { disabled: !fieldWritable(field, mode, hasCapability, identity.isAppSuperAdmin), field: field, operation: mode === 'create' ? 'create' : 'update', resourceCode: code, recordId: record?.id, renderers: {
+                                    renderSubtable: (context) => (_jsx(SubtableField, { disabled: context.disabled, field: context.field, mobile: variant === 'mobile', operation: context.operation, parentRecordId: context.recordId })),
+                                    signer: signatureSigner(identity.subjectProfile),
+                                    upload: (current, file, recordId) => createNativeResourceClient(code, surface).upload(current.key, file, recordId),
+                                } }, field.key))) }) }, group.section))) }), _jsxs("div", { className: "oxa-actions", children: [_jsx(Button, { onClick: () => navigate(mode === 'edit' ? detailPath : listPath), children: "\u53D6\u6D88" }), _jsx(Button, { htmlType: "submit", loading: create.mutation.isPending || update.mutation.isPending || transactionPending, type: "primary", children: mode === 'create' ? '保存' : '保存修改' })] })] }) }));
+}
+function GeneratedResourceDetailPage({ definition, variant }) {
+    const { id = '' } = useParams();
+    const navigate = useNavigate();
+    const { hasCapability, identity } = useRuntime();
+    const query = useOne({
+        resource: definition.code,
+        id,
+        queryOptions: { retry: false },
+    });
+    const record = query.result;
+    const [auditEntries, setAuditEntries] = useState([]);
+    const [auditLoading, setAuditLoading] = useState(false);
+    const [auditError, setAuditError] = useState('');
+    const [auditExpanded, setAuditExpanded] = useState(false);
+    const [auditLoadedFor, setAuditLoadedFor] = useState('');
+    useEffect(() => {
+        if (!record || !auditExpanded || auditLoadedFor === record.id)
+            return;
+        let active = true;
+        setAuditLoading(true);
+        setAuditError('');
+        void createNativeResourceClient(definition.code, definition.surface)
+            .audit(record.id)
+            .then((page) => {
+            if (active) {
+                setAuditEntries(page.items || []);
+                setAuditLoadedFor(record.id);
+            }
+        })
+            .catch((reason) => {
+            if (!active)
+                return;
+            setAuditEntries([]);
+            setAuditError(reason instanceof Error ? reason.message : String(reason));
+        })
+            .finally(() => {
+            if (active)
+                setAuditLoading(false);
+        });
+        return () => {
+            active = false;
+        };
+    }, [auditExpanded, auditLoadedFor, definition.code, definition.surface, record]);
+    const auditContent = auditError ? (_jsx(Alert, { action: _jsx(Button, { onClick: () => {
+                setAuditError('');
+                setAuditLoadedFor('');
+            }, size: "small", children: "\u91CD\u8BD5" }), description: auditError, showIcon: true, title: "\u53D8\u66F4\u8BB0\u5F55\u8BFB\u53D6\u5931\u8D25", type: "error" })) : auditLoading ? (_jsxs("div", { className: "oxa-audit-loading", children: [_jsx(Spin, { size: "small" }), " \u6B63\u5728\u8BFB\u53D6\u64CD\u4F5C\u8BB0\u5F55"] })) : auditEntries.length ? (auditEntries.slice(0, 5).map((entry) => (_jsx(AuditEntry, { entry: entry, readable: (field) => fieldReadable(field, hasCapability, identity.isAppSuperAdmin), resourceCode: definition.code, surface: definition.surface }, entry.id)))) : (_jsx(Typography.Text, { type: "secondary", children: "\u6682\u65E0\u53D8\u66F4\u8BB0\u5F55" }));
+    const content = record ? (_jsx("div", { className: "oxa-detail-layout", children: _jsxs("div", { className: "oxa-detail-main", children: [fieldsBySection(definition.surface).map((group) => ({
+                    ...group,
+                    fields: group.fields.filter((field) => fieldReadable(field, hasCapability, identity.isAppSuperAdmin)),
+                })).filter((group) => group.fields.length > 0).map((group) => (_jsx(Card, { className: "oxa-section-card", title: group.section === 'default' ? '基本信息' : group.section, children: _jsx(Descriptions, { column: { xs: 1, sm: 2, lg: 3 }, items: group.fields.map((field) => ({
+                            key: field.key,
+                            label: field.label,
+                            span: field.type === 'subtable' ? 3 : 1,
+                            children: field.type === 'subtable' ? (_jsx(SubtableValueDisplay, { field: field, mobile: variant === 'mobile', parentRecordId: record.id })) : (_jsx(SurfaceFieldValue, { field: field, resourceCode: definition.code, value: record[field.key] })),
+                        })) }) }, group.section))), _jsx("div", { id: `${definition.code}-audit`, children: _jsx(Collapse, { activeKey: auditExpanded ? ['audit'] : [], className: "oxa-audit-collapse", expandIconPlacement: "end", items: [
+                            {
+                                key: 'audit',
+                                label: (_jsxs("div", { className: "oxa-audit-collapse-heading", children: [_jsx("strong", { children: "\u64CD\u4F5C\u8BB0\u5F55" }), _jsx("span", { children: "\u67E5\u770B\u521B\u5EFA\u3001\u66F4\u65B0\u548C\u5220\u9664\u7684\u5B57\u6BB5\u53D8\u5316" })] })),
+                                children: auditContent,
+                            },
+                        ], onChange: (keys) => setAuditExpanded((Array.isArray(keys) ? keys : [keys]).includes('audit')) }) })] }) })) : null;
+    const hero = record ? (_jsx("div", { children: _jsxs(Typography.Title, { level: variant === 'mobile' ? 3 : 2, children: [definition.name, "\u8BE6\u60C5"] }) })) : null;
+    const props = {
+        auditTargetId: `${definition.code}-audit`,
+        backLabel: `返回${definition.name}`,
+        backPath: `/${definition.code}`,
+        editCapability: definition.capabilities.update,
+        editPath: `/${definition.code}/${id}/edit`,
+        error: query.query.isError || (!query.query.isFetching && !record) ? query.query.error?.message || '记录不存在' : undefined,
+        hero,
+        loading: query.query.isFetching,
+        meta: record ? _jsxs("span", { children: ["\u6700\u8FD1\u66F4\u65B0 ", record.updated_at ? new Date(record.updated_at).toLocaleString('zh-CN') : '-'] }) : null,
+        onAuditOpen: () => setAuditExpanded(true),
+        readCapability: definition.capabilities.read,
+        resource: definition.code,
+        surface: definition.surface,
+        title: definition.name,
+    };
+    return variant === 'mobile' ? (_jsx(MobileResourceDetailPage, { ...props, children: content })) : (_jsx(ResourceDetailPage, { ...props, children: content }));
+}
+//# sourceMappingURL=GeneratedResourceCrud.js.map