niuma-ui 1.1.12 → 1.2.0

package/src/components/steps-utils.ts

@@ -1,22 +0,0 @@
-export type RsStepStatus = 'wait' | 'process' | 'finish' | 'error'
-export type RsStepsOrientation = 'horizontal' | 'vertical'
-export type RsStepsSize = 'sm' | 'md'
-
-export interface RsStepItem {
-  value: string
-  title: string
-  description?: string
-  status?: RsStepStatus
-  disabled?: boolean
-}
-
-export function resolveStepStatus(index: number, activeIndex: number, explicit?: RsStepStatus): RsStepStatus {
-  if (explicit) return explicit
-  if (index < activeIndex) return 'finish'
-  if (index === activeIndex) return 'process'
-  return 'wait'
-}
-
-export function isStepSeparatorCompleted(status: RsStepStatus): boolean {
-  return status === 'finish'
-}

package/src/components/table/RsTableBody.vue

@@ -1,217 +0,0 @@
-<script setup lang="ts" generic="T extends import('../table-utils').RsTableRowData = any">
-/**
- * RsTable 表体视图：通过 ViewContext inject 取状态（多表互不串扰）。
- * 行级 v-memo 保留，避免抽离后丢失细粒度跳过渲染。
- */
-import { isTableRowDisabled, resolveEntryKey } from '../table-utils'
-import type { RsTableRowEntry } from '../table-utils'
-import RsTableBodyRow from './RsTableBodyRow.vue'
-import { useRsTableView } from './rs-table-view-context'
-
-const view = useRsTableView<T>()
-
-type RowEntry = Extract<RsTableRowEntry<T>, { type: 'row' }>
-
-function editingColKeyFor(entry: RowEntry): string | null {
-  const key = view.rowKeyFor(entry)
-  return view.editingCell?.rowKey === key ? view.editingCell.colKey : null
-}
-
-function focusColKeyFor(entry: RowEntry): string | null {
-  const key = view.rowKeyFor(entry)
-  return view.focusCell?.rowKey === key ? view.focusCell.colKey : null
-}
-
-function memoEditingDraft(entry: RowEntry): string {
-  return view.editingCell?.rowKey === view.rowKeyFor(entry) ? view.editingDraft : ''
-}
-</script>
-
-<template>
-  <tbody
-    @pointerover.passive="view.onBodyPointerOver($event)"
-    @pointerout.passive="view.onBodyPointerOut($event)"
-  >
-    <tr v-if="view.loading">
-      <td class="rs-table__empty" :colspan="view.bodyColspan">
-        <div class="rs-table__empty-content" :style="view.emptyContentStyle">
-          {{ view.bodyLabels.loading }}
-        </div>
-      </td>
-    </tr>
-    <tr v-else-if="!view.hasData">
-      <td class="rs-table__empty" :colspan="view.bodyColspan">
-        <div class="rs-table__empty-content" :style="view.emptyContentStyle">
-          <slot name="empty">{{ view.bodyLabels.empty }}</slot>
-        </div>
-      </td>
-    </tr>
-    <template v-else>
-      <tr
-        v-if="view.virtualScrollEnabled && view.virtualSlice.paddingTop > 0"
-        class="rs-table__virtual-pad"
-      >
-        <td :colspan="view.bodyColspan" :style="{ height: `${view.virtualSlice.paddingTop}px` }" />
-      </tr>
-      <template
-        v-for="entry in view.visibleEntries"
-        :key="resolveEntryKey(entry, view.rowKey)"
-      >
-        <tr v-if="entry.type === 'group'" class="rs-table__group-row">
-          <td class="rs-table__group-cell" :colspan="view.bodyColspan">
-            <slot name="group" :key="entry.key" :label="entry.label">
-              {{ entry.label }}
-            </slot>
-          </td>
-        </tr>
-        <tr v-else-if="entry.type === 'expand'" class="rs-table__expand-row">
-          <td class="rs-table__expand-cell" :colspan="view.bodyColspan">
-            <slot name="expand" :row="entry.row" :index="entry.rowIndex" />
-          </td>
-        </tr>
-        <RsTableBodyRow
-          v-else
-          v-memo="[
-            view.rowKeyFor(entry),
-            entry.row,
-            view.isRowSelected(entry),
-            view.isRowIndeterminate(entry),
-            view.isRowExpanded(entry),
-            view.isHighlighted(view.rowKeyFor(entry)),
-            view.rowEditPending(entry),
-            view.stagedMapSize,
-            memoEditingDraft(entry),
-            view.activeEditCellKey,
-            view.activeFocusCellKey,
-            view.activeErrorMapSize,
-            view.activeValidatingMapSize,
-            view.dragRowKeys.join(','),
-            view.dropRowTargetKey,
-            view.dropRowPosition,
-            view.columnPadLeft,
-            view.columnPadRight,
-            view.treeDepthOf(entry),
-            view.canExpandRow(entry),
-            view.treeLoadingKeySet.has(view.rowKeyFor(entry)),
-            view.visibleDataColumns.map((c) => c.key).join('\0'),
-            view.instanceId,
-          ]"
-          :row="entry.row"
-          :row-index="entry.rowIndex"
-          :row-key="view.rowKeyFor(entry)"
-          :columns="view.visibleDataColumns"
-          :column-pad-left="view.columnPadLeft"
-          :column-pad-right="view.columnPadRight"
-          :column-td-class-map="view.columnTdClassMap"
-          :column-style-map="view.columnStyleMap"
-          :show-row-drag-handle="view.showRowDragHandle"
-          :expandable="view.detailExpandable"
-          :tree-mode="view.treeMode"
-          :tree-depth="view.treeDepthOf(entry)"
-          :tree-has-children="view.canExpandRow(entry)"
-          :tree-indent="view.treeIndentPx"
-          :tree-column-key="view.treeExpandColumnKey"
-          :tree-loading="view.treeLoadingKeySet.has(view.rowKeyFor(entry))"
-          :selectable="view.showSelectColumn"
-          :show-index="view.showIndexColumn"
-          :show-edit-gutter="view.showEditGutterColumn"
-          :striped="view.striped"
-          :selection-type="view.selectionType"
-          :is-radio-selection="view.isRadioSelection"
-          :table-editable="view.editable"
-          :edit-trigger="view.editTrigger"
-          :row-commit="view.rowCommit"
-          :allow-null="view.allowNull"
-          :focus-mode="view.editFocusMode"
-          :null-label="view.nullLabel"
-          :show-row-status="view.showRowStatusColumn"
-          :selected="view.isRowSelected(entry)"
-          :indeterminate="view.isRowIndeterminate(entry)"
-          :highlighted="view.isHighlighted(view.rowKeyFor(entry))"
-          :expanded="view.isRowExpanded(entry)"
-          :disabled="isTableRowDisabled(entry.row)"
-          :row-drag-by-row="view.isRowDragByRow(entry)"
-          :dragging="view.isRowDragging(entry)"
-          :drop-target="view.isRowDropTarget(entry)"
-          :drop-position="view.isRowDropTarget(entry) ? view.dropRowPosition : null"
-          :drag-lead-style="view.dragLeadStyle"
-          :expand-lead-style="view.expandLeadStyle"
-          :select-lead-style="view.selectLeadStyle"
-          :index-lead-style="view.indexLeadStyle"
-          :gutter-lead-style="view.gutterLeadStyle"
-          :can-expand="view.canExpandRow(entry)"
-          :can-select="view.canSelectRow(entry)"
-          :row-edit-pending="view.rowEditPending(entry)"
-          :row-dirty="view.isRowDirty(view.rowKeyFor(entry))"
-          :show-gutter-rollback="view.rowCommit || view.isExternalRowPending(entry)"
-          :editing-col-key="editingColKeyFor(entry)"
-          :focus-col-key="focusColKeyFor(entry)"
-          :has-column-slot="view.hasColumnSlot"
-          :has-edit-slot="view.hasEditSlot"
-          :cell-tooltip-enabled="view.cellTooltipEnabled"
-          :cell-tooltip-mode="view.cellTooltipMode"
-          :cell-tooltip-text="view.cellTooltipText"
-          :cell-tooltip-fallback-title="view.cellTooltipFallbackTitle"
-          :get-cell-draft="view.getCellDraft"
-          :is-cell-dirty="view.isCellDirty"
-          :get-cell-error="view.getCellError"
-          :is-cell-validating="view.isCellValidating"
-          :drag-row-label="view.bodyLabels.dragRow"
-          :expand-row-label="view.bodyLabels.expandRow"
-          :collapse-row-label="view.bodyLabels.collapseRow"
-          :select-row-label="view.bodyLabels.selectRow"
-          :row-commit-label="view.bodyLabels.rowCommit"
-          :row-rollback-label="view.bodyLabels.rowRollback"
-          :gutter-commit-hint="view.bodyLabels.gutterCommit"
-          @click="view.onRowClick(entry, $event)"
-          @mousedown="view.onRowSelectMouseDown($event)"
-          @cell-click="(colKey, event) => view.onCellClick(entry, colKey, event)"
-          @cell-dblclick="(colKey, event) => view.onCellDblclick(entry, colKey, event)"
-          @cell-contextmenu="(colKey, event) => view.onCellContextmenu(entry, colKey, event)"
-          @dblclick="view.onRowDblclick(entry, $event)"
-          @contextmenu="view.onRowContextmenu(entry, $event)"
-          @dragover="view.onRowDragOver(entry, $event)"
-          @dragleave="view.onRowDragLeave($event)"
-          @drop="view.onRowDrop(entry, $event)"
-          @row-drag-start="view.onRowDragStart(entry, $event)"
-          @row-drag-end="view.onRowDragEnd()"
-          @toggle-expand="view.onToggleExpand(entry)"
-          @toggle-select="view.onToggleSelect(entry)"
-          @cell-start-edit="view.onCellStartEdit(entry, $event)"
-          @cell-commit="(colKey, value) => view.onCellCommit(entry, colKey, value)"
-          @cell-cancel="view.onCellCancel(entry, $event)"
-          @cell-update-draft="(colKey, value) => view.onCellUpdateDraft(entry, colKey, value)"
-          @cell-navigate="(colKey, direction) => view.onCellNavigate(entry, colKey, direction)"
-          @row-commit="view.onRowCommit(entry)"
-          @row-rollback="view.onRowRollback(entry)"
-          @gutter-commit="view.onGutterCommit(entry)"
-        >
-          <template v-for="column in view.visibleDataColumns" #[column.key]="slotProps">
-            <slot :name="column.key" v-bind="slotProps" />
-          </template>
-          <template
-            v-for="column in view.visibleDataColumns"
-            :key="`edit-${column.key}`"
-            #[`edit-${column.key}`]="slotProps"
-          >
-            <slot :name="`edit-${column.key}`" v-bind="slotProps" />
-          </template>
-        </RsTableBodyRow>
-      </template>
-      <tr
-        v-if="view.virtualScrollEnabled && view.virtualSlice.paddingBottom > 0"
-        class="rs-table__virtual-pad"
-      >
-        <td
-          :colspan="view.bodyColspan"
-          :style="{ height: `${view.virtualSlice.paddingBottom}px` }"
-        />
-      </tr>
-      <tr v-if="view.infinite && view.loadingMore">
-        <td class="rs-table__empty rs-table__empty--more" :colspan="view.bodyColspan">
-          {{ view.bodyLabels.loadingMore }}
-        </td>
-      </tr>
-    </template>
-  </tbody>
-</template>

package/src/components/table/RsTableBodyRow.vue

@@ -1,376 +0,0 @@
-<script setup lang="ts" generic="T extends import('../table-utils').RsTableRowData = any">
-import type { RsTableColumn, RsTableRowDropPosition, RsTableSelectionType } from '../table-utils'
-import type { RsTableCellEditTrigger } from './table-edit-utils'
-import RsTableCell from './RsTableCell.vue'
-import RsTableEditGutter from './RsTableEditGutter.vue'
-import RsTableRowStatus from './RsTableRowStatus.vue'
-
-defineProps<{
-  row: T
-  rowIndex: number
-  rowKey: string
-  columns: RsTableColumn<T>[]
-  /** 列虚拟化左侧占位宽（px） */
-  columnPadLeft?: number
-  /** 列虚拟化右侧占位宽（px） */
-  columnPadRight?: number
-  columnTdClassMap: Map<string, string[]>
-  columnStyleMap: Map<string, Record<string, string> | undefined>
-  showRowDragHandle: boolean
-  expandable: boolean
-  /** 树表模式：在指定数据列内缩进展开 */
-  treeMode?: boolean
-  treeDepth?: number
-  treeHasChildren?: boolean
-  treeIndent?: number
-  treeColumnKey?: string | null
-  treeLoading?: boolean
-  selectable: boolean
-  showIndex: boolean
-  showEditGutter: boolean
-  striped: boolean
-  selectionType: RsTableSelectionType
-  isRadioSelection: boolean
-  tableEditable: boolean
-  editTrigger: RsTableCellEditTrigger
-  rowCommit: boolean
-  allowNull: boolean
-  focusMode: import('./table-edit-utils').RsTableCellEditFocusMode
-  nullLabel: string
-  showRowStatus: boolean
-  selected: boolean
-  highlighted: boolean
-  expanded: boolean
-  /** 树级联半选 */
-  indeterminate?: boolean
-  disabled: boolean
-  rowDragByRow: boolean
-  dragging: boolean
-  dropTarget: boolean
-  dropPosition: RsTableRowDropPosition | null
-  dragLeadStyle: Record<string, string>
-  expandLeadStyle: Record<string, string>
-  selectLeadStyle: Record<string, string>
-  indexLeadStyle: Record<string, string>
-  gutterLeadStyle: Record<string, string>
-  canExpand: boolean
-  canSelect: boolean
-  rowEditPending: boolean
-  rowDirty: boolean
-  /** gutter 待提交时是否显示撤销按钮 */
-  showGutterRollback?: boolean
-  editingColKey: string | null
-  focusColKey: string | null
-  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
-  dragRowLabel: string
-  expandRowLabel: string
-  collapseRowLabel: string
-  selectRowLabel: string
-  rowCommitLabel: string
-  rowRollbackLabel: string
-  gutterCommitHint: string
-}>()
-
-const emit = defineEmits<{
-  click: [event: MouseEvent]
-  cellClick: [colKey: string, event: MouseEvent]
-  cellContextmenu: [colKey: string, event: MouseEvent]
-  /** 数据单元格双击（.stop 后由父级决定进入编辑或转发 rowDblclick） */
-  cellDblclick: [colKey: string, event: MouseEvent]
-  dblclick: [event: MouseEvent]
-  contextmenu: [event: MouseEvent]
-  dragover: [event: DragEvent]
-  dragleave: [event: DragEvent]
-  drop: [event: DragEvent]
-  rowDragStart: [event: DragEvent]
-  rowDragEnd: []
-  toggleExpand: []
-  toggleSelect: []
-  cellStartEdit: [colKey: string]
-  cellCommit: [colKey: string, value: string]
-  cellCancel: [colKey: string]
-  cellUpdateDraft: [colKey: string, value: string]
-  cellNavigate: [colKey: string, direction: import('./table-edit-utils').RsTableCellNavigateDirection]
-  rowCommit: []
-  rowRollback: []
-  gutterCommit: []
-}>()
-</script>
-
-<template>
-  <tr
-    role="row"
-    class="rs-table__row"
-    :data-row-key="rowKey"
-    :class="{
-      'rs-table__row--selected': selected,
-      'rs-table__row--highlighted': highlighted && !selected,
-      'rs-table__row--striped': striped && rowIndex % 2 === 1,
-      'rs-table__row--disabled': disabled,
-      'rs-table__row--draggable': rowDragByRow,
-      'rs-table__row--dragging': dragging,
-      'rs-table__row--drop-before': dropTarget && dropPosition === 'before',
-      'rs-table__row--drop-after': dropTarget && dropPosition === 'after',
-      'rs-table__row--drop-into': dropTarget && dropPosition === 'into',
-      'rs-table__row--dirty': rowDirty || rowEditPending,
-    }"
-    @click="emit('click', $event)"
-    @dblclick="emit('dblclick', $event)"
-    @contextmenu="emit('contextmenu', $event)"
-    @dragover="emit('dragover', $event)"
-    @dragleave="emit('dragleave', $event)"
-    @drop="emit('drop', $event)"
-  >
-    <td
-      v-if="showRowDragHandle"
-      class="rs-table__td rs-table__td--drag"
-      :style="dragLeadStyle"
-      @click.stop
-    >
-      <span
-        v-if="!disabled"
-        class="rs-table__row-drag-handle"
-        draggable="true"
-        :aria-label="dragRowLabel"
-        @dragstart="emit('rowDragStart', $event)"
-        @dragend="emit('rowDragEnd')"
-      />
-    </td>
-    <td
-      v-if="expandable"
-      class="rs-table__td rs-table__td--expand"
-      :style="expandLeadStyle"
-      @click.stop
-    >
-      <button
-        v-if="canExpand"
-        type="button"
-        class="rs-table__expand-btn"
-        :class="{ 'rs-table__expand-btn--expanded': expanded }"
-        :aria-label="expanded ? collapseRowLabel : expandRowLabel"
-        @click="emit('toggleExpand')"
-      >
-        ›
-      </button>
-    </td>
-    <td
-      v-if="selectable"
-      class="rs-table__td rs-table__td--selection"
-      :style="selectLeadStyle"
-      @click.stop
-    >
-      <label
-        class="rs-table__checkbox"
-        :class="{
-          'rs-table__checkbox--checked': selected,
-          'rs-table__checkbox--indeterminate': indeterminate && !selected,
-        }"
-      >
-        <input
-          :type="selectionType"
-          class="rs-table__checkbox-input"
-          :name="isRadioSelection ? 'rs-table-radio' : undefined"
-          :checked="selected"
-          :indeterminate="Boolean(indeterminate && !selected)"
-          :disabled="!canSelect"
-          :aria-label="selectRowLabel"
-          @change="emit('toggleSelect')"
-        >
-        <span
-          class="rs-table__checkbox-box"
-          :class="{ 'rs-table__checkbox-box--radio': isRadioSelection }"
-          aria-hidden="true"
-        />
-      </label>
-    </td>
-    <td
-      v-if="showEditGutter"
-      class="rs-table__td rs-table__td--gutter rs-table__cell--center"
-      :style="gutterLeadStyle"
-    >
-      <RsTableEditGutter
-        :line-number="rowIndex + 1"
-        :pending="rowEditPending"
-        :commit-label="rowCommitLabel"
-        :commit-hint="gutterCommitHint"
-        :rollback-label="rowRollbackLabel"
-        :show-rollback="showGutterRollback ?? rowCommit"
-        @commit="emit('gutterCommit')"
-        @rollback="emit('rowRollback')"
-      />
-    </td>
-    <td
-      v-else-if="showIndex"
-      class="rs-table__td rs-table__td--index rs-table__cell--center"
-      :style="indexLeadStyle"
-    >
-      {{ rowIndex + 1 }}
-    </td>
-    <td
-      v-if="showRowStatus"
-      class="rs-table__td rs-table__td--status rs-table__cell--center"
-      @click.stop
-    >
-      <RsTableRowStatus
-        :dirty="rowDirty"
-        :commit-label="rowCommitLabel"
-        :rollback-label="rowRollbackLabel"
-        @commit="emit('rowCommit')"
-        @rollback="emit('rowRollback')"
-      />
-    </td>
-    <td
-      v-if="(columnPadLeft ?? 0) > 0"
-      class="rs-table__td rs-table__col-pad"
-      :style="{ width: `${columnPadLeft}px`, minWidth: `${columnPadLeft}px` }"
-    />
-    <td
-      v-for="column in columns"
-      :key="column.key"
-      role="gridcell"
-      class="rs-table__td rs-table__td--data"
-      :data-col-key="column.key"
-      :class="[
-        columnTdClassMap.get(column.key),
-        {
-          'rs-table__td--row-draggable': rowDragByRow,
-          'rs-table__td--editing': editingColKey === column.key,
-          'rs-table__td--focused': focusColKey === column.key && editingColKey !== column.key,
-          'rs-table__td--invalid': !!getCellError(rowKey, column.key),
-          'rs-table__td--tree': treeMode && treeColumnKey === column.key,
-        },
-      ]"
-      :style="columnStyleMap.get(column.key)"
-      :draggable="rowDragByRow"
-      :tabindex="focusColKey === column.key && editingColKey !== column.key ? 0 : -1"
-      :aria-selected="focusColKey === column.key || editingColKey === column.key ? 'true' : undefined"
-      @click.stop="emit('cellClick', column.key, $event)"
-      @dblclick.stop="emit('cellDblclick', column.key, $event)"
-      @contextmenu="emit('cellContextmenu', column.key, $event)"
-      @dragstart="rowDragByRow ? emit('rowDragStart', $event) : undefined"
-      @dragend="rowDragByRow ? emit('rowDragEnd') : undefined"
-    >
-      <div
-        v-if="treeMode && treeColumnKey === column.key"
-        class="rs-table__tree-cell"
-        :style="{ paddingInlineStart: `${(treeDepth ?? 0) * (treeIndent ?? 20)}px` }"
-      >
-        <button
-          v-if="treeHasChildren"
-          type="button"
-          class="rs-table__expand-btn rs-table__tree-toggle"
-          :class="{
-            'rs-table__expand-btn--expanded': expanded,
-            'rs-table__tree-toggle--loading': treeLoading,
-          }"
-          :disabled="treeLoading"
-          :aria-label="expanded ? collapseRowLabel : expandRowLabel"
-          @click.stop="emit('toggleExpand')"
-        >
-          ›
-        </button>
-        <span
-          v-else
-          class="rs-table__tree-leaf"
-          aria-hidden="true"
-        />
-        <span
-          :class="[
-            'rs-table__tree-content',
-            { 'rs-table__cell-tip': cellTooltipEnabled(column, rowIndex) },
-            { 'rs-table__cell-tip--editing': editingColKey === column.key },
-          ]"
-          :data-rs-table-tip-mode="cellTooltipEnabled(column, rowIndex) ? cellTooltipMode(column, rowIndex) : undefined"
-          :data-rs-table-tip-text="cellTooltipText(column, row, rowIndex)"
-          :title="getCellError(rowKey, column.key) || cellTooltipFallbackTitle(column, row, rowIndex)"
-        >
-          <RsTableCell
-            :column="column"
-            :row="row"
-            :row-index="rowIndex"
-            :row-key="rowKey"
-            :table-editable="tableEditable"
-            :editing="editingColKey === column.key"
-            :dirty="isCellDirty(rowKey, column.key)"
-            :focused="focusColKey === column.key"
-            :draft="getCellDraft(rowKey, column.key)"
-            :has-custom-slot="hasColumnSlot(column.key)"
-            :has-edit-slot="hasEditSlot(column.key)"
-            :edit-trigger="editTrigger"
-            :row-commit="rowCommit"
-            :allow-null="allowNull"
-            :focus-mode="focusMode"
-            :null-label="nullLabel"
-            :error-message="getCellError(rowKey, column.key) ?? null"
-            :validating="isCellValidating(rowKey, column.key)"
-            @start-edit="emit('cellStartEdit', column.key)"
-            @commit="emit('cellCommit', column.key, $event)"
-            @cancel="emit('cellCancel', column.key)"
-            @update-draft="emit('cellUpdateDraft', column.key, $event)"
-            @navigate="emit('cellNavigate', column.key, $event)"
-          >
-            <slot :name="column.key" :row="row" :column="column" :index="rowIndex" />
-            <template v-if="hasEditSlot(column.key)" #editor="scope">
-              <slot :name="`edit-${column.key}`" v-bind="scope" />
-            </template>
-          </RsTableCell>
-        </span>
-      </div>
-      <span
-        v-else
-        :class="[
-          { 'rs-table__cell-tip': cellTooltipEnabled(column, rowIndex) },
-          { 'rs-table__cell-tip--editing': editingColKey === column.key },
-        ]"
-        :data-rs-table-tip-mode="cellTooltipEnabled(column, rowIndex) ? cellTooltipMode(column, rowIndex) : undefined"
-        :data-rs-table-tip-text="cellTooltipText(column, row, rowIndex)"
-        :title="getCellError(rowKey, column.key) || cellTooltipFallbackTitle(column, row, rowIndex)"
-      >
-        <RsTableCell
-          :column="column"
-          :row="row"
-          :row-index="rowIndex"
-          :row-key="rowKey"
-          :table-editable="tableEditable"
-          :editing="editingColKey === column.key"
-          :dirty="isCellDirty(rowKey, column.key)"
-          :focused="focusColKey === column.key"
-          :draft="getCellDraft(rowKey, column.key)"
-          :has-custom-slot="hasColumnSlot(column.key)"
-          :has-edit-slot="hasEditSlot(column.key)"
-          :edit-trigger="editTrigger"
-          :row-commit="rowCommit"
-          :allow-null="allowNull"
-          :focus-mode="focusMode"
-          :null-label="nullLabel"
-          :error-message="getCellError(rowKey, column.key) ?? null"
-          :validating="isCellValidating(rowKey, column.key)"
-          @start-edit="emit('cellStartEdit', column.key)"
-          @commit="emit('cellCommit', column.key, $event)"
-          @cancel="emit('cellCancel', column.key)"
-          @update-draft="emit('cellUpdateDraft', column.key, $event)"
-          @navigate="emit('cellNavigate', column.key, $event)"
-        >
-          <slot :name="column.key" :row="row" :column="column" :index="rowIndex" />
-          <template v-if="hasEditSlot(column.key)" #editor="scope">
-            <slot :name="`edit-${column.key}`" v-bind="scope" />
-          </template>
-        </RsTableCell>
-      </span>
-    </td>
-    <td
-      v-if="(columnPadRight ?? 0) > 0"
-      class="rs-table__td rs-table__col-pad"
-      :style="{ width: `${columnPadRight}px`, minWidth: `${columnPadRight}px` }"
-    />
-  </tr>
-</template>