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
+2 -2
View File
@@ -1,5 +1,5 @@
// Utils
import { createNamespace, addUnit, isDef } from '../utils';
import { createNamespace, addUnit } from '../utils';
// Components
import Icon from '../icon';
@@ -58,8 +58,8 @@ export default createComponent({
const Navs = items.map((item) => (
<SidebarItem
dot={item.dot}
info={isDef(item.badge) ? item.badge : item.info}
title={item.text}
badge={item.badge}
disabled={item.disabled}
class={[bem('nav-item'), item.className]}
/>
@@ -71,10 +71,10 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-tree-select" style="height: 55vw;">
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
<div class="van-sidebar-item__text">浙江<div class="van-info van-info--dot van-sidebar-item__info"></div>
<div class="van-sidebar-item__text">浙江<div class="van-badge van-badge--dot van-sidebar-item__badge"></div>
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-sidebar-item__text">江苏<div class="van-info van-sidebar-item__info">5</div>
<div class="van-sidebar-item__text">江苏<div class="van-badge van-sidebar-item__badge">5</div>
</div>
</a></div>
<div class="van-tree-select__content">
@@ -25,10 +25,10 @@ exports[`height prop 1`] = `
</div>
`;
exports[`nav info 1`] = `
exports[`nav badge 1`] = `
<div class="van-tree-select" style="height: 300px;">
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
<div class="van-sidebar-item__text">group1<div class="van-info van-sidebar-item__info">3</div>
<div class="van-sidebar-item__text">group1<div class="van-badge van-sidebar-item__badge">3</div>
</div>
</a></div>
<div class="van-tree-select__content"></div>
+2 -2
View File
@@ -151,13 +151,13 @@ test('height prop', () => {
expect(wrapper).toMatchSnapshot();
});
test('nav info', () => {
test('nav badge', () => {
const wrapper = mount(TreeSelect, {
propsData: {
items: [
{
text: 'group1',
info: 3,
badge: 3,
},
],
},