@arco-design/mobile-react 2.38.4 → 2.39.0

package/cjs/tab-bar/tab-bar.js

@@ -1,25 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.TabBarContext = void 0;
 exports.componentGenerator = componentGenerator;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _helpers = require("../_helpers");
-
 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 TabBarContext = /*#__PURE__*/(0, _react.createContext)({
   changeIndex: function changeIndex() {},
   active: false,
@@ -27,30 +18,26 @@ var TabBarContext = /*#__PURE__*/(0, _react.createContext)({
   activeCustomStyle: {}
 });
 exports.TabBarContext = TabBarContext;
-
 function componentGenerator(Comp) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$defaultActiveI = props.defaultActiveIndex,
-        defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
-        activeIndexProps = props.activeIndex,
-        className = props.className,
-        _props$fixed = props.fixed,
-        fixed = _props$fixed === void 0 ? true : _props$fixed,
-        style = props.style,
-        dataSource = props.dataSource,
-        children = props.children,
-        onChange = props.onChange,
-        activeCustomStyle = props.activeCustomStyle;
-
+      defaultActiveIndex = _props$defaultActiveI === void 0 ? 0 : _props$defaultActiveI,
+      activeIndexProps = props.activeIndex,
+      className = props.className,
+      _props$fixed = props.fixed,
+      fixed = _props$fixed === void 0 ? true : _props$fixed,
+      style = props.style,
+      dataSource = props.dataSource,
+      children = props.children,
+      onChange = props.onChange,
+      activeCustomStyle = props.activeCustomStyle;
     var _useState = (0, _react.useState)(defaultActiveIndex),
-        innerIndex = _useState[0],
-        setInnerIndex = _useState[1];
-
+      innerIndex = _useState[0],
+      setInnerIndex = _useState[1];
     var _useRefState = (0, _helpers.useRefState)(activeIndexProps === void 0 ? innerIndex : activeIndexProps),
-        activeIndex = _useRefState[0],
-        activeRefIndex = _useRefState[1],
-        setActiveIndex = _useRefState[2];
-
+      activeIndex = _useRefState[0],
+      activeRefIndex = _useRefState[1],
+      setActiveIndex = _useRefState[2];
     (0, _react.useEffect)(function () {
       setActiveIndex(activeIndexProps === void 0 ? innerIndex : activeIndexProps);
     }, [activeIndexProps, innerIndex]);
@@ -72,22 +59,19 @@ function componentGenerator(Comp) {
         key: index
       }, child);
     }, [activeIndex]);
-
     function changeIndex(index) {
       setInnerIndex(index);
       index !== activeRefIndex.current && (onChange == null ? void 0 : onChange(index));
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var _cls;
-
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar", className, (_cls = {}, _cls[prefixCls + "-tab-bar-fixed"] = fixed, _cls)),
         style: style,
         ref: domRef
       }, dataSource ? dataSource.map(function (data, index) {
-        return renderItem( /*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
+        return renderItem(/*#__PURE__*/_react.default.createElement(Comp, (0, _extends2.default)({
           key: index
         }, data)), index);
       }) : _react.Children.toArray(children).map(function (child, index) {

package/cjs/tabs/index.js

@@ -1,38 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _tabCell = _interopRequireDefault(require("./tab-cell"));
-
 var _tabPane = _interopRequireDefault(require("./tab-pane"));
-
 var _helpers = require("../_helpers");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   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,155 +30,144 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 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$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,
-      _props$swipeEnergySav = props.swipeEnergySaving,
-      swipeEnergySaving = _props$swipeEnergySav === void 0 ? false : _props$swipeEnergySav;
-
+    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,
+    _props$swipeEnergySav = props.swipeEnergySaving,
+    swipeEnergySaving = _props$swipeEnergySav === void 0 ? false : _props$swipeEnergySav;
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      useRtl = _useContext.useRtl;
-
+    useRtl = _useContext.useRtl;
   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);
@@ -230,15 +206,12 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [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);
       }
     }
@@ -255,7 +228,6 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     // 利用受控手动更改index时，给cell line加上动画
     // @en Animate the cell line when changeing the index
     setCellTrans(true);
-
     if (!changeFromRef.current) {
       changeFromRef.current = 'manual';
     }
@@ -266,16 +238,12 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (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 () {
@@ -288,11 +256,9 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (onTouchStart && onTouchStart(e, activeIndexRef.current)) {
       return;
     }
-
     if (posAdjustingRef.current) {
       return;
     }
-
     touchStartedRef.current = true;
     touchMovedRef.current = false;
     setCellTrans(false);
@@ -308,58 +274,48 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   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;
     }
-
     touchMovedRef.current = true;
     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);
     var comparedDis = posDisX * rtlRatio;
-
     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 && comparedDis > 0 || activeIndexRef.current === tabs.length - 1 && comparedDis < 0) {
       if (!touchStoppedRef.current && absDisX > stopTouchThreshold) {
         touchStoppedRef.current = true;
         onTouchStopped && onTouchStopped(comparedDis >= 0 ? -1 : 1);
       }
-
       setDistance(0);
       return;
     }
-
     e.cancelable && e.preventDefault();
     setDistance(posDisX);
   }, [onTouchMove, onTouchStopped, stopTouchThreshold, tabs.length, touchSideDisableThreshold, tabBarResetWhenScroll, stopPropagation]);
@@ -368,7 +324,6 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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);
@@ -376,26 +331,20 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     };
   }, [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();
     }
-
     setCellTrans(true);
     setPaneTrans(true);
-
     if (!touchStartedRef.current || posAdjustingRef.current || scrollingRef.current || !touchMovedRef.current) {
       return;
     }
-
     touchStartedRef.current = false;
     var touchEndTime = new Date().getTime();
     var dis = distanceRef.current;
@@ -405,76 +354,59 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var needJump = Math.abs(dis) > maxSlice && Math.abs(dis) > distanceToChangeTab || Math.abs(speed) > speedToChangeTab;
     var newIndex = index;
     var comparedDis = dis * rtlRatio;
-
     if (comparedDis > 0 && needJump) {
       newIndex = index - 1;
     } else if (comparedDis < 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() {
     var _domRef$current, _domRef$current2;
-
     var _getOffset = (0, _mobileUtils.getOffset)(domRef.current),
-        width = _getOffset.width,
-        height = _getOffset.height;
-
+      width = _getOffset.width,
+      height = _getOffset.height;
     cellRef.current && cellRef.current.updateLayout();
     setWrapWidth(width || ((_domRef$current = domRef.current) == null ? void 0 : _domRef$current.offsetWidth) || 0);
     setWrapHeight(height || ((_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.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);
-
     if (newIndex !== activeIndexRef.current) {
       onChange && onChange(tabs[newIndex], newIndex, changeFrom);
     }
-
     setDistance(0);
   }
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-tabs";
@@ -534,9 +466,7 @@ var Tabs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         return setCellTrans(true);
       }
     }, 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