@chenchaolong/plugin-trade-compliance-workbench 1.0.6 → 1.0.7

package/dist/lib/remote-ui/pages/catalogs.js

@@ -2,8 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from 'react';
 import { DataGrid, FilterPanel, InfoNotice } from '../components/data-grid.js';
 import { ConfirmDialog, FieldGrid, FormField, Modal, ReviewSplit, UploadZone } from '../components/forms.js';
+import { isPaginationPageSize } from '../contracts.js';
 import { getConfiguredUploadPolicy } from '../upload-policy.js';
+import { formatBeijingDateTime, formatBusinessDate } from '../date-time.js';
 import './catalogs.css';
+import { createLatestRequestGate } from '../model.js';
+import { abortablePollingDelay, createPollingObservation, pollWithRetry } from '../polling.js';
+import { runNotifiedOperation } from '../toast-queue.js';
 const PAGE_SIZE = 20;
 const ACCEPTED_CATALOG_FILES = '.pdf,.doc,.docx,.xls,.xlsx,.png,.jpg,.jpeg,.webp';
 const formatNotice = () => `支持 PDF、DOC、DOCX、XLS、XLSX、PNG、JPEG、WEBP，单文件最大 ${getConfiguredUploadPolicy().maxUploadMb} MB。`;
@@ -45,7 +50,6 @@ export function createCatalogActionApi({ onAction, onFileAction, onRefresh }) {
     const mutate = async (actionKey, input) => {
         const response = await onAction(actionKey, input);
         assertActionSucceeded(response);
-        await onRefresh();
         return response;
     };
     const mutateFile = async (actionKey, file, input) => {
@@ -80,26 +84,22 @@ export class CatalogImportError extends Error {
         this.name = 'CatalogImportError';
     }
 }
-export async function runCatalogImportOrchestration({ start, invokeClientCommand, markCommandDispatched, pollTask, refresh, wait = delay, now = Date.now }) {
+export async function runCatalogImportOrchestration({ start, pollTask, refresh, wait = abortablePollingDelay, now = Date.now, intervalMs = 2000, timeoutMs = MAX_IMPORT_TIMEOUT_MS, onTransition, onPollError, signal }) {
     assertActionSucceeded(start);
     if (!isCatalogImportStartData(start.data))
         throw new Error('上传响应缺少解析任务信息');
-    if (!start.data.task.commandDispatchedAt) {
-        let marked = false;
-        for (const command of start.data.commands) {
-            await invokeClientCommand(command.commandKey, command.payload);
-            if (!marked) {
-                await markCommandDispatched(start.data.task.id);
-                marked = true;
-            }
-        }
-    }
-    const timeoutMs = Math.min(MAX_IMPORT_TIMEOUT_MS, Math.max(1, start.data.polling.timeoutMs));
-    const intervalMs = Math.max(1, start.data.polling.intervalMs);
-    const deadline = now() + timeoutMs;
-    while (now() < deadline) {
-        await wait(intervalMs);
-        const completion = await pollTask(start.data.task.id);
+    const observation = createPollingObservation({ now, timeoutMs, maxTimeoutMs: MAX_IMPORT_TIMEOUT_MS });
+    intervalMs = Math.max(1, intervalMs);
+    let previous = start.data.task;
+    const taskId = previous.id;
+    while (observation.active()) {
+        await wait(intervalMs, signal);
+        const attempt = await pollWithRetry(requestSignal => requestSignal ? pollTask(taskId, requestSignal) : pollTask(taskId), onPollError, signal);
+        if (!attempt.ok)
+            continue;
+        const completion = attempt.value;
+        onTransition?.(previous, completion.task);
+        previous = completion.task;
         const status = completion.task.status;
         if (status === 'SUCCEEDED') {
             if (!completion.batch)
@@ -112,13 +112,16 @@ export async function runCatalogImportOrchestration({ start, invokeClientCommand
         if (!ACTIVE_IMPORT_STATUSES.has(status))
             throw new Error(`不支持的导入任务状态：${status}`);
     }
-    throw new CatalogImportError('目录解析超过 20 分钟，请重新解析', { ...start.data.task, status: 'TIMED_OUT', errorMessage: '目录解析超过 20 分钟，请重新解析' });
+    throw observation.expired('目录任务观察窗口已结束', previous);
 }
 export function findActiveCatalogImportTask(items) {
     return items
-        .filter((task) => (task.documentType === 'CONTROLLED_CATALOG' || task.documentType === 'SANCTION_CATALOG') && ACTIVE_IMPORT_STATUSES.has(task.status) && Boolean(task.executionCommand))
+        .filter((task) => (task.documentType === 'CONTROLLED_CATALOG' || task.documentType === 'SANCTION_CATALOG') && ACTIVE_IMPORT_STATUSES.has(task.status))
         .sort((left, right) => String(right.updatedAt ?? '').localeCompare(String(left.updatedAt ?? '')))[0] ?? null;
 }
+export function findActiveCatalogImportTasks(items) {
+    return items.filter((task) => (task.documentType === 'CONTROLLED_CATALOG' || task.documentType === 'SANCTION_CATALOG') && ACTIVE_IMPORT_STATUSES.has(task.status));
+}
 export function findLatestFailedCatalogImportTask(items, documentType) {
     const retriedTaskIds = new Set(items.map((task) => task.retryOfTaskId).filter((id) => Boolean(id)));
     return items
@@ -129,17 +132,19 @@ export function createCatalogQueryScheduler(query, debounceMs = 300) {
     let timer = null;
     const cancel = () => { if (timer)
         clearTimeout(timer); timer = null; };
-    const flush = (filters) => { cancel(); query(filters); };
+    const run = (page, filters, pageSize = PAGE_SIZE) => { cancel(); query(page, filters, pageSize); };
     return {
-        schedule(type, filters) {
+        schedule(type, filters, pageSize = PAGE_SIZE) {
             cancel();
             if (type !== 'text') {
-                query(filters);
+                run(1, filters, pageSize);
                 return;
             }
-            timer = setTimeout(() => { timer = null; query(filters); }, debounceMs);
+            timer = setTimeout(() => { timer = null; query(1, filters, pageSize); }, debounceMs);
         },
-        flush,
+        flush: (filters, pageSize = PAGE_SIZE) => run(1, filters, pageSize),
+        page: (page, filters, pageSize = PAGE_SIZE) => run(page, filters, pageSize),
+        pageSize: (pageSize, filters) => run(1, filters, pageSize),
         cancel
     };
 }
@@ -217,41 +222,47 @@ export function ControlledGoodsPage(props) {
         if (props.command)
             props.onCommandHandled?.();
     }, [props.command, props.onCommandHandled]);
-    const query = React.useCallback((page, nextFilters) => props.onQuery({ page, pageSize: PAGE_SIZE, filters: nextFilters }), [props.onQuery]);
-    const scheduler = React.useMemo(() => createCatalogQueryScheduler((nextFilters) => void query(1, nextFilters)), [query]);
+    const query = React.useCallback((page, nextFilters, pageSize) => props.onQuery({ page, pageSize, filters: nextFilters }), [props.onQuery]);
+    const scheduler = React.useMemo(() => createCatalogQueryScheduler((page, nextFilters, pageSize) => void query(page, nextFilters, pageSize)), [query]);
     React.useEffect(() => () => scheduler.cancel(), [scheduler]);
     React.useEffect(() => { issueControllerRef.current?.mount(); return () => issueControllerRef.current?.dispose(); }, []);
     const changeFilter = (key, value) => {
         const nextFilters = { ...filters, [key]: value };
         setFilters(nextFilters);
-        scheduler.schedule(controlledGoodsFilters.find((definition) => definition.key === key)?.type ?? 'text', nextFilters);
+        scheduler.schedule(controlledGoodsFilters.find((definition) => definition.key === key)?.type ?? 'text', nextFilters, pagination.pageSize);
     };
-    const queryIssues = async (batchId, issueType, page = 1) => {
+    const queryIssues = async (batchId, issueType, page = 1, pageSize = PAGE_SIZE) => {
         if (!props.onIssueQuery)
             return;
-        await issueControllerRef.current?.load(props.onIssueQuery, { documentType: 'CONTROLLED_CATALOG', batchId, issueType, page, pageSize: PAGE_SIZE });
+        await issueControllerRef.current?.load(props.onIssueQuery, { documentType: 'CONTROLLED_CATALOG', batchId, issueType, page, pageSize });
     };
     const displayedSummary = summary ?? (props.importCompletion?.task.documentType === 'CONTROLLED_CATALOG' ? props.importCompletion.batch ?? null : null);
     const columns = [
-        { type: 'custom', key: 'productName', header: '商品名称', width: 180, render: (_, row) => _jsx(LinkButton, { icon: "ri-search-line", title: "\u6309\u5546\u54C1\u540D\u79F0\u67E5\u8BE2\u6D77\u5173\u7F16\u7801", onClick: () => setHsQuery(hsLookupQuery(row, 'productName')), children: row.productName || '—' }) },
-        { type: 'custom', key: 'hsCode', header: '海关编码', width: 130, render: (_, row) => row.hsCode ? _jsx(LinkButton, { icon: "ri-search-line", title: "\u6309\u7F16\u7801\u67E5\u8BE2\u6D77\u5173\u7F16\u7801", onClick: () => setHsQuery(hsLookupQuery(row, 'hsCode')), children: row.hsCode }) : '—' },
-        { type: 'text', key: 'catalogType', header: '目录类型', width: 130, format: (value) => labelFor(value, catalogTypeLabels) },
+        { type: 'custom', key: 'productName', header: '商品名称', width: 180, title: (_, row) => row.productName || undefined, render: (_, row) => _jsx(LinkButton, { icon: "ri-search-line", title: row.productName || '—', ariaLabel: `按商品名称查询海关编码：${row.productName || '—'}`, onClick: () => setHsQuery(hsLookupQuery(row, 'productName')), children: row.productName || '—' }) },
+        { type: 'custom', key: 'hsCode', header: '海关编码', width: 130, title: (_, row) => row.hsCode || undefined, render: (_, row) => row.hsCode ? _jsx(LinkButton, { icon: "ri-search-line", title: row.hsCode, ariaLabel: `按编码查询海关编码：${row.hsCode}`, onClick: () => setHsQuery(hsLookupQuery(row, 'hsCode')), children: row.hsCode }) : '—' },
+        { type: 'text', key: 'catalogType', header: '目录类型', width: 130, truncate: false, format: (value) => labelFor(value, catalogTypeLabels) },
         { type: 'ellipsis', key: 'controlDescription', header: '管控说明', width: 220, maxWidth: 220 },
-        { type: 'text', key: 'sourceType', header: '来源类型', width: 110, format: (value) => labelFor(value, sourceTypeLabels) },
+        { type: 'text', key: 'sourceType', header: '来源类型', width: 110, truncate: false, format: (value) => labelFor(value, sourceTypeLabels) },
         { type: 'ellipsis', key: 'sourceFileName', header: '来源文件', width: 190, maxWidth: 190 },
-        { type: 'text', key: 'updatedAt', header: '更新时间', width: 170 }
+        { type: 'text', key: 'updatedAt', header: '更新时间', width: 170, truncate: false, format: formatBeijingDateTime }
     ];
-    return (_jsxs("section", { className: "tcw-catalog-page tcw-catalog-page--controlled", "aria-label": "\u7BA1\u63A7\u5546\u54C1\u76EE\u5F55", children: [_jsx(FilterPanel, { definitions: controlledGoodsFilters, values: filters, onChange: changeFilter, onQuery: () => scheduler.flush(filters), onReset: () => { setFilters({}); scheduler.flush({}); } }), _jsx(InfoNotice, { children: formatNotice() }), props.importFailure?.documentType === 'CONTROLLED_CATALOG' && _jsx(CatalogImportStatusNotice, { task: props.importFailure, busy: props.busy, onRetry: (taskId) => props.onRetryImport?.(taskId) ?? Promise.resolve() }), displayedSummary && _jsx(CatalogImportSummaryNotice, { documentType: "CONTROLLED_CATALOG", batch: displayedSummary, busy: props.busy, onDownload: (documentType, batchId) => api.downloadImportIssues(documentType, batchId), onView: (batchId, issueType) => queryIssues(batchId, issueType) }), _jsx(DataGrid, { columns: columns, rows: rows, rowKey: "id", actionWidth: 160, actions: (row) => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-catalog-operation-button", disabled: props.busy, onClick: () => setForm({ mode: 'review', item: row }), children: [_jsx("i", { className: "ri-edit-line", "aria-hidden": "true" }), "\u5BA1\u6838"] }), _jsxs("button", { type: "button", className: "tcw-catalog-operation-button is-danger", disabled: props.busy, onClick: () => setDeleteItem(row), children: [_jsx("i", { className: "ri-delete-bin-line", "aria-hidden": "true" }), "\u5220\u9664"] })] }), pagination: pagination, onPageChange: (nextPage) => { scheduler.cancel(); void query(nextPage, filters); }, emptyText: "\u6682\u65E0\u7BA1\u63A7\u5546\u54C1\u6570\u636E" }), _jsx(CatalogUploadDialog, { open: uploadOpen, kind: "controlled", batches: props.batches, busy: props.busy, onClose: () => setUploadOpen(false), onUpload: async (file, input) => {
+    return (_jsxs("section", { className: "tcw-catalog-page tcw-catalog-page--controlled", "aria-label": "\u7BA1\u63A7\u5546\u54C1\u76EE\u5F55", children: [_jsx(FilterPanel, { definitions: controlledGoodsFilters, values: filters, onChange: changeFilter, onQuery: () => scheduler.flush(filters, pagination.pageSize), onReset: () => { setFilters({}); scheduler.flush({}, pagination.pageSize); } }), _jsx(InfoNotice, { children: formatNotice() }), props.importFailure?.documentType === 'CONTROLLED_CATALOG' && _jsx(CatalogImportStatusNotice, { task: props.importFailure, busy: props.busy, onRetry: (taskId) => props.onRetryImport?.(taskId) ?? Promise.resolve() }), displayedSummary && _jsx(CatalogImportSummaryNotice, { documentType: "CONTROLLED_CATALOG", batch: displayedSummary, busy: props.busy, onDownload: (documentType, batchId) => api.downloadImportIssues(documentType, batchId), onView: (batchId, issueType) => queryIssues(batchId, issueType) }), _jsx(DataGrid, { columns: columns, rows: rows, rowKey: "id", actionWidth: 160, actions: (row) => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-catalog-operation-button", disabled: props.busy, onClick: () => setForm({ mode: 'review', item: row }), children: [_jsx("i", { className: "ri-edit-line", "aria-hidden": "true" }), "\u5BA1\u6838"] }), _jsxs("button", { type: "button", className: "tcw-catalog-operation-button is-danger", disabled: props.busy, onClick: () => setDeleteItem(row), children: [_jsx("i", { className: "ri-delete-bin-line", "aria-hidden": "true" }), "\u5220\u9664"] })] }), pagination: pagination, onPageChange: (nextPage) => scheduler.page(nextPage, filters, pagination.pageSize), onPageSizeChange: (pageSize) => scheduler.pageSize(pageSize, filters), emptyText: "\u6682\u65E0\u7BA1\u63A7\u5546\u54C1\u6570\u636E" }), _jsx(CatalogUploadDialog, { open: uploadOpen, kind: "controlled", batches: props.batches, busy: props.busy, onClose: () => setUploadOpen(false), onNotify: props.onNotify, onUpload: async (file, input) => {
                     const response = await api.uploadControlledCatalog(file, input);
                     const completion = asImportCompletion(response.data);
                     if (completion.batch)
                         setSummary(completion.batch);
                     setUploadOpen(false);
-                } }), _jsx(ControlledGoodsFormDialog, { open: Boolean(form), mode: form?.mode ?? 'create', item: form?.item ?? null, busy: props.busy, onClose: () => setForm(null), onSave: async (input) => { form?.mode === 'review' && form.item ? await api.updateControlledGoods({ ...input, id: form.item.id }) : await api.saveControlledGoods(input); setForm(null); } }), _jsx(ConfirmDialog, { open: Boolean(deleteItem), title: "\u786E\u8BA4\u5220\u9664\u7BA1\u63A7\u5546\u54C1", message: `删除“${deleteItem?.productName ?? ''}”后，该记录将被逻辑删除。`, confirmText: "\u786E\u8BA4\u5220\u9664", danger: true, onCancel: () => setDeleteItem(null), onConfirm: () => { if (deleteItem)
-                    void api.deleteEntity('controlledGoods', deleteItem.id).then(() => setDeleteItem(null)); } }), _jsx(HsCodeLookupDialog, { open: hsQuery !== null, initialQuery: hsQuery ?? '', onAction: props.onAction, onClose: () => setHsQuery(null) }), _jsx(CatalogImportIssuesDialog, { open: Boolean(issueState), documentType: "CONTROLLED_CATALOG", batchId: issueState?.batchId ?? '', issueType: issueState?.issueType ?? 'DUPLICATE', collection: issueState?.collection ?? { items: [] }, loading: issueState?.loading ?? false, error: issueState?.error ?? '', busy: props.busy, onClose: () => { issueControllerRef.current?.close(); setIssueState(null); }, onIssueTypeChange: (issueType) => { if (issueState)
+                } }), _jsx(ControlledGoodsFormDialog, { open: Boolean(form), mode: form?.mode ?? 'create', item: form?.item ?? null, busy: props.busy, onClose: () => setForm(null), onSave: async (input) => {
+                    const saved = await runNotifiedOperation(async () => { form?.mode === 'review' && form.item ? await api.updateControlledGoods({ ...input, id: form.item.id }) : await api.saveControlledGoods(input); }, props.onNotify, { success: form?.mode === 'review' ? '管控商品保存成功' : '管控商品新增成功', error: '管控商品保存失败' });
+                    if (saved)
+                        setForm(null);
+                } }), _jsx(ConfirmDialog, { open: Boolean(deleteItem), title: "\u786E\u8BA4\u5220\u9664\u7BA1\u63A7\u5546\u54C1", message: `删除“${deleteItem?.productName ?? ''}”后，该记录将被逻辑删除。`, confirmText: "\u786E\u8BA4\u5220\u9664", danger: true, onCancel: () => setDeleteItem(null), onConfirm: () => { if (deleteItem)
+                    void runNotifiedOperation(() => api.deleteEntity('controlledGoods', deleteItem.id).then(() => undefined), props.onNotify, { success: '管控商品删除成功', error: '管控商品删除失败' }).then((deleted) => { if (deleted)
+                        setDeleteItem(null); }); } }), _jsx(HsCodeLookupDialog, { open: hsQuery !== null, initialQuery: hsQuery ?? '', onAction: props.onAction, onClose: () => setHsQuery(null) }), _jsx(CatalogImportIssuesDialog, { open: Boolean(issueState), documentType: "CONTROLLED_CATALOG", batchId: issueState?.batchId ?? '', issueType: issueState?.issueType ?? 'DUPLICATE', collection: issueState?.collection ?? { items: [] }, loading: issueState?.loading ?? false, error: issueState?.error ?? '', busy: props.busy, onClose: () => { issueControllerRef.current?.close(); setIssueState(null); }, onIssueTypeChange: (issueType) => { if (issueState)
                     void queryIssues(issueState.batchId, issueType); }, onPageChange: (page) => { if (issueState)
-                    void queryIssues(issueState.batchId, issueState.issueType, page); }, onRetry: () => { if (issueState)
-                    void queryIssues(issueState.batchId, issueState.issueType, Number(issueState.collection.page) || 1); } })] }));
+                    void queryIssues(issueState.batchId, issueState.issueType, page, collectionPagination(issueState.collection).pageSize); }, onPageSizeChange: (pageSize) => { if (issueState)
+                    void queryIssues(issueState.batchId, issueState.issueType, 1, pageSize); }, onRetry: () => { if (issueState)
+                    void queryIssues(issueState.batchId, issueState.issueType, Number(issueState.collection.page) || 1, collectionPagination(issueState.collection).pageSize); } })] }));
 }
 export function SanctionedCompaniesPage(props) {
     const [filters, setFilters] = React.useState({});
@@ -274,47 +285,53 @@ export function SanctionedCompaniesPage(props) {
         if (props.command)
             props.onCommandHandled?.();
     }, [props.command, props.onCommandHandled]);
-    const query = React.useCallback((page, nextFilters) => props.onQuery({ page, pageSize: PAGE_SIZE, filters: nextFilters }), [props.onQuery]);
-    const scheduler = React.useMemo(() => createCatalogQueryScheduler((nextFilters) => void query(1, nextFilters)), [query]);
+    const query = React.useCallback((page, nextFilters, pageSize) => props.onQuery({ page, pageSize, filters: nextFilters }), [props.onQuery]);
+    const scheduler = React.useMemo(() => createCatalogQueryScheduler((page, nextFilters, pageSize) => void query(page, nextFilters, pageSize)), [query]);
     React.useEffect(() => () => scheduler.cancel(), [scheduler]);
     React.useEffect(() => { issueControllerRef.current?.mount(); return () => issueControllerRef.current?.dispose(); }, []);
     const changeFilter = (key, value) => {
         const nextFilters = { ...filters, [key]: value };
         setFilters(nextFilters);
-        scheduler.schedule(sanctionedCompanyFilters.find((definition) => definition.key === key)?.type ?? 'text', nextFilters);
+        scheduler.schedule(sanctionedCompanyFilters.find((definition) => definition.key === key)?.type ?? 'text', nextFilters, pagination.pageSize);
     };
-    const queryIssues = async (batchId, issueType, page = 1) => {
+    const queryIssues = async (batchId, issueType, page = 1, pageSize = PAGE_SIZE) => {
         if (!props.onIssueQuery)
             return;
-        await issueControllerRef.current?.load(props.onIssueQuery, { documentType: 'SANCTION_CATALOG', batchId, issueType, page, pageSize: PAGE_SIZE });
+        await issueControllerRef.current?.load(props.onIssueQuery, { documentType: 'SANCTION_CATALOG', batchId, issueType, page, pageSize });
     };
     const displayedSummary = summary ?? (props.importCompletion?.task.documentType === 'SANCTION_CATALOG' ? props.importCompletion.batch ?? null : null);
     const columns = [
-        { type: 'custom', key: 'companyName', header: '公司名称', width: 210, render: (_, row) => _jsx(LinkButton, { icon: "ri-eye-line", title: "\u67E5\u770B\u5236\u88C1\u516C\u53F8\u8BE6\u60C5", onClick: () => setForm({ mode: 'detail', item: row }), children: row.companyName || '—' }) },
+        { type: 'custom', key: 'companyName', header: '公司名称', width: 210, title: (_, row) => row.companyName || undefined, render: (_, row) => _jsx(LinkButton, { icon: "ri-eye-line", title: row.companyName || '—', ariaLabel: `查看制裁公司详情：${row.companyName || '—'}`, onClick: () => setForm({ mode: 'detail', item: row }), children: row.companyName || '—' }) },
         { type: 'text', key: 'countryOrRegion', header: '国家或地区', width: 120 },
         { type: 'ellipsis', key: 'sanctionListSource', header: '制裁名单来源', width: 190, maxWidth: 190 },
-        { type: 'text', key: 'effectiveDate', header: '生效日期', width: 120 },
+        { type: 'text', key: 'effectiveDate', header: '生效日期', width: 120, truncate: false, format: formatBusinessDate },
         { type: 'ellipsis', key: 'sanctionReason', header: '制裁原因', width: 220, maxWidth: 220 },
-        { type: 'text', key: 'sourceType', header: '来源类型', width: 110, format: (value) => labelFor(value, sourceTypeLabels) },
+        { type: 'text', key: 'sourceType', header: '来源类型', width: 110, truncate: false, format: (value) => labelFor(value, sourceTypeLabels) },
         { type: 'ellipsis', key: 'sourceFileName', header: '来源文件', width: 190, maxWidth: 190 },
-        { type: 'text', key: 'updatedAt', header: '更新时间', width: 170 }
+        { type: 'text', key: 'updatedAt', header: '更新时间', width: 170, truncate: false, format: formatBeijingDateTime }
     ];
-    return (_jsxs("section", { className: "tcw-catalog-page tcw-catalog-page--sanction", "aria-label": "\u516C\u53F8\u5236\u88C1\u76EE\u5F55", children: [_jsx(FilterPanel, { definitions: sanctionedCompanyFilters, values: filters, onChange: changeFilter, onQuery: () => scheduler.flush(filters), onReset: () => { setFilters({}); scheduler.flush({}); } }), _jsx(InfoNotice, { children: formatNotice() }), props.importFailure?.documentType === 'SANCTION_CATALOG' && _jsx(CatalogImportStatusNotice, { task: props.importFailure, busy: props.busy, onRetry: (taskId) => props.onRetryImport?.(taskId) ?? Promise.resolve() }), displayedSummary && _jsx(CatalogImportSummaryNotice, { documentType: "SANCTION_CATALOG", batch: displayedSummary, busy: props.busy, onDownload: (documentType, batchId) => api.downloadImportIssues(documentType, batchId), onView: (batchId, issueType) => queryIssues(batchId, issueType) }), _jsx(DataGrid, { columns: columns, rows: rows, rowKey: "id", actionWidth: 160, actions: (row) => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-catalog-operation-button", disabled: props.busy, onClick: () => setForm({ mode: 'review', item: row }), children: [_jsx("i", { className: "ri-edit-line", "aria-hidden": "true" }), "\u5BA1\u6838"] }), _jsxs("button", { type: "button", className: "tcw-catalog-operation-button is-danger", disabled: props.busy, onClick: () => setDeleteItem(row), children: [_jsx("i", { className: "ri-delete-bin-line", "aria-hidden": "true" }), "\u5220\u9664"] })] }), pagination: pagination, onPageChange: (nextPage) => { scheduler.cancel(); void query(nextPage, filters); }, emptyText: "\u6682\u65E0\u5236\u88C1\u516C\u53F8\u6570\u636E" }), _jsx(CatalogUploadDialog, { open: uploadOpen, kind: "sanction", batches: props.batches, busy: props.busy, onClose: () => setUploadOpen(false), onUpload: async (file, input) => {
+    return (_jsxs("section", { className: "tcw-catalog-page tcw-catalog-page--sanction", "aria-label": "\u516C\u53F8\u5236\u88C1\u76EE\u5F55", children: [_jsx(FilterPanel, { definitions: sanctionedCompanyFilters, values: filters, onChange: changeFilter, onQuery: () => scheduler.flush(filters, pagination.pageSize), onReset: () => { setFilters({}); scheduler.flush({}, pagination.pageSize); } }), _jsx(InfoNotice, { children: formatNotice() }), props.importFailure?.documentType === 'SANCTION_CATALOG' && _jsx(CatalogImportStatusNotice, { task: props.importFailure, busy: props.busy, onRetry: (taskId) => props.onRetryImport?.(taskId) ?? Promise.resolve() }), displayedSummary && _jsx(CatalogImportSummaryNotice, { documentType: "SANCTION_CATALOG", batch: displayedSummary, busy: props.busy, onDownload: (documentType, batchId) => api.downloadImportIssues(documentType, batchId), onView: (batchId, issueType) => queryIssues(batchId, issueType) }), _jsx(DataGrid, { columns: columns, rows: rows, rowKey: "id", actionWidth: 160, actions: (row) => _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-catalog-operation-button", disabled: props.busy, onClick: () => setForm({ mode: 'review', item: row }), children: [_jsx("i", { className: "ri-edit-line", "aria-hidden": "true" }), "\u5BA1\u6838"] }), _jsxs("button", { type: "button", className: "tcw-catalog-operation-button is-danger", disabled: props.busy, onClick: () => setDeleteItem(row), children: [_jsx("i", { className: "ri-delete-bin-line", "aria-hidden": "true" }), "\u5220\u9664"] })] }), pagination: pagination, onPageChange: (nextPage) => scheduler.page(nextPage, filters, pagination.pageSize), onPageSizeChange: (pageSize) => scheduler.pageSize(pageSize, filters), emptyText: "\u6682\u65E0\u5236\u88C1\u516C\u53F8\u6570\u636E" }), _jsx(CatalogUploadDialog, { open: uploadOpen, kind: "sanction", batches: props.batches, busy: props.busy, onClose: () => setUploadOpen(false), onNotify: props.onNotify, onUpload: async (file, input) => {
                     const response = await api.uploadSanctionCatalog(file, input);
                     const completion = asImportCompletion(response.data);
                     if (completion.batch)
                         setSummary(completion.batch);
                     setUploadOpen(false);
-                } }), _jsx(SanctionedCompanyDialog, { open: Boolean(form), mode: form?.mode ?? 'create', item: form?.item ?? null, busy: props.busy, onClose: () => setForm(null), onSave: async (input) => { form?.mode === 'review' && form.item ? await api.updateSanctionedCompany({ ...input, id: form.item.id }) : await api.saveSanctionedCompany(input); setForm(null); } }), _jsx(ConfirmDialog, { open: Boolean(deleteItem), title: "\u786E\u8BA4\u5220\u9664\u5236\u88C1\u516C\u53F8", message: `删除“${deleteItem?.companyName ?? ''}”后，该记录将被逻辑删除。`, confirmText: "\u786E\u8BA4\u5220\u9664", danger: true, onCancel: () => setDeleteItem(null), onConfirm: () => { if (deleteItem)
-                    void api.deleteEntity('sanctionedCompany', deleteItem.id).then(() => setDeleteItem(null)); } }), _jsx(CatalogImportIssuesDialog, { open: Boolean(issueState), documentType: "SANCTION_CATALOG", batchId: issueState?.batchId ?? '', issueType: issueState?.issueType ?? 'DUPLICATE', collection: issueState?.collection ?? { items: [] }, loading: issueState?.loading ?? false, error: issueState?.error ?? '', busy: props.busy, onClose: () => { issueControllerRef.current?.close(); setIssueState(null); }, onIssueTypeChange: (issueType) => { if (issueState)
+                } }), _jsx(SanctionedCompanyDialog, { open: Boolean(form), mode: form?.mode ?? 'create', item: form?.item ?? null, busy: props.busy, onClose: () => setForm(null), onSave: async (input) => {
+                    const saved = await runNotifiedOperation(async () => { form?.mode === 'review' && form.item ? await api.updateSanctionedCompany({ ...input, id: form.item.id }) : await api.saveSanctionedCompany(input); }, props.onNotify, { success: form?.mode === 'review' ? '制裁公司保存成功' : '制裁公司新增成功', error: '制裁公司保存失败' });
+                    if (saved)
+                        setForm(null);
+                } }), _jsx(ConfirmDialog, { open: Boolean(deleteItem), title: "\u786E\u8BA4\u5220\u9664\u5236\u88C1\u516C\u53F8", message: `删除“${deleteItem?.companyName ?? ''}”后，该记录将被逻辑删除。`, confirmText: "\u786E\u8BA4\u5220\u9664", danger: true, onCancel: () => setDeleteItem(null), onConfirm: () => { if (deleteItem)
+                    void runNotifiedOperation(() => api.deleteEntity('sanctionedCompany', deleteItem.id).then(() => undefined), props.onNotify, { success: '制裁公司删除成功', error: '制裁公司删除失败' }).then((deleted) => { if (deleted)
+                        setDeleteItem(null); }); } }), _jsx(CatalogImportIssuesDialog, { open: Boolean(issueState), documentType: "SANCTION_CATALOG", batchId: issueState?.batchId ?? '', issueType: issueState?.issueType ?? 'DUPLICATE', collection: issueState?.collection ?? { items: [] }, loading: issueState?.loading ?? false, error: issueState?.error ?? '', busy: props.busy, onClose: () => { issueControllerRef.current?.close(); setIssueState(null); }, onIssueTypeChange: (issueType) => { if (issueState)
                     void queryIssues(issueState.batchId, issueType); }, onPageChange: (page) => { if (issueState)
-                    void queryIssues(issueState.batchId, issueState.issueType, page); }, onRetry: () => { if (issueState)
-                    void queryIssues(issueState.batchId, issueState.issueType, Number(issueState.collection.page) || 1); } })] }));
+                    void queryIssues(issueState.batchId, issueState.issueType, page, collectionPagination(issueState.collection).pageSize); }, onPageSizeChange: (pageSize) => { if (issueState)
+                    void queryIssues(issueState.batchId, issueState.issueType, 1, pageSize); }, onRetry: () => { if (issueState)
+                    void queryIssues(issueState.batchId, issueState.issueType, Number(issueState.collection.page) || 1, collectionPagination(issueState.collection).pageSize); } })] }));
 }
 export function CatalogCommands({ busy, onUpload, onCreate }) {
     return _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy, onClick: onUpload, children: [_jsx("i", { className: "ri-upload-cloud-2-line", "aria-hidden": "true" }), "\u4E0A\u4F20\u76EE\u5F55\u6587\u4EF6"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: busy, onClick: onCreate, children: [_jsx("i", { className: "ri-add-line", "aria-hidden": "true" }), "\u624B\u5DE5\u65B0\u589E"] })] });
 }
-export function CatalogUploadDialog({ open, kind, batches, busy = false, onClose, onUpload }) {
+export function CatalogUploadDialog({ open, kind, batches, busy = false, onClose, onUpload, onNotify }) {
     const [state, dispatch] = React.useReducer(catalogUploadReducer, initialCatalogUploadState);
     const disabled = busy || state.submitting;
     React.useEffect(() => {
@@ -335,7 +352,7 @@ export function CatalogUploadDialog({ open, kind, batches, busy = false, onClose
             dispatch({ type: 'reset' });
         }
         catch (cause) {
-            dispatch({ type: 'set-error', error: errorMessage(cause, '目录上传失败') });
+            onNotify?.({ message: errorMessage(cause, '目录上传失败'), tone: 'error' });
             dispatch({ type: 'cancel-replace' });
         }
         finally {
@@ -361,7 +378,7 @@ export function CatalogUploadDialog({ open, kind, batches, busy = false, onClose
 }
 export function CatalogReplaceConfirmDialog({ open, kind, batch, fileName, busy = false, onCancel, onConfirm }) {
     const typeLabel = batch?.catalogType ? catalogTypeLabels[batch.catalogType] : '公司制裁目录';
-    return (_jsx(Modal, { open: open, title: kind === 'controlled' ? '确认覆盖历史目录？' : '确认覆盖历史制裁目录？', onClose: onCancel, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onCancel, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--danger", disabled: busy, onClick: onConfirm, children: [_jsx("i", { className: "ri-upload-cloud-2-line", "aria-hidden": "true" }), "\u786E\u8BA4\u4E0A\u4F20\u5E76\u8986\u76D6"] })] }), children: _jsxs("div", { className: `tcw-catalog-replace-dialog tcw-catalog-replace-dialog--${kind}`, children: [_jsxs("div", { className: "tcw-catalog-replace-warning tcw-notice--risk", role: "alert", children: [_jsx("i", { className: "ri-error-warning-fill", "aria-hidden": "true" }), _jsxs("span", { children: ["\u53EA\u6709\u65B0\u6587\u4EF6\u89E3\u6790\u6210\u529F\u5E76\u901A\u8FC7\u57FA\u7840\u6821\u9A8C\u540E\uFF0C\u65E7\u6279\u6B21\u53CA\u5176", kind === 'controlled' ? '文件导入商品' : '公司记录', "\u624D\u4F1A\u88AB\u903B\u8F91\u5220\u9664\u3002"] })] }), _jsxs("dl", { className: "tcw-catalog-replace-summary", children: [kind === 'controlled' && _jsxs(_Fragment, { children: [_jsx("dt", { children: "\u76EE\u5F55\u7C7B\u578B\uFF1A" }), _jsx("dd", { children: _jsx("span", { className: "tcw-catalog-type-badge", children: typeLabel }) })] }), _jsx("dt", { children: "\u88AB\u8986\u76D6\u6587\u4EF6\uFF1A" }), _jsx("dd", { children: batch?.sourceFileName || '—' }), _jsx("dt", { children: kind === 'controlled' ? '现有商品数量：' : '现有记录数量：' }), _jsx("dd", { className: "tcw-catalog-replace-count", children: batch?.totalCount ?? 0 }), _jsx("dt", { children: "\u6700\u8FD1\u66F4\u65B0\u65F6\u95F4\uFF1A" }), _jsx("dd", { children: batch?.updatedAt || batch?.createdAt || '—' }), _jsx("dt", { children: "\u65B0\u4E0A\u4F20\u6587\u4EF6\uFF1A" }), _jsx("dd", { children: fileName || '—' })] })] }) }));
+    return (_jsx(Modal, { open: open, title: kind === 'controlled' ? '确认覆盖历史目录？' : '确认覆盖历史制裁目录？', onClose: onCancel, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onCancel, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--danger", disabled: busy, onClick: onConfirm, children: [_jsx("i", { className: "ri-upload-cloud-2-line", "aria-hidden": "true" }), "\u786E\u8BA4\u4E0A\u4F20\u5E76\u8986\u76D6"] })] }), children: _jsxs("div", { className: `tcw-catalog-replace-dialog tcw-catalog-replace-dialog--${kind}`, children: [_jsxs("div", { className: "tcw-catalog-replace-warning tcw-notice--risk", role: "alert", children: [_jsx("i", { className: "ri-error-warning-fill", "aria-hidden": "true" }), _jsxs("span", { children: ["\u53EA\u6709\u65B0\u6587\u4EF6\u89E3\u6790\u6210\u529F\u5E76\u901A\u8FC7\u57FA\u7840\u6821\u9A8C\u540E\uFF0C\u65E7\u6279\u6B21\u53CA\u5176", kind === 'controlled' ? '文件导入商品' : '公司记录', "\u624D\u4F1A\u88AB\u903B\u8F91\u5220\u9664\u3002"] })] }), _jsxs("dl", { className: "tcw-catalog-replace-summary", children: [kind === 'controlled' && _jsxs(_Fragment, { children: [_jsx("dt", { children: "\u76EE\u5F55\u7C7B\u578B\uFF1A" }), _jsx("dd", { children: _jsx("span", { className: "tcw-catalog-type-badge", children: typeLabel }) })] }), _jsx("dt", { children: "\u88AB\u8986\u76D6\u6587\u4EF6\uFF1A" }), _jsx("dd", { children: batch?.sourceFileName || '—' }), _jsx("dt", { children: kind === 'controlled' ? '现有商品数量：' : '现有记录数量：' }), _jsx("dd", { className: "tcw-catalog-replace-count", children: batch?.totalCount ?? 0 }), _jsx("dt", { children: "\u6700\u8FD1\u66F4\u65B0\u65F6\u95F4\uFF1A" }), _jsx("dd", { children: formatBeijingDateTime(batch?.updatedAt || batch?.createdAt) }), _jsx("dt", { children: "\u65B0\u4E0A\u4F20\u6587\u4EF6\uFF1A" }), _jsx("dd", { children: fileName || '—' })] })] }) }));
 }
 export function ControlledGoodsFormDialog({ open, mode, item, busy = false, onClose, onSave }) {
     const [form, setForm] = React.useState(() => controlledForm(item));
@@ -430,36 +447,43 @@ function CatalogManualSource() {
     return _jsxs("div", { className: "tcw-catalog-manual-source", "aria-label": "\u6765\u6E90\u7C7B\u578B\uFF1A\u624B\u5DE5\u65B0\u589E", children: [_jsx("span", { children: "\u6765\u6E90\u7C7B\u578B\uFF1A" }), _jsx("strong", { className: "tcw-catalog-source-badge", children: "\u624B\u5DE5\u65B0\u589E" })] });
 }
 function SourceEvidence({ item }) {
-    return _jsxs(FieldGrid, { columns: 1, children: [_jsx(FormField, { label: "\u6765\u6E90\u7C7B\u578B", children: _jsx("input", { disabled: true, value: labelFor(item?.sourceType, sourceTypeLabels) }) }), _jsx(FormField, { label: "\u6765\u6E90\u6587\u4EF6", children: _jsx("input", { disabled: true, value: item?.sourceFileName ?? '—' }) }), _jsx(FormField, { label: "\u6765\u6E90\u4F4D\u7F6E", children: _jsx("input", { disabled: true, value: item?.sourceLocation ?? '—' }) }), _jsx(FormField, { label: "\u6765\u6E90\u539F\u6587", children: _jsx("textarea", { disabled: true, rows: 12, value: item?.sourceContent ?? '—' }) })] });
+    return _jsxs(FieldGrid, { columns: 1, children: [_jsx(FormField, { label: "\u6765\u6E90\u7C7B\u578B", children: _jsx("input", { disabled: true, value: labelFor(item?.sourceType, sourceTypeLabels) }) }), _jsx(FormField, { label: "\u6765\u6E90\u6587\u4EF6", children: _jsx("input", { disabled: true, value: item?.sourceFileName ?? '—' }) }), _jsx(FormField, { label: "\u6765\u6E90\u4F4D\u7F6E", children: _jsx("input", { disabled: true, value: item?.sourceLocation ?? '—' }) })] });
 }
 export function CatalogImportSummaryNotice({ documentType, batch, busy, onDownload, onView }) {
     const issueCount = (batch.duplicateCount ?? 0) + (batch.invalidCount ?? 0);
+    if (issueCount === 0)
+        return null;
     const initialIssueType = (batch.duplicateCount ?? 0) > 0 ? 'DUPLICATE' : 'INVALID';
-    return _jsxs(InfoNotice, { children: [_jsxs("span", { children: ["\u5BFC\u5165\u5B8C\u6210\uFF1A\u603B\u6570 ", batch.totalCount ?? 0, "\uFF0C\u6210\u529F ", batch.successCount ?? 0, "\uFF0C\u91CD\u590D ", batch.duplicateCount ?? 0, "\uFF0C\u65E0\u6548 ", batch.invalidCount ?? 0, "\u3002"] }), issueCount > 0 && _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: busy || !onView, onClick: () => void onView?.(batch.id, initialIssueType), children: [_jsx("i", { className: "ri-list-check-2", "aria-hidden": "true" }), "\u67E5\u770B\u660E\u7EC6"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: busy, onClick: () => void onDownload(documentType, batch.id), children: [_jsx("i", { className: "ri-download-line", "aria-hidden": "true" }), "\u4E0B\u8F7D Excel"] })] })] });
+    return _jsxs(InfoNotice, { children: [_jsxs("span", { children: ["\u5BFC\u5165\u95EE\u9898\uFF1A\u91CD\u590D ", batch.duplicateCount ?? 0, "\uFF0C\u65E0\u6548 ", batch.invalidCount ?? 0, "\u3002"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: busy || !onView, onClick: () => void onView?.(batch.id, initialIssueType), children: [_jsx("i", { className: "ri-list-check-2", "aria-hidden": "true" }), "\u67E5\u770B\u660E\u7EC6"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: busy, onClick: () => void onDownload(documentType, batch.id).catch(() => undefined), children: [_jsx("i", { className: "ri-download-line", "aria-hidden": "true" }), "\u4E0B\u8F7D Excel"] })] });
 }
 export function CatalogImportStatusNotice({ task, busy, onRetry }) {
     if (task.status !== 'FAILED' && task.status !== 'TIMED_OUT')
         return null;
     return _jsxs("div", { className: "tcw-catalog-import-failure", role: "alert", children: [_jsxs("div", { children: [_jsx("strong", { children: task.status === 'TIMED_OUT' ? '目录解析超时' : '目录解析失败' }), _jsx("p", { children: task.errorMessage || '解析任务未完成，请重新解析。' })] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: busy, onClick: () => void onRetry(task.id).catch(() => undefined), children: [_jsx("i", { className: "ri-restart-line", "aria-hidden": "true" }), "\u91CD\u65B0\u89E3\u6790"] })] });
 }
-export function CatalogImportIssuesDialog({ open, documentType, batchId, issueType, collection, loading, error, busy, onClose, onIssueTypeChange, onPageChange, onRetry }) {
+export function CatalogImportIssuesDialog({ open, documentType, batchId, issueType, collection, loading, error, busy, onClose, onIssueTypeChange, onPageChange, onPageSizeChange, onRetry }) {
     const columns = [
-        { type: 'text', key: 'issueType', header: '问题类型', width: 100, format: (value) => value === 'DUPLICATE' ? '重复' : '无效' },
-        { type: 'text', key: 'sourceSequence', header: '来源序号', width: 100 },
+        { type: 'text', key: 'issueType', header: '问题类型', width: 100, truncate: false, format: (value) => value === 'DUPLICATE' ? '重复' : '无效' },
+        { type: 'text', key: 'sourceSequence', header: '来源序号', width: 100, truncate: false },
         { type: 'ellipsis', key: 'sourceLocation', header: '来源位置', width: 160, maxWidth: 160 },
-        { type: 'ellipsis', key: 'sourceContent', header: '来源原文', width: 260, maxWidth: 260 },
         { type: 'ellipsis', key: 'message', header: '问题说明', width: 220, maxWidth: 220 }
     ];
-    return _jsxs(Modal, { open: open, title: "\u5BFC\u5165\u95EE\u9898\u660E\u7EC6", size: "wide", onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: [_jsxs("div", { className: "tcw-catalog-issue-toolbar", "data-document-type": documentType, "data-batch-id": batchId, children: [_jsxs("button", { type: "button", className: issueType === 'DUPLICATE' ? 'is-active' : '', disabled: busy || loading, onClick: () => onIssueTypeChange('DUPLICATE'), children: [_jsx("i", { className: "ri-file-copy-line", "aria-hidden": "true" }), "\u91CD\u590D"] }), _jsxs("button", { type: "button", className: issueType === 'INVALID' ? 'is-active' : '', disabled: busy || loading, onClick: () => onIssueTypeChange('INVALID'), children: [_jsx("i", { className: "ri-error-warning-line", "aria-hidden": "true" }), "\u65E0\u6548"] })] }), loading && _jsx("p", { className: "tcw-catalog-issue-status", role: "status", children: "\u6B63\u5728\u52A0\u8F7D\u5BFC\u5165\u95EE\u9898\u660E\u7EC6..." }), error && _jsxs("div", { className: "tcw-catalog-issue-error", role: "alert", children: [_jsx("span", { children: error }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: busy || loading, onClick: onRetry, children: [_jsx("i", { className: "ri-refresh-line", "aria-hidden": "true" }), "\u91CD\u65B0\u52A0\u8F7D"] })] }), !loading && !error && _jsx(DataGrid, { columns: columns, rows: collection.items, rowKey: "id", pagination: collectionPagination(collection), onPageChange: onPageChange, emptyText: issueType === 'DUPLICATE' ? '暂无重复数据' : '暂无无效数据' })] });
+    return _jsxs(Modal, { open: open, title: "\u5BFC\u5165\u95EE\u9898\u660E\u7EC6", size: "wide", onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: [_jsxs("div", { className: "tcw-catalog-issue-toolbar", "data-document-type": documentType, "data-batch-id": batchId, children: [_jsxs("button", { type: "button", className: issueType === 'DUPLICATE' ? 'is-active' : '', disabled: busy || loading, onClick: () => onIssueTypeChange('DUPLICATE'), children: [_jsx("i", { className: "ri-file-copy-line", "aria-hidden": "true" }), "\u91CD\u590D"] }), _jsxs("button", { type: "button", className: issueType === 'INVALID' ? 'is-active' : '', disabled: busy || loading, onClick: () => onIssueTypeChange('INVALID'), children: [_jsx("i", { className: "ri-error-warning-line", "aria-hidden": "true" }), "\u65E0\u6548"] })] }), loading && _jsx("p", { className: "tcw-catalog-issue-status", role: "status", children: "\u6B63\u5728\u52A0\u8F7D\u5BFC\u5165\u95EE\u9898\u660E\u7EC6..." }), error && _jsxs("div", { className: "tcw-catalog-issue-error", role: "alert", children: [_jsx("span", { children: error }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: busy || loading, onClick: onRetry, children: [_jsx("i", { className: "ri-refresh-line", "aria-hidden": "true" }), "\u91CD\u65B0\u52A0\u8F7D"] })] }), !loading && !error && _jsx(DataGrid, { columns: columns, rows: collection.items, rowKey: "id", pagination: collectionPagination(collection), onPageChange: onPageChange, onPageSizeChange: onPageSizeChange, emptyText: issueType === 'DUPLICATE' ? '暂无重复数据' : '暂无无效数据' })] });
+}
+export function hsSearchPageSizeRequest(keywords, pageSize) {
+    return { keywords: keywords.trim(), page: 1, pageSize };
+}
+function emptyHsSearchData(page = 1, pageSize = 20) {
+    return { items: [], total: 0, page, pageSize, pageCount: 1 };
 }
 export function HsCodeLookupDialog({ open, initialQuery, onAction, onClose }) {
     const [query, setQuery] = React.useState(initialQuery);
-    const [page, setPage] = React.useState(1);
-    const [results, setResults] = React.useState([]);
+    const [collection, setCollection] = React.useState(() => emptyHsSearchData());
     const [detail, setDetail] = React.useState(null);
     const [error, setError] = React.useState('');
     const [loading, setLoading] = React.useState(false);
-    const search = React.useCallback(async (keywords, nextPage = 1) => {
+    const hsRequestGateRef = React.useRef(createLatestRequestGate());
+    const search = React.useCallback(async (keywords, nextPage = 1, pageSize = 20) => {
         const normalized = keywords.trim();
         if (!normalized) {
             setError('请输入商品名称或海关编码');
@@ -468,56 +492,73 @@ export function HsCodeLookupDialog({ open, initialQuery, onAction, onClose }) {
         setLoading(true);
         setError('');
         setDetail(null);
+        const requestId = hsRequestGateRef.current.begin();
         try {
-            const response = await onAction('search_hs_code', { keywords: normalized, page: nextPage });
+            const response = await onAction('search_hs_code', { keywords: normalized, page: nextPage, pageSize });
             if (response.success === false)
                 throw new Error(response.message || '海关编码查询失败');
-            const data = isHsSearchData(response.data) ? response.data : { results: [] };
-            setResults(data.results);
-            setPage(nextPage);
+            if (!hsRequestGateRef.current.commit(requestId))
+                return;
+            setCollection(isHsSearchData(response.data) ? response.data : emptyHsSearchData(nextPage, pageSize));
         }
         catch (cause) {
+            if (!hsRequestGateRef.current.isLatest(requestId))
+                return;
             setError(errorMessage(cause, '海关编码查询失败'));
-            setResults([]);
+            setCollection(emptyHsSearchData(nextPage, pageSize));
         }
         finally {
-            setLoading(false);
+            hsRequestGateRef.current.finish(requestId);
+            if (hsRequestGateRef.current.isLatest(requestId))
+                setLoading(false);
         }
     }, [onAction]);
     React.useEffect(() => {
-        if (!open)
+        if (!open) {
+            hsRequestGateRef.current.invalidate();
+            setLoading(false);
             return;
+        }
         setQuery(initialQuery);
-        setPage(1);
+        setCollection(emptyHsSearchData());
         void search(initialQuery, 1);
+        return () => hsRequestGateRef.current.invalidate();
     }, [open, initialQuery, search]);
     const showDetail = async (result) => {
         setLoading(true);
         setError('');
+        const requestId = hsRequestGateRef.current.begin();
         try {
             const response = await onAction('get_hs_code_detail', { code: result.code, ...(result.detailUrl ? { detailUrl: result.detailUrl } : {}) });
             if (response.success === false)
                 throw new Error(response.message || '海关编码详情查询失败');
+            if (!hsRequestGateRef.current.commit(requestId))
+                return;
             setDetail(isRecord(response.data) ? response.data : {});
         }
         catch (cause) {
+            if (!hsRequestGateRef.current.isLatest(requestId))
+                return;
             setError(errorMessage(cause, '海关编码详情查询失败'));
         }
         finally {
-            setLoading(false);
+            hsRequestGateRef.current.finish(requestId);
+            if (hsRequestGateRef.current.isLatest(requestId))
+                setLoading(false);
         }
     };
+    const close = () => { hsRequestGateRef.current.invalidate(); setLoading(false); onClose(); };
     const columns = [
         { type: 'text', key: 'code', header: '海关编码', width: 130 },
         { type: 'ellipsis', key: 'name', header: '商品名称', width: 220, maxWidth: 220 },
         { type: 'ellipsis', key: 'englishName', header: '英文名称', width: 220, maxWidth: 220 },
-        { type: 'text', key: 'unit', header: '单位', width: 90 },
-        { type: 'text', key: 'taxRefundRate', header: '退税率', width: 90 }
+        { type: 'text', key: 'unit', header: '单位', width: 90, truncate: false },
+        { type: 'text', key: 'taxRefundRate', header: '退税率', width: 90, truncate: false }
     ];
-    return (_jsxs(Modal, { open: open, title: "\u6D77\u5173\u7F16\u7801\u67E5\u8BE2", size: "wide", onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: [_jsx("form", { onSubmit: (event) => { event.preventDefault(); void search(query, 1); }, children: _jsxs(FieldGrid, { columns: 2, children: [_jsx(FormField, { label: "\u5546\u54C1\u540D\u79F0\u6216\u6D77\u5173\u7F16\u7801", required: true, children: _jsx("input", { value: query, onChange: (event) => setQuery(event.target.value) }) }), _jsx("div", { children: _jsxs("button", { type: "submit", className: "tcw-button tcw-button--primary", disabled: loading, children: [_jsx("i", { className: "ri-search-line", "aria-hidden": "true" }), "\u67E5\u8BE2"] }) })] }) }), error && _jsx("p", { role: "alert", children: error }), detail ? _jsx(HsCodeDetail, { detail: detail, onBack: () => setDetail(null) }) : _jsxs(_Fragment, { children: [_jsx(DataGrid, { columns: columns, rows: results, rowKey: (row) => row.code, actions: (row) => _jsxs("button", { type: "button", onClick: () => void showDetail(row), children: [_jsx("i", { className: "ri-eye-line", "aria-hidden": "true" }), "\u8BE6\u60C5"] }), emptyText: loading ? '查询中' : '暂无海关编码结果' }), results.length > 0 && _jsxs("div", { className: "tcw-page-commands", children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: loading || page <= 1, onClick: () => void search(query, page - 1), children: [_jsx("i", { className: "ri-arrow-left-s-line", "aria-hidden": "true" }), "\u4E0A\u4E00\u9875"] }), _jsxs("span", { children: ["\u7B2C ", page, " \u9875"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", disabled: loading, onClick: () => void search(query, page + 1), children: [_jsx("i", { className: "ri-arrow-right-s-line", "aria-hidden": "true" }), "\u4E0B\u4E00\u9875"] })] })] })] }));
+    return (_jsxs(Modal, { open: open, title: "\u6D77\u5173\u7F16\u7801\u67E5\u8BE2", size: "wide", onClose: close, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: close, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: [_jsx("form", { onSubmit: (event) => { event.preventDefault(); void search(query, 1); }, children: _jsxs(FieldGrid, { columns: 2, children: [_jsx(FormField, { label: "\u5546\u54C1\u540D\u79F0\u6216\u6D77\u5173\u7F16\u7801", required: true, children: _jsx("input", { value: query, onChange: (event) => setQuery(event.target.value) }) }), _jsx("div", { children: _jsxs("button", { type: "submit", className: "tcw-button tcw-button--primary", disabled: loading, children: [_jsx("i", { className: "ri-search-line", "aria-hidden": "true" }), "\u67E5\u8BE2"] }) })] }) }), error && _jsx("p", { role: "alert", children: error }), detail ? _jsx(HsCodeDetail, { detail: detail, onBack: () => setDetail(null) }) : _jsx(_Fragment, { children: _jsx(DataGrid, { columns: columns, rows: collection.items, rowKey: (row) => row.code, pagination: collection, onPageChange: (page) => void search(query, page, collection.pageSize), onPageSizeChange: (pageSize) => { const request = hsSearchPageSizeRequest(query, pageSize); void search(request.keywords, request.page, request.pageSize); }, actions: (row) => _jsxs("button", { type: "button", onClick: () => void showDetail(row), children: [_jsx("i", { className: "ri-eye-line", "aria-hidden": "true" }), "\u8BE6\u60C5"] }), emptyText: loading ? '查询中' : '暂无海关编码结果' }) })] }));
 }
 function HsCodeDetail({ detail, onBack }) {
-    return _jsxs("section", { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onBack, children: [_jsx("i", { className: "ri-arrow-left-line", "aria-hidden": "true" }), "\u8FD4\u56DE\u67E5\u8BE2\u7ED3\u679C"] }), _jsxs("h3", { children: [detail.code || '—', " ", detail.name || detail.title || ''] }), _jsxs("p", { children: [_jsx("strong", { children: "\u67E5\u8BE2\u65F6\u95F4\uFF1A" }), detail.queriedAt || '—'] }), detail.sourceUrl && _jsxs("p", { children: [_jsx("strong", { children: "\u6570\u636E\u6765\u6E90\uFF1A" }), _jsx("a", { href: detail.sourceUrl, target: "_blank", rel: "noreferrer", children: detail.sourceUrl })] }), detail.sections?.map((section, index) => _jsxs("section", { children: [_jsx("h4", { children: section.title || '详情' }), section.rows?.map((row, rowIndex) => _jsxs("p", { children: [_jsxs("strong", { children: [row.label || '字段', "\uFF1A"] }), row.value || '—'] }, `${row.label ?? 'row'}-${rowIndex}`))] }, `${section.title ?? 'detail'}-${index}`))] });
+    return _jsxs("section", { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onBack, children: [_jsx("i", { className: "ri-arrow-left-line", "aria-hidden": "true" }), "\u8FD4\u56DE\u67E5\u8BE2\u7ED3\u679C"] }), _jsxs("h3", { children: [detail.code || '—', " ", detail.name || detail.title || ''] }), _jsxs("p", { children: [_jsx("strong", { children: "\u67E5\u8BE2\u65F6\u95F4\uFF1A" }), formatBeijingDateTime(detail.queriedAt)] }), detail.sourceUrl && _jsxs("p", { children: [_jsx("strong", { children: "\u6570\u636E\u6765\u6E90\uFF1A" }), _jsx("a", { href: detail.sourceUrl, target: "_blank", rel: "noreferrer", children: detail.sourceUrl })] }), detail.sections?.map((section, index) => _jsxs("section", { children: [_jsx("h4", { children: section.title || '详情' }), section.rows?.map((row, rowIndex) => _jsxs("p", { children: [_jsxs("strong", { children: [row.label || '字段', "\uFF1A"] }), row.value || '—'] }, `${row.label ?? 'row'}-${rowIndex}`))] }, `${section.title ?? 'detail'}-${index}`))] });
 }
 export function hsLookupQuery(row, field) {
     return String(row[field] ?? '').trim();
@@ -540,8 +581,8 @@ function sanctionedForm(item) {
         remarks: item?.remarks ?? ''
     };
 }
-function LinkButton({ children, icon, title, onClick }) {
-    return _jsx("span", { className: "tcw-row-actions tcw-catalog-table-link", children: _jsxs("button", { type: "button", title: title, onClick: onClick, children: [_jsx("i", { className: icon, "aria-hidden": "true" }), children] }) });
+function LinkButton({ children, icon, title, ariaLabel, onClick }) {
+    return _jsx("span", { className: "tcw-row-actions tcw-catalog-table-link", children: _jsxs("button", { type: "button", title: title, "aria-label": ariaLabel, onClick: onClick, children: [_jsx("i", { className: icon, "aria-hidden": "true" }), children] }) });
 }
 function options(labels) {
     return Object.entries(labels).map(([value, label]) => ({ value, label: String(label) }));
@@ -550,7 +591,13 @@ function labelFor(value, labels) {
     return typeof value === 'string' && value in labels ? labels[value] : value ? String(value) : '—';
 }
 function isHsSearchData(value) {
-    return isRecord(value) && Array.isArray(value.results) && value.results.every((item) => isRecord(item) && typeof item.code === 'string');
+    return isRecord(value)
+        && Array.isArray(value.items)
+        && value.items.every((item) => isRecord(item) && typeof item.code === 'string')
+        && Number.isInteger(value.total) && Number(value.total) >= 0
+        && Number.isInteger(value.page) && Number(value.page) >= 1
+        && isPaginationPageSize(Number(value.pageSize))
+        && Number.isInteger(value.pageCount) && Number(value.pageCount) >= 1;
 }
 function isRecord(value) {
     return Boolean(value && typeof value === 'object' && !Array.isArray(value));
@@ -563,7 +610,7 @@ function assertActionSucceeded(response) {
         throw new Error(typeof response.message === 'string' && response.message ? response.message : '操作失败');
 }
 function collectionPagination(collection) {
-    const pageSize = Number(collection.pageSize) > 0 ? Number(collection.pageSize) : PAGE_SIZE;
+    const pageSize = collection.pageSize ?? PAGE_SIZE;
     const total = Number(collection.total) >= 0 ? Number(collection.total) : collection.items.length;
     const pageCount = Math.max(1, Math.ceil(total / pageSize));
     const page = Math.min(pageCount, Math.max(1, Number(collection.page) || 1));
@@ -575,7 +622,7 @@ function asImportCompletion(value) {
     return value;
 }
 function isCatalogImportStartData(value) {
-    return isRecord(value) && isRecord(value.task) && typeof value.task.id === 'string' && typeof value.task.documentType === 'string' && typeof value.task.status === 'string' && Array.isArray(value.commands) && value.commands.every((command) => isRecord(command) && typeof command.commandKey === 'string' && isRecord(command.payload)) && isRecord(value.polling) && Number.isFinite(value.polling.intervalMs) && Number.isFinite(value.polling.timeoutMs);
+    return isRecord(value) && isRecord(value.task) && typeof value.task.id === 'string' && typeof value.task.documentType === 'string' && typeof value.task.status === 'string';
 }
 function delay(milliseconds) {
     return new Promise((resolve) => setTimeout(resolve, milliseconds));