@canvas-components/list-table 0.2.4 → 0.2.6

package/README.md

@@ -80,7 +80,7 @@ table.mount();
 | `carouselScroll`   | `ListTableCarouselScrollOptions`                                                       | 自动轮播滚动配置               |
 | `stretchColumns`   | `boolean`                                                                              | 列总宽不足时是否拉伸补齐       |
 | `resizable`        | `boolean`                                                                              | 是否开启列宽拖拽               |
-| `storageKey`       | `string`                                                                               | 持久化键                       |
+| `storageKey`       | `string`                                                                               | 列配置、查询、缩放和密度持久化键 |
 | `draggable`        | `boolean`                                                                              | 是否开启列拖拽排序             |
 | `tableId`          | `string`                                                                               | 表格唯一标识                   |
 | `rowDrag`          | `ListTableRowDragOptions`                                                              | 行拖拽配置                     |

package/dist/index.cjs

@@ -239,11 +239,18 @@ var CanvasRenderer = class {
       height: Math.max(height, 0)
     } : this.resolveCoverSize(width, height);
     this.ctx.fillRect(0, safeTop, cover.width, cover.height);
+    const centerX = cover.width / 2;
+    const centerY = safeTop + cover.height / 2;
+    const showImage = cover.width >= 80 && cover.height >= 72;
+    if (showImage) {
+      const imageTop = centerY - 36;
+      drawSimpleEmptyIllustration(this.ctx, centerX - 32, imageTop);
+    }
     this.ctx.fillStyle = this.theme.emptyTextColor;
     this.ctx.font = `${this.theme.fontSize}px ${this.theme.fontFamily}`;
     this.ctx.textAlign = "center";
     this.ctx.textBaseline = "middle";
-    this.ctx.fillText(text, cover.width / 2, safeTop + cover.height / 2);
+    this.ctx.fillText(text, centerX, showImage ? centerY + 28 : centerY);
     this.ctx.restore();
   }
   /**
@@ -257,6 +264,49 @@ var CanvasRenderer = class {
     };
   }
 };
+function drawSimpleEmptyIllustration(ctx, left, top) {
+  ctx.save();
+  ctx.translate(left, top + 1);
+  ctx.beginPath();
+  ctx.ellipse(32, 33, 32, 7, 0, 0, Math.PI * 2);
+  ctx.fillStyle = "#f5f5f5";
+  ctx.fill();
+  ctx.strokeStyle = "#d9d9d9";
+  ctx.lineWidth = 1;
+  ctx.beginPath();
+  ctx.moveTo(55, 12.76);
+  ctx.lineTo(44.854, 1.258);
+  ctx.bezierCurveTo(44.367, 0.474, 43.656, 0, 42.907, 0);
+  ctx.lineTo(21.093, 0);
+  ctx.bezierCurveTo(20.344, 0, 19.633, 0.474, 19.146, 1.257);
+  ctx.lineTo(9, 12.761);
+  ctx.lineTo(9, 22);
+  ctx.lineTo(55, 22);
+  ctx.lineTo(55, 12.76);
+  ctx.closePath();
+  ctx.stroke();
+  ctx.beginPath();
+  ctx.moveTo(41.613, 15.931);
+  ctx.bezierCurveTo(41.613, 14.326, 42.607, 13.001, 43.84, 13);
+  ctx.lineTo(55, 13);
+  ctx.lineTo(55, 31.137);
+  ctx.bezierCurveTo(55, 33.26, 53.68, 35, 52.05, 35);
+  ctx.lineTo(11.95, 35);
+  ctx.bezierCurveTo(10.32, 35, 9, 33.259, 9, 31.137);
+  ctx.lineTo(9, 13);
+  ctx.lineTo(20.16, 13);
+  ctx.bezierCurveTo(21.393, 13, 22.387, 14.323, 22.387, 15.928);
+  ctx.lineTo(22.387, 15.95);
+  ctx.bezierCurveTo(22.387, 17.555, 23.392, 18.851, 24.624, 18.851);
+  ctx.lineTo(39.376, 18.851);
+  ctx.bezierCurveTo(40.608, 18.851, 41.613, 17.543, 41.613, 15.938);
+  ctx.lineTo(41.613, 15.931);
+  ctx.closePath();
+  ctx.fillStyle = "#fafafa";
+  ctx.fill();
+  ctx.stroke();
+  ctx.restore();
+}
 
 // src/domain/columns/compute-column-widths.ts
 function computeColumnWidths(columns) {
@@ -930,10 +980,11 @@ function collectLeafColumns(columns) {
 }
 
 // src/domain/constants.ts
-var DEFAULT_ROW_HEIGHT = 40;
-var DEFAULT_HEADER_ROW_HEIGHT = 42;
+var DEFAULT_ROW_HEIGHT = 32;
+var DEFAULT_HEADER_ROW_HEIGHT = DEFAULT_ROW_HEIGHT;
 var HORIZONTAL_SCROLL_STEP = 120;
-var DEFAULT_SUMMARY_ROW_HEIGHT = 40;
+var DEFAULT_SUMMARY_ROW_HEIGHT = DEFAULT_ROW_HEIGHT;
+var DEFAULT_EMPTY_BODY_HEIGHT = 96;
 var DEFAULT_PAGINATION_PAGE_SIZE = 10;
 var FALLBACK_TABLE_WIDTH = 320;
 var FALLBACK_TABLE_HEIGHT = 240;
@@ -1507,8 +1558,8 @@ var defaultListTableTheme = {
   hoverBackgroundColor: "#edf4ff",
   selectionBackgroundColor: "#dbeafe",
   textSelectionBackgroundColor: "#99c2ff",
-  emptyBackgroundColor: "#f8fafc",
-  emptyTextColor: "#63748a",
+  emptyBackgroundColor: "#ffffff",
+  emptyTextColor: "#8c8c8c",
   debugStrokeColor: "#ef4444",
   debugFillColor: "rgba(239, 68, 68, 0.08)",
   fontFamily: '"Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif',
@@ -5874,6 +5925,9 @@ function drawBodyTextContent(params) {
     searchMatch,
     fragmentKey = `content:${contentIndex}`
   } = params;
+  if (params.content.visible === false || params.content.style?.display === "none") {
+    return void 0;
+  }
   ctx.save();
   ctx.globalAlpha *= resolveContentOpacity(content);
   applyTextContentStyle(
@@ -5985,6 +6039,9 @@ function drawBodyTextContent(params) {
   return width;
 }
 function measureTextContentWidth(ctx, content, theme) {
+  if (content.visible === false || content.style?.display === "none") {
+    return 0;
+  }
   applyTextContentStyle(ctx, content, theme.textColor, theme);
   const intrinsicWidth = Math.max(
     ctx.measureText(content.text).width + resolveContentTextIndent(content),
@@ -6175,6 +6232,11 @@ var CONTENT_HORIZONTAL_PADDING = 12;
 var CONTENT_GAP = 8;
 var CONTENT_VERTICAL_PADDING = 6;
 function resolveBodyCellContents(params) {
+  return resolveRawBodyCellContents(params).filter(
+    (content) => content.visible !== false && content.style?.display !== "none"
+  );
+}
+function resolveRawBodyCellContents(params) {
   const { record, rowIndex, column } = params;
   const value = utils.getValueByDataIndex(record, column.dataIndex);
   const rendered = column.render?.(value, record, rowIndex, column);
@@ -6319,7 +6381,9 @@ function normalizeCellContents(contents) {
   return [normalizeCellContentItem(contents)];
 }
 function normalizeDrawableCellContents(contents) {
-  return contents.map(normalizeCellContentItem);
+  return contents.filter(
+    (content) => content.visible !== false && content.style?.display !== "none"
+  ).map(normalizeCellContentItem);
 }
 function normalizeCellContentItem(content) {
   if (content.type !== "money") {
@@ -6329,6 +6393,7 @@ function normalizeCellContentItem(content) {
     type: "text",
     text: formatMoneyValue(content.value, content),
     key: content.key,
+    visible: content.visible,
     style: content.style,
     cursor: content.cursor,
     onClick: content.onClick,
@@ -7999,15 +8064,11 @@ function resolvePointerHitWithScrollbars(result, x, y, scrollbarLayout) {
   return result;
 }
 function resolveScrollbarVisibility(params) {
-  const { options, draggingScrollbar, continuousScrollActive, hover, scrollbarActiveUntil, now: now2 } = params;
-  const scrollbarOption = options.scrollbar;
-  if (scrollbarOption?.visible === true) {
+  const scrollbarOption = params.options.scrollbar;
+  if (scrollbarOption?.visible !== false) {
     return true;
   }
-  if (scrollbarOption?.visible === false) {
-    return false;
-  }
-  return draggingScrollbar || continuousScrollActive || hover.area === "horizontal-scrollbar" || hover.area === "vertical-scrollbar" || hover.area !== "empty" || now2 < scrollbarActiveUntil;
+  return false;
 }
 
 // src/services/pointer-hit-service.ts
@@ -13623,13 +13684,13 @@ function showHeaderContextMenu(params) {
   return true;
 }
 function resolveContextMenuDensity(rowHeight) {
-  if (rowHeight === 48) {
+  if (rowHeight === 56) {
     return "comfortable";
   }
   if (rowHeight === 32) {
     return "compact";
   }
-  return "middle";
+  return rowHeight === 48 ? "middle" : "compact";
 }
 
 // src/features/tooltip/tooltip-feature.ts
@@ -15199,7 +15260,7 @@ var ListTableEventController = class {
           headerTree: this.host.headerTree,
           headerRowsCache: this.host.headerRowsCache,
           pointerX: position.x,
-          headerRowHeight: DEFAULT_HEADER_ROW_HEIGHT,
+          headerRowHeight: this.host.currentRenderSnapshot?.headerRowHeight ?? DEFAULT_HEADER_ROW_HEIGHT,
           allowGrouping: this.host.groupBarVisible,
           getMovableLeafColumns: (node, hitRect) => getHeaderNodeMovableLeafColumns({
             node,
@@ -15536,7 +15597,7 @@ var ListTableEventController = class {
         },
         summaryVisible: Boolean(this.host.currentRenderSnapshot?.hasSummary),
         onToggleSummary: () => {
-          this.host.options.summaryRowHeight = this.host.currentRenderSnapshot?.hasSummary ? 0 : DEFAULT_SUMMARY_ROW_HEIGHT;
+          this.host.options.summaryRowHeight = this.host.currentRenderSnapshot?.hasSummary ? 0 : this.host.currentRenderSnapshot?.rowHeight ?? DEFAULT_SUMMARY_ROW_HEIGHT;
           this.host.persistColumnConfig();
           this.host.render();
         },
@@ -17401,9 +17462,9 @@ function resolveToggleHeaderColumnVisibilityAction(params) {
 function resolveDensitySizes(density) {
   if (density === "comfortable") {
     return {
-      rowHeight: 48,
-      headerRowHeight: 48,
-      summaryRowHeight: 48
+      rowHeight: 56,
+      headerRowHeight: 56,
+      summaryRowHeight: 56
     };
   }
   if (density === "compact") {
@@ -17414,9 +17475,9 @@ function resolveDensitySizes(density) {
     };
   }
   return {
-    rowHeight: 40,
-    headerRowHeight: 40,
-    summaryRowHeight: 40
+    rowHeight: 48,
+    headerRowHeight: 48,
+    summaryRowHeight: 48
   };
 }
 
@@ -17567,6 +17628,9 @@ var ListTableHeaderActionController = class {
       headerRowHeight: nextSize.headerRowHeight,
       summaryRowHeight: nextSize.summaryRowHeight
     });
+    this.options.resetSummaryValues();
+    options.ui?.onDensityChange?.(nextSize.rowHeight);
+    this.options.persistColumnConfig();
     this.options.hideHeaderContextMenu();
     this.options.requestRender();
   }
@@ -18036,7 +18100,7 @@ function applyStoredColumnConfig(columns, storedColumns) {
   };
   applyToColumns(columns);
 }
-function buildStoredColumnConfig(columns, sortState, filterState, zoom, summaryRowHeight) {
+function buildStoredColumnConfig(columns, sortState, filterState, zoom, summaryRowHeight, density) {
   const result = {};
   const collectColumns = (cols) => {
     for (const col of cols) {
@@ -18071,7 +18135,8 @@ function buildStoredColumnConfig(columns, sortState, filterState, zoom, summaryR
     },
     filters: filterState,
     ...typeof zoom === "number" && Number.isFinite(zoom) && zoom > 0 ? { zoom } : null,
-    ...typeof summaryRowHeight === "number" && Number.isFinite(summaryRowHeight) && summaryRowHeight >= 0 ? { summaryRowHeight } : null
+    ...typeof summaryRowHeight === "number" && Number.isFinite(summaryRowHeight) && summaryRowHeight >= 0 ? { summaryRowHeight } : null,
+    ...density === 32 || density === 48 || density === 56 ? { density } : null
   };
 }
 
@@ -18083,7 +18148,8 @@ function persistListTableColumnConfig(params) {
     sortState,
     filterState,
     zoom,
-    summaryRowHeight
+    summaryRowHeight,
+    density
   } = params;
   if (!storageKey) {
     return;
@@ -18096,7 +18162,8 @@ function persistListTableColumnConfig(params) {
       sortState,
       filterState,
       zoom,
-      summaryRowHeight
+      summaryRowHeight,
+      density
     )
   );
 }
@@ -18118,7 +18185,8 @@ async function loadListTableStoredConfig(params) {
     } : null,
     filterState: stored.filters ? stored.filters : null,
     zoom: typeof stored.zoom === "number" && Number.isFinite(stored.zoom) && stored.zoom > 0 ? stored.zoom : null,
-    summaryRowHeight: typeof stored.summaryRowHeight === "number" && Number.isFinite(stored.summaryRowHeight) && stored.summaryRowHeight >= 0 ? stored.summaryRowHeight : null
+    summaryRowHeight: typeof stored.summaryRowHeight === "number" && Number.isFinite(stored.summaryRowHeight) && stored.summaryRowHeight >= 0 ? stored.summaryRowHeight : null,
+    density: stored.density === 32 || stored.density === 48 || stored.density === 56 ? stored.density : null
   };
 }
 
@@ -18149,13 +18217,26 @@ var ListTablePersistenceController = class {
       this.options.domHost.setContentZoom(nextZoom);
       this.options.canvasHost.setContentZoom(nextZoom);
     }
+    let currentOptions = this.options.getOptions();
+    if (stored.density != null) {
+      currentOptions = {
+        ...currentOptions,
+        rowHeight: stored.density,
+        headerRowHeight: stored.density,
+        summaryRowHeight: stored.density
+      };
+    }
     if (stored.summaryRowHeight != null) {
-      const currentOptions = this.options.getOptions();
-      if (currentOptions.summaryRowHeight !== stored.summaryRowHeight) {
-        this.options.setOptions({
-          ...currentOptions,
-          summaryRowHeight: stored.summaryRowHeight
-        });
+      currentOptions = {
+        ...currentOptions,
+        summaryRowHeight: stored.summaryRowHeight
+      };
+    }
+    if (currentOptions !== this.options.getOptions()) {
+      this.options.setOptions(currentOptions);
+      if (stored.density != null) {
+        this.options.resetSummaryValues();
+        currentOptions.ui?.onDensityChange?.(stored.density);
       }
     }
     this.options.refreshRuntimeColumns();
@@ -18169,7 +18250,8 @@ var ListTablePersistenceController = class {
       sortState: this.options.getSortState(),
       filterState: this.options.getFilterState(),
       zoom: this.options.getTableZoom(),
-      summaryRowHeight: tableOptions.summaryRowHeight
+      summaryRowHeight: tableOptions.summaryRowHeight,
+      density: tableOptions.rowHeight
     });
   }
 };
@@ -18529,7 +18611,7 @@ function computeScrollbarLayout(params) {
     };
   }
   const verticalTrackHeight = Math.max(
-    params.bodyHeight - verticalTop - verticalBottom - (params.maxScrollLeft > 0 ? thickness : 0),
+    params.bodyHeight - verticalTop - verticalBottom,
     0
   );
   const verticalTrackX = params.width - thickness - verticalRight;
@@ -19983,7 +20065,6 @@ function resolveExpandedRowHeight2(height, record, index) {
 
 // src/services/layout-service.ts
 var AUTO_ROW_HEIGHT_SAMPLE_COUNT = 200;
-var LIST_TABLE_GROUPING_BAR_HEIGHT = 44;
 function buildListTableRenderSnapshot(params) {
   if (params.cache?.snapshot && params.cache.snapshot.groupIndex === params.cache.groupIndex && isSameRenderCacheInputs(params.cache.inputs, params)) {
     const snapshotStartedAt2 = resolvePerformanceNow2();
@@ -20010,8 +20091,8 @@ function buildListTableRenderSnapshot(params) {
   const {
     options,
     theme,
-    width,
-    height,
+    width: hostWidth,
+    height: hostHeight,
     scroll,
     selectedRowKeys,
     query,
@@ -20022,6 +20103,9 @@ function buildListTableRenderSnapshot(params) {
     baseRowsOverride,
     displayRowsOverride
   } = params;
+  const scrollbarThickness = options.scrollbar?.visible === false ? 0 : Math.max(options.scrollbar?.thickness ?? 10, 6);
+  let width = hostWidth;
+  let height = hostHeight;
   const sourceNormalizedColumns = normalizeColumns(
     getResolvedColumns(options, selectedRowKeys)
   );
@@ -20060,15 +20144,15 @@ function buildListTableRenderSnapshot(params) {
   const expandableState = resolveExpandableState({
     expandable: options.expandable
   });
-  const rowHeight = options.rowHeight == null || options.rowHeight === "auto" ? resolveAutoRowHeight({
+  const rowHeight = options.rowHeight === "auto" ? resolveAutoRowHeight({
     rows: queryRows.displayRows,
     leafColumns,
     theme,
     cache: params.cache
   }) : options.rowHeight ?? DEFAULT_ROW_HEIGHT;
-  const headerRowHeight = options.headerRowHeight ?? DEFAULT_HEADER_ROW_HEIGHT;
-  const summaryRowHeight = options.summaryRowHeight ?? DEFAULT_SUMMARY_ROW_HEIGHT;
-  const groupingBarHeight = params.groupBarVisible ? LIST_TABLE_GROUPING_BAR_HEIGHT : 0;
+  const headerRowHeight = options.headerRowHeight ?? rowHeight;
+  const summaryRowHeight = options.summaryRowHeight ?? rowHeight;
+  const groupingBarHeight = params.groupBarVisible ? rowHeight : 0;
   const columnHeaderHeight = (headerInfo.maxDepth + 1) * headerRowHeight;
   const headerHeight = groupingBarHeight + columnHeaderHeight;
   const hasConfiguredSummary = leafColumns.some(
@@ -20274,11 +20358,11 @@ function buildListTableRenderSnapshot(params) {
       scrollRowCount: plainRowWindow.totalRowCount
     });
   }
-  const columnMetrics = resolveColumnMetrics({
+  let columnMetrics = resolveColumnMetrics({
     columns: leafColumns,
     tableWidth: width
   });
-  const viewportResult = computeViewport({
+  let viewportResult = computeViewport({
     width,
     height,
     headerHeight,
@@ -20289,6 +20373,59 @@ function buildListTableRenderSnapshot(params) {
     fixedWidthRight: columnMetrics.fixedWidthRight,
     scroll
   });
+  for (let index = 0; index < 2 && scrollbarThickness > 0; index += 1) {
+    const nextWidth = Math.max(
+      hostWidth - (viewportResult.viewport.maxScrollTop > 0 ? scrollbarThickness : 0),
+      0
+    );
+    const nextHeight = Math.max(
+      hostHeight - (viewportResult.viewport.maxScrollLeft > 0 ? scrollbarThickness : 0),
+      0
+    );
+    if (nextWidth === width && nextHeight === height) {
+      break;
+    }
+    width = nextWidth;
+    height = nextHeight;
+    bodyState = resolveCurrentBodyState();
+    if (plainRowWindow) {
+      bodyState.frozenRows.scroll.windowed = true;
+      bodyState.frozenRows.scroll.rowIndexMap = plainRowWindow.rowIndexMap;
+      bodyState.frozenRows.scroll.rowOffsetMap = plainRowWindow.rowOffsetMap;
+      bodyState.bodyLayout = resolveBodyLayout({
+        height,
+        headerHeight,
+        summaryRowHeight,
+        hasSummary,
+        rowHeight,
+        totalBodyHeight: plainRowWindow.totalBodyHeight,
+        topFrozenRowCount: 0,
+        bottomFrozenRowCount: 0,
+        scrollRowCount: plainRowWindow.totalRowCount
+      });
+    }
+    columnMetrics = resolveColumnMetrics({
+      columns: leafColumns,
+      tableWidth: width
+    });
+    viewportResult = computeViewport({
+      width,
+      height,
+      headerHeight,
+      bodyHeight: bodyState.bodyLayout.scrollBodyHeight,
+      totalWidth: columnMetrics.totalWidth,
+      totalBodyHeight: bodyState.bodyLayout.totalBodyHeight,
+      fixedWidthLeft: columnMetrics.fixedWidthLeft,
+      fixedWidthRight: columnMetrics.fixedWidthRight,
+      scroll
+    });
+  }
+  scrollPageSize = resolveScrollPageSize({
+    options,
+    pageSize: query.pagination.pageSize,
+    bodyHeight: bodyState.bodyLayout.scrollBodyHeight,
+    rowHeight
+  });
   const nextScroll = viewportResult.scroll;
   const columnSegments = resolveColumnSegments({
     metrics: columnMetrics,
@@ -20296,8 +20433,8 @@ function buildListTableRenderSnapshot(params) {
     swapAnimation
   });
   const scrollbarLayout = computeScrollbarLayout({
-    width,
-    height,
+    width: hostWidth,
+    height: hostHeight,
     bodyTop: bodyState.bodyLayout.scrollBodyTop,
     bodyHeight: bodyState.bodyLayout.scrollBodyHeight,
     centerVisibleWidth: columnMetrics.availableCenterWidth,
@@ -20495,8 +20632,8 @@ function resolveUngroupedDataRowCount(visibleRows) {
 function updateListTableRenderSnapshotScroll(params) {
   const { snapshot, width, height, scroll, options } = params;
   const viewportResult = computeViewport({
-    width,
-    height,
+    width: snapshot.width,
+    height: snapshot.height,
     headerHeight: snapshot.bodyLayout.scrollBodyTop - snapshot.bodyLayout.topFrozenHeight,
     bodyHeight: snapshot.bodyLayout.scrollBodyHeight,
     totalWidth: snapshot.columnMetrics.totalWidth,
@@ -20932,7 +21069,7 @@ function resolveListTableRenderHostSize(params) {
 }
 
 // src/rendering/primitives/draw-scrollbars.ts
-function drawScrollbars(ctx, layout, descriptors, opacity = 1, interactive = true) {
+function drawScrollbars(ctx, layout, descriptors, borderColor, opacity = 1, interactive = true) {
   const alpha = Number.isFinite(opacity) ? Math.min(Math.max(opacity, 0), 1) : 1;
   if (alpha <= 1e-3) {
     return;
@@ -20940,14 +21077,28 @@ function drawScrollbars(ctx, layout, descriptors, opacity = 1, interactive = tru
   ctx.save();
   ctx.globalAlpha = alpha;
   if (layout.horizontal) {
-    drawAxisScrollbar(ctx, layout.horizontal, "horizontal", descriptors, interactive);
+    drawAxisScrollbar(
+      ctx,
+      layout.horizontal,
+      "horizontal",
+      descriptors,
+      borderColor,
+      interactive
+    );
   }
   if (layout.vertical) {
-    drawAxisScrollbar(ctx, layout.vertical, "vertical", descriptors, interactive);
+    drawAxisScrollbar(
+      ctx,
+      layout.vertical,
+      "vertical",
+      descriptors,
+      borderColor,
+      interactive
+    );
   }
   ctx.restore();
 }
-function drawAxisScrollbar(ctx, layout, axis, descriptors, interactive) {
+function drawAxisScrollbar(ctx, layout, axis, descriptors, borderColor, interactive) {
   const kind = axis === "horizontal" ? "horizontal-scrollbar" : "vertical-scrollbar";
   if (interactive) {
     descriptors.push({
@@ -20975,16 +21126,19 @@ function drawAxisScrollbar(ctx, layout, axis, descriptors, interactive) {
       scrollbarRole: "increase-button"
     });
   }
-  drawTrack(ctx, layout.track);
+  drawTrack(ctx, layout.track, borderColor);
   drawButton(ctx, layout.decreaseButton, axis, "decrease");
   drawButton(ctx, layout.increaseButton, axis, "increase");
   drawThumb(ctx, layout.thumb);
 }
-function drawTrack(ctx, rect) {
+function drawTrack(ctx, rect, borderColor) {
   ctx.save();
   ctx.fillStyle = "rgba(148, 163, 184, 0.16)";
+  ctx.strokeStyle = borderColor;
+  ctx.lineWidth = 1;
   roundRect(ctx, rect.x, rect.y, rect.width, rect.height, rect.height / 2);
   ctx.fill();
+  ctx.stroke();
   ctx.restore();
 }
 function drawThumb(ctx, rect) {
@@ -23823,7 +23977,7 @@ function executeListTableRenderPipeline(params) {
     renderer.drawEmpty(
       width,
       bodyAreaHeight,
-      options.emptyText ?? "\u5F53\u524D\u6CA1\u6709\u53EF\u5C55\u793A\u7684\u6570\u636E\u3002",
+      options.emptyText ?? "\u6682\u65E0\u6570\u636E",
       headerHeight
     );
   } else {
@@ -23990,6 +24144,7 @@ function executeListTableRenderPipeline(params) {
     ctx,
     snapshot.scrollbarLayout,
     descriptors,
+    theme.borderColor,
     scrollbarOpacity,
     isScrollbarInteractive
   );
@@ -24340,7 +24495,7 @@ var ListTableRenderController = class {
     const layoutWidth = hostSize.width / zoom;
     const layoutAvailableHeight = availableHeight / zoom;
     const currentSnapshot = this.currentRenderSnapshot;
-    const measureSnapshot = currentSnapshot && currentSnapshot.width === layoutWidth && currentSnapshot.groupingBarHeight === (this.options.getGroupBarVisible?.() ? LIST_TABLE_GROUPING_BAR_HEIGHT : 0) && currentSnapshot.groupingColumns.map((column) => column.key).join("
") === (this.options.getGroupColumnKeys?.() ?? []).join("
") ? currentSnapshot : this.buildSnapshot(layoutWidth, layoutAvailableHeight, false);
+    const measureSnapshot = currentSnapshot && currentSnapshot.width === layoutWidth && currentSnapshot.groupingBarHeight === (this.options.getGroupBarVisible?.() ? currentSnapshot.rowHeight : 0) && currentSnapshot.groupingColumns.map((column) => column.key).join("
") === (this.options.getGroupColumnKeys?.() ?? []).join("
") ? currentSnapshot : this.buildSnapshot(layoutWidth, layoutAvailableHeight, false);
     if (!measureSnapshot) {
       this.options.setFittedHeight(null);
       return;
@@ -24353,7 +24508,7 @@ var ListTableRenderController = class {
       topFrozenHeight: measureSnapshot.bodyLayout.topFrozenHeight,
       totalBodyHeight: Math.max(
         measureSnapshot.bodyLayout.totalBodyHeight,
-        measureSnapshot.displayRows.length === 0 ? measureSnapshot.rowHeight : 0
+        measureSnapshot.displayRows.length === 0 ? Math.max(measureSnapshot.rowHeight, DEFAULT_EMPTY_BODY_HEIGHT) : 0
       ),
       bottomFrozenHeight: measureSnapshot.bodyLayout.bottomFrozenHeight,
       summaryHeight: measureSnapshot.bodyLayout.summaryHeight
@@ -25655,9 +25810,7 @@ function assembleListTableCoreControllers(core, options) {
     draggingScrollbar: core.draggingScrollbar != null,
     continuousScrollActive: core.eventController.isContinuousScrollActive(),
     hover: core.storeFacade.hover,
-    scrollbarActiveUntil: core.animationController.getScrollbarActiveUntil(),
-    now: Date.now()
-  });
+    scrollbarActiveUntil: core.animationController.getScrollbarActiveUntil()});
   const applyRenderResult = (result) => {
     applyListTableRenderPassResult({
       didRender: result.didRender,
@@ -25963,6 +26116,7 @@ function assembleListTableCoreControllers(core, options) {
       }
     },
     isEditing: () => core.editingController.getSession() != null,
+    resetSummaryValues: () => core.summaryController.reset(),
     requestRender: () => render()
   });
   core.contentActionController = new ListTableContentActionController({
@@ -25991,6 +26145,7 @@ function assembleListTableCoreControllers(core, options) {
     domHost: core.domHost,
     canvasHost: core.canvasHost,
     refreshRuntimeColumns,
+    resetSummaryValues: () => core.summaryController.reset(),
     requestRender: () => render()
   });
   core.carouselController = new ListTableCarouselController({
@@ -26453,6 +26608,14 @@ var ListTableCore = class {
   resetFilter() {
     this.headerActionController.resetFilters();
   }
+  /**
+   * 设置内置表格密度。
+   */
+  changeDensity(density) {
+    this.headerActionController.changeTableDensity(
+      density === 32 ? "compact" : density === 56 ? "comfortable" : "middle"
+    );
+  }
   /**
    * 销毁实例。
    */
@@ -26575,6 +26738,12 @@ var ListTable = class {
   resetFilter() {
     this.core?.resetFilter();
   }
+  /**
+   * 设置并持久化内置表格密度。
+   */
+  changeDensity(density) {
+    this.core?.changeDensity(density);
+  }
   /**
    * 销毁实例。
    */