@arco-design/mobile-react 2.24.1 → 2.25.0

package/cjs/picker-view/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {
   MultiPicker: true,
@@ -9,82 +8,56 @@ var _exportNames = {
   Cascader: true
 };
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _mobileUtils = require("@arco-design/mobile-utils");
 var _contextProvider = require("../context-provider");
-
 var _multiPicker = _interopRequireDefault(require("../picker-view/components/multi-picker"));
-
 exports.MultiPicker = _multiPicker.default;
-
 var _pickerCell = _interopRequireDefault(require("../picker-view/components/picker-cell"));
-
 exports.PickerCell = _pickerCell.default;
-
 var _cascader = _interopRequireDefault(require("../picker-view/components/cascader"));
-
 exports.Cascader = _cascader.default;
-
 var _helpers = require("../_helpers");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   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; }
-
-/**
- * 选择器视图组件，不含弹窗，方便使用方灵活定制选择器。
- * @en The picker view component, not has contain popup, which is convenient for the user to flexibly customize the picker.
- * @type 数据录入
- * @type_en Data Entry
- * @name 选择器视图
- * @name_en PickerView
- */
 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);
@@ -93,15 +66,12 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   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) {
@@ -118,46 +88,36 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } 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,
@@ -169,23 +129,18 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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]);
@@ -194,26 +149,21 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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);
@@ -277,5 +227,14 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     })));
   });
 });
-var _default = PickerView;
+/**
+ * 选择器视图组件，不含弹窗，方便使用方灵活定制选择器。
+ * @en The picker view component, not has contain popup, which is convenient for the user to flexibly customize the picker.
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 选择器视图
+ * @name_en PickerView
+ * @displayName PickerView
+ */
+var _default = (0, _mobileUtils.componentWrapper)(PickerView, 'PickerView');
 exports.default = _default;

package/cjs/picker-view/style/css/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("./index.css");

package/cjs/picker-view/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
 require("../../../style/public.less");
-
 require("./index.less");

package/cjs/popover/hooks/index.js

@@ -1,17 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-
 var _usePosition = require("./usePosition");
-
 Object.keys(_usePosition).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _usePosition[key]) return;
   exports[key] = _usePosition[key];
 });
-
 var _useEvent = require("./useEvent");
-
 Object.keys(_useEvent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useEvent[key]) return;

package/cjs/popover/hooks/useEvent.js

@@ -1,70 +1,58 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.useEvent = void 0;
-
 var _react = require("react");
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
 var _helpers = require("../../_helpers");
-
 var _usePosition = require("./usePosition");
-
 /**
  * 阻止最近一次点击事件计时器
  * @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 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);
@@ -75,7 +63,6 @@ var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef,
     document.body.removeEventListener('click', handleClickBody, true);
     document.body.removeEventListener('touchstart', handleTouchBody);
     var el = getVerticalScrollContainer();
-
     if (el) {
       el.removeEventListener('scroll', throttleHandleVerticalScroll);
       el.removeEventListener('scroll', handleScrollBody);
@@ -83,7 +70,6 @@ var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef,
   }, [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)) {
@@ -91,10 +77,10 @@ var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef,
         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
@@ -105,32 +91,27 @@ var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef,
    * 如果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
-
+    }
 
+    // 判断元素是否非子元素和气泡元素，内部的事件交给组件内部自行处理
+    // @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();
@@ -143,33 +124,30 @@ var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef,
   }, [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: 解决按住气泡元素后上下滚动页面，气泡未消失的问题
-      // @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 () {
@@ -178,7 +156,6 @@ var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef,
       }, duration);
     }
   };
-
   return {
     popoverDisappear: popoverDisappear,
     mayRemoveEventListenerOnBody: mayRemoveEventListenerOnBody,
@@ -186,5 +163,4 @@ var useEvent = function useEvent(props, wrapperRef, popoverInnerRef, visibleRef,
     mayAddEventOnBody: mayAddEventOnBody
   };
 };
-
 exports.useEvent = useEvent;