breaking change: rename Info to Badge

This commit is contained in:
chenjiahan
2020-08-20 19:36:12 +08:00
parent 4e5f509b2f
commit 63bd4700ab
40 changed files with 157 additions and 178 deletions
-1
View File
@@ -254,7 +254,6 @@ export default {
| disabled | 是否禁用标签 | _boolean_ | `false` |
| dot `v2.3.0` | 是否在标题右上角显示小红点 | _boolean_ | `false` |
| badge `v2.5.6` | 图标右上角徽标的内容 | _number \| string_ | - |
| info `v2.3.0` | 图标右上角徽标的内容(已废弃,请使用 badge 属性) | _number \| string_ | - |
| name `v2.0.6` | 标签名称,作为匹配的标识符 | _number \| string_ | 标签的索引值 |
| url `v2.2.1` | 点击后跳转的链接地址 | _string_ | - |
| to `v2.2.1` | 点击后跳转的目标路由对象,同 vue-router 的 [to 属性](https://router.vuejs.org/zh/api/#to) | _string \| object_ | - |
-1
View File
@@ -11,7 +11,6 @@ export default createComponent({
...routeProps,
dot: Boolean,
name: [Number, String],
info: [Number, String],
badge: [Number, String],
title: String,
titleStyle: null,
@@ -105,7 +105,7 @@ exports[`dot prop 1`] = `
<div class="van-tabs__wrap">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text-wrapper"><span class="van-tab__text van-tab__text--ellipsis"></span>
<div class="van-info van-info--dot"></div>
<div class="van-badge van-badge--dot"></div>
</span></div>
<div class="van-tabs__line"></div>
</div>
@@ -116,12 +116,12 @@ exports[`dot prop 1`] = `
</div>
`;
exports[`info prop 1`] = `
exports[`badge prop 1`] = `
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<div role="tab" aria-selected="true" class="van-tab van-tab--active"><span class="van-tab__text-wrapper"><span class="van-tab__text van-tab__text--ellipsis"></span>
<div class="van-info">10</div>
<div class="van-badge">10</div>
</span></div>
<div class="van-tabs__line"></div>
</div>
+2 -2
View File
@@ -246,11 +246,11 @@ test('dot prop', () => {
expect(wrapper).toMatchSnapshot();
});
test('info prop', () => {
test('badge prop', () => {
const wrapper = mount({
template: `
<van-tabs>
<van-tab info="10">Text</van-tab>
<van-tab badge="10">Text</van-tab>
</van-tabs>
`,
});