ant-design-vue/components/dropdown/dropdown.jsx

121 lines
3.5 KiB
Vue
Raw Normal View History

2019-01-12 11:33:27 +08:00
import RcDropdown from '../vc-dropdown/src/index';
import DropdownButton from './dropdown-button';
import PropTypes from '../_util/vue-types';
import { cloneElement } from '../_util/vnode';
2020-01-19 16:58:38 +08:00
import {
getOptionProps,
getPropsData,
getComponentFromProp,
getListeners,
} from '../_util/props-util';
2019-01-12 11:33:27 +08:00
import getDropdownProps from './getDropdownProps';
2019-04-10 10:09:00 +08:00
import { ConfigConsumerProps } from '../config-provider';
import RightOutlined from '@ant-design/icons-vue/RightOutlined';
2018-03-19 10:16:27 +08:00
2019-01-12 11:33:27 +08:00
const DropdownProps = getDropdownProps();
2018-01-29 18:57:20 +08:00
const Dropdown = {
2018-04-08 21:17:20 +08:00
name: 'ADropdown',
2018-01-29 18:57:20 +08:00
props: {
...DropdownProps,
2019-09-10 18:57:08 +08:00
prefixCls: PropTypes.string,
2018-01-29 18:57:20 +08:00
mouseEnterDelay: PropTypes.number.def(0.15),
mouseLeaveDelay: PropTypes.number.def(0.1),
placement: DropdownProps.placement.def('bottomLeft'),
},
model: {
prop: 'visible',
event: 'visibleChange',
},
2019-07-04 18:12:52 +08:00
provide() {
return {
savePopupRef: this.savePopupRef,
};
},
inject: {
2019-09-11 22:35:25 +08:00
configProvider: { default: () => ConfigConsumerProps },
},
2018-01-29 18:57:20 +08:00
methods: {
2019-07-04 18:12:52 +08:00
savePopupRef(ref) {
this.popupRef = ref;
},
2019-01-12 11:33:27 +08:00
getTransitionName() {
const { placement = '', transitionName } = this.$props;
2018-01-29 18:57:20 +08:00
if (transitionName !== undefined) {
2019-01-12 11:33:27 +08:00
return transitionName;
2018-01-29 18:57:20 +08:00
}
if (placement.indexOf('top') >= 0) {
2019-01-12 11:33:27 +08:00
return 'slide-down';
2018-01-29 18:57:20 +08:00
}
2019-01-12 11:33:27 +08:00
return 'slide-up';
2018-01-29 18:57:20 +08:00
},
2019-04-10 10:09:00 +08:00
renderOverlay(prefixCls) {
2019-09-10 18:57:08 +08:00
const overlay = getComponentFromProp(this, 'overlay');
const overlayNode = Array.isArray(overlay) ? overlay[0] : overlay;
2019-04-10 10:09:00 +08:00
// menu cannot be selectable in dropdown defaultly
// menu should be focusable in dropdown defaultly
2019-09-10 18:57:08 +08:00
const overlayProps = overlayNode && getPropsData(overlayNode);
2019-04-10 10:09:00 +08:00
const { selectable = false, focusable = true } = overlayProps || {};
const expandIcon = (
<span class={`${prefixCls}-menu-submenu-arrow`}>
<RightOutlined class={`${prefixCls}-menu-submenu-arrow-icon`} />
2019-04-10 10:09:00 +08:00
</span>
);
const fixedModeOverlay =
2019-09-10 18:57:08 +08:00
overlayNode && overlayNode.componentOptions
? cloneElement(overlayNode, {
2019-04-10 10:09:00 +08:00
props: {
mode: 'vertical',
selectable,
focusable,
expandIcon,
},
})
: overlay;
return fixedModeOverlay;
},
2018-01-29 18:57:20 +08:00
},
2019-01-12 11:33:27 +08:00
render() {
2020-01-19 16:58:38 +08:00
const { $slots } = this;
2019-01-12 11:33:27 +08:00
const props = getOptionProps(this);
2019-04-10 10:09:00 +08:00
const { prefixCls: customizePrefixCls, trigger, disabled, getPopupContainer } = props;
2019-01-12 11:33:27 +08:00
const { getPopupContainer: getContextPopupContainer } = this.configProvider;
2019-09-11 22:35:25 +08:00
const getPrefixCls = this.configProvider.getPrefixCls;
2019-04-10 10:09:00 +08:00
const prefixCls = getPrefixCls('dropdown', customizePrefixCls);
2018-01-29 18:57:20 +08:00
const dropdownTrigger = cloneElement($slots.default, {
class: `${prefixCls}-trigger`,
2019-11-12 11:16:49 +08:00
props: {
disabled,
},
2019-01-12 11:33:27 +08:00
});
const triggerActions = disabled ? [] : trigger;
let alignPoint;
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
if (triggerActions && triggerActions.indexOf('contextmenu') !== -1) {
2019-01-12 11:33:27 +08:00
alignPoint = true;
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
}
2018-01-29 18:57:20 +08:00
const dropdownProps = {
props: {
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
alignPoint,
...props,
2019-04-10 10:09:00 +08:00
prefixCls,
getPopupContainer: getPopupContainer || getContextPopupContainer,
2018-01-29 18:57:20 +08:00
transitionName: this.getTransitionName(),
update to antd3.8.3 (#159) * refactor: align * feat: update align to 2.4.3 * feat: update trigger 2.5.4 * feat: update tooltip 3.7.2 * fix: align * feat: update vc-calendar to 9.6.2 * feat: update vc-checkbox to 2.1.5 * feat: update vc-dialog to 7.1.8 * feat: update vc-from to 2.2.1 * feat: update vc-notification to 3.1.1 * test: update snapshots * feat: update vc-tree to 1.12.6 * feat: update vc-table to 6.2.8 * feat: update vc-upload to 2.5.1 * feat: update vc-input-number to 4.0.12 * feat: update vc-tabs to 9.2.6 * refactor: vc-menu * refactor: update vc-menu to 7.0.5 * style: remove unused * feat: update pagination to 1.16.5 * feat: add vc-progress 2.2.5 tag * feat: add vc-rate 2.4.0 tag * feat: update vc-slider to 8.6.1 * fix: tooltip error * style: delete conosle * feat: update vc-steps to 3.1.1 * add vc-switch tag 1.6.0 * feat: update upload to 2.5.1 * fix: update vc-menu * fix: update store * fix: add ref dir * fix: trigger mock shouldComponentUpdate * fix: update vc-select * revert: trigger lazyrenderbox * fix: update vc-select * fix: update vc-select * fix: update vc-select * fix: update vc-menu * fix: update vc-slick ref * update style to 3.8.2 * test: update snapshots * update vc-select * update util & affix * feat: add drawer * fix: support title add slot mode * test: update affix test * update alert * update anchor * update snapshots * fix: doc and vc-drawer * update select & auto-complete * update back-top & grid * feractor: avatar * test: add drawer test * update badge * update button * update card * update divider * feat: update vc-tabs to 9.3.6 and tabs * add afterEnter callback * update form * fix: update drawer * test: update snapshots * update modal & notification * test: update snapshots * update message * update locale-provider * update dropdown * update layout popconfirm popover * update time-picker * update menu * update date-picker * docs: update input docs * update input * update snapshots * update table * update test snapshots * feat: update progress * update checkbox * feat: update spin * update radio * docs: slider steps timeline * update list * update transfer * update collapse * update cascader * update upload
2018-09-05 21:28:54 +08:00
trigger: triggerActions,
2018-01-29 18:57:20 +08:00
},
2020-01-19 16:58:38 +08:00
on: getListeners(this),
2019-01-12 11:33:27 +08:00
};
2018-01-29 18:57:20 +08:00
return (
2019-01-12 11:33:27 +08:00
<RcDropdown {...dropdownProps}>
2018-01-29 18:57:20 +08:00
{dropdownTrigger}
2019-04-10 10:09:00 +08:00
<template slot="overlay">{this.renderOverlay(prefixCls)}</template>
2018-01-29 18:57:20 +08:00
</RcDropdown>
2019-01-12 11:33:27 +08:00
);
2018-01-29 18:57:20 +08:00
},
2019-01-12 11:33:27 +08:00
};
2018-01-29 18:57:20 +08:00
2019-01-12 11:33:27 +08:00
Dropdown.Button = DropdownButton;
export default Dropdown;
export { DropdownProps };