@arco-design/mobile-react 2.25.4 → 2.27.0

package/cjs/swipe-load/index.js

@@ -3,19 +3,28 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _hooks = require("../_helpers/hooks");
+
 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; }
+
 /**
  * 向左滑动到达屏幕边缘后，超过一定距离时触发加载，常用于横划展示少量的元素，滑动到底后跳转至另外界面的场景
  * @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.
@@ -26,38 +35,42 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var SwipeLoad = /*#__PURE__*/(0, _react.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;
+      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;
+
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-    _useContext$locale = _useContext.locale,
-    locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+      _useContext$locale = _useContext.locale,
+      locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+
   var _useState = (0, _react.useState)(disabled),
-    disableState = _useState[0],
-    setDisableState = _useState[1];
+      disableState = _useState[0],
+      setDisableState = _useState[1];
+
   var _useState2 = (0, _react.useState)(0),
-    labelOffsetState = _useState2[0],
-    setLabelOffsetState = _useState2[1];
+      labelOffsetState = _useState2[0],
+      setLabelOffsetState = _useState2[1];
+
   var containerRef = (0, _react.useRef)(null);
   var loadingRef = (0, _react.useRef)(null);
   var loadingLabelRef = (0, _react.useRef)(null);
@@ -74,9 +87,10 @@ var SwipeLoad = /*#__PURE__*/(0, _react.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
@@ -98,61 +112,69 @@ var SwipeLoad = /*#__PURE__*/(0, _react.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;
-    }
-    // 初始不显示标签
+    } // 初始不显示标签
     // @en Initially no labels are displayed
+
+
     loadingCurrent.style.display = 'none';
     var startX = 0;
-    var endX = 0;
-    // 触摸页面确定X起始坐标
+    var endX = 0; // 触摸页面确定X起始坐标
     // @en Determine the X starting coordinate on touchstart
+
     var touchstart = function touchstart(e) {
       startX = e.touches[0].pageX;
-    };
-    // 页面滑动确定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 = 1;
       }
+
       endX = e.touches[0].pageX;
       var diff = endX - startX;
       offsetRef.current = diff;
-      var labelDiff = (0, _mobileUtils.fingerDisToLabelDis)(Math.abs(diff), props.damping);
-      // 向左滑动到尽头 '更多'标签加载 根据scrollLeft判断 滚动容器到达边缘触发 非滚动容器不判断
+      var labelDiff = (0, _mobileUtils.fingerDisToLabelDis)(Math.abs(diff), props.damping); // 向左滑动到尽头 '更多'标签加载 根据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 (diff < 0 && (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 && diff < 0) {
         // 此时禁止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;
         }
+
         loadingCurrent.style.transition = 'all 0.02s';
         loadingCurrent.style.webkitTransform = "translateX(-" + labelRightMargin + "px)";
         loadingCurrent.style.transform = "translateX(-" + labelRightMargin + "px)";
@@ -160,25 +182,28 @@ var SwipeLoad = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         scrollContainer.style.webkitTransform = "translateX(-" + listRightMargin + "px)";
         scrollContainer.style.transform = "translateX(-" + listRightMargin + "px)";
       }
+
       if (diff > 0 && scrollContainer.scrollLeft + scrollContainer.clientWidth <= scrollContainer.scrollWidth - 1) {
         showLoadMoreRef.current = false;
         loadingCurrent.style.display = 'none';
-      }
-      // 针对ios惯性滚动处理
+      } // 针对ios惯性滚动处理
       // @en Handling inertial scrolling for ios
+
+
       if (diff < 0 && 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
 
+
     var touchend = function touchend() {
       var diff = endX - startX;
       offsetRef.current = diff;
       var labelDiff = (0, _mobileUtils.fingerDisToLabelDis)(Math.abs(diff));
+
       var resumeAnimation = function resumeAnimation() {
         scrollContainer.style.transition = "all " + labelAnimationDuration + "ms " + labelAnimationFunction;
         scrollContainer.style.webkitTransform = 'translateX(0px)';
@@ -191,20 +216,23 @@ var SwipeLoad = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         setTimeout(function () {
           loadingCurrent.style.display = 'none';
         }, labelAnimationDuration);
-      };
-      // 向左滑动 标签已经全部展示
+      }; // 向左滑动 标签已经全部展示
       // @em Swipe left,  labels are all displayed
+
+
       if (labelDiff >= minConfirmOffset && (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);

package/cjs/swipe-load/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/swipe-load/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

package/cjs/switch/index.js

@@ -2,43 +2,55 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 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 Switch = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var system = (0, _helpers.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 = (0, _react.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 = (0, _react.useState)(initChecked),
-    switchChecked = _useState2[0],
-    setSwitchChecked = _useState2[1];
+      switchChecked = _useState2[0],
+      setSwitchChecked = _useState2[1];
+
   var domRef = (0, _react.useRef)(null);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -50,42 +62,49 @@ var Switch = /*#__PURE__*/(0, _react.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 newChecked = false;
-    // 右滑打开
+    var newChecked = false; // 右滑打开
     // @en Swipe right to open
+
     if (distance > 0) {
-      newChecked = true;
-      // 左滑关闭
+      newChecked = true; // 左滑关闭
       // @en Swipe left to close
     } else if (distance < 0) {
-      newChecked = false;
-      // 点击时取反
+      newChecked = false; // 点击时取反
       // @en Invert on clicking
     } else {
       newChecked = !switchChecked;
     }
+
     if (!('checked' in props)) {
       setSwitchChecked(newChecked);
     }
+
     if (onChange) {
       onChange(newChecked);
     }
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -109,7 +128,6 @@ var Switch = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, innerArea || null));
   });
 });
-
 /**
  * 开关组件，支持点击和滑动触发开关动作。
  * @en A switch component that supports click and slide trigger switch actions.
@@ -119,5 +137,7 @@ var Switch = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name_en Switch
  * @displayName Switch
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(Switch, 'Switch');
+
 exports.default = _default;

package/cjs/switch/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/switch/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

package/cjs/tab-bar/index.js

@@ -3,10 +3,15 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _item = require("./item");
+
 var _tabBar = require("./tab-bar");
+
 var _type = require("./type");
+
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -22,7 +27,9 @@ var TabBar = (0, _tabBar.componentGenerator)(_item.Item);
  * @name 标签栏
  * @name_en TabBar
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(TabBar, {
   Item: _item.Item
 });
+
 exports.default = _default;

package/cjs/tab-bar/item.js

@@ -1,27 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.Item = 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 _tabBar = require("./tab-bar");
+
 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 Item = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useContext = (0, _react.useContext)(_tabBar.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 = (0, _react.useRef)(null);
+
   function renderContent(prefixCls) {
     var _cls;
+
     var iconElm = props.icon ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item-icon")
     }, typeof props.icon === 'function' ? props.icon(active) : props.icon) : null;
@@ -29,25 +41,31 @@ var Item = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item-title", (_cls = {}, _cls[prefixCls + "-tab-bar-item-only-title"] = !iconElm, _cls))
     }, typeof props.title === 'function' ? props.title(active) : props.title) : null;
     var extraElm = props.extra && typeof props.extra === 'function' ? props.extra(active) : props.extra;
+
     var childElm = props.child && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item-children")
     }, typeof props.child === 'function' ? props.child(active) : props.child);
+
     var extraWrap = iconElm || extraElm ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-extra-wrap")
     }, iconElm, extraElm) : null;
     return childElm || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, extraWrap, titleElm);
   }
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current
     };
   });
+
   var handleClick = function handleClick(e) {
     onClick == null ? void 0 : onClick(e);
     changeIndex(index);
   };
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var _cls2;
+
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-tab-bar-item", (_cls2 = {}, _cls2[prefixCls + "-tab-bar-item-active"] = active, _cls2), className),

package/cjs/tab-bar/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

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

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

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

@@ -1,16 +1,25 @@
 "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,
@@ -18,26 +27,30 @@ 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]);
@@ -59,12 +72,15 @@ 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)),