niuma-ui 1.1.11 → 1.2.0

package/src/__tests__/theme.spec.ts

@@ -1,49 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { createRsConfigState } from '../composables/useRsConfig'
-import { applyTheme } from '../theme/apply'
-import { themePresets } from '../theme/presets'
-import {
-  RS_FONT_SIZES,
-  RS_FONT_SIZE_CSS,
-  RS_FONT_WEIGHTS,
-  RS_FONT_WEIGHT_CSS,
-} from '../theme/types'
-
-describe('useRsConfig / theme', () => {
-  it('translates by locale', () => {
-    const zh = createRsConfigState('dark', 'zh-CN')
-    const en = createRsConfigState('dark', 'en-US')
-    expect(zh.t('select.placeholder')).toBe('请选择')
-    expect(en.t('select.placeholder')).toBe('Select')
-    expect(zh.t('input.required')).toBe('此项为必填')
-    expect(en.t('input.required')).toBe('This field is required')
-    expect(zh.t('form.validate.required', { label: '邮箱' })).toBe('请填写邮箱')
-    expect(en.t('form.validate.required', { label: 'Email' })).toBe('Please enter Email')
-    expect(en.t('breadcrumb.label')).toBe('Breadcrumb')
-  })
-
-  it('applyTheme sets data-rs-theme on element', () => {
-    applyTheme('light')
-    expect(document.documentElement.dataset.rsTheme).toBe('light')
-    applyTheme('dark')
-    expect(document.documentElement.dataset.rsTheme).toBe('dark')
-  })
-
-  it('exposes typography token ladders', () => {
-    expect(RS_FONT_SIZES).toEqual(['xs', 'sm', 'base', 'lg', 'xl', '2xl', '3xl'])
-    expect(RS_FONT_SIZE_CSS['3xl']).toBe('var(--rs-font-size-3xl)')
-    expect(RS_FONT_WEIGHTS).toEqual(['regular', 'medium', 'semibold', 'bold'])
-    expect(RS_FONT_WEIGHT_CSS.semibold).toBe('var(--rs-font-weight-semibold)')
-  })
-
-  it('theme presets include text semantic fields', () => {
-    for (const mode of ['light', 'dark'] as const) {
-      const p = themePresets[mode]
-      expect(p.text).toBeTruthy()
-      expect(p.muted).toBeTruthy()
-      expect(p.placeholder).toBeTruthy()
-      expect(p.textDisabled).toBeTruthy()
-      expect(p.textInverse).toBe('#ffffff')
-    }
-  })
-})

package/src/__tests__/tree-utils.spec.ts

@@ -1,234 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import {
-  buildTreeNodeIndex,
-  collectHalfCheckedKeys,
-  filterTreeNodes,
-  flattenVisibleTreeNodes,
-  isTreeAncestorKey,
-  resolveAccordionExpandedKeys,
-  resolveTreeIndent,
-  resolveTreeRowHeight,
-  resolveTreeCheckState,
-  resolveTreeFieldNames,
-  resolveTreeFocusKey,
-  resolveTreeVirtualEnabled,
-  shouldShowTreeCheckbox,
-  sliceVirtualTreeNodes,
-  splitTreeLabelHighlight,
-  toggleTreeCheck,
-  type RsTreeNode,
-} from '../components/tree-utils'
-import { RS_COMPONENT_SIZES } from '../theme/types'
-
-const nodes = [
-  {
-    key: 'root',
-    label: '根',
-    children: [
-      { key: 'child-a', label: '子节点 A' },
-      { key: 'child-b', label: '子节点 B' },
-    ],
-  },
-]
-
-describe('tree-utils', () => {
-  it('filters nodes by keyword and keeps ancestors', () => {
-    const filtered = filterTreeNodes(nodes, 'b')
-    expect(filtered).toHaveLength(1)
-    expect(filtered[0]?.children).toHaveLength(1)
-    expect(filtered[0]?.children?.[0]?.key).toBe('child-b')
-  })
-
-  it('filters with custom filterNode', () => {
-    const apiNodes = [{ id: '1', name: 'Alpha' }, { id: '2', name: 'Beta' }]
-    const filtered = filterTreeNodes(apiNodes, 'bet', {
-      fieldNames: { key: 'id', label: 'name' },
-      filterNode: (node, keyword) => String(node.name).toLowerCase().includes(keyword.toLowerCase()),
-    })
-    expect(filtered).toHaveLength(1)
-    expect(filtered[0]?.id).toBe('2')
-  })
-
-  it('flattens visible nodes based on expanded keys', () => {
-    const expanded = new Set(['root'])
-    const flat = flattenVisibleTreeNodes(nodes, expanded)
-    expect(flat.map((item) => item.key)).toEqual(['root', 'child-a', 'child-b'])
-  })
-
-  it('tracks ancestor levelLines for continuous showLine guides', () => {
-    const tree: RsTreeNode[] = [
-      {
-        key: 'a',
-        label: 'A',
-        children: [
-          { key: 'a1', label: 'A1' },
-          {
-            key: 'a2',
-            label: 'A2',
-            children: [{ key: 'a2x', label: 'A2X' }],
-          },
-        ],
-      },
-      { key: 'b', label: 'B' },
-    ]
-    const flat = flattenVisibleTreeNodes(tree, new Set(['a', 'a2']))
-    const a2x = flat.find((item) => item.key === 'a2x')
-    // a 不是末项 → 子树行需保留 depth0 贯穿线；a2 是 a 下末项 → depth1 应断开
-    expect(a2x?.levelLines).toEqual([true, false])
-    expect(a2x?.isLast).toBe(true)
-    const a1 = flat.find((item) => item.key === 'a1')
-    expect(a1?.levelLines).toEqual([true])
-    expect(a1?.isLast).toBe(false)
-  })
-
-  it('toggles parent-child checks', () => {
-    const index = buildTreeNodeIndex(nodes)
-    const next = toggleTreeCheck('root', new Set(), index, false)
-    expect(next).toEqual(expect.arrayContaining(['root', 'child-a', 'child-b']))
-    expect(resolveTreeCheckState('root', new Set(next), index, false)).toBe('checked')
-  })
-
-  it('collects half checked keys', () => {
-    const index = buildTreeNodeIndex(nodes)
-    const half = collectHalfCheckedKeys(index, new Set(['child-a']), false)
-    expect(half).toEqual(['root'])
-  })
-
-  it('resolves accordion expanded keys', () => {
-    const index = buildTreeNodeIndex(nodes)
-    const next = resolveAccordionExpandedKeys('child-b', ['root', 'child-a'], index, ['root'])
-    expect(next).toEqual(expect.arrayContaining(['root', 'child-b']))
-    expect(next).not.toContain('child-a')
-  })
-
-  it('supports strict checking', () => {
-    const index = buildTreeNodeIndex(nodes)
-    const next = toggleTreeCheck('child-a', new Set(), index, true)
-    expect(next).toEqual(['child-a'])
-    expect(resolveTreeCheckState('root', new Set(next), index, true)).toBe('unchecked')
-  })
-
-  it('enables virtual scroll by threshold', () => {
-    expect(resolveTreeVirtualEnabled({ flatCount: 50 })).toBe(false)
-    expect(resolveTreeVirtualEnabled({ flatCount: 150 })).toBe(true)
-    expect(resolveTreeVirtualEnabled({ virtual: true, flatCount: 10 })).toBe(true)
-  })
-
-  it('slices virtual tree nodes', () => {
-    const flat = Array.from({ length: 200 }, (_, index) => ({
-      key: String(index),
-      node: { key: String(index), label: `N${index}` },
-      depth: 0,
-      hasChildren: false,
-      isLast: index === 199,
-      parentKey: null,
-      levelLines: [] as boolean[],
-    }))
-    const slice = sliceVirtualTreeNodes(flat, 320, 200, 32, 2)
-    expect(slice.nodes.length).toBeLessThan(flat.length)
-    expect(slice.paddingTop).toBeGreaterThan(0)
-  })
-
-  it('clamps virtual slice when scrollTop exceeds filtered content', () => {
-    const flat = Array.from({ length: 5 }, (_, index) => ({
-      key: String(index),
-      node: { key: String(index), label: `N${index}` },
-      depth: 0,
-      hasChildren: false,
-      isLast: index === 4,
-      parentKey: null,
-      levelLines: [] as boolean[],
-    }))
-    const slice = sliceVirtualTreeNodes(flat, 50_000, 200, 32, 2)
-    expect(slice.nodes.length).toBeGreaterThan(0)
-    expect(slice.nodes.length).toBeLessThanOrEqual(flat.length)
-    expect(slice.paddingTop).toBeLessThan(flat.length * 32)
-  })
-
-  it('reports the slice start index so rows can be positioned in O(1)', () => {
-    const flat = Array.from({ length: 500 }, (_, index) => ({
-      key: String(index),
-      node: { key: String(index), label: `N${index}` },
-      depth: 0,
-      hasChildren: false,
-      isLast: index === 499,
-      parentKey: null,
-      levelLines: [] as boolean[],
-    }))
-    const slice = sliceVirtualTreeNodes(flat, 3200, 200, 32, 2)
-    expect(slice.startIndex).toBe(98)
-    expect(slice.nodes[0]?.key).toBe(String(slice.startIndex))
-    expect(slice.paddingTop).toBe(slice.startIndex * 32)
-  })
-
-  it('flattens a huge sibling group without blowing the call stack', () => {
-    // 旧实现用 push(...子结果)，单层可见节点过多时实参超限会抛 RangeError
-    const wide: RsTreeNode = {
-      key: 'wide',
-      label: '宽节点',
-      children: Array.from({ length: 200_000 }, (_, index) => ({
-        key: `w-${index}`,
-        label: `W${index}`,
-      })),
-    }
-    const flat = flattenVisibleTreeNodes([wide], new Set(['wide']))
-    expect(flat).toHaveLength(200_001)
-    expect(flat[200_000]?.key).toBe('w-199999')
-  })
-
-  it('detects ancestry by walking up parents', () => {
-    const index = buildTreeNodeIndex(nodes)
-    expect(isTreeAncestorKey('root', 'child-a', index)).toBe(true)
-    expect(isTreeAncestorKey('child-a', 'root', index)).toBe(false)
-    expect(isTreeAncestorKey('child-a', 'child-b', index)).toBe(false)
-    expect(isTreeAncestorKey('root', 'root', index)).toBe(false)
-  })
-
-  it('short-circuits check state when nothing is checked', () => {
-    const index = buildTreeNodeIndex(nodes)
-    expect(resolveTreeCheckState('root', new Set(), index, false)).toBe('unchecked')
-    expect(collectHalfCheckedKeys(index, new Set(), false)).toEqual([])
-  })
-
-  it('highlights label segments', () => {
-    const parts = splitTreeLabelHighlight('RsTree 组件', 'tree')
-    expect(parts.find((part) => part.highlight)?.text).toBe('Tree')
-  })
-
-  it('resolves a finite row height and indent for every size', () => {
-    // 漏掉任一档会返回 undefined，进而让虚拟滚动的 padding 变成 NaN
-    for (const size of RS_COMPONENT_SIZES) {
-      expect(Number.isFinite(resolveTreeRowHeight(size))).toBe(true)
-      expect(Number.isFinite(resolveTreeIndent(size))).toBe(true)
-    }
-    expect(resolveTreeRowHeight('ssm')).toBeLessThan(resolveTreeRowHeight('sm'))
-    expect(resolveTreeIndent('ssm')).toBeLessThan(resolveTreeIndent('sm'))
-    expect(resolveTreeRowHeight('md', 21)).toBe(21)
-  })
-
-  it('maps field names', () => {
-    const fields = resolveTreeFieldNames({ key: 'id', label: 'title', children: 'items' })
-    expect(fields.key).toBe('id')
-    expect(fields.children).toBe('items')
-  })
-
-  it('moves focus within flat nodes', () => {
-    const flat = flattenVisibleTreeNodes(nodes, new Set(['root']))
-    const index = buildTreeNodeIndex(nodes)
-    expect(resolveTreeFocusKey(flat, 'child-a', 'next', index)).toBe('child-b')
-    expect(resolveTreeFocusKey(flat, 'child-b', 'parent', index)).toBe('root')
-  })
-
-  it('supports onlyCheckLeaf mode', () => {
-    const index = buildTreeNodeIndex(nodes)
-    const root = nodes[0]!
-    expect(shouldShowTreeCheckbox(root)).toBe(true)
-    expect(shouldShowTreeCheckbox(root, undefined, { onlyCheckLeaf: true })).toBe(false)
-    const next = toggleTreeCheck('child-a', new Set(), index, false, true)
-    expect(next).toEqual(['child-a'])
-    expect(resolveTreeCheckState('root', new Set(next), index, false, true)).toBe('indeterminate')
-    const both = toggleTreeCheck('child-b', new Set(next), index, false, true)
-    expect(resolveTreeCheckState('root', new Set(both), index, false, true)).toBe('checked')
-    expect(collectHalfCheckedKeys(index, new Set(next), false, true)).toEqual(['root'])
-  })
-})

package/src/__tests__/useRsTableColumnResize.spec.ts

@@ -1,25 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { measureRsTablePrefixWidth } from '../composables/useRsTableColumnVirtual'
-
-describe('measureRsTablePrefixWidth', () => {
-  it('sums visible prefix columns only', () => {
-    expect(
-      measureRsTablePrefixWidth({
-        showRowDragHandle: true,
-        detailExpandable: true,
-        showSelectColumn: true,
-        showIndexColumn: true,
-        indexWidth: 48,
-      }),
-    ).toBe(40 + 40 + 40 + 48)
-
-    expect(
-      measureRsTablePrefixWidth({
-        showEditGutterColumn: true,
-        gutterWidth: 32,
-        showIndexColumn: true,
-        indexWidth: 48,
-      }),
-    ).toBe(32)
-  })
-})

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

@@ -1,170 +0,0 @@
-import { describe, expect, it, vi } from 'vitest'
-import { computed, defineComponent, h, nextTick, ref } from 'vue'
-import { mount } from '@vue/test-utils'
-import { useRsTableCore } from '../composables/useRsTableCore'
-import type { RsTableColumn, RsTableRowData } from '../components/table-utils'
-
-type Row = RsTableRowData & { id: string; name: string }
-
-const columns: RsTableColumn<Row>[] = [{ key: 'name', title: 'Name' }]
-
-describe('useRsTableCore performance guards', () => {
-  it('选中变化不重绑 analytics feature（避免图表订阅抖动）', async () => {
-    const setupCount = { n: 0 }
-    const data = ref<Row[]>([
-      { id: '1', name: 'a' },
-      { id: '2', name: 'b' },
-    ])
-    const selected = ref<string[]>([])
-
-    const Host = defineComponent({
-      setup() {
-        const core = useRsTableCore<Row>({
-          columns: () => columns,
-          data: () => data.value,
-          rowKey: () => 'id',
-          compact: () => false,
-          size: () => 'md',
-          columnOrder: () => undefined,
-          defaultColumnOrder: [],
-          columnFilters: () => undefined,
-          defaultColumnFilters: {},
-          initialColumnWidths: () => undefined,
-          resizable: () => false,
-          columnLayout: () => 'auto',
-          sort: () => undefined,
-          defaultSort: null,
-          sorts: () => undefined,
-          defaultSorts: [],
-          multiSort: () => false,
-          remoteSort: () => false,
-          filterText: () => undefined,
-          filterKeys: () => undefined,
-          groupBy: () => undefined,
-          groupLabel: () => undefined,
-          treeConfig: () => undefined,
-          expandable: () => false,
-          rowExpandable: () => undefined,
-          selectedRowKeys: () => selected.value,
-          defaultSelectedRowKeys: [],
-          expandedRowKeys: () => undefined,
-          defaultExpandedRowKeys: [],
-          rowSelectable: () => undefined,
-          height: () => 320,
-          layoutActive: () => true,
-          viewKey: () => undefined,
-          virtual: () => true,
-          virtualAutoThreshold: () => 50,
-          fill: () => false,
-          infinite: () => false,
-          virtualOnInfinite: () => true,
-          overscan: () => 4,
-          expandRowHeight: () => undefined,
-          rowHeight: () => undefined,
-          selectable: () => true,
-          editable: () => false,
-          contextMenu: () => true,
-          summaryFeatureEnabled: () => false,
-          features: () => [
-            {
-              id: 'probe',
-              setup() {
-                setupCount.n += 1
-              },
-            },
-          ],
-          emit: vi.fn() as any,
-        })
-        return () => h('div', { 'data-view': core.viewRows.value.length })
-      },
-    })
-
-    const wrapper = mount(Host)
-    expect(setupCount.n).toBe(1)
-
-    selected.value = ['1']
-    await nextTick()
-    selected.value = ['1', '2']
-    await nextTick()
-    expect(setupCount.n).toBe(1)
-
-    // data 引用替换不应因选中之外的原因反复拆 feature；仅 features 签名变化才重绑
-    data.value = [
-      { id: '1', name: 'a' },
-      { id: '2', name: 'b' },
-      { id: '3', name: 'c' },
-    ]
-    await nextTick()
-    expect(setupCount.n).toBe(1)
-
-    wrapper.unmount()
-  })
-
-  it('viewRows 与 dataRows 同源同趟（引用长度一致）', () => {
-    const Host = defineComponent({
-      setup() {
-        const core = useRsTableCore<Row>({
-          columns: () => columns,
-          data: () => [
-            { id: '1', name: 'a' },
-            { id: '2', name: 'b' },
-          ],
-          rowKey: () => 'id',
-          compact: () => false,
-          size: () => 'md',
-          columnOrder: () => undefined,
-          defaultColumnOrder: [],
-          columnFilters: () => undefined,
-          defaultColumnFilters: {},
-          initialColumnWidths: () => undefined,
-          resizable: () => false,
-          columnLayout: () => 'auto',
-          sort: () => undefined,
-          defaultSort: null,
-          sorts: () => undefined,
-          defaultSorts: [],
-          multiSort: () => false,
-          remoteSort: () => false,
-          filterText: () => undefined,
-          filterKeys: () => undefined,
-          groupBy: () => undefined,
-          groupLabel: () => undefined,
-          treeConfig: () => undefined,
-          expandable: () => false,
-          rowExpandable: () => undefined,
-          selectedRowKeys: () => undefined,
-          defaultSelectedRowKeys: [],
-          expandedRowKeys: () => undefined,
-          defaultExpandedRowKeys: [],
-          rowSelectable: () => undefined,
-          height: () => 320,
-          layoutActive: () => true,
-          viewKey: () => undefined,
-          virtual: () => false,
-          virtualAutoThreshold: () => 50,
-          fill: () => false,
-          infinite: () => false,
-          virtualOnInfinite: () => true,
-          overscan: () => 4,
-          expandRowHeight: () => undefined,
-          rowHeight: () => undefined,
-          selectable: () => false,
-          editable: () => false,
-          contextMenu: () => true,
-          summaryFeatureEnabled: () => false,
-          features: () => undefined,
-          emit: vi.fn() as any,
-        })
-        const ok = computed(
-          () =>
-            core.viewRows.value.length === core.dataRows.value.length &&
-            core.viewRows.value[0] === core.dataRows.value[0]?.row,
-        )
-        return () => h('div', { 'data-ok': String(ok.value) })
-      },
-    })
-    const wrapper = mount(Host)
-    expect(wrapper.attributes('data-ok')).toBe('true')
-    wrapper.unmount()
-  })
-})

package/src/__tests__/useTableCellTooltip.spec.ts

@@ -1,101 +0,0 @@
-import { describe, expect, it, vi, afterEach, beforeEach } from 'vitest'
-import { flushPromises, mount } from '@vue/test-utils'
-import { defineComponent, ref } from 'vue'
-import { useTableCellTooltip } from '../composables/useTableCellTooltip'
-
-const Host = defineComponent({
-  props: {
-    delay: { type: Number, default: 0 },
-  },
-  setup(props) {
-    const tipRef = ref<HTMLElement | null>(null)
-    const { state, onPointerOver, onPointerOut, hide } = useTableCellTooltip({
-      enabled: () => true,
-      delay: () => props.delay,
-      tipRef,
-    })
-    return { state, onPointerOver, onPointerOut, hide, tipRef }
-  },
-  template: `
-    <div @pointerover="onPointerOver" @pointerout="onPointerOut">
-      <span
-        class="rs-table__cell-tip rs-table__ellipsis-text"
-        data-rs-table-tip-mode="overflow"
-        data-rs-table-tip-text="完整文本"
-      >截断</span>
-      <div
-        v-if="state.visible"
-        ref="tipRef"
-        class="rs-table__shared-tip"
-        :style="state.style"
-      >{{ state.text }}</div>
-    </div>
-  `,
-})
-
-describe('useTableCellTooltip', () => {
-  beforeEach(() => {
-    vi.useFakeTimers()
-  })
-
-  afterEach(() => {
-    vi.useRealTimers()
-  })
-
-  it('shows tooltip only when ellipsis content overflows', async () => {
-    const wrapper = mount(Host, { attachTo: document.body })
-    const cell = wrapper.find('.rs-table__cell-tip').element as HTMLElement
-    Object.defineProperty(cell, 'scrollWidth', { value: 200, configurable: true })
-    Object.defineProperty(cell, 'clientWidth', { value: 80, configurable: true })
-
-    await wrapper.find('.rs-table__cell-tip').trigger('pointerover', { pointerType: 'mouse' })
-    await vi.runAllTimersAsync()
-    await flushPromises()
-
-    expect(wrapper.find('.rs-table__shared-tip').text()).toBe('完整文本')
-    wrapper.unmount()
-  })
-
-  it('hides tooltip when content does not overflow', async () => {
-    const wrapper = mount(Host, { attachTo: document.body })
-    await wrapper.find('.rs-table__cell-tip').trigger('pointerover', { pointerType: 'mouse' })
-    await vi.runAllTimersAsync()
-    await flushPromises()
-    expect(wrapper.find('.rs-table__shared-tip').exists()).toBe(false)
-    wrapper.unmount()
-  })
-
-  it('shows header tooltip via shared layer', async () => {
-    const HeaderHost = defineComponent({
-      setup() {
-        const tipRef = ref<HTMLElement | null>(null)
-        const { state, onPointerOver, onPointerOut } = useTableCellTooltip({
-          enabled: () => false,
-          headerEnabled: () => true,
-          delay: () => 0,
-          tipRef,
-        })
-        return { state, onPointerOver, onPointerOut, tipRef }
-      },
-      template: `
-        <div @pointerover="onPointerOver" @pointerout="onPointerOut">
-          <span class="rs-table__th-label" data-rs-table-header-tip="字段: id&#10;类型: int">id</span>
-          <div
-            v-if="state.visible"
-            ref="tipRef"
-            class="rs-table__shared-tip"
-            :class="{ 'rs-table__shared-tip--header': state.kind === 'header' }"
-            :style="state.style"
-          >{{ state.text }}</div>
-        </div>
-      `,
-    })
-    const wrapper = mount(HeaderHost, { attachTo: document.body })
-    await wrapper.find('.rs-table__th-label').trigger('pointerover', { pointerType: 'mouse' })
-    await vi.runAllTimersAsync()
-    await flushPromises()
-    expect(wrapper.find('.rs-table__shared-tip--header').exists()).toBe(true)
-    expect(wrapper.find('.rs-table__shared-tip').text()).toContain('字段: id')
-    wrapper.unmount()
-  })
-})