[breaking change] Steps: remove some prop

This commit is contained in:
陈嘉涵
2019-04-29 17:01:08 +08:00
parent e417ad0e8b
commit d3c8eb86e2
4 changed files with 8 additions and 62 deletions

View File

@@ -1,16 +1,11 @@
import { use } from '../utils';
import { GREEN } from '../utils/color';
import Icon from '../icon';
const [sfc, bem] = use('steps');
export default sfc({
props: {
icon: String,
title: String,
active: Number,
iconClass: String,
description: String,
direction: {
type: String,
default: 'horizontal'
@@ -32,29 +27,9 @@ export default sfc({
},
render(h) {
const { icon, title, description, slots } = this;
const StatusIcon = (slots('icon') || icon) && (
<div class={bem('icon')}>{slots('icon') || <Icon name={icon} class={this.iconClass} />}</div>
);
const StatusMessage = (
<div class={bem('message')}>
<div class={bem('title')}>{title}</div>
<div class={[bem('desc'), 'van-ellipsis']}>{description}</div>
</div>
);
return (
<div class={bem([this.direction])}>
{(title || description) && (
<div class={bem('status')}>
{StatusIcon}
{StatusMessage}
{slots('message-extra')}
</div>
)}
<div class={bem('items', { alone: !title && !description })}>{slots()}</div>
<div class={bem('items')}>{this.slots()}</div>
</div>
);
}