更新日志
最新更新和公告。
2024 年 6 月
新组件 - 数字字段
一个新组件已添加到项目中 NumberField
.
数字字段允许用户输入数字并使用步进按钮递增或递减值。
2024 年 5 月
新组件 - 图表
项目中添加了几种图表组件。
图表是通用的可视化工具,允许用户使用各种选项来表示数据,以便有效地进行分析。
面积图
- 面积图在时间轴上直观地表示数据,通过折线图下方填充的区域显示趋势和模式。
柱状图
- 柱状图使用不同长度的矩形条直观地表示数据,以比较不同类别或组之间的数量。
圆环图
- 圆环图以圆形形式直观地表示数据,类似于饼图,但中间有一个空隙,突出了类别内的比例。
折线图
- 折线图通过直线连接数据点,直观地显示数据点,以说明连续轴上的趋势或关系。
新组件 - 自动表单
自动表单
是用于您的内部和低优先级表单的即用型表单构建器,它使用现有的 zod 架构。
例如,如果您已经拥有用于 API 的 zod 架构,并且想要创建一个简单的管理面板来编辑用户资料,只需将架构传递给自动表单即可完成。
以下表单是通过将 zod
架构对象传递给我们的 自动表单
组件创建的。
2024 年 4 月
组件更新 - 日历
日历
组件已更新,现在基于 RadixVue 日历 组件构建,该组件使用 @internationalized/date 包来处理日期。
如果您正在寻找范围日历,请查看 范围日历
组件。
如果您正在寻找日期选择器输入,请查看 日期选择器
组件。
周日 | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 1 | 2 | 3 | 4 | 5 |
S | M | T | W | T | F | S |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 1 | 2 | 3 | 4 | 5 |
Web 构建模块
模块
由不同的组件组成,这些组件可用于构建您的应用程序,每个模块都是您应用程序的独立部分。这些模块完全响应式、可访问且可组合,并且使用与 shadcn-vue
中其他组件相同的原则构建。
2024 年 3 月
新组件 - 面包屑
面包屑
使用链接的层次结构显示当前资源的路径。
新组件 - PIN 输入 (OTP 输入)
PIN 输入
允许用户输入一系列单字符字母数字输入。
新组件 - 可调整大小
可调整大小
- 具有键盘支持的可访问调整大小的面板组和布局。
新组件 - 抽屉
抽屉
- 基于 Vaul Vue 构建的 Vue 抽屉组件。
2024 年 2 月
新组件 - 标签输入
标签输入
在输入框内渲染标签,后面跟着一个实际的文本输入框。
2024 年 1 月
新组件 - Sonner
Sonner
是一个面向 Vue 的 Toast 组件。
Sonner 组件由 vue-sonner 提供,它是 Sonner 的 Vue 版本,最初由 Emil Kowalski 为 React 创建。
新组件 - 切换组
切换组
- 一组可以切换打开或关闭的双状态按钮。
新组件 - 轮播
轮播
- 使用 Embla 库构建的具有运动和滑动功能的轮播。