@arco-design/mobile-react 2.25.3 → 2.26.0

package/umd/show-monitor/index.js

@@ -14,26 +14,31 @@
   "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.
@@ -42,60 +47,67 @@
    * @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 () {
@@ -105,6 +117,7 @@
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
+
         /**
          * 提供检查元素是否可见的api
          * @en Provides an api to check whether the element is visible
@@ -118,58 +131,70 @@
             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;
       }
@@ -177,12 +202,15 @@
        * 当前元素 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] = [];
       }
@@ -190,9 +218,12 @@
        * 当前元素不可见 -> 可见，且 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] || [];
@@ -204,29 +235,35 @@
       });
       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) {
         // 非首次下
@@ -245,6 +282,7 @@
             var isExist = listeners[wrapperKey.current].findIndex(function (item) {
               return item.node === domRef.current;
             });
+
             if (isExist !== -1) {
               listeners[wrapperKey.current].splice(0, 1);
             }
@@ -263,6 +301,7 @@
       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
@@ -273,7 +312,9 @@
         // @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);
@@ -282,6 +323,7 @@
           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";
@@ -294,6 +336,7 @@
           } else {
             rootMargin = offset + "px";
           }
+
           io.current = new IntersectionObserver(handleObserverStatusChange, {
             root: root,
             rootMargin: rootMargin,
@@ -306,25 +349,29 @@
         // @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;
@@ -332,9 +379,11 @@
           if (!listeners[curWrapperKey]) {
             listeners[curWrapperKey] = [];
           }
+
           listenScroll && scrollPort.current.addEventListener('scroll', throttlingVisibleChange);
           listenResize && scrollPort.current.addEventListener('resize', throttlingVisibleChange);
         }
+
         listener.current = {
           node: domRef.current,
           isVisible: isVisible,
@@ -343,8 +392,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);
@@ -355,12 +404,15 @@
       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
@@ -372,17 +424,20 @@
               }
             }
           }
+
           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);

package/umd/slider/hooks/index.js

@@ -44,8 +44,11 @@
     if (key in _exports && _exports[key] === _useSliderEvents[key]) return;
     _exports[key] = _useSliderEvents[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 baseRenderThumb = function baseRenderThumb(prefixCls) {
     return function () {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -53,6 +56,7 @@
       });
     };
   };
+
   _exports.baseRenderThumb = baseRenderThumb;
   // 因为子组件和 hooks 较多, 为了代码整洁和可读性，做了拆分。
   // 参数通过 context 共享

package/umd/slider/hooks/useSliderEvents.js

@@ -16,30 +16,36 @@
   _exports.__esModule = true;
   _exports.useSliderEvents = void 0;
   var IsTouchingStatus;
+
   (function (IsTouchingStatus) {
     IsTouchingStatus[IsTouchingStatus["Idle"] = 0] = "Idle";
     IsTouchingStatus[IsTouchingStatus["Start"] = 1] = "Start";
     IsTouchingStatus[IsTouchingStatus["Moving"] = 2] = "Moving";
   })(IsTouchingStatus || (IsTouchingStatus = {}));
+
   var useSliderEvents = function useSliderEvents(_ref) {
     var getLinePosition = _ref.getLinePosition,
-      lineRef = _ref.lineRef,
-      valueGroup = _ref.valueGroup,
-      setValueGroup = _ref.setValueGroup,
-      setCommonIsTouching = _ref.setCommonIsTouching;
+        lineRef = _ref.lineRef,
+        valueGroup = _ref.valueGroup,
+        setValueGroup = _ref.setValueGroup,
+        setCommonIsTouching = _ref.setCommonIsTouching;
+
     var _useContext = (0, _react.useContext)(_.SliderContext),
-      disabled = _useContext.disabled,
-      step = _useContext.step,
-      min = _useContext.min,
-      max = _useContext.max,
-      type = _useContext.type,
-      draggableTrackOnly = _useContext.draggableTrackOnly;
+        disabled = _useContext.disabled,
+        step = _useContext.step,
+        min = _useContext.min,
+        max = _useContext.max,
+        type = _useContext.type,
+        draggableTrackOnly = _useContext.draggableTrackOnly;
+
     var _useState = (0, _react.useState)(IsTouchingStatus.Idle),
-      isTouching = _useState[0],
-      setIsTouching = _useState[1];
+        isTouching = _useState[0],
+        setIsTouching = _useState[1];
+
     var _useState2 = (0, _react.useState)(0),
-      touchStartPosition = _useState2[0],
-      setTouchStartPosition = _useState2[1];
+        touchStartPosition = _useState2[0],
+        setTouchStartPosition = _useState2[1];
+
     var linePositionRef = (0, _react.useRef)({
       length: 0,
       start: 0
@@ -48,112 +54,131 @@
     var validateValue = (0, _react.useCallback)(function (value) {
       if (value >= min && value <= max) return value;
       return value <= (min + max) / 2 ? min : max;
-    }, [min, max]);
-
-    // 通过位置获取值
+    }, [min, max]); // 通过位置获取值
     // @en Get value by position
+
     var getValueFromPosition = (0, _react.useCallback)(function (touchPosition) {
       var _linePositionRef$curr = linePositionRef.current,
-        length = _linePositionRef$curr.length,
-        start = _linePositionRef$curr.start;
+          length = _linePositionRef$curr.length,
+          start = _linePositionRef$curr.start;
       if (length === 0) return 0;
       var newWidth = isHorizontal ? touchPosition - start : length - touchPosition + start;
+
       if (newWidth < 0) {
         newWidth = 0;
       } else if (newWidth > length) {
         newWidth = length;
       }
+
       var newRealTimeValue = validateValue(Math.round(newWidth / length * (max - min) / step) * step + min);
       return newRealTimeValue;
-    }, [isHorizontal, max, min, step]);
-
-    // 设置不同的值，因为可以点击 line ，需要提前计算具体修改的是哪个值。
+    }, [isHorizontal, max, min, step]); // 设置不同的值，因为可以点击 line ，需要提前计算具体修改的是哪个值。
     // @en Set different values. Because line can  be clicked, it needs to calculate which value to modify in advance.
+
     var setCommonValue = (0, _react.useMemo)(function () {
       var start = getValueFromPosition(touchStartPosition);
+
       if (!Array.isArray(valueGroup)) {
         if (isTouching) {
           setValueGroup(start);
           setCommonIsTouching(0);
           setIsTouching(IsTouchingStatus.Moving);
         }
+
         return function (realTimeValue) {
           setValueGroup(realTimeValue);
         };
       } else {
         var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
+
         var handleValue = function handleValue(realTimeValue) {
           setValueGroup(function (passValueGroup) {
             if (typeof passValueGroup === 'number') {
               return [passValueGroup, realTimeValue];
             }
+
             var newValueGroup = [].concat(passValueGroup);
             newValueGroup[index] = realTimeValue;
             return newValueGroup;
           });
         };
+
         if (isTouching) {
           setCommonIsTouching(index);
           handleValue(start);
           setIsTouching(IsTouchingStatus.Moving);
         }
+
         return handleValue;
       }
     }, [touchStartPosition, getValueFromPosition]);
     (0, _react.useEffect)(function () {
       var _lineRef$current;
+
       if (disabled) return;
+
       var handleTouchStart = function handleTouchStart(e) {
         if (draggableTrackOnly && e.target === lineRef.current) return;
         linePositionRef.current = getLinePosition();
         var _e$touches$ = e.touches[0],
-          clientX = _e$touches$.clientX,
-          clientY = _e$touches$.clientY;
+            clientX = _e$touches$.clientX,
+            clientY = _e$touches$.clientY;
         var touchPosition = isHorizontal ? clientX : clientY;
         setIsTouching(IsTouchingStatus.Start);
         setTouchStartPosition(touchPosition);
         e.stopPropagation();
         e.preventDefault();
       };
+
       (_lineRef$current = lineRef.current) == null ? void 0 : _lineRef$current.addEventListener('touchstart', handleTouchStart);
       return function () {
         var _lineRef$current2;
+
         !disabled && ((_lineRef$current2 = lineRef.current) == null ? void 0 : _lineRef$current2.removeEventListener('touchstart', handleTouchStart));
       };
     }, [disabled, isHorizontal, draggableTrackOnly]);
     (0, _react.useEffect)(function () {
       var _lineRef$current3;
+
       if (disabled) return;
+
       var handleTouchMove = function handleTouchMove(e) {
         if (isTouching === IsTouchingStatus.Moving) {
           var _e$touches$2 = e.touches[0],
-            clientX = _e$touches$2.clientX,
-            clientY = _e$touches$2.clientY;
+              clientX = _e$touches$2.clientX,
+              clientY = _e$touches$2.clientY;
           var touchPosition = isHorizontal ? clientX : clientY;
           setCommonValue(getValueFromPosition(touchPosition));
         }
+
         e.stopPropagation();
         e.cancelable && e.preventDefault();
       };
+
       (_lineRef$current3 = lineRef.current) == null ? void 0 : _lineRef$current3.addEventListener('touchmove', handleTouchMove);
       return function () {
         var _lineRef$current4;
+
         !disabled && ((_lineRef$current4 = lineRef.current) == null ? void 0 : _lineRef$current4.removeEventListener('touchmove', handleTouchMove));
       };
     }, [disabled, isHorizontal, isTouching]);
     (0, _react.useEffect)(function () {
       var _lineRef$current5, _lineRef$current6;
+
       if (disabled) return;
+
       var handleTouchEnd = function handleTouchEnd(e) {
         setIsTouching(IsTouchingStatus.Idle);
         setCommonIsTouching(-1);
         e.stopPropagation();
         e.preventDefault();
       };
+
       (_lineRef$current5 = lineRef.current) == null ? void 0 : _lineRef$current5.addEventListener('touchend', handleTouchEnd);
       (_lineRef$current6 = lineRef.current) == null ? void 0 : _lineRef$current6.addEventListener('touchcancel', handleTouchEnd);
       return function () {
         var _lineRef$current7, _lineRef$current8;
+
         !disabled && ((_lineRef$current7 = lineRef.current) == null ? void 0 : _lineRef$current7.removeEventListener('touchend', handleTouchEnd));
         !disabled && ((_lineRef$current8 = lineRef.current) == null ? void 0 : _lineRef$current8.removeEventListener('touchcancel', handleTouchEnd));
       };
@@ -162,5 +187,6 @@
       isTouching: isTouching
     };
   };
+
   _exports.useSliderEvents = useSliderEvents;
 });