backdrop
概览

版本发布

探索 Reka UI 的最新版本。

在 GitHub 上查看最新版本


2.0 版本变更

✨ 新功能

tip

我们建议查阅迁移指南以顺利从 v1 升级至 v2。

组件

  • TimeField:实现全新的时间选择组件
  • Presence:开放组件使用
  • ConfigProvider:新增全局区域配置

功能

  • Checkbox
    • 支持多值和更多类型
    • 为分组添加焦点导航属性
  • ToggleGroup:支持更多类型
  • RadioGroup
    • 支持更多类型
    • 用户点击选项时触发 'select' 事件
  • Select:支持不同的模型值和选项类型
  • Listbox/Combobox
    • 开放高亮方法
    • 筛选条件变化时自动高亮首项
  • NavigationMenu
    • 新增 CSS 变量实现更精准定位
    • 支持服务端渲染
  • Collapsible/Accordion:新增 unmount 属性优化隐藏内容的 SEO

开发者体验

  • 类型系统
    • 开放实用类型
    • 支持 usePrimitiveElement 的类型推断
  • 筛选功能:新增可组合函数 useFilter 简化筛选逻辑
  • 构建:采用 preserveModules 打包,集成 rollup 类型声明文件

🔧 重构

  • 表单组件
    • 将视觉隐藏输入元素移至根节点内部
  • Combobox
    • 基于 Listbox 重构核心组件
    • 移除 ComboboxEmpty 组件
  • Popper
    • 支持自定义参考元素与虚拟元素
    • 新增定位策略与布局偏移更新属性
    • 重命名属性提升语义清晰度

🐛 问题修复

  • NavigationMenu:动画结束后重置定位状态
  • Accordion:修复服务端渲染导致的动画闪烁
  • Listbox:防止指针移动时的滚动穿透
  • Combobox
    • 根据搜索值正确显示空状态
    • 修复初始搜索失效与虚拟化器问题
  • Select:修复箭头组件引发的上下文注入错误
  • VisuallyHidden:修复原生表单验证后无法聚焦的问题

🚨 重大变更

  • 表单组件
    • 受控状态重命名为 v-model
  • Popover:更新 ARIA 属性并移除冗余属性
  • Select
    • 修复服务端渲染支持
    • 重构选中值渲染机制
  • Arrow:优化多边形实现方案
  • Calendar:移除已弃用的 step 属性