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

update Dropdown

Browse source 
update Dropdown
This commit is contained in:
梁灏 2016-12-04 17:04:48 +08:00
parent 6b71ba9418
commit 407eabd5c3
3 changed files with 126 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/components/dropdown/dropdown.vue
View file

@ -1,12 +1,14 @@
<template>
<div
:class="[prefixCls]"
@click="handleClick"
v-clickoutside="handleClose"
@mouseenter="handleMouseenter"
@mouseleave="handleMouseleave"
v-clickoutside="handleClose">
<div :class="[prefixCls-rel]" v-el:reference><slot></slot></div>
<Drop v-show="visible" :placement="placement" transition="slide-up" v-ref:drop><slot name="list"></slot></Drop>
@mouseleave="handleMouseleave">
<div
:class="[prefixCls-rel]"
v-el:reference
@click="handleClick"><slot></slot></div>
<Drop v-show="visible" :placement="placement" :transition="transition" v-ref:drop><slot name="list"></slot></Drop>
</div>
</template>
<script>
@ -34,6 +36,11 @@
default: 'bottom'
}
},
computed: {
transition () {
return ['bottom-start', 'bottom', 'bottom-end'].indexOf(this.placement) > -1 ? 'slide-up' : 'fade';
}
},
data () {
return {
prefixCls: prefixCls,
@ -92,14 +99,20 @@
events: {
'on-click' (key) {
const $parent = this.hasParent();
if ($parent ) $parent.$emit('on-click', key)
if ($parent ) $parent.$emit('on-click', key);
},
'on-hover-click' () {
this.$nextTick(() => {
this.visible = false;
});
const $parent = this.hasParent();
if ($parent) $parent.$emit('on-hover-click');
if ($parent) {
this.$nextTick(() => {
this.visible = false;
});
$parent.$emit('on-hover-click');
} else {
this.$nextTick(() => {
this.visible = false;
});
}
},
'on-haschild-click' () {
this.$nextTick(() => {