@arco-design/mobile-react 2.38.4 → 2.39.0

package/esm/popover/hooks/useEvent.js

@@ -3,56 +3,52 @@ import { isContains, isObject } from '@arco-design/mobile-utils';
 import lodashThrottle from 'lodash.throttle';
 import { getDefaultValue } from '../../_helpers';
 import { defaultAutoDirection } from './usePosition';
+
 /**
  * 阻止最近一次点击事件计时器
  * @en Block last click event timer
  */
-
 var preventRecentClickTimer = 0;
 export var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef, onVisibleChange, adjustVerticalDirection) {
   var _props$clickOtherToCl = props.clickOtherToClose,
-      clickOtherToClose = _props$clickOtherToCl === void 0 ? true : _props$clickOtherToCl,
-      _props$touchOtherToCl = props.touchOtherToClose,
-      touchOtherToClose = _props$touchOtherToCl === void 0 ? props.touchToClose === void 0 ? false : props.touchToClose : _props$touchOtherToCl,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 0 : _props$duration,
-      _props$useAutoDirecti = props.useAutoDirection,
-      useAutoDirection = _props$useAutoDirecti === void 0 ? true : _props$useAutoDirecti,
-      _props$verticalScroll = props.verticalScrollThrottle,
-      verticalScrollThrottle = _props$verticalScroll === void 0 ? 100 : _props$verticalScroll,
-      _props$preventBodyCli = props.preventBodyClick,
-      preventBodyClick = _props$preventBodyCli === void 0 ? false : _props$preventBodyCli,
-      _props$getVerticalScr = props.getVerticalScrollContainer,
-      getVerticalScrollContainer = _props$getVerticalScr === void 0 ? function () {
-    return document;
-  } : _props$getVerticalScr;
+    clickOtherToClose = _props$clickOtherToCl === void 0 ? true : _props$clickOtherToCl,
+    _props$touchOtherToCl = props.touchOtherToClose,
+    touchOtherToClose = _props$touchOtherToCl === void 0 ? props.touchToClose === void 0 ? false : props.touchToClose : _props$touchOtherToCl,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 0 : _props$duration,
+    _props$useAutoDirecti = props.useAutoDirection,
+    useAutoDirection = _props$useAutoDirecti === void 0 ? true : _props$useAutoDirecti,
+    _props$verticalScroll = props.verticalScrollThrottle,
+    verticalScrollThrottle = _props$verticalScroll === void 0 ? 100 : _props$verticalScroll,
+    _props$preventBodyCli = props.preventBodyClick,
+    preventBodyClick = _props$preventBodyCli === void 0 ? false : _props$preventBodyCli,
+    _props$getVerticalScr = props.getVerticalScrollContainer,
+    getVerticalScrollContainer = _props$getVerticalScr === void 0 ? function () {
+      return document;
+    } : _props$getVerticalScr;
+
   /**
    * 浮窗消失计时器
    * @en Popup disappearing timer
    */
-
   var closeTimer = useRef(0);
-  /** 垂直方向自适应 */
 
+  /** 垂直方向自适应 */
   var autoVerticalDirection = getDefaultValue(isObject(useAutoDirection) ? useAutoDirection.vertical : useAutoDirection, defaultAutoDirection);
-
   var popoverDisappear = function popoverDisappear() {
     onVisibleChange(false);
     window.clearTimeout(closeTimer.current);
     closeTimer.current = 0;
     mayRemoveEventListenerOnBody();
   };
-
   var throttleHandleVerticalScroll = useMemo(function () {
     return lodashThrottle(adjustVerticalDirection, verticalScrollThrottle);
   }, [adjustVerticalDirection, verticalScrollThrottle]);
   useEffect(function () {
     var verticalScrollEl = getVerticalScrollContainer();
-
     if (visibleRef.current && verticalScrollEl && autoVerticalDirection) {
       verticalScrollEl.addEventListener('scroll', throttleHandleVerticalScroll);
     }
-
     return function () {
       if (verticalScrollEl) {
         verticalScrollEl.removeEventListener('scroll', throttleHandleVerticalScroll);
@@ -63,7 +59,6 @@ export var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visi
     document.body.removeEventListener('click', handleClickBody, true);
     document.body.removeEventListener('touchstart', handleTouchBody);
     var el = getVerticalScrollContainer();
-
     if (el) {
       el.removeEventListener('scroll', throttleHandleVerticalScroll);
       el.removeEventListener('scroll', handleScrollBody);
@@ -71,7 +66,6 @@ export var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visi
   }, [throttleHandleVerticalScroll]);
   var handleClickBody = useCallback(function (e) {
     var _popoverInnerRef$curr;
-
     // 仅处理子元素和气泡元素外的点击事件
     // @en Only handle click events outside of children elements and bubble elements
     if (!isContains(wrapperRef.current, e.target) && !isContains(((_popoverInnerRef$curr = popoverInnerRef.current) == null ? void 0 : _popoverInnerRef$curr.dom) || null, e.target)) {
@@ -79,10 +73,10 @@ export var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visi
         e.stopPropagation();
         e.preventDefault();
       }
-
       popoverDisappear();
     }
   }, [preventBodyClick]);
+
   /**
    * UE要求气泡出现后，点击页面任意元素只隐藏气泡，不响应点击事件
    * @en UE requires that after the bubble appears, clicking any element on the page only hides the bubble and does not respond to the click event
@@ -93,32 +87,27 @@ export var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visi
    * 如果500ms内没有点击事件，用户可能是通过滑动页面触发的touchstart，此时移除click监听
    * @en If there is no click event within 500ms, the user may have triggered the touchstart by sliding the page, and the click listener will be removed at this time.
    */
-
   var preventRecentClick = function preventRecentClick() {
     clearTimeout(preventRecentClickTimer);
-
     var handle = function handle(e) {
       e.stopPropagation();
       e.preventDefault();
       document.body.removeEventListener('click', handle, true);
       clearTimeout(preventRecentClickTimer);
     };
-
     document.body.addEventListener('click', handle, true);
     preventRecentClickTimer = window.setTimeout(function () {
       document.body.removeEventListener('click', handle, true);
     }, 500);
   };
-
   var handleTouchBody = useCallback(function (e) {
     var _e$targetTouches$, _popoverInnerRef$curr2, _e$targetTouches$2, _e$targetTouches$3;
-
     if (!((_e$targetTouches$ = e.targetTouches[0]) != null && _e$targetTouches$.target) || !wrapperRef.current || !((_popoverInnerRef$curr2 = popoverInnerRef.current) != null && _popoverInnerRef$curr2.dom) || !visibleRef.current) {
       return;
-    } // 判断元素是否非子元素和气泡元素，内部的事件交给组件内部自行处理
-    // @en Determine whether the element is not a child element and a bubble element, and the internal events are handed over to the component to handle it by itself
-
+    }
 
+    // 判断元素是否非子元素和气泡元素，内部的事件交给组件内部自行处理
+    // @en Determine whether the element is not a child element and a bubble element, and the internal events are handed over to the component to handle it by itself
     if (!isContains(wrapperRef.current, (_e$targetTouches$2 = e.targetTouches[0]) == null ? void 0 : _e$targetTouches$2.target) && !isContains(popoverInnerRef.current.dom, (_e$targetTouches$3 = e.targetTouches[0]) == null ? void 0 : _e$targetTouches$3.target)) {
       preventBodyClick && preventRecentClick();
       popoverDisappear();
@@ -131,33 +120,30 @@ export var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visi
   }, [touchOtherToClose]);
   useEffect(function () {
     var el = getVerticalScrollContainer();
-
     if (el && touchOtherToClose && visibleRef.current) {
       el.addEventListener('scroll', handleScrollBody);
     }
-
     return function () {
       el && el.removeEventListener('scroll', handleScrollBody);
     };
   }, [handleScrollBody, touchOtherToClose]);
-
   var mayAddEventOnBody = function mayAddEventOnBody() {
     if (touchOtherToClose) {
-      document.body.addEventListener('touchstart', handleTouchBody); // FIXME: 解决按住气泡元素后上下滚动页面，气泡未消失的问题
-      // @en FIXME: solve the problem that the bubble does not disappear after scrolling the page up and down after pressing the bubble element
+      document.body.addEventListener('touchstart', handleTouchBody);
 
+      // FIXME: 解决按住气泡元素后上下滚动页面，气泡未消失的问题
+      // @en FIXME: solve the problem that the bubble does not disappear after scrolling the page up and down after pressing the bubble element
       var el = getVerticalScrollContainer();
       el && el.addEventListener('scroll', handleScrollBody);
     } else if (clickOtherToClose) {
       document.body.addEventListener('click', handleClickBody, true);
     }
   };
+
   /**
    * 气泡自动关闭的场景下，计时关闭气泡
    * @en In the scene where the bubbles are automatically closed, time to close the bubbles
    */
-
-
   var startCloseTimer = function startCloseTimer() {
     if (duration !== 0) {
       closeTimer.current = window.setTimeout(function () {
@@ -166,7 +152,6 @@ export var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visi
       }, duration);
     }
   };
-
   return {
     popoverDisappear: popoverDisappear,
     mayRemoveEventListenerOnBody: mayRemoveEventListenerOnBody,