niuma-ui 1.1.12 → 1.2.1

package/src/__tests__/RsInputNumber.spec.ts

@@ -1,151 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { nextTick } from 'vue'
-import RsInputNumber from '../components/RsInputNumber.vue'
-import {
-  clampNumber,
-  formatNumberValue,
-  fromModelValue,
-  isNumberInputInterim,
-  normalizeCommittedNumber,
-  parseNumberInput,
-  stepNumberValue,
-  toModelValue,
-} from '../components/input-number-utils'
-
-describe('input-number-utils', () => {
-  it('parses and rejects invalid text', () => {
-    expect(parseNumberInput('12.5')).toBe(12.5)
-    expect(parseNumberInput('')).toBeNull()
-    expect(parseNumberInput('-')).toBeNull()
-    expect(parseNumberInput('abc')).toBeNull()
-  })
-
-  it('detects interim typing states', () => {
-    expect(isNumberInputInterim('-')).toBe(true)
-    expect(isNumberInputInterim('+')).toBe(true)
-    expect(isNumberInputInterim('1.')).toBe(true)
-    expect(isNumberInputInterim('1e')).toBe(true)
-    expect(isNumberInputInterim('12')).toBe(false)
-  })
-
-  it('steps with precision and clamps', () => {
-    expect(stepNumberValue(1, 1, { step: 0.1, precision: 1 })).toBe(1.1)
-    expect(stepNumberValue(9, 1, { step: 1, max: 9 })).toBe(9)
-    expect(stepNumberValue(null, 1, { step: 1 })).toBe(1)
-  })
-
-  it('normalizes commit with min/max/precision', () => {
-    expect(normalizeCommittedNumber('3.456', { precision: 2 })).toBe(3.46)
-    expect(normalizeCommittedNumber('100', { max: 10 })).toBe(10)
-    expect(normalizeCommittedNumber('-', {})).toBeNull()
-  })
-
-  it('converts model modes', () => {
-    expect(toModelValue(3, false)).toBe(3)
-    expect(toModelValue(3, true)).toBe('3')
-    expect(fromModelValue('2.5')).toBe(2.5)
-    expect(clampNumber(20, 0, 10)).toBe(10)
-    expect(formatNumberValue(1.2, { precision: 2 })).toBe('1.20')
-  })
-})
-
-describe('RsInputNumber', () => {
-  function mountNumber(props: Record<string, unknown> = {}) {
-    const state = { value: (props.modelValue ?? null) as unknown }
-    const wrapper = mount(RsInputNumber, {
-      props: {
-        ...props,
-        modelValue: state.value as never,
-        'onUpdate:modelValue': (v: unknown) => {
-          state.value = v
-          void wrapper.setProps({ modelValue: v as never })
-        },
-      },
-    })
-    return { wrapper, state }
-  }
-
-  it('emits number by default', async () => {
-    const { wrapper, state } = mountNumber({ modelValue: 1 })
-    const input = wrapper.find('input')
-    await input.setValue('42')
-    await input.trigger('blur')
-    expect(state.value).toBe(42)
-  })
-
-  it('emits string in stringMode', async () => {
-    const { wrapper, state } = mountNumber({ modelValue: '1', stringMode: true })
-    const input = wrapper.find('input')
-    await input.setValue('256')
-    await input.trigger('blur')
-    expect(state.value).toBe('256')
-    expect(typeof state.value).toBe('string')
-  })
-
-  it('steps via controls and clamps to max', async () => {
-    const { wrapper, state } = mountNumber({
-      modelValue: 9,
-      step: 1,
-      max: 10,
-      controls: true,
-    })
-    const up = wrapper.find('.rs-input-number__handler--up')
-    await up.trigger('click')
-    await nextTick()
-    expect(state.value).toBe(10)
-    await up.trigger('click')
-    await nextTick()
-    expect(state.value).toBe(10)
-  })
-
-  it('supports keyboard arrow steps', async () => {
-    const { wrapper, state } = mountNumber({ modelValue: 5, step: 2, keyboard: true })
-    const input = wrapper.find('input')
-    await input.trigger('keydown', { key: 'ArrowUp' })
-    expect(state.value).toBe(7)
-    await input.trigger('keydown', { key: 'ArrowDown' })
-    expect(state.value).toBe(5)
-  })
-
-  it('ignores wheel when changeOnWheel is off', async () => {
-    const { wrapper, state } = mountNumber({ modelValue: 5, step: 1 })
-    const input = wrapper.find('input')
-    await input.trigger('focus')
-    await input.trigger('wheel', { deltaY: -100 })
-    expect(state.value).toBe(5)
-  })
-
-  it('steps on wheel when changeOnWheel is on and focused', async () => {
-    const { wrapper, state } = mountNumber({
-      modelValue: 5,
-      step: 1,
-      changeOnWheel: true,
-    })
-    const input = wrapper.find('input')
-    await input.trigger('focus')
-    await input.trigger('wheel', { deltaY: -100 })
-    expect(state.value).toBe(6)
-    await input.trigger('wheel', { deltaY: 100 })
-    expect(state.value).toBe(5)
-  })
-
-  it('ignores wheel when changeOnWheel is on but not focused', async () => {
-    const { wrapper, state } = mountNumber({
-      modelValue: 5,
-      step: 1,
-      changeOnWheel: true,
-    })
-    const input = wrapper.find('input')
-    await input.trigger('wheel', { deltaY: -100 })
-    expect(state.value).toBe(5)
-  })
-
-  it('clears to null on empty blur', async () => {
-    const { wrapper, state } = mountNumber({ modelValue: 3 })
-    const input = wrapper.find('input')
-    await input.setValue('')
-    await input.trigger('blur')
-    expect(state.value).toBeNull()
-  })
-})

package/src/__tests__/RsLabel.spec.ts

@@ -1,106 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import RsInput from '../components/RsInput.vue'
-import RsLabel from '../components/RsLabel.vue'
-
-describe('RsLabel', () => {
-  it('renders slot text', () => {
-    const wrapper = mount(RsLabel, {
-      slots: { default: '邮箱' },
-    })
-    expect(wrapper.text()).toContain('邮箱')
-  })
-
-  it('shows required marker when required is true', () => {
-    const wrapper = mount(RsLabel, {
-      props: { required: true },
-      slots: { default: '名称' },
-    })
-    expect(wrapper.find('.rs-label__required').exists()).toBe(true)
-    expect(wrapper.find('.rs-label__required').text()).toBe('*')
-  })
-
-  it('hides required marker by default', () => {
-    const wrapper = mount(RsLabel, {
-      slots: { default: '名称' },
-    })
-    expect(wrapper.find('.rs-label__required').exists()).toBe(false)
-  })
-
-  it('marks required asterisk as aria-hidden', () => {
-    const wrapper = mount(RsLabel, {
-      props: { required: true },
-      slots: { default: '密码' },
-    })
-    expect(wrapper.find('.rs-label__required').attributes('aria-hidden')).toBe('true')
-  })
-
-  it('binds for attribute when forId is set', () => {
-    const wrapper = mount(RsLabel, {
-      props: { forId: 'email' },
-      slots: { default: '邮箱' },
-    })
-    expect(wrapper.attributes('for')).toBe('email')
-  })
-
-  it('omits for attribute when forId is not set', () => {
-    const wrapper = mount(RsLabel, {
-      slots: { default: '说明' },
-    })
-    expect(wrapper.attributes('for')).toBeUndefined()
-  })
-
-  it('renders hint text', () => {
-    const wrapper = mount(RsLabel, {
-      props: { hint: '用于登录与通知' },
-      slots: { default: '邮箱地址' },
-    })
-    expect(wrapper.find('.rs-label__hint').text()).toBe('用于登录与通知')
-  })
-
-  it('does not render hint element when hint is omitted', () => {
-    const wrapper = mount(RsLabel, {
-      slots: { default: '邮箱地址' },
-    })
-    expect(wrapper.find('.rs-label__hint').exists()).toBe(false)
-  })
-
-  it('applies disabled class when disabled', () => {
-    const wrapper = mount(RsLabel, {
-      props: { disabled: true },
-      slots: { default: '已禁用字段' },
-    })
-    expect(wrapper.classes()).toContain('rs-label--disabled')
-  })
-
-  it('supports required, hint, forId and disabled together', () => {
-    const wrapper = mount(RsLabel, {
-      props: {
-        forId: 'username',
-        required: true,
-        hint: '3–20 个字符',
-        disabled: true,
-      },
-      slots: { default: '用户名' },
-    })
-    expect(wrapper.attributes('for')).toBe('username')
-    expect(wrapper.classes()).toContain('rs-label--disabled')
-    expect(wrapper.find('.rs-label__required').exists()).toBe(true)
-    expect(wrapper.find('.rs-label__hint').text()).toBe('3–20 个字符')
-    expect(wrapper.text()).toContain('用户名')
-  })
-
-  it('links label to input when forId matches input id', () => {
-    const wrapper = mount({
-      components: { RsLabel, RsInput },
-      template: `
-        <div>
-          <RsLabel for-id="pg-label-input">可点击聚焦</RsLabel>
-          <RsInput id="pg-label-input" />
-        </div>
-      `,
-    })
-    expect(wrapper.find('label').attributes('for')).toBe('pg-label-input')
-    expect(wrapper.find('input').attributes('id')).toBe('pg-label-input')
-  })
-})

package/src/__tests__/RsLink.spec.ts

@@ -1,49 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import RsLink from '../components/RsLink.vue'
-
-describe('RsLink', () => {
-  it('renders slot text and href', () => {
-    const wrapper = mount(RsLink, {
-      props: { href: '/docs' },
-      slots: { default: '查看文档' },
-    })
-    expect(wrapper.text()).toContain('查看文档')
-    expect(wrapper.attributes('href')).toBe('/docs')
-  })
-
-  it('adds secure rel for target blank', () => {
-    const wrapper = mount(RsLink, {
-      props: { href: 'https://example.com', target: '_blank' },
-    })
-    const rel = wrapper.attributes('rel')
-    expect(rel).toContain('noopener')
-    expect(rel).toContain('noreferrer')
-  })
-
-  it('merges custom rel with secure rel for target blank', () => {
-    const wrapper = mount(RsLink, {
-      props: { href: 'https://example.com', target: '_blank', rel: 'external' },
-    })
-    const rel = wrapper.attributes('rel')
-    expect(rel).toContain('external')
-    expect(rel).toContain('noopener')
-    expect(rel).toContain('noreferrer')
-  })
-
-  it('sets disabled accessibility attributes when disabled', () => {
-    const wrapper = mount(RsLink, {
-      props: { href: '/docs', disabled: true },
-    })
-    expect(wrapper.attributes('aria-disabled')).toBe('true')
-    expect(wrapper.attributes('tabindex')).toBe('-1')
-    expect(wrapper.attributes('href')).toBeUndefined()
-  })
-
-  it('applies underline variant class', () => {
-    const wrapper = mount(RsLink, {
-      props: { href: '/docs', underline: 'always' },
-    })
-    expect(wrapper.classes()).toContain('rs-link--underline-always')
-  })
-})

package/src/__tests__/RsLoading.spec.ts

@@ -1,84 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { h } from 'vue'
-import { mount } from '@vue/test-utils'
-import RsConfigProvider from '../components/RsConfigProvider.vue'
-import RsLoading from '../components/RsLoading.vue'
-
-describe('RsLoading', () => {
-  it('renders spinner by default', () => {
-    const wrapper = mount(RsLoading)
-    expect(wrapper.find('.rs-loading__spinner').exists()).toBe(true)
-    expect(wrapper.classes()).toContain('rs-loading')
-  })
-
-  it('renders dots variant', () => {
-    const wrapper = mount(RsLoading, { props: { variant: 'dots' } })
-    expect(wrapper.find('.rs-loading__dots').exists()).toBe(true)
-    expect(wrapper.findAll('.rs-loading__dot')).toHaveLength(3)
-  })
-
-  it('renders skeleton variant with default line count', () => {
-    const wrapper = mount(RsLoading, { props: { variant: 'skeleton' } })
-    expect(wrapper.find('.rs-loading__skeleton').exists()).toBe(true)
-    expect(wrapper.findAll('.rs-loading__skeleton-line')).toHaveLength(4)
-  })
-
-  it('respects skeletonLines prop', () => {
-    const wrapper = mount(RsLoading, {
-      props: { variant: 'skeleton', skeletonLines: 2 },
-    })
-    expect(wrapper.findAll('.rs-loading__skeleton-line')).toHaveLength(2)
-  })
-
-  it.each(['sm', 'md', 'lg'] as const)('applies %s size class on spinner', (size) => {
-    const wrapper = mount(RsLoading, { props: { size } })
-    expect(wrapper.find('.rs-loading__spinner').classes()).toContain(`rs-loading__spinner--${size}`)
-  })
-
-  it.each(['default', 'primary'] as const)('applies %s tone class on spinner', (tone) => {
-    const wrapper = mount(RsLoading, { props: { tone } })
-    expect(wrapper.find('.rs-loading__spinner').classes()).toContain(`rs-loading__spinner--${tone}`)
-  })
-
-  it('hides root when loading is false', () => {
-    const wrapper = mount(RsLoading, { props: { loading: false } })
-    expect(wrapper.find('.rs-loading').exists()).toBe(false)
-  })
-
-  it('applies block and overlay modifier classes', () => {
-    const wrapper = mount(RsLoading, { props: { block: true, overlay: true } })
-    expect(wrapper.classes()).toContain('rs-loading--block')
-    expect(wrapper.classes()).toContain('rs-loading--overlay')
-  })
-
-  it('exposes status role and default zh-CN aria-label', () => {
-    const wrapper = mount(RsLoading)
-    expect(wrapper.attributes('role')).toBe('status')
-    expect(wrapper.attributes('aria-label')).toBe('加载中')
-  })
-
-  it('shows label when showLabel is true', () => {
-    const wrapper = mount(RsLoading, { props: { showLabel: true } })
-    expect(wrapper.find('.rs-loading__label').text()).toBe('加载中')
-  })
-
-  it('uses custom label for visible text and aria-label', () => {
-    const wrapper = mount(RsLoading, {
-      props: { showLabel: true, label: '正在同步…' },
-    })
-    expect(wrapper.find('.rs-loading__label').text()).toBe('正在同步…')
-    expect(wrapper.attributes('aria-label')).toBe('正在同步…')
-  })
-
-  it('uses en-US aria-label inside RsConfigProvider', () => {
-    const wrapper = mount(RsConfigProvider, {
-      props: { locale: 'en-US' },
-      slots: {
-        default: () => h(RsLoading, { showLabel: true }),
-      },
-    })
-    const loading = wrapper.find('.rs-loading')
-    expect(loading.attributes('aria-label')).toBe('Loading')
-    expect(loading.find('.rs-loading__label').text()).toBe('Loading')
-  })
-})

package/src/__tests__/RsMarkdown.spec.ts

@@ -1,180 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import RsMarkdown from '../components/RsMarkdown.vue'
-import {
-  escapeHtml,
-  isSafeHref,
-  isSafeImageSrc,
-  renderMarkdown,
-  resolveMarkdownHeight,
-  resolveMarkdownMode,
-} from '../components/markdown-utils'
-
-describe('markdown-utils', () => {
-  it('escapes HTML special characters', () => {
-    expect(escapeHtml(`<a href="x">'"&`)).toBe('&lt;a href=&quot;x&quot;&gt;&#39;&quot;&amp;')
-  })
-
-  it('allows safe href / image protocols', () => {
-    expect(isSafeHref('https://example.com')).toBe(true)
-    expect(isSafeHref('/docs')).toBe(true)
-    expect(isSafeHref('#section')).toBe(true)
-    expect(isSafeHref('mailto:a@b.com')).toBe(true)
-    expect(isSafeHref('javascript:alert(1)')).toBe(false)
-    expect(isSafeImageSrc('https://cdn.example.com/a.png')).toBe(true)
-    expect(isSafeImageSrc('data:image/png;base64,xx')).toBe(true)
-    expect(isSafeImageSrc('javascript:alert(1)')).toBe(false)
-  })
-
-  it('renders GFM headings, lists and code safely', () => {
-    const html = renderMarkdown('# Hello\n\n- item\n\n```js\nconst a = 1\n```')
-    expect(html).toContain('<h1')
-    expect(html).toContain('<li>')
-    expect(html).toContain('rs-markdown__codeblock')
-    expect(html).toContain('const a = 1')
-    expect(html).not.toContain('<script')
-  })
-
-  it('strips javascript links and keeps link text', () => {
-    const html = renderMarkdown('[x](javascript:alert(1))')
-    expect(html).toContain('x')
-    expect(html).not.toContain('javascript:')
-  })
-
-  it('keeps GFM table alignment attributes', () => {
-    const html = renderMarkdown('| a | b |\n| ---: | :---: |\n| 1 | 2 |')
-    expect(html).toContain('align="right"')
-    expect(html).toContain('align="center"')
-  })
-
-  it('opens http links in a new tab with noopener', () => {
-    const html = renderMarkdown('[docs](https://example.com)')
-    expect(html).toContain('href="https://example.com"')
-    expect(html).toContain('target="_blank"')
-    expect(html).toContain('rel="noopener noreferrer"')
-  })
-
-  it('autolinks bare http addresses', () => {
-    const html = renderMarkdown('然后打开 http://127.0.0.1:3000')
-    expect(html).toContain('href="http://127.0.0.1:3000"')
-    expect(html).toContain('target="_blank"')
-  })
-
-  it('turns inline-code http addresses into links', () => {
-    const html = renderMarkdown('然后打开 `http://127.0.0.1:3000`')
-    expect(html).toContain('<code>http://127.0.0.1:3000</code>')
-    expect(html).toContain('href="http://127.0.0.1:3000"')
-    expect(html).toContain('target="_blank"')
-  })
-
-  it('does not linkify inline code that is not a URL', () => {
-    const html = renderMarkdown('run `npm start`')
-    expect(html).toContain('<code>npm start</code>')
-    expect(html).not.toContain('href=')
-  })
-
-  it('renders GFM task lists without input tags', () => {
-    const html = renderMarkdown('- [ ] todo\n- [x] done')
-    expect(html).toContain('rs-markdown__task')
-    expect(html).toContain('rs-markdown__task--on')
-    expect(html.toLowerCase()).not.toContain('<input')
-  })
-
-  it('strips raw HTML input tags', () => {
-    const html = renderMarkdown('Hello <input type="text" name="x">')
-    expect(html.toLowerCase()).not.toContain('<input')
-  })
-
-  it('sanitizes raw HTML injection', () => {
-    const html = renderMarkdown('Hello <img src=x onerror=alert(1)>')
-    expect(html.toLowerCase()).not.toContain('onerror')
-  })
-
-  it('resolves height and readonly mode', () => {
-    expect(resolveMarkdownHeight()).toBe('16rem')
-    expect(resolveMarkdownHeight(240)).toBe('240px')
-    expect(resolveMarkdownHeight('12rem')).toBe('12rem')
-    expect(resolveMarkdownMode('edit', true)).toBe('preview')
-    expect(resolveMarkdownMode('split', false)).toBe('split')
-    expect(resolveMarkdownMode(undefined, false)).toBe('edit')
-  })
-})
-
-describe('RsMarkdown', () => {
-  it('renders mode toggle and editor by default', async () => {
-    const wrapper = mount(RsMarkdown, {
-      props: { modelValue: '# hi', height: 200 },
-      attachTo: document.body,
-    })
-    await new Promise((r) => setTimeout(r, 50))
-    expect(wrapper.find('.rs-markdown__toolbar').exists()).toBe(true)
-    expect(wrapper.find('.rs-markdown__editor').exists()).toBe(true)
-    expect(wrapper.classes()).toContain('rs-markdown--edit')
-    wrapper.unmount()
-  })
-
-  it('switches to preview and renders HTML', async () => {
-    const wrapper = mount(RsMarkdown, {
-      props: {
-        modelValue: '## Title\n\nHello',
-        mode: 'preview',
-        height: 180,
-      },
-    })
-    expect(wrapper.classes()).toContain('rs-markdown--preview')
-    expect(wrapper.find('.rs-markdown__prose').html()).toContain('<h2')
-    expect(wrapper.find('.rs-markdown__prose').text()).toContain('Hello')
-  })
-
-  it('supports split mode with editor and preview', async () => {
-    const wrapper = mount(RsMarkdown, {
-      props: {
-        modelValue: '**bold**',
-        mode: 'split',
-        height: 220,
-      },
-      attachTo: document.body,
-    })
-    await new Promise((r) => setTimeout(r, 50))
-    expect(wrapper.classes()).toContain('rs-markdown--split')
-    expect(wrapper.find('.rs-markdown__editor').exists()).toBe(true)
-    expect(wrapper.find('.rs-markdown__preview').exists()).toBe(true)
-    wrapper.unmount()
-  })
-
-  it('forces preview and hides toggle when readonly', () => {
-    const wrapper = mount(RsMarkdown, {
-      props: {
-        modelValue: 'note',
-        mode: 'edit',
-        readonly: true,
-      },
-    })
-    expect(wrapper.classes()).toContain('rs-markdown--preview')
-    expect(wrapper.find('.rs-markdown__toolbar').exists()).toBe(false)
-    expect(wrapper.find('.rs-markdown__editor').exists()).toBe(false)
-  })
-
-  it('shows empty state when preview has no content', () => {
-    const wrapper = mount(RsMarkdown, {
-      props: {
-        modelValue: '   ',
-        mode: 'preview',
-      },
-    })
-    expect(wrapper.find('.rs-markdown__empty').exists()).toBe(true)
-  })
-
-  it('emits mode updates from toolbar', async () => {
-    const wrapper = mount(RsMarkdown, {
-      props: {
-        modelValue: 'x',
-        mode: 'edit',
-      },
-    })
-    const buttons = wrapper.findAll('.rs-markdown__toolbar button')
-    expect(buttons.length).toBeGreaterThanOrEqual(2)
-    await buttons[1]!.trigger('click')
-    expect(wrapper.emitted('update:mode')?.[0]).toEqual(['preview'])
-  })
-})