ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-22 11:54:02 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[new feature] Cell: add label slot (#2956)

Browse Source
This commit is contained in:
neverland
2019-03-12 20:34:17 +08:00
committed by GitHub
parent d4a5644e88
commit a4eedac8b1
5 changed files with 55 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/cell/index.tsx
View File

@@ -18,6 +18,7 @@ export type CellProps = RouteProps &
export type CellSlots = DefaultSlots & {
icon?: ScopedSlot;
title?: ScopedSlot;
label?: ScopedSlot;
extra?: ScopedSlot;
'right-icon'?: ScopedSlot;
};
@@ -38,11 +39,18 @@ function Cell(
const showTitle = slots.title || isDef(title);
const showValue = slots.default || isDef(value);
const showLabel = slots.label || isDef(label);
const Label = showLabel && (
<div class={[bem('label'), props.labelClass]}>
{slots.label ? slots.label() : label}
</div>
);
const Title = showTitle && (
<div class={[bem('title'), props.titleClass]}>
{slots.title ? slots.title() : <span>{title}</span>}
{label && <div class={[bem('label'), props.labelClass]}>{label}</div>}
{Label}
</div>
);