niuma-ui 1.0.0 → 1.0.2

package/src/__tests__/RsTable.a11y.spec.ts

@@ -0,0 +1,83 @@
+import { mount } from '@vue/test-utils'
+import { nextTick } from 'vue'
+import { describe, expect, it } from 'vitest'
+import RsTable from '../components/RsTable.vue'
+
+describe('RsTable a11y baseline', () => {
+  it('壳层 region + table grid 语义与行列计数', () => {
+    const wrapper = mount(RsTable, {
+      props: {
+        columns: [
+          { key: 'name', title: 'Name' },
+          { key: 'age', title: 'Age' },
+        ],
+        data: [
+          { id: '1', name: 'a', age: 1 },
+          { id: '2', name: 'b', age: 2 },
+        ],
+        rowKey: 'id',
+        ariaLabel: '用户列表',
+      },
+    })
+    const shell = wrapper.find('.rs-table-shell')
+    expect(shell.attributes('role')).toBe('region')
+    expect(shell.attributes('aria-label')).toBe('用户列表')
+    expect(shell.attributes('tabindex')).toBeUndefined()
+
+    const table = wrapper.find('table.rs-table__table')
+    expect(table.attributes('role')).toBe('grid')
+    expect(table.attributes('tabindex')).toBe('0')
+    expect(table.attributes('aria-label')).toBe('用户列表')
+    expect(table.attributes('aria-rowcount')).toBe('2')
+    expect(table.attributes('aria-colcount')).toBe('2')
+    expect(wrapper.find('tr.rs-table__row').attributes('role')).toBe('row')
+    expect(wrapper.find('td.rs-table__td--data').attributes('role')).toBe('gridcell')
+    wrapper.unmount()
+  })
+
+  it('loading 时 aria-busy', () => {
+    const wrapper = mount(RsTable, {
+      props: {
+        columns: [{ key: 'name', title: 'Name' }],
+        data: [],
+        loading: true,
+      },
+    })
+    expect(wrapper.find('.rs-table-shell').attributes('aria-busy')).toBe('true')
+    wrapper.unmount()
+  })
+
+  it('只读表方向键漫游 focus 格', async () => {
+    const wrapper = mount(RsTable, {
+      props: {
+        columns: [
+          { key: 'name', title: 'Name' },
+          { key: 'age', title: 'Age' },
+        ],
+        data: [
+          { id: '1', name: 'a', age: 1 },
+          { id: '2', name: 'b', age: 2 },
+        ],
+        rowKey: 'id',
+        ariaLabel: '键盘表',
+      },
+      attachTo: document.body,
+    })
+    const table = wrapper.find('table.rs-table__table')
+    await table.trigger('keydown', { key: 'ArrowDown' })
+    await nextTick()
+    expect(wrapper.find('.rs-table__td--focused').exists()).toBe(true)
+    expect(wrapper.find('.rs-table__td--focused').attributes('data-col-key')).toBe('name')
+
+    await table.trigger('keydown', { key: 'ArrowRight' })
+    await nextTick()
+    expect(wrapper.find('.rs-table__td--focused').attributes('data-col-key')).toBe('age')
+
+    await table.trigger('keydown', { key: 'ArrowDown' })
+    await nextTick()
+    const focusedRow = wrapper.find('.rs-table__td--focused').element.closest('tr')
+    expect(focusedRow?.getAttribute('data-row-key')).toBe('2')
+
+    wrapper.unmount()
+  })
+})

package/src/__tests__/RsTable.dom-baseline.spec.ts

@@ -0,0 +1,87 @@
+/**
+ * DOM 结构基线（轻量「视觉回归」）：锁定关键 a11y/壳层骨架，不引 Playwright。
+ * 只采集 tag + role + 结构类（rs-table / rs-table__*），忽略 --size/--theme 修饰，降低抖动。
+ */
+
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import RsTable from '../components/RsTable.vue'
+
+function structuralClass(el: Element): string {
+  return [...el.classList]
+    .filter(
+      (c) =>
+        c === 'rs-table-shell' ||
+        c === 'rs-table' ||
+        c.startsWith('rs-table__'),
+    )
+    .sort()
+    .join('.')
+}
+
+function structureFingerprint(root: Element): string {
+  const parts: string[] = []
+  const walk = (el: Element, depth: number) => {
+    if (depth > 5) return
+    const tag = el.tagName.toLowerCase()
+    // 跳过纯展示文案节点，基线只关心结构
+    if (tag === 'span' && !el.getAttribute('role') && !structuralClass(el)) {
+      return
+    }
+    const role = el.getAttribute('role')
+    const cls = structuralClass(el)
+    const bits = [tag]
+    if (role) bits.push(`role=${role}`)
+    if (cls) bits.push(cls)
+    parts.push(`${'  '.repeat(depth)}${bits.join(' ')}`)
+    for (const child of Array.from(el.children).slice(0, 16)) {
+      walk(child, depth + 1)
+    }
+  }
+  walk(root, 0)
+  return parts.join('\n')
+}
+
+describe('RsTable DOM 结构基线', () => {
+  it('只读表壳层 / grid / 行格骨架稳定', () => {
+    const wrapper = mount(RsTable, {
+      props: {
+        columns: [
+          { key: 'name', title: 'Name' },
+          { key: 'age', title: 'Age' },
+        ],
+        data: [
+          { id: '1', name: 'a', age: 1 },
+          { id: '2', name: 'b', age: 2 },
+        ],
+        rowKey: 'id',
+        ariaLabel: '基线表',
+        contextMenu: false,
+        cellTooltip: false,
+      },
+    })
+    const shell = wrapper.find('.rs-table-shell').element
+    const fp = structureFingerprint(shell)
+    expect(fp).toContain('div role=region rs-table-shell')
+    expect(fp).toContain('table role=grid rs-table__table')
+    expect(fp).toContain('tr role=row rs-table__row')
+    expect(fp).toContain('td role=gridcell')
+    expect(fp).toMatchInlineSnapshot(`
+      "div role=region rs-table-shell
+        div rs-table
+          table role=grid rs-table__table
+            thead rs-table__head
+              tr role=row
+                th role=columnheader rs-table__cell--left.rs-table__th
+                th role=columnheader rs-table__cell--left.rs-table__th
+            tbody
+              tr role=row rs-table__row
+                td role=gridcell rs-table__cell--left.rs-table__td.rs-table__td--data
+                td role=gridcell rs-table__cell--left.rs-table__td.rs-table__td--data
+              tr role=row rs-table__row
+                td role=gridcell rs-table__cell--left.rs-table__td.rs-table__td--data
+                td role=gridcell rs-table__cell--left.rs-table__td.rs-table__td--data"
+    `)
+    wrapper.unmount()
+  })
+})

package/src/__tests__/RsTable.perf.spec.ts

@@ -1,6 +1,7 @@
 import { mount } from '@vue/test-utils'
 import { describe, expect, it } from 'vitest'
 import RsTable from '../components/RsTable.vue'
+import { assertWithinBudget, RS_TABLE_PERF_BUDGETS } from './perf-budgets'
 
 function makeRows(count: number) {
   return Array.from({ length: count }, (_, i) => ({
@@ -50,8 +51,7 @@ describe('RsTable performance baselines', () => {
     })
     const elapsed = performance.now() - started
     expect(wrapper.find('.rs-table').exists()).toBe(true)
-    // jsdom 下偏松：主要防止回归爆炸（本机通常远低于此）
-    expect(elapsed).toBeLessThan(8000)
+    assertWithinBudget(elapsed, RS_TABLE_PERF_BUDGETS.mountReadonly3k, 'mountReadonly3k')
     wrapper.unmount()
   })
 
@@ -76,12 +76,31 @@ describe('RsTable performance baselines', () => {
       },
     })
     const editableElapsed = performance.now() - editableStart
-    // 编辑关闭时不挂编辑器，成本应接近只读（允许一定抖动）
-    expect(editableElapsed).toBeLessThan(readonlyElapsed * 3 + 2000)
+    const limit =
+      readonlyElapsed * RS_TABLE_PERF_BUDGETS.editableVsReadonlyRatio +
+      RS_TABLE_PERF_BUDGETS.editableVsReadonlySlackMs
+    assertWithinBudget(editableElapsed, limit, 'editableVsReadonly')
     expect(editableWrapper.find('.rs-table-cell-editor').exists()).toBe(false)
     editableWrapper.unmount()
   })
 
+  it('dual tables mount within budget (isolation + ViewContext)', () => {
+    const data = makeRows(1500)
+    const started = performance.now()
+    const a = mount(RsTable, {
+      props: { columns, data, rowKey: 'id', virtual: true, height: 320, ariaLabel: 'A' },
+    })
+    const b = mount(RsTable, {
+      props: { columns, data, rowKey: 'id', virtual: true, height: 320, ariaLabel: 'B' },
+    })
+    const elapsed = performance.now() - started
+    expect(a.find('.rs-table-shell').attributes('aria-label')).toBe('A')
+    expect(b.find('.rs-table-shell').attributes('aria-label')).toBe('B')
+    assertWithinBudget(elapsed, RS_TABLE_PERF_BUDGETS.mountDual1k5, 'mountDual1k5')
+    a.unmount()
+    b.unmount()
+  })
+
   it('opening one editor keeps editor count at 1', async () => {
     const data = makeRows(500)
     const wrapper = mount(RsTable, {

package/src/__tests__/RsTable.spec.ts

@@ -1,4 +1,4 @@
-import { mount } from '@vue/test-utils'
+import { flushPromises, mount } from '@vue/test-utils'
 import { describe, expect, it, vi } from 'vitest'
 import { h } from 'vue'
 import RsTable from '../components/RsTable.vue'
@@ -163,6 +163,7 @@ describe('RsTable', () => {
       props: { columns, data: [] },
     })
     expect(wrapper.find('.rs-table__empty').text()).toBe('暂无数据')
+    expect(wrapper.find('.rs-table__empty-content').exists()).toBe(true)
   })
 
   it('renders custom empty slot', () => {
@@ -173,6 +174,20 @@ describe('RsTable', () => {
     expect(wrapper.find('.rs-table__empty').text()).toBe('暂无数据')
   })
 
+  it('wraps empty and loading placeholders in sticky viewport content', () => {
+    const empty = mount(RsTable, {
+      props: { columns, data: [] },
+    })
+    expect(empty.find('.rs-table__empty-content').exists()).toBe(true)
+    empty.unmount()
+
+    const loading = mount(RsTable, {
+      props: { columns, data, loading: true },
+    })
+    expect(loading.find('.rs-table__empty-content').text()).toBe('加载中…')
+    loading.unmount()
+  })
+
   it('applies compact and bordered modifiers', () => {
     const wrapper = mount(RsTable, {
       props: { columns, data, compact: true, bordered: false },
@@ -329,11 +344,16 @@ describe('RsTable', () => {
     expect(wrapper.find('.rs-table__sort--active .rs-icon').exists()).toBe(true)
   })
 
-  it('hides header when showHeader is false', () => {
+  it('showHeader=false 时表头视觉隐藏但仍保留 th', () => {
     const wrapper = mount(RsTable, {
       props: { columns, data, showHeader: false },
     })
-    expect(wrapper.find('thead').exists()).toBe(false)
+    const head = wrapper.find('thead.rs-table__head--sr-only')
+    expect(head.exists()).toBe(true)
+    expect(head.findAll('th').length).toBeGreaterThan(0)
+    expect(wrapper.find('thead.rs-table__head:not(.rs-table__head--sr-only)').exists()).toBe(
+      false,
+    )
   })
 
   it('applies ellipsis wrapper and overflow styles', () => {
@@ -856,6 +876,41 @@ describe('RsTable', () => {
     expect(wrapper.find('.expand-slot').exists()).toBe(true)
   })
 
+  it('renders tree rows with indent toggle on expand column', async () => {
+    const treeData = [
+      {
+        id: 'p',
+        name: 'Parent',
+        count: 1,
+        children: [
+          { id: 'c1', name: 'Child', count: 2 },
+        ],
+      },
+    ]
+    const wrapper = mount(RsTable, {
+      props: {
+        columns,
+        data: treeData,
+        rowKey: 'id',
+        treeConfig: {
+          childrenField: 'children',
+          expandColumnKey: 'name',
+          indent: 16,
+        },
+        expandedRowKeys: [] as string[],
+        'onUpdate:expandedRowKeys': (keys: string[]) => wrapper.setProps({ expandedRowKeys: keys }),
+      },
+    })
+    expect(wrapper.find('.rs-table--tree').exists()).toBe(true)
+    expect(wrapper.findAll('.rs-table__row')).toHaveLength(1)
+    expect(wrapper.find('.rs-table__tree-toggle').exists()).toBe(true)
+    await wrapper.find('.rs-table__tree-toggle').trigger('click')
+    expect(wrapper.props('expandedRowKeys')).toEqual(['p'])
+    await wrapper.setProps({ expandedRowKeys: ['p'] })
+    expect(wrapper.findAll('.rs-table__row')).toHaveLength(2)
+    expect(wrapper.text()).toContain('Child')
+  })
+
   it('supports row selection without checkbox column', async () => {
     const wrapper = mount(RsTable, {
       props: {
@@ -1087,7 +1142,7 @@ describe('RsTable', () => {
       attachTo: document.body,
     })
     await wrapper.find('.rs-table__td--data').trigger('contextmenu')
-    await wrapper.vm.$nextTick()
+    await flushPromises()
     const labels = [...document.body.querySelectorAll('.rs-context-menu__label')].map(
       (node) => node.textContent?.trim(),
     )
@@ -1104,22 +1159,22 @@ describe('RsTable', () => {
       attachTo: document.body,
     })
     await wrapper.find('.rs-table__td--data').trigger('contextmenu')
-    await wrapper.vm.$nextTick()
+    await flushPromises()
     const items = document.body.querySelectorAll('.rs-context-menu__item')
     const copyCell = [...items].find((item) => item.textContent?.includes('复制单元格'))
     expect(copyCell).toBeTruthy()
     ;(copyCell as HTMLElement).click()
-    await wrapper.vm.$nextTick()
+    await flushPromises()
     expect(copyMock).toHaveBeenCalledWith('B')
 
     copyMock.mockClear()
     await wrapper.find('.rs-table__td--data').trigger('contextmenu')
-    await wrapper.vm.$nextTick()
+    await flushPromises()
     const copyRow = [...document.body.querySelectorAll('.rs-context-menu__item')].find((item) =>
       item.textContent?.includes('复制行'),
     )
     ;(copyRow as HTMLElement).click()
-    await wrapper.vm.$nextTick()
+    await flushPromises()
     expect(copyMock).toHaveBeenCalledWith('B\t20')
     wrapper.unmount()
   })

package/src/__tests__/RsTable.ssr.spec.ts

@@ -0,0 +1,71 @@
+import { defineComponent, h } from 'vue'
+import { renderToString } from '@vue/server-renderer'
+import { describe, expect, it } from 'vitest'
+import RsTable from '../components/RsTable.vue'
+import { createChartSeriesTableFeature } from '../components/table/table-features'
+import { useRsTableHeadless } from '../composables/useRsTableHeadless'
+import type { RsTableRowData } from '../components/table-utils'
+
+type Row = RsTableRowData & { id: string; name: string; status: string }
+
+const columns = [
+  { key: 'name', title: 'Name' },
+  { key: 'status', title: 'Status' },
+]
+
+const rows: Row[] = [
+  { id: '1', name: 'a', status: 'ok' },
+  { id: '2', name: 'b', status: 'wait' },
+]
+
+describe('RsTable SSR', () => {
+  it('renderToString 产出 grid 语义与行数据（轻量只读）', async () => {
+    const App = defineComponent({
+      setup() {
+        return () =>
+          h(RsTable, {
+            columns,
+            data: rows,
+            rowKey: 'id',
+            virtual: false,
+            editable: false,
+            contextMenu: false,
+            cellTooltip: false,
+            ariaLabel: 'SSR 表',
+          })
+      },
+    })
+    const html = await renderToString(h(App))
+    expect(html).toContain('role="region"')
+    expect(html).toContain('role="grid"')
+    expect(html).toContain('aria-label="SSR 表"')
+    expect(html).toContain('role="gridcell"')
+    expect(html).toContain('>a<')
+    expect(html).toContain('>b<')
+  })
+
+  it('useRsTableHeadless 在无 document 依赖下可算 viewRows + series', async () => {
+    let seriesIds: string[] = []
+    const Host = defineComponent({
+      setup() {
+        const { api } = useRsTableHeadless<Row>({
+          columns: () => columns,
+          data: () => rows,
+          rowKey: 'id',
+          features: () => [
+            createChartSeriesTableFeature({
+              seriesDefs: [{ id: 'by-status', kind: 'pie', categoryField: 'status' }],
+              onSeries: (series) => {
+                seriesIds = series.map((s) => s.id)
+              },
+            }),
+          ],
+        })
+        return () => h('div', { 'data-count': String(api.getViewRows().length) })
+      },
+    })
+    const html = await renderToString(h(Host))
+    expect(html).toContain('data-count="2"')
+    expect(seriesIds).toEqual(['by-status'])
+  })
+})

package/src/__tests__/RsTable.summary.spec.ts

@@ -0,0 +1,45 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import RsTable from '../components/RsTable.vue'
+
+describe('RsTable summary', () => {
+  it('renders builtin summary row from column.summary', async () => {
+    const wrapper = mount(RsTable, {
+      props: {
+        showSummary: true,
+        summaryMode: 'client',
+        columns: [
+          { key: 'name', title: '名称' },
+          {
+            key: 'amount',
+            title: '金额',
+            summary: { type: 'sum' as const },
+          },
+        ],
+        data: [
+          { id: 1, name: 'A', amount: 10 },
+          { id: 2, name: 'B', amount: 5 },
+        ],
+        rowKey: 'id',
+      },
+    })
+    expect(wrapper.find('.rs-table__summary-row').exists()).toBe(true)
+    expect(wrapper.find('.rs-table__summary-row').text()).toContain('15')
+    wrapper.unmount()
+  })
+
+  it('prefers summary slot over builtin row', async () => {
+    const wrapper = mount(RsTable, {
+      props: {
+        showSummary: true,
+        columns: [{ key: 'name', title: '名称', summary: { type: 'count' as const } }],
+        data: [{ id: 1, name: 'A' }],
+        rowKey: 'id',
+      },
+      slots: { summary: () => 'custom-summary' },
+    })
+    expect(wrapper.text()).toContain('custom-summary')
+    expect(wrapper.find('.rs-table__summary-row').exists()).toBe(false)
+    wrapper.unmount()
+  })
+})

package/src/__tests__/RsTabs.spec.ts

@@ -3,7 +3,16 @@ import { flushPromises, mount } from '@vue/test-utils'
 import { h } from 'vue'
 import RsTabs from '../components/RsTabs.vue'
 import RsConfigProvider from '../components/RsConfigProvider.vue'
-import { getNextTabAfterClose, isTabClosable, isTabRenamable, reorderTabItems, resolveVisibleTabValues } from '../components/tabs-utils'
+import {
+  getNextTabAfterBatchClose,
+  getNextTabAfterClose,
+  isTabClosable,
+  isTabFixed,
+  isTabRenamable,
+  reorderTabItems,
+  resolveTabsToClose,
+  resolveVisibleTabValues,
+} from '../components/tabs-utils'
 
 const items = [
   { value: 'a', label: '标签 A' },
@@ -37,6 +46,34 @@ describe('tabs-utils', () => {
     expect(isTabClosable({ value: 'a', label: 'A', closable: true }, false)).toBe(true)
   })
 
+  it('isTabFixed and fixed forbids closable', () => {
+    expect(isTabFixed({ value: 'a', label: 'A', fixed: true })).toBe(true)
+    expect(isTabClosable({ value: 'a', label: 'A', fixed: true, closable: true }, true)).toBe(false)
+  })
+
+  it('resolveTabsToClose skips fixed tabs for batch actions', () => {
+    const items = [
+      { value: 'home', label: 'Home', fixed: true },
+      { value: 'a', label: 'A' },
+      { value: 'b', label: 'B' },
+      { value: 'c', label: 'C' },
+    ]
+    expect(resolveTabsToClose(items, 'others', 'b', true)).toEqual(['a', 'c'])
+    expect(resolveTabsToClose(items, 'left', 'b', true)).toEqual(['a'])
+    expect(resolveTabsToClose(items, 'right', 'b', true)).toEqual(['c'])
+    expect(resolveTabsToClose(items, 'all', 'b', true)).toEqual(['a', 'b', 'c'])
+  })
+
+  it('getNextTabAfterBatchClose keeps active when still present', () => {
+    const remaining = [
+      { value: 'home', label: 'Home' },
+      { value: 'b', label: 'B' },
+    ]
+    expect(getNextTabAfterBatchClose(remaining, 'b', 'b')).toBe('b')
+    expect(getNextTabAfterBatchClose(remaining, 'a', 'b')).toBe('b')
+    expect(getNextTabAfterBatchClose([], 'a')).toBeUndefined()
+  })
+
   it('getNextTabAfterClose prefers right neighbor then left', () => {
     const items = [
       { value: 'a', label: 'A' },
@@ -177,6 +214,12 @@ describe('RsTabs', () => {
     expect(wrapper.find('.panel-a').exists()).toBe(false)
   })
 
+  it('applies contentGap class for title-to-content spacing', () => {
+    const wrapper = mountTabs({ borderless: true, contentGap: 'xl' })
+    expect(wrapper.find('.rs-tabs').classes()).toContain('rs-tabs--content-gap-xl')
+    expect(wrapper.find('.rs-tabs').classes()).toContain('rs-tabs--borderless')
+  })
+
   it('wraps list and panels in a shared body container', () => {
     const wrapper = mountTabs()
     expect(wrapper.find('.rs-tabs__body').exists()).toBe(true)
@@ -283,15 +326,18 @@ describe('RsTabs', () => {
     expect(wrapper.find('.rs-tabs').classes()).toContain('rs-tabs--card')
   })
 
-  it('renders drag handle when draggable', () => {
+  it('makes movable tabs draggable without a handle', () => {
     const wrapper = mountTabs({ draggable: true })
-    expect(wrapper.find('.rs-tabs__drag-handle').exists()).toBe(true)
+    expect(wrapper.find('.rs-tabs').classes()).toContain('rs-tabs--draggable')
+    expect(wrapper.find('.rs-tabs__drag-handle').exists()).toBe(false)
+    expect(wrapper.findAll('.rs-tabs__trigger--movable')).toHaveLength(items.length)
+    expect(wrapper.find('.rs-tabs__trigger--movable').attributes('draggable')).toBe('true')
   })
 
   it('emits reorder on drop', async () => {
     const wrapper = mountTabs({ draggable: true })
     const triggers = wrapper.findAll('.rs-tabs__trigger')
-    await wrapper.findAll('.rs-tabs__drag-handle')[0]?.trigger('dragstart', {
+    await triggers[0]?.trigger('dragstart', {
       dataTransfer: { setData: () => {}, effectAllowed: 'move' },
     })
     await triggers[2]?.trigger('drop', { preventDefault: () => {} })
@@ -325,4 +371,56 @@ describe('RsTabs', () => {
     const wrapper = mountTabs({ overflow: 'dropdown' })
     expect(wrapper.find('.rs-tabs').classes()).toContain('rs-tabs--dropdown-overflow')
   })
+
+  it('hides close button and shows pin for fixed tabs', () => {
+    const wrapper = mount(RsTabs, {
+      props: {
+        items: [
+          { value: 'home', label: 'Home', fixed: true },
+          { value: 'a', label: 'A' },
+        ],
+        modelValue: 'home',
+        closable: true,
+      },
+      slots: {
+        home: () => h('p', 'Home'),
+        a: () => h('p', 'A'),
+      },
+    })
+    expect(wrapper.find('.rs-tabs__trigger--fixed').exists()).toBe(true)
+    expect(wrapper.find('.rs-tabs__pin').exists()).toBe(true)
+    expect(wrapper.findAll('.rs-tabs__close')).toHaveLength(1)
+  })
+
+  it('renders extra slot actions', () => {
+    const wrapper = mount(RsTabs, {
+      props: {
+        items,
+        modelValue: 'a',
+        panelless: true,
+      },
+      slots: {
+        extra: () => h('button', { class: 'extra-action' }, '刷新'),
+      },
+    })
+    expect(wrapper.find('.rs-tabs__extra .extra-action').exists()).toBe(true)
+    expect(wrapper.find('.rs-tabs').classes()).toContain('rs-tabs--has-extra')
+  })
+
+  it('blocks tab switch when beforeLeave returns false', async () => {
+    const wrapper = mountTabs({
+      beforeLeave: () => false,
+    })
+    await wrapper.findAll('.rs-tabs__trigger')[1]?.trigger('mousedown', { button: 0 })
+    await flushPromises()
+    expect(wrapper.emitted('update:modelValue')).toBeUndefined()
+  })
+
+  it('emits closeBatch for middle-click close', async () => {
+    const wrapper = mountTabs({ modelValue: 'b', closable: true })
+    await wrapper.findAll('.rs-tabs__trigger')[1]?.trigger('auxclick', { button: 1 })
+    await flushPromises()
+    expect(wrapper.emitted('close')?.[0]).toEqual(['b'])
+    expect(wrapper.emitted('update:modelValue')?.pop()).toEqual(['c'])
+  })
 })

package/src/__tests__/RsTerminal.spec.ts

@@ -41,7 +41,7 @@ vi.mock('@xterm/addon-fit', () => ({
   },
 }))
 
-vi.mock('xterm', () => ({
+vi.mock('@xterm/xterm', () => ({
   Terminal: class {
     cols = 80
     rows = 24

package/src/__tests__/RsTimePicker.spec.ts

@@ -68,6 +68,17 @@ describe('RsTimePicker', () => {
     wrapper.unmount()
   })
 
+  it('applies size class on root and columns panel', async () => {
+    const wrapper = mount(RsTimePicker, {
+      props: { modelValue: '08:00', size: 'sm', open: true },
+      attachTo: document.body,
+    })
+    await flushPromises()
+    expect(wrapper.classes()).toContain('rs-time-picker--sm')
+    expect(document.body.querySelector('.rs-time-columns--sm')).not.toBeNull()
+    wrapper.unmount()
+  })
+
   it('disables trigger when disabled', () => {
     const wrapper = mount(RsTimePicker, {
       props: { modelValue: '10:00', disabled: true },