@chenchaolong/plugin-trade-compliance-workbench 1.0.48 → 1.0.50

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

@@ -1,391 +1,96 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Decimal } from 'decimal.js';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import { DataGrid, RiskNotice } from '../components/data-grid.js';
-import './analytics-prototype.css';
-export function analyticsPageSizeQuery(query, pageSize) {
-    return query.mode === 'PURCHASE'
-        ? { ...query, page: 1, pageSize }
-        : { ...query, page: 1, pageSize };
-}
-export function AnalyticsPage({ data, committedQuery, busy, error, onQuery, onExportXlsx }) {
-    const fallbackQuery = React.useMemo(() => queryFromData(data), [data.mode, data.dimension, data.details.page, data.details.pageSize]);
-    const committed = committedQuery ?? fallbackQuery;
-    const [mode, setMode] = React.useState(committed.mode);
-    const [dimension, setDimension] = React.useState(committed.dimension);
-    const [filters, setFilters] = React.useState(() => filterStateFromQuery(committed));
+import { RiskNotice } from '../components/data-grid.js';
+import { createLatestRequestGate } from '../model.js';
+import { AnalyticsDashboard } from './analytics-dashboard.js';
+import { AnalyticsDetailList } from './analytics-detail-list.js';
+export { AnalyticsDetailList } from './analytics-detail-list.js';
+const emptyDetailPage = () => ({ items: [], page: 1, pageSize: 20, total: 0, pageCount: 1 });
+export function AnalyticsPage({ data, committedQuery, detailRefreshKey = 0, busy, error, onQuery, onDetailQuery, onDetailAction, onExportXlsx }) {
+    const committed = committedQuery ?? { filters: { orderDate: yearRange(data.currentYear) }, page: 1, pageSize: 20 };
+    const [filters, setFilters] = React.useState(committed.filters);
     const [period, setPeriod] = React.useState(() => periodFromQuery(committed, data.currentYear));
-    const [activeDialog, setActiveDialog] = React.useState(null);
-    const [drilldown, setDrilldown] = React.useState(null);
-    const [infoModal, setInfoModal] = React.useState(null);
+    const [customVisible, setCustomVisible] = React.useState(false);
+    const [selection, setSelection] = React.useState(null);
+    const [detailPage, setDetailPage] = React.useState(emptyDetailPage);
+    const [detailBusy, setDetailBusy] = React.useState(false);
+    const [detailError, setDetailError] = React.useState(null);
+    const detailRequestGateRef = React.useRef(createLatestRequestGate());
+    const appliedDetailRefreshKeyRef = React.useRef(detailRefreshKey);
     React.useEffect(() => {
-        setMode(committed.mode);
-        setDimension(committed.dimension);
-        setFilters(filterStateFromQuery(committed));
+        setFilters(committed.filters);
         setPeriod(periodFromQuery(committed, data.currentYear));
-    }, [committed]);
-    const typedFilters = toAnalyticsFilters(filters);
-    const queryFor = (nextMode, nextDimension, page, nextFilters) => nextMode === 'PURCHASE'
-        ? { mode: nextMode, dimension: nextDimension === 'SUPPLIER' ? 'SUPPLIER' : 'PRODUCT', filters: purchaseAnalyticsFilters(nextFilters), page, pageSize: data.details.pageSize || 20 }
-        : { mode: nextMode, dimension: nextDimension === 'CUSTOMER' ? 'CUSTOMER' : 'PRODUCT', filters: salesAnalyticsFilters(nextFilters), page, pageSize: data.details.pageSize || 20 };
-    const runQuery = (page = 1, nextMode = mode, nextDimension = dimension) => onQuery(queryFor(nextMode, nextDimension, page, typedFilters));
+    }, [committed, data.currentYear]);
+    const queryDashboard = (nextFilters) => onQuery({ filters: nextFilters, page: 1, pageSize: committed.pageSize });
     const applyPeriod = (nextPeriod) => {
-        const orderDate = nextPeriod === 'year' ? yearRange(data.currentYear) : quickRange(3);
-        const nextFilters = { ...typedFilters, orderDate };
+        const nextFilters = { orderDate: nextPeriod === 'year' ? yearRange(data.currentYear) : monthRange() };
         setPeriod(nextPeriod);
-        setFilters(current => ({ ...current, orderDate }));
-        void onQuery(queryFor(mode, dimension, 1, nextFilters));
+        setCustomVisible(false);
+        setFilters(nextFilters);
+        void queryDashboard(nextFilters);
     };
-    const exportCurrent = (scope) => {
-        if (!onExportXlsx)
-            return;
-        const request = queryFor(mode, dimension, scope === 'details' ? data.details.page : 1, typedFilters);
-        void onExportXlsx(request.mode === 'PURCHASE' ? { mode: request.mode, dimension: request.dimension, filters: request.filters, format: 'XLSX' } : { mode: request.mode, dimension: request.dimension, filters: request.filters, format: 'XLSX' });
-        setActiveDialog(null);
+    const applyCustom = () => {
+        setPeriod('custom');
+        setCustomVisible(false);
+        void queryDashboard(filters);
     };
-    return _jsxs("section", { className: "tcw-analytics-page", "aria-label": "\u6570\u636E\u5206\u6790", children: [_jsxs("div", { className: "tcw-analytics-cockpit-hero", children: [_jsxs("div", { children: [_jsx("h1", { children: "\u5916\u8D38\u5408\u89C4\u7ECF\u8425\u9A7E\u9A76\u8231" }), _jsx("p", { children: "\u7ECF\u8425\u8D44\u91D1\u3001\u5408\u540C\u5BA1\u6838\u3001\u5546\u54C1\u7BA1\u63A7\u3001\u5236\u88C1\u547D\u4E2D\u3001\u5229\u6DA6\u5F02\u5E38\u7EDF\u4E00\u76D1\u63A7" })] }), _jsxs("div", { className: "tcw-analytics-page-actions", children: [onExportXlsx && _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", "aria-label": "\u5BFC\u51FA\u6570\u636E", onClick: () => setActiveDialog('export'), children: [_jsx("i", { className: "ri-download-2-line", "aria-hidden": "true" }), "\u5BFC\u51FA\u62A5\u8868"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => void runQuery(), children: [_jsx("i", { className: "ri-refresh-line", "aria-hidden": "true" }), "\u5237\u65B0"] })] })] }), _jsx("div", { className: "tcw-analytics-query", children: _jsxs("div", { className: "tcw-analytics-toolbar", children: [_jsx("span", { className: "tcw-analytics-label", children: "\u7EDF\u8BA1\u5468\u671F\uFF1A" }), _jsxs("div", { className: "tcw-segmented-control tcw-analytics-period", role: "group", "aria-label": "\u7EDF\u8BA1\u65F6\u95F4", children: [_jsxs("button", { type: "button", "aria-pressed": period === 'year', onClick: () => applyPeriod('year'), children: [_jsx("i", { className: "ri-calendar-event-line", "aria-hidden": "true" }), "\u672C\u5E74"] }), _jsxs("button", { type: "button", "aria-pressed": period === 'month', onClick: () => applyPeriod('month'), children: [_jsx("i", { className: "ri-calendar-check-line", "aria-hidden": "true" }), "\u672C\u6708"] }), _jsxs("button", { type: "button", "aria-pressed": period === 'custom', onClick: () => { setPeriod('custom'); setActiveDialog('filter'); }, children: [_jsx("i", { className: "ri-calendar-2-line", "aria-hidden": "true" }), "\u81EA\u5B9A\u4E49\u533A\u95F4"] })] })] }) }), _jsx(AnalyticsCockpit, { data: data, onDrilldown: setDrilldown, onInfo: setInfoModal }), error && _jsx(RiskNotice, { children: error }), busy && _jsxs("div", { className: "tcw-inline-loading", role: "status", children: [_jsx("span", { className: "tcw-spinner", "aria-hidden": "true" }), "\u6570\u636E\u52A0\u8F7D\u4E2D"] }), drilldown && _jsx(AnalyticsDrilldownPanel, { data: data, drilldown: drilldown, onClose: () => setDrilldown(null) }), infoModal && _jsx(AnalyticsInfoModal, { info: infoModal, onClose: () => setInfoModal(null) }), _jsx(AdvancedFilterModal, { active: activeDialog === 'filter', filters: filters, onFilterChange: (key, value) => setFilters(current => ({ ...current, [key]: value })), onApply: () => { setPeriod('custom'); void runQuery(); setActiveDialog(null); }, onReset: () => { setPeriod('year'); setFilters({ orderDate: yearRange(data.currentYear) }); void onQuery(queryFor(mode, dimension, 1, { orderDate: yearRange(data.currentYear) })); setActiveDialog(null); }, onClose: () => setActiveDialog(null) }), onExportXlsx && _jsx(BusinessExportModal, { active: activeDialog === 'export', total: data.details.total, onClose: () => setActiveDialog(null), onExport: exportCurrent })] });
-}
-const analyticsExportFields = [
-    { key: 'label', label: '客户/供应商名称' },
-    { key: 'dimension', label: '统计维度' },
-    { key: 'orderCount', label: '订单数' },
-    { key: 'amountCny', label: '订单金额（CNY）' },
-    { key: 'status', label: '审核状态' },
-    { key: 'createdAt', label: '创建时间' }
-];
-function AnalyticsCockpit({ data, onDrilldown, onInfo }) {
-    const dashboard = data.dashboard;
-    const customerValueRows = dashboard.customerValueTop5.map(item => ({ key: item.customerId, name: item.customerName, salesAmountCny: item.salesAmountCny, estimatedGrossProfitCny: item.estimatedGrossProfitCny, grossProfitRate: item.estimatedGrossProfitRate, unreceivedCny: item.unreceivedCny, riskStatus: item.riskStatus }));
-    const receivableRiskRows = dashboard.receivableRiskTop5.map(item => ({ key: item.customerId, name: item.customerName, unreceivedCny: item.unreceivedCny, orderCount: item.orderCount, latestOrderDate: item.latestOrderDate }));
-    const supplierRiskRows = dashboard.supplierRiskTop5.map(item => ({ key: item.supplierId, name: item.supplierName, unpaidCny: item.unpaidCny, sanctionHitCount: item.sanctionHitCount, productRiskHitCount: item.productRiskHitCount, purchaseOrderCount: item.purchaseOrderCount }));
-    const salesFileRows = dashboard.salesFileReviews.map(item => ({ key: item.fileId, fileName: item.fileName, fileType: item.fileType, orderNo: item.salesOrderNo, reason: item.reason, status: '待复核' }));
-    const riskOrderRows = dashboard.riskOrders.map(item => ({ key: item.orderKey, orderNo: item.orderNo, partyName: item.partyName, riskType: item.riskType, riskAmountCny: item.riskAmountCny, status: item.status }));
-    const monthlyDeltas = monthlyDeltaLabels(dashboard.monthlyTrend);
-    const kpis = [
-        { label: '采购总额', value: compactMoney(dashboard.kpis.purchaseTotalCny), subtext: monthlyDeltas.purchase, fullValue: `${money(dashboard.kpis.purchaseTotalCny)} CNY`, icon: 'ri-shopping-cart-line', tone: 'money' },
-        { label: '销售总额', value: compactMoney(dashboard.kpis.salesTotalCny), subtext: monthlyDeltas.sales, fullValue: `${money(dashboard.kpis.salesTotalCny)} CNY`, icon: 'ri-bar-chart-line', tone: 'money' },
-        { label: '已收款金额', value: compactMoney(dashboard.kpis.receivedCny), subtext: `回款率 ${amountRatio(dashboard.kpis.receivedCny, dashboard.kpis.salesTotalCny)}`, fullValue: `${money(dashboard.kpis.receivedCny)} CNY`, icon: 'ri-time-line', tone: 'success' },
-        { label: '未收款金额', value: compactMoney(dashboard.kpis.unreceivedCny), subtext: `销售占比 ${amountRatio(dashboard.kpis.unreceivedCny, dashboard.kpis.salesTotalCny)}`, fullValue: `${money(dashboard.kpis.unreceivedCny)} CNY`, icon: 'ri-alarm-warning-line', tone: 'warn' },
-        { label: '已付款金额', value: compactMoney(dashboard.kpis.paidCny), subtext: `付款率 ${amountRatio(dashboard.kpis.paidCny, dashboard.kpis.purchaseTotalCny)}`, fullValue: `${money(dashboard.kpis.paidCny)} CNY`, icon: 'ri-secure-payment-line', tone: 'success' },
-        { label: '未付款金额', value: compactMoney(dashboard.kpis.unpaidCny), subtext: `采购占比 ${amountRatio(dashboard.kpis.unpaidCny, dashboard.kpis.purchaseTotalCny)}`, fullValue: `${money(dashboard.kpis.unpaidCny)} CNY`, icon: 'ri-error-warning-line', tone: 'warn' },
-        { label: '未退税金额', value: compactMoney(dashboard.kpis.unrefundedCny), subtext: `退税缺口 ${amountRatio(dashboard.kpis.unrefundedCny, addMoney(dashboard.kpis.refundedCny, dashboard.kpis.unrefundedCny))}`, fullValue: `${money(dashboard.kpis.unrefundedCny)} CNY`, icon: 'ri-refund-2-line', tone: 'warn' },
-        { label: '预计毛利率', value: percent(dashboard.kpis.estimatedGrossProfitRate), subtext: `毛利 ${compactMoney(dashboard.kpis.estimatedGrossProfitCny)}`, icon: 'ri-funds-box-line', tone: 'success' },
-        { label: '合规待办数', value: `${dashboard.kpis.complianceTodoCount} 项`, subtext: `队列 ${dashboard.todos.length} 类`, icon: 'ri-shield-check-line', tone: 'warn' },
-        { label: '风险敞口金额', value: compactMoney(dashboard.kpis.riskExposureCny), subtext: `资金风险占比 ${amountRatio(dashboard.kpis.riskExposureCny, addMoney(dashboard.kpis.salesTotalCny, dashboard.kpis.purchaseTotalCny))}`, fullValue: `${money(dashboard.kpis.riskExposureCny)} CNY`, icon: 'ri-shield-flash-line', tone: 'risk' }
-    ];
-    return _jsxs("section", { className: "tcw-analytics-cockpit", "aria-label": "\u5916\u8D38\u5408\u89C4\u7ECF\u8425\u9A7E\u9A76\u8231", children: [_jsx("div", { className: "tcw-analytics-kpi-grid", children: kpis.map(item => _jsxs("button", { type: "button", className: `is-${item.tone}`, title: 'fullValue' in item ? item.fullValue : item.value, onClick: () => onDrilldown({ title: `${item.label}下钻明细`, tone: item.tone === 'success' || item.tone === 'warn' ? 'money' : item.tone }), children: [_jsx("span", { children: item.label }), _jsx("i", { className: item.icon, "aria-hidden": "true" }), _jsx("strong", { children: item.value }), _jsx("small", { children: item.subtext.startsWith('较上月') ? _jsxs(_Fragment, { children: [_jsx("em", { children: "\u8F83\u4E0A\u6708" }), _jsx("b", { children: item.subtext.replace('较上月 ', '') })] }) : item.subtext })] }, item.label)) }), _jsxs("div", { className: "tcw-analytics-cockpit-layout", children: [_jsxs("div", { className: "tcw-analytics-layout-row tcw-analytics-layout-row--charts", children: [_jsx(Panel, { title: "\u5408\u89C4\u5F85\u529E\u961F\u5217", icon: "ri-list-check-3", className: "tcw-analytics-panel--queue", children: _jsx(TodoQueue, { rows: dashboard.todos, onOpen: todo => onInfo({ title: `${todo.label}列表`, rows: todoDetailRows(todo) }) }) }), _jsxs(Panel, { title: "\u6708\u5EA6\u7ECF\u8425\u8D8B\u52BF", icon: "ri-bar-chart-box-line", className: "tcw-analytics-panel--trend", children: [_jsxs("div", { className: "tcw-analytics-chart-legend", children: [_jsxs("span", { children: [_jsx("i", { className: "is-sales" }), "\u9500\u552E\u989D"] }), _jsxs("span", { children: [_jsx("i", { className: "is-purchase" }), "\u91C7\u8D2D\u989D"] }), _jsxs("span", { children: [_jsx("i", { className: "is-profit" }), "\u9884\u8BA1\u6BDB\u5229"] }), _jsxs("span", { children: [_jsx("i", { className: "is-received" }), "\u56DE\u6B3E\u91D1\u989D"] })] }), _jsx(TrendLineChart, { points: dashboard.monthlyTrend })] }), _jsx(Panel, { title: "\u8D44\u91D1\u98CE\u9669\u7ED3\u6784", icon: "ri-stack-line", className: "tcw-analytics-panel--capital", children: _jsx(MoneyStructure, { kpis: dashboard.kpis }) }), _jsx(Panel, { title: "\u5408\u89C4\u98CE\u9669\u5206\u5E03", icon: "ri-donut-chart-line", className: "tcw-analytics-panel--risk", children: _jsx(RiskDistribution, { items: dashboard.riskDistribution, onOpen: item => onInfo({ title: `${item.label}明细`, rows: [{ label: item.label, value: `${item.count} 项${item.amountCny ? ` · ${money(item.amountCny)} CNY` : ''}`, actionLabel: '查看' }] }) }) })] }), _jsxs("div", { className: "tcw-analytics-layout-row tcw-analytics-layout-row--top5", children: [_jsx(Panel, { title: "\u5BA2\u6237\u4EF7\u503C TOP5", icon: "ri-vip-crown-line", className: "tcw-analytics-panel--customer", children: _jsx(CustomerValue, { rows: customerValueRows }) }), _jsx(Panel, { title: "\u672A\u6536\u98CE\u9669 TOP5", icon: "ri-bank-line", className: "tcw-analytics-panel--receivable", children: _jsx(ReceivableRisk, { rows: receivableRiskRows }) }), _jsx(Panel, { title: "\u4F9B\u5E94\u5546\u98CE\u9669 TOP5", icon: "ri-truck-line", className: "tcw-analytics-panel--supplier", children: _jsx(SupplierRisk, { rows: supplierRiskRows }) })] }), _jsxs("div", { className: "tcw-analytics-layout-row tcw-analytics-layout-row--bottom", children: [_jsx(Panel, { title: "\u9500\u552E\u6587\u4EF6\u590D\u6838", icon: "ri-file-search-line", className: "tcw-analytics-panel--files", children: _jsx(SalesFileReviews, { rows: salesFileRows, onOpen: row => onInfo({ title: `${row.fileName}复核`, rows: [{ label: row.fileName, value: `${row.fileType} · ${row.orderNo} · ${row.status}`, actionLabel: '复核' }] }) }) }), _jsx(Panel, { title: "\u98CE\u9669\u8BA2\u5355\u660E\u7EC6", icon: "ri-file-warning-line", className: "tcw-analytics-panel--risk-orders", children: _jsx(RiskOrders, { rows: riskOrderRows, onOpen: row => onInfo({ title: `${row.orderNo}风险明细`, rows: [{ label: row.orderNo, value: `${row.partyName} · ${row.riskType} · ${money(row.riskAmountCny)} CNY`, actionLabel: '跟进' }] }) }) }), _jsx(Panel, { title: "\u6307\u6807\u6570\u636E\u6765\u6E90", icon: "ri-database-2-line", className: "tcw-analytics-panel--source", children: _jsx(DataSourceList, { rows: dashboard.dataSources, onOpen: source => onInfo({ title: source.label, rows: [{ label: source.label, value: source.description, actionLabel: '查看' }] }) }) })] })] })] });
-}
-function Panel({ title, icon, className = '', action, children }) {
-    return _jsxs("section", { className: `tcw-analytics-panel ${className}`.trim(), children: [_jsxs("header", { children: [_jsxs("strong", { children: [_jsx("i", { className: icon, "aria-hidden": "true" }), title] }), action] }), children] });
-}
-function MoneyStructure({ kpis }) {
-    const items = [
-        { label: '已收款', value: kpis.receivedCny, color: '#16a34a' },
-        { label: '未收款', value: kpis.unreceivedCny, color: '#f97316' },
-        { label: '已付款', value: kpis.paidCny, color: '#1769ff' },
-        { label: '未付款', value: kpis.unpaidCny, color: '#ff7a00' },
-        { label: '已退税', value: kpis.refundedCny, color: '#26b6c8' },
-        { label: '未退税', value: kpis.unrefundedCny, color: '#ff4d55' }
-    ];
-    const total = Math.max(items.reduce((sum, item) => sum + (Number(item.value) || 0), 0), 1);
-    const max = Math.max(...items.map(item => Number(item.value) || 0), 1);
-    return _jsxs("div", { className: "tcw-analytics-money-structure", children: [_jsxs("div", { className: "tcw-analytics-money-head", children: [_jsx("span", { children: "\u91D1\u989D\uFF08\u4E07\u5143\uFF09" }), _jsx("span", { children: "\u5360\u6BD4" })] }), items.map(item => _jsxs("div", { className: "tcw-analytics-money-row", children: [_jsxs("span", { children: [_jsx("i", { style: { background: item.color } }), item.label] }), _jsx("em", { children: _jsx("i", { style: { width: `${Math.max(5, (Number(item.value) || 0) / max * 100)}%`, background: item.color } }) }), _jsx("b", { children: compactNumber(Number(item.value) / 10000) }), _jsx("strong", { children: percentRatio(Number(item.value) || 0, total) })] }, item.label))] });
-}
-function RiskDistribution({ items, onOpen }) {
-    const total = items.reduce((sum, item) => sum + item.count, 0);
-    const colors = ['#1769ff', '#26b6c8', '#ff9f1c', '#8b5cf6', '#5ac85a', '#ff4d55'];
-    const segments = items.length ? items.map((item, index) => ({ item, color: colors[index % colors.length] })) : [{ item: { key: 'empty', label: '暂无风险', count: 1, amountCny: '0' }, color: '#e7edf5' }];
-    let cursor = 0;
-    const conic = segments.map(({ item, color }) => {
-        const start = cursor;
-        cursor += ((total > 0 ? item.count / total : 1) * 100);
-        return `${color} ${start.toFixed(2)}% ${cursor.toFixed(2)}%`;
-    }).join(', ');
-    const style = { '--risk-donut': `conic-gradient(${conic})` };
-    return _jsxs("div", { className: "tcw-analytics-risk-distribution", children: [_jsxs("div", { className: "tcw-analytics-donut", style: style, children: [_jsx("strong", { children: "\u5408\u8BA1" }), _jsx("span", { children: total })] }), _jsx("dl", { children: items.map((item, index) => _jsxs("button", { type: "button", onClick: () => onOpen(item), children: [_jsxs("dt", { children: [_jsx("i", { className: "ri-checkbox-blank-circle-fill", style: { color: colors[index % colors.length] }, "aria-hidden": "true" }), item.label] }), _jsxs("dd", { children: [item.count, " (", percentRatio(item.count, total), ")"] })] }, item.key)) })] });
-}
-function CustomerValue({ rows }) {
-    return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table tcw-analytics-table--customer", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", {}), _jsx("th", { children: "\u5BA2\u6237\u540D\u79F0" }), _jsx("th", { children: "\u9500\u552E\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u9884\u8BA1\u6BDB\u5229\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u6BDB\u5229\u7387" }), _jsx("th", { children: "\u672A\u6536\u6B3E\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u98CE\u9669\u72B6\u6001" })] }) }), _jsx("tbody", { children: rows.map((row, index) => _jsxs("tr", { children: [_jsx("td", { children: index + 1 }), _jsx("td", { title: row.name, children: row.name }), _jsx("td", { children: money(row.salesAmountCny) }), _jsx("td", { children: money(row.estimatedGrossProfitCny) }), _jsx("td", { children: percent(row.grossProfitRate) }), _jsx("td", { children: money(row.unreceivedCny) }), _jsx("td", { children: _jsx(RiskBadge, { status: row.riskStatus }) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u5BA2\u6237\u4EF7\u503C\u6392\u540D" });
-}
-function ReceivableRisk({ rows }) {
-    return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table tcw-analytics-table--receivable", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u5BA2\u6237\u540D\u79F0" }), _jsx("th", { children: "\u672A\u6536\u6B3E\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u903E\u671F\u5929\u6570" }), _jsx("th", { children: "\u5173\u8054\u9500\u552E\u8BA2\u5355\u6570" }), _jsx("th", { children: "\u6700\u8FD1\u6536\u6B3E\u65E5\u671F" })] }) }), _jsx("tbody", { children: rows.map((row, index) => _jsxs("tr", { children: [_jsx("td", { title: row.name, children: row.name }), _jsx("td", { children: money(row.unreceivedCny) }), _jsx("td", { children: 67 - index * 9 }), _jsx("td", { children: row.orderCount }), _jsx("td", { children: shortDate(row.latestOrderDate) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u672A\u6536\u98CE\u9669" });
-}
-function SupplierRisk({ rows }) {
-    return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table tcw-analytics-table--supplier", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u4F9B\u5E94\u5546\u540D\u79F0" }), _jsx("th", { children: "\u672A\u4ED8\u6B3E\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u547D\u4E2D\u5236\u88C1\u72B6\u6001" }), _jsx("th", { children: "\u5173\u8054\u91C7\u8D2D\u8BA2\u5355\u6570" }), _jsx("th", { children: "\u5546\u54C1\u98CE\u9669\u547D\u4E2D\u6570" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { title: row.name, children: row.name }), _jsx("td", { children: money(row.unpaidCny) }), _jsx("td", { children: _jsx("span", { className: row.sanctionHitCount > 0 ? 'tcw-analytics-status is-danger' : 'tcw-analytics-status is-ok', children: row.sanctionHitCount > 0 ? '命中制裁' : '未命中' }) }), _jsx("td", { children: row.purchaseOrderCount }), _jsx("td", { children: row.productRiskHitCount })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u4F9B\u5E94\u5546\u98CE\u9669" });
-}
-function SalesFileReviews({ rows, onOpen }) {
-    return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table tcw-analytics-table--files", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u6587\u4EF6\u7F16\u53F7" }), _jsx("th", { children: "\u6587\u4EF6\u7C7B\u578B" }), _jsx("th", { children: "\u5173\u8054\u9500\u552E\u8BA2\u5355" }), _jsx("th", { children: "\u5F02\u5E38\u539F\u56E0" }), _jsx("th", { children: "\u64CD\u4F5C" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { title: row.fileName, children: row.fileName }), _jsx("td", { children: row.fileType }), _jsx("td", { children: row.orderNo }), _jsx("td", { title: row.reason, children: row.reason }), _jsx("td", { children: _jsxs("button", { type: "button", className: "tcw-analytics-row-action", onClick: () => onOpen(row), children: [_jsx("i", { className: "ri-file-search-line", "aria-hidden": "true" }), "\u590D\u6838"] }) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u9500\u552E\u6587\u4EF6\u590D\u6838" });
-}
-function RiskOrders({ rows, onOpen }) {
-    return rows.length ? _jsxs("table", { className: "tcw-analytics-dashboard-table tcw-analytics-risk-orders", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u8BA2\u5355\u7F16\u53F7" }), _jsx("th", { children: "\u5BA2\u6237" }), _jsx("th", { children: "\u98CE\u9669\u7C7B\u578B" }), _jsx("th", { children: "\u98CE\u9669\u91D1\u989D\uFF08\u4EBA\u6C11\u5E01\uFF09" }), _jsx("th", { children: "\u72B6\u6001" }), _jsx("th", { children: "\u64CD\u4F5C" })] }) }), _jsx("tbody", { children: rows.map(row => _jsxs("tr", { children: [_jsx("td", { children: row.orderNo }), _jsx("td", { title: row.partyName, children: row.partyName }), _jsx("td", { children: _jsx("em", { children: row.riskType }) }), _jsx("td", { children: money(row.riskAmountCny) }), _jsx("td", { children: _jsx("span", { className: "tcw-analytics-status is-warn", children: row.status }) }), _jsx("td", { children: _jsxs("button", { type: "button", className: "tcw-analytics-row-action", onClick: () => onOpen(row), children: [_jsx("i", { className: "ri-eye-line", "aria-hidden": "true" }), "\u8DDF\u8FDB"] }) })] }, row.key)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u98CE\u9669\u8BA2\u5355" });
-}
-function DataSourceList({ rows, onOpen }) {
-    const icons = ['ri-file-list-3-line', 'ri-file-chart-line', 'ri-file-shield-2-line', 'ri-file-warning-line', 'ri-file-check-line', 'ri-file-copy-2-line', 'ri-file-paper-2-line', 'ri-file-text-line', 'ri-file-list-2-line', 'ri-refund-2-line', 'ri-file-search-line', 'ri-exchange-cny-line'];
-    return _jsx("div", { className: "tcw-analytics-source-list", children: rows.map((source, index) => _jsxs("button", { type: "button", title: source.description, onClick: () => onOpen(source), children: [_jsx("i", { className: icons[index % icons.length], "aria-hidden": "true" }), _jsx("strong", { children: source.label })] }, source.label)) });
-}
-function TodoQueue({ rows, onOpen }) {
-    return rows.length ? _jsxs("div", { className: "tcw-analytics-todo-board", children: [_jsxs("div", { className: "tcw-analytics-todo-head", children: [_jsx("span", { children: "\u5F85\u529E\u4E8B\u9879" }), _jsx("span", { children: "\u6570\u91CF" }), _jsx("span", { children: "\u5173\u8054\u91D1\u989D" }), _jsx("span", { children: "\u4F18\u5148\u7EA7" })] }), rows.map((row, index) => _jsxs("button", { type: "button", className: "tcw-analytics-todo-row", onClick: () => onOpen(row), children: [_jsxs("span", { title: row.description, children: [_jsx("i", { className: "ri-file-list-2-line", "aria-hidden": "true" }), row.label] }), _jsx("b", { children: row.count }), _jsx("em", { children: row.amountCny ? `¥${money(row.amountCny)}` : '' }), _jsx(RiskBadge, { status: row.priority === 'high' ? 'HIGH' : row.priority === 'medium' ? 'MEDIUM' : 'LOW' })] }, row.key))] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u5408\u89C4\u5F85\u529E" });
-}
-function RiskBadge({ status }) {
-    const label = status === 'HIGH' ? '高' : status === 'MEDIUM' ? '中' : status === 'LOW' ? '低' : status;
-    return _jsx("span", { className: `tcw-analytics-risk-badge is-${status.toLocaleLowerCase()}`, children: label });
-}
-function TrendLineChart({ points }) {
-    const months = Array.from({ length: 12 }, (_, index) => points.find(point => point.month === index + 1) ?? { month: index + 1, purchaseAmountCny: '0', salesAmountCny: '0', estimatedGrossProfitCny: '0', receivedCny: '0' });
-    const max = Math.max(...months.flatMap(point => [Number(point.purchaseAmountCny) || 0, Number(point.salesAmountCny) || 0, Number(point.estimatedGrossProfitCny) || 0, Number(point.receivedCny) || 0]), 1);
-    const roundedMax = Math.max(1, Math.ceil(max / 1000 / 5000) * 5000);
-    const yTicks = Array.from({ length: 5 }, (_, index) => roundedMax - (roundedMax / 4) * index);
-    const coords = (key) => months.map((point, index) => {
-        const x = 56 + index * (516 / 11);
-        const y = 132 - ((Number(point[key]) || 0) / max) * 104;
-        return { x, y };
-    });
-    const line = (key) => coords(key).map(point => `${point.x.toFixed(1)},${point.y.toFixed(1)}`).join(' ');
-    return _jsxs("div", { className: "tcw-analytics-line-chart", children: [_jsx("span", { className: "tcw-analytics-trend-unit", children: "\u91D1\u989D\uFF08\u4E07\u5143\uFF09" }), _jsxs("svg", { viewBox: "0 0 600 170", role: "img", "aria-label": "\u6708\u5EA6\u7ECF\u8425\u8D8B\u52BF\u6298\u7EBF\u56FE", children: [_jsx("g", { className: "tcw-analytics-line-grid", children: [28, 54, 80, 106, 132].map((y, index) => _jsxs(React.Fragment, { children: [_jsx("line", { x1: "56", x2: "576", y1: y, y2: y }), _jsx("text", { className: "tcw-analytics-trend-axis", x: "42", y: y + 4, children: formatChartTick(yTicks[index]) })] }, y)) }), _jsx("polyline", { className: "is-purchase", points: line('purchaseAmountCny') }), _jsx("polyline", { className: "is-sales", points: line('salesAmountCny') }), _jsx("polyline", { className: "is-profit", points: line('estimatedGrossProfitCny') }), _jsx("polyline", { className: "is-received", points: line('receivedCny') }), ['salesAmountCny', 'purchaseAmountCny', 'estimatedGrossProfitCny', 'receivedCny'].flatMap(key => coords(key).map((point, index) => _jsx("circle", { className: key === 'salesAmountCny' ? 'is-sales' : key === 'purchaseAmountCny' ? 'is-purchase' : key === 'receivedCny' ? 'is-received' : 'is-profit', cx: point.x, cy: point.y, r: "3" }, `${key}-${index}`))), months.map((point, index) => _jsxs("text", { x: 56 + index * (516 / 11), y: "156", children: [point.month, "\u6708"] }, point.month))] })] });
-}
-function monthlyDeltaLabels(points) {
-    const sorted = [...points].sort((a, b) => a.month - b.month);
-    let latestIndex = -1;
-    for (let index = sorted.length - 1; index >= 0; index -= 1) {
-        const point = sorted[index];
-        if (Number(point.purchaseAmountCny) > 0 || Number(point.salesAmountCny) > 0 || Number(point.receivedCny) > 0) {
-            latestIndex = index;
-            break;
+    const loadDetail = React.useCallback(async (nextSelection, page, pageSize) => {
+        const requestId = detailRequestGateRef.current.begin();
+        setDetailBusy(true);
+        setDetailError(null);
+        try {
+            let result = await onDetailQuery({ kind: nextSelection.kind, categoryKey: nextSelection.categoryKey, filters, page, pageSize });
+            if (page > result.pageCount)
+                result = await onDetailQuery({ kind: nextSelection.kind, categoryKey: nextSelection.categoryKey, filters, page: result.pageCount, pageSize });
+            if (!detailRequestGateRef.current.commit(requestId))
+                return;
+            setDetailPage(result);
+        }
+        catch (cause) {
+            if (!detailRequestGateRef.current.commit(requestId))
+                return;
+            setDetailError(cause instanceof Error ? cause.message : '明细加载失败');
+            setDetailPage({ items: [], page, pageSize, total: 0, pageCount: 1 });
         }
-    }
-    const latest = latestIndex >= 0 ? sorted[latestIndex] : undefined;
-    const previous = latestIndex > 0 ? sorted[latestIndex - 1] : undefined;
-    return {
-        purchase: `较上月 ${deltaLabel(latest?.purchaseAmountCny, previous?.purchaseAmountCny)}`,
-        sales: `较上月 ${deltaLabel(latest?.salesAmountCny, previous?.salesAmountCny)}`,
-        received: `较上月 ${deltaLabel(latest?.receivedCny, previous?.receivedCny)}`,
-        profit: `较上月 ${deltaLabel(latest?.estimatedGrossProfitCny, previous?.estimatedGrossProfitCny)}`
+        finally {
+            detailRequestGateRef.current.finish(requestId);
+            if (detailRequestGateRef.current.activeCount() === 0)
+                setDetailBusy(false);
+        }
+    }, [filters, onDetailQuery]);
+    const openDetail = nextSelection => {
+        setSelection(nextSelection);
+        setDetailPage(emptyDetailPage());
+        void loadDetail(nextSelection, 1, 20);
     };
-}
-function EmptyText({ text }) {
-    return _jsx("small", { className: "tcw-analytics-empty", children: text });
-}
-function AdvancedFilterModal({ active, filters, onFilterChange, onApply, onReset, onClose }) {
-    return _jsx("div", { className: "tcw-analytics-modal-deck", hidden: !active, "aria-hidden": !active, children: _jsx(AnalyticsModal, { title: "\u81EA\u5B9A\u4E49\u533A\u95F4", active: active, onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onReset, children: [_jsx("i", { className: "ri-restart-line", "aria-hidden": "true" }), "\u91CD\u7F6E"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onApply, children: [_jsx("i", { className: "ri-check-line", "aria-hidden": "true" }), "\u786E\u5B9A"] })] }), children: _jsx("div", { className: "tcw-analytics-modal-grid", children: _jsx(ModalRange, { label: "\u7EDF\u8BA1\u65E5\u671F", value: filters.orderDate, onChange: value => onFilterChange('orderDate', value) }) }) }) });
-}
-function AnalyticsInfoModal({ info, onClose }) {
-    return _jsx("div", { className: "tcw-analytics-modal-deck", "aria-hidden": false, children: _jsx(AnalyticsModal, { title: info.title, active: true, onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: info.rows.length ? _jsxs("table", { className: "tcw-analytics-info-list", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u540D\u79F0" }), _jsx("th", { children: "\u660E\u7EC6" }), _jsx("th", { children: "\u64CD\u4F5C" })] }) }), _jsx("tbody", { children: info.rows.map(row => _jsxs("tr", { children: [_jsx("td", { children: row.label }), _jsx("td", { children: row.value }), _jsx("td", { children: _jsxs("button", { type: "button", className: "tcw-analytics-info-action", children: [_jsx("i", { className: "ri-eye-line", "aria-hidden": "true" }), row.actionLabel ?? '查看'] }) })] }, `${row.label}-${row.value}`)) })] }) : _jsx(EmptyText, { text: "\u6682\u65E0\u660E\u7EC6" }) }) });
-}
-function BusinessExportModal({ active, total, onClose, onExport }) {
-    return _jsx("div", { className: "tcw-analytics-modal-deck", hidden: !active, "aria-hidden": !active, children: _jsx(AnalyticsModal, { title: "\u4E1A\u52A1\u5BFC\u51FA", active: active, onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), children: _jsxs("div", { className: "tcw-analytics-export-panel", children: [_jsxs("button", { type: "button", onClick: () => onExport('summary'), children: [_jsx("i", { className: "ri-dashboard-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u7BA1\u7406\u6C47\u603B\u62A5\u8868" }), _jsx("span", { children: "\u6307\u6807\u6C47\u603B\u3001TOP \u6392\u540D\u548C\u8D8B\u52BF\u6570\u636E\uFF0C\u9002\u5408\u7ECF\u8425\u590D\u76D8\u3002" })] }), _jsxs("button", { type: "button", onClick: () => onExport('details'), children: [_jsx("i", { className: "ri-file-list-3-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u5F53\u524D\u660E\u7EC6\u6E05\u5355" }), _jsxs("span", { children: ["\u5BFC\u51FA\u5F53\u524D\u7B5B\u9009\u540E\u7684 ", total, " \u6761\u660E\u7EC6\u6570\u636E\u3002"] })] }), _jsxs("button", { type: "button", onClick: () => onExport('exceptions'), children: [_jsx("i", { className: "ri-alarm-warning-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u5F02\u5E38/\u98CE\u9669\u6E05\u5355" }), _jsx("span", { children: "\u672A\u6536\u6B3E\u3001\u672A\u4ED8\u6B3E\u3001\u672A\u9000\u7A0E\u548C\u5408\u89C4\u5F85\u5904\u7406\u4E8B\u9879\u3002" })] })] }) }) });
-}
-function AnalyticsDetailsModal({ mode, dimension, data, onClose, onPageChange, onPageSizeChange }) {
-    return _jsx("div", { className: "tcw-analytics-modal-deck", "aria-hidden": false, children: _jsx(AnalyticsModal, { title: "\u5B8C\u6574\u5206\u6790\u660E\u7EC6", active: true, onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: _jsxs("div", { className: "tcw-analytics-detail-modal", children: [_jsxs("div", { className: "tcw-analytics-detail-note", children: [_jsx("i", { className: "ri-information-line", "aria-hidden": "true" }), "\u5B8C\u6574\u660E\u7EC6\u7528\u4E8E\u6838\u5BF9\u9A7E\u9A76\u8231\u6307\u6807\u53E3\u5F84\uFF0C\u4E0D\u76F4\u63A5\u5360\u7528\u9A7E\u9A76\u8231\u4E3B\u89C6\u56FE\u3002"] }), _jsx(DataGrid, { columns: detailColumns(mode, dimension), rows: data.details.items, rowKey: "key", pagination: data.details, onPageChange: onPageChange, onPageSizeChange: onPageSizeChange, emptyText: "\u6682\u65E0\u5206\u6790\u660E\u7EC6" })] }) }) });
-}
-function AnalyticsDrilldownPanel({ data, drilldown, onClose }) {
-    const total = data.details.items.reduce((sum, row) => sum.plus(row.amountCny), new Decimal(0)).toFixed(2);
-    return _jsxs("section", { className: `tcw-analytics-drilldown is-${drilldown.tone}`, "aria-label": "\u4E0B\u94BB\u660E\u7EC6", children: [_jsxs("header", { children: [_jsx("strong", { children: drilldown.title }), _jsxs("button", { type: "button", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] })] }), _jsxs("div", { className: "tcw-analytics-drilldown-metrics", children: [_jsxs("article", { children: [_jsx("span", { children: "\u4E0B\u94BB\u660E\u7EC6" }), _jsx("strong", { children: data.details.total })] }), _jsxs("article", { children: [_jsx("span", { children: "\u5F53\u524D\u9875\u8BA2\u5355\u6570" }), _jsx("strong", { children: data.details.items.reduce((sum, row) => sum + row.orderCount, 0) })] }), _jsxs("article", { children: [_jsx("span", { children: "\u5F53\u524D\u9875\u91D1\u989D\uFF08CNY\uFF09" }), _jsx("strong", { children: money(total) })] })] })] });
-}
-function AnalyticsDialogs({ activeDialog, mode, dimension, filters, data, chartType, exportScope, exportFormat, exportFields, onFilterChange, onApplyFilters, onResetFilters, onClose, onDialog, onChartType, onExportScope, onExportFormat, onToggleExportField, onExport }) {
-    const open = activeDialog !== null;
-    return _jsxs("div", { className: "tcw-analytics-modal-deck", hidden: !open, "aria-hidden": !open, children: [_jsx(AnalyticsModal, { title: "\u7B5B\u9009\u6761\u4EF6", active: activeDialog === 'filter', onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onResetFilters, children: [_jsx("i", { className: "ri-restart-line", "aria-hidden": "true" }), "\u91CD\u7F6E"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onApplyFilters, children: [_jsx("i", { className: "ri-check-line", "aria-hidden": "true" }), "\u786E\u5B9A"] })] }), children: _jsxs("div", { className: "tcw-analytics-modal-grid", children: [_jsx("div", { className: "tcw-analytics-quick-range", "aria-label": "\u7EDF\u8BA1\u65F6\u95F4", children: ['今日', '近7天', '近30天', '本月'].map((label, index) => _jsxs("button", { type: "button", className: index === 2 ? 'is-active' : undefined, onClick: () => onFilterChange('orderDate', quickRange(index)), children: [_jsx("i", { className: "ri-calendar-line", "aria-hidden": "true" }), label] }, label)) }), _jsx(ModalRange, { label: "\u4E0B\u5355\u65E5\u671F", value: filters.orderDate, onChange: value => onFilterChange('orderDate', value) }), _jsx(ModalText, { label: mode === 'PURCHASE' ? '供应商' : '客户', value: String(filters[mode === 'PURCHASE' ? 'supplier' : 'customer'] ?? ''), onChange: value => onFilterChange(mode === 'PURCHASE' ? 'supplier' : 'customer', value) }), _jsx(ModalText, { label: "\u5546\u54C1\u540D\u79F0", value: String(filters.productName ?? ''), onChange: value => onFilterChange('productName', value) }), _jsx(ModalText, { label: "\u6D77\u5173\u7F16\u7801", value: String(filters.hsCode ?? ''), onChange: value => onFilterChange('hsCode', value) }), ['客户类型', '国家/地区', '产品类别', '风险等级', '审核状态', '金额范围'].map(label => _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: label }), _jsx("input", { disabled: true, placeholder: "\u540E\u7AEF\u7B5B\u9009\u5B57\u6BB5\u5F85\u63A5\u5165" })] }, label))] }) }), _jsx(AnalyticsModal, { title: "\u5BFC\u51FA\u6570\u636E", active: activeDialog === 'export', onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", disabled: exportFormat === 'CSV', onClick: onExport, children: [_jsx("i", { className: "ri-download-2-line", "aria-hidden": "true" }), "\u5BFC\u51FA"] })] }), children: _jsxs("div", { className: "tcw-analytics-export-panel", children: [_jsxs("fieldset", { children: [_jsx("legend", { children: "\u5BFC\u51FA\u8303\u56F4" }), _jsxs("label", { children: [_jsx("input", { type: "radio", checked: exportScope === 'page', onChange: () => onExportScope('page') }), "\u5F53\u524D\u9875\u6570\u636E"] }), _jsxs("label", { children: [_jsx("input", { type: "radio", checked: exportScope === 'all', onChange: () => onExportScope('all') }), "\u5168\u90E8\u6570\u636E\uFF08\u5171 ", data.details.total, " \u6761\uFF09"] })] }), _jsxs("fieldset", { children: [_jsx("legend", { children: "\u5BFC\u51FA\u5B57\u6BB5" }), _jsx("div", { className: "tcw-analytics-export-fields", children: analyticsExportFields.map(field => _jsxs("label", { children: [_jsx("input", { type: "checkbox", checked: exportFields.has(field.key), onChange: () => onToggleExportField(field.key) }), field.label] }, field.key)) })] }), _jsxs("fieldset", { children: [_jsx("legend", { children: "\u5BFC\u51FA\u683C\u5F0F" }), _jsxs("label", { children: [_jsx("input", { type: "radio", checked: exportFormat === 'XLSX', onChange: () => onExportFormat('XLSX') }), "Excel\uFF08.xlsx\uFF09"] }), _jsxs("label", { children: [_jsx("input", { type: "radio", checked: exportFormat === 'CSV', onChange: () => onExportFormat('CSV') }), "CSV\uFF08.csv\uFF09"] })] })] }) }), _jsx(AnalyticsModal, { title: "\u56FE\u8868\u914D\u7F6E", active: activeDialog === 'chart', onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onClose, children: [_jsx("i", { className: "ri-check-line", "aria-hidden": "true" }), "\u786E\u5B9A"] }), children: _jsxs("div", { className: "tcw-analytics-chart-config", children: [[['bar', '柱状图', 'ri-bar-chart-fill'], ['line', '折线图', 'ri-line-chart-line'], ['donut', '饼图', 'ri-pie-chart-line']].map(([type, label, icon]) => _jsxs("button", { type: "button", className: chartType === type ? 'is-active' : undefined, onClick: () => onChartType(type), children: [_jsx("i", { className: icon, "aria-hidden": "true" }), label] }, type)), _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: "\u7EF4\u5EA6\uFF08X\u8F74\uFF09" }), _jsx("input", { readOnly: true, value: dimensionLabel(dimension) })] }), _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: "\u6307\u6807\uFF08Y\u8F74\uFF09" }), _jsx("input", { readOnly: true, value: "\u8BA2\u5355\u91D1\u989D\uFF08CNY\uFF09" })] })] }) }), _jsx(AnalyticsModal, { title: "\u4FDD\u5B58\u62A5\u8868", active: activeDialog === 'save', onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onClose, children: [_jsx("i", { className: "ri-save-line", "aria-hidden": "true" }), "\u4FDD\u5B58"] }), children: _jsxs("div", { className: "tcw-analytics-modal-grid", children: [_jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: "\u62A5\u8868\u540D\u79F0" }), _jsx("input", { placeholder: "\u8BF7\u8F93\u5165\u62A5\u8868\u540D\u79F0" })] }), _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: "\u62A5\u8868\u63CF\u8FF0" }), _jsx("textarea", { placeholder: "\u8BF7\u8F93\u5165\u62A5\u8868\u63CF\u8FF0\uFF08\u9009\u586B\uFF09" })] })] }) }), _jsx(AnalyticsModal, { title: "\u5B9A\u65F6\u62A5\u544A\u8BBE\u7F6E", active: activeDialog === 'schedule', onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: onClose, children: [_jsx("i", { className: "ri-save-line", "aria-hidden": "true" }), "\u4FDD\u5B58"] }), children: _jsxs("div", { className: "tcw-analytics-modal-grid", children: [_jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: "\u62A5\u544A\u540D\u79F0" }), _jsx("input", { placeholder: "\u8BF7\u8F93\u5165\u62A5\u544A\u540D\u79F0" })] }), _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: "\u53D1\u9001\u9891\u7387" }), _jsx("select", { children: _jsx("option", { children: "\u6BCF\u5468\u4E00 09:00" }) })] }), _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: "\u63A5\u6536\u4EBA" }), _jsx("input", { placeholder: "\u9009\u62E9\u63A5\u6536\u4EBA" })] })] }) }), _jsx(AnalyticsModal, { title: "\u5220\u9664\u786E\u8BA4", active: activeDialog === 'delete', onClose: onClose, footer: _jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--danger", onClick: onClose, children: [_jsx("i", { className: "ri-delete-bin-line", "aria-hidden": "true" }), "\u786E\u8BA4\u5220\u9664"] })] }), children: _jsxs("div", { className: "tcw-confirm-message is-danger", children: [_jsx("i", { className: "ri-error-warning-line", "aria-hidden": "true" }), _jsx("p", { children: "\u786E\u8BA4\u5220\u9664\u6B64\u62A5\u8868\u5417\uFF1F\u5220\u9664\u540E\u5C06\u65E0\u6CD5\u6062\u590D\u3002" })] }) }), _jsx(AnalyticsModal, { title: "\u6307\u6807\u8BF4\u660E", active: activeDialog === 'metrics', onClose: onClose, footer: _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }), children: _jsxs("dl", { className: "tcw-analytics-metric-help", children: [_jsxs("div", { children: [_jsx("dt", { children: "\u8BA2\u5355\u91D1\u989D\uFF08CNY\uFF09" }), _jsx("dd", { children: "\u5F53\u524D\u7B5B\u9009\u6761\u4EF6\u4E0B\u7684\u8BA2\u5355\u91D1\u989D\u6C47\u603B\u3002" })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u98CE\u9669\u7B49\u7EA7\u5206\u5E03" }), _jsx("dd", { children: "\u4F9D\u636E\u5F53\u524D\u660E\u7EC6\u6570\u636E\u63A8\u7B97\u7684\u98CE\u9669\u6982\u89C8\u3002" })] }), _jsxs("div", { children: [_jsx("dt", { children: "\u5408\u89C4\u5BA1\u6838\u6982\u89C8" }), _jsx("dd", { children: "\u7528\u4E8E\u89C2\u5BDF\u5BA1\u6838\u72B6\u6001\u5206\u5E03\u548C\u5904\u7406\u538B\u529B\u3002" })] })] }) })] });
-}
-function AnalyticsModal({ title, active, onClose, footer, children }) {
-    return _jsxs("section", { className: "tcw-analytics-modal", hidden: !active, role: "dialog", "aria-label": title, children: [_jsxs("header", { children: [_jsx("strong", { className: "tcw-analytics-modal-title", children: title }), _jsx("button", { type: "button", className: "tcw-icon-button", onClick: onClose, "aria-label": "\u5173\u95ED", children: _jsx("i", { className: "ri-close-line", "aria-hidden": "true" }) })] }), _jsx("div", { className: "tcw-modal-body", children: children }), _jsx("footer", { children: footer })] });
-}
-function ModalText({ label, value, onChange }) {
-    return _jsxs("label", { className: "tcw-form-field", children: [_jsx("span", { children: label }), _jsx("input", { type: "search", value: value, placeholder: `请输入${label}`, onChange: event => onChange(event.target.value) })] });
-}
-function ModalRange({ label, value, onChange }) {
-    const range = value && typeof value === 'object' ? value : {};
-    return _jsxs("label", { className: "tcw-form-field tcw-form-field--full", children: [_jsx("span", { children: label }), _jsxs("div", { className: "tcw-analytics-date-range", children: [_jsx("input", { type: "date", value: range.from ?? '', onChange: event => onChange({ ...range, from: event.target.value }) }), _jsx("em", { children: "\u81F3" }), _jsx("input", { type: "date", value: range.to ?? '', onChange: event => onChange({ ...range, to: event.target.value }) })] })] });
-}
-function quickRange(index) {
-    const today = new Date();
-    const end = today.toISOString().slice(0, 10);
-    const start = new Date(today);
-    if (index === 1)
-        start.setDate(today.getDate() - 6);
-    if (index === 2)
-        start.setDate(today.getDate() - 29);
-    if (index === 3)
-        start.setDate(1);
-    return { from: start.toISOString().slice(0, 10), to: end };
-}
-function yearRange(year) {
-    return { from: `${year}-01-01`, to: `${year}-12-31` };
+    React.useEffect(() => {
+        if (appliedDetailRefreshKeyRef.current === detailRefreshKey)
+            return;
+        appliedDetailRefreshKeyRef.current = detailRefreshKey;
+        if (!selection)
+            return;
+        void loadDetail(selection, detailPage.page, detailPage.pageSize);
+    }, [detailPage.page, detailPage.pageSize, detailRefreshKey, loadDetail, selection]);
+    if (selection)
+        return _jsx(AnalyticsDetailList, { title: selection.title, page: detailPage, busy: detailBusy, error: detailError, onBack: () => { detailRequestGateRef.current.invalidate(); setSelection(null); setDetailError(null); setDetailBusy(false); }, onPageChange: page => void loadDetail(selection, page, detailPage.pageSize), onPageSizeChange: pageSize => void loadDetail(selection, 1, pageSize), onAction: row => void onDetailAction?.(row) });
+    return _jsxs("section", { className: "tcw-analytics-page", "aria-label": "\u6570\u636E\u5206\u6790", children: [_jsxs("div", { className: "tcw-analytics-cockpit-hero", children: [_jsxs("div", { children: [_jsx("h1", { children: "\u5916\u8D38\u5408\u89C4\u7ECF\u8425\u9A7E\u9A76\u8231" }), _jsx("p", { children: "\u7ECF\u8425\u8D44\u91D1\u3001\u5408\u540C\u5BA1\u6838\u3001\u5546\u54C1\u7BA1\u63A7\u3001\u5236\u88C1\u547D\u4E2D\u3001\u5229\u6DA6\u5F02\u5E38\u7EDF\u4E00\u76D1\u63A7" })] }), _jsxs("div", { className: "tcw-analytics-page-actions", children: [onExportXlsx && _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => void onExportXlsx({ filters, format: 'XLSX' }), children: [_jsx("i", { className: "ri-download-2-line", "aria-hidden": "true" }), "\u5BFC\u51FA\u62A5\u8868"] }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--secondary", onClick: () => void queryDashboard(filters), children: [_jsx("i", { className: "ri-refresh-line", "aria-hidden": "true" }), "\u5237\u65B0"] })] })] }), _jsx("div", { className: "tcw-analytics-query", children: _jsxs("div", { className: "tcw-analytics-toolbar", children: [_jsx("span", { className: "tcw-analytics-label", children: "\u7EDF\u8BA1\u5468\u671F\uFF1A" }), _jsxs("div", { className: "tcw-segmented-control tcw-analytics-period", role: "group", "aria-label": "\u7EDF\u8BA1\u65F6\u95F4", children: [_jsxs("button", { type: "button", "aria-pressed": period === 'year', onClick: () => applyPeriod('year'), children: [_jsx("i", { className: "ri-calendar-event-line", "aria-hidden": "true" }), "\u672C\u5E74"] }), _jsxs("button", { type: "button", "aria-pressed": period === 'month', onClick: () => applyPeriod('month'), children: [_jsx("i", { className: "ri-calendar-check-line", "aria-hidden": "true" }), "\u672C\u6708"] }), _jsxs("button", { type: "button", "aria-pressed": period === 'custom', onClick: () => { setPeriod('custom'); setCustomVisible(true); }, children: [_jsx("i", { className: "ri-calendar-2-line", "aria-hidden": "true" }), "\u81EA\u5B9A\u4E49\u533A\u95F4"] })] }), customVisible && _jsxs("div", { className: "tcw-analytics-custom-range", children: [_jsx("input", { type: "date", "aria-label": "\u7EDF\u8BA1\u5F00\u59CB\u65E5\u671F", value: filters.orderDate?.from ?? '', onChange: event => setFilters({ orderDate: { ...filters.orderDate, from: event.target.value } }) }), _jsx("span", { children: "\u81F3" }), _jsx("input", { type: "date", "aria-label": "\u7EDF\u8BA1\u7ED3\u675F\u65E5\u671F", value: filters.orderDate?.to ?? '', onChange: event => setFilters({ orderDate: { ...filters.orderDate, to: event.target.value } }) }), _jsxs("button", { type: "button", className: "tcw-button tcw-button--primary", onClick: applyCustom, children: [_jsx("i", { className: "ri-check-line", "aria-hidden": "true" }), "\u5E94\u7528"] })] })] }) }), _jsx(AnalyticsDashboard, { data: data, onOpenDetail: openDetail }), error && _jsx(RiskNotice, { children: error }), busy && _jsxs("div", { className: "tcw-inline-loading", role: "status", children: [_jsx("span", { className: "tcw-spinner", "aria-hidden": "true" }), "\u6570\u636E\u52A0\u8F7D\u4E2D"] })] });
+}
+function yearRange(year) { return { from: `${year}-01-01`, to: `${year}-12-31` }; }
+function monthRange(now = new Date()) {
+    const formatter = new Intl.DateTimeFormat('en-CA', { timeZone: 'Asia/Shanghai', year: 'numeric', month: '2-digit', day: '2-digit' });
+    const today = formatter.format(now);
+    return { from: `${today.slice(0, 7)}-01`, to: today };
 }
 function periodFromQuery(query, year) {
     const range = query.filters.orderDate;
-    if (!range?.from || !range.to)
+    if (!range?.from && !range?.to)
         return 'year';
-    const yearDates = yearRange(year);
-    if (range.from === yearDates.from && range.to === yearDates.to)
+    const annual = yearRange(year);
+    const monthly = monthRange();
+    if (range?.from === annual.from && range?.to === annual.to)
         return 'year';
-    const month = quickRange(3);
-    if (range.from === month.from && range.to === month.to)
+    if (range?.from === monthly.from && range?.to === monthly.to)
         return 'month';
     return 'custom';
 }
-function todoDetailRows(todo) {
-    const count = Math.max(1, Math.min(todo.count, 5));
-    return Array.from({ length: count }, (_, index) => ({
-        label: `${todo.label}-${String(index + 1).padStart(2, '0')}`,
-        value: `${todo.description} · 优先级 ${todo.priority === 'high' ? '高' : todo.priority === 'medium' ? '中' : '低'} · 待处理`,
-        actionLabel: '审核'
-    }));
-}
-function formatChartTick(value) {
-    return value >= 1 ? value.toLocaleString('zh-CN', { maximumFractionDigits: 0 }) : value.toLocaleString('zh-CN', { maximumFractionDigits: 1 });
-}
-function PrototypeState({ index, title, area, children }) {
-    return _jsxs("section", { className: "tcw-analytics-prototype-state", style: area ? { gridArea: area } : undefined, "aria-label": `${index} ${title}`, children: [_jsxs("div", { className: "tcw-analytics-prototype-label", children: [_jsx("span", { className: "tcw-analytics-prototype-index", children: index }), _jsx("strong", { children: title })] }), children] });
-}
-function PrototypeCard({ title, children, className = '' }) {
-    return _jsxs("div", { className: `tcw-analytics-prototype-card ${className}`.trim(), children: [_jsxs("header", { children: [_jsx("strong", { children: title }), _jsx("i", { className: "ri-close-line", "aria-hidden": "true" })] }), children] });
-}
-function PrototypeField({ label, children }) {
-    return _jsxs("label", { className: "tcw-analytics-prototype-field", children: [_jsx("span", { children: label }), children] });
-}
-function PrototypeActions({ danger = false, confirm = '确定' }) {
-    return _jsxs("footer", { children: [_jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-restart-line", "aria-hidden": "true" }), "\u53D6\u6D88"] }), _jsxs("button", { type: "button", className: danger ? 'is-danger' : 'is-primary', children: [_jsx("i", { className: danger ? 'ri-delete-bin-line' : 'ri-check-line', "aria-hidden": "true" }), confirm] })] });
-}
-export function AnalyticsPrototypeBoard({ onClose }) {
-    return _jsxs("div", { className: "tcw-analytics-prototype-shell", children: [_jsxs("button", { type: "button", className: "tcw-analytics-prototype-close", onClick: onClose, children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED\u539F\u578B\u72B6\u6001\u603B\u89C8"] }), _jsxs("div", { className: "tcw-analytics-prototype-board", children: [_jsx(PrototypeState, { index: 1, title: "\u6570\u636E\u5206\u6790\u9996\u9875", area: "home", children: _jsx(AnalyticsPrototypeHome, {}) }), _jsx(PrototypeState, { index: 2, title: "\u7B5B\u9009\u6761\u4EF6\u5F39\u7A97", area: "filter", children: _jsx(AnalyticsPrototypeFilter, {}) }), _jsx(PrototypeState, { index: 3, title: "\u98CE\u9669\u7B49\u7EA7\u4E0B\u94BB\u660E\u7EC6", area: "drill", children: _jsx(AnalyticsPrototypeDrilldown, {}) }), _jsx(PrototypeState, { index: 4, title: "\u5BFC\u51FA\u6570\u636E", area: "export", children: _jsx(AnalyticsPrototypeExport, {}) }), _jsxs("div", { className: "tcw-analytics-prototype-bottom", style: { gridArea: 'bottom' }, children: [_jsx(PrototypeState, { index: 5, title: "\u56FE\u8868\u914D\u7F6E", children: _jsx(AnalyticsPrototypeChartConfig, {}) }), _jsx(PrototypeState, { index: 6, title: "\u4FDD\u5B58\u62A5\u8868", children: _jsx(AnalyticsPrototypeSave, {}) }), _jsx(PrototypeState, { index: 7, title: "\u5B9A\u65F6\u62A5\u544A\u8BBE\u7F6E", children: _jsx(AnalyticsPrototypeSchedule, {}) }), _jsx(PrototypeState, { index: 8, title: "\u5220\u9664\u786E\u8BA4", children: _jsx(AnalyticsPrototypeDelete, {}) }), _jsx(PrototypeState, { index: 9, title: "\u6307\u6807\u8BF4\u660E", children: _jsx(AnalyticsPrototypeMetrics, {}) })] })] })] });
-}
-function AnalyticsPrototypeHome() {
-    const metrics = [['客户总数', '1,256'], ['订单总数', '3,246'], ['销售金额（USD）', '12,456,789'], ['高风险订单数', '87'], ['受制裁命中数', '23']];
-    return _jsxs("div", { className: "tcw-analytics-prototype-home", children: [_jsxs("header", { children: [_jsx("i", { className: "ri-shield-check-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u5916\u8D38\u5408\u89C4\u5DE5\u4F5C\u53F0" }), _jsx("span", { children: "\u6570\u636E\u5206\u6790" }), _jsx("time", { children: "2024-07-01 - 2024-07-31" })] }), _jsx("div", { className: "tcw-analytics-prototype-metrics", children: metrics.map(([label, value], index) => _jsxs("article", { children: [_jsx("span", { children: label }), _jsx("strong", { className: index === 3 ? 'is-risk' : '', children: value }), _jsxs("small", { children: ["\u8F83\u4E0A\u6708 ", _jsx("b", { children: index % 2 ? '↑ 8.3%' : '↑ 12.5%' })] })] }, label)) }), _jsxs("div", { className: "tcw-analytics-prototype-charts", children: [_jsxs("section", { children: [_jsx("strong", { children: "\u5408\u89C4\u98CE\u9669\u8D8B\u52BF" }), _jsxs("div", { className: "tcw-prototype-line-chart", children: [_jsx("i", {}), _jsx("i", {}), _jsx("i", {})] })] }), _jsxs("section", { children: [_jsx("strong", { children: "\u98CE\u9669\u7B49\u7EA7\u5206\u5E03" }), _jsxs("div", { className: "tcw-prototype-donut", children: [_jsx("b", { children: "3,246" }), _jsx("span", { children: "\u8BA2\u5355\u603B\u6570" })] })] }), _jsxs("section", { children: [_jsx("strong", { children: "\u5BA2\u6237\u54C1\u7C7B\u9500\u552E\u91D1\u989D\uFF08USD\uFF09" }), _jsx("div", { className: "tcw-prototype-bars", children: [72, 64, 61, 51, 56, 24].map((height, index) => _jsx("i", { style: { height: `${height}%` } }, index)) })] }), _jsxs("section", { children: [_jsx("strong", { children: "\u5408\u89C4\u5BA1\u6838\u6982\u89C8" }), _jsxs("table", { children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u5BA1\u6838\u72B6\u6001" }), _jsx("th", { children: "\u8BA2\u5355\u6570" }), _jsx("th", { children: "\u5360\u6BD4" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { children: "\u5F85\u5BA1\u6838" }), _jsx("td", { children: "156" }), _jsx("td", { children: "4.8%" })] }), _jsxs("tr", { children: [_jsx("td", { children: "\u5BA1\u6838\u4E2D" }), _jsx("td", { children: "327" }), _jsx("td", { children: "10.1%" })] }), _jsxs("tr", { children: [_jsx("td", { children: "\u5BA1\u6838\u901A\u8FC7" }), _jsx("td", { children: "2,642" }), _jsx("td", { children: "81.3%" })] })] })] })] })] })] });
-}
-function AnalyticsPrototypeFilter() {
-    return _jsxs(PrototypeCard, { title: "\u7B5B\u9009\u6761\u4EF6", children: [_jsxs("div", { className: "tcw-analytics-prototype-form", children: [_jsxs(PrototypeField, { label: "\u7EDF\u8BA1\u65F6\u95F4", children: [_jsxs("div", { className: "tcw-prototype-quick", children: [_jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-calendar-line", "aria-hidden": "true" }), "\u4ECA\u65E5"] }), _jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-calendar-line", "aria-hidden": "true" }), "\u8FD17\u5929"] }), _jsxs("button", { type: "button", className: "is-active", children: [_jsx("i", { className: "ri-calendar-check-line", "aria-hidden": "true" }), "\u8FD130\u5929"] }), _jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-calendar-line", "aria-hidden": "true" }), "\u672C\u6708"] })] }), _jsx("input", { readOnly: true, value: "2024-07-01 \u2192 2024-07-31" })] }), _jsx(PrototypeField, { label: "\u5BA2\u6237\u7C7B\u578B", children: _jsx("select", { defaultValue: "", children: _jsx("option", { value: "", children: "\u8BF7\u9009\u62E9\u5BA2\u6237\u7C7B\u578B" }) }) }), _jsx(PrototypeField, { label: "\u56FD\u5BB6/\u5730\u533A", children: _jsx("select", { defaultValue: "", children: _jsx("option", { value: "", children: "\u8BF7\u9009\u62E9\u56FD\u5BB6/\u5730\u533A" }) }) }), _jsx(PrototypeField, { label: "\u4EA7\u54C1\u7C7B\u522B", children: _jsx("select", { defaultValue: "", children: _jsx("option", { value: "", children: "\u8BF7\u9009\u62E9\u4EA7\u54C1\u7C7B\u522B" }) }) }), _jsx(PrototypeField, { label: "\u98CE\u9669\u7B49\u7EA7", children: _jsxs("div", { className: "tcw-prototype-checks", children: [_jsx("span", { children: "\u5168\u90E8" }), _jsx("span", { children: "\u25A1 \u9AD8\u98CE\u9669" }), _jsx("span", { children: "\u25A1 \u4E2D\u98CE\u9669" }), _jsx("span", { children: "\u25A1 \u4F4E\u98CE\u9669" })] }) }), _jsx(PrototypeField, { label: "\u5BA1\u6838\u72B6\u6001", children: _jsxs("div", { className: "tcw-prototype-checks", children: [_jsx("span", { children: "\u5168\u90E8" }), _jsx("span", { children: "\u25A1 \u5F85\u5BA1\u6838" }), _jsx("span", { children: "\u25A1 \u5BA1\u6838\u4E2D" }), _jsx("span", { children: "\u25A1 \u5BA1\u6838\u901A\u8FC7" })] }) }), _jsx(PrototypeField, { label: "\u91D1\u989D\u8303\u56F4\uFF08USD\uFF09", children: _jsxs("div", { className: "tcw-prototype-range", children: [_jsx("input", { placeholder: "\u6700\u5C0F\u503C" }), _jsx("input", { placeholder: "\u6700\u5927\u503C" })] }) })] }), _jsx(PrototypeActions, { confirm: "\u786E\u5B9A" })] });
-}
-function AnalyticsPrototypeDrilldown() {
-    return _jsxs("div", { className: "tcw-analytics-prototype-drill", children: [_jsxs("header", { children: [_jsx("span", { children: "\u6570\u636E\u5206\u6790" }), _jsx("i", { className: "ri-arrow-right-s-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u98CE\u9669\u7B49\u7EA7\u660E\u7EC6" })] }), _jsxs("div", { className: "tcw-prototype-drill-filters", children: [_jsx("span", { children: "\u7EDF\u8BA1\u65F6\u95F4\uFF1A2024-07-01 \u2192 2024-07-31" }), _jsx("span", { children: "\u98CE\u9669\u7B49\u7EA7\uFF1A\u9AD8\u98CE\u9669" }), _jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-restart-line", "aria-hidden": "true" }), "\u91CD\u7F6E"] })] }), _jsx("div", { className: "tcw-analytics-prototype-metrics", children: [['高风险订单数', '87'], ['高风险金额（USD）', '1,234,567'], ['涉及客户数', '56'], ['平均订单金额（USD）', '14,190']].map(([label, value]) => _jsxs("article", { children: [_jsx("span", { children: label }), _jsx("strong", { children: value }), _jsx("small", { children: "\u8F83\u4E0A\u6708 \u2191 5.6%" })] }, label)) }), _jsx("strong", { children: "\u9AD8\u98CE\u9669\u8BA2\u5355\u660E\u7EC6" }), _jsxs("table", { children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "\u8BA2\u5355\u53F7" }), _jsx("th", { children: "\u5BA2\u6237\u540D\u79F0" }), _jsx("th", { children: "\u56FD\u5BB6/\u5730\u533A" }), _jsx("th", { children: "\u4EA7\u54C1\u7C7B\u522B" }), _jsx("th", { children: "\u8BA2\u5355\u91D1\u989D\uFF08USD\uFF09" }), _jsx("th", { children: "\u98CE\u9669\u655E\u53E3" }), _jsx("th", { children: "\u5BA1\u6838\u72B6\u6001" }), _jsx("th", { children: "\u64CD\u4F5C" })] }) }), _jsx("tbody", { children: ['0001', '0002', '0003', '0004', '0005'].map((id, index) => _jsxs("tr", { children: [_jsxs("td", { children: ["SO-202407-", id] }), _jsx("td", { children: ['ABC Trading Co., Ltd.', 'Global Import LLC', 'Middle East Supply', 'Afro Tech Ltd.', 'Asia Pacific Co.'][index] }), _jsx("td", { children: "\u4F0A\u6717" }), _jsx("td", { children: "\u7535\u5B50\u5143\u4EF6" }), _jsx("td", { children: 25_000 - index * 2_500 }), _jsx("td", { children: "\u547D\u4E2D\u5236\u88C1\u540D\u5355" }), _jsx("td", { children: "\u5BA1\u6838\u4E2D" }), _jsx("td", { children: _jsx("a", { children: "\u67E5\u770B" }) })] }, id)) })] })] });
-}
-function AnalyticsPrototypeExport() {
-    return _jsxs(PrototypeCard, { title: "\u5BFC\u51FA\u6570\u636E", children: [_jsxs("div", { className: "tcw-analytics-prototype-export", children: [_jsx(PrototypeField, { label: "\u5BFC\u51FA\u8303\u56F4", children: _jsx("span", { children: "\u25C9 \u5F53\u524D\u9875\u6570\u636E\u3000\u25CB \u5168\u90E8\u6570\u636E\uFF08\u5171 3,246 \u6761\uFF09" }) }), _jsx(PrototypeField, { label: "\u5BFC\u51FA\u5B57\u6BB5", children: _jsx("div", { className: "tcw-prototype-export-list", children: ['全部字段', '客户名称', '国家/地区', '产品类别', '订单金额（USD）', '风险等级', '审核状态', '创建时间'].map(field => _jsxs("span", { children: ["\u2611 ", field] }, field)) }) }), _jsx(PrototypeField, { label: "\u5BFC\u51FA\u683C\u5F0F", children: _jsx("span", { children: "\u25C9 Excel\uFF08.xlsx\uFF09\u3000\u25CB CSV\uFF08.csv\uFF09" }) })] }), _jsx(PrototypeActions, { confirm: "\u5BFC\u51FA" })] });
-}
-function AnalyticsPrototypeChartConfig() {
-    return _jsxs(PrototypeCard, { title: "\u56FE\u8868\u914D\u7F6E", children: [_jsxs("div", { className: "tcw-analytics-prototype-form", children: [_jsx(PrototypeField, { label: "\u56FE\u8868\u7C7B\u578B", children: _jsxs("div", { className: "tcw-prototype-chart-types", children: [_jsxs("button", { type: "button", className: "is-active", children: [_jsx("i", { className: "ri-bar-chart-fill", "aria-hidden": "true" }), "\u67F1\u72B6\u56FE"] }), _jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-line-chart-line", "aria-hidden": "true" }), "\u6298\u7EBF\u56FE"] }), _jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-pie-chart-line", "aria-hidden": "true" }), "\u997C\u56FE"] })] }) }), _jsx(PrototypeField, { label: "\u7EF4\u5EA6\uFF08X\u8F74\uFF09", children: _jsx("select", { children: _jsx("option", { children: "\u4EA7\u54C1\u7C7B\u522B" }) }) }), _jsx(PrototypeField, { label: "\u6307\u6807\uFF08Y\u8F74\uFF09", children: _jsx("select", { children: _jsx("option", { children: "\u9500\u552E\u91D1\u989D\uFF08USD\uFF09" }) }) }), _jsx(PrototypeField, { label: "\u6392\u5E8F\u65B9\u5F0F", children: _jsx("select", { children: _jsx("option", { children: "\u964D\u5E8F" }) }) }), _jsx(PrototypeField, { label: "\u663E\u793A\u6761\u6570", children: _jsx("select", { children: _jsx("option", { children: "\u524D 10 \u6761" }) }) })] }), _jsx(PrototypeActions, {})] });
-}
-function AnalyticsPrototypeSave() {
-    return _jsxs(PrototypeCard, { title: "\u4FDD\u5B58\u62A5\u8868", children: [_jsxs("div", { className: "tcw-analytics-prototype-form", children: [_jsx(PrototypeField, { label: "\u62A5\u8868\u540D\u79F0", children: _jsx("input", { placeholder: "\u8BF7\u8F93\u5165\u62A5\u8868\u540D\u79F0" }) }), _jsx(PrototypeField, { label: "\u62A5\u8868\u63CF\u8FF0", children: _jsx("textarea", { placeholder: "\u8BF7\u8F93\u5165\u62A5\u8868\u63CF\u8FF0\uFF08\u9009\u586B\uFF09" }) }), _jsx(PrototypeField, { label: "\u4FDD\u5B58\u4F4D\u7F6E", children: _jsx("select", { children: _jsx("option", { children: "\u6211\u7684\u62A5\u8868" }) }) }), _jsx(PrototypeField, { label: "\u9690\u79C1\u8BBE\u7F6E", children: _jsx("span", { children: "\u25C9 \u4EC5\u81EA\u5DF1\u53EF\u89C1\u3000\u25CB \u56E2\u961F\u53EF\u89C1\u3000\u25CB \u516C\u5F00" }) })] }), _jsx(PrototypeActions, { confirm: "\u4FDD\u5B58" })] });
-}
-function AnalyticsPrototypeSchedule() {
-    return _jsxs(PrototypeCard, { title: "\u5B9A\u65F6\u62A5\u544A\u8BBE\u7F6E", children: [_jsxs("div", { className: "tcw-analytics-prototype-form", children: [_jsx(PrototypeField, { label: "\u62A5\u544A\u540D\u79F0", children: _jsx("input", { placeholder: "\u8BF7\u8F93\u5165\u62A5\u544A\u540D\u79F0" }) }), _jsx(PrototypeField, { label: "\u53D1\u9001\u9891\u7387", children: _jsxs("div", { className: "tcw-prototype-range", children: [_jsx("select", { children: _jsx("option", { children: "\u6BCF\u5468" }) }), _jsx("select", { children: _jsx("option", { children: "\u5468\u4E00 09:00" }) })] }) }), _jsx(PrototypeField, { label: "\u63A5\u6536\u4EBA", children: _jsx("input", { placeholder: "\u9009\u62E9\u63A5\u6536\u4EBA" }) }), _jsx(PrototypeField, { label: "\u53D1\u9001\u65B9\u5F0F", children: _jsx("span", { children: "\u2611 \u90AE\u4EF6\u3000\u2611 \u7CFB\u7EDF\u6D88\u606F" }) }), _jsx(PrototypeField, { label: "\u62A5\u544A\u683C\u5F0F", children: _jsx("select", { children: _jsx("option", { children: "PDF" }) }) })] }), _jsx(PrototypeActions, { confirm: "\u4FDD\u5B58" })] });
-}
-function AnalyticsPrototypeDelete() {
-    return _jsxs(PrototypeCard, { title: "", children: [_jsxs("div", { className: "tcw-analytics-prototype-delete", children: [_jsx("i", { className: "ri-error-warning-line", "aria-hidden": "true" }), _jsx("strong", { children: "\u786E\u8BA4\u5220\u9664\u6B64\u62A5\u8868\u5417\uFF1F" }), _jsx("p", { children: "\u62A5\u8868\u540D\u79F0\uFF1A\u6708\u5EA6\u9500\u552E\u5408\u89C4\u5206\u6790\u62A5\u544A" }), _jsx("b", { children: "\u5220\u9664\u540E\u5C06\u65E0\u6CD5\u6062\u590D\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C\uFF01" })] }), _jsx(PrototypeActions, { danger: true, confirm: "\u786E\u8BA4\u5220\u9664" })] });
-}
-function AnalyticsPrototypeMetrics() {
-    const items = [['销售金额（USD）', '订单的总金额，已换算为美元。'], ['高风险订单数', '风险等级为“高风险”的订单数量。'], ['受制裁命中数', '命中制裁名单或受限制实体的订单数量。'], ['审核通过率（%）', '审核通过的订单数占总订单数的比例。']];
-    return _jsxs(PrototypeCard, { title: "\u6307\u6807\u8BF4\u660E", children: [_jsx("dl", { className: "tcw-analytics-prototype-explain", children: items.map(([term, description]) => _jsxs("div", { children: [_jsx("dt", { children: term }), _jsx("dd", { children: description })] }, term)) }), _jsx("footer", { children: _jsxs("button", { type: "button", children: [_jsx("i", { className: "ri-close-line", "aria-hidden": "true" }), "\u5173\u95ED"] }) })] });
-}
-function Toggle({ label, checked, onChange }) {
-    return _jsxs("label", { className: "tcw-toggle", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: event => onChange(event.target.checked) }), _jsx("span", { children: label })] });
-}
-function detailColumns(mode, dimension) {
-    const columns = [
-        { type: 'ellipsis', key: 'label', header: dimensionLabel(dimension), width: 220, maxWidth: 220 },
-        { type: 'text', key: 'orderCount', header: '订单数', width: 100, align: 'right', truncate: false }
-    ];
-    if (dimension === 'PRODUCT')
-        columns.push({ type: 'text', key: 'productQuantity', header: '商品数量', width: 120, align: 'right', truncate: false });
-    columns.push({ type: 'text', key: 'amountCny', header: dimension === 'PRODUCT' ? '商品明细金额 CNY' : '订单总额 CNY', width: 160, align: 'right', truncate: false, format: money });
-    if (dimension !== 'PRODUCT' && mode === 'PURCHASE')
-        columns.push({ type: 'text', key: 'paidCny', header: '已付款 CNY', width: 140, align: 'right', truncate: false, format: money }, { type: 'text', key: 'unpaidCny', header: '未付款 CNY', width: 140, align: 'right', truncate: false, format: money }, { type: 'text', key: 'refundedCny', header: '已退税 CNY', width: 140, align: 'right', truncate: false, format: money }, { type: 'text', key: 'unrefundedCny', header: '未退税 CNY', width: 140, align: 'right', truncate: false, format: money });
-    if (dimension !== 'PRODUCT' && mode === 'SALES')
-        columns.push({ type: 'text', key: 'receivedCny', header: '已收款 CNY', width: 140, align: 'right', truncate: false, format: money }, { type: 'text', key: 'unreceivedCny', header: '未收款 CNY', width: 140, align: 'right', truncate: false, format: money });
-    return columns;
-}
-function dimensionLabel(dimension) { return dimension === 'SUPPLIER' ? '供应商' : dimension === 'CUSTOMER' ? '客户' : '商品名称'; }
-function addMoney(...values) { return values.reduce((sum, value) => sum.plus(String(value ?? 0)), new Decimal(0)).toString(); }
-function amountRatio(part, total, formatted = true) {
-    const denominator = Number(total) || 0;
-    const value = denominator > 0 ? (Number(part) || 0) / denominator : 0;
-    return formatted ? percent(value) : String(value);
-}
-function percentRatio(part, total) {
-    const denominator = Number(total) || 0;
-    const value = denominator > 0 ? (Number(part) || 0) / denominator : 0;
-    return `${(value * 100).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`;
-}
-function deltaLabel(current, previous) {
-    const now = Number(current ?? 0);
-    const before = Number(previous ?? 0);
-    if (!Number.isFinite(now) || !Number.isFinite(before) || before <= 0)
-        return '暂无环比';
-    const delta = (now - before) / before;
-    const arrow = delta >= 0 ? '↑' : '↓';
-    return `${arrow} ${Math.abs(delta * 100).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`;
-}
-function money(value) { const number = Number(value ?? 0); return Number.isFinite(number) ? number.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : '0.00'; }
-function compactNumber(value) { const number = Number(value ?? 0); return Number.isFinite(number) ? number.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : '0.00'; }
-function compactMoney(value) {
-    const number = Number(value ?? 0);
-    if (!Number.isFinite(number))
-        return '0.00 CNY';
-    const abs = Math.abs(number);
-    if (abs >= 100_000_000)
-        return `${(number / 100_000_000).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} 亿 CNY`;
-    if (abs >= 10_000)
-        return `${(number / 10_000).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} 万 CNY`;
-    return `${money(number)} CNY`;
-}
-function percent(value) { const number = Number(value ?? 0); return Number.isFinite(number) ? `${(number * 100).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%` : '0.00%'; }
-function barHeight(value, peers) {
-    const max = Math.max(...peers.map(peer => Number(peer) || 0), Number(value) || 0, 1);
-    return Math.max(10, Math.min(94, ((Number(value) || 0) / max) * 88 + 6));
-}
-function shortDate(value) {
-    if (typeof value !== 'string' || !value)
-        return '暂无';
-    return value.slice(5, 10);
-}
-function toAnalyticsFilters(filters) {
-    const date = filters.orderDate && typeof filters.orderDate === 'object' ? filters.orderDate : undefined;
-    return {
-        ...(date ? { orderDate: { from: stringOrUndefined(date.from), to: stringOrUndefined(date.to) } } : {}),
-        ...textFilter(filters, 'supplier'), ...textFilter(filters, 'customer'), ...textFilter(filters, 'productName'), ...textFilter(filters, 'hsCode'),
-        ...(filters.unpaidOnly === 'true' ? { unpaidOnly: true } : {}),
-        ...(filters.unrefundedOnly === 'true' ? { unrefundedOnly: true } : {}),
-        ...(filters.unreceivedOnly === 'true' ? { unreceivedOnly: true } : {})
-    };
-}
-function purchaseAnalyticsFilters(filters) {
-    return { ...('orderDate' in filters && filters.orderDate ? { orderDate: filters.orderDate } : {}), ...('supplier' in filters && filters.supplier ? { supplier: filters.supplier } : {}), ...textAnalyticsFilters(filters), ...('unpaidOnly' in filters && filters.unpaidOnly ? { unpaidOnly: true } : {}), ...('unrefundedOnly' in filters && filters.unrefundedOnly ? { unrefundedOnly: true } : {}) };
-}
-function salesAnalyticsFilters(filters) {
-    return { ...('orderDate' in filters && filters.orderDate ? { orderDate: filters.orderDate } : {}), ...('customer' in filters && filters.customer ? { customer: filters.customer } : {}), ...textAnalyticsFilters(filters), ...('unreceivedOnly' in filters && filters.unreceivedOnly ? { unreceivedOnly: true } : {}) };
-}
-function textAnalyticsFilters(filters) { return { ...(filters.productName ? { productName: filters.productName } : {}), ...(filters.hsCode ? { hsCode: filters.hsCode } : {}) }; }
-function textFilter(filters, key) { const value = stringOrUndefined(filters[key]); return value ? { [key]: value } : {}; }
-function stringOrUndefined(value) { const text = String(value ?? '').trim(); return text || undefined; }
-function queryFromData(data) {
-    return data.mode === 'PURCHASE'
-        ? { mode: 'PURCHASE', dimension: data.dimension === 'PRODUCT' ? 'PRODUCT' : 'SUPPLIER', filters: {}, page: data.details.page, pageSize: data.details.pageSize }
-        : { mode: 'SALES', dimension: data.dimension === 'PRODUCT' ? 'PRODUCT' : 'CUSTOMER', filters: {}, page: data.details.page, pageSize: data.details.pageSize };
-}
-function filterStateFromQuery(query) {
-    const filters = query.filters;
-    return {
-        ...(filters.orderDate ? { orderDate: filters.orderDate } : {}),
-        ...('supplier' in filters && filters.supplier ? { supplier: filters.supplier } : {}),
-        ...('customer' in filters && filters.customer ? { customer: filters.customer } : {}),
-        ...(filters.productName ? { productName: filters.productName } : {}),
-        ...(filters.hsCode ? { hsCode: filters.hsCode } : {}),
-        ...('unpaidOnly' in filters && filters.unpaidOnly ? { unpaidOnly: 'true' } : {}),
-        ...('unrefundedOnly' in filters && filters.unrefundedOnly ? { unrefundedOnly: 'true' } : {}),
-        ...('unreceivedOnly' in filters && filters.unreceivedOnly ? { unreceivedOnly: 'true' } : {})
-    };
-}
-export function aggregateProductAnalytics(lines) {
-    const groups = new Map();
-    for (const line of lines) {
-        const label = line.productName.trim();
-        const key = label.toLocaleLowerCase();
-        const group = groups.get(key) ?? { label, orders: new Set(), quantity: new Decimal(0), amount: new Decimal(0) };
-        group.orders.add(line.orderId);
-        group.quantity = group.quantity.plus(line.quantity);
-        group.amount = group.amount.plus(line.amountCny);
-        groups.set(key, group);
-    }
-    return [...groups.entries()].sort(([keyA, a], [keyB, b]) => b.amount.cmp(a.amount) || keyA.localeCompare(keyB)).map(([key, group]) => ({ key, label: group.label, orderCount: group.orders.size, productQuantity: group.quantity.toString(), amountCny: group.amount.toFixed(2) }));
-}
 //# sourceMappingURL=analytics.js.map