docs: update v4 migration guide

This commit is contained in:
chenjiahan 2021-11-04 17:48:37 +08:00
parent 0fedd1dbea
commit 6c24fa728e
2 changed files with 39 additions and 23 deletions

View File

@ -4,38 +4,50 @@
本文档提供了从 Vant 3 到 Vant 4 的升级指南。
## 不兼容更新
### 为什么会有 Vant 4.0
### 主题定制方式调整
为了支持 **暗色模式**,我们对 Vant 中的 **样式变量** 进行了一些不兼容更新,因此发布了新的大版本。
不再支持基于 Less 变量进行主题定制,请使用 [ConfigProvider 全局配置](#/zh-CN/config-provider) 组件进行主题配置
如果你的项目没有使用主题定制,那样式变量的调整对你没有任何影响,只需要花几分钟去适配 API 调整,即可完成升级
### CSS 变量名称简化
为了便于使用 CSS 变量,我们对部分 CSS 变量的名称进行了简化,使用更短的单词代替:
```
text-link -> link
box-shadow -> shadow
font-family -> font
border-radius -> radius
background-color -> background
font-weight-bold -> font-bold
border-width-base -> border-width
price-integer-font -> price-font
animation-duration -> duration
transition-duration -> duration
animation-timing-function-enter -> ease-out
animation-timing-function-leave -> ease-in
```
如果你的项目使用了主题定制,请完整阅读此文档,并进行迁移。
### API 调整
4.0 版本对少量 API 进行了不兼容调整:
#### Picker
- `default` 插槽重命名为 `toolbar`
- 移除了 `value-key` 属性,使用 `columnsFieldNames` 属性代替
### Tabs
#### Tabs
- 移除了 `click``disabled` 事件,使用 `click-tab` 事件代替
## 样式变量调整
### 移除 Less 变量
目前 Vant 已经支持了基于 CSS 变量的主题定制能力,因此后续将不再提供 Less 变量。
如果你的项目正在使用 Less 变量进行主题定制,请使用 [ConfigProvider 全局配置](#/zh-CN/config-provider) 组件进行替换。
### 简化 CSS 变量名
考虑到 **代码体积****使用便捷性**,我们对部分 CSS 变量的名称进行了简化,在变量名中使用更简短的单词,涉及以下变更:
```less
animation-duration -> duration
animation-timing-function-enter -> ease-out
animation-timing-function-leave -> ease-in
background-color -> background
border-radius -> radius
border-width-base -> border-width
box-shadow -> shadow
font-family -> font
font-weight-bold -> font-bold
price-integer-font -> price-font
text-link -> link
transition-duration -> duration
```

View File

@ -86,7 +86,11 @@ export default {
},
{
path: 'migrate-from-v2',
title: '从 v2 升级',
title: '从 v2 升级到 v3',
},
{
path: 'migrate-from-v3',
title: '从 v3 升级到 v4',
},
{
path: 'contribution',