You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
3.8 KiB
103 lines
3.8 KiB
"use strict";
|
|
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = PopupTrigger;
|
|
|
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
|
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
|
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
|
|
var React = _interopRequireWildcard(require("react"));
|
|
|
|
var _rcTrigger = _interopRequireDefault(require("rc-trigger"));
|
|
|
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
|
var _raf = _interopRequireDefault(require("rc-util/lib/raf"));
|
|
|
|
var _MenuContext = require("../context/MenuContext");
|
|
|
|
var _placements = require("../placements");
|
|
|
|
var _motionUtil = require("../utils/motionUtil");
|
|
|
|
var popupPlacementMap = {
|
|
horizontal: 'bottomLeft',
|
|
vertical: 'rightTop',
|
|
'vertical-left': 'rightTop',
|
|
'vertical-right': 'leftTop'
|
|
};
|
|
|
|
function PopupTrigger(_ref) {
|
|
var prefixCls = _ref.prefixCls,
|
|
visible = _ref.visible,
|
|
children = _ref.children,
|
|
popup = _ref.popup,
|
|
popupClassName = _ref.popupClassName,
|
|
popupOffset = _ref.popupOffset,
|
|
disabled = _ref.disabled,
|
|
mode = _ref.mode,
|
|
onVisibleChange = _ref.onVisibleChange;
|
|
|
|
var _React$useContext = React.useContext(_MenuContext.MenuContext),
|
|
getPopupContainer = _React$useContext.getPopupContainer,
|
|
rtl = _React$useContext.rtl,
|
|
subMenuOpenDelay = _React$useContext.subMenuOpenDelay,
|
|
subMenuCloseDelay = _React$useContext.subMenuCloseDelay,
|
|
builtinPlacements = _React$useContext.builtinPlacements,
|
|
triggerSubMenuAction = _React$useContext.triggerSubMenuAction,
|
|
forceSubMenuRender = _React$useContext.forceSubMenuRender,
|
|
motion = _React$useContext.motion,
|
|
defaultMotions = _React$useContext.defaultMotions;
|
|
|
|
var _React$useState = React.useState(false),
|
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
innerVisible = _React$useState2[0],
|
|
setInnerVisible = _React$useState2[1];
|
|
|
|
var placement = rtl ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _placements.placementsRtl), builtinPlacements) : (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _placements.placements), builtinPlacements);
|
|
var popupPlacement = popupPlacementMap[mode];
|
|
var targetMotion = (0, _motionUtil.getMotion)(mode, motion, defaultMotions);
|
|
var mergedMotion = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, targetMotion), {}, {
|
|
leavedClassName: "".concat(prefixCls, "-hidden"),
|
|
removeOnLeave: false,
|
|
motionAppear: true
|
|
}); // Delay to change visible
|
|
|
|
var visibleRef = React.useRef();
|
|
React.useEffect(function () {
|
|
visibleRef.current = (0, _raf.default)(function () {
|
|
setInnerVisible(visible);
|
|
});
|
|
return function () {
|
|
_raf.default.cancel(visibleRef.current);
|
|
};
|
|
}, [visible]);
|
|
return /*#__PURE__*/React.createElement(_rcTrigger.default, {
|
|
prefixCls: prefixCls,
|
|
popupClassName: (0, _classnames.default)("".concat(prefixCls, "-popup"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-rtl"), rtl), popupClassName),
|
|
stretch: mode === 'horizontal' ? 'minWidth' : null,
|
|
getPopupContainer: getPopupContainer,
|
|
builtinPlacements: placement,
|
|
popupPlacement: popupPlacement,
|
|
popupVisible: innerVisible,
|
|
popup: popup,
|
|
popupAlign: popupOffset && {
|
|
offset: popupOffset
|
|
},
|
|
action: disabled ? [] : [triggerSubMenuAction],
|
|
mouseEnterDelay: subMenuOpenDelay,
|
|
mouseLeaveDelay: subMenuCloseDelay,
|
|
onPopupVisibleChange: onVisibleChange,
|
|
forceRender: forceSubMenuRender,
|
|
popupMotion: mergedMotion
|
|
}, children);
|
|
} |