@arco-design/mobile-react 2.24.1 → 2.25.0

package/umd/search-bar/index.js

@@ -14,18 +14,14 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
   _react = _interopRequireWildcard(_react);
   var _excluded = ["inputClass", "inputStyle", "type", "nativeProps", "id", "name", "maxLength", "placeholder", "readOnly", "onKeyUp", "onKeyPress", "disabled", "pattern", "prefix", "append", "textAlign", "actionButton", "clearable", "clearShowType", "shape", "className", "enableAssociation", "associationVisible", "associationShowType", "associationItems", "highlightClassName", "highlightMode", "highlightStyle", "onCancel", "onAssociationClick", "onAssociationItemClick", "renderAssociation", "renderAssociationItem"];
-
   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 SearchBar component
@@ -36,72 +32,70 @@
    */
   var SearchBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-        prefixCls = _useContext.prefixCls,
-        locale = _useContext.locale;
-
+      prefixCls = _useContext.prefixCls,
+      locale = _useContext.locale;
     var searchBarPrefixCls = prefixCls + "-search-bar";
     var inputClass = props.inputClass,
-        inputStyle = props.inputStyle,
-        _props$type = props.type,
-        type = _props$type === void 0 ? 'search' : _props$type,
-        nativeProps = props.nativeProps,
-        id = props.id,
-        name = props.name,
-        maxLength = props.maxLength,
-        _props$placeholder = props.placeholder,
-        placeholder = _props$placeholder === void 0 ? locale == null ? void 0 : locale.SearchBar.placeholder : _props$placeholder,
-        readOnly = props.readOnly,
-        onKeyUp = props.onKeyUp,
-        onKeyPress = props.onKeyPress,
-        disabled = props.disabled,
-        pattern = props.pattern,
-        _props$prefix = props.prefix,
-        prefix = _props$prefix === void 0 ? /*#__PURE__*/_react.default.createElement(_icon.IconSearch, {
-      className: searchBarPrefixCls + "-search-icon"
-    }) : _props$prefix,
-        append = props.append,
-        _props$textAlign = props.textAlign,
-        textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
-        actionButton = props.actionButton,
-        _props$clearable = props.clearable,
-        clearable = _props$clearable === void 0 ? true : _props$clearable,
-        _props$clearShowType = props.clearShowType,
-        clearShowType = _props$clearShowType === void 0 ? 'value' : _props$clearShowType,
-        _props$shape = props.shape,
-        shape = _props$shape === void 0 ? 'square' : _props$shape,
-        className = props.className,
-        _props$enableAssociat = props.enableAssociation,
-        enableAssociation = _props$enableAssociat === void 0 ? false : _props$enableAssociat,
-        associationVisible = props.associationVisible,
-        _props$associationSho = props.associationShowType,
-        associationShowType = _props$associationSho === void 0 ? 'default' : _props$associationSho,
-        associationItems = props.associationItems,
-        highlightClassName = props.highlightClassName,
-        highlightMode = props.highlightMode,
-        highlightStyle = props.highlightStyle,
-        onCancel = props.onCancel,
-        onAssociationClick = props.onAssociationClick,
-        onAssociationItemClick = props.onAssociationItemClick,
-        renderAssociation = props.renderAssociation,
-        renderAssociationItem = props.renderAssociationItem,
-        inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+      inputStyle = props.inputStyle,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'search' : _props$type,
+      nativeProps = props.nativeProps,
+      id = props.id,
+      name = props.name,
+      maxLength = props.maxLength,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? locale == null ? void 0 : locale.SearchBar.placeholder : _props$placeholder,
+      readOnly = props.readOnly,
+      onKeyUp = props.onKeyUp,
+      onKeyPress = props.onKeyPress,
+      disabled = props.disabled,
+      pattern = props.pattern,
+      _props$prefix = props.prefix,
+      prefix = _props$prefix === void 0 ? /*#__PURE__*/_react.default.createElement(_icon.IconSearch, {
+        className: searchBarPrefixCls + "-search-icon"
+      }) : _props$prefix,
+      append = props.append,
+      _props$textAlign = props.textAlign,
+      textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
+      actionButton = props.actionButton,
+      _props$clearable = props.clearable,
+      clearable = _props$clearable === void 0 ? true : _props$clearable,
+      _props$clearShowType = props.clearShowType,
+      clearShowType = _props$clearShowType === void 0 ? 'value' : _props$clearShowType,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'square' : _props$shape,
+      className = props.className,
+      _props$enableAssociat = props.enableAssociation,
+      enableAssociation = _props$enableAssociat === void 0 ? false : _props$enableAssociat,
+      associationVisible = props.associationVisible,
+      _props$associationSho = props.associationShowType,
+      associationShowType = _props$associationSho === void 0 ? 'default' : _props$associationSho,
+      associationItems = props.associationItems,
+      highlightClassName = props.highlightClassName,
+      highlightMode = props.highlightMode,
+      highlightStyle = props.highlightStyle,
+      onCancel = props.onCancel,
+      onAssociationClick = props.onAssociationClick,
+      onAssociationItemClick = props.onAssociationItemClick,
+      renderAssociation = props.renderAssociation,
+      renderAssociationItem = props.renderAssociationItem,
+      inputProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
     var inputRef = (0, _react.useRef)(null);
+
     /**
      * 格式化搜索输入框尾部要插入的内容
      * @en Format the content to be inserted at the end of the search input box
      */
-
     var formatAppendProp = function formatAppendProp(focusing, currentInputValue) {
       var appendNode = null;
-
       if (typeof append === 'function') {
         appendNode = append(focusing, currentInputValue);
       } else {
         appendNode = append;
-      } // 默认情况下，在激活时或有内容时插入一个cancelBtn
-      // @en By default inserts a cancelBtn on activation or when there is content
-
+      }
 
+      // 默认情况下，在激活时或有内容时插入一个cancelBtn
+      // @en By default inserts a cancelBtn on activation or when there is content
       var formatActionButton = typeof actionButton === 'undefined' ? /*#__PURE__*/_react.default.createElement(_cancelButton.CancelButton, {
         focusing: focusing,
         currentInputValue: currentInputValue,
@@ -111,7 +105,8 @@
       }) : actionButton;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, appendNode, formatActionButton, enableAssociation ? /*#__PURE__*/_react.default.createElement(_association.SearchBarAssociation, {
         prefixCls: searchBarPrefixCls,
-        keyword: currentInputValue // eslint-disable-next-line @typescript-eslint/no-use-before-define
+        keyword: currentInputValue
+        // eslint-disable-next-line @typescript-eslint/no-use-before-define
         ,
         visible: actualVisible,
         associationItems: associationItems,
@@ -124,30 +119,27 @@
         renderAssociationItem: renderAssociationItem
       }) : null);
     };
-
     var _useInputLogic = (0, _hooks.useInputLogic)((0, _extends2.default)({
-      className: (0, _mobileUtils.cls)(className, searchBarPrefixCls + "-" + shape),
-      prefix: prefix,
-      clearable: clearable,
-      append: formatAppendProp,
-      clearShowType: clearShowType
-    }, inputProps), inputRef),
-        inputValue = _useInputLogic.inputValue,
-        handleChange = _useInputLogic.handleChange,
-        handleInput = _useInputLogic.handleInput,
-        handleKeyDown = _useInputLogic.handleKeyDown,
-        handleFocus = _useInputLogic.handleFocus,
-        handleBlur = _useInputLogic.handleBlur,
-        handleClick = _useInputLogic.handleClick,
-        renderWrapper = _useInputLogic.renderWrapper,
-        wrapRef = _useInputLogic.wrapRef;
-
+        className: (0, _mobileUtils.cls)(className, searchBarPrefixCls + "-" + shape),
+        prefix: prefix,
+        clearable: clearable,
+        append: formatAppendProp,
+        clearShowType: clearShowType
+      }, inputProps), inputRef),
+      inputValue = _useInputLogic.inputValue,
+      handleChange = _useInputLogic.handleChange,
+      handleInput = _useInputLogic.handleInput,
+      handleKeyDown = _useInputLogic.handleKeyDown,
+      handleFocus = _useInputLogic.handleFocus,
+      handleBlur = _useInputLogic.handleBlur,
+      handleClick = _useInputLogic.handleClick,
+      renderWrapper = _useInputLogic.renderWrapper,
+      wrapRef = _useInputLogic.wrapRef;
     var _useState = (0, _react.useState)(associationShowType === 'always' || (associationShowType === 'value' || associationShowType === 'default') && Boolean(inputValue)),
-        visible = _useState[0],
-        setVisible = _useState[1]; // 真实的控制搜索联想框显隐，受控模式优先生效
+      visible = _useState[0],
+      setVisible = _useState[1];
+    // 真实的控制搜索联想框显隐，受控模式优先生效
     // @en Control the display and hide of the search association box, and the controlled mode takes effect first
-
-
     var actualVisible = associationVisible != null ? associationVisible : visible;
     (0, _react.useImperativeHandle)(ref, function () {
       return {
@@ -158,6 +150,7 @@
         }
       };
     });
+
     /**
      * 处理非受控逻辑下，搜索联想框的显隐状态
      * @en Handle the display state of the search association box under uncontrolled logic
@@ -165,38 +158,36 @@
      * @param {boolean} newVisible 新的visible
      * @param {string} newValue 新的输入框值
      */
-
     var formatSetAssociationVisible = function formatSetAssociationVisible(newVisible, newValue) {
       if (associationShowType === 'always') {
-        setVisible(true); // 聚焦模式下，直接把visible和newVisible对齐即可
+        setVisible(true);
+        // 聚焦模式下，直接把visible和newVisible对齐即可
         // @en In focus mode, just align visible and newVisible directly
       } else if (associationShowType === 'focus') {
-        setVisible(newVisible); // 聚焦 + 有值模式下，需要newVisible为true和newValue.length > 0同时满足
+        setVisible(newVisible);
+        // 聚焦 + 有值模式下，需要newVisible为true和newValue.length > 0同时满足
         // @en In focus + valued mode, newVisible is required to be true and newValue.length > 0 to be satisfied at the same time
       } else if (associationShowType === 'default') {
-        setVisible(newVisible && Boolean(newValue)); // 仅有值模式下，visible需要newValue.length > 0
+        setVisible(newVisible && Boolean(newValue));
+        // 仅有值模式下，visible需要newValue.length > 0
         // @en In value-only mode, visible requires newValue.length > 0
       } else if (associationShowType === 'value') {
         setVisible(Boolean(newValue));
       }
     };
-
     var handleInputFocus = function handleInputFocus(e) {
       formatSetAssociationVisible(true, e.target.value);
       handleFocus(e);
     };
-
     var handleInputBlur = function handleInputBlur(e) {
       formatSetAssociationVisible(false, e.target.value);
       handleBlur(e);
     };
-
     var handleInputChange = function handleInputChange(e) {
       var newValue = e.target.value;
       formatSetAssociationVisible(Boolean(newValue), newValue);
       handleChange(e);
     };
-
     var renderSearchBar = function renderSearchBar() {
       return renderWrapper(searchBarPrefixCls, type, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, nativeProps, {
         id: id,
@@ -221,7 +212,6 @@
         onClick: handleClick
       })));
     };
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderSearchBar);
   });
   var _default = SearchBar;

package/umd/show-monitor/index.js

@@ -14,31 +14,26 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
   _lodash = _interopRequireDefault(_lodash);
-
   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 LISTEN_FLAG = 'data-show-listened';
   /**
    * 父 dom 节点集合
    * @en Parent dom node collection
    */
-
   var wrapperNodeList = [];
   /**
    * 同一父节点下监听队列
    * @en Listening queue under the same parent node
    */
-
   var listeners = {};
   var onOnceEmittedListeners = {};
   var throttlingVisibleChange;
+
   /**
    * 通过滚动事件监测 children 是否进入视口或离开视口。
    * @en Use scroll events to monitor whether children enter or leave the viewport.
@@ -47,67 +42,60 @@
    * @name 滚动视口监听
    * @name_en ShowMonitor
    */
-
   var ShowMonitor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-        style = props.style,
-        getScrollContainer = props.getScrollContainer,
-        _props$throttle = props.throttle,
-        throttle = _props$throttle === void 0 ? 300 : _props$throttle,
-        _props$listenResize = props.listenResize,
-        listenResize = _props$listenResize === void 0 ? true : _props$listenResize,
-        _props$listenScroll = props.listenScroll,
-        listenScroll = _props$listenScroll === void 0 ? true : _props$listenScroll,
-        _props$overflow = props.overflow,
-        overflow = _props$overflow === void 0 ? false : _props$overflow,
-        _props$offset = props.offset,
-        offset = _props$offset === void 0 ? 0 : _props$offset,
-        _props$threshold = props.threshold,
-        threshold = _props$threshold === void 0 ? 0 : _props$threshold,
-        _props$once = props.once,
-        once = _props$once === void 0 ? false : _props$once,
-        _props$children = props.children,
-        children = _props$children === void 0 ? null : _props$children,
-        _props$disabled = props.disabled,
-        disabled = _props$disabled === void 0 ? false : _props$disabled,
-        onVisibleChange = props.onVisibleChange,
-        onClick = props.onClick;
+      style = props.style,
+      getScrollContainer = props.getScrollContainer,
+      _props$throttle = props.throttle,
+      throttle = _props$throttle === void 0 ? 300 : _props$throttle,
+      _props$listenResize = props.listenResize,
+      listenResize = _props$listenResize === void 0 ? true : _props$listenResize,
+      _props$listenScroll = props.listenScroll,
+      listenScroll = _props$listenScroll === void 0 ? true : _props$listenScroll,
+      _props$overflow = props.overflow,
+      overflow = _props$overflow === void 0 ? false : _props$overflow,
+      _props$offset = props.offset,
+      offset = _props$offset === void 0 ? 0 : _props$offset,
+      _props$threshold = props.threshold,
+      threshold = _props$threshold === void 0 ? 0 : _props$threshold,
+      _props$once = props.once,
+      once = _props$once === void 0 ? false : _props$once,
+      _props$children = props.children,
+      children = _props$children === void 0 ? null : _props$children,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      onVisibleChange = props.onVisibleChange,
+      onClick = props.onClick;
     var domRef = (0, _react.useRef)(null);
     /**
      * 滚动容器父级元素
      * @en Scroll container parent element
      */
-
     var scrollPort = (0, _react.useRef)(null);
     /**
      * 局部滚动元素父节点
      * @en Parent node of the local scroll element
      */
-
     var domRefParent = (0, _react.useRef)(null);
     /**
      * 当前元素是否在可视区域内
      * @en Whether the current element is in the visible area
      */
-
     var isVisible = (0, _react.useRef)(false);
     /**
      * 保存当前节点信息，类似于 class component 中 this
      * @en Save current node information, similar to this in class component
      */
-
     var listener = (0, _react.useRef)(null);
     /**
      * Intersection Observer 实例化对象
      * @en Instantiated object of Intersection Observer
      */
-
     var io = (0, _react.useRef)(null);
     /**
      * 父容器唯一 key（wrapperNodeList index）
      * @en The unique key of the parent container (wrapperNodeList index)
      */
-
     var wrapperKey = (0, _react.useRef)(-1);
     var isChildrenExist = (0, _react.useRef)(Boolean(children));
     var isSupportNativeApi = (0, _react.useMemo)(function () {
@@ -117,7 +105,6 @@
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
-
         /**
          * 提供检查元素是否可见的api
          * @en Provides an api to check whether the element is visible
@@ -131,70 +118,58 @@
             threshold: threshold
           }, true);
         },
-
         /**
          * 重置元素初始可见态为false，并重新对元素可见度发起检测，优先级低于disabled（通常用在对ShowMonitor内部元素变化时发起的重新监听）
          * @en Reset the initial visible state of the element to false, and re-detect the visibility of the element, the priority is lower than 'disabled'(Usually used to re-listen when elements inside ShowMonitor change)
          */
         flushVisibleStatus: function flushVisibleStatus() {
           isVisible.current = false;
-
           if (isSupportNativeApi && io.current && domRef.current) {
             disabled ? io.current.unobserve(domRef.current) : io.current.observe(domRef.current);
           } else if (listener.current) {
             var _key = wrapperKey.current;
-
             if (once && onOnceEmittedListeners != null && onOnceEmittedListeners[_key]) {
               onOnceEmittedListeners[_key] = onOnceEmittedListeners[_key].filter(function (emitListener) {
                 return emitListener !== listener.current;
               });
             }
-
             if (!disabled && !listeners[_key].find(function (_listener) {
               return _listener === listener.current;
             })) {
               listeners[_key].push(listener.current);
             }
-
             !disabled && _checkVisible(listener.current);
           }
         }
       };
     });
-
     function _checkVisible(component, ignoreCheckPreVisibleStatus) {
       if (ignoreCheckPreVisibleStatus === void 0) {
         ignoreCheckPreVisibleStatus = false;
       }
-
       var node = component.node,
-          compOverflow = component.overflow,
-          compOnce = component.once,
-          onCompVisibleChange = component.onVisibleChange,
-          preVisible = component.isVisible;
-
+        compOverflow = component.overflow,
+        compOnce = component.once,
+        onCompVisibleChange = component.onVisibleChange,
+        preVisible = component.isVisible;
       if (!(node instanceof HTMLElement)) {
         return;
       }
-
       var parent = (0, _mobileUtils.scrollParent)(node);
       /**
        * 当前元素为非 document 元素，即为局部滚动
        * @en If the current element is a non-document element, it's local scrolling
        */
-
       var isOverflow = compOverflow && [node.ownerDocument, document, document.documentElement].indexOf(parent) === -1;
       /**
        * 检查元素是否可见
        * @en Check if element is visible
        */
-
       var curVisible = isOverflow ? (0, _mobileUtils.checkOverflowVisible)(component, parent) : (0, _mobileUtils.checkNormalVisible)(component);
       /**
        * 忽略前后可见状态判断
        * @en Ignore the visible state judgment before and after
        */
-
       if (ignoreCheckPreVisibleStatus) {
         return curVisible;
       }
@@ -202,15 +177,12 @@
        * 当前元素 visible 对比之前发生改变，触发回调函数
        * @en The current element visible is changed before the comparison, and the callback function is triggered
        */
-
-
       curVisible !== preVisible.current && handleCheckChildrenExist() && onCompVisibleChange(curVisible, node);
       var key = wrapperKey.current;
       /**
        * 监听一次后加入 pendingList 队列，随后被 listeners 过滤掉
        * @en After listening once, it is added to the pendingList queue, and then filtered out by listeners
        */
-
       if (!onOnceEmittedListeners[key]) {
         onOnceEmittedListeners[key] = [];
       }
@@ -218,12 +190,9 @@
        * 当前元素不可见 -> 可见，且 once, 触发回调函数
        * @en The current element is invisible -> visible, and once, triggers the callback function
        */
-
-
       curVisible && !preVisible.current && compOnce && onOnceEmittedListeners[key].push(component);
       preVisible.current = curVisible;
     }
-
     var checkVisibleHandler = (0, _react.useCallback)(function () {
       var key = wrapperKey.current;
       var curListeners = listeners[key] || [];
@@ -235,35 +204,29 @@
       });
       onOnceEmittedListeners[key] = [];
     }, []);
-
     function handleCheckChildrenExist() {
       return isChildrenExist.current && domRef.current && domRef.current.children.length;
     }
-
     function handleObserverStatusChange(entries) {
       var _io$current;
-
       var isIntersecting = entries[0].isIntersecting;
       /**
        * 当前元素 visible 对比之前发生改变，触发回调函数
        * @en Callback when the visible status of current element changes before the comparison
        */
-
       isIntersecting !== isVisible.current && handleCheckChildrenExist() && onVisibleChange(isIntersecting, domRef.current);
       /**
        * 当前元素不可见 -> 可见，且 once, 触发回调函数
        * @en The current element is invisible -> visible, and once, triggers the callback
        */
-
       isIntersecting && !isVisible.current && once && domRef.current && ((_io$current = io.current) == null ? void 0 : _io$current.unobserve(domRef.current));
       isVisible.current = isIntersecting;
     }
+
     /**
      * 非首次下disabled变化时，重新监听元素
      * @en Re-listen to the element when it is not the first time that the disabled status changes,
      */
-
-
     (0, _react.useEffect)(function () {
       if (isSupportNativeApi) {
         // 非首次下
@@ -282,7 +245,6 @@
             var isExist = listeners[wrapperKey.current].findIndex(function (item) {
               return item.node === domRef.current;
             });
-
             if (isExist !== -1) {
               listeners[wrapperKey.current].splice(0, 1);
             }
@@ -301,7 +263,6 @@
       scrollPort.current = getScrollContainer ? getScrollContainer() : window;
       if (!scrollPort.current) return;
       var wrapperNodeIndex = wrapperNodeList.indexOf(scrollPort.current);
-
       if (wrapperNodeIndex === -1) {
         // 当前滚动视口元素不在 wrapperNodeList 中, 入队列
         // @en The current scroll viewport element is not in the wrapperNodeList, push it into the list
@@ -312,9 +273,7 @@
         // @en Take the current index as the key
         wrapperKey.current = wrapperNodeIndex;
       }
-
       var curWrapperKey = wrapperKey.current;
-
       if (isSupportNativeApi) {
         if (domRef.current) {
           domRefParent.current = (0, _mobileUtils.scrollParent)(domRef.current);
@@ -323,7 +282,6 @@
           var overflowRoot = isHTMLElement ? parent : null;
           var root = overflow ? overflowRoot : scrollPort.current === window ? null : scrollPort.current;
           var rootMargin = '';
-
           if (Array.isArray(offset)) {
             if (offset.length === 2) {
               rootMargin = offset[0] + "px 0px " + offset[1] + "px";
@@ -336,7 +294,6 @@
           } else {
             rootMargin = offset + "px";
           }
-
           io.current = new IntersectionObserver(handleObserverStatusChange, {
             root: root,
             rootMargin: rootMargin,
@@ -349,29 +306,25 @@
         // @en Callback after throttling
         throttlingVisibleChange = checkVisibleHandler;
         throttle && (throttlingVisibleChange = (0, _lodash.default)(throttlingVisibleChange, throttle));
-
         if (overflow) {
           if (domRef.current) {
             domRefParent.current = (0, _mobileUtils.scrollParent)(domRef.current);
             var _parent = domRefParent.current;
-
             if (_parent && _parent instanceof HTMLElement && typeof _parent.getAttribute === 'function') {
               var listenerCount = 1 + Number(_parent.getAttribute(LISTEN_FLAG));
-
               if (!listeners[curWrapperKey]) {
                 listeners[curWrapperKey] = [];
               }
-
               if (listenerCount === 1) {
                 // listener 数量为1时监听事件（列表中插入 ShowMonitor 时做判断）
                 // @en Listen when the number of listeners is 1 (judging when ShowMonitor is inserted into the list)
                 _parent.addEventListener('scroll', throttlingVisibleChange);
               }
-
               _parent.setAttribute(LISTEN_FLAG, String(listenerCount));
             }
           }
-        } else if (!listeners[curWrapperKey] || listeners[curWrapperKey].length === 0 || // 相同curWrapperKey内全部为overflow场景，需要单独注册scroll事件
+        } else if (!listeners[curWrapperKey] || listeners[curWrapperKey].length === 0 ||
+        // 相同curWrapperKey内全部为overflow场景，需要单独注册scroll事件
         // @en It need to register the scroll event separately when all values in the same curWrapperKey are overflow
         listeners[curWrapperKey] && listeners[curWrapperKey].every(function (it) {
           return it.overflow;
@@ -379,11 +332,9 @@
           if (!listeners[curWrapperKey]) {
             listeners[curWrapperKey] = [];
           }
-
           listenScroll && scrollPort.current.addEventListener('scroll', throttlingVisibleChange);
           listenResize && scrollPort.current.addEventListener('resize', throttlingVisibleChange);
         }
-
         listener.current = {
           node: domRef.current,
           isVisible: isVisible,
@@ -392,8 +343,8 @@
           offset: offset,
           threshold: threshold,
           onVisibleChange: onVisibleChange
-        }; // 将当前 listener 存入 listeners
-
+        };
+        // 将当前 listener 存入 listeners
         !disabled && listeners[curWrapperKey].push(listener.current);
         (0, _mobileUtils.nextTick)(function () {
           !disabled && _checkVisible(listener.current);
@@ -404,15 +355,12 @@
       return function () {
         if (isSupportNativeApi) {
           var _io$current2;
-
           domRef.current && ((_io$current2 = io.current) == null ? void 0 : _io$current2.unobserve(domRef.current));
         } else {
           if (overflow) {
             var parent = domRefParent.current;
-
             if (parent && parent instanceof HTMLElement && typeof parent.getAttribute === 'function') {
               var listenerCount = Number(parent.getAttribute(LISTEN_FLAG) || 0) - 1;
-
               if (listenerCount === 0) {
                 // 如果监听队列中无节点，解绑事件
                 // @en If there is no node in the listening queue, unbind the event
@@ -424,20 +372,17 @@
               }
             }
           }
-
           var _key2 = wrapperKey.current;
           var curListeners = listeners[_key2];
-
           if (curListeners) {
             // 不在监听队列中，移除
             // @en Not in the listening queue, remove it
             var index = curListeners.indexOf(listener.current);
-            index !== -1 && curListeners.splice(index, 1); // 监听队列为空，解绑 scroll、resize 事件
+            index !== -1 && curListeners.splice(index, 1);
+            // 监听队列为空，解绑 scroll、resize 事件
             // @en When the listening queue is empty, unbind scroll and resize events
-
             if (curListeners.length === 0) {
               delete listeners[_key2];
-
               if (scrollPort.current) {
                 scrollPort.current.removeEventListener('scroll', throttlingVisibleChange);
                 scrollPort.current.removeEventListener('resize', throttlingVisibleChange);