@arco-design/mobile-react 2.25.4 → 2.26.0

package/umd/picker-view/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     MultiPicker: true,
@@ -35,38 +36,45 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
+
   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 PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      itemStyle = props.itemStyle,
-      _props$cascade = props.cascade,
-      cascade = _props$cascade === void 0 ? true : _props$cascade,
-      _props$cols = props.cols,
-      cols = _props$cols === void 0 ? 3 : _props$cols,
-      _props$rows = props.rows,
-      rows = _props$rows === void 0 ? 5 : _props$rows,
-      data = props.data,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$clickable = props.clickable,
-      clickable = _props$clickable === void 0 ? true : _props$clickable,
-      value = props.value,
-      _props$hideEmptyCols = props.hideEmptyCols,
-      hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
-      onPickerChange = props.onPickerChange,
-      _props$touchToStop = props.touchToStop,
-      touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
+        className = _props$className === void 0 ? '' : _props$className,
+        itemStyle = props.itemStyle,
+        _props$cascade = props.cascade,
+        cascade = _props$cascade === void 0 ? true : _props$cascade,
+        _props$cols = props.cols,
+        cols = _props$cols === void 0 ? 3 : _props$cols,
+        _props$rows = props.rows,
+        rows = _props$rows === void 0 ? 5 : _props$rows,
+        data = props.data,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$clickable = props.clickable,
+        clickable = _props$clickable === void 0 ? true : _props$clickable,
+        value = props.value,
+        _props$hideEmptyCols = props.hideEmptyCols,
+        hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
+        onPickerChange = props.onPickerChange,
+        _props$touchToStop = props.touchToStop,
+        touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
+
     var _useState = (0, _react.useState)(0),
-      itemHeight = _useState[0],
-      setItemHeight = _useState[1];
+        itemHeight = _useState[0],
+        setItemHeight = _useState[1];
+
     var _useState2 = (0, _react.useState)(0),
-      wrapperHeight = _useState2[0],
-      setWrapperHeight = _useState2[1];
+        wrapperHeight = _useState2[0],
+        setWrapperHeight = _useState2[1];
+
     var _useMountedState = (0, _helpers.useMountedState)(value),
-      scrollValue = _useMountedState[0],
-      setScrollValue = _useMountedState[1];
+        scrollValue = _useMountedState[0],
+        setScrollValue = _useMountedState[1];
+
     var wrapperRef = (0, _react.useRef)(null);
     var domRef = (0, _react.useRef)(null);
     var barRef = (0, _react.useRef)(null);
@@ -75,12 +83,15 @@
     var cascaderRef = (0, _react.useRef)(null);
     var innerData = (0, _react.useMemo)(function () {
       var newData;
+
       var isArray = function isArray(dt) {
         return dt ? Array.isArray(dt[0]) : false;
       };
+
       var isStrOrNum = function isStrOrNum(dt) {
         return typeof dt[0][0] === 'string' || typeof dt[0][0] === 'number';
       };
+
       if (isArray(data)) {
         if (isStrOrNum(data)) {
           newData = data.map(function (item) {
@@ -97,36 +108,46 @@
       } else {
         newData = [data];
       }
+
       return newData;
     }, [data]);
     (0, _react.useEffect)(function () {
       scrollValueRef.current = scrollValue;
     }, [scrollValue]);
+
     var getAllColumnValues = function getAllColumnValues() {
       return scrollValueRef.current;
     };
+
     function getColumnValue(index) {
       if (index === void 0) {
         index = 0;
       }
+
       return scrollValueRef.current[index];
     }
+
     function getCellMovingStatus() {
       var _cascaderRef$current;
+
       return cascade ? ((_cascaderRef$current = cascaderRef.current) == null ? void 0 : _cascaderRef$current.getCellMovingStatus()) || [] : pickerCellsRef.current.map(function (cell) {
         return cell.movingStatus;
       });
     }
+
     function scrollToCurrentIndex() {
       if (cascade) {
         var _cascaderRef$current2;
+
         (_cascaderRef$current2 = cascaderRef.current) == null ? void 0 : _cascaderRef$current2.scrollToCurrentIndex();
         return;
       }
+
       pickerCellsRef.current.forEach(function (cell) {
         return cell.scrollToCurrentIndex();
       });
     }
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
@@ -138,18 +159,23 @@
         scrollToCurrentIndex: scrollToCurrentIndex
       };
     });
+
     function _onPickerChange(val, index) {
       setScrollValue(val);
+
       if (onPickerChange) {
         onPickerChange(val, index);
       }
     }
+
     function _onValueChange(val, index) {
       setScrollValue(val);
+
       if (onPickerChange) {
         onPickerChange(val, index);
       }
     }
+
     (0, _react.useEffect)(function () {
       setScrollValue(value);
     }, [value, setScrollValue]);
@@ -158,21 +184,26 @@
         setWrapperHeight(wrapperRef.current.offsetHeight);
       }
     }, [wrapperRef, setWrapperHeight]);
+
     var updateItemHeight = function updateItemHeight() {
       if (barRef.current) {
         setItemHeight(barRef.current.getBoundingClientRect().height);
       }
     };
+
     (0, _react.useEffect)(function () {
       updateLayout();
     }, []);
+
     function updateLayout() {
       updateWrapperHeight();
       updateItemHeight();
     }
+
     function resetValue() {
       setScrollValue(value);
     }
+
     var newItemStyle = (0, _extends2.default)({
       height: itemHeight + "px"
     }, itemStyle);
@@ -245,6 +276,8 @@
    * @name_en PickerView
    * @displayName PickerView
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(PickerView, 'PickerView');
+
   _exports.default = _default;
 });

package/umd/popover/hooks/useEvent.js

@@ -14,54 +14,61 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.useEvent = void 0;
   _lodash = _interopRequireDefault(_lodash);
+
   /**
    * 阻止最近一次点击事件计时器
    * @en Block last click event timer
    */
   var preventRecentClickTimer = 0;
+
   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 = (0, _react.useRef)(0);
 
+    var closeTimer = (0, _react.useRef)(0);
     /** 垂直方向自适应 */
+
     var autoVerticalDirection = (0, _helpers.getDefaultValue)((0, _mobileUtils.isObject)(useAutoDirection) ? useAutoDirection.vertical : useAutoDirection, _usePosition.defaultAutoDirection);
+
     var popoverDisappear = function popoverDisappear() {
       onVisibleChange(false);
       window.clearTimeout(closeTimer.current);
       closeTimer.current = 0;
       mayRemoveEventListenerOnBody();
     };
+
     var throttleHandleVerticalScroll = (0, _react.useMemo)(function () {
       return (0, _lodash.default)(adjustVerticalDirection, verticalScrollThrottle);
     }, [adjustVerticalDirection, verticalScrollThrottle]);
     (0, _react.useEffect)(function () {
       var verticalScrollEl = getVerticalScrollContainer();
+
       if (visibleRef.current && verticalScrollEl && autoVerticalDirection) {
         verticalScrollEl.addEventListener('scroll', throttleHandleVerticalScroll);
       }
+
       return function () {
         if (verticalScrollEl) {
           verticalScrollEl.removeEventListener('scroll', throttleHandleVerticalScroll);
@@ -72,6 +79,7 @@
       document.body.removeEventListener('click', handleClickBody, true);
       document.body.removeEventListener('touchstart', handleTouchBody);
       var el = getVerticalScrollContainer();
+
       if (el) {
         el.removeEventListener('scroll', throttleHandleVerticalScroll);
         el.removeEventListener('scroll', handleScrollBody);
@@ -79,6 +87,7 @@
     }, [throttleHandleVerticalScroll]);
     var handleClickBody = (0, _react.useCallback)(function (e) {
       var _popoverInnerRef$curr;
+
       // 仅处理子元素和气泡元素外的点击事件
       // @en Only handle click events outside of children elements and bubble elements
       if (!(0, _mobileUtils.isContains)(wrapperRef.current, e.target) && !(0, _mobileUtils.isContains)(((_popoverInnerRef$curr = popoverInnerRef.current) == null ? void 0 : _popoverInnerRef$curr.dom) || null, e.target)) {
@@ -86,10 +95,10 @@
           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
@@ -100,27 +109,32 @@
      * 如果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 = (0, _react.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
+
+
       if (!(0, _mobileUtils.isContains)(wrapperRef.current, (_e$targetTouches$2 = e.targetTouches[0]) == null ? void 0 : _e$targetTouches$2.target) && !(0, _mobileUtils.isContains)(popoverInnerRef.current.dom, (_e$targetTouches$3 = e.targetTouches[0]) == null ? void 0 : _e$targetTouches$3.target)) {
         preventBodyClick && preventRecentClick();
         popoverDisappear();
@@ -133,30 +147,33 @@
     }, [touchOtherToClose]);
     (0, _react.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: 解决按住气泡元素后上下滚动页面，气泡未消失的问题
+        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 () {
@@ -165,6 +182,7 @@
         }, duration);
       }
     };
+
     return {
       popoverDisappear: popoverDisappear,
       mayRemoveEventListenerOnBody: mayRemoveEventListenerOnBody,
@@ -172,5 +190,6 @@
       mayAddEventOnBody: mayAddEventOnBody
     };
   };
+
   _exports.useEvent = useEvent;
 });