@arco-design/mobile-react 2.25.3 → 2.26.0

package/esm/show-monitor/index.js

@@ -7,15 +7,16 @@ 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.
@@ -24,60 +25,67 @@ var throttlingVisibleChange;
  * @name 滚动视口监听
  * @name_en ShowMonitor
  */
+
 var ShowMonitor = /*#__PURE__*/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 = useRef(null);
   /**
    * 滚动容器父级元素
    * @en Scroll container parent element
    */
+
   var scrollPort = useRef(null);
   /**
    * 局部滚动元素父节点
    * @en Parent node of the local scroll element
    */
+
   var domRefParent = useRef(null);
   /**
    * 当前元素是否在可视区域内
    * @en Whether the current element is in the visible area
    */
+
   var isVisible = useRef(false);
   /**
    * 保存当前节点信息，类似于 class component 中 this
    * @en Save current node information, similar to this in class component
    */
+
   var listener = useRef(null);
   /**
    * Intersection Observer 实例化对象
    * @en Instantiated object of Intersection Observer
    */
+
   var io = useRef(null);
   /**
    * 父容器唯一 key（wrapperNodeList index）
    * @en The unique key of the parent container (wrapperNodeList index)
    */
+
   var wrapperKey = useRef(-1);
   var isChildrenExist = useRef(Boolean(children));
   var isSupportNativeApi = useMemo(function () {
@@ -87,6 +95,7 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current,
+
       /**
        * 提供检查元素是否可见的api
        * @en Provides an api to check whether the element is visible
@@ -100,58 +109,70 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
           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 = 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 ? checkOverflowVisible(component, parent) : checkNormalVisible(component);
     /**
      * 忽略前后可见状态判断
      * @en Ignore the visible state judgment before and after
      */
+
     if (ignoreCheckPreVisibleStatus) {
       return curVisible;
     }
@@ -159,12 +180,15 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
      * 当前元素 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] = [];
     }
@@ -172,9 +196,12 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
      * 当前元素不可见 -> 可见，且 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 = useCallback(function () {
     var key = wrapperKey.current;
     var curListeners = listeners[key] || [];
@@ -186,29 +213,35 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
     });
     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,
    */
+
+
   useEffect(function () {
     if (isSupportNativeApi) {
       // 非首次下
@@ -227,6 +260,7 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
           var isExist = listeners[wrapperKey.current].findIndex(function (item) {
             return item.node === domRef.current;
           });
+
           if (isExist !== -1) {
             listeners[wrapperKey.current].splice(0, 1);
           }
@@ -245,6 +279,7 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
     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
@@ -255,7 +290,9 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
       // @en Take the current index as the key
       wrapperKey.current = wrapperNodeIndex;
     }
+
     var curWrapperKey = wrapperKey.current;
+
     if (isSupportNativeApi) {
       if (domRef.current) {
         domRefParent.current = scrollParent(domRef.current);
@@ -264,6 +301,7 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
         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";
@@ -276,6 +314,7 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
         } else {
           rootMargin = offset + "px";
         }
+
         io.current = new IntersectionObserver(handleObserverStatusChange, {
           root: root,
           rootMargin: rootMargin,
@@ -288,25 +327,29 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
       // @en Callback after throttling
       throttlingVisibleChange = checkVisibleHandler;
       throttle && (throttlingVisibleChange = lodashThrottle(throttlingVisibleChange, throttle));
+
       if (overflow) {
         if (domRef.current) {
           domRefParent.current = 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;
@@ -314,9 +357,11 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
         if (!listeners[curWrapperKey]) {
           listeners[curWrapperKey] = [];
         }
+
         listenScroll && scrollPort.current.addEventListener('scroll', throttlingVisibleChange);
         listenResize && scrollPort.current.addEventListener('resize', throttlingVisibleChange);
       }
+
       listener.current = {
         node: domRef.current,
         isVisible: isVisible,
@@ -325,8 +370,8 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
         offset: offset,
         threshold: threshold,
         onVisibleChange: onVisibleChange
-      };
-      // 将当前 listener 存入 listeners
+      }; // 将当前 listener 存入 listeners
+
       !disabled && listeners[curWrapperKey].push(listener.current);
       nextTick(function () {
         !disabled && _checkVisible(listener.current);
@@ -337,12 +382,15 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
     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
@@ -354,17 +402,20 @@ var ShowMonitor = /*#__PURE__*/forwardRef(function (props, ref) {
             }
           }
         }
+
         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/esm/slider/hooks/useSliderEvents.js

@@ -1,30 +1,36 @@
 import { useCallback, useContext, useState, useEffect, useMemo, useRef } from 'react';
 import { SliderContext } from '.';
 var IsTouchingStatus;
+
 (function (IsTouchingStatus) {
   IsTouchingStatus[IsTouchingStatus["Idle"] = 0] = "Idle";
   IsTouchingStatus[IsTouchingStatus["Start"] = 1] = "Start";
   IsTouchingStatus[IsTouchingStatus["Moving"] = 2] = "Moving";
 })(IsTouchingStatus || (IsTouchingStatus = {}));
+
 export 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 = 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 = useState(IsTouchingStatus.Idle),
-    isTouching = _useState[0],
-    setIsTouching = _useState[1];
+      isTouching = _useState[0],
+      setIsTouching = _useState[1];
+
   var _useState2 = useState(0),
-    touchStartPosition = _useState2[0],
-    setTouchStartPosition = _useState2[1];
+      touchStartPosition = _useState2[0],
+      setTouchStartPosition = _useState2[1];
+
   var linePositionRef = useRef({
     length: 0,
     start: 0
@@ -33,112 +39,131 @@ export var useSliderEvents = function useSliderEvents(_ref) {
   var validateValue = 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 = 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 = 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]);
   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]);
   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]);
   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));
     };

package/esm/slider/hooks/useSliderIcon.js

@@ -3,17 +3,21 @@ import { GlobalContext } from '../../context-provider';
 import { SliderContext } from '.';
 export var useSliderIcon = function useSliderIcon(_ref) {
   var valueGroup = _ref.valueGroup;
+
   var _useContext = useContext(GlobalContext),
-    _useContext$prefixCls = _useContext.prefixCls,
-    prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
+      _useContext$prefixCls = _useContext.prefixCls,
+      prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
+
   var _useContext2 = useContext(SliderContext),
-    max = _useContext2.max,
-    suffixLabel = _useContext2.suffixLabel,
-    min = _useContext2.min,
-    prefixLabel = _useContext2.prefixLabel;
+      max = _useContext2.max,
+      suffixLabel = _useContext2.suffixLabel,
+      min = _useContext2.min,
+      prefixLabel = _useContext2.prefixLabel;
+
   var renderPrefixLabel = useMemo(function () {
     if (!prefixLabel) return null;
     var inner;
+
     if (typeof prefixLabel === 'boolean' && prefixLabel) {
       inner = min;
     } else if (typeof prefixLabel === 'function') {
@@ -21,6 +25,7 @@ export var useSliderIcon = function useSliderIcon(_ref) {
     } else {
       inner = prefixLabel;
     }
+
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-slider-label is-prefix"
     }, inner);
@@ -28,6 +33,7 @@ export var useSliderIcon = function useSliderIcon(_ref) {
   var renderSuffixLabel = useMemo(function () {
     if (!suffixLabel) return null;
     var inner;
+
     if (typeof suffixLabel === 'boolean' && suffixLabel) {
       inner = max;
     } else if (typeof suffixLabel === 'function') {
@@ -35,6 +41,7 @@ export var useSliderIcon = function useSliderIcon(_ref) {
     } else {
       inner = suffixLabel;
     }
+
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-slider-label is-suffix"
     }, inner);