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

---
 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 78ce5b3df..155e1ef36 100644
--- a/packages/card/en-US.md
+++ b/packages/card/en-US.md
@@ -65,6 +65,7 @@ Use slot to custom content.
 | Event | Description | Arguments |
 |------|------|------|
 | click | Triggered when clicked | - |
+| click-thumb | Triggered when thumb clicked | - |
 
 ### Slots
 
diff --git a/packages/card/index.tsx b/packages/card/index.tsx
index bbecdbca0..afe58eee9 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';
 import Image from '../image';
 
@@ -53,6 +53,10 @@ function Card(
   const showOriginPrice = slots['origin-price'] || isDef(props.originPrice);
   const showBottom = showNum || showPrice || showOriginPrice;
 
+  const onThumbClick = () => {
+    emit(ctx, 'click-thumb');
+  };
+
   function ThumbTag() {
     if (slots.tag || props.tag) {
       return (
@@ -72,7 +76,7 @@ function Card(
   function Thumb() {
     if (slots.thumb || thumb) {
       return (
-        <a href={props.thumbLink} class={bem('thumb')}>
+        <a href={props.thumbLink} class={bem('thumb')} onClick={onThumbClick}>
           {slots.thumb ? (
             slots.thumb()
           ) : (
diff --git a/packages/card/zh-CN.md b/packages/card/zh-CN.md
index 15b90c81d..edd92f1ea 100644
--- a/packages/card/zh-CN.md
+++ b/packages/card/zh-CN.md
@@ -65,6 +65,7 @@ Vue.use(Card);
 | 事件名 | 说明 | 回调参数 |
 |------|------|------|
 | click | 点击时触发 | - |
+| click-thumb | 点击自定义图片时触发 | - |
 
 ### Slots