@arco-design/mobile-react 2.38.4 → 2.39.1

package/esm/swipe-load/index.js

@@ -4,6 +4,7 @@ import { ContextLayout, GlobalContext } from '../context-provider';
 import { setStyleWithVendor } from '../_helpers';
 import { useAddListener } from '../_helpers/hooks';
 export * from './type';
+
 /**
  * 向左滑动到达屏幕边缘后，超过一定距离时触发加载，常用于横划展示少量的元素，滑动到底后跳转至另外界面的场景
  * @en After swiping to the left to reach the edge of the screen, the loading is triggered when the distance exceeds a certain distance. It is often used to display a small number of elements horizontally, and then jump to another interface after swiping to the end.
@@ -12,61 +13,56 @@ export * from './type';
  * @name 左滑加载
  * @name_en SwipeLoad
  */
-
 var SwipeLoad = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$maxElementOffs = props.maxElementOffset,
-      maxElementOffset = _props$maxElementOffs === void 0 ? 56 : _props$maxElementOffs,
-      _props$maxLabelOffset = props.maxLabelOffset,
-      maxLabelOffset = _props$maxLabelOffset === void 0 ? 40 : _props$maxLabelOffset,
-      onConfirm = props.onConfirm,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$circleSize = props.circleSize,
-      circleSize = _props$circleSize === void 0 ? 80 : _props$circleSize,
-      _props$minConfirmOffs = props.minConfirmOffset,
-      minConfirmOffset = _props$minConfirmOffs === void 0 ? 30 : _props$minConfirmOffs,
-      _props$labelAnimation = props.labelAnimationFunction,
-      labelAnimationFunction = _props$labelAnimation === void 0 ? 'cubic-bezier(0.14, 1, 0.34, 1)' : _props$labelAnimation,
-      _props$labelAnimation2 = props.labelAnimationDuration,
-      labelAnimationDuration = _props$labelAnimation2 === void 0 ? 250 : _props$labelAnimation2,
-      children = props.children,
-      _props$normalText = props.normalText,
-      normalText = _props$normalText === void 0 ? '' : _props$normalText,
-      _props$activeText = props.activeText,
-      activeText = _props$activeText === void 0 ? '' : _props$activeText,
-      _props$initPos = props.initPos,
-      initPos = _props$initPos === void 0 ? 0 : _props$initPos,
-      _props$bounceWhenBump = props.bounceWhenBumpBoundary,
-      bounceWhenBumpBoundary = _props$bounceWhenBump === void 0 ? false : _props$bounceWhenBump,
-      _props$bounceDampRate = props.bounceDampRate,
-      bounceDampRate = _props$bounceDampRate === void 0 ? 3 : _props$bounceDampRate,
-      _props$bounceAnimateD = props.bounceAnimateDuration,
-      bounceAnimateDuration = _props$bounceAnimateD === void 0 ? 300 : _props$bounceAnimateD,
-      damping = props.damping,
-      bounceDistanceProcessor = props.bounceDistanceProcessor,
-      getScrollContainer = props.getScrollContainer,
-      getBounceContainer = props.getBounceContainer,
-      onTouchStart = props.onTouchStart,
-      onTouchEnd = props.onTouchEnd,
-      onTouchCancel = props.onTouchCancel,
-      onTouchMove = props.onTouchMove,
-      renderLabel = props.renderLabel;
-
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$maxElementOffs = props.maxElementOffset,
+    maxElementOffset = _props$maxElementOffs === void 0 ? 56 : _props$maxElementOffs,
+    _props$maxLabelOffset = props.maxLabelOffset,
+    maxLabelOffset = _props$maxLabelOffset === void 0 ? 40 : _props$maxLabelOffset,
+    onConfirm = props.onConfirm,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$circleSize = props.circleSize,
+    circleSize = _props$circleSize === void 0 ? 80 : _props$circleSize,
+    _props$minConfirmOffs = props.minConfirmOffset,
+    minConfirmOffset = _props$minConfirmOffs === void 0 ? 30 : _props$minConfirmOffs,
+    _props$labelAnimation = props.labelAnimationFunction,
+    labelAnimationFunction = _props$labelAnimation === void 0 ? 'cubic-bezier(0.14, 1, 0.34, 1)' : _props$labelAnimation,
+    _props$labelAnimation2 = props.labelAnimationDuration,
+    labelAnimationDuration = _props$labelAnimation2 === void 0 ? 250 : _props$labelAnimation2,
+    children = props.children,
+    _props$normalText = props.normalText,
+    normalText = _props$normalText === void 0 ? '' : _props$normalText,
+    _props$activeText = props.activeText,
+    activeText = _props$activeText === void 0 ? '' : _props$activeText,
+    _props$initPos = props.initPos,
+    initPos = _props$initPos === void 0 ? 0 : _props$initPos,
+    _props$bounceWhenBump = props.bounceWhenBumpBoundary,
+    bounceWhenBumpBoundary = _props$bounceWhenBump === void 0 ? false : _props$bounceWhenBump,
+    _props$bounceDampRate = props.bounceDampRate,
+    bounceDampRate = _props$bounceDampRate === void 0 ? 3 : _props$bounceDampRate,
+    _props$bounceAnimateD = props.bounceAnimateDuration,
+    bounceAnimateDuration = _props$bounceAnimateD === void 0 ? 300 : _props$bounceAnimateD,
+    damping = props.damping,
+    bounceDistanceProcessor = props.bounceDistanceProcessor,
+    getScrollContainer = props.getScrollContainer,
+    getBounceContainer = props.getBounceContainer,
+    onTouchStart = props.onTouchStart,
+    onTouchEnd = props.onTouchEnd,
+    onTouchCancel = props.onTouchCancel,
+    onTouchMove = props.onTouchMove,
+    renderLabel = props.renderLabel;
   var _useContext = useContext(GlobalContext),
-      _useContext$locale = _useContext.locale,
-      locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale,
-      useRtl = _useContext.useRtl;
-
+    _useContext$locale = _useContext.locale,
+    locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale,
+    useRtl = _useContext.useRtl;
   var _useState = useState(disabled),
-      disableState = _useState[0],
-      setDisableState = _useState[1];
-
+    disableState = _useState[0],
+    setDisableState = _useState[1];
   var _useState2 = useState(0),
-      labelOffsetState = _useState2[0],
-      setLabelOffsetState = _useState2[1];
-
+    labelOffsetState = _useState2[0],
+    setLabelOffsetState = _useState2[1];
   var containerRef = useRef(null);
   var loadingRef = useRef(null);
   var loadingLabelRef = useRef(null);
@@ -84,17 +80,15 @@ var SwipeLoad = /*#__PURE__*/forwardRef(function (props, ref) {
     if (disabled || !containerRef.current || disableState) {
       return;
     }
-
-    var scrollContainer; // 对children类型进行判断
+    var scrollContainer;
+    // 对children类型进行判断
     // @en Judging the type of children
-
     if (containerRef.current.childNodes.length === 0) {
       // 未传入子元素 不启用组件
       // @en If no child element is passed in,  component will be disabled
       setDisableState(true);
     } else if (containerRef.current.childNodes.length === 1) {
       var _getScrollContainer;
-
       // 传入一个子元素 滑动单个元素
       // @en Pass in a child element swipe the single element
       scrollContainer = (_getScrollContainer = getScrollContainer == null ? void 0 : getScrollContainer()) != null ? _getScrollContainer : containerRef.current.firstChild;
@@ -107,94 +101,84 @@ var SwipeLoad = /*#__PURE__*/forwardRef(function (props, ref) {
       scrollContainer.style.display = 'inline-flex';
       scrollContainer.style.webkitOverflowScrolling = 'touch';
     }
-
     if (!scrollContainer) {
       return;
     }
-
     var loadingCurrent = loadingRef.current;
     var loadingLabelCurrent = loadingLabelRef.current;
-
     if (!loadingCurrent) {
       return;
     }
-
-    var bounceScrollContainer = (getBounceContainer == null ? void 0 : getBounceContainer()) || scrollContainer; // 初始不显示标签
+    var bounceScrollContainer = (getBounceContainer == null ? void 0 : getBounceContainer()) || scrollContainer;
+    // 初始不显示标签
     // @en Initially no labels are displayed
-
     loadingCurrent.style.display = 'none';
     var startX = 0;
     var endX = 0;
-    var bounceDistance = 0; // 触摸页面确定X起始坐标
+    var bounceDistance = 0;
+    // 触摸页面确定X起始坐标
     // @en Determine the X starting coordinate on touchstart
-
     var touchstart = function touchstart(e) {
       var evt = e.touches[0];
       startX = evt.clientX || 0;
-    }; // 页面滑动确定X终止坐标，更新手指的X坐标，改变loading中的文字和大小
+    };
+    // 页面滑动确定X终止坐标，更新手指的X坐标，改变loading中的文字和大小
     // @en Determine the X end coordinate, update the X coordinate of the finger, change the text and size in the loading on touchmove
-
-
     var touchmove = function touchmove(e) {
       // 判断元素是否属于滚动元素 先置为1 之后变成0表示非滚动容器
       // @en Determine whether the element belongs to a scrolling element. Set it to 1 and then change to 0 to indicate a non-scrolling container
       if (!scrollContainer.scrollLeft) {
         scrollContainer.scrollLeft = useRtl ? -1 : 1;
       }
-
       endX = e.touches[0].clientX || 0;
       var diff = endX - startX;
       offsetRef.current = diff;
-      var labelDiff = fingerDisToLabelDis(Math.abs(diff), damping); // 判断是否是滚动到列表开始方向，ltr模式下是向左滚动，rtl模式下是向右滚动
+      var labelDiff = fingerDisToLabelDis(Math.abs(diff), damping);
 
-      var isScrollToLeft = useRtl ? diff < 0 : diff > 0; // 判断是否是滚动到列表结束方向，ltr模式下是向右滚动，rtl模式下是向左滚动
-
-      var isScrollToRight = useRtl ? diff > 0 : diff < 0; // 滑动到最左侧，处理回弹效果
+      // 判断是否是滚动到列表开始方向，ltr模式下是向左滚动，rtl模式下是向右滚动
+      var isScrollToLeft = useRtl ? diff < 0 : diff > 0;
+      // 判断是否是滚动到列表结束方向，ltr模式下是向右滚动，rtl模式下是向左滚动
+      var isScrollToRight = useRtl ? diff > 0 : diff < 0;
+      // 滑动到最左侧，处理回弹效果
       // @en Swipe to the far left to handle the rebound effect
-
       if (isScrollToLeft && Math.abs(scrollContainer.scrollLeft) <= 1 && bounceWhenBumpBoundary) {
         e.stopPropagation();
         e.cancelBubble && e.preventDefault();
         bouncingRef.current = true;
-
         var processor = bounceDistanceProcessor || function (dis) {
           return Math.min(dis, bounceScrollContainer.offsetWidth) / bounceDampRate;
         };
-
         bounceDistance = processor(diff);
         setStyleWithVendor(bounceScrollContainer, {
           transition: 'none',
           transform: "translateX(" + bounceDistance + "px) translateZ(0)"
         });
-      } // 向左滑动到尽头 '更多'标签加载 根据scrollLeft判断 滚动容器到达边缘触发 非滚动容器不判断
+      }
+      // 向左滑动到尽头 '更多'标签加载 根据scrollLeft判断 滚动容器到达边缘触发 非滚动容器不判断
       // @en Swipe left to the end and the 'more' label is loaded. Judging by scrollLeft, the scroll container reaches the edge and the non-scroll container does not judge
-
-
       if (isScrollToRight && (Math.abs(scrollContainer.scrollLeft) + scrollContainer.clientWidth >= scrollContainer.scrollWidth - 1 || !scrollContainer.scrollLeft) && !ifToRightRef.current) {
         showLoadMoreRef.current = true;
         loadingCurrent.style.display = 'flex';
-      } // 继续滑动露出标签
+      }
+      // 继续滑动露出标签
       // @en Continue swiping to reveal labels
-
-
       if (showLoadMoreRef.current && isScrollToRight) {
         // 此时禁止list原生滚动
         // @en Disable list native scrolling at this time
         e.stopPropagation();
-        e.cancelable && e.preventDefault(); // list元素平移最大 maxElementOffset
+        e.cancelable && e.preventDefault();
+        // list元素平移最大 maxElementOffset
         // @en Maximum list element translation, maxElementOffset
-
-        var listRightMargin = labelDiff > maxElementOffset ? maxElementOffset : labelDiff; // 标签的平移最大为40px(半圆)
+        var listRightMargin = labelDiff > maxElementOffset ? maxElementOffset : labelDiff;
+        // 标签的平移最大为40px(半圆)
         // @en The translation of the label is up to 40px (semi-circle)
-
         var labelRightMargin = labelDiff > maxLabelOffset ? maxLabelOffset : labelDiff;
-        setLabelOffsetState(labelRightMargin); // 标签全部展示 字样改变
+        setLabelOffsetState(labelRightMargin);
+        // 标签全部展示 字样改变
         // @en All labels are displayed and the text style is changed
-
         if (loadingLabelCurrent) {
           loadingLabelCurrent.innerHTML = labelDiff >= minConfirmOffset ? activeText || locale.SwipeLoad.activeText : normalText || locale.SwipeLoad.normalText;
         }
-
         setStyleWithVendor(loadingCurrent, {
           transition: 'none',
           transform: useRtl ? "translateX(" + labelRightMargin + "px) translateZ(0)" : "translateX(-" + labelRightMargin + "px) translateZ(0)"
@@ -204,28 +188,25 @@ var SwipeLoad = /*#__PURE__*/forwardRef(function (props, ref) {
           transform: useRtl ? "translateX(" + listRightMargin + "px) translateZ(0)" : "translateX(-" + listRightMargin + "px) translateZ(0)"
         });
       }
-
       if (isScrollToLeft && Math.abs(scrollContainer.scrollLeft) + scrollContainer.clientWidth <= scrollContainer.scrollWidth - 1) {
         showLoadMoreRef.current = false;
         loadingCurrent.style.display = 'none';
-      } // 针对ios惯性滚动处理
+      }
+      // 针对ios惯性滚动处理
       // @en Handling inertial scrolling for ios
-
-
       if (isScrollToRight && Math.abs(scrollContainer.scrollLeft) + scrollContainer.clientWidth <= scrollContainer.scrollWidth - 1) {
         ifToRightRef.current = false;
       } else {
         ifToRightRef.current = true;
       }
-    }; // 露出标签 反方向滑动隐藏'更多'标签
-    // @en Reveal the label,  swipe in opposite direction to hide 'more' tab
-
+    };
 
+    // 露出标签 反方向滑动隐藏'更多'标签
+    // @en Reveal the label,  swipe in opposite direction to hide 'more' tab
     var touchend = function touchend() {
       var diff = endX - startX;
       offsetRef.current = diff;
       var labelDiff = fingerDisToLabelDis(Math.abs(diff));
-
       var resumeAnimation = function resumeAnimation() {
         if (showLoadMoreRef.current) {
           showLoadMoreRef.current = false;
@@ -240,7 +221,6 @@ var SwipeLoad = /*#__PURE__*/forwardRef(function (props, ref) {
             transform: scrollTransformCssStyle
           });
         }
-
         if (bouncingRef.current) {
           bouncingRef.current = false;
           setStyleWithVendor(bounceScrollContainer, {
@@ -248,28 +228,24 @@ var SwipeLoad = /*#__PURE__*/forwardRef(function (props, ref) {
             transform: 'translateX(0px) translateZ(0)'
           });
         }
-
         ifToRightRef.current = false;
         setTimeout(function () {
           loadingCurrent.style.display = 'none';
         }, labelAnimationDuration);
-      }; // 向左滑动 标签已经全部展示
+      };
+      // 向左滑动 标签已经全部展示
       // @em Swipe left,  labels are all displayed
-
-
       if (labelDiff >= minConfirmOffset && (Math.abs(scrollContainer.scrollLeft) + scrollContainer.clientWidth >= scrollContainer.scrollWidth - 1 || !scrollContainer.scrollLeft) && showLoadMoreRef.current) {
-        onConfirm(); // 安卓机型返回动画优化
+        onConfirm();
+        // 安卓机型返回动画优化
         // @en Return animation optimization on Android
-
         setTimeout(function () {
           resumeAnimation();
         }, 250);
         return;
       }
-
       resumeAnimation();
     };
-
     scrollContainer.addEventListener('touchstart', touchstart);
     scrollContainer.addEventListener('touchmove', touchmove);
     scrollContainer.addEventListener('touchend', touchend);
@@ -286,7 +262,6 @@ var SwipeLoad = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var _ref2, _ref3;
-
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-swipe-load " + className,

package/esm/switch/index.js

@@ -4,43 +4,37 @@ import { ContextLayout, GlobalContext } from '../context-provider';
 import { useSystem } from '../_helpers';
 var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(GlobalContext),
-      useRtl = _useContext.useRtl;
-
+    useRtl = _useContext.useRtl;
   var system = useSystem();
   var className = props.className,
-      style = props.style,
-      _props$platform = props.platform,
-      platform = _props$platform === void 0 ? system : _props$platform,
-      checked = props.checked,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$defaultChecked = props.defaultChecked,
-      defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
-      text = props.text,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'fully' : _props$shape,
-      innerArea = props.innerArea,
-      onChange = props.onChange,
-      onTouchStart = props.onTouchStart,
-      onTouchEnd = props.onTouchEnd,
-      onClick = props.onClick;
-
+    style = props.style,
+    _props$platform = props.platform,
+    platform = _props$platform === void 0 ? system : _props$platform,
+    checked = props.checked,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$defaultChecked = props.defaultChecked,
+    defaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    text = props.text,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'fully' : _props$shape,
+    innerArea = props.innerArea,
+    onChange = props.onChange,
+    onTouchStart = props.onTouchStart,
+    onTouchEnd = props.onTouchEnd,
+    onClick = props.onClick;
   var _useState = useState(0),
-      touchStartX = _useState[0],
-      setTouchStartX = _useState[1];
-
+    touchStartX = _useState[0],
+    setTouchStartX = _useState[1];
   var initChecked = false;
-
   if ('checked' in props) {
     initChecked = Boolean(checked);
   } else {
     initChecked = defaultChecked;
   }
-
   var _useState2 = useState(initChecked),
-      switchChecked = _useState2[0],
-      setSwitchChecked = _useState2[1];
-
+    switchChecked = _useState2[0],
+    setSwitchChecked = _useState2[1];
   var domRef = useRef(null);
   useImperativeHandle(ref, function () {
     return {
@@ -52,51 +46,44 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
       setSwitchChecked(Boolean(checked));
     }
   }, [checked]);
-
   function handleTouchStart(e) {
     onTouchStart && onTouchStart(e);
-
     if (disabled) {
       return;
     }
-
     var startX = e.touches && e.touches[0] ? e.touches[0].clientX : 0;
     setTouchStartX(startX);
   }
-
   function handleTouchEnd(e) {
     onTouchEnd && onTouchEnd(e);
-
     if (disabled) {
       return;
     }
-
     var touchEndX = e.changedTouches && e.changedTouches[0] ? e.changedTouches[0].clientX : 0;
     var distance = touchEndX - touchStartX;
     var swipeRight = useRtl ? distance < 0 : distance > 0;
     var swipeLeft = useRtl ? distance > 0 : distance < 0;
-    var newChecked = false; // 右滑打开
+    var newChecked = false;
+    // 右滑打开
     // @en Swipe right to open
-
     if (swipeRight) {
-      newChecked = true; // 左滑关闭
+      newChecked = true;
+      // 左滑关闭
       // @en Swipe left to close
     } else if (swipeLeft) {
-      newChecked = false; // 点击时取反
+      newChecked = false;
+      // 点击时取反
       // @en Invert on clicking
     } else {
       newChecked = !switchChecked;
     }
-
     if (!('checked' in props)) {
       setSwitchChecked(newChecked);
     }
-
     if (onChange) {
       onChange(newChecked);
     }
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
@@ -120,6 +107,7 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
     }, innerArea || null));
   });
 });
+
 /**
  * 开关组件，支持点击和滑动触发开关动作。
  * @en A switch component that supports click and slide trigger switch actions.
@@ -129,5 +117,4 @@ var Switch = /*#__PURE__*/forwardRef(function (props, ref) {
  * @name_en Switch
  * @displayName Switch
  */
-
 export default componentWrapper(Switch, 'Switch');

package/esm/tab-bar/index.js

@@ -11,7 +11,6 @@ var TabBar = componentGenerator(Item);
  * @name 标签栏
  * @name_en TabBar
  */
-
 export default componentWrapper(TabBar, {
   Item: Item
 });

package/esm/tab-bar/item.js

@@ -5,19 +5,16 @@ import { ContextLayout } from '../context-provider';
 import { TabBarContext } from './tab-bar';
 export var Item = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(TabBarContext),
-      active = _useContext.active,
-      changeIndex = _useContext.changeIndex,
-      index = _useContext.index,
-      activeCustomStyle = _useContext.activeCustomStyle;
-
+    active = _useContext.active,
+    changeIndex = _useContext.changeIndex,
+    index = _useContext.index,
+    activeCustomStyle = _useContext.activeCustomStyle;
   var onClick = props.onClick,
-      className = props.className,
-      style = props.style;
+    className = props.className,
+    style = props.style;
   var domRef = useRef(null);
-
   function renderContent(prefixCls) {
     var _cls;
-
     var iconElm = props.icon ? /*#__PURE__*/React.createElement("div", {
       className: cls(prefixCls + "-tab-bar-item-icon")
     }, typeof props.icon === 'function' ? props.icon(active) : props.icon) : null;
@@ -33,21 +30,17 @@ export var Item = /*#__PURE__*/forwardRef(function (props, ref) {
     }, iconElm, extraElm) : null;
     return childElm || /*#__PURE__*/React.createElement(React.Fragment, null, extraWrap, titleElm);
   }
-
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current
     };
   });
-
   var handleClick = function handleClick(e) {
     onClick == null ? void 0 : onClick(e);
     changeIndex(index);
   };
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var _cls2;
-
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
       className: cls(prefixCls + "-tab-bar-item", (_cls2 = {}, _cls2[prefixCls + "-tab-bar-item-active"] = active, _cls2), className),

package/esm/tab-bar/tab-bar.js

@@ -12,26 +12,23 @@ export var TabBarContext = /*#__PURE__*/createContext({
 export function componentGenerator(Comp) {
   return /*#__PURE__*/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 = useState(defaultActiveIndex),
-        innerIndex = _useState[0],
-        setInnerIndex = _useState[1];
-
+      innerIndex = _useState[0],
+      setInnerIndex = _useState[1];
     var _useRefState = useRefState(activeIndexProps === void 0 ? innerIndex : activeIndexProps),
-        activeIndex = _useRefState[0],
-        activeRefIndex = _useRefState[1],
-        setActiveIndex = _useRefState[2];
-
+      activeIndex = _useRefState[0],
+      activeRefIndex = _useRefState[1],
+      setActiveIndex = _useRefState[2];
     useEffect(function () {
       setActiveIndex(activeIndexProps === void 0 ? innerIndex : activeIndexProps);
     }, [activeIndexProps, innerIndex]);
@@ -53,22 +50,19 @@ export function componentGenerator(Comp) {
         key: index
       }, child);
     }, [activeIndex]);
-
     function changeIndex(index) {
       setInnerIndex(index);
       index !== activeRefIndex.current && (onChange == null ? void 0 : onChange(index));
     }
-
     return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
       var _cls;
-
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/React.createElement("div", {
         className: 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.createElement(Comp, _extends({
+        return renderItem(/*#__PURE__*/React.createElement(Comp, _extends({
           key: index
         }, data)), index);
       }) : Children.toArray(children).map(function (child, index) {