写在前面
通过了社区贡献者们的两个月极力,Varlet 的 2.0 版别终于发布了! ,这次版别更新首要是对组件库全体做了一次重构和细节优化,一同撇去了一些技能债务(舒服了舒服了)。首要的改动看下面!
组件库(@varlet/ui)
组件特性改动
- Menu 组件进行了重做,优化了 api 使其变得更易运用,在桌面端也有更优异的边界检测能力和性能。详细运用方法参考 Menu 文档,
- Select 组件的下拉菜单替换成了新版 Menu 组件
- Pagination 组件的下拉菜单替换成了新版 Menu 组件
- Loading 组件的默许颜色从
currentColor
更改为var(--color-primary)
- Loading 组件暴露出
var(--loading-color)
- Button 组件新增
loadingColor
特色 - Snackbar 组件新增
loadingColor
特色 - Progress 组件新增
labelClass
特色 - StyleProvider 组件新增
tag
特色,答应自定义容器标签 - Cell 组件重命名了部分 api
desc
->description
,descClass
->descriptionClass
- DatePicker 组件重命名了部分 api
shadow
->elevation
- TimePicker 组件重命名了部分 api
shadow
->elevation
- Card 组件重命名了部分 api
height
->image-height
,content
->floating-content
- Col 组件新增
direction
特色 - Dialog 组件新增
width
特色
组件样式变量改动
- Menu 组件变量新增
--menu-background-color
- Select 组件变量新增
--select-select-min-height
,--select-menu-margin-top
- Pagination 组件变量新增
--pagination-simple-padding
- Loading 组件变量新增
--loading-color
- Cell 组件变量重命名
--cell-desc-font-size
->--cell-description-font-size
,--cell-desc-color
->--cell-description-color
UMD 模块优化
在 1.x
版别中,UMD 模块不包含英文语言包和暗黑方法主题包。在 2.x
版别中,我们将其进行了内置
移除 less 主题变量的支撑
现在 css variable
方案已经非常老到,在 2.x
版别中不再支撑 less
主题变量,这有利于减小包的发布体积。
如果您运用了在构建时替换 less
主题变量的方案,需求替换成 css variable
方案
Typescript 类型优化
我们对组件内部类型进行了重构,笼统了更多的类型而且暴露了出来,组件的类型标准依照组件名
+ 类型名
的方法,对用户的心智愈加友爱。
支撑主动引入函数组件
在 1.x 中,组件库只支撑主动引入在模板中的声明式组件,函数组件 (例如: Snackbar)
依然需求手动引入样式文件。
在 2.x 中,通过 unplugin-auto-import 插件支撑了函数组件的主动引入(现在是真的全主动引入了)
组件库快速成型东西(@varlet/cli)
唠唠家常
社区的同学们对 @varlet/cli
的热心比我幻想的要高涨很多,也有几个同学找到我秀出了他们自己的组件库著作,也一同提出了一些定见。所以我们这次更新也对这一套组件库开发的东西链做了一点优化
指令重构
- 重构了
gen
和create
指令,增加了sfc
和tsx
两种风格的模板挑选,增加了国际化的选项,优化了指令行交互领会 - 重构了
compile
指令,编译后的包不再支撑less
变量 - 新增
vite:dev
和vite:build
指令,对vite
进行了根本的封装
文档相关
- 新的文档主页
- 优化了文档视觉
- 文档样式变量进行了一些重命名
完毕
本来是想悄然发布,不打算写文章的,由于真实不知道应该写什么。但是呢!感觉还是要有一些典礼感!在此感谢一下贡献了不少代码和定见的老同学和新同学们!抱拳了!
官方文档地址: varlet.gitee.io/varlet-ui/, github地址: github.com/varletjs/va…