niuma-ui 1.0.0 → 1.0.2

package/src/components/table/rs-table-props.ts

@@ -0,0 +1,274 @@
+/**
+ * RsTable 公开 props / emits / 默认值（从 SFC 抽出，削薄编排层）。
+ */
+
+import type { RsContextMenuItem } from '../context-menu-utils'
+import type {
+  RsTableColumn,
+  RsTableGroupBy,
+  RsTableRowData,
+  RsTableRowDropPosition,
+  RsTableRowKey,
+  RsTableSelectionType,
+  RsTableSize,
+  RsTableSortState,
+  RsTableTreeConfig,
+} from '../table-utils'
+import type { RsTableRowDragTrigger, RsTableRowDropMode } from '../table-drag'
+import type { RsTableCellEditFocusMode } from './table-edit-utils'
+import type { RsTableFeature } from './table-features'
+import type { RsTableSummaryData, RsTableSummaryMode } from './table-summary-utils'
+
+/** RsTable 组件 props */
+export interface RsTableProps<T extends RsTableRowData = RsTableRowData> {
+  columns: RsTableColumn<T>[]
+  data: T[]
+  rowKey?: RsTableRowKey<T>
+  loading?: boolean
+  bordered?: boolean
+  columnBordered?: boolean
+  /** 外容器圆角；嵌套在已有圆角/直角父级时可设为 false */
+  rounded?: boolean
+  /** 填充父级高度：表格自身成为受限滚动容器 */
+  fill?: boolean
+  compact?: boolean
+  size?: RsTableSize
+  scrollX?: number | string
+  selectable?: boolean
+  selectionType?: RsTableSelectionType
+  selectedRowKeys?: string[]
+  defaultSelectedRowKeys?: string[]
+  rowSelectable?: (row: T, index: number) => boolean
+  expandable?: boolean
+  expandedRowKeys?: string[]
+  defaultExpandedRowKeys?: string[]
+  rowExpandable?: (row: T, index: number) => boolean
+  expandRowHeight?: number
+  /**
+   * 树形表格：按 children 展平可见行，在指定列缩进展开。
+   * 与 `expandable`（明细行）/ `groupBy` 互斥。
+   */
+  treeConfig?: RsTableTreeConfig<T>
+  striped?: boolean
+  showIndex?: boolean
+  /** 行号列宽度（px，showIndex 且未显示 edit gutter 时生效） */
+  indexWidth?: number
+  showHeader?: boolean
+  remoteSort?: boolean
+  filterText?: string
+  filterKeys?: string[]
+  columnFilters?: Record<string, string>
+  defaultColumnFilters?: Record<string, string>
+  groupBy?: RsTableGroupBy<T>
+  groupLabel?: (key: string) => string
+  sort?: RsTableSortState | null
+  defaultSort?: RsTableSortState | null
+  multiSort?: boolean
+  maxSort?: number
+  sorts?: RsTableSortState[]
+  defaultSorts?: RsTableSortState[]
+  columnDraggable?: boolean
+  columnOrder?: string[]
+  defaultColumnOrder?: string[]
+  rowDraggable?: boolean
+  rowDragTrigger?: RsTableRowDragTrigger
+  rowDropMode?: RsTableRowDropMode
+  rowDraggableWhen?: (row: T, index: number) => boolean
+  rowDropTargetWhen?: (row: T, index: number) => boolean
+  canRowDrop?: (dragKeys: string[], dropKey: string) => boolean
+  virtual?: boolean
+  /** fill 模式下数据行数达到该阈值时自动启用虚拟滚动；0 表示禁用自动启用 */
+  virtualAutoThreshold?: number
+  /**
+   * 列虚拟化：仅渲染横向可视区附近的数据列。
+   * true 强制开；false 强制关；默认 `'auto'` 由 virtualColumnsAutoThreshold 判定。
+   */
+  virtualColumns?: boolean | 'auto'
+  /** 数据列数达到该阈值时自动列虚拟化；0 表示禁用自动。默认 40 */
+  virtualColumnsAutoThreshold?: number
+  virtualColumnOverscan?: number
+  height?: number | string
+  rowHeight?: number
+  overscan?: number
+  infinite?: boolean
+  hasMore?: boolean
+  loadingMore?: boolean
+  infiniteDistance?: number
+  virtualOnInfinite?: boolean
+  resizable?: boolean
+  columnLayout?: 'auto' | 'fixed'
+  initialColumnWidths?: Record<string, number>
+  minColumnWidth?: number
+  maxColumnWidth?: number
+  selectOnContextmenu?: boolean
+  contextMenuItems?: (row: T | null, selectedRows: T[]) => RsContextMenuItem[]
+  contextMenu?: boolean
+  cellTooltip?: boolean
+  cellTooltipDelay?: number
+  headerTooltip?: boolean
+  editable?: boolean
+  editTrigger?: 'click' | 'dblclick'
+  editGutter?: boolean
+  editGutterWidth?: number
+  highlightRow?: boolean
+  highlightedRowKey?: string
+  defaultHighlightedRowKey?: string
+  highlightRowOnClick?: boolean
+  rowCommit?: boolean
+  rowPending?: (row: T, index: number) => boolean
+  showRowStatus?: boolean
+  allowNull?: boolean
+  nullLabel?: string
+  editFocusMode?: RsTableCellEditFocusMode
+  editKeyboard?: boolean
+  editUndo?: boolean
+  editUndoLimit?: number
+  editPaste?: boolean
+  editBatch?: boolean
+  summaryMode?: RsTableSummaryMode
+  summaryData?: RsTableSummaryData | null
+  showSummary?: boolean
+  features?: RsTableFeature<T>[]
+  viewKey?: string | number
+  layoutActive?: boolean
+  /** 无障碍名称；未传时回退 i18n `table.a11yLabel` */
+  ariaLabel?: string
+}
+
+/** RsTable 组件 emits（defineEmits 类型） */
+export type RsTableEmits<T extends RsTableRowData = RsTableRowData> = {
+  rowClick: [row: T, index: number]
+  rowDblclick: [row: T, index: number]
+  cellView: [row: T, column: RsTableColumn<T>, index: number]
+  rowContextmenu: [row: T, index: number, event: MouseEvent]
+  contextMenuSelect: [key: string, row: T | null, selectedRows: T[]]
+  'update:sort': [value: RsTableSortState | null]
+  'update:sorts': [value: RsTableSortState[]]
+  sortsChange: [value: RsTableSortState[]]
+  'update:columnOrder': [value: string[]]
+  columnOrderChange: [value: string[]]
+  'update:columnFilters': [value: Record<string, string>]
+  columnFiltersChange: [value: Record<string, string>]
+  rowDrop: [dragKeys: string[], dropKey: string, position: RsTableRowDropPosition]
+  rowDragStart: [dragKeys: string[], event: DragEvent]
+  'update:selectedRowKeys': [keys: string[]]
+  'update:expandedRowKeys': [keys: string[]]
+  selectionChange: [keys: string[]]
+  expandChange: [keys: string[]]
+  loadMore: []
+  columnResize: [key: string, width: number]
+  'update:highlightedRowKey': [key: string | undefined]
+  highlightChange: [key: string | undefined]
+  cellEditStart: [row: T, column: RsTableColumn<T>, index: number]
+  cellEditDialog: [row: T, column: RsTableColumn<T>, index: number, draft: string]
+  cellEditCommit: [
+    row: T,
+    column: RsTableColumn<T>,
+    index: number,
+    value: unknown,
+    previous: unknown,
+  ]
+  cellEditCancel: [row: T, column: RsTableColumn<T>, index: number]
+  cellEditInvalid: [
+    row: T,
+    column: RsTableColumn<T>,
+    index: number,
+    message: string,
+    value: unknown,
+  ]
+  cellEditBatchCommit: [
+    column: RsTableColumn<T>,
+    changes: Array<{ row: T; index: number; value: unknown; previous: unknown }>,
+  ]
+  cellEditUndo: [
+    entry: {
+      items: Array<{
+        rowKey: string
+        colKey: string
+        rowIndex: number
+        previous: unknown
+        next: unknown
+      }>
+    },
+  ]
+  cellEditRedo: [
+    entry: {
+      items: Array<{
+        rowKey: string
+        colKey: string
+        rowIndex: number
+        previous: unknown
+        next: unknown
+      }>
+    },
+  ]
+  cellEditReject: [row: T, index: number, reason?: string]
+  rowEditCommit: [
+    row: T,
+    index: number,
+    changes: Array<{ colKey: string; value: unknown; previous: unknown }>,
+  ]
+  rowEditRollback: [row: T, index: number]
+}
+
+/** withDefaults 第二参（工厂默认用函数） */
+export const RS_TABLE_PROP_DEFAULTS = {
+  loading: false,
+  bordered: true,
+  columnBordered: false,
+  rounded: false,
+  fill: false,
+  compact: false,
+  size: 'md' as const,
+  selectable: false,
+  selectionType: 'checkbox' as const,
+  expandable: false,
+  defaultExpandedRowKeys: () => [] as string[],
+  striped: false,
+  showIndex: false,
+  indexWidth: 48,
+  showHeader: true,
+  remoteSort: false,
+  defaultSelectedRowKeys: () => [] as string[],
+  defaultSorts: () => [] as RsTableSortState[],
+  defaultColumnOrder: () => [] as string[],
+  multiSort: false,
+  maxSort: 3,
+  columnDraggable: false,
+  rowDraggable: false,
+  rowDragTrigger: 'handle' as const,
+  rowDropMode: 'reorder' as const,
+  overscan: 4,
+  virtualColumnOverscan: 2,
+  infiniteDistance: 80,
+  virtualOnInfinite: true,
+  virtualAutoThreshold: 50,
+  virtualColumns: 'auto' as const,
+  virtualColumnsAutoThreshold: 40,
+  resizable: false,
+  columnLayout: 'auto' as const,
+  minColumnWidth: 48,
+  maxColumnWidth: 640,
+  cellTooltip: true,
+  cellTooltipDelay: 300,
+  headerTooltip: true,
+  editable: false,
+  editTrigger: 'dblclick' as const,
+  editGutter: true,
+  editGutterWidth: 32,
+  highlightRow: false,
+  highlightRowOnClick: true,
+  rowCommit: false,
+  showRowStatus: true,
+  allowNull: true,
+  nullLabel: '(NULL)',
+  editFocusMode: 'end' as const,
+  editKeyboard: true,
+  editUndo: true,
+  editUndoLimit: 50,
+  editPaste: true,
+  editBatch: true,
+  contextMenu: true,
+  summaryMode: 'client' as const,
+  showSummary: false,
+}

package/src/components/table/rs-table-view-context.ts

@@ -0,0 +1,258 @@
+/**
+ * RsTable 视图上下文（provide/inject）。
+ *
+ * 多表隔离（关键）：
+ * - 每个 RsTable 实例在自身 setup 内 provide，子树 inject 最近祖先
+ * - 同页多表互不影响：A 的 Header/Body 不会读到 B 的 view
+ * - 禁止把 view 存到模块级单例；instanceId 仅用于诊断
+ *
+ * 对比：RsTableModuleRegistry 是进程级全局（同 AG Grid ModuleRegistry），
+ * 会作用于所有实例；实例专属能力请用 props.features。
+ */
+
+import { inject, provide, type InjectionKey } from 'vue'
+import type { CSSProperties } from 'vue'
+import type {
+  RsTableColumn,
+  RsTableRowData,
+  RsTableRowDropPosition,
+  RsTableRowEntry,
+  RsTableRowKey,
+  RsTableSelectionType,
+} from '../table-utils'
+import type {
+  RsTableCellEditFocusMode,
+  RsTableCellEditTrigger,
+  RsTableCellNavigateDirection,
+} from './table-edit-utils'
+
+/** 每实例递增，仅诊断用，不参与业务逻辑 */
+let viewInstanceSeq = 0
+
+export const RS_TABLE_VIEW_KEY: InjectionKey<RsTableViewContext> = Symbol('rsTableView')
+
+/** 视图层内联样式（Vue CSSProperties 或普通字符串字典） */
+export type RsTableViewStyle = CSSProperties | Record<string, string> | undefined
+
+export type RsTableHeaderLabels = {
+  selectAll: string
+  index: string
+  rowStatus: string
+  dragColumn: string
+  filterColumn: string
+  filterPlaceholder: string
+  filterClear: string
+  filterApply: string
+}
+
+export type RsTableBodyLabels = {
+  loading: string
+  empty: string
+  loadingMore: string
+  dragRow: string
+  expandRow: string
+  collapseRow: string
+  selectRow: string
+  rowCommit: string
+  rowRollback: string
+  gutterCommit: string
+}
+
+type RowEntry<T extends RsTableRowData> = Extract<RsTableRowEntry<T>, { type: 'row' }>
+
+/**
+ * 视图只读状态 + 事件处理。
+ * 状态字段经 getter 暴露，子组件 render 访问时收集依赖；多表各自刷新、互不串扰。
+ */
+export interface RsTableViewContext<T extends RsTableRowData = RsTableRowData> {
+  readonly instanceId: string
+
+  readonly useFixedColumnLayout: boolean
+  readonly showRowDragHandle: boolean
+  readonly detailExpandable: boolean
+  readonly showSelectColumn: boolean
+  readonly showEditGutterColumn: boolean
+  readonly showIndexColumn: boolean
+  readonly showRowStatusColumn: boolean
+  readonly columnPadLeft: number
+  readonly columnPadRight: number
+  readonly visibleDataColumns: RsTableColumn<T>[]
+  readonly prefixWidths: { drag: number; expand: number; select: number; status: number }
+  readonly resolvedGutterWidth: number
+  readonly resolvedIndexWidth: number
+  resolvedDataColumnWidth: (key: string, fallback?: number | string) => number
+
+  readonly isRadioSelection: boolean
+  readonly selectAllState: 'checked' | 'indeterminate' | 'unchecked'
+  readonly columnDraggable: boolean
+  readonly resizable: boolean
+  readonly multiSort: boolean
+  readonly columnFiltersState: Record<string, string>
+  readonly dragColumnKey: string | null
+  readonly dropColumnKey: string | null
+  readonly dragLeadHeaderStyle: RsTableViewStyle
+  readonly expandLeadHeaderStyle: RsTableViewStyle
+  readonly selectLeadHeaderStyle: RsTableViewStyle
+  readonly gutterLeadHeaderStyle: RsTableViewStyle
+  readonly indexLeadHeaderStyle: RsTableViewStyle
+  readonly columnHeaderStyleMap: Map<string, Record<string, string> | undefined>
+  readonly headerLabels: RsTableHeaderLabels
+  columnFilterValue: (key: string) => string
+  isColumnFilterActive: (filters: Record<string, string>, key: string) => boolean
+  sortOrderFor: (key: string) => string | null | undefined
+  sortPriorityFor: (key: string) => number
+  sortIconName: (key: string) => string
+  onToggleSelectAll: () => void
+  onColumnDragOver: (key: string, event: DragEvent) => void
+  onColumnDrop: (key: string, event: DragEvent) => void
+  onColumnDragStart: (key: string, event: DragEvent) => void
+  onColumnDragEnd: () => void
+  updateColumnFilter: (key: string, value: string) => void
+  onHeaderClick: (column: RsTableColumn<T>) => void
+  onResizeStart: (key: string, event: MouseEvent) => void
+  onHeaderPointerOver: (event: PointerEvent) => void
+  onHeaderPointerOut: (event: PointerEvent) => void
+
+  readonly loading: boolean
+  readonly hasData: boolean
+  readonly loadingMore: boolean
+  readonly infinite: boolean
+  readonly bodyColspan: number
+  readonly emptyContentStyle: RsTableViewStyle
+  readonly virtualScrollEnabled: boolean
+  readonly virtualSlice: { paddingTop: number; paddingBottom: number }
+  readonly visibleEntries: RsTableRowEntry<T>[]
+  readonly rowKey: RsTableRowKey<T> | undefined
+  readonly treeMode: boolean
+  readonly treeIndentPx: number
+  readonly treeExpandColumnKey: string | null
+  readonly treeLoadingKeySet: Set<string>
+  readonly striped: boolean
+  readonly selectionType: RsTableSelectionType
+  readonly editable: boolean
+  readonly editTrigger: RsTableCellEditTrigger
+  readonly rowCommit: boolean
+  readonly allowNull: boolean
+  readonly editFocusMode: RsTableCellEditFocusMode
+  readonly nullLabel: string
+  readonly dragLeadStyle: Record<string, string>
+  readonly expandLeadStyle: Record<string, string>
+  readonly selectLeadStyle: Record<string, string>
+  readonly indexLeadStyle: Record<string, string>
+  readonly gutterLeadStyle: Record<string, string>
+  readonly columnTdClassMap: Map<string, string[]>
+  readonly columnStyleMap: Map<string, Record<string, string> | undefined>
+  readonly dragRowKeys: string[]
+  readonly dropRowTargetKey: string | null
+  readonly dropRowPosition: RsTableRowDropPosition | null
+  readonly activeEditCellKey: string
+  readonly activeFocusCellKey: string
+  readonly activeErrorMapSize: number
+  readonly activeValidatingMapSize: number
+  readonly stagedMapSize: number
+  readonly editingDraft: string
+  readonly editingCell: { rowKey: string; colKey: string } | null
+  readonly focusCell: { rowKey: string; colKey: string } | null
+  readonly bodyLabels: RsTableBodyLabels
+  rowKeyFor: (entry: RowEntry<T>) => string
+  isRowSelected: (entry: RowEntry<T>) => boolean
+  isRowIndeterminate: (entry: RowEntry<T>) => boolean
+  isRowExpanded: (entry: RowEntry<T>) => boolean
+  isHighlighted: (rowKey: string) => boolean
+  rowEditPending: (entry: RowEntry<T>) => boolean
+  isExternalRowPending: (entry: RowEntry<T>) => boolean
+  treeDepthOf: (entry: RowEntry<T>) => number
+  canExpandRow: (entry: RowEntry<T>) => boolean
+  canSelectRow: (entry: RowEntry<T>) => boolean
+  isRowDragByRow: (entry: RowEntry<T>) => boolean
+  isRowDragging: (entry: RowEntry<T>) => boolean
+  isRowDropTarget: (entry: RowEntry<T>) => boolean
+  isRowDirty: (rowKey: string) => boolean
+  hasColumnSlot: (key: string) => boolean
+  hasEditSlot: (key: string) => boolean
+  cellTooltipEnabled: (column: RsTableColumn<T>, rowIndex: number) => boolean
+  cellTooltipMode: (column: RsTableColumn<T>, rowIndex: number) => string | undefined
+  cellTooltipText: (column: RsTableColumn<T>, row: T, rowIndex: number) => string | undefined
+  cellTooltipFallbackTitle: (column: RsTableColumn<T>, row: T, rowIndex: number) => string | undefined
+  getCellDraft: (rowKey: string, colKey: string) => string | undefined
+  isCellDirty: (rowKey: string, colKey: string) => boolean
+  getCellError: (rowKey: string, colKey: string) => string | undefined
+  isCellValidating: (rowKey: string, colKey: string) => boolean
+  onBodyPointerOver: (event: PointerEvent) => void
+  onBodyPointerOut: (event: PointerEvent) => void
+  onRowClick: (entry: RowEntry<T>, event: MouseEvent) => void
+  onRowSelectMouseDown: (event: MouseEvent) => void
+  onCellClick: (entry: RowEntry<T>, colKey: string, event: MouseEvent) => void
+  onCellDblclick: (entry: RowEntry<T>, colKey: string, event: MouseEvent) => void
+  onCellContextmenu: (entry: RowEntry<T>, colKey: string, event: MouseEvent) => void
+  onRowDblclick: (entry: RowEntry<T>, event: MouseEvent) => void
+  onRowContextmenu: (entry: RowEntry<T>, event: MouseEvent) => void
+  onRowDragOver: (entry: RowEntry<T>, event: DragEvent) => void
+  onRowDragLeave: (event: DragEvent) => void
+  onRowDrop: (entry: RowEntry<T>, event: DragEvent) => void
+  onRowDragStart: (entry: RowEntry<T>, event: DragEvent) => void
+  onRowDragEnd: () => void
+  onToggleExpand: (entry: RowEntry<T>) => void
+  onToggleSelect: (entry: RowEntry<T>) => void
+  onCellStartEdit: (entry: RowEntry<T>, colKey: string) => void
+  onCellCommit: (entry: RowEntry<T>, colKey: string, value: string) => void
+  onCellCancel: (entry: RowEntry<T>, colKey: string) => void
+  onCellUpdateDraft: (entry: RowEntry<T>, colKey: string, value: string) => void
+  onCellNavigate: (
+    entry: RowEntry<T>,
+    colKey: string,
+    direction: RsTableCellNavigateDirection,
+  ) => void
+  onRowCommit: (entry: RowEntry<T>) => void
+  onRowRollback: (entry: RowEntry<T>) => void
+  onGutterCommit: (entry: RowEntry<T>) => void
+}
+
+/**
+ * 显式区分 state getters 与 handlers，避免把零参 handler 误当成状态 getter。
+ */
+export function createRsTableViewContext<T extends RsTableRowData>(parts: {
+  state: { [K in keyof RsTableViewContext<T>]?: () => RsTableViewContext<T>[K] }
+  handlers: { [K in keyof RsTableViewContext<T>]?: RsTableViewContext<T>[K] }
+}): RsTableViewContext<T> {
+  const instanceId = `rs-table-view-${++viewInstanceSeq}`
+  const ctx: Record<string, unknown> = { instanceId }
+  for (const [key, getter] of Object.entries(parts.state)) {
+    if (!getter) continue
+    Object.defineProperty(ctx, key, {
+      enumerable: true,
+      configurable: true,
+      get: getter as () => unknown,
+    })
+  }
+  for (const [key, fn] of Object.entries(parts.handlers)) {
+    if (fn !== undefined) ctx[key] = fn
+  }
+  return ctx as unknown as RsTableViewContext<T>
+}
+
+/** 在 RsTable 内 provide（每个实例调用一次） */
+export function provideRsTableView<T extends RsTableRowData>(ctx: RsTableViewContext<T>): void {
+  // 与 useRsTableView 对称：泛型 T 与默认 object 行类型在函数/数组位不重叠，经 unknown 擦除
+  provide(RS_TABLE_VIEW_KEY, ctx as unknown as RsTableViewContext)
+}
+
+/**
+ * 子视图 inject；必须在某个 RsTable 子树内。
+ * 多表场景下自动绑定到最近的表格实例。
+ */
+export function useRsTableView<T extends RsTableRowData = RsTableRowData>(): RsTableViewContext<T> {
+  const ctx = inject(RS_TABLE_VIEW_KEY, null)
+  if (!ctx) {
+    throw new Error(
+      '[RsTable] useRsTableView() 必须在 RsTable 子树内调用（每表独立 provide，多表互不串扰）',
+    )
+  }
+  // InjectionKey 无泛型实参；经 unknown 收窄到调用方 T（实例隔离由 provide 树保证）
+  return ctx as unknown as RsTableViewContext<T>
+}
+
+/** 测试用：重置 instance 序号 */
+export function resetRsTableViewInstanceSeqForTest(): void {
+  viewInstanceSeq = 0
+}

package/src/components/table/rs-table.css

@@ -130,6 +130,18 @@
   font-size: var(--rs-table-cell-size, var(--rs-font-size-xs));
   font-weight: var(--rs-table-cell-weight, 400);
 }
+/* showHeader=false：保留 th 供 AT / 静态表头规则，视觉隐藏 */
+.rs-table__head--sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
 .rs-table__th,
 .rs-table__td {
   padding: var(--rs-space-sm) var(--rs-space-md);
@@ -295,6 +307,35 @@
 .rs-table__expand-btn--expanded {
   transform: rotate(90deg);
 }
+.rs-table__tree-cell {
+  display: flex;
+  align-items: center;
+  gap: 0.125rem;
+  min-width: 0;
+  width: 100%;
+}
+.rs-table__tree-toggle {
+  flex: 0 0 auto;
+}
+.rs-table__tree-toggle--loading {
+  opacity: 0.5;
+  cursor: wait;
+}
+.rs-table__tree-leaf {
+  display: inline-flex;
+  flex: 0 0 auto;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.rs-table__tree-content {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  flex: 1 1 auto;
+}
+.rs-table__td--tree {
+  overflow: hidden;
+}
 .rs-table__expand-row {
   background: var(--rs-table-expand-bg);
 }
@@ -312,6 +353,26 @@
   color: var(--rs-table-muted-fg);
   font-weight: var(--rs-table-header-weight);
 }
+.rs-table__summary-row .rs-table__summary-cell {
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  color: var(--rs-table-muted-fg);
+  font-weight: var(--rs-table-header-weight);
+  background: var(--rs-table-footer-bg);
+  border-top: 1px solid var(--rs-table-border, var(--rs-border));
+  white-space: nowrap;
+}
+.rs-table__summary-cell--left {
+  text-align: left;
+}
+.rs-table__summary-cell--center {
+  text-align: center;
+}
+.rs-table__summary-cell--right {
+  text-align: right;
+}
+.rs-table__summary-cell--pad {
+  padding: 0;
+}
 .rs-table__checkbox-box--radio {
   border-radius: 999px;
 }
@@ -470,16 +531,21 @@
 }
 .rs-table__th--selection,
 .rs-table__td--selection {
-  width: 40px;
-  padding-inline: var(--rs-space-sm);
+  /* 与序号列一样锁死宽度，避免 table-layout:auto + width:100% 时被分到多余空白 */
+  width: var(--rs-table-select-width, 40px);
+  min-width: var(--rs-table-select-width, 40px);
+  max-width: var(--rs-table-select-width, 40px);
+  padding-inline: 0;
+  box-sizing: border-box;
   text-align: center;
   vertical-align: middle;
 }
 .rs-table__th--index,
 .rs-table__td--index {
-  width: var(--rs-table-index-width, 56px);
-  min-width: var(--rs-table-index-width, 56px);
-  max-width: var(--rs-table-index-width, 56px);
+  width: var(--rs-table-index-width, 48px);
+  min-width: var(--rs-table-index-width, 48px);
+  max-width: var(--rs-table-index-width, 48px);
+  padding-inline: 0;
   box-sizing: border-box;
   color: var(--rs-table-muted-fg);
 }
@@ -729,10 +795,19 @@
   text-align: right;
 }
 .rs-table__empty {
-  padding: var(--rs-space-xl);
+  padding: 0;
   color: var(--rs-table-muted-fg);
   text-align: center;
 }
+/* 宽表时 td 远大于视口；内层 sticky + 视口宽度，保证空态落在可见区域中心 */
+.rs-table__empty-content {
+  position: sticky;
+  left: 0;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: var(--rs-space-xl);
+  text-align: center;
+}
 .rs-table:has(> .rs-table__table > tbody > tr:only-child > .rs-table__empty) .rs-table__empty {
   height: 100%;
   vertical-align: middle;
@@ -740,6 +815,9 @@
 .rs-table__empty--more {
   padding: var(--rs-space-md);
 }
+.rs-table__empty--more .rs-table__empty-content {
+  padding: var(--rs-space-md);
+}
 .rs-table__sort--active {
   color: var(--rs-table-sort-active-fg);
 }