@canvas-components/pivot-table 0.2.1 → 0.2.2

package/dist/index.d.cts

@@ -941,6 +941,33 @@ declare class PivotTable<RecordType = Record<string, unknown>> {
     private render;
 }
 
+/** 自定义字段可放置的透视区域。 */
+type PivotFieldArea = "filter" | "column" | "row" | "value";
+/** 自定义面板中的字段定义。 */
+interface PivotField<RecordType = Record<string, unknown>> extends PivotDimension<RecordType> {
+    /** 勾选未使用字段时进入的默认区域。 */
+    defaultArea?: PivotFieldArea;
+    /** 字段进入值区域时使用的指标配置。 */
+    indicator?: Omit<PivotIndicator<RecordType>, "key" | "title" | "dataIndex"> & {
+        title?: string;
+        dataIndex?: PivotIndicator<RecordType>["dataIndex"];
+    };
+}
+/** 自定义面板四个区域内的有序字段键。 */
+interface PivotFieldLayout {
+    filters: string[];
+    columns: string[];
+    rows: string[];
+    values: string[];
+}
+
+/** 将字段布局保存到 IndexedDB。 */
+declare function savePivotFieldLayout(key: string, layout: PivotFieldLayout): Promise<void>;
+/** 从 IndexedDB 读取字段布局；缓存内容无效时返回 undefined。 */
+declare function loadPivotFieldLayout(key: string): Promise<PivotFieldLayout | undefined>;
+/** 清除 IndexedDB 中指定键的字段布局。 */
+declare function clearPivotFieldLayout(key: string): Promise<void>;
+
 /** 将原始记录聚合成第一版稀疏 PivotModel。 */
 declare function aggregatePivotRecords<RecordType>(params: {
     records: RecordType[];
@@ -1008,26 +1035,6 @@ declare function getPivotDimensionFilterOptions<RecordType>(params: {
     dimensionKey: string;
 }): PivotFilterOptionItem[];
 
-/** 自定义字段可放置的透视区域。 */
-type PivotFieldArea = "filter" | "column" | "row" | "value";
-/** 自定义面板中的字段定义。 */
-interface PivotField<RecordType = Record<string, unknown>> extends PivotDimension<RecordType> {
-    /** 勾选未使用字段时进入的默认区域。 */
-    defaultArea?: PivotFieldArea;
-    /** 字段进入值区域时使用的指标配置。 */
-    indicator?: Omit<PivotIndicator<RecordType>, "key" | "title" | "dataIndex"> & {
-        title?: string;
-        dataIndex?: PivotIndicator<RecordType>["dataIndex"];
-    };
-}
-/** 自定义面板四个区域内的有序字段键。 */
-interface PivotFieldLayout {
-    filters: string[];
-    columns: string[];
-    rows: string[];
-    values: string[];
-}
-
 /** 创建四个区域均为空的字段布局。 */
 declare function createEmptyPivotFieldLayout(): PivotFieldLayout;
 /** 根据当前透视配置创建字段区域布局。 */
@@ -1222,4 +1229,4 @@ declare function flattenVisiblePivotLeaves(params: {
     defaultExpandDepth?: number;
 }): PivotNode[];
 
-export { type BuiltInPivotAggregatorName, type PivotAggregateCell, type PivotAggregator, type PivotAggregatorContext, type PivotAggregatorRegistry, type PivotAxis, type PivotAxisScrollbarLayout, type PivotAxisSlot, type PivotBodyCellLayout, type PivotCellAddress, type PivotCellStyle, type PivotContextMenuRequest, type PivotDataIndex, type PivotDimension, type PivotDimensionFilter, type PivotDimensionFilterOption, type PivotDimensionFilterPanelRequest, type PivotDimensionHeaderContent, type PivotDimensionHeaderImageContent, type PivotDimensionHeaderTextContent, type PivotDimensionTitle, type PivotDimensionValue, type PivotExpansionChangeEvent, type PivotExportMatrix, type PivotExportOptions, type PivotField, type PivotFieldArea, type PivotFieldLayout, type PivotFilterAxis, type PivotFilterChangeEvent, type PivotFilterCondition, type PivotFilterConditionOperator, type PivotFilterOptionItem, type PivotFilterState, type PivotGrandTotalPosition, type PivotHeaderCellLayout, type PivotHighlightMode, type PivotHitRegion, type PivotHitTestResult, type PivotIndicator, type PivotIndicatorFormatContext, type PivotLayoutSnapshot, type PivotLoadingRequest, type PivotModel, type PivotNode, type PivotNodeKind, type PivotRect, type PivotRenderStats, type PivotReportFilterCellLayout, type PivotResizeHit, type PivotResolvedPath, type PivotScrollState, type PivotScrollbarAxis, type PivotScrollbarLayout, type PivotScrollbarRect, type PivotScrollbarRole, type PivotSelectionChangeEvent, type PivotSelectionRange, type PivotSelectionState, type PivotSortChangeEvent, type PivotSortRule, type PivotSubtotalPosition, PivotTable, type PivotTableOptions, type PivotTableStateSnapshot, type PivotTableTheme, type PivotTableUiOptions, type PivotTextAlign, type PivotTooltipRequest, type PivotTotalsOptions, type ResolvedPivotDimensionValue, aggregatePivotRecords, buildPivotDimensionTree, buildPivotLayoutSnapshot, computePivotScrollbarLayout, createBuiltInPivotAggregators, createEmptyPivotFieldLayout, createEmptyPivotFilterState, createPivotAggregatorRegistry, createPivotAxisSlots, createPivotCellKey, createPivotExportMatrix, createPivotFieldCatalog, createPivotFieldLayout, createPivotSelectionText, defaultPivotTableTheme, encodePivotDimensionValue, encodePivotPath, exportPivotMatrixToCsv, exportPivotMatrixToXlsx, filterPivotRecords, findPivotFieldArea, flattenVisiblePivotLeaves, getPivotDimensionFilterOptions, hitTestPivotLayout, hitTestPivotResize, hitTestPivotScrollbar, movePivotField, removePivotField, renderPivotTable, resolvePivotDefaultSorts, resolvePivotDimensionKey, resolvePivotDimensionTitle, resolvePivotDimensionValue, resolvePivotDimensionWidth, resolvePivotFieldLayoutOptions, resolvePivotIndicatorAggregator, resolvePivotValueFieldTitle };
+export { type BuiltInPivotAggregatorName, type PivotAggregateCell, type PivotAggregator, type PivotAggregatorContext, type PivotAggregatorRegistry, type PivotAxis, type PivotAxisScrollbarLayout, type PivotAxisSlot, type PivotBodyCellLayout, type PivotCellAddress, type PivotCellStyle, type PivotContextMenuRequest, type PivotDataIndex, type PivotDimension, type PivotDimensionFilter, type PivotDimensionFilterOption, type PivotDimensionFilterPanelRequest, type PivotDimensionHeaderContent, type PivotDimensionHeaderImageContent, type PivotDimensionHeaderTextContent, type PivotDimensionTitle, type PivotDimensionValue, type PivotExpansionChangeEvent, type PivotExportMatrix, type PivotExportOptions, type PivotField, type PivotFieldArea, type PivotFieldLayout, type PivotFilterAxis, type PivotFilterChangeEvent, type PivotFilterCondition, type PivotFilterConditionOperator, type PivotFilterOptionItem, type PivotFilterState, type PivotGrandTotalPosition, type PivotHeaderCellLayout, type PivotHighlightMode, type PivotHitRegion, type PivotHitTestResult, type PivotIndicator, type PivotIndicatorFormatContext, type PivotLayoutSnapshot, type PivotLoadingRequest, type PivotModel, type PivotNode, type PivotNodeKind, type PivotRect, type PivotRenderStats, type PivotReportFilterCellLayout, type PivotResizeHit, type PivotResolvedPath, type PivotScrollState, type PivotScrollbarAxis, type PivotScrollbarLayout, type PivotScrollbarRect, type PivotScrollbarRole, type PivotSelectionChangeEvent, type PivotSelectionRange, type PivotSelectionState, type PivotSortChangeEvent, type PivotSortRule, type PivotSubtotalPosition, PivotTable, type PivotTableOptions, type PivotTableStateSnapshot, type PivotTableTheme, type PivotTableUiOptions, type PivotTextAlign, type PivotTooltipRequest, type PivotTotalsOptions, type ResolvedPivotDimensionValue, aggregatePivotRecords, buildPivotDimensionTree, buildPivotLayoutSnapshot, clearPivotFieldLayout, computePivotScrollbarLayout, createBuiltInPivotAggregators, createEmptyPivotFieldLayout, createEmptyPivotFilterState, createPivotAggregatorRegistry, createPivotAxisSlots, createPivotCellKey, createPivotExportMatrix, createPivotFieldCatalog, createPivotFieldLayout, createPivotSelectionText, defaultPivotTableTheme, encodePivotDimensionValue, encodePivotPath, exportPivotMatrixToCsv, exportPivotMatrixToXlsx, filterPivotRecords, findPivotFieldArea, flattenVisiblePivotLeaves, getPivotDimensionFilterOptions, hitTestPivotLayout, hitTestPivotResize, hitTestPivotScrollbar, loadPivotFieldLayout, movePivotField, removePivotField, renderPivotTable, resolvePivotDefaultSorts, resolvePivotDimensionKey, resolvePivotDimensionTitle, resolvePivotDimensionValue, resolvePivotDimensionWidth, resolvePivotFieldLayoutOptions, resolvePivotIndicatorAggregator, resolvePivotValueFieldTitle, savePivotFieldLayout };

package/dist/index.d.ts

@@ -941,6 +941,33 @@ declare class PivotTable<RecordType = Record<string, unknown>> {
     private render;
 }
 
+/** 自定义字段可放置的透视区域。 */
+type PivotFieldArea = "filter" | "column" | "row" | "value";
+/** 自定义面板中的字段定义。 */
+interface PivotField<RecordType = Record<string, unknown>> extends PivotDimension<RecordType> {
+    /** 勾选未使用字段时进入的默认区域。 */
+    defaultArea?: PivotFieldArea;
+    /** 字段进入值区域时使用的指标配置。 */
+    indicator?: Omit<PivotIndicator<RecordType>, "key" | "title" | "dataIndex"> & {
+        title?: string;
+        dataIndex?: PivotIndicator<RecordType>["dataIndex"];
+    };
+}
+/** 自定义面板四个区域内的有序字段键。 */
+interface PivotFieldLayout {
+    filters: string[];
+    columns: string[];
+    rows: string[];
+    values: string[];
+}
+
+/** 将字段布局保存到 IndexedDB。 */
+declare function savePivotFieldLayout(key: string, layout: PivotFieldLayout): Promise<void>;
+/** 从 IndexedDB 读取字段布局；缓存内容无效时返回 undefined。 */
+declare function loadPivotFieldLayout(key: string): Promise<PivotFieldLayout | undefined>;
+/** 清除 IndexedDB 中指定键的字段布局。 */
+declare function clearPivotFieldLayout(key: string): Promise<void>;
+
 /** 将原始记录聚合成第一版稀疏 PivotModel。 */
 declare function aggregatePivotRecords<RecordType>(params: {
     records: RecordType[];
@@ -1008,26 +1035,6 @@ declare function getPivotDimensionFilterOptions<RecordType>(params: {
     dimensionKey: string;
 }): PivotFilterOptionItem[];
 
-/** 自定义字段可放置的透视区域。 */
-type PivotFieldArea = "filter" | "column" | "row" | "value";
-/** 自定义面板中的字段定义。 */
-interface PivotField<RecordType = Record<string, unknown>> extends PivotDimension<RecordType> {
-    /** 勾选未使用字段时进入的默认区域。 */
-    defaultArea?: PivotFieldArea;
-    /** 字段进入值区域时使用的指标配置。 */
-    indicator?: Omit<PivotIndicator<RecordType>, "key" | "title" | "dataIndex"> & {
-        title?: string;
-        dataIndex?: PivotIndicator<RecordType>["dataIndex"];
-    };
-}
-/** 自定义面板四个区域内的有序字段键。 */
-interface PivotFieldLayout {
-    filters: string[];
-    columns: string[];
-    rows: string[];
-    values: string[];
-}
-
 /** 创建四个区域均为空的字段布局。 */
 declare function createEmptyPivotFieldLayout(): PivotFieldLayout;
 /** 根据当前透视配置创建字段区域布局。 */
@@ -1222,4 +1229,4 @@ declare function flattenVisiblePivotLeaves(params: {
     defaultExpandDepth?: number;
 }): PivotNode[];
 
-export { type BuiltInPivotAggregatorName, type PivotAggregateCell, type PivotAggregator, type PivotAggregatorContext, type PivotAggregatorRegistry, type PivotAxis, type PivotAxisScrollbarLayout, type PivotAxisSlot, type PivotBodyCellLayout, type PivotCellAddress, type PivotCellStyle, type PivotContextMenuRequest, type PivotDataIndex, type PivotDimension, type PivotDimensionFilter, type PivotDimensionFilterOption, type PivotDimensionFilterPanelRequest, type PivotDimensionHeaderContent, type PivotDimensionHeaderImageContent, type PivotDimensionHeaderTextContent, type PivotDimensionTitle, type PivotDimensionValue, type PivotExpansionChangeEvent, type PivotExportMatrix, type PivotExportOptions, type PivotField, type PivotFieldArea, type PivotFieldLayout, type PivotFilterAxis, type PivotFilterChangeEvent, type PivotFilterCondition, type PivotFilterConditionOperator, type PivotFilterOptionItem, type PivotFilterState, type PivotGrandTotalPosition, type PivotHeaderCellLayout, type PivotHighlightMode, type PivotHitRegion, type PivotHitTestResult, type PivotIndicator, type PivotIndicatorFormatContext, type PivotLayoutSnapshot, type PivotLoadingRequest, type PivotModel, type PivotNode, type PivotNodeKind, type PivotRect, type PivotRenderStats, type PivotReportFilterCellLayout, type PivotResizeHit, type PivotResolvedPath, type PivotScrollState, type PivotScrollbarAxis, type PivotScrollbarLayout, type PivotScrollbarRect, type PivotScrollbarRole, type PivotSelectionChangeEvent, type PivotSelectionRange, type PivotSelectionState, type PivotSortChangeEvent, type PivotSortRule, type PivotSubtotalPosition, PivotTable, type PivotTableOptions, type PivotTableStateSnapshot, type PivotTableTheme, type PivotTableUiOptions, type PivotTextAlign, type PivotTooltipRequest, type PivotTotalsOptions, type ResolvedPivotDimensionValue, aggregatePivotRecords, buildPivotDimensionTree, buildPivotLayoutSnapshot, computePivotScrollbarLayout, createBuiltInPivotAggregators, createEmptyPivotFieldLayout, createEmptyPivotFilterState, createPivotAggregatorRegistry, createPivotAxisSlots, createPivotCellKey, createPivotExportMatrix, createPivotFieldCatalog, createPivotFieldLayout, createPivotSelectionText, defaultPivotTableTheme, encodePivotDimensionValue, encodePivotPath, exportPivotMatrixToCsv, exportPivotMatrixToXlsx, filterPivotRecords, findPivotFieldArea, flattenVisiblePivotLeaves, getPivotDimensionFilterOptions, hitTestPivotLayout, hitTestPivotResize, hitTestPivotScrollbar, movePivotField, removePivotField, renderPivotTable, resolvePivotDefaultSorts, resolvePivotDimensionKey, resolvePivotDimensionTitle, resolvePivotDimensionValue, resolvePivotDimensionWidth, resolvePivotFieldLayoutOptions, resolvePivotIndicatorAggregator, resolvePivotValueFieldTitle };
+export { type BuiltInPivotAggregatorName, type PivotAggregateCell, type PivotAggregator, type PivotAggregatorContext, type PivotAggregatorRegistry, type PivotAxis, type PivotAxisScrollbarLayout, type PivotAxisSlot, type PivotBodyCellLayout, type PivotCellAddress, type PivotCellStyle, type PivotContextMenuRequest, type PivotDataIndex, type PivotDimension, type PivotDimensionFilter, type PivotDimensionFilterOption, type PivotDimensionFilterPanelRequest, type PivotDimensionHeaderContent, type PivotDimensionHeaderImageContent, type PivotDimensionHeaderTextContent, type PivotDimensionTitle, type PivotDimensionValue, type PivotExpansionChangeEvent, type PivotExportMatrix, type PivotExportOptions, type PivotField, type PivotFieldArea, type PivotFieldLayout, type PivotFilterAxis, type PivotFilterChangeEvent, type PivotFilterCondition, type PivotFilterConditionOperator, type PivotFilterOptionItem, type PivotFilterState, type PivotGrandTotalPosition, type PivotHeaderCellLayout, type PivotHighlightMode, type PivotHitRegion, type PivotHitTestResult, type PivotIndicator, type PivotIndicatorFormatContext, type PivotLayoutSnapshot, type PivotLoadingRequest, type PivotModel, type PivotNode, type PivotNodeKind, type PivotRect, type PivotRenderStats, type PivotReportFilterCellLayout, type PivotResizeHit, type PivotResolvedPath, type PivotScrollState, type PivotScrollbarAxis, type PivotScrollbarLayout, type PivotScrollbarRect, type PivotScrollbarRole, type PivotSelectionChangeEvent, type PivotSelectionRange, type PivotSelectionState, type PivotSortChangeEvent, type PivotSortRule, type PivotSubtotalPosition, PivotTable, type PivotTableOptions, type PivotTableStateSnapshot, type PivotTableTheme, type PivotTableUiOptions, type PivotTextAlign, type PivotTooltipRequest, type PivotTotalsOptions, type ResolvedPivotDimensionValue, aggregatePivotRecords, buildPivotDimensionTree, buildPivotLayoutSnapshot, clearPivotFieldLayout, computePivotScrollbarLayout, createBuiltInPivotAggregators, createEmptyPivotFieldLayout, createEmptyPivotFilterState, createPivotAggregatorRegistry, createPivotAxisSlots, createPivotCellKey, createPivotExportMatrix, createPivotFieldCatalog, createPivotFieldLayout, createPivotSelectionText, defaultPivotTableTheme, encodePivotDimensionValue, encodePivotPath, exportPivotMatrixToCsv, exportPivotMatrixToXlsx, filterPivotRecords, findPivotFieldArea, flattenVisiblePivotLeaves, getPivotDimensionFilterOptions, hitTestPivotLayout, hitTestPivotResize, hitTestPivotScrollbar, loadPivotFieldLayout, movePivotField, removePivotField, renderPivotTable, resolvePivotDefaultSorts, resolvePivotDimensionKey, resolvePivotDimensionTitle, resolvePivotDimensionValue, resolvePivotDimensionWidth, resolvePivotFieldLayoutOptions, resolvePivotIndicatorAggregator, resolvePivotValueFieldTitle, savePivotFieldLayout };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { stringifyDataIndex, getValueByDataIndex, clamp, serializeCsvRows, isPointInRect, copyTextSync, copyText } from '@canvas-components/utils';
+import { stringifyDataIndex, getValueByDataIndex, dividePreciseNumber, addPreciseNumbers, clamp, serializeCsvRows, isPointInRect, copyTextSync, copyText } from '@canvas-components/utils';
 export { getValueByDataIndex, isSameDataIndex, stringifyDataIndex } from '@canvas-components/utils';
 import * as XLSX from 'xlsx';
 
@@ -309,8 +309,6 @@ function indexPivotNodes(root) {
   visit(root);
   return nodeMap;
 }
-
-// src/domain/aggregation/built-in-aggregators.ts
 function createBuiltInPivotAggregators() {
   return {
     sum: createNumericAggregator("sum"),
@@ -341,14 +339,14 @@ function createNumericAggregator(type) {
         return;
       }
       state.numericCount += 1;
-      state.sum += numericValue;
+      state.sum = addPreciseNumbers(state.sum, numericValue) ?? state.sum;
       state.min = state.min == null ? numericValue : Math.min(state.min, numericValue);
       state.max = state.max == null ? numericValue : Math.max(state.max, numericValue);
     },
     merge(state, source) {
       state.count += source.count;
       state.numericCount += source.numericCount;
-      state.sum += source.sum;
+      state.sum = addPreciseNumbers(state.sum, source.sum) ?? state.sum;
       state.min = mergeMinimum(state.min, source.min);
       state.max = mergeMaximum(state.max, source.max);
       source.distinctValues.forEach((value) => state.distinctValues.add(value));
@@ -356,9 +354,11 @@ function createNumericAggregator(type) {
     finalize(state) {
       if (type === "count") return state.count;
       if (type === "distinctCount") return state.distinctValues.size;
-      if (type === "sum") return state.sum;
+      if (type === "sum") return Number(state.sum);
       if (type === "avg") {
-        return state.numericCount === 0 ? null : state.sum / state.numericCount;
+        if (state.numericCount === 0) return null;
+        const average = dividePreciseNumber(state.sum, state.numericCount);
+        return average == null ? null : Number(average);
       }
       if (type === "min") return state.min;
       return state.max;
@@ -369,7 +369,7 @@ function createAccumulator() {
   return {
     count: 0,
     numericCount: 0,
-    sum: 0,
+    sum: "0",
     min: null,
     max: null,
     distinctValues: /* @__PURE__ */ new Set()
@@ -2748,18 +2748,50 @@ function resolvePivotSelectionKind(selection) {
   }
   return selection?.activeNode?.axis ?? "cell";
 }
-function drawPivotSelectionBorder(context, rect, color) {
+function drawPivotSelectionBorder(context, rect, color, options) {
   context.save();
   context.strokeStyle = color;
   context.lineWidth = 1;
-  context.strokeRect(
-    rect.x + 0.5,
-    rect.y + 0.5,
-    Math.max(rect.width - 1, 0),
-    Math.max(rect.height - 1, 0)
-  );
+  const left = rect.x + 0.5;
+  const top = rect.y + 0.5;
+  const width = Math.max(rect.width - 1, 0);
+  const height = Math.max(rect.height - 1, 0);
+  const right = left + width;
+  const bottom = top + height;
+  const viewport = options?.viewportRect;
+  const radius = Math.min(options?.radius ?? 8, width / 2, height / 2);
+  const topLeft = viewport && isSameCoordinate(rect.x, viewport.x) && isSameCoordinate(rect.y, viewport.y) ? radius : 0;
+  const topRight = viewport && isSameCoordinate(rect.x + rect.width, viewport.x + viewport.width) && isSameCoordinate(rect.y, viewport.y) ? radius : 0;
+  const bottomRight = viewport && isSameCoordinate(rect.x + rect.width, viewport.x + viewport.width) && isSameCoordinate(rect.y + rect.height, viewport.y + viewport.height) ? radius : 0;
+  const bottomLeft = viewport && isSameCoordinate(rect.x, viewport.x) && isSameCoordinate(rect.y + rect.height, viewport.y + viewport.height) ? radius : 0;
+  if (!topLeft && !topRight && !bottomRight && !bottomLeft) {
+    context.strokeRect(left, top, width, height);
+    context.restore();
+    return;
+  }
+  context.beginPath();
+  context.moveTo(left + topLeft, top);
+  context.lineTo(right - topRight, top);
+  if (topRight) context.arcTo(right, top, right, top + topRight, topRight);
+  else context.lineTo(right, top);
+  context.lineTo(right, bottom - bottomRight);
+  if (bottomRight) {
+    context.arcTo(right, bottom, right - bottomRight, bottom, bottomRight);
+  } else context.lineTo(right, bottom);
+  context.lineTo(left + bottomLeft, bottom);
+  if (bottomLeft) {
+    context.arcTo(left, bottom, left, bottom - bottomLeft, bottomLeft);
+  } else context.lineTo(left, bottom);
+  context.lineTo(left, top + topLeft);
+  if (topLeft) context.arcTo(left, top, left + topLeft, top, topLeft);
+  else context.lineTo(left, top);
+  context.closePath();
+  context.stroke();
   context.restore();
 }
+function isSameCoordinate(first, second) {
+  return Math.abs(first - second) < 0.01;
+}
 function resolveSelectionIndexes(layout, selection) {
   const range = selection?.ranges[0];
   if (range) {
@@ -3056,6 +3088,17 @@ function drawPivotGridRect(context, rect, color, options) {
   context.stroke();
   context.restore();
 }
+function drawPivotViewportRightBorder(context, rect, color) {
+  const x = rect.x + rect.width - 0.5;
+  context.save();
+  context.strokeStyle = color;
+  context.lineWidth = 1;
+  context.beginPath();
+  context.moveTo(x, rect.y);
+  context.lineTo(x, rect.y + rect.height);
+  context.stroke();
+  context.restore();
+}
 function clipPivotViewport(context, rect, radius = 8) {
   appendRoundedRectPath(context, rect, radius);
   context.clip();
@@ -3141,6 +3184,12 @@ function renderPivotTable(params) {
   );
   const areaSelection = isPivotAreaSelection(layout, params.selection);
   const viewportWidth = resolvePivotViewportWidth(layout);
+  const tableViewportRect = {
+    x: 0,
+    y: 0,
+    width: layout.tableWidth,
+    height: layout.height
+  };
   context.clearRect(0, 0, layout.width, layout.height);
   context.save();
   clipPivotViewport(context, {
@@ -3181,7 +3230,7 @@ function renderPivotTable(params) {
       (cell) => drawPivotGridRect(context, cell.rect, theme.borderColor, {
         skipTop: true,
         skipLeft: cell.rect.x > 0,
-        skipRight: isSameCoordinate(
+        skipRight: isSameCoordinate2(
           cell.rect.x + cell.rect.width,
           layout.rowHeaderRect.x + layout.rowHeaderRect.width
         )
@@ -3204,11 +3253,11 @@ function renderPivotTable(params) {
       (cell) => drawPivotGridRect(context, cell.rect, theme.borderColor, {
         skipTop: cell.rect.y > 0,
         skipLeft: true,
-        skipRight: isSameCoordinate(
+        skipRight: isSameCoordinate2(
           cell.rect.x + cell.rect.width,
           layout.tableWidth
         ),
-        skipBottom: isSameCoordinate(
+        skipBottom: isSameCoordinate2(
           cell.rect.y + cell.rect.height,
           layout.columnHeaderRect.y + layout.columnHeaderRect.height
         )
@@ -3240,7 +3289,7 @@ function renderPivotTable(params) {
       (cell) => drawPivotGridRect(context, cell.rect, theme.borderColor, {
         skipTop: true,
         skipLeft: true,
-        skipRight: isSameCoordinate(
+        skipRight: isSameCoordinate2(
           cell.rect.x + cell.rect.width,
           layout.tableWidth
         )
@@ -3269,29 +3318,37 @@ function renderPivotTable(params) {
     headerBackgroundColor: theme.columnHeaderBackgroundColor,
     bodyBackgroundColor: theme.backgroundColor
   });
+  if (params.resizeGuideX != null) {
+    drawPivotResizeGuide(context, params.resizeGuideX, contentHeight);
+  }
+  context.restore();
+  context.save();
+  clipPivotViewport(context, tableViewportRect);
+  drawPivotViewportRightBorder(context, tableViewportRect, theme.borderColor);
+  context.restore();
+  drawPivotViewportBorder(
+    context,
+    { x: 0, y: 0, width: viewportWidth, height: contentHeight },
+    theme.borderColor
+  );
   const selectionRect = resolvePivotSelectionRect(layout, params.selection);
   if (selectionRect) {
     const selectionClipRect = resolvePivotSelectionClipRect(
       layout,
       params.selection
     );
+    context.save();
+    clipPivotViewport(context, tableViewportRect);
     withClip(context, selectionClipRect, () => {
       drawPivotSelectionBorder(
         context,
         selectionRect,
-        theme.selectionBorderColor
+        theme.selectionBorderColor,
+        { viewportRect: tableViewportRect }
       );
     });
+    context.restore();
   }
-  if (params.resizeGuideX != null) {
-    drawPivotResizeGuide(context, params.resizeGuideX, contentHeight);
-  }
-  context.restore();
-  drawPivotViewportBorder(
-    context,
-    { x: 0, y: 0, width: viewportWidth, height: contentHeight },
-    theme.borderColor
-  );
   return {
     headerCellCount: layout.reportFilterCells.length + layout.rowFieldHeaderCells.length + layout.rowHeaderCells.length + layout.columnHeaderCells.length,
     bodyCellCount: layout.bodyCells.length
@@ -3336,7 +3393,7 @@ function drawDebugOverlay(context, layout, theme) {
     layout.bodyRect
   ].forEach((rect) => strokeRect(context, rect, "#f04438"));
   context.setLineDash([]);
-  context.font = `12px ${theme.fontFamily}`;
+  context.font = `${theme.fontSize}px ${theme.fontFamily}`;
   context.textAlign = "left";
   context.textBaseline = "top";
   context.fillStyle = "#f04438";
@@ -3595,7 +3652,7 @@ function resolveSlotPathKey(slots, nodeId, indicatorKey) {
     (slot) => (slot.nodeId ?? "") === nodeId && (!slot.indicatorKey || slot.indicatorKey === indicatorKey)
   )?.pathKey ?? null;
 }
-function isSameCoordinate(first, second) {
+function isSameCoordinate2(first, second) {
   return Math.abs(first - second) < 0.01;
 }
 function resolveBodyDisplayText(cell, indicator) {
@@ -5202,7 +5259,7 @@ var PivotTable = class {
   measurePivotText(text) {
     const context = this.host?.canvas.getContext("2d");
     if (!context) return text.length * 8;
-    context.font = `${this.options.theme?.fontSize ?? 13}px ${this.options.theme?.fontFamily ?? "sans-serif"}`;
+    context.font = `${this.options.theme?.fontSize ?? 14}px ${this.options.theme?.fontFamily ?? "sans-serif"}`;
     return context.measureText(text).width;
   }
   updateRowHeaderSelectionDrag(event) {
@@ -5588,6 +5645,90 @@ function toArrayBuffer(value) {
   return buffer;
 }
 
+// src/adapters/storage/indexeddb-field-layout-storage.ts
+var DATABASE_NAME = "canvas_components_pivot_table_config";
+var STORE_NAME = "field_layout";
+var DB_VERSION = 1;
+var dbPromise = null;
+async function savePivotFieldLayout(key, layout) {
+  try {
+    const db = await openDatabase();
+    await requestToPromise(
+      db.transaction(STORE_NAME, "readwrite").objectStore(STORE_NAME).put(cloneLayout(layout), key)
+    );
+  } catch (error) {
+    console.error("[PivotTable] \u5B57\u6BB5\u5E03\u5C40\u4FDD\u5B58\u5931\u8D25\uFF1A", error);
+  }
+}
+async function loadPivotFieldLayout(key) {
+  try {
+    const db = await openDatabase();
+    const value = await requestToPromise(
+      db.transaction(STORE_NAME, "readonly").objectStore(STORE_NAME).get(key)
+    );
+    return isPivotFieldLayout(value) ? cloneLayout(value) : void 0;
+  } catch (error) {
+    console.error("[PivotTable] \u5B57\u6BB5\u5E03\u5C40\u8BFB\u53D6\u5931\u8D25\uFF1A", error);
+    return void 0;
+  }
+}
+async function clearPivotFieldLayout(key) {
+  try {
+    const db = await openDatabase();
+    await requestToPromise(
+      db.transaction(STORE_NAME, "readwrite").objectStore(STORE_NAME).delete(key)
+    );
+  } catch (error) {
+    console.error("[PivotTable] \u5B57\u6BB5\u5E03\u5C40\u6E05\u9664\u5931\u8D25\uFF1A", error);
+  }
+}
+function openDatabase() {
+  if (dbPromise) return dbPromise;
+  dbPromise = new Promise((resolve, reject) => {
+    if (typeof indexedDB === "undefined") {
+      reject(new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301 IndexedDB"));
+      return;
+    }
+    const request = indexedDB.open(DATABASE_NAME, DB_VERSION);
+    request.onupgradeneeded = () => {
+      const db = request.result;
+      if (!db.objectStoreNames.contains(STORE_NAME)) {
+        db.createObjectStore(STORE_NAME);
+      }
+    };
+    request.onsuccess = () => resolve(request.result);
+    request.onerror = () => reject(request.error);
+  });
+  dbPromise.catch(() => {
+    dbPromise = null;
+  });
+  return dbPromise;
+}
+function requestToPromise(request) {
+  return new Promise((resolve, reject) => {
+    request.onsuccess = () => resolve(request.result);
+    request.onerror = () => reject(request.error);
+  });
+}
+function isPivotFieldLayout(value) {
+  if (!value || typeof value !== "object") return false;
+  const layout = value;
+  return ["filters", "columns", "rows", "values"].every(
+    (key) => isStringArray(layout[key])
+  );
+}
+function isStringArray(value) {
+  return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+function cloneLayout(layout) {
+  return {
+    filters: [...layout.filters],
+    columns: [...layout.columns],
+    rows: [...layout.rows],
+    values: [...layout.values]
+  };
+}
+
 // src/domain/field/pivot-field-layout.ts
 function createEmptyPivotFieldLayout() {
   return { filters: [], columns: [], rows: [], values: [] };
@@ -5735,6 +5876,6 @@ function areaToLayoutKey(area) {
   return "values";
 }
 
-export { PivotTable, aggregatePivotRecords, buildPivotDimensionTree, buildPivotLayoutSnapshot, computePivotScrollbarLayout, createBuiltInPivotAggregators, createEmptyPivotFieldLayout, createEmptyPivotFilterState, createPivotAggregatorRegistry, createPivotAxisSlots, createPivotCellKey, createPivotExportMatrix, createPivotFieldCatalog, createPivotFieldLayout, createPivotSelectionText, defaultPivotTableTheme, encodePivotDimensionValue, encodePivotPath, exportPivotMatrixToCsv, exportPivotMatrixToXlsx, filterPivotRecords, findPivotFieldArea, flattenVisiblePivotLeaves, getPivotDimensionFilterOptions, hitTestPivotLayout, hitTestPivotResize, hitTestPivotScrollbar, movePivotField, removePivotField, renderPivotTable, resolvePivotDefaultSorts, resolvePivotDimensionKey, resolvePivotDimensionTitle, resolvePivotDimensionValue, resolvePivotDimensionWidth, resolvePivotFieldLayoutOptions, resolvePivotIndicatorAggregator, resolvePivotValueFieldTitle };
+export { PivotTable, aggregatePivotRecords, buildPivotDimensionTree, buildPivotLayoutSnapshot, clearPivotFieldLayout, computePivotScrollbarLayout, createBuiltInPivotAggregators, createEmptyPivotFieldLayout, createEmptyPivotFilterState, createPivotAggregatorRegistry, createPivotAxisSlots, createPivotCellKey, createPivotExportMatrix, createPivotFieldCatalog, createPivotFieldLayout, createPivotSelectionText, defaultPivotTableTheme, encodePivotDimensionValue, encodePivotPath, exportPivotMatrixToCsv, exportPivotMatrixToXlsx, filterPivotRecords, findPivotFieldArea, flattenVisiblePivotLeaves, getPivotDimensionFilterOptions, hitTestPivotLayout, hitTestPivotResize, hitTestPivotScrollbar, loadPivotFieldLayout, movePivotField, removePivotField, renderPivotTable, resolvePivotDefaultSorts, resolvePivotDimensionKey, resolvePivotDimensionTitle, resolvePivotDimensionValue, resolvePivotDimensionWidth, resolvePivotFieldLayoutOptions, resolvePivotIndicatorAggregator, resolvePivotValueFieldTitle, savePivotFieldLayout };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map