@kdcloudjs/kdesign 1.6.33 → 1.6.35

package/lib/_utils/usePopper.js

@@ -1,64 +1,39 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Triggers = exports.Placements = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _type = require("../_utils/type");
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 var _hooks = require("./hooks");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var Placements = (0, _type.tuple)('top', 'left', 'right', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom');
 exports.Placements = Placements;
 var Triggers = (0, _type.tuple)('hover', 'focus', 'click', 'contextMenu');
 exports.Triggers = Triggers;
-
 function getTranslate(node, param) {
   var _a;
-
   var translates = ((_a = document.defaultView) === null || _a === void 0 ? void 0 : _a.getComputedStyle(node, null).transform.substring(7)) || '';
   var result = translates.match(/\(([^)]*)\)/);
   var matrix = result ? result[1].split(',') : translates.split(',');
-
   if (param === 'x' || param === undefined) {
     return matrix.length > 6 ? parseFloat(matrix[12]) : parseFloat(matrix[4]);
   } else if (param === 'y') {
@@ -71,14 +46,12 @@ function getTranslate(node, param) {
     }));
   }
 }
-
 function getRotate(matrix) {
   var aa = Math.round(180 * Math.asin(matrix[0]) / Math.PI);
   var bb = Math.round(180 * Math.acos(matrix[1]) / Math.PI);
   var cc = Math.round(180 * Math.asin(matrix[2]) / Math.PI);
   var dd = Math.round(180 * Math.acos(matrix[3]) / Math.PI);
   var deg = 0;
-
   if (aa === bb || -aa === bb) {
     deg = dd;
   } else if (-aa + bb === 180) {
@@ -86,64 +59,51 @@ function getRotate(matrix) {
   } else if (aa + bb === 180) {
     deg = 360 - cc || 360 - dd;
   }
-
   return deg >= 360 ? 0 : deg;
 }
-
 var getTranslatePos = function getTranslatePos(el) {
   var elPos = {
     top: getTranslate(el, 'y') || 0,
     left: getTranslate(el, 'x') || 0
   };
-
   if (el.parentElement) {
     var parentPos = getTranslatePos(el.parentElement);
     elPos.top += parentPos.top;
     elPos.left += parentPos.left;
   }
-
   return elPos;
 };
-
 var getOffsetPos = function getOffsetPos(el) {
   var elPos = {
     top: el.offsetTop,
     left: el.offsetLeft
   };
-
   if (el.offsetParent) {
     var parentPos = getOffsetPos(el.offsetParent);
     elPos.top += parentPos.top;
     elPos.left += parentPos.left;
   }
-
   return elPos;
 };
-
 var getBorderWidth = function getBorderWidth(el) {
   var border = {
     top: 0,
     left: 0
   };
-
   if (el.offsetParent) {
     var _context, _context2;
-
     var parentBorder = getBorderWidth(el.offsetParent);
     border.top += parentBorder.top + parseInt((0, _slice.default)(_context = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context, 0, -2));
     border.left += parentBorder.left + parseInt((0, _slice.default)(_context2 = getComputedStyle(el.offsetParent, null).borderTopWidth).call(_context2, 0, -2));
   }
-
   return border;
 };
-
 var getScrollDist = function getScrollDist(el, container) {
   var elScroll = {
     top: el.scrollTop,
     left: el.scrollLeft
   };
   var isFixed = getComputedStyle(el, null).getPropertyValue('position') === 'fixed';
-
   if (isFixed) {
     elScroll.top -= document.documentElement.scrollTop;
     elScroll.left -= document.documentElement.scrollLeft;
@@ -152,52 +112,49 @@ var getScrollDist = function getScrollDist(el, container) {
     elScroll.top += parentScroll.top;
     elScroll.left += parentScroll.left;
   }
-
   return elScroll;
 };
-
 function usePopper(locatorElement, popperElement, props) {
   var _context3, _context4, _arrowStyle;
-
   var prefixCls = props.prefixCls,
-      onTrigger = props.onTrigger,
-      popperStyle = props.popperStyle,
-      _props$arrow = props.arrow,
-      arrow = _props$arrow === void 0 ? false : _props$arrow,
-      onVisibleChange = props.onVisibleChange,
-      popperClassName = props.popperClassName,
-      _props$arrowOffset = props.arrowOffset,
-      arrowOffset = _props$arrowOffset === void 0 ? 12 : _props$arrowOffset,
-      _props$arrowSize = props.arrowSize,
-      arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'top' : _props$placement,
-      _props$gap = props.gap,
-      defaultGap = _props$gap === void 0 ? 4 : _props$gap,
-      _props$scrollHidden = props.scrollHidden,
-      scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
-      _props$mouseEnterDela = props.mouseEnterDelay,
-      mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,
-      _props$mouseLeaveDela = props.mouseLeaveDelay,
-      mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
-      _props$defaultVisible = props.defaultVisible,
-      defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
-      _props$autoPlacement = props.autoPlacement,
-      autoPlacement = _props$autoPlacement === void 0 ? true : _props$autoPlacement,
-      _props$clickToClose = props.clickToClose,
-      clickToClose = _props$clickToClose === void 0 ? true : _props$clickToClose,
-      _props$getTriggerElem = props.getTriggerElement,
-      getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
-    return locatorNode;
-  } : _props$getTriggerElem,
-      _props$getPopupContai = props.getPopupContainer,
-      getPopupContainer = _props$getPopupContai === void 0 ? function () {
-    return document.body;
-  } : _props$getPopupContai;
+    onTrigger = props.onTrigger,
+    popperStyle = props.popperStyle,
+    _props$arrow = props.arrow,
+    arrow = _props$arrow === void 0 ? false : _props$arrow,
+    onVisibleChange = props.onVisibleChange,
+    popperClassName = props.popperClassName,
+    _props$arrowOffset = props.arrowOffset,
+    arrowOffset = _props$arrowOffset === void 0 ? 12 : _props$arrowOffset,
+    _props$arrowSize = props.arrowSize,
+    arrowSize = _props$arrowSize === void 0 ? 4.25 : _props$arrowSize,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'top' : _props$placement,
+    _props$gap = props.gap,
+    defaultGap = _props$gap === void 0 ? 4 : _props$gap,
+    _props$scrollHidden = props.scrollHidden,
+    scrollHidden = _props$scrollHidden === void 0 ? false : _props$scrollHidden,
+    _props$mouseEnterDela = props.mouseEnterDelay,
+    mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.1 : _props$mouseEnterDela,
+    _props$mouseLeaveDela = props.mouseLeaveDelay,
+    mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
+    _props$defaultVisible = props.defaultVisible,
+    defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
+    _props$autoPlacement = props.autoPlacement,
+    autoPlacement = _props$autoPlacement === void 0 ? true : _props$autoPlacement,
+    _props$clickToClose = props.clickToClose,
+    clickToClose = _props$clickToClose === void 0 ? true : _props$clickToClose,
+    _props$getTriggerElem = props.getTriggerElement,
+    getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
+      return locatorNode;
+    } : _props$getTriggerElem,
+    _props$getPopupContai = props.getPopupContainer,
+    getPopupContainer = _props$getPopupContai === void 0 ? function () {
+      return document.body;
+    } : _props$getPopupContai;
   var arrowWidth = Math.sqrt(2 * Math.pow(arrowSize, 2));
   var componentName = (prefixCls === null || prefixCls === void 0 ? void 0 : prefixCls.split('-')[1]) || '';
   (0, _devwarning.default)(Placements.indexOf(placement) === -1, componentName, (0, _concat.default)(_context3 = "cannot found ".concat(componentName, " placement '")).call(_context3, placement, "'"));
@@ -210,14 +167,12 @@ function usePopper(locatorElement, popperElement, props) {
   var locatorRef = locatorElement.ref || locatorEl;
   var popperRef = popperElement.ref || popperEl;
   var container = getPopupContainer(locatorRef.current || document.body);
-
   _promise.default.resolve().then(function () {
     var triggerNode = getTriggerElement(locatorRef.current);
     var container = getPopupContainer(locatorRef.current);
     (0, _devwarning.default)(!triggerNode, componentName, "getTriggerElement() must return a HTMLElement, but now it does not return anything");
     (0, _devwarning.default)(!container, componentName, "getPopupContainer() must return a HTMLElement, but now it does not return anything");
   });
-
   var initPos = {
     top: 0,
     left: 0,
@@ -231,37 +186,30 @@ function usePopper(locatorElement, popperElement, props) {
     left: 0
   };
   var gap = defaultGap + (arrow ? 10 : 0);
-
   var _useState = (0, _react.useState)(initPos),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      mousePos = _useState2[0],
-      setMousePos = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    mousePos = _useState2[0],
+    setMousePos = _useState2[1];
   var _useState3 = (0, _react.useState)(initAlign),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      arrowPos = _useState4[0],
-      setArrowPos = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    arrowPos = _useState4[0],
+    setArrowPos = _useState4[1];
   var _useState5 = (0, _react.useState)(!!props.visible || defaultVisible),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      exist = _useState6[0],
-      setExist = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    exist = _useState6[0],
+    setExist = _useState6[1];
   var _useState7 = (0, _react.useState)(!!props.visible || defaultVisible),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      canAlign = _useState8[0],
-      setCanAlign = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    canAlign = _useState8[0],
+    setCanAlign = _useState8[1];
   var _useState9 = (0, _react.useState)(false),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      visible = _useState10[0],
-      setVisible = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    visible = _useState10[0],
+    setVisible = _useState10[1];
   var _useState11 = (0, _react.useState)(false),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      active = _useState12[0],
-      setActive = _useState12[1];
-
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    active = _useState12[0],
+    setActive = _useState12[1];
   (0, _react.useEffect)(function () {
     if (props.visible) {
       !exist && setExist(true);
@@ -271,56 +219,45 @@ function usePopper(locatorElement, popperElement, props) {
       setVisible(false);
     }
   }, [exist, props.visible]);
-
   var _useState13 = (0, _react.useState)(''),
-      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-      evType = _useState14[0],
-      setEvType = _useState14[1];
-
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    evType = _useState14[0],
+    setEvType = _useState14[1];
   var _useState15 = (0, _react.useState)(),
-      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-      align = _useState16[0],
-      setAlign = _useState16[1];
-
+    _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+    align = _useState16[0],
+    setAlign = _useState16[1];
   var _useState17 = (0, _react.useState)(placement),
-      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-      nextPlacement = _useState18[0],
-      setNextPlacement = _useState18[1];
-
+    _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+    nextPlacement = _useState18[0],
+    setNextPlacement = _useState18[1];
   var alignPopper = (0, _react.useCallback)(function () {
     if ((locatorRef === null || locatorRef === void 0 ? void 0 : locatorRef.current) && (popperRef === null || popperRef === void 0 ? void 0 : popperRef.current)) {
       var _popperRef$current$ge = popperRef.current.getBoundingClientRect(),
-          popperWidth = _popperRef$current$ge.width,
-          popperHeight = _popperRef$current$ge.height;
-
+        popperWidth = _popperRef$current$ge.width,
+        popperHeight = _popperRef$current$ge.height;
       var _locatorRef$current$g = locatorRef.current.getBoundingClientRect(),
-          top = _locatorRef$current$g.top,
-          bottom = _locatorRef$current$g.bottom,
-          left = _locatorRef$current$g.left,
-          right = _locatorRef$current$g.right,
-          height = _locatorRef$current$g.height,
-          width = _locatorRef$current$g.width;
-
+        top = _locatorRef$current$g.top,
+        bottom = _locatorRef$current$g.bottom,
+        left = _locatorRef$current$g.left,
+        right = _locatorRef$current$g.right,
+        height = _locatorRef$current$g.height,
+        width = _locatorRef$current$g.width;
       var _getOffsetPos = getOffsetPos(container),
-          containerTop = _getOffsetPos.top,
-          containerLeft = _getOffsetPos.left;
-
+        containerTop = _getOffsetPos.top,
+        containerLeft = _getOffsetPos.left;
       var _getOffsetPos2 = getOffsetPos(locatorRef.current),
-          locatorTop = _getOffsetPos2.top,
-          locatorLeft = _getOffsetPos2.left;
-
+        locatorTop = _getOffsetPos2.top,
+        locatorLeft = _getOffsetPos2.left;
       var _getTranslatePos = getTranslatePos(locatorRef.current),
-          translateTop = _getTranslatePos.top,
-          translateLeft = _getTranslatePos.left;
-
+        translateTop = _getTranslatePos.top,
+        translateLeft = _getTranslatePos.left;
       var _getBorderWidth = getBorderWidth(locatorRef.current),
-          borderTop = _getBorderWidth.top,
-          borderLeft = _getBorderWidth.left;
-
+        borderTop = _getBorderWidth.top,
+        borderLeft = _getBorderWidth.left;
       var _getScrollDist = getScrollDist(locatorRef.current.parentElement, container),
-          scrollTop = _getScrollDist.top,
-          scrollLeft = _getScrollDist.left;
-
+        scrollTop = _getScrollDist.top,
+        scrollLeft = _getScrollDist.left;
       var locatorPos = {
         width: width,
         height: height,
@@ -331,53 +268,41 @@ function usePopper(locatorElement, popperElement, props) {
       };
       var currentPos = trigger === 'contextMenu' ? mousePos : locatorPos;
       var currentPlacement = nextPlacement;
-
       if (autoPlacement) {
         var _context5;
-
         if (top - gap - popperHeight <= 5 && bottom + gap + popperHeight < document.body.clientHeight - 5) {
           currentPlacement = currentPlacement.replace('top', 'bottom');
         }
-
         if (bottom + gap + popperHeight >= document.body.clientHeight - 5 && top - gap - popperHeight > 5) {
           currentPlacement = currentPlacement.replace('bottom', 'top');
         }
-
         if (left + popperWidth >= document.body.clientWidth - 5 && right - popperWidth > 5) {
           currentPlacement = currentPlacement.replace('Left', 'Right');
         }
-
         if (right - popperWidth <= 5 && left + popperWidth < document.body.clientWidth - 5) {
           currentPlacement = currentPlacement.replace('Right', 'Left');
         }
-
         if (top + popperHeight >= document.body.clientHeight - 5 && bottom - popperHeight > 5) {
           currentPlacement = currentPlacement.replace('Top', 'Bottom');
         }
-
         if (bottom - popperHeight <= 5 && top + popperHeight < document.body.clientHeight - 5) {
           currentPlacement = currentPlacement.replace('Bottom', 'Top');
         }
-
         if (left - gap - popperWidth <= 5 && right + gap + popperWidth < document.body.clientWidth - 5) {
           currentPlacement = currentPlacement.replace('left', 'right');
         }
-
         if (right + gap + popperWidth >= document.body.clientWidth - 5 && left - gap - popperWidth > 5) {
           currentPlacement = currentPlacement.replace('right', 'left');
         }
-
         if ((0, _includes.default)(_context5 = ['top', 'bottom']).call(_context5, currentPlacement)) {
           if (right - width / 2 + popperWidth / 2 >= document.body.clientWidth - 5 && right - popperWidth > 5) {
             currentPlacement += 'Right';
           }
-
           if (left - width / 2 - popperWidth / 2 <= 5 && left + popperWidth < document.body.clientWidth - 5) {
             currentPlacement += 'Left';
           }
         }
       }
-
       var leftLeft = currentPos.left - popperWidth - gap;
       var topTop = currentPos.top - gap - popperHeight;
       var bottomTop = currentPos.top + currentPos.height + gap;
@@ -441,7 +366,6 @@ function usePopper(locatorElement, popperElement, props) {
         top: 0,
         left: 0
       };
-
       if (/left/.test(currentPlacement) || /right/.test(currentPlacement)) {
         if (/Top/.test(currentPlacement)) {
           _arrowPos.top = arrowOffset;
@@ -450,7 +374,6 @@ function usePopper(locatorElement, popperElement, props) {
         } else {
           _arrowPos.top = (popperHeight - arrowWidth) / 2 - 1;
         }
-
         if (top <= 0) {
           alignPos.top = locatorPos.top;
           _arrowPos.top = arrowOffset;
@@ -459,14 +382,11 @@ function usePopper(locatorElement, popperElement, props) {
           _arrowPos.top = popperHeight - arrowOffset - 2 * arrowSize;
         } else {
           var _scrollTop = alignPos.top - window.pageYOffset;
-
           var scrollBottom = alignPos.top + popperHeight - 5 - window.pageYOffset;
-
           if (_scrollTop < 0) {
             alignPos.top -= _scrollTop;
             _arrowPos.top += _scrollTop;
           }
-
           if (scrollBottom > document.body.clientHeight) {
             alignPos.top += document.body.clientHeight - scrollBottom;
             _arrowPos.top += scrollBottom - document.body.clientHeight;
@@ -480,7 +400,6 @@ function usePopper(locatorElement, popperElement, props) {
         } else {
           _arrowPos.left = (popperWidth - arrowWidth) / 2 - 1;
         }
-
         if (left <= 0) {
           alignPos.left = locatorPos.left;
           _arrowPos.left = arrowOffset;
@@ -490,7 +409,6 @@ function usePopper(locatorElement, popperElement, props) {
           _arrowPos.left = popperWidth - arrowOffset - 2 * arrowSize;
         }
       }
-
       setAlign(alignPos);
       setArrowPos(_arrowPos);
       setNextPlacement(currentPlacement);
@@ -530,7 +448,6 @@ function usePopper(locatorElement, popperElement, props) {
     if (!disabled) {
       !exist && setExist(true);
       setEvType(evType);
-
       if (onTrigger) {
         var mapTrigger = {
           mouseenter: 'hover',
@@ -540,7 +457,6 @@ function usePopper(locatorElement, popperElement, props) {
         };
         onTrigger(mapTrigger[evType]);
       }
-
       if (!visible || evType === 'contextmenu') {
         setCanAlign(true);
       }
@@ -550,16 +466,13 @@ function usePopper(locatorElement, popperElement, props) {
     props.visible === undefined && setVisible(false);
     onVisibleChange && onVisibleChange(false);
   }, [onVisibleChange, props.visible]);
-
   var matchTrigger = function matchTrigger(words) {
     return Array.isArray(trigger) ? (0, _includes.default)(trigger).call(trigger, words) : trigger === words;
   };
-
   (0, _react.useEffect)(function () {
     if (exist && visible) {
       var mouseleaveTimer;
       var triggerNode = getTriggerElement(locatorRef.current);
-
       var handleHidePopper = function handleHidePopper(e) {
         var triggerRect = triggerNode.getBoundingClientRect();
         var popperRect = popperRef.current.getBoundingClientRect();
@@ -568,11 +481,10 @@ function usePopper(locatorElement, popperElement, props) {
         var top = triggerRect.top;
         var bottom = triggerRect.bottom;
         var X = e.clientX,
-            Y = e.clientY;
+          Y = e.clientY;
         var inTriggerRect = X > left + 2 && X < right - 2 && Y > top + 2 && Y < bottom - 2;
         var inPopperRect = X > popperRect.left && X < popperRect.right && Y > popperRect.top && Y < popperRect.bottom;
         var ableArea = matchTrigger('contextMenu') ? inPopperRect : inTriggerRect || inPopperRect;
-
         if (ableArea) {
           mouseleaveTimer && clearTimeout(mouseleaveTimer);
           matchTrigger('focus') && triggerNode.focus();
@@ -585,7 +497,6 @@ function usePopper(locatorElement, popperElement, props) {
           }
         }
       };
-
       var debounceHidePopper = (0, _debounce.default)(handleHidePopper, 10, {
         leading: true
       });
@@ -595,14 +506,12 @@ function usePopper(locatorElement, popperElement, props) {
         focus: 'mousedown',
         contextMenu: 'mousedown'
       };
-
       if (matchTrigger('hover')) {
         triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.removeEventListener('mouseleave', debounceHidePopper);
         popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
         triggerNode === null || triggerNode === void 0 ? void 0 : triggerNode.addEventListener('mouseleave', debounceHidePopper);
         popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('mouseleave', debounceHidePopper);
       }
-
       Array.isArray(trigger) ? trigger.forEach(function (action) {
         return document.addEventListener(mapEvent[action], debounceHidePopper);
       }) : document.addEventListener(mapEvent[trigger], debounceHidePopper);
@@ -619,12 +528,10 @@ function usePopper(locatorElement, popperElement, props) {
     if (visible) {
       var scrollAlign = (0, _debounce.default)(function (e) {
         var isPopperScroll = e.target === popperRef.current || popperRef.current.contains(e.target);
-
         if (scrollHidden && !isPopperScroll) {
           props.visible === undefined && setVisible(false);
           onVisibleChange && onVisibleChange(false);
         }
-
         alignPopper();
       }, 10);
       window.addEventListener('resize', alignPopper);
@@ -639,17 +546,13 @@ function usePopper(locatorElement, popperElement, props) {
       };
     }
   }, [alignPopper, exist, onVisibleChange, popperNode, props.visible, scrollHidden, locatorNode, visible, popperRef]);
-
   _react.default.useEffect(function () {
     var triggerNode = getTriggerElement(locatorRef.current);
-
     if (triggerNode) {
       var mouseenterTimer;
-
       var clearMouseLeave = function clearMouseLeave() {
         return clearTimeout(mouseenterTimer);
       };
-
       var addAction = function addAction(action) {
         if (action === 'hover') {
           triggerNode.addEventListener('mouseenter', debounceShowPopper);
@@ -658,7 +561,6 @@ function usePopper(locatorElement, popperElement, props) {
           triggerNode.addEventListener(action, debounceShowPopper);
         }
       };
-
       var removeAction = function removeAction(action) {
         if (action === 'hover') {
           triggerNode.removeEventListener('mouseenter', debounceShowPopper);
@@ -667,10 +569,8 @@ function usePopper(locatorElement, popperElement, props) {
           triggerNode.removeEventListener(action, debounceShowPopper);
         }
       };
-
       var handleShowPopper = function handleShowPopper(e) {
         e.preventDefault();
-
         if (e.type === 'contextmenu') {
           var currentMousePos = (0, _extends2.default)((0, _extends2.default)({}, mousePos), {
             left: e.pageX,
@@ -680,7 +580,6 @@ function usePopper(locatorElement, popperElement, props) {
           });
           setMousePos(currentMousePos);
         }
-
         if (e.type === 'mouseenter') {
           mouseenterTimer = window.setTimeout(function () {
             return showPopper(e.type);
@@ -691,7 +590,6 @@ function usePopper(locatorElement, popperElement, props) {
           showPopper(e.type);
         }
       };
-
       var debounceShowPopper = (0, _debounce.default)(handleShowPopper, 10, {
         leading: true
       });
@@ -711,15 +609,11 @@ function usePopper(locatorElement, popperElement, props) {
       };
     }
   }, [getTriggerElement, hidePopper, locatorRef, mouseEnterDelay, mousePos, showPopper, trigger, visible]);
-
   var Locator = /*#__PURE__*/(0, _react.cloneElement)(locatorElement, {
     ref: locatorRef
   });
-
   var Popper = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, popperProps), popperElement);
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Locator, exist && container && /*#__PURE__*/_reactDom.default.createPortal(Popper, container));
 }
-
 var _default = usePopper;
 exports.default = _default;