Lzh on GitHub

发布

了解 Reka UI 的最新版本。

GitHub 上的最新版本

2.0 变更

✨ 新功能

我们建议查阅 迁移指南 以顺利地从 v1 过渡到 v2。

组件

  • TimeField：实现新的 TimeField 组件
  • Presence：公开组件
  • ConfigProvider：添加全局语言环境配置

功能

  • Checkbox: 支持多个值和更多类型
    • 为组添加漫游焦点属性
  • ToggleGroup: 支持更多类型
  • RadioGroup:
    • 支持更多类型
    • 当用户点击项目时发出 select 事件
  • Select: 支持不同的 modelValue 和选项类型
  • Listbox/Combobox:
    • 公开高亮方法
    • 当过滤器更改时高亮第一个项目
  • NavigationMenu:
    • 添加额外的 CSS 变量以实现更好的定位
    • 添加 SSR 支持
  • Collapsible/Accordion: 添加 unmount 属性以帮助隐藏内容的 SEO

开发者体验

  • Types:
    • 公开有用的类型
    • 允许在 usePrimitiveElement 中进行类型推断
  • Filtering: 新的 useFilter 可组合函数，便于过滤
  • Bundle: 使用 preserveModules 和 rollup types dts 打包

🔧 重构

  • Form Components:
    • 将视觉上隐藏的输入元素移动到根节点内部
  • Combobox:
    • 使用 Listbox 作为基础组件
    • 移除 ComboboxEmpty
  • Popper:
    • 允许自定义引用元素或虚拟元素
    • 添加 position strategy 和 updateOnLayoutShift 属性
    • 为提高清晰度重命名属性

🐛 Bug 修复

  • NavigationMenu: 动画后重置位置
  • Accordion: 修复 SSR 动画导致的闪烁
  • Listbox: 使用 pointermove 时防止滚动
  • Combobox:
    • 根据搜索值修复空状态
    • 修复初始搜索不工作和虚拟化器问题
  • Select: 修复箭头抛出内容上下文注入错误
  • VisuallyHidden: 修复原生表单验证后无法聚焦的问题

🚨 破坏性变更

  • Form Components:
    • 将受控状态重命名为 v-model
  • Popover: 更新 aria 属性并移除杂乱的属性
  • Select:
    • 修复 SSR 支持
    • 重构 SelectValue 渲染机制
  • Arrow: 改进多边形实现
  • Calendar: 移除已废弃的 step 属性