add inner prop

This commit is contained in:
梁灏 2018-08-24 12:03:52 +08:00
parent ab58648e93
commit 8a3c7282f8
3 changed files with 88 additions and 59 deletions

View file

@ -1,7 +1,7 @@
<template>
<div v-transfer-dom :data-transfer="transfer">
<transition name="fade">
<div class="ivu-drawer-mask" :style="maskStyle" v-show="visible" v-if="mask" @click="handleMask"></div>
<div :class="maskClasses" :style="maskStyle" v-show="visible" v-if="mask" @click="handleMask"></div>
</transition>
<div :class="wrapClasses" @click="handleWrapClick">
<transition :name="'move-' + placement">
@ -86,6 +86,10 @@
},
className: {
type: String
},
inner: {
type: Boolean,
default: false
}
},
data () {
@ -103,7 +107,8 @@
{
[`${prefixCls}-hidden`]: !this.wrapShow,
[`${this.className}`]: !!this.className,
[`${prefixCls}-no-mask`]: !this.mask
[`${prefixCls}-no-mask`]: !this.mask,
[`${prefixCls}-wrap-inner`]: this.inner
}
];
},
@ -134,6 +139,15 @@
`${prefixCls}-${this.placement}`,
{
[`${prefixCls}-no-header`]: !this.showHead,
[`${prefixCls}-inner`]: this.inner
}
];
},
maskClasses () {
return [
`${prefixCls}-mask`,
{
[`${prefixCls}-mask-inner`]: this.inner
}
];
}