@arco-design/mobile-react 2.24.2 → 2.25.0

package/umd/tabs/index.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -28,11 +27,8 @@
     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.
@@ -43,147 +39,138 @@
    */
   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$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);
@@ -219,15 +206,12 @@
     }, [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);
         }
       }
@@ -251,16 +235,12 @@
     (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 () {
@@ -273,11 +253,9 @@
       if (onTouchStart && onTouchStart(e, activeIndexRef.current)) {
         return;
       }
-
       if (posAdjustingRef.current) {
         return;
       }
-
       touchStartedRef.current = true;
       setCellTrans(false);
       setPaneTrans(false);
@@ -292,56 +270,46 @@
     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]);
@@ -350,7 +318,6 @@
         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);
@@ -358,23 +325,18 @@
         }
       };
     }, [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);
@@ -385,69 +347,55 @@
       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";
@@ -503,9 +451,7 @@
         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