From a980832f848bc54410e262249bcc2f1a9830c2f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Fri, 22 Jun 2018 15:37:23 +0800
Subject: [PATCH] Poptip add padding prop

---
 examples/routers/tooltip.vue     |  2 +-
 src/components/poptip/poptip.vue | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/examples/routers/tooltip.vue b/examples/routers/tooltip.vue
index 791ff635..70fba7f2 100644
--- a/examples/routers/tooltip.vue
+++ b/examples/routers/tooltip.vue
@@ -7,7 +7,7 @@
             <Button @click="handleChange">change</Button>
         </Tooltip>
         <Button @click="handleChange">change</Button>
-        <Poptip title="Title" transfer width="250" word-wrap content="我的文本超级，无敌,长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
+        <Poptip title="Title" transfer padding="0" width="250" word-wrap content="我的文本超级，无敌,长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长我的文本超级无敌长">
             <Button>Click</Button>
         </Poptip>
     </div>
diff --git a/src/components/poptip/poptip.vue b/src/components/poptip/poptip.vue
index 22b3bfb1..687de8d2 100644
--- a/src/components/poptip/poptip.vue
+++ b/src/components/poptip/poptip.vue
@@ -36,8 +36,8 @@
                         </div>
                     </div>
                     <div :class="[prefixCls + '-inner']" v-if="!confirm">
-                        <div :class="[prefixCls + '-title']" v-if="showTitle" ref="title"><slot name="title"><div :class="[prefixCls + '-title-inner']">{{ title }}</div></slot></div>
-                        <div :class="[prefixCls + '-body']">
+                        <div :class="[prefixCls + '-title']" :style="contentPaddingStyle" v-if="showTitle" ref="title"><slot name="title"><div :class="[prefixCls + '-title-inner']">{{ title }}</div></slot></div>
+                        <div :class="[prefixCls + '-body']" :style="contentPaddingStyle">
                             <div :class="contentClasses"><slot name="content"><div :class="[prefixCls + '-body-content-inner']">{{ content }}</div></slot></div>
                         </div>
                     </div>
@@ -104,6 +104,10 @@
             wordWrap: {
                 type: Boolean,
                 default: false
+            },
+            // default by css: 8px 16px
+            padding: {
+                type: String
             }
         },
         data () {
@@ -161,6 +165,11 @@
                         [`${prefixCls}-body-content-word-wrap`]: this.wordWrap
                     }
                 ];
+            },
+            contentPaddingStyle () {
+                const styles = {};
+                if (!!this.padding) styles['padding'] = this.padding;
+                return styles;
             }
         },
         methods: {