niuma-ui 1.1.6 → 1.1.7

package/CHANGELOG.md

@@ -6,6 +6,16 @@
 
 ## [Unreleased]
 
+## [1.1.7] - 2026-08-21
+
+### 新增
+
+- `RsDatePicker` / `RsCalendarGrid`：面板标题两侧增加上一年 / 下一年双箭头，月份仍用单箭头前后切换。
+
+### 变更
+
+- `RsInput`：清除按钮与密码显隐按钮 `tabindex="-1"`，Tab 只停在输入框（对齐 `RsInputNumber` 步进按钮）；鼠标点击与 `aria-label` 不变。
+
 ## [1.1.6] - 2026-08-20
 
 ### 变更
@@ -159,7 +169,8 @@
 
 - 1.0 之前的私有 tag（如 `v0.1.0`）仅作历史记录；新接入请依赖 `v1.0.0` 及之后版本。
 
-[Unreleased]: https://github.com/Blair-Shang/niuma-ui/compare/v1.1.6...HEAD
+[Unreleased]: https://github.com/Blair-Shang/niuma-ui/compare/v1.1.7...HEAD
+[1.1.7]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.7
 [1.1.6]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.6
 [1.1.5]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.5
 [1.1.4]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.4

package/package.json

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

package/src/__tests__/RsCalendarGrid.spec.ts

@@ -60,12 +60,31 @@ describe('RsCalendarGrid', () => {
     expect(disabledCount).toBeGreaterThanOrEqual(3)
   })
 
-  it('updates view month via navigation', async () => {
+  it('updates view month via month navigation', async () => {
     const wrapper = mount(RsCalendarGrid, {
       props: { viewYear: 2025, viewMonth: 6 },
     })
-    await wrapper.findAll('.rs-calendar-grid__nav')[1].trigger('click')
+    await wrapper.find('.rs-calendar-grid__nav--next-month').trigger('click')
     expect(wrapper.emitted('update:viewMonth')?.[0]).toEqual([7])
+    expect(wrapper.emitted('update:viewYear')).toBeUndefined()
+  })
+
+  it('updates view year via year navigation and keeps the month', async () => {
+    const next = mount(RsCalendarGrid, {
+      props: { viewYear: 2025, viewMonth: 6 },
+    })
+    await next.find('.rs-calendar-grid__nav--next-year').trigger('click')
+    expect(next.emitted('update:viewYear')?.[0]).toEqual([2026])
+    expect(next.emitted('update:viewMonth')).toBeUndefined()
+    next.unmount()
+
+    const prev = mount(RsCalendarGrid, {
+      props: { viewYear: 2025, viewMonth: 6 },
+    })
+    await prev.find('.rs-calendar-grid__nav--prev-year').trigger('click')
+    expect(prev.emitted('update:viewYear')?.[0]).toEqual([2024])
+    expect(prev.emitted('update:viewMonth')).toBeUndefined()
+    prev.unmount()
   })
 
   it('highlights range between start and end', () => {

package/src/__tests__/RsInput.spec.ts

@@ -244,6 +244,7 @@ describe('RsInput', () => {
     expect(wrapper.find('.rs-input-group--has-suffix').exists()).toBe(true)
     const toggle = wrapper.find('button.rs-input-group__action')
     expect(toggle.exists()).toBe(true)
+    expect(toggle.attributes('tabindex')).toBe('-1')
     await toggle.trigger('click')
     expect(wrapper.find('input').attributes('type')).toBe('text')
   })

package/src/components/RsCalendarGrid.vue

@@ -65,6 +65,14 @@ const weeks = computed(() => {
   return rows
 })
 
+function goPrevYear(): void {
+  viewYear.value -= 1
+}
+
+function goNextYear(): void {
+  viewYear.value += 1
+}
+
 function goPrevMonth(): void {
   if (viewMonth.value === 1) {
     viewYear.value -= 1
@@ -133,23 +141,43 @@ function selectDate(cell: RsCalendarCell): void {
 <template>
   <div class="rs-calendar-grid">
     <div class="rs-calendar-grid__header">
-      <button
-        type="button"
-        class="rs-calendar-grid__nav"
-        :aria-label="t('datePicker.prevMonth')"
-        @click="goPrevMonth"
-      >
-        <RsIcon name="chevron-left" :size="16" />
-      </button>
+      <div class="rs-calendar-grid__nav-group">
+        <button
+          type="button"
+          class="rs-calendar-grid__nav rs-calendar-grid__nav--prev-year"
+          :aria-label="t('datePicker.prevYear')"
+          @click="goPrevYear"
+        >
+          <RsIcon name="chevrons-left" :size="16" />
+        </button>
+        <button
+          type="button"
+          class="rs-calendar-grid__nav rs-calendar-grid__nav--prev-month"
+          :aria-label="t('datePicker.prevMonth')"
+          @click="goPrevMonth"
+        >
+          <RsIcon name="chevron-left" :size="16" />
+        </button>
+      </div>
       <span class="rs-calendar-grid__title">{{ monthLabel }}</span>
-      <button
-        type="button"
-        class="rs-calendar-grid__nav"
-        :aria-label="t('datePicker.nextMonth')"
-        @click="goNextMonth"
-      >
-        <RsIcon name="chevron-right" :size="16" />
-      </button>
+      <div class="rs-calendar-grid__nav-group">
+        <button
+          type="button"
+          class="rs-calendar-grid__nav rs-calendar-grid__nav--next-month"
+          :aria-label="t('datePicker.nextMonth')"
+          @click="goNextMonth"
+        >
+          <RsIcon name="chevron-right" :size="16" />
+        </button>
+        <button
+          type="button"
+          class="rs-calendar-grid__nav rs-calendar-grid__nav--next-year"
+          :aria-label="t('datePicker.nextYear')"
+          @click="goNextYear"
+        >
+          <RsIcon name="chevrons-right" :size="16" />
+        </button>
+      </div>
     </div>
 
     <table class="rs-calendar-grid__table">
@@ -200,8 +228,14 @@ function selectDate(cell: RsCalendarCell): void {
   justify-content: space-between;
   gap: var(--rs-space-sm);
 }
+.rs-calendar-grid__nav-group {
+  display: inline-flex;
+  align-items: center;
+  flex: 0 0 auto;
+}
 .rs-calendar-grid__title {
   flex: 1;
+  min-width: 0;
   text-align: center;
   font-size: var(--rs-font-size-sm);
   font-weight: var(--rs-font-weight-semibold);

package/src/components/RsInput.vue

@@ -728,6 +728,8 @@ defineExpose({
 
             class="rs-input-group__action"
 
+            tabindex="-1"
+
             :aria-label="t('input.clear')"
 
             @pointerdown.prevent
@@ -748,6 +750,8 @@ defineExpose({
 
             class="rs-input-group__action"
 
+            tabindex="-1"
+
             :aria-label="passwordVisible ? t('input.hidePassword') : t('input.showPassword')"
 
             :aria-pressed="passwordVisible"

package/src/locale/messages.ts

@@ -101,6 +101,8 @@ export const zhCN: RsLocaleMessages = {
   'datePicker.placeholder': '选择日期',
   'datePicker.rangePlaceholder': '选择日期范围',
   'datePicker.clear': '清空日期',
+  'datePicker.prevYear': '上一年',
+  'datePicker.nextYear': '下一年',
   'datePicker.prevMonth': '上个月',
   'datePicker.nextMonth': '下个月',
   'datePicker.today': '今天',
@@ -300,6 +302,8 @@ export const enUS: RsLocaleMessages = {
   'datePicker.placeholder': 'Select date',
   'datePicker.rangePlaceholder': 'Select date range',
   'datePicker.clear': 'Clear date',
+  'datePicker.prevYear': 'Previous year',
+  'datePicker.nextYear': 'Next year',
   'datePicker.prevMonth': 'Previous month',
   'datePicker.nextMonth': 'Next month',
   'datePicker.today': 'Today',