blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Card: tsx (#2779)

Browse Source
This commit is contained in:
neverland 2019-02-18 17:45:50 +08:00 committed by GitHub
parent 78174e4550
commit 98f14dd5f1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 37 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
packages/card/index.js → packages/card/index.tsx
View File

@ -2,9 +2,44 @@ import { use, isDef } from '../utils';
import { inherit } from '../utils/functional';
import Tag from '../tag';
// Types
import { CreateElement, RenderContext } from 'vue/types';
import { DefaultSlots, ScopedSlot } from '../utils/use/sfc';
export type CardProps = {
tag?: string;
num?: number | string;
desc?: string;
thumb?: string;
title?: string;
price?: number | string;
currency?: string;
centered?: boolean;
lazyLoad?: boolean;
thumbLink?: string;
originPrice?: number | string;
};
export type CardSlots = DefaultSlots & {
num?: ScopedSlot;
tag?: ScopedSlot;
tags?: ScopedSlot;
desc?: ScopedSlot;
title?: ScopedSlot;
thumb?: ScopedSlot;
price?: ScopedSlot;
footer?: ScopedSlot;
'origin-price'?: ScopedSlot;
};
const [sfc, bem] = use('card');
function Card(h, props, slots, ctx) {
function Card(
h: CreateElement,
props: CardProps,
slots: CardSlots,
ctx: RenderContext<CardProps>
) {
const { thumb } = props;
const showThumb = slots.thumb || thumb;
@ -105,4 +140,4 @@ Card.props = {
}
};
export default sfc(Card);
export default sfc<CardProps>(Card);