From b5908d783ea92f1760a41dec0da63396db8cd21c Mon Sep 17 00:00:00 2001
From: Fyerl <fyerl@foxmail.com>
Date: Fri, 21 Jun 2019 14:43:08 +0800
Subject: [PATCH] [new feature] Card: add click-thumb event (#3585)

---
 packages/card/en-US.md  | 1 +
 packages/card/index.tsx | 8 ++++++--
 packages/card/zh-CN.md  | 1 +
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/card/en-US.md b/packages/card/en-US.md
index 68b23012d..83e870511 100644
--- a/packages/card/en-US.md
+++ b/packages/card/en-US.md
@@ -63,6 +63,7 @@ Use slot to custom content.
 | Event | Description | Arguments |
 |------|------|------|
 | click | Triggered when clicked | - |
+| click-thumb | Triggered when thumb clicked | - |
 
 ### Slot
 
diff --git a/packages/card/index.tsx b/packages/card/index.tsx
index 0dc3c389b..3a7d7c6d3 100644
--- a/packages/card/index.tsx
+++ b/packages/card/index.tsx
@@ -1,5 +1,5 @@
 import { use, isDef } from '../utils';
-import { inherit } from '../utils/functional';
+import { emit, inherit } from '../utils/functional';
 import Tag from '../tag';
 
 // Types
@@ -54,8 +54,12 @@ function Card(
   const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
   const showBottom = showNum || showPrice || showOriginPrice;
 
+  const onThumbClick = () => {
+    emit(ctx, 'click-thumb');
+  };
+
   const Thumb = showThumb && (
-    <a href={props.thumbLink} class={bem('thumb')}>
+    <a href={props.thumbLink} class={bem('thumb')} onClick={onThumbClick}>
       {slots.thumb ? (
         slots.thumb()
       ) : props.lazyLoad ? (
diff --git a/packages/card/zh-CN.md b/packages/card/zh-CN.md
index a04d01c97..8e982acb4 100644
--- a/packages/card/zh-CN.md
+++ b/packages/card/zh-CN.md
@@ -63,6 +63,7 @@ Vue.use(Card);
 | 事件名 | 说明 | 参数 |
 |------|------|------|
 | click | 点击时触发 | - |
+| click-thumb | 点击自定义图片时触发 | - |
 
 ### Slot