niuma-ui 1.0.0

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

@@ -0,0 +1,1141 @@
+.rs-table-shell {
+  width: 100%;
+  min-width: 0;
+}
+/* fill 模式：shell 撑满父级高度，内层 .rs-table 成为唯一受限滚动容器，
+   横向滚动条随之固定在可视区底部，纵向滚动内置且不再依赖外层包裹元素 */
+.rs-table-shell--fill {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+}
+.rs-table--fill {
+  flex: 1 1 auto;
+  align-self: stretch;
+  min-height: 0;
+  /* 成为唯一纵向滚动视口，保证 thead sticky 相对本容器生效 */
+  max-height: 100%;
+}
+.rs-table-shell--ctx {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: inherit;
+  height: 100%;
+  width: 100%;
+}
+/* 空白区域命中层（伪元素替代额外 DOM 节点） */
+.rs-table-shell--ctx::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+}
+.rs-table-shell--ctx > .rs-table {
+  position: relative;
+  z-index: 1;
+}
+.rs-table {
+  width: 100%;
+  min-width: 0;
+  /* 默认不开启横向滚动：避免纵向条出现后把 width:100% 表「挤」出多余横向条。
+     仅在列宽确需超出容器时再加 .rs-table--overflow-x */
+  overflow-x: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  background: var(--rs-table-bg);
+}
+.rs-table--overflow-x {
+  overflow-x: auto;
+}
+.rs-table--rounded {
+  border-radius: var(--rs-table-radius);
+}
+/* 非虚拟滚动的大表：跳过视口外行绘制，减轻纵向滚动卡顿 */
+.rs-table--content-visibility .rs-table__row {
+  content-visibility: auto;
+  contain-intrinsic-size: auto 36px;
+}
+/* 有表头时容器与 sticky header 同色，消除右侧滚动条轨道与表头的色差 */
+.rs-table:has(.rs-table__head) {
+  background: var(--rs-table-bg-header);
+}
+.rs-table:has(.rs-table__head) .rs-table__table > tbody {
+  background: var(--rs-table-body-bg);
+}
+/* 空态 / 加载占位：tbody 仅一行，表体高度不够撑满视口时，容器若仍用表头灰底
+   会在空行下方露出第二层色差。改用表体底色，并让空行占满剩余高度。 */
+.rs-table:has(> .rs-table__table > tbody > tr:only-child > .rs-table__empty) {
+  background: var(--rs-table-body-bg);
+}
+.rs-table:has(> .rs-table__table > tbody > tr:only-child > .rs-table__empty) .rs-table__table {
+  height: 100%;
+}
+.rs-table:has(> .rs-table__table > tbody > tr:only-child > .rs-table__empty)
+  .rs-table__table
+  > tbody
+  > tr:only-child {
+  height: 100%;
+}
+/* 内置右键：shell 撑满 + 内层 table 区域自行滚动，无需外层 RsScrollbar */
+.rs-table-shell--ctx > .rs-table.rs-table--ctx {
+  flex: 1 1 auto;
+  min-height: 0;
+  /* 继承 .rs-table 的 overflow-x/y 策略，勿再写成 overflow:auto 覆盖 */
+}
+.rs-table-shell--ctx > .rs-table.rs-table--ctx:has(.rs-table__head) {
+  background: var(--rs-table-bg-header);
+}
+.rs-table-shell--ctx > .rs-table.rs-table--ctx:has(.rs-table__head) .rs-table__table > tbody {
+  background: var(--rs-table-body-bg);
+}
+.rs-table-shell--ctx
+  > .rs-table.rs-table--ctx:has(> .rs-table__table > tbody > tr:only-child > .rs-table__empty) {
+  background: var(--rs-table-body-bg);
+}
+.rs-table-shell--ctx > .rs-table.rs-table--ctx:not(:has(.rs-table__head)) {
+  background: transparent;
+}
+.rs-table--virtual {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.rs-table--virtual.rs-table--overflow-x {
+  overflow-x: auto;
+}
+.rs-table--virtual-cols {
+  overflow-x: auto;
+}
+.rs-table__col-pad {
+  padding: 0 !important;
+  border: 0 !important;
+  background: transparent !important;
+  pointer-events: none;
+}
+.rs-table--bordered {
+  border: 1px solid var(--rs-table-border);
+}
+.rs-table--column-bordered .rs-table__th:not(:last-child),
+.rs-table--column-bordered .rs-table__td:not(:last-child) {
+  border-right: 1px solid var(--rs-table-cell-divider);
+}
+.rs-table__table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  color: var(--rs-table-fg);
+  font-size: var(--rs-table-cell-size, var(--rs-font-size-xs));
+  font-weight: var(--rs-table-cell-weight, 400);
+}
+.rs-table__th,
+.rs-table__td {
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  border-bottom: 1px solid var(--rs-table-cell-divider);
+  white-space: nowrap;
+}
+.rs-table__td {
+  font-size: var(--rs-table-cell-size, var(--rs-font-size-xs));
+  font-weight: var(--rs-table-cell-weight, 400);
+}
+.rs-table--compact .rs-table__th,
+.rs-table--compact .rs-table__td,
+.rs-table--sm .rs-table__th,
+.rs-table--sm .rs-table__td {
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+}
+.rs-table--sm .rs-table__table {
+  font-size: var(--rs-table-cell-size, var(--rs-font-size-xs));
+}
+.rs-table--lg .rs-table__th,
+.rs-table--lg .rs-table__td {
+  padding: var(--rs-space-md) var(--rs-space-lg);
+  font-size: var(--rs-font-size-sm);
+}
+.rs-table--lg .rs-table__table {
+  font-size: var(--rs-font-size-sm);
+}
+.rs-table__th {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+  background: var(--rs-table-header-bg);
+  color: var(--rs-table-header-fg);
+  font-size: var(--rs-table-header-size, var(--rs-font-size-xs));
+  font-weight: var(--rs-table-header-weight);
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.rs-table__th-label {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+}
+.rs-table__th-label--tip {
+  cursor: default;
+}
+.rs-table__shared-tip--header {
+  white-space: pre-line;
+  font-family: var(--rs-font-mono);
+  max-width: min(24rem, 90vw);
+}
+.rs-table__th.rs-table__cell--fixed,
+.rs-table__th.rs-table__th--drag,
+.rs-table__th.rs-table__th--expand,
+.rs-table__th.rs-table__th--selection,
+.rs-table__th.rs-table__th--index,
+.rs-table__th.rs-table__th--gutter {
+  z-index: 4;
+}
+/* 行级底色变量：所有 body 单元格统一继承，避免斑马纹与前缀列断裂 */
+.rs-table__row {
+  --rs-table-row-bg: var(--rs-table-body-bg);
+}
+.rs-table__row .rs-table__td,
+.rs-table__row .rs-table__cell--fixed {
+  background-color: var(--rs-table-row-bg);
+}
+.rs-table--scroll-x .rs-table__table {
+  width: max-content;
+}
+.rs-table__th--expand,
+.rs-table__td--expand {
+  width: 40px;
+  padding-inline: var(--rs-space-xs);
+  text-align: center;
+}
+.rs-table__th--drag,
+.rs-table__td--drag {
+  width: 40px;
+  padding-inline: 0;
+  text-align: center;
+  vertical-align: middle;
+}
+.rs-table__column-drag-handle,
+.rs-table__row-drag-handle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--rs-table-muted-fg);
+  cursor: default;
+  user-select: none;
+  opacity: 0.5;
+}
+/* 六点 grip（Ant Holder / Notion 同款），纯 CSS，无图标组件 */
+.rs-table__column-drag-handle::before,
+.rs-table__row-drag-handle::before {
+  content: '';
+  width: 6px;
+  height: 10px;
+  background-image: radial-gradient(circle, currentColor 1px, transparent 1.15px);
+  background-size: 3px 3.333px;
+  background-repeat: repeat;
+}
+.rs-table__th--dragging {
+  opacity: 0.55;
+}
+.rs-table__th--drop-target {
+  box-shadow: inset 2px 0 0 var(--rs-table-drop-indicator);
+}
+.rs-table__row--dragging > .rs-table__td {
+  opacity: 0.42;
+}
+.rs-table__row--drop-before {
+  box-shadow: inset 0 2px 0 var(--rs-table-drop-indicator);
+}
+.rs-table__row--drop-after {
+  box-shadow: inset 0 -2px 0 var(--rs-table-drop-indicator);
+}
+.rs-table__row--drop-into {
+  --rs-table-row-bg: color-mix(in srgb, var(--rs-primary) 14%, var(--rs-table-row-bg, transparent));
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--rs-primary) 45%, transparent);
+}
+.rs-table__row--draggable,
+.rs-table__td--row-draggable {
+  cursor: default;
+  user-select: none;
+}
+.rs-table__drag-preview {
+  padding: 0.25rem 0.5rem;
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius-xs);
+  background: var(--rs-surface-elevated, var(--rs-surface));
+  color: var(--rs-text);
+  box-shadow: var(--rs-shadow-sm);
+  font-size: var(--rs-font-size-xs);
+  font-variant-numeric: tabular-nums;
+  line-height: 1.2;
+  pointer-events: none;
+  white-space: nowrap;
+}
+.rs-table__sort-priority {
+  margin-left: 0.125rem;
+  font-size: 0.625rem;
+  color: var(--rs-table-muted-fg);
+}
+.rs-table__expand-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 0;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-table-muted-fg);
+  cursor: pointer;
+  transition: transform 0.15s ease;
+}
+.rs-table__expand-btn--expanded {
+  transform: rotate(90deg);
+}
+.rs-table__expand-row {
+  background: var(--rs-table-expand-bg);
+}
+.rs-table__expand-cell {
+  padding: var(--rs-space-sm) var(--rs-space-md) var(--rs-space-md);
+}
+.rs-table__foot {
+  position: sticky;
+  bottom: 0;
+  z-index: 2;
+  background: var(--rs-table-footer-bg);
+}
+.rs-table__summary {
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  color: var(--rs-table-muted-fg);
+  font-weight: var(--rs-table-header-weight);
+}
+.rs-table__checkbox-box--radio {
+  border-radius: 999px;
+}
+/* resizable + auto：列宽随内容/表头自适应，仅用户拖拽过的列写入显式 width */
+.rs-table--resizable.rs-table--col-auto .rs-table__table {
+  table-layout: auto;
+  width: 100%;
+}
+/* resizable + fixed：colgroup 精确锁定每列宽度；width:100% 让列少时拉满容器 */
+.rs-table--resizable.rs-table--col-fixed .rs-table__table {
+  table-layout: fixed;
+  width: 100%;
+}
+/* 勿把 resizable 表头改成 position:relative：会覆盖 .rs-table__th 的 sticky，
+   导致纵向滚动时表头跟正文一起滚走。sticky 本身已建立绝对定位包含块，拖拽把手可用。 */
+.rs-table__header-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.125rem;
+  margin-left: var(--rs-space-xs);
+  vertical-align: middle;
+  flex-shrink: 0;
+}
+.rs-table__filter {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.125rem;
+  height: 1.125rem;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--rs-table-muted-fg);
+  vertical-align: middle;
+  cursor: pointer;
+  border-radius: var(--rs-radius-xs);
+  transition: color 0.12s, background 0.12s;
+}
+.rs-table__filter:hover,
+.rs-table__filter--active {
+  color: var(--rs-table-sort-active-fg);
+}
+.rs-table__filter:hover {
+  background: var(--rs-surface-subtle);
+}
+.rs-table__filter--active {
+  color: var(--rs-primary);
+}
+.rs-table__sort {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.125rem;
+  min-width: 1.125rem;
+  height: 1.125rem;
+  margin-left: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--rs-table-muted-fg);
+  vertical-align: middle;
+  cursor: pointer;
+  border-radius: var(--rs-radius-xs);
+  transition: color 0.12s, background 0.12s;
+}
+.rs-table__sort:hover,
+.rs-table__sort--active {
+  color: var(--rs-table-sort-active-fg);
+}
+.rs-table__sort:hover {
+  background: var(--rs-surface-subtle);
+}
+.rs-table__row--striped:not(.rs-table__row--selected):not(.rs-table__row--highlighted) {
+  --rs-table-row-bg: var(--rs-table-row-stripe);
+}
+/* 行点选多选：禁止 Shift 划过时出现浏览器文字蓝选 */
+.rs-table--row-select .rs-table__row {
+  user-select: none;
+}
+.rs-table--row-select .rs-table__row :where(input, textarea, [contenteditable='true']) {
+  user-select: text;
+}
+.rs-table__row--selected {
+  --rs-table-row-bg: var(--rs-table-row-selected);
+  color: var(--rs-table-row-selected-fg);
+}
+.rs-table__row--selected .rs-table__td:first-child,
+.rs-table__row--selected .rs-table__cell--fixed:first-child {
+  box-shadow: inset 3px 0 0 var(--rs-table-row-selected-accent, var(--rs-primary));
+}
+.rs-table__row--selected .rs-table__td--gutter {
+  background: color-mix(in srgb, var(--rs-table-row-selected) 90%, var(--rs-table-gutter-bg));
+  color: var(--rs-table-row-selected-fg);
+  border-right-color: var(--rs-table-gutter-border);
+}
+.rs-table__row:hover:not(.rs-table__row--disabled):not(.rs-table__row--selected):not(.rs-table__row--highlighted) {
+  --rs-table-row-bg: var(--rs-table-row-hover);
+}
+.rs-table__row--selected:hover:not(.rs-table__row--disabled) {
+  --rs-table-row-bg: var(--rs-table-row-selected-hover, var(--rs-table-row-selected));
+}
+.rs-table__row--highlighted {
+  --rs-table-row-bg: var(--rs-table-row-highlight);
+  color: var(--rs-table-row-highlight-fg, var(--rs-table-fg));
+}
+.rs-table__row--highlighted .rs-table__td:first-child,
+.rs-table__row--highlighted .rs-table__cell--fixed:first-child {
+  box-shadow: inset 3px 0 0 var(--rs-table-row-highlight-accent);
+}
+.rs-table__row--highlighted .rs-table__td--gutter {
+  background: color-mix(in srgb, var(--rs-table-row-highlight) 90%, var(--rs-table-gutter-bg));
+  color: var(--rs-table-row-highlight-fg, var(--rs-table-muted-fg));
+  border-right-color: var(--rs-table-gutter-border);
+}
+.rs-table__row--highlighted:hover:not(.rs-table__row--disabled) {
+  --rs-table-row-bg: var(--rs-table-row-highlight-hover);
+}
+.rs-table__row--highlighted:hover:not(.rs-table__row--disabled) .rs-table__td--gutter {
+  background: color-mix(in srgb, var(--rs-table-row-highlight-hover) 90%, var(--rs-table-gutter-bg));
+}
+.rs-table__row--dirty:not(.rs-table__row--selected):not(.rs-table__row--highlighted) {
+  --rs-table-row-bg: color-mix(in srgb, var(--rs-warning, #f59e0b) 8%, var(--rs-table-row-bg, var(--rs-table-bg)));
+}
+.rs-table__td--editing {
+  padding: 0;
+  position: relative;
+  vertical-align: middle;
+  /* 编辑态：单元格外轮廓，避免输入框内部背景/下划线突变 */
+  z-index: 2;
+  outline: 1px solid var(--rs-primary);
+  outline-offset: -1px;
+  background: var(--rs-table-row-bg, var(--rs-table-body-bg));
+  box-shadow: none;
+}
+.rs-table__td--focused:not(.rs-table__td--editing) {
+  /* 与编辑态同为 1px，避免选中→编辑时轮廓粗细跳变 */
+  outline: 1px solid color-mix(in srgb, var(--rs-primary) 70%, transparent);
+  outline-offset: -1px;
+  z-index: 1;
+}
+.rs-table__td--invalid {
+  outline: 1px solid var(--rs-danger) !important;
+  outline-offset: -1px;
+  z-index: 2;
+}
+.rs-table__cell-tip--editing {
+  position: absolute;
+  inset: 0;
+  display: block;
+  min-width: 0;
+  height: 100%;
+}
+.rs-table__row--disabled {
+  opacity: 0.38;
+  cursor: not-allowed;
+}
+.rs-table__th--selection,
+.rs-table__td--selection {
+  width: 40px;
+  padding-inline: var(--rs-space-sm);
+  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);
+  box-sizing: border-box;
+  color: var(--rs-table-muted-fg);
+}
+.rs-table--edit-gutter .rs-table__th--gutter,
+.rs-table--edit-gutter .rs-table__td--gutter {
+  width: var(--rs-table-gutter-width, 32px);
+  min-width: var(--rs-table-gutter-width, 32px);
+  max-width: var(--rs-table-gutter-width, 32px);
+  padding-inline: 2px;
+  box-sizing: border-box;
+}
+.rs-table__th--gutter,
+.rs-table__td--gutter {
+  padding-inline: 2px;
+  text-align: center;
+  vertical-align: middle;
+  color: var(--rs-table-muted-fg);
+  background: var(--rs-table-gutter-bg);
+  border-right: 1px solid var(--rs-table-gutter-border);
+  user-select: none;
+}
+.rs-table__th--gutter {
+  position: sticky;
+  background: var(--rs-table-gutter-bg);
+}
+.rs-table__td--gutter {
+  background: color-mix(in srgb, var(--rs-border) 8%, var(--rs-table-row-bg, var(--rs-table-body-bg)));
+}
+.rs-table-edit-gutter {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 1.125rem;
+  min-height: 1.125rem;
+  max-height: 1.125rem;
+  line-height: 1;
+  flex-wrap: nowrap;
+  overflow: hidden;
+}
+.rs-table-edit-gutter__line {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  font-size: var(--rs-font-size-xs);
+  font-variant-numeric: tabular-nums;
+  color: var(--rs-table-muted-fg);
+}
+.rs-table-edit-gutter__line--hidden {
+  visibility: hidden;
+}
+.rs-table-edit-gutter__actions {
+  position: absolute;
+  inset: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1px;
+  flex-wrap: nowrap;
+}
+.rs-table-edit-gutter__commit {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 0.8125rem;
+  height: 0.8125rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-primary);
+  cursor: pointer;
+}
+.rs-table-edit-gutter__commit-hint {
+  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-edit-gutter__commit:hover {
+  background: color-mix(in srgb, var(--rs-primary) 12%, transparent);
+}
+.rs-table-edit-gutter__rollback {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 0.8125rem;
+  height: 0.8125rem;
+  padding: 0;
+  border: 0;
+  border-radius: var(--rs-radius-xs);
+  background: transparent;
+  color: var(--rs-table-muted-fg);
+  cursor: pointer;
+}
+.rs-table-edit-gutter__rollback:hover {
+  background: var(--rs-surface-hover);
+  color: var(--rs-text);
+}
+.rs-table__th--status,
+.rs-table__td--status {
+  width: 52px;
+  padding-inline: var(--rs-space-xs);
+  text-align: center;
+}
+.rs-table__td--ellipsis {
+  overflow: hidden;
+  max-width: 0;
+}
+.rs-table__ellipsis-text {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}
+/* 自定义 slot 内容也需受 ellipsis 容器约束，避免长文本撑破列宽 */
+.rs-table__ellipsis-text > * {
+  max-width: 100%;
+  min-width: 0;
+}
+.rs-table__shared-tip {
+  position: fixed;
+  z-index: var(--rs-z-tooltip);
+  width: max-content;
+  max-width: min(16rem, 90vw);
+  padding: 0.375rem 0.625rem;
+  border-radius: var(--rs-radius-sm);
+  border: 1px solid var(--rs-border);
+  background: var(--rs-surface-elevated);
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-tight);
+  box-shadow: var(--rs-shadow-sm);
+  overflow-wrap: break-word;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity var(--rs-transition-fast);
+}
+.rs-table__shared-tip--ready {
+  opacity: 1;
+}
+.rs-table__checkbox {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  line-height: 0;
+  cursor: pointer;
+}
+.rs-table__checkbox-input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.rs-table__checkbox-box {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius-xs, 4px);
+  background: var(--rs-table-checkbox-bg);
+  box-sizing: border-box;
+  overflow: hidden;
+}
+.rs-table__checkbox--checked .rs-table__checkbox-box,
+.rs-table__checkbox--indeterminate .rs-table__checkbox-box {
+  border-color: var(--rs-primary);
+  background: var(--rs-primary);
+}
+.rs-table__checkbox--checked .rs-table__checkbox-box::after {
+  content: '';
+  position: absolute;
+  top: 42%;
+  left: 50%;
+  width: 0.3rem;
+  height: 0.55rem;
+  border: solid var(--rs-on-primary, #fff);
+  border-width: 0 2px 2px 0;
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+.rs-table__checkbox--checked .rs-table__checkbox-box--radio::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0.35rem;
+  height: 0.35rem;
+  border: 0;
+  border-radius: 999px;
+  background: var(--rs-on-primary, #fff);
+  transform: translate(-50%, -50%);
+}
+.rs-table__checkbox--indeterminate .rs-table__checkbox-box::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0.5rem;
+  height: 2px;
+  background: var(--rs-on-primary, #fff);
+  border-radius: 1px;
+  transform: translate(-50%, -50%);
+}
+.rs-table__group-row {
+  background: var(--rs-table-group-bg);
+}
+.rs-table__group-cell {
+  padding: var(--rs-space-xs) var(--rs-space-md);
+  color: var(--rs-table-muted-fg);
+  font-size: var(--rs-font-size-xs);
+  font-weight: 600;
+}
+.rs-table__virtual-pad td {
+  padding: 0;
+  border: 0;
+  line-height: 0;
+}
+.rs-table__cell--left {
+  text-align: left;
+}
+.rs-table__cell--center {
+  text-align: center;
+}
+.rs-table__cell--right {
+  text-align: right;
+}
+.rs-table__empty {
+  padding: var(--rs-space-xl);
+  color: var(--rs-table-muted-fg);
+  text-align: center;
+}
+.rs-table:has(> .rs-table__table > tbody > tr:only-child > .rs-table__empty) .rs-table__empty {
+  height: 100%;
+  vertical-align: middle;
+}
+.rs-table__empty--more {
+  padding: var(--rs-space-md);
+}
+.rs-table__sort--active {
+  color: var(--rs-table-sort-active-fg);
+}
+.rs-table__resize-handle {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 7px;
+  height: 100%;
+  transform: translateX(50%);
+  cursor: col-resize;
+  touch-action: none;
+  z-index: 2;
+}
+/* 默认与列 border 重合，不额外绘制；悬浮时高亮为可拖拽分隔线 */
+.rs-table__resize-handle::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 1px;
+  transform: translateX(-50%);
+  border-radius: 0;
+  background: transparent;
+  opacity: 0;
+  transition: opacity 0.12s ease, background 0.12s ease;
+}
+.rs-table__resize-handle:hover::after,
+.rs-table__resize-handle:active::after {
+  opacity: 1;
+  background: var(--rs-table-resize-handle-hover);
+}
+/* column-bordered：平时由单元格 border-right 承担分隔线，悬浮时由 handle 接管高亮 */
+.rs-table--column-bordered .rs-table__th:has(> .rs-table__resize-handle:hover),
+.rs-table--column-bordered .rs-table__th:has(> .rs-table__resize-handle:active) {
+  border-right-color: transparent;
+}
+/* 滚动条交汇角与容器底色一致 */
+.rs-table.rs-native-scrollbar:has(.rs-table__head)::-webkit-scrollbar-corner {
+  background: var(--rs-table-scrollbar-corner);
+}
+/* 单元格展示/编辑（子组件 RsTableCell / RsTableCellEditor） */
+.rs-table__cell-body {
+  display: block;
+  min-width: 0;
+}
+.rs-table__cell-body--editable {
+  cursor: text;
+  /* 空单元格也要能点中双击进入编辑（注释 / 默认值等常为空） */
+  width: 100%;
+  min-height: 1.25em;
+  box-sizing: border-box;
+}
+.rs-table__td--data > span {
+  display: block;
+  width: 100%;
+  min-width: 0;
+}
+.rs-table__cell-body--readonly {
+  cursor: default;
+  color: var(--rs-muted);
+}
+.rs-table__cell-body--dirty {
+  color: var(--rs-primary);
+}
+.rs-table__cell-body--null {
+  color: var(--rs-muted);
+  font-style: italic;
+}
+.rs-table__cell-body--invalid {
+  color: var(--rs-danger);
+}
+.rs-table__cell-body--focused {
+  background: color-mix(in srgb, var(--rs-primary) 6%, transparent);
+}
+.rs-table-cell-editor {
+  display: block;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+.rs-table-cell-editor--inline {
+  display: block;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+/*
+ * 单元格内编辑器：完全贴合单元格，去掉 RsInput/RsSelect 默认边框、
+ * 控件高度、主色底与 inset 下划线，避免进入编辑态时背景/下划线突变。
+ * 使用更高优先级覆盖 scoped 组件样式。
+ */
+.rs-table-cell-editor--inline > .rs-field {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+.rs-table-cell-editor--inline .rs-input-field {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+.rs-table-cell-editor--inline .rs-input-group,
+.rs-table-cell-editor--inline .rs-input-group.rs-input-group--sm,
+.rs-table-cell-editor--inline .rs-input-group.rs-input-group--md,
+.rs-table-cell-editor--inline .rs-input-group.rs-input-group--lg,
+.rs-table-cell-editor--inline .rs-input-group:hover,
+.rs-table-cell-editor--inline .rs-input-group:focus-within,
+.rs-table-cell-editor--inline .rs-input-group.rs-input-group--invalid,
+.rs-table-cell-editor--inline .rs-input-group.rs-input-group--invalid:focus-within {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 0 !important;
+  margin: 0;
+  padding: 0;
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  transition: none !important;
+}
+.rs-table-cell-editor--inline .rs-input-group__control {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  border: 0;
+  outline: none;
+  border-radius: 0;
+  background: transparent !important;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  box-shadow: none !important;
+  -webkit-box-shadow: none !important;
+}
+.rs-table-cell-editor--inline .rs-input-group__control:focus {
+  outline: none;
+  box-shadow: none !important;
+}
+.rs-table--compact .rs-table-cell-editor--inline .rs-input-group__control,
+.rs-table--sm .rs-table-cell-editor--inline .rs-input-group__control {
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+}
+.rs-table--lg .rs-table-cell-editor--inline .rs-input-group__control {
+  padding: var(--rs-space-md) var(--rs-space-lg);
+}
+/*
+ * number：RsInputNumber 使用独立 DOM（.rs-input-number），需与 RsInput 同样压平，
+ * 否则会保留圆角/边框/焦点环，与 td--editing 轮廓叠成「框套框」。
+ */
+.rs-table-cell-editor--inline .rs-input-number-field {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+}
+.rs-table-cell-editor--inline .rs-input-number,
+.rs-table-cell-editor--inline .rs-input-number.rs-input-number--ssm,
+.rs-table-cell-editor--inline .rs-input-number.rs-input-number--sm,
+.rs-table-cell-editor--inline .rs-input-number.rs-input-number--md,
+.rs-table-cell-editor--inline .rs-input-number.rs-input-number--lg,
+.rs-table-cell-editor--inline .rs-input-number:hover,
+.rs-table-cell-editor--inline .rs-input-number:focus-within,
+.rs-table-cell-editor--inline .rs-input-number.rs-input-number--invalid,
+.rs-table-cell-editor--inline .rs-input-number.rs-input-number--invalid:focus-within {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 0 !important;
+  margin: 0;
+  padding: 0;
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  overflow: hidden;
+  transition: none !important;
+}
+.rs-table-cell-editor--inline .rs-input-number__control,
+.rs-table-cell-editor--inline .rs-input-number__control.rs-input-number__control--ssm,
+.rs-table-cell-editor--inline .rs-input-number__control.rs-input-number__control--sm,
+.rs-table-cell-editor--inline .rs-input-number__control.rs-input-number__control--lg {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  padding: var(--rs-space-sm) var(--rs-space-md);
+  border: 0;
+  outline: none;
+  border-radius: 0;
+  background: transparent !important;
+  color: inherit;
+  font: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  box-shadow: none !important;
+}
+.rs-table-cell-editor--inline .rs-input-number__control:focus {
+  outline: none;
+  box-shadow: none !important;
+}
+.rs-table--compact .rs-table-cell-editor--inline .rs-input-number__control,
+.rs-table--sm .rs-table-cell-editor--inline .rs-input-number__control {
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+}
+.rs-table--lg .rs-table-cell-editor--inline .rs-input-number__control {
+  padding: var(--rs-space-md) var(--rs-space-lg);
+}
+.rs-table-cell-editor--inline .rs-input-number__handlers {
+  border-left-color: transparent;
+}
+.rs-table-cell-editor--inline .rs-input-number__handler--up {
+  border-bottom-color: transparent;
+}
+/* select / date：同样压平触发器，由 td--editing 轮廓承担编辑反馈 */
+.rs-table-cell-editor--inline .rs-select,
+.rs-table-cell-editor--inline .rs-select--block {
+  display: flex;
+  width: 100%;
+  max-width: none;
+  height: 100%;
+  min-width: 0;
+}
+.rs-table-cell-editor--inline .rs-select__anchor,
+.rs-table-cell-editor--inline .rs-date-picker,
+.rs-table-cell-editor--inline .rs-date-picker__field {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+}
+.rs-table-cell-editor--inline .rs-select__trigger,
+.rs-table-cell-editor--inline .rs-date-picker__trigger,
+.rs-table-cell-editor--inline .rs-input-group {
+  min-height: 0 !important;
+}
+.rs-table-cell-editor--inline .rs-select__trigger {
+  width: 100%;
+  height: 100%;
+  min-height: 0 !important;
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  transition: none !important;
+}
+.rs-table-cell-editor--inline .rs-select__trigger:hover,
+.rs-table-cell-editor--inline .rs-select__trigger:focus,
+.rs-table-cell-editor--inline .rs-select__trigger[data-state='open'] {
+  border: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+.rs-table-cell-editor--inline .rs-date-picker {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+}
+.rs-table-cell-editor--inline .rs-date-picker__trigger {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 0 !important;
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border: 0 !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  transition: none !important;
+}
+.rs-table-cell-editor--inline .rs-date-picker__trigger:hover,
+.rs-table-cell-editor--inline .rs-date-picker__trigger:focus,
+.rs-table-cell-editor--inline .rs-date-picker__trigger[data-state='open'] {
+  border: 0 !important;
+  background: transparent !important;
+  box-shadow: none !important;
+}
+/* Popover/表单场景：保留 RsInput / RsInputNumber 默认外观 */
+.rs-table-cell-editor--field .rs-input-field,
+.rs-table-cell-editor--field .rs-input-group,
+.rs-table-cell-editor--field .rs-input-number-field,
+.rs-table-cell-editor--field .rs-input-number {
+  width: 100%;
+}
+
+/* 布尔单元格：RsCheckbox 居中，不挂载编辑器（大表友好） */
+.rs-table__cell-check {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  min-height: 1.25rem;
+}
+.rs-table__cell-check.rs-table__cell-check--dirty .rs-checkbox__box {
+  outline: 1px solid color-mix(in srgb, var(--rs-warning, #d97706) 70%, transparent);
+  outline-offset: 1px;
+}
+
+.rs-table-cell-editor--overlay,
+.rs-table-cell-editor--select,
+.rs-table-cell-editor--date,
+.rs-table-cell-editor--datetime {
+  width: 100%;
+  min-width: 0;
+}
+.rs-table-cell-editor--overlay .rs-select,
+.rs-table-cell-editor--select .rs-select {
+  width: 100%;
+}
+/* 表格内多选：标签单行平铺，溢出裁剪（不出现滚动条） */
+.rs-table-cell-editor--select .rs-select__value--multiple {
+  flex-wrap: nowrap;
+  overflow: hidden;
+}
+.rs-table-cell-editor--select .rs-select--multiple .rs-select__trigger {
+  height: var(--rs-control-height-sm);
+  min-height: var(--rs-control-height-sm);
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.rs-table-cell-editor__sr-label {
+  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-cell-editor__textarea {
+  display: block;
+  width: 100%;
+  height: 100%;
+  min-height: 2.5rem;
+  margin: 0;
+  padding: var(--rs-space-xs) var(--rs-space-sm);
+  border: 0;
+  outline: none;
+  resize: vertical;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  line-height: inherit;
+  box-sizing: border-box;
+}
+.rs-table-cell-editor--validating {
+  opacity: 0.85;
+}
+.rs-table-cell-editor__validating {
+  position: absolute;
+  top: 2px;
+  right: 4px;
+  z-index: 1;
+  font-size: 10px;
+  line-height: 1;
+  color: var(--rs-muted);
+  pointer-events: none;
+}
+.rs-table-cell-editor__null-tag {
+  position: absolute;
+  top: 2px;
+  right: 4px;
+  z-index: 1;
+  font-size: 10px;
+  line-height: 1;
+  color: var(--rs-muted);
+  pointer-events: none;
+}
+.rs-table-cell-editor--invalid {
+  box-shadow: inset 0 0 0 1px var(--rs-danger);
+}
+.rs-table-cell-editor__null-tag {
+  position: absolute;
+  top: 2px;
+  right: 4px;
+  z-index: 1;
+  font-size: 10px;
+  line-height: 1;
+  color: var(--rs-muted);
+  pointer-events: none;
+}
+.rs-table-cell-editor--custom {
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+}