niuma-ui 1.0.2 → 1.1.1

package/CHANGELOG.md

@@ -6,6 +6,40 @@
 
 ## [Unreleased]
 
+## [1.1.1] - 2026-08-14
+
+### 修复
+
+- `RsTableCellEditor`：单元格 Select 的 `update:model-value` 对齐 `RsSelectModelValue`（含 number / 多选 / labelInValue）。
+- `useRsTableCore`：`compact` / `size` 为 undefined 时回退默认值，避免宿主 `vue-tsc` 失败。
+- `useRsTableHeadless`：`rowKey` 区分无参 getter 与行访问器，避免误当成需传入 row 的函数调用。
+
+## [1.1.0] - 2026-08-14
+
+### 新增
+
+- `RsFormItem`：对标 Ant Design Form.Item / Element `ElFormItem`。声明 `name` 后成为字段唯一注册点；内置 `RsInput` 等在 Item 内不再重复注册。支持 `help` / `extra` / `validateStatus` / `#label` / `noStyle`。
+- `RsForm.model`、NamePath（`user.email`）、`getFieldsValue` / `setFieldsValue` / `scrollToField`、`validateMessages`。
+- `RsFormList`：动态数组字段（`add` / `remove` / `move`），子 Item 相对 name 自动拼前缀。
+- `RsFormItem.dependencies`：依赖字段变化时重校验；`validator(value, { getFieldValue, getFieldsValue })` 可读整表。
+- `RsSwitch.checkedValue` / `uncheckedValue`：自定义打开/关闭写入 v-model 的值（默认 `true` / `false`，既有 boolean 用法不变）。
+- `RsDatePicker` / `RsDateTimePicker`：`valueFormat` 对齐 Element Plus / Ant Design Vue——展示仍为墙钟，绑定可选用 `string`（默认）、`timestamp`、`iso`（本地偏移 RFC3339），或任意 dayjs 模板。`iso` 空值为 `null`。
+- `RsSelect`：`option.value` / `v-model` 支持 `string | number`（数字 `0` 可回显）；`filterOption` / `optionFilterProp` / `filterSort`；多选 `maxTagCount` / `maxTagTextLength` / `multipleLimit` / `tokenSeparators`；`labelInValue`；`fieldNames` / `optionLabelProp`；`v-model:searchValue`；`listHeight` / `placement` / `popupClassName` / `status` / `showArrow` / `getPopupContainer`；事件 `select` / `deselect` / `clear`；插槽 `#prefix` `#option` `#tag` `#header` `#footer` `#dropdownRender` `#suffixIcon` `#clearIcon` `#empty` `#loading`。选择逻辑抽到 `use-rs-select.ts`。
+- `RsInput`：框内 affix 顺序固定为字数 / 清除 / 密码显隐 / 自定义 `suffix`；新增框外连体 `addonBefore` / `addonAfter`（及同名插槽）；IME `compositionstart/end` 期间不触发校验与 `pressEnter`。
+- `RsInput.addonAfterIcon` / `addonAfterIconLabel` / `addonAfterClick`：选择器等后置图标按钮走连体 `addonAfter`，由组件自绘；连体外壳统一外边框，避免 input/addon 拼缝。
+- `hasByNamePath`：判断 NamePath 是否已存在于对象树（含叶子为 null / undefined）。
+- 排版子系统 token：`--rs-font-serif`、`--rs-code-font-*`、`--rs-prose-font-*`、`--rs-terminal-font-*`。JS 导出 `readCssVar` / `readCssLengthPx` / `readCodeFontFamily` / `readTerminalFontFamily` 等，供 Monaco / xterm 读取。
+
+### 变更
+
+- Form 校验 / `resetFields` 只收集带 `name` 的字段（无 name 不进字段表，避免弹层搜索框误校验）。请给控件加 `name` 或包 `RsFormItem`。
+- 封装开源组件排版对齐 token：CodeMirror / Monaco / xterm / marked / vue-sonner 不再硬编码字体栈或 px。`RsTerminal` 未传 `fontFamily` / `fontSize` / `fontWeight` 时改为读 CSS token（默认 `--rs-font-size-sm` / regular，不再写死 13px / 300）。组件字重改为 `--rs-font-weight-*`。
+- `.rs-field--label-left`：有 `--rs-field-label-width` 时固定标签列宽（不再 `max-content` 撑开），栅格内控件起点对齐；过长标签省略。
+- `RsFormItem`：子控件已绑定 v-model 时不再覆盖（避免 switch 的 Y/N 被注入成非 boolean）。
+- `RsDatePicker` / `RsTimePicker` / `RsSelect`：校验失败时红框画在 trigger 上（与 `RsInput` 一致）。未声明的 attrs（`class` / `style` / `aria-*`）同样落到 trigger；`v-model` 与事件签名不变。
+- `RsTooltip` / `RsTooltipProvider`：默认开启 `ignoreNonKeyboardFocus`（仅 `:focus-visible` 因焦点打开 tip），避免 Dialog/Popover 关闭回焦后误开提示；悬停与键盘聚焦行为不变。
+- `RsInputNumber` / `RsTabs`：用 `v-on` 条件对象绑定 `wheel`（避免 `@wheel="cond ? fn : undefined"` 被编译成常驻包装函数仍挂非 passive 监听）；Tabs 导航 `@scroll` 改为 passive。
+
 ## [1.0.2] - 2026-08-13
 
 ### 新增
@@ -72,7 +106,9 @@
 
 - 1.0 之前的私有 tag（如 `v0.1.0`）仅作历史记录；新接入请依赖 `v1.0.0` 及之后版本。
 
-[Unreleased]: https://github.com/Blair-Shang/niuma-ui/compare/v1.0.2...HEAD
+[Unreleased]: https://github.com/Blair-Shang/niuma-ui/compare/v1.1.1...HEAD
+[1.1.1]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.1
+[1.1.0]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.0
 [1.0.2]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.0.2
 [1.0.1]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.0.1
 [1.0.0]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "1.0.2",
+  "version": "1.1.1",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 设计系统与 Rs* 组件库（--rs-* token）",

package/src/__tests__/RsDatePicker.spec.ts

@@ -10,6 +10,18 @@ describe('RsDatePicker', () => {
     expect(wrapper.classes()).toContain('rs-field')
   })
 
+  it('displays iso v-model as wall-clock text', () => {
+    const wrapper = mount(RsDatePicker, {
+      props: {
+        modelValue: '2025-06-16T14:30:00+08:00',
+        withTime: true,
+        valueFormat: 'iso',
+      },
+    })
+    expect(wrapper.find('.rs-date-picker__trigger--placeholder').exists()).toBe(false)
+    expect(wrapper.find('.rs-date-picker__value').text()).toBe('2025-06-16 14:30:00')
+  })
+
   it('shows formatted value on trigger when model is set', () => {
     const wrapper = mount(RsDatePicker, {
       props: { modelValue: '2025-06-16' },
@@ -85,4 +97,13 @@ describe('RsDatePicker', () => {
     })
     expect(wrapper.find('.rs-date-picker__trigger').attributes('disabled')).toBeDefined()
   })
+
+  it('marks invalid on the trigger instead of the field wrapper', () => {
+    const wrapper = mount(RsDatePicker, { props: { modelValue: '', invalid: true } })
+    expect(wrapper.find('.rs-date-picker__trigger').classes()).toContain(
+      'rs-date-picker__trigger--invalid',
+    )
+    expect(wrapper.find('.rs-date-picker__trigger').attributes('aria-invalid')).toBe('true')
+    expect(wrapper.attributes('aria-invalid')).toBeUndefined()
+  })
 })

package/src/__tests__/RsDialog.spec.ts

@@ -69,6 +69,23 @@ describe('RsDialog', () => {
     wrapper.unmount()
   })
 
+  it('centers window layout when width is a viewport percentage', async () => {
+    const wrapper = mount(RsDialog, {
+      props: { open: true, title: '百分比宽度', width: '90%' },
+      attachTo: document.body,
+    })
+    await flushPromises()
+    const content = document.body.querySelector('.rs-dialog__content') as HTMLElement
+    const width = Number.parseFloat(content.style.width)
+    const left = Number.parseFloat(content.style.left)
+    const available = window.innerWidth - 32
+    const expectedWidth = Math.min(available, Math.max(320, Math.round(available * 0.9)))
+    expect(width).toBe(expectedWidth)
+    expect(left).toBeCloseTo(16 + (available - expectedWidth) / 2, 1)
+    expect(content.style.maxWidth).toBe('')
+    wrapper.unmount()
+  })
+
   it('applies window layout with resize handles by default', async () => {
     const wrapper = mount(RsDialog, {
       props: { open: true, title: '测试', width: 'sm' },
@@ -366,6 +383,50 @@ describe('RsDialog', () => {
     await flushPromises()
     expect(target.querySelector('.rs-dialog__content')).not.toBeNull()
     wrapper.unmount()
+    target.remove()
+  })
+
+  it('re-teleports to body while fullscreen, then restores custom target', async () => {
+    const target = document.createElement('div')
+    target.id = 'rs-dialog-fullscreen-target'
+    document.body.appendChild(target)
+
+    const wrapper = mount(RsDialog, {
+      props: {
+        open: true,
+        title: '全屏挂载',
+        layout: 'window',
+        fullscreenable: true,
+        teleportTo: '#rs-dialog-fullscreen-target',
+      },
+      attachTo: document.body,
+    })
+
+    await flushPromises()
+    expect(target.querySelector('.rs-dialog__content')).not.toBeNull()
+
+    const enterFullscreenBtn = target.querySelectorAll('.rs-dialog__actions button')[0] as HTMLElement
+    await enterFullscreenBtn.click()
+    await flushPromises()
+
+    expect(target.querySelector('.rs-dialog__content')).toBeNull()
+    const bodyContent = document.body.querySelector('.rs-dialog__content') as HTMLElement
+    expect(bodyContent).not.toBeNull()
+    expect(bodyContent.classList.contains('rs-dialog__content--fullscreen')).toBe(true)
+    expect(target.contains(bodyContent)).toBe(false)
+
+    const exitFullscreenBtn = document.body.querySelectorAll(
+      '.rs-dialog__actions button',
+    )[0] as HTMLElement
+    await exitFullscreenBtn.click()
+    await flushPromises()
+    expect(target.querySelector('.rs-dialog__content')).not.toBeNull()
+    expect(
+      target.querySelector('.rs-dialog__content')?.classList.contains('rs-dialog__content--fullscreen'),
+    ).toBe(false)
+
+    wrapper.unmount()
+    target.remove()
   })
 
   it('passes modal=false to DialogRoot for non-modal usage', async () => {

package/src/__tests__/RsForm.spec.ts

@@ -125,7 +125,7 @@ describe('RsForm', () => {
       },
       template: `
         <RsForm ref="formRef">
-          <RsInput v-model="email" rule="email" required />
+          <RsInput v-model="email" name="email" rule="email" required />
         </RsForm>
       `,
     })
@@ -146,7 +146,7 @@ describe('RsForm', () => {
       },
       template: `
         <RsForm ref="formRef">
-          <RsInput v-model="email" rule="email" required />
+          <RsInput v-model="email" name="email" rule="email" required />
         </RsForm>
       `,
     })
@@ -167,7 +167,7 @@ describe('RsForm', () => {
       },
       template: `
         <RsForm ref="formRef">
-          <RsInput v-model="name" />
+          <RsInput v-model="name" name="name" />
         </RsForm>
       `,
     })
@@ -191,7 +191,7 @@ describe('RsForm', () => {
       },
       template: `
         <RsForm ref="formRef">
-          <RsInput v-model="email" rule="email" required />
+          <RsInput v-model="email" name="email" rule="email" required />
         </RsForm>
       `,
     })
@@ -238,7 +238,7 @@ describe('RsForm', () => {
       },
       template: `
         <RsForm ref="formRef">
-          <RsSelect v-model="role" :options="roleOptions" required />
+          <RsSelect v-model="role" name="role" :options="roleOptions" required />
         </RsForm>
       `,
     })