Dropdown add new trigger contextMenu
This commit is contained in:
梁灏
parent
172e4396df
commit
eccaa940bd
3 changed files with 69 additions and 349 deletions
|
|
@ -1,352 +1,44 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<Dropdown trigger="hover">
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="right-start" >
|
<a href="javascript:void(0)">
|
||||||
<a href="javascript:void(0)">
|
下拉菜单
|
||||||
right-start
|
<Icon type="ios-arrow-down"></Icon>
|
||||||
<Icon type="arrow-down-b"></Icon>
|
</a>
|
||||||
</a>
|
<DropdownMenu slot="list">
|
||||||
<DropdownMenu slot="list">
|
<DropdownItem>驴打滚</DropdownItem>
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
<DropdownItem>炸酱面</DropdownItem>
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
</DropdownMenu>
|
||||||
</DropdownMenu>
|
</Dropdown>
|
||||||
</Dropdown>
|
<Dropdown trigger="click">
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="right-end" >
|
<a href="javascript:void(0)">
|
||||||
<a href="javascript:void(0)">
|
下拉菜单
|
||||||
right-end
|
<Icon type="ios-arrow-down"></Icon>
|
||||||
<Icon type="arrow-down-b"></Icon>
|
</a>
|
||||||
</a>
|
<DropdownMenu slot="list">
|
||||||
<DropdownMenu slot="list">
|
<DropdownItem>驴打滚</DropdownItem>
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
<DropdownItem>炸酱面</DropdownItem>
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
</DropdownMenu>
|
||||||
</DropdownMenu>
|
</Dropdown>
|
||||||
</Dropdown>
|
<Dropdown trigger="contextMenu">
|
||||||
|
<a href="javascript:void(0)">
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="bottom-start" >
|
下拉菜单
|
||||||
<a href="javascript:void(0)">
|
<Icon type="ios-arrow-down"></Icon>
|
||||||
bottom-start
|
</a>
|
||||||
<Icon type="arrow-down-b"></Icon>
|
<DropdownMenu slot="list">
|
||||||
</a>
|
<DropdownItem>驴打滚</DropdownItem>
|
||||||
<DropdownMenu slot="list">
|
<DropdownItem>炸酱面</DropdownItem>
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
<DropdownItem disabled>豆汁儿</DropdownItem>
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
<DropdownItem>冰糖葫芦</DropdownItem>
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
<DropdownItem divided>北京烤鸭</DropdownItem>
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
</DropdownMenu>
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
</Dropdown>
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="bottom-end" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
bottom-end
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="top-start" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
top-start
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="top-end" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
top-end
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="left-start" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
left-start
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="left-end" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
left-end
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="top" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
top
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="bottom" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
bottom
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="left" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
left
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="right" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
right
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
</div>
|
|
||||||
<br><br><br><br>
|
|
||||||
<div style='width:600px;height:100px;overflow: auto;border:1px solid'>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="right-start" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
right-start
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="right-end" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
right-end
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="bottom-start" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
bottom-start
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="bottom-end" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
bottom-end
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="top-start" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
top-start
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="top-end" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
top-end
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="left-start" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
left-start
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="left-end" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
left-end
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="top" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
top
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="bottom" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
bottom
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="left" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
left
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
<Dropdown trigger="click" style="margin-left: 20px" placement="right" >
|
|
||||||
<a href="javascript:void(0)">
|
|
||||||
right
|
|
||||||
<Icon type="arrow-down-b"></Icon>
|
|
||||||
</a>
|
|
||||||
<DropdownMenu slot="list">
|
|
||||||
<DropdownItem>驴打滚</DropdownItem>
|
|
||||||
<DropdownItem>炸酱面</DropdownItem>
|
|
||||||
<DropdownItem>豆汁儿</DropdownItem>
|
|
||||||
<DropdownItem>冰糖葫芦</DropdownItem>
|
|
||||||
<DropdownItem>北京烤鸭</DropdownItem>
|
|
||||||
</DropdownMenu>
|
|
||||||
</Dropdown>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
v-click-outside="onClickoutside"
|
v-click-outside="onClickoutside"
|
||||||
@mouseenter="handleMouseenter"
|
@mouseenter="handleMouseenter"
|
||||||
@mouseleave="handleMouseleave">
|
@mouseleave="handleMouseleave">
|
||||||
<div :class="[prefixCls + '-rel']" ref="reference" @click="handleClick"><slot></slot></div>
|
<div :class="relClasses" ref="reference" @click="handleClick" @contextmenu.prevent="handleRightClick"><slot></slot></div>
|
||||||
<transition name="transition-drop">
|
<transition name="transition-drop">
|
||||||
<Drop
|
<Drop
|
||||||
:class="dropdownCls"
|
:class="dropdownCls"
|
||||||
|
|
@ -33,7 +33,7 @@
|
||||||
props: {
|
props: {
|
||||||
trigger: {
|
trigger: {
|
||||||
validator (value) {
|
validator (value) {
|
||||||
return oneOf(value, ['click', 'hover', 'custom']);
|
return oneOf(value, ['click', 'hover', 'custom', 'contextMenu']);
|
||||||
},
|
},
|
||||||
default: 'hover'
|
default: 'hover'
|
||||||
},
|
},
|
||||||
|
|
@ -60,6 +60,14 @@
|
||||||
return {
|
return {
|
||||||
[prefixCls + '-transfer']: this.transfer
|
[prefixCls + '-transfer']: this.transfer
|
||||||
};
|
};
|
||||||
|
},
|
||||||
|
relClasses () {
|
||||||
|
return [
|
||||||
|
`${prefixCls}-rel`,
|
||||||
|
{
|
||||||
|
[`${prefixCls}-rel-user-select-none`]: this.trigger === 'contextMenu'
|
||||||
|
}
|
||||||
|
];
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
|
|
@ -89,6 +97,13 @@
|
||||||
}
|
}
|
||||||
this.currentVisible = !this.currentVisible;
|
this.currentVisible = !this.currentVisible;
|
||||||
},
|
},
|
||||||
|
handleRightClick () {
|
||||||
|
if (this.trigger === 'custom') return false;
|
||||||
|
if (this.trigger !== 'contextMenu') {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
this.currentVisible = !this.currentVisible;
|
||||||
|
},
|
||||||
handleMouseenter () {
|
handleMouseenter () {
|
||||||
if (this.trigger === 'custom') return false;
|
if (this.trigger === 'custom') return false;
|
||||||
if (this.trigger !== 'hover') {
|
if (this.trigger !== 'hover') {
|
||||||
|
|
@ -113,6 +128,7 @@
|
||||||
},
|
},
|
||||||
onClickoutside (e) {
|
onClickoutside (e) {
|
||||||
this.handleClose();
|
this.handleClose();
|
||||||
|
this.handleRightClose();
|
||||||
if (this.currentVisible) this.$emit('on-clickoutside', e);
|
if (this.currentVisible) this.$emit('on-clickoutside', e);
|
||||||
},
|
},
|
||||||
handleClose () {
|
handleClose () {
|
||||||
|
|
@ -122,6 +138,13 @@
|
||||||
}
|
}
|
||||||
this.currentVisible = false;
|
this.currentVisible = false;
|
||||||
},
|
},
|
||||||
|
handleRightClose () {
|
||||||
|
if (this.trigger === 'custom') return false;
|
||||||
|
if (this.trigger !== 'contextMenu') {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
this.currentVisible = false;
|
||||||
|
},
|
||||||
hasParent () {
|
hasParent () {
|
||||||
// const $parent = this.$parent.$parent.$parent;
|
// const $parent = this.$parent.$parent.$parent;
|
||||||
const $parent = findComponentUpward(this, 'Dropdown');
|
const $parent = findComponentUpward(this, 'Dropdown');
|
||||||
|
|
|
||||||
|
|
@ -16,6 +16,11 @@
|
||||||
&-rel{
|
&-rel{
|
||||||
//display: inline-block;
|
//display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
&-user-select-none{
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-menu{
|
&-menu{
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue