niuma-ui 1.0.2 → 1.1.0

package/src/components/RsSidebarGroup.vue

@@ -22,7 +22,7 @@ defineProps<{
   padding: var(--rs-space-xs) var(--rs-space-sm);
   color: var(--rs-muted);
   font-size: var(--rs-font-size-xs);
-  font-weight: 600;
+  font-weight: var(--rs-font-weight-semibold);
   letter-spacing: 0.04em;
 }
 .rs-sidebar-group__body {

package/src/components/RsSplitPane.vue

@@ -210,6 +210,10 @@ function finishDrag(index: number): void {
   setDraggingUi(false, index)
   const final = pendingDragSizes ?? sizes.value
   pendingDragSizes = null
+  // 清掉拖拽期手写的 flex-grow，交回 Vue :style，避免残留内联样式干扰后续布局
+  paneElements().forEach((el) => {
+    el.style.removeProperty('flex-grow')
+  })
   commit(final)
   emitBoundaryTransitions(dragStartSizes, final)
   emit('resize-end', final.slice())
@@ -369,12 +373,15 @@ function materializeAutoPanes(): void {
 function paneStyle(index: number): Record<string, string> {
   if (autoFlags.value[index]) {
     const pane = props.panes[index]
+    const vertical = props.orientation === 'vertical'
+    // auto 面板必须按内容撑开；不能继承基类 min-height/min-width:0，否则在
+    // 「另一侧 flex-grow 吃满」的分栏里会被算成 0 高/宽（KeepAlive 切页后常见）。
     const style: Record<string, string> = {
       flexGrow: '0',
       flexShrink: '0',
       flexBasis: 'auto',
+      [vertical ? 'minHeight' : 'minWidth']: 'min-content',
     }
-    const vertical = props.orientation === 'vertical'
     if (typeof pane?.min === 'number' && pane.min > 0) {
       style[vertical ? 'minHeight' : 'minWidth'] = `${pane.min}%`
     }
@@ -523,6 +530,20 @@ defineExpose({ collapse, expand, reset, getSizes: () => sizes.value.slice() })
 .rs-split__pane--auto {
   /* 内容撑开；超出 max 时在面板内滚动 */
   overflow: auto;
+  flex: 0 0 auto;
+}
+
+/* 覆盖基类 min-*:0，避免 auto 面板被弹性侧压成 0 */
+.rs-split--vertical > .rs-split__pane--auto {
+  min-height: min-content;
+  height: auto;
+  max-height: none;
+}
+
+.rs-split--horizontal > .rs-split__pane--auto {
+  min-width: min-content;
+  width: auto;
+  max-width: none;
 }
 
 .rs-split__pane--collapsed {

package/src/components/RsStatCard.vue

@@ -66,8 +66,8 @@ withDefaults(
 .rs-stat-card__value {
   margin-top: var(--rs-space-sm);
   color: var(--rs-text);
-  font-size: 1.75rem;
-  font-weight: 700;
+  font-size: var(--rs-font-size-3xl);
+  font-weight: var(--rs-font-weight-bold);
   line-height: 1.1;
 }
 .rs-stat-card__description {

package/src/components/RsSteps.vue

@@ -97,7 +97,7 @@ function selectStep(item: RsStepItem): void {
   background: var(--rs-surface-hover);
   color: var(--rs-muted);
   font-size: var(--rs-font-size-xs);
-  font-weight: 700;
+  font-weight: var(--rs-font-weight-bold);
 }
 .rs-steps--sm .rs-steps__indicator {
   width: 1.5rem;
@@ -119,7 +119,7 @@ function selectStep(item: RsStepItem): void {
 .rs-steps__title {
   color: var(--rs-text);
   font-size: var(--rs-font-size-sm);
-  font-weight: 600;
+  font-weight: var(--rs-font-weight-semibold);
 }
 .rs-steps__description {
   color: var(--rs-muted);

package/src/components/RsSwitch.vue

@@ -4,7 +4,10 @@ import type { RsComponentSize } from '../theme/types'
 import { SwitchRoot, SwitchThumb } from './reka'
 import { useResolvedRsComponentSize } from './resolve-size'
 
-const model = defineModel<boolean>({ default: false })
+/** Switch v-model 取值：默认 boolean，也可为业务码如 'Y'/'N'、1/0 */
+export type RsSwitchValue = boolean | string | number
+
+const model = defineModel<RsSwitchValue>({ default: false })
 
 const props = withDefaults(
   defineProps<{
@@ -13,32 +16,42 @@ const props = withDefaults(
     /** 无障碍名称；有默认插槽文案时可省略 */
     ariaLabel?: string
     id?: string
+    /** 打开时写入 v-model 的值，默认 true */
+    checkedValue?: RsSwitchValue
+    /** 关闭时写入 v-model 的值，默认 false */
+    uncheckedValue?: RsSwitchValue
   }>(),
   {
     disabled: false,
+    checkedValue: true,
+    uncheckedValue: false,
   },
 )
 
 const emit = defineEmits<{
-  change: [value: boolean]
+  change: [value: RsSwitchValue]
 }>()
 
 const autoId = useId()
 const inputId = computed(() => props.id || autoId)
 const resolvedSize = useResolvedRsComponentSize(() => props.size)
+/** Reka Switch 只吃 boolean；对外 v-model 按 checkedValue / uncheckedValue 映射 */
+const isChecked = computed(() => Object.is(model.value, props.checkedValue))
 
 const rootClass = computed(() => [
   'rs-switch',
   `rs-switch--${resolvedSize.value}`,
   {
-    'rs-switch--checked': model.value,
+    'rs-switch--checked': isChecked.value,
     'rs-switch--disabled': props.disabled,
   },
 ])
 
-function onUpdate(value: boolean): void {
-  model.value = value
-  emit('change', value)
+function onUpdate(checked: boolean): void {
+  const next = checked ? props.checkedValue : props.uncheckedValue
+  if (Object.is(model.value, next)) return
+  model.value = next
+  emit('change', next)
 }
 </script>
 
@@ -47,7 +60,7 @@ function onUpdate(value: boolean): void {
     <SwitchRoot
       :id="inputId"
       class="rs-switch__root"
-      :model-value="model"
+      :model-value="isChecked"
       :disabled="disabled"
       :aria-label="ariaLabel"
       @update:model-value="onUpdate"

package/src/components/RsTabs.vue

@@ -409,8 +409,8 @@ function onDragEnd(): void {
         <div
           ref="navViewportRef"
           class="rs-tabs__nav-viewport"
-          @scroll="onNavScroll"
-          @wheel="onNavWheel"
+          @scroll.passive="onNavScroll"
+          v-bind="useScrollOverflow ? { onWheel: onNavWheel } : {}"
         >
           <TabsList class="rs-tabs__list">
             <RsContextMenu
@@ -679,7 +679,7 @@ function onDragEnd(): void {
 }
 
 .rs-tabs__trigger--fixed {
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
 }
 
 .rs-tabs--draggable .rs-tabs__trigger--movable {
@@ -733,7 +733,7 @@ function onDragEnd(): void {
   background: var(--rs-surface-hover);
   color: var(--rs-muted);
   font-size: var(--rs-font-size-xs);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
   font-variant-numeric: tabular-nums;
   line-height: 1.4;
 }
@@ -910,7 +910,7 @@ function onDragEnd(): void {
 
 .rs-tabs__more--active {
   color: var(--rs-primary);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
 }
 
 .rs-tabs__more-menu {
@@ -944,7 +944,7 @@ function onDragEnd(): void {
 
 .rs-tabs__more-item--active {
   color: var(--rs-primary);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
   background: color-mix(in srgb, var(--rs-primary) 12%, transparent);
 }
 
@@ -1034,7 +1034,7 @@ function onDragEnd(): void {
 
 .rs-tabs--line .rs-tabs__trigger[data-state='active'] {
   color: var(--rs-primary);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
 }
 
 .rs-tabs--line .rs-tabs__trigger[data-state='active']::after {
@@ -1113,7 +1113,7 @@ function onDragEnd(): void {
 .rs-tabs--segmented .rs-tabs__trigger[data-state='active'] {
   color: var(--rs-primary);
   background: var(--rs-surface);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
   box-shadow: 0 1px 2px color-mix(in srgb, var(--rs-text) 8%, transparent);
 }
 
@@ -1169,7 +1169,7 @@ function onDragEnd(): void {
 
 .rs-tabs--card .rs-tabs__trigger[data-state='active'] {
   color: var(--rs-primary);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
   background: var(--rs-surface);
   border-color: var(--rs-border);
   margin-bottom: -1px;

package/src/components/RsTag.vue

@@ -84,7 +84,7 @@ function onClose(event: MouseEvent): void {
   gap: var(--rs-space-xs);
   max-width: 100%;
   border-radius: var(--rs-tag-radius, var(--rs-radius-sm));
-  font-weight: var(--rs-tag-font-weight, 500);
+  font-weight: var(--rs-tag-font-weight, 400);
   line-height: var(--rs-line-height-tight);
   box-sizing: border-box;
   vertical-align: middle;

package/src/components/RsTerminal.vue

@@ -5,6 +5,12 @@ import { Terminal } from '@xterm/xterm'
 import '@xterm/xterm/css/xterm.css'
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useRsI18n } from '../composables/useRsI18n'
+import {
+  readTerminalFontFamily,
+  readTerminalFontSizePx,
+  readTerminalFontWeight,
+  readTerminalFontWeightBold,
+} from '../theme/css-token'
 import {
   beginClipboardPrefetch,
   copyTextToClipboard,
@@ -29,16 +35,33 @@ import {
 
 const TERMINAL_LINE_HEIGHT = 1.2
 
+type RsTerminalFontWeight =
+  | 'normal'
+  | 'bold'
+  | '100'
+  | '200'
+  | '300'
+  | '400'
+  | '500'
+  | '600'
+  | '700'
+  | '800'
+  | '900'
+
 const props = withDefaults(
   defineProps<{
     loading?: boolean
     overlay?: string
     inputEnabled?: boolean
     cursorBlink?: boolean
+    /** 缺省读取 `--rs-terminal-font-family` / `--rs-font-mono` */
     fontFamily?: string
+    /** 缺省读取 `--rs-terminal-font-size`（对齐 `--rs-font-size-sm`） */
     fontSize?: number
-    fontWeight?: 'normal' | 'bold' | '100' | '200' | '300'  | '400' | '500' | '600' | '700' | '800' | '900'
-    fontWeightBold?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
+    /** 缺省读取 `--rs-terminal-font-weight` */
+    fontWeight?: RsTerminalFontWeight
+    /** 缺省读取 `--rs-terminal-font-weight-bold` */
+    fontWeightBold?: RsTerminalFontWeight
     allowTransparency?: boolean
     /** auto 跟随 data-rs-theme；也可强制 light / dark */
     themeMode?: RsTerminalThemeMode
@@ -68,11 +91,6 @@ const props = withDefaults(
     overlay: '',
     inputEnabled: true,
     cursorBlink: true,
-    fontFamily:
-      '"SF Mono", "Cascadia Code", "Cascadia Mono", Consolas, "Liberation Mono", Menlo, monospace',
-    fontSize: 13,
-    fontWeight: '300',
-    fontWeightBold: '400',
     allowTransparency: false,
     themeMode: 'auto',
     theme: () => ({}),
@@ -109,13 +127,34 @@ const zebraRowStepPx = ref<number | null>(null)
 
 const showLoading = computed(() => !terminalReady.value || props.loading)
 
+function asTerminalFontWeight(value: string): RsTerminalFontWeight {
+  return value as RsTerminalFontWeight
+}
+
+function resolveTerminalFontFamily(): string {
+  return props.fontFamily || readTerminalFontFamily(hostEl.value)
+}
+
+function resolveTerminalFontSize(): number {
+  return props.fontSize ?? readTerminalFontSizePx(hostEl.value)
+}
+
+function resolveTerminalFontWeight(): RsTerminalFontWeight {
+  return props.fontWeight ?? asTerminalFontWeight(readTerminalFontWeight(hostEl.value))
+}
+
+function resolveTerminalFontWeightBold(): RsTerminalFontWeight {
+  return props.fontWeightBold ?? asTerminalFontWeight(readTerminalFontWeightBold(hostEl.value))
+}
+
 const zebraStyle = computed((): Record<string, string> | undefined => {
   if (!props.zebraStripes) {
     return undefined
   }
-  const step = zebraRowStepPx.value ?? props.fontSize * TERMINAL_LINE_HEIGHT
+  const fontSize = resolveTerminalFontSize()
+  const step = zebraRowStepPx.value ?? fontSize * TERMINAL_LINE_HEIGHT
   return {
-    '--rs-terminal-font-size': `${props.fontSize}px`,
+    '--rs-terminal-font-size': `${fontSize}px`,
     '--rs-terminal-line-height': String(TERMINAL_LINE_HEIGHT),
     '--rs-terminal-zebra-step': `${step}px`,
   }
@@ -468,10 +507,10 @@ watch(
     }
     refreshResolvedTheme()
     terminal.options.cursorBlink = props.cursorBlink
-    terminal.options.fontFamily = props.fontFamily
-    terminal.options.fontSize = props.fontSize
-    terminal.options.fontWeight = props.fontWeight
-    terminal.options.fontWeightBold = props.fontWeightBold
+    terminal.options.fontFamily = resolveTerminalFontFamily()
+    terminal.options.fontSize = resolveTerminalFontSize()
+    terminal.options.fontWeight = resolveTerminalFontWeight()
+    terminal.options.fontWeightBold = resolveTerminalFontWeightBold()
     terminal.options.allowTransparency = resolveAllowTransparency()
     terminal.options.convertEol = props.convertEol
     attachWheelGuard()
@@ -487,10 +526,10 @@ onMounted(async () => {
   refreshResolvedTheme()
   terminal = new Terminal({
     cursorBlink: props.cursorBlink,
-    fontFamily: props.fontFamily,
-    fontSize: props.fontSize,
-    fontWeight: props.fontWeight,
-    fontWeightBold: props.fontWeightBold,
+    fontFamily: resolveTerminalFontFamily(),
+    fontSize: resolveTerminalFontSize(),
+    fontWeight: resolveTerminalFontWeight(),
+    fontWeightBold: resolveTerminalFontWeightBold(),
     lineHeight: TERMINAL_LINE_HEIGHT,
     allowTransparency: resolveAllowTransparency(),
     drawBoldTextInBrightColors: true,
@@ -636,7 +675,7 @@ defineExpose({
   pointer-events: none;
   font-family: var(--rs-font-mono);
   font-size: var(--rs-font-size-xs);
-  font-weight: 400;
+  font-weight: var(--rs-font-weight-regular);
   line-height: var(--rs-line-height-normal);
 }
 
@@ -658,7 +697,7 @@ defineExpose({
 }
 
 .rs-terminal--zebra :deep(.xterm) {
-  font-size: var(--rs-terminal-font-size, 13px);
+  font-size: var(--rs-terminal-font-size);
   line-height: var(--rs-terminal-line-height, 1.2);
 }
 

package/src/components/RsTimePicker.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { computed, nextTick, ref, useId, useTemplateRef, watch } from 'vue'
+import { computed, nextTick, ref, useAttrs, useId, useTemplateRef, watch } from 'vue'
 import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from './reka'
 import RsIcon from './RsIcon.vue'
 import RsTimePickerColumns from './RsTimePickerColumns.vue'
 import { useRsI18n } from '../composables/useRsI18n'
 import { RS_COMPONENT_SIZE_ICON_PX, type RsComponentSize } from '../theme/types'
 import { useResolvedRsComponentSize } from './resolve-size'
+import { isRsFormItemBoundControl, useRsFormItemContext } from './form-utils'
 import {
   EMPTY_TIME_RANGE,
   formatTimeFromParts,
@@ -21,7 +22,7 @@ import {
   type RsTimeUnit,
 } from './time-picker-utils'
 
-defineOptions({ name: 'RsTimePicker' })
+defineOptions({ name: 'RsTimePicker', inheritAttrs: false })
 
 export type { RsTimeRangeValue } from './time-picker-utils'
 export type RsTimePickerLabelPosition = 'top' | 'left'
@@ -47,6 +48,8 @@ const props = withDefaults(
     embedded?: boolean
     labelPosition?: RsTimePickerLabelPosition
     size?: RsComponentSize
+    id?: string
+    invalid?: boolean
   }>(),
   {
     disabled: false,
@@ -59,7 +62,14 @@ const props = withDefaults(
 )
 
 const fieldId = useId()
+const attrs = useAttrs()
 const { t } = useRsI18n()
+const formItem = useRsFormItemContext()
+const boundToItem = computed(() => isRsFormItemBoundControl(formItem, { id: props.id }))
+const isInvalid = computed(() =>
+  Boolean(props.invalid || (boundToItem.value && formItem?.invalid.value)),
+)
+const triggerId = computed(() => props.id || fieldId)
 const resolvedSize = useResolvedRsComponentSize(() => props.size)
 const triggerIconSize = computed(() => RS_COMPONENT_SIZE_ICON_PX[resolvedSize.value])
 const columnsRef = useTemplateRef<InstanceType<typeof RsTimePickerColumns>>('columnsRef')
@@ -294,14 +304,17 @@ watch(open, async (isOpen) => {
     <div class="rs-time-picker">
       <PopoverRoot v-model:open="open" :modal="!embedded">
         <PopoverTrigger
-          :id="embedded ? undefined : fieldId"
+          v-bind="embedded ? undefined : attrs"
+          :id="embedded ? undefined : triggerId"
           type="button"
           class="rs-time-picker__trigger"
           :class="{
             'rs-time-picker__trigger--placeholder': isEmpty,
             'rs-time-picker__trigger--embedded': embedded,
+            'rs-time-picker__trigger--invalid': !embedded && isInvalid,
           }"
           :disabled="disabled"
+          :aria-invalid="!embedded && isInvalid ? true : undefined"
         >
           <span class="rs-time-picker__leading">
             <RsIcon
@@ -421,6 +434,7 @@ watch(open, async (isOpen) => {
   line-height: var(--rs-line-height-tight);
   text-align: left;
   cursor: pointer;
+  outline: none;
   box-shadow: var(--rs-input-shadow, none);
   transition:
     border-color var(--rs-transition-fast),
@@ -472,6 +486,16 @@ watch(open, async (isOpen) => {
 .rs-time-picker__trigger--placeholder .rs-time-picker__value {
   color: var(--rs-placeholder);
 }
+.rs-time-picker__trigger--invalid {
+  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+}
+.rs-time-picker__trigger--invalid:focus-visible {
+  border-color: var(--rs-danger, var(--rs-color-danger, #dc2626));
+  box-shadow:
+    var(--rs-input-shadow, none),
+    0 0 0 var(--rs-focus-ring-width, 2px)
+      color-mix(in srgb, var(--rs-danger, #dc2626) 14%, transparent);
+}
 .rs-time-picker__leading {
   display: inline-flex;
   min-width: 0;
@@ -536,7 +560,7 @@ watch(open, async (isOpen) => {
 }
 .rs-time-picker__pane-title {
   font-size: var(--rs-font-size-xs);
-  font-weight: 600;
+  font-weight: var(--rs-font-weight-semibold);
   color: var(--rs-muted);
 }
 .rs-time-picker__footer {

package/src/components/RsTimePickerColumns.vue

@@ -186,7 +186,7 @@ defineExpose({
   --rs-time-columns-list-max-height: 10rem;
   --rs-time-columns-item-padding-y: 0.375rem;
   --rs-time-columns-item-font-size: var(--rs-font-size-sm);
-  --rs-time-columns-label-font-size: 0.6875rem;
+  --rs-time-columns-label-font-size: var(--rs-font-size-xs);
 }
 .rs-time-columns--seconds {
   grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -195,14 +195,14 @@ defineExpose({
   --rs-time-columns-list-max-height: 7.5rem;
   --rs-time-columns-item-padding-y: 0.2rem;
   --rs-time-columns-item-font-size: var(--rs-font-size-xs);
-  --rs-time-columns-label-font-size: 0.625rem;
+  --rs-time-columns-label-font-size: var(--rs-font-size-xs);
   gap: var(--rs-space-xs);
 }
 .rs-time-columns--sm {
   --rs-time-columns-list-max-height: 8.5rem;
   --rs-time-columns-item-padding-y: 0.28rem;
   --rs-time-columns-item-font-size: var(--rs-font-size-xs);
-  --rs-time-columns-label-font-size: 0.625rem;
+  --rs-time-columns-label-font-size: var(--rs-font-size-xs);
 }
 .rs-time-columns--lg {
   --rs-time-columns-list-max-height: 12rem;
@@ -219,7 +219,7 @@ defineExpose({
 .rs-time-columns__label {
   text-align: center;
   font-size: var(--rs-time-columns-label-font-size);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
   letter-spacing: 0.02em;
   color: var(--rs-muted);
 }

package/src/components/RsToaster.vue

@@ -220,17 +220,17 @@ const sonnerTheme = computed<'light' | 'dark'>(() => {
 .rs-toast__title {
   margin: 0;
   color: var(--rs-text);
-  font-size: 0.875rem;
-  font-weight: 600;
-  line-height: 1.25;
+  font-size: var(--rs-font-size-sm);
+  font-weight: var(--rs-font-weight-semibold);
+  line-height: var(--rs-line-height-tight);
   letter-spacing: -0.012em;
 }
 
 .rs-toast__description {
   margin: 0;
   color: color-mix(in srgb, var(--rs-muted) 94%, var(--rs-text) 6%);
-  font-size: 0.8125rem;
-  line-height: 1.4;
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-normal);
 }
 
 .rs-toast [data-close-button].rs-toast__close {
@@ -301,8 +301,8 @@ const sonnerTheme = computed<'light' | 'dark'>(() => {
   border-radius: 999px;
   background: color-mix(in srgb, var(--rs-primary) 92%, white 8%);
   color: var(--rs-primary-foreground);
-  font-size: 0.75rem;
-  font-weight: 600;
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
   line-height: 1;
   letter-spacing: 0.01em;
   box-shadow:

package/src/components/RsTooltip.vue

@@ -10,6 +10,11 @@ const props = withDefaults(
     align?: 'start' | 'center' | 'end'
     sideOffset?: number
     disabled?: boolean
+    /**
+     * 仅键盘 `:focus-visible` 时因焦点打开 tip。
+     * 默认 true：避免 Dialog/Popover 关闭回焦误开（对齐 Reka 推荐与 RsButton tooltip）。
+     */
+    ignoreNonKeyboardFocus?: boolean
     /** 单行展示并按内容撑开宽度（适合集合名等标识符） */
     nowrap?: boolean
     /**
@@ -25,6 +30,7 @@ const props = withDefaults(
     align: 'center',
     sideOffset: 6,
     disabled: false,
+    ignoreNonKeyboardFocus: true,
     nowrap: false,
     icon: false,
     iconName: 'info',
@@ -37,7 +43,10 @@ const iconAriaLabel = computed(() => props.content?.trim() || 'Help')
 </script>
 
 <template>
-  <TooltipRoot :disabled="disabled">
+  <TooltipRoot
+    :disabled="disabled"
+    :ignore-non-keyboard-focus="ignoreNonKeyboardFocus"
+  >
     <template v-if="icon">
       <span class="rs-tooltip__with-icon">
         <span v-if="hasLabelSlot" class="rs-tooltip__label">

package/src/components/RsTooltipProvider.vue

@@ -5,16 +5,26 @@ withDefaults(
   defineProps<{
     delayDuration?: number
     skipDelayDuration?: number
+    /**
+     * 仅键盘 focus-visible 时因焦点打开 tip。
+     * 默认 true：避免 Dialog/Popover 关闭回焦、切页签等非键盘焦点误开（对齐 Reka 推荐与 RsButton tooltip）。
+     */
+    ignoreNonKeyboardFocus?: boolean
   }>(),
   {
     delayDuration: 300,
     skipDelayDuration: 0,
+    ignoreNonKeyboardFocus: true,
   },
 )
 </script>
 
 <template>
-  <TooltipProvider :delay-duration="delayDuration" :skip-delay-duration="skipDelayDuration">
+  <TooltipProvider
+    :delay-duration="delayDuration"
+    :skip-delay-duration="skipDelayDuration"
+    :ignore-non-keyboard-focus="ignoreNonKeyboardFocus"
+  >
     <slot />
   </TooltipProvider>
 </template>

package/src/components/RsTree.vue

@@ -1096,8 +1096,8 @@ defineExpose({
 
 .rs-tree__toggle-caret {
   display: block;
-  font-size: 1.125rem;
-  font-weight: 500;
+  font-size: var(--rs-font-size-lg);
+  font-weight: var(--rs-font-weight-medium);
   line-height: 1;
   transform: translateY(-0.5px);
   transition: transform var(--rs-transition-fast);
@@ -1212,7 +1212,7 @@ defineExpose({
   border-radius: 2px;
   background: color-mix(in srgb, var(--rs-warning) 45%, transparent);
   color: inherit;
-  font-weight: 600;
+  font-weight: var(--rs-font-weight-semibold);
 }
 
 .rs-tree__pad {
@@ -1232,7 +1232,7 @@ defineExpose({
 }
 
 .rs-tree--ssm .rs-tree__toggle-caret {
-  font-size: 0.875rem;
+  font-size: var(--rs-font-size-sm);
 }
 
 .rs-tree--sm .rs-tree__label,
@@ -1247,7 +1247,7 @@ defineExpose({
 }
 
 .rs-tree--sm .rs-tree__toggle-caret {
-  font-size: 1rem;
+  font-size: var(--rs-font-size-base);
 }
 
 .rs-tree--lg .rs-tree__label {
@@ -1261,6 +1261,6 @@ defineExpose({
 }
 
 .rs-tree--lg .rs-tree__toggle-caret {
-  font-size: 1.25rem;
+  font-size: var(--rs-font-size-xl);
 }
 </style>

package/src/components/RsUpload.vue

@@ -273,7 +273,7 @@ function fileIcon(file: File): string {
 .rs-upload__label {
   color: var(--rs-text);
   font-size: var(--rs-font-size-sm);
-  font-weight: 600;
+  font-weight: var(--rs-font-weight-semibold);
   line-height: var(--rs-line-height-tight);
 }
 
@@ -367,7 +367,7 @@ function fileIcon(file: File): string {
   overflow: hidden;
   color: var(--rs-text);
   font-size: var(--rs-font-size-sm);
-  font-weight: 500;
+  font-weight: var(--rs-font-weight-medium);
   line-height: var(--rs-line-height-tight);
   text-overflow: ellipsis;
   white-space: nowrap;