drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tooltip add maxWidth prop

Browse source
This commit is contained in:
梁灏 2018-06-22 15:21:58 +08:00
parent 16e850535b
commit 6b498dd1a4
3 changed files with 27 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/tooltip/tooltip.vue
View file

@ -14,7 +14,7 @@
v-transfer-dom>
<div :class="[prefixCls + '-content']">
<div :class="[prefixCls + '-arrow']"></div>
<div :class="[prefixCls + '-inner']"><slot name="content">{{ content }}</slot></div>
<div :class="innerClasses" :style="innerStyles"><slot name="content">{{ content }}</slot></div>
</div>
</div>
</transition>
@ -67,6 +67,9 @@
return oneOf(value, ['dark', 'light']);
},
default: 'dark'
},
maxWidth: {
type: Number
}
},
data () {
@ -74,6 +77,21 @@
prefixCls: prefixCls
};
},
computed: {
innerStyles () {
const styles = {};
if (this.maxWidth) styles['max-width'] = `${this.maxWidth}px`;
return styles;
},
innerClasses () {
return [
`${prefixCls}-inner`,
{
[`${prefixCls}-inner-with-width`]: !!this.maxWidth
}
];
}
},
watch: {
content () {
this.updatePopper();