@arco-design/mobile-react 2.25.4 → 2.27.0

package/umd/tabs/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -27,8 +28,11 @@
     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; }
+
   /**
    * 用于让用户在不同的视图中进行切换。为优化移动端渲染性能，如有替换DOM、发请求更新数据等操作，请在`onAfterChange`而非`onChange`回调中进行。
    * @en Used to let the user switch between different views. In order to optimize the rendering performance of the mobile terminal, if you need to replace the DOM, send a request to update data, etc., please do it in the `onAfterChange` instead of the `onChange` callback.
@@ -39,138 +43,149 @@
    */
   var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-      style = props.style,
-      _props$tabs = props.tabs,
-      tabs = _props$tabs === void 0 ? [] : _props$tabs,
-      _props$tabBarPosition = props.tabBarPosition,
-      tabBarPosition = _props$tabBarPosition === void 0 ? 'top' : _props$tabBarPosition,
-      activeTab = props.activeTab,
-      _props$defaultActiveT = props.defaultActiveTab,
-      defaultActiveTab = _props$defaultActiveT === void 0 ? 0 : _props$defaultActiveT,
-      children = props.children,
-      onChange = props.onChange,
-      onAfterChange = props.onAfterChange,
-      onTabClick = props.onTabClick,
-      onTabBarOverflowChange = props.onTabBarOverflowChange,
-      onTouchStart = props.onTouchStart,
-      onTouchMove = props.onTouchMove,
-      onTouchEnd = props.onTouchEnd,
-      onTabBarScroll = props.onTabBarScroll,
-      onDistanceChange = props.onDistanceChange,
-      onScroll = props.onScroll,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'line' : _props$type,
-      _props$swipeable = props.swipeable,
-      swipeable = _props$swipeable === void 0 ? true : _props$swipeable,
-      disabled = props.disabled,
-      _props$tabBarArrange = props.tabBarArrange,
-      tabBarArrange = _props$tabBarArrange === void 0 ? 'center' : _props$tabBarArrange,
-      _props$tabBarScroll = props.tabBarScroll,
-      tabBarScroll = _props$tabBarScroll === void 0 ? true : _props$tabBarScroll,
-      tabBarFixed = props.tabBarFixed,
-      tabBarExtra = props.tabBarExtra,
-      tabBarScrollBezier = props.tabBarScrollBezier,
-      tabBarScrollDuration = props.tabBarScrollDuration,
-      _props$tabBarScrollCh = props.tabBarScrollChance,
-      tabBarScrollChance = _props$tabBarScrollCh === void 0 ? 'jump' : _props$tabBarScrollCh,
-      tabBarHasDivider = props.tabBarHasDivider,
-      _props$tabBarResetWhe = props.tabBarResetWhenScroll,
-      tabBarResetWhenScroll = _props$tabBarResetWhe === void 0 ? 'touchmove' : _props$tabBarResetWhe,
-      _props$stopPropagatio = props.stopPropagation,
-      stopPropagation = _props$stopPropagatio === void 0 ? true : _props$stopPropagatio,
-      getInnerScrollContainer = props.getInnerScrollContainer,
-      _props$mode = props.mode,
-      mode = _props$mode === void 0 ? 'swipe' : _props$mode,
-      getScrollContainer = props.getScrollContainer,
-      _props$scrollThrottle = props.scrollThrottle,
-      scrollThrottle = _props$scrollThrottle === void 0 ? 300 : _props$scrollThrottle,
-      _props$scrollOffset = props.scrollOffset,
-      scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
-      scrollWhenMounted = props.scrollWhenMounted,
-      _props$goLastWhenScro = props.goLastWhenScrollBottom,
-      goLastWhenScrollBottom = _props$goLastWhenScro === void 0 ? true : _props$goLastWhenScro,
-      _props$scrollVertical = props.scrollVertical,
-      scrollVertical = _props$scrollVertical === void 0 ? true : _props$scrollVertical,
-      renderUnderline = props.renderUnderline,
-      renderTabBar = props.renderTabBar,
-      renderTabBarItem = props.renderTabBarItem,
-      renderTabBarInner = props.renderTabBarInner,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 240 : _props$duration,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-      _props$useCaterpillar = props.useCaterpillar,
-      useCaterpillar = _props$useCaterpillar === void 0 ? false : _props$useCaterpillar,
-      _props$distanceToChan = props.distanceToChangeTab,
-      distanceToChangeTab = _props$distanceToChan === void 0 ? 10 : _props$distanceToChan,
-      _props$percentToChang = props.percentToChangeTab,
-      percentToChangeTab = _props$percentToChang === void 0 ? 0.3 : _props$percentToChang,
-      _props$speedToChangeT = props.speedToChangeTab,
-      speedToChangeTab = _props$speedToChangeT === void 0 ? 200 : _props$speedToChangeT,
-      _props$disableClickTr = props.disableClickTransition,
-      disableClickTransition = _props$disableClickTr === void 0 ? true : _props$disableClickTr,
-      lazyloadCount = props.lazyloadCount,
-      _props$hideContentSty = props.hideContentStyle,
-      hideContentStyle = _props$hideContentSty === void 0 ? null : _props$hideContentSty,
-      renderHideContent = props.renderHideContent,
-      hideTabBarBeforeMounted = props.hideTabBarBeforeMounted,
-      _props$overflowThresh = props.overflowThreshold,
-      overflowThreshold = _props$overflowThresh === void 0 ? 5 : _props$overflowThresh,
-      tabBarGutter = props.tabBarGutter,
-      tabBarPadding = props.tabBarPadding,
-      underlineSize = props.underlineSize,
-      underlineThick = props.underlineThick,
-      underlineInnerStyle = props.underlineInnerStyle,
-      caterpillarMaxScale = props.caterpillarMaxScale,
-      _props$caterpillarPro = props.caterpillarProperty,
-      caterpillarProperty = _props$caterpillarPro === void 0 ? 'scale' : _props$caterpillarPro,
-      _props$showUnderline = props.showUnderline,
-      showUnderline = _props$showUnderline === void 0 ? true : _props$showUnderline,
-      _props$stopTouchThres = props.stopTouchThreshold,
-      stopTouchThreshold = _props$stopTouchThres === void 0 ? 0 : _props$stopTouchThres,
-      _props$touchSideDisab = props.touchSideDisableThreshold,
-      touchSideDisableThreshold = _props$touchSideDisab === void 0 ? 0 : _props$touchSideDisab,
-      onTouchStopped = props.onTouchStopped,
-      tabBarStyle = props.tabBarStyle,
-      tabPaneStyle = props.tabPaneStyle,
-      tabBarClass = props.tabBarClass,
-      tabPaneClass = props.tabPaneClass,
-      tabPaneExtra = props.tabPaneExtra,
-      _props$translateZ = props.translateZ,
-      translateZ = _props$translateZ === void 0 ? true : _props$translateZ,
-      fullScreen = props.fullScreen,
-      autoHeight = props.autoHeight,
-      _props$tabBarStopProp = props.tabBarStopPropagation,
-      tabBarStopPropagation = _props$tabBarStopProp === void 0 ? true : _props$tabBarStopProp;
+        style = props.style,
+        _props$tabs = props.tabs,
+        tabs = _props$tabs === void 0 ? [] : _props$tabs,
+        _props$tabBarPosition = props.tabBarPosition,
+        tabBarPosition = _props$tabBarPosition === void 0 ? 'top' : _props$tabBarPosition,
+        activeTab = props.activeTab,
+        _props$defaultActiveT = props.defaultActiveTab,
+        defaultActiveTab = _props$defaultActiveT === void 0 ? 0 : _props$defaultActiveT,
+        children = props.children,
+        onChange = props.onChange,
+        onAfterChange = props.onAfterChange,
+        onTabClick = props.onTabClick,
+        onTabBarOverflowChange = props.onTabBarOverflowChange,
+        onTouchStart = props.onTouchStart,
+        onTouchMove = props.onTouchMove,
+        onTouchEnd = props.onTouchEnd,
+        onTabBarScroll = props.onTabBarScroll,
+        onDistanceChange = props.onDistanceChange,
+        onScroll = props.onScroll,
+        _props$type = props.type,
+        type = _props$type === void 0 ? 'line' : _props$type,
+        _props$swipeable = props.swipeable,
+        swipeable = _props$swipeable === void 0 ? true : _props$swipeable,
+        disabled = props.disabled,
+        _props$tabBarArrange = props.tabBarArrange,
+        tabBarArrange = _props$tabBarArrange === void 0 ? 'center' : _props$tabBarArrange,
+        _props$tabBarScroll = props.tabBarScroll,
+        tabBarScroll = _props$tabBarScroll === void 0 ? true : _props$tabBarScroll,
+        tabBarFixed = props.tabBarFixed,
+        tabBarExtra = props.tabBarExtra,
+        tabBarScrollBezier = props.tabBarScrollBezier,
+        tabBarScrollDuration = props.tabBarScrollDuration,
+        _props$tabBarScrollCh = props.tabBarScrollChance,
+        tabBarScrollChance = _props$tabBarScrollCh === void 0 ? 'jump' : _props$tabBarScrollCh,
+        tabBarHasDivider = props.tabBarHasDivider,
+        _props$tabBarResetWhe = props.tabBarResetWhenScroll,
+        tabBarResetWhenScroll = _props$tabBarResetWhe === void 0 ? 'touchmove' : _props$tabBarResetWhe,
+        _props$stopPropagatio = props.stopPropagation,
+        stopPropagation = _props$stopPropagatio === void 0 ? true : _props$stopPropagatio,
+        getInnerScrollContainer = props.getInnerScrollContainer,
+        _props$mode = props.mode,
+        mode = _props$mode === void 0 ? 'swipe' : _props$mode,
+        getScrollContainer = props.getScrollContainer,
+        _props$scrollThrottle = props.scrollThrottle,
+        scrollThrottle = _props$scrollThrottle === void 0 ? 300 : _props$scrollThrottle,
+        _props$scrollOffset = props.scrollOffset,
+        scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
+        scrollWhenMounted = props.scrollWhenMounted,
+        _props$goLastWhenScro = props.goLastWhenScrollBottom,
+        goLastWhenScrollBottom = _props$goLastWhenScro === void 0 ? true : _props$goLastWhenScro,
+        _props$scrollVertical = props.scrollVertical,
+        scrollVertical = _props$scrollVertical === void 0 ? true : _props$scrollVertical,
+        renderUnderline = props.renderUnderline,
+        renderTabBar = props.renderTabBar,
+        renderTabBarItem = props.renderTabBarItem,
+        renderTabBarInner = props.renderTabBarInner,
+        _props$duration = props.duration,
+        duration = _props$duration === void 0 ? 240 : _props$duration,
+        _props$transitionDura = props.transitionDuration,
+        transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+        _props$useCaterpillar = props.useCaterpillar,
+        useCaterpillar = _props$useCaterpillar === void 0 ? false : _props$useCaterpillar,
+        _props$distanceToChan = props.distanceToChangeTab,
+        distanceToChangeTab = _props$distanceToChan === void 0 ? 10 : _props$distanceToChan,
+        _props$percentToChang = props.percentToChangeTab,
+        percentToChangeTab = _props$percentToChang === void 0 ? 0.3 : _props$percentToChang,
+        _props$speedToChangeT = props.speedToChangeTab,
+        speedToChangeTab = _props$speedToChangeT === void 0 ? 200 : _props$speedToChangeT,
+        _props$disableClickTr = props.disableClickTransition,
+        disableClickTransition = _props$disableClickTr === void 0 ? true : _props$disableClickTr,
+        lazyloadCount = props.lazyloadCount,
+        _props$hideContentSty = props.hideContentStyle,
+        hideContentStyle = _props$hideContentSty === void 0 ? null : _props$hideContentSty,
+        renderHideContent = props.renderHideContent,
+        hideTabBarBeforeMounted = props.hideTabBarBeforeMounted,
+        _props$overflowThresh = props.overflowThreshold,
+        overflowThreshold = _props$overflowThresh === void 0 ? 5 : _props$overflowThresh,
+        tabBarGutter = props.tabBarGutter,
+        tabBarPadding = props.tabBarPadding,
+        underlineSize = props.underlineSize,
+        underlineThick = props.underlineThick,
+        underlineInnerStyle = props.underlineInnerStyle,
+        caterpillarMaxScale = props.caterpillarMaxScale,
+        _props$caterpillarPro = props.caterpillarProperty,
+        caterpillarProperty = _props$caterpillarPro === void 0 ? 'scale' : _props$caterpillarPro,
+        _props$showUnderline = props.showUnderline,
+        showUnderline = _props$showUnderline === void 0 ? true : _props$showUnderline,
+        _props$underlineAdapt = props.underlineAdaptive,
+        underlineAdaptive = _props$underlineAdapt === void 0 ? false : _props$underlineAdapt,
+        _props$stopTouchThres = props.stopTouchThreshold,
+        stopTouchThreshold = _props$stopTouchThres === void 0 ? 0 : _props$stopTouchThres,
+        _props$touchSideDisab = props.touchSideDisableThreshold,
+        touchSideDisableThreshold = _props$touchSideDisab === void 0 ? 0 : _props$touchSideDisab,
+        onTouchStopped = props.onTouchStopped,
+        tabBarStyle = props.tabBarStyle,
+        tabPaneStyle = props.tabPaneStyle,
+        tabBarClass = props.tabBarClass,
+        tabPaneClass = props.tabPaneClass,
+        tabPaneExtra = props.tabPaneExtra,
+        _props$translateZ = props.translateZ,
+        translateZ = _props$translateZ === void 0 ? true : _props$translateZ,
+        fullScreen = props.fullScreen,
+        autoHeight = props.autoHeight,
+        _props$tabBarStopProp = props.tabBarStopPropagation,
+        tabBarStopPropagation = _props$tabBarStopProp === void 0 ? true : _props$tabBarStopProp;
     var domRef = (0, _react.useRef)(null);
     var cellRef = (0, _react.useRef)(null);
     var paneRef = (0, _react.useRef)(null);
+
     var _useState = (0, _react.useState)(defaultActiveTab),
-      innerIndex = _useState[0],
-      setInnerIndex = _useState[1];
+        innerIndex = _useState[0],
+        setInnerIndex = _useState[1];
+
     var _useState2 = (0, _react.useState)(0),
-      jumpingDis = _useState2[0],
-      setJumpingDis = _useState2[1];
+        jumpingDis = _useState2[0],
+        setJumpingDis = _useState2[1];
+
     var _useState3 = (0, _react.useState)(0),
-      wrapWidth = _useState3[0],
-      setWrapWidth = _useState3[1];
+        wrapWidth = _useState3[0],
+        setWrapWidth = _useState3[1];
+
     var _useState4 = (0, _react.useState)(0),
-      wrapHeight = _useState4[0],
-      setWrapHeight = _useState4[1];
+        wrapHeight = _useState4[0],
+        setWrapHeight = _useState4[1];
+
     var _useState5 = (0, _react.useState)(false),
-      cellTrans = _useState5[0],
-      setCellTrans = _useState5[1];
+        cellTrans = _useState5[0],
+        setCellTrans = _useState5[1];
+
     var _useState6 = (0, _react.useState)(false),
-      paneTrans = _useState6[0],
-      setPaneTrans = _useState6[1];
+        paneTrans = _useState6[0],
+        setPaneTrans = _useState6[1];
+
     var _useRefState = (0, _helpers.useRefState)(activeTab === void 0 ? innerIndex : activeTab),
-      activeIndex = _useRefState[0],
-      activeIndexRef = _useRefState[1],
-      setActiveIndex = _useRefState[2];
+        activeIndex = _useRefState[0],
+        activeIndexRef = _useRefState[1],
+        setActiveIndex = _useRefState[2];
+
     var _useRefState2 = (0, _helpers.useRefState)(0),
-      distance = _useRefState2[0],
-      distanceRef = _useRefState2[1],
-      setDistance = _useRefState2[2];
+        distance = _useRefState2[0],
+        distanceRef = _useRefState2[1],
+        setDistance = _useRefState2[2];
+
     var posAdjustingRef = (0, _react.useRef)(false);
     var touchStartedRef = (0, _react.useRef)(false);
     var touchStartXRef = (0, _react.useRef)(0);
@@ -206,12 +221,15 @@
     }, [distanceToChangeTab]);
     (0, _react.useEffect)(function () {
       updateLayout();
+
       if (mode === 'scroll') {
         // 判断初始是否滚动时，如果指定了scrollWhenMounted则看它的值，否则看是否默认选中第一个
         // @en When judging whether to scroll initially, if scrollWhenMounted is specified, see its value, otherwise, see if the first one is selected by default
         var needScroll = scrollWhenMounted === void 0 ? activeIndex !== 0 : scrollWhenMounted;
+
         if (needScroll) {
           var _paneRef$current;
+
           (_paneRef$current = paneRef.current) == null ? void 0 : _paneRef$current.scrollToIndex(activeIndex, true);
         }
       }
@@ -235,12 +253,16 @@
     (0, _helpers.useUpdateEffect)(function () {
       if (changeFromRef.current !== 'scroll' && mode === 'scroll') {
         var _paneRef$current2;
+
         (_paneRef$current2 = paneRef.current) == null ? void 0 : _paneRef$current2.scrollToIndex(activeIndex);
       }
+
       if (changeFromRef.current === 'click' && useCaterpillar) {
         var _cellRef$current;
+
         (_cellRef$current = cellRef.current) == null ? void 0 : _cellRef$current.setCaterpillarAnimate();
       }
+
       var changeFrom = changeFromRef.current;
       changeFromRef.current = '';
       (0, _mobileUtils.nextTick)(function () {
@@ -253,9 +275,11 @@
       if (onTouchStart && onTouchStart(e, activeIndexRef.current)) {
         return;
       }
+
       if (posAdjustingRef.current) {
         return;
       }
+
       touchStartedRef.current = true;
       setCellTrans(false);
       setPaneTrans(false);
@@ -270,46 +294,56 @@
     var handlePaneTouchMove = (0, _react.useCallback)(function (e) {
       if (onTouchMove && onTouchMove(e, activeIndexRef.current)) {
         return;
-      }
-      // 从屏幕边缘开始滑动时，屏蔽tabs滑动事件
+      } // 从屏幕边缘开始滑动时，屏蔽tabs滑动事件
+
+
       if (touchStartXRef.current < touchSideDisableThreshold) {
         return;
       }
+
       stopPropagation && e.stopPropagation();
+
       if (!touchStartedRef.current || posAdjustingRef.current) {
         e.cancelable && e.preventDefault();
         return;
       }
+
       var evt = e.changedTouches[0];
       var touchMoveX = evt.clientX || 0;
-      var touchMoveY = evt.clientY || 0;
-      // bugfix: 兼容safari在右滑返回上一页时clientX为负值的情况，安卓有折叠屏，触点会有超出屏幕(clientX < 0)的情况，因此这里限定ios系统
+      var touchMoveY = evt.clientY || 0; // bugfix: 兼容safari在右滑返回上一页时clientX为负值的情况，安卓有折叠屏，触点会有超出屏幕(clientX < 0)的情况，因此这里限定ios系统
       // @en bugfix: bugfix: Compatible with the case in safari where clientX is negative when swiping right back to the previous page
+
       var posDisX = system === 'ios' && touchMoveX < 0 ? 0 : touchMoveX - touchStartXRef.current;
       var posDisY = touchMoveY - touchStartYRef.current;
       var absDisX = Math.abs(posDisX);
       var absDisY = Math.abs(posDisY);
+
       if (scrollingRef.current === null) {
         scrollingRef.current = absDisX < absDisY;
-      }
-      // 如果是在上下滚动页面则禁用滑动手势
+      } // 如果是在上下滚动页面则禁用滑动手势
       // @en Disable swipe gestures if scrolling up and down
+
+
       if (scrollingRef.current) {
         if (tabBarResetWhenScroll === 'touchmove' && !touchMoveBarScrollRef.current) {
           cellRef.current && cellRef.current.scrollToCenter();
           touchMoveBarScrollRef.current = true;
         }
+
         setDistance(0);
         return;
       }
+
       if (activeIndexRef.current === 0 && posDisX > 0 || activeIndexRef.current === tabs.length - 1 && posDisX < 0) {
         if (!touchStoppedRef.current && absDisX > stopTouchThreshold) {
           touchStoppedRef.current = true;
           onTouchStopped && onTouchStopped(posDisX >= 0 ? -1 : 1);
         }
+
         setDistance(0);
         return;
       }
+
       e.cancelable && e.preventDefault();
       setDistance(posDisX);
     }, [onTouchMove, onTouchStopped, stopTouchThreshold, tabs.length, touchSideDisableThreshold, tabBarResetWhenScroll, stopPropagation]);
@@ -318,6 +352,7 @@
         paneRef.current.dom.addEventListener('touchstart', handlePaneTouchStart);
         paneRef.current.dom.addEventListener('touchmove', handlePaneTouchMove);
       }
+
       return function () {
         if (paneRef.current && paneRef.current.dom && canSwipe) {
           paneRef.current.dom.removeEventListener('touchstart', handlePaneTouchStart);
@@ -325,18 +360,23 @@
         }
       };
     }, [handlePaneTouchStart, handlePaneTouchMove, canSwipe]);
+
     function handlePaneTouchEnd(e) {
       if (onTouchEnd && onTouchEnd(e.nativeEvent, activeIndexRef.current)) {
         return;
       }
+
       stopPropagation && e.stopPropagation();
       touchMoveBarScrollRef.current = false;
+
       if (scrollingRef.current && tabBarResetWhenScroll === 'touchend') {
         cellRef.current && cellRef.current.scrollToCenter();
       }
+
       if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current) {
         return;
       }
+
       touchStartedRef.current = false;
       setCellTrans(true);
       setPaneTrans(true);
@@ -347,55 +387,69 @@
       var index = activeIndexRef.current;
       var needJump = Math.abs(dis) > maxSlice && Math.abs(dis) > distanceToChangeTab || Math.abs(speed) > speedToChangeTab;
       var newIndex = index;
+
       if (dis > 0 && needJump) {
         newIndex = index - 1;
       } else if (dis < 0 && needJump) {
         newIndex = index + 1;
       }
+
       (0, _mobileUtils.nextTick)(function () {
         jumpTo(newIndex);
       });
     }
+
     function jumpTo(newIndex) {
       posAdjustingRef.current = true;
+
       if (newIndex !== activeIndexRef.current) {
         setJumpingDis(distanceRef.current);
       }
+
       _changeIndex(newIndex, 'swipe');
+
       touchStartTimeRef.current = 0;
       setTimeout(function () {
         posAdjustingRef.current = false;
         setJumpingDis(0);
       }, transitionDuration);
     }
+
     function updateLayout() {
       cellRef.current && cellRef.current.resetUnderlineStyle();
       setWrapWidth(domRef.current ? domRef.current.offsetWidth : 0);
       setWrapHeight(domRef.current ? domRef.current.offsetHeight : 0);
       paneRef.current && paneRef.current.setCurrentHeight();
     }
+
     function getAllPanes() {
       var panes = children ? [children] : [];
+
       if (children && Object.prototype.toString.call(children) === '[object Array]') {
         panes = children;
-      }
-      // panes不可超过tabs.length
+      } // panes不可超过tabs.length
+
+
       return panes.slice(0, tabs.length);
     }
+
     function _changeIndex(newIndex, changeFrom, rightNow) {
       if (rightNow || changeFrom === 'click' && disableClickTransition) {
         setPaneTrans(false);
       } else {
         setPaneTrans(true);
       }
+
       changeFromRef.current = changeFrom || '';
       setCellTrans(true);
       setInnerIndex(newIndex);
       setDistance(0);
+
       if (newIndex !== activeIndexRef.current) {
         onChange && onChange(tabs[newIndex], newIndex, changeFrom);
       }
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       var prefix = prefixCls + "-tabs";
@@ -444,6 +498,7 @@
         hideTabBarBeforeMounted: hideTabBarBeforeMounted,
         overflowThreshold: overflowThreshold,
         showUnderline: showUnderline,
+        underlineAdaptive: underlineAdaptive,
         disabled: disabled,
         renderTabBarItem: renderTabBarItem,
         renderTabBarInner: renderTabBarInner,
@@ -451,7 +506,9 @@
         tabBarClass: tabBarClass,
         tabBarStopPropagation: tabBarStopPropagation
       }, commonProps);
+
       var CellComp = /*#__PURE__*/_react.default.createElement(_tabCell.default, cellProps);
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefix + " " + prefix + "-" + tabBarPosition + " " + prefix + "-" + tabDirection + " all-border-box", {
           'full-screen': fullScreen