1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import _extends from 'babel-runtime/helpers/extends';
import RcDropdown from '../vc-dropdown/src/index';
import DropdownButton from './dropdown-button';
import PropTypes from '../_util/vue-types';
import { cloneElement } from '../_util/vnode';
import { getOptionProps, getPropsData } from '../_util/props-util';
import getDropdownProps from './getDropdownProps';
import Icon from '../icon';
var DropdownProps = getDropdownProps();
var Dropdown = {
name: 'ADropdown',
props: _extends({}, DropdownProps, {
prefixCls: PropTypes.string.def('ant-dropdown'),
mouseEnterDelay: PropTypes.number.def(0.15),
mouseLeaveDelay: PropTypes.number.def(0.1),
placement: DropdownProps.placement.def('bottomLeft')
}),
model: {
prop: 'visible',
event: 'visibleChange'
},
inject: {
configProvider: { 'default': function _default() {
return {};
} }
},
methods: {
getTransitionName: function getTransitionName() {
var _$props = this.$props,
_$props$placement = _$props.placement,
placement = _$props$placement === undefined ? '' : _$props$placement,
transitionName = _$props.transitionName;
if (transitionName !== undefined) {
return transitionName;
}
if (placement.indexOf('top') >= 0) {
return 'slide-down';
}
return 'slide-up';
}
},
render: function render() {
var h = arguments[0];
var $slots = this.$slots,
$listeners = this.$listeners;
var props = getOptionProps(this);
var prefixCls = props.prefixCls,
trigger = props.trigger,
disabled = props.disabled,
getPopupContainer = props.getPopupContainer;
var getContextPopupContainer = this.configProvider.getPopupContainer;
var dropdownTrigger = cloneElement($slots['default'], {
'class': prefixCls + '-trigger',
disabled: disabled
});
var overlay = this.overlay || $slots.overlay && $slots.overlay[0];
// menu cannot be selectable in dropdown defaultly
// menu should be focusable in dropdown defaultly
var overlayProps = overlay && getPropsData(overlay);
var _ref = overlayProps || {},
_ref$selectable = _ref.selectable,
selectable = _ref$selectable === undefined ? false : _ref$selectable,
_ref$focusable = _ref.focusable,
focusable = _ref$focusable === undefined ? true : _ref$focusable;
var expandIcon = h(
'span',
{ 'class': prefixCls + '-menu-submenu-arrow' },
[h(Icon, {
attrs: { type: 'right' },
'class': prefixCls + '-menu-submenu-arrow-icon' })]
);
var fixedModeOverlay = overlay && overlay.componentOptions ? cloneElement(overlay, {
props: {
mode: 'vertical',
selectable: selectable,
focusable: focusable,
expandIcon: expandIcon
}
}) : overlay;
var triggerActions = disabled ? [] : trigger;
var alignPoint = void 0;
if (triggerActions && triggerActions.indexOf('contextmenu') !== -1) {
alignPoint = true;
}
var dropdownProps = {
props: _extends({
alignPoint: alignPoint
}, props, {
getPopupContainer: getPopupContainer || getContextPopupContainer,
transitionName: this.getTransitionName(),
trigger: triggerActions
}),
on: $listeners
};
return h(
RcDropdown,
dropdownProps,
[dropdownTrigger, h(
'template',
{ slot: 'overlay' },
[fixedModeOverlay]
)]
);
}
};
Dropdown.Button = DropdownButton;
export default Dropdown;
export { DropdownProps };