@arco-design/mobile-react 2.38.4 → 2.39.0

package/umd/swipe-load/index.js

@@ -23,11 +23,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; }
-
   /**
    * 向左滑动到达屏幕边缘后，超过一定距离时触发加载，常用于横划展示少量的元素，滑动到底后跳转至另外界面的场景
    * @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.
@@ -38,58 +35,54 @@
    */
   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,
-        _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 = (0, _react.useContext)(_contextProvider.GlobalContext),
-        _useContext$locale = _useContext.locale,
-        locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale,
-        useRtl = _useContext.useRtl;
-
+      _useContext$locale = _useContext.locale,
+      locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale,
+      useRtl = _useContext.useRtl;
     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);
@@ -107,17 +100,15 @@
       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;
@@ -130,94 +121,84 @@
         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 = (0, _mobileUtils.fingerDisToLabelDis)(Math.abs(diff), damping); // 判断是否是滚动到列表开始方向，ltr模式下是向左滚动，rtl模式下是向右滚动
+        var labelDiff = (0, _mobileUtils.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);
           (0, _helpers.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;
           }
-
           (0, _helpers.setStyleWithVendor)(loadingCurrent, {
             transition: 'none',
             transform: useRtl ? "translateX(" + labelRightMargin + "px) translateZ(0)" : "translateX(-" + labelRightMargin + "px) translateZ(0)"
@@ -227,28 +208,25 @@
             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 = (0, _mobileUtils.fingerDisToLabelDis)(Math.abs(diff));
-
         var resumeAnimation = function resumeAnimation() {
           if (showLoadMoreRef.current) {
             showLoadMoreRef.current = false;
@@ -263,7 +241,6 @@
               transform: scrollTransformCssStyle
             });
           }
-
           if (bouncingRef.current) {
             bouncingRef.current = false;
             (0, _helpers.setStyleWithVendor)(bounceScrollContainer, {
@@ -271,28 +248,24 @@
               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);
@@ -309,7 +282,6 @@
     });
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var _ref2, _ref3;
-
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-swipe-load " + className,

package/umd/switch/index.js

@@ -16,50 +16,41 @@
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
-
   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 _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-        useRtl = _useContext.useRtl;
-
+      useRtl = _useContext.useRtl;
     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 {
@@ -71,51 +62,44 @@
         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.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -139,6 +123,7 @@
       }, innerArea || null));
     });
   });
+
   /**
    * 开关组件，支持点击和滑动触发开关动作。
    * @en A switch component that supports click and slide trigger switch actions.
@@ -148,8 +133,6 @@
    * @name_en Switch
    * @displayName Switch
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(Switch, 'Switch');
-
   _exports.default = _default;
 });

package/umd/tab-bar/index.js

@@ -31,10 +31,8 @@
    * @name 标签栏
    * @name_en TabBar
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(TabBar, {
     Item: _item.Item
   });
-
   _exports.default = _default;
 });

package/umd/tab-bar/item.js

@@ -14,31 +14,24 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.Item = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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;
@@ -46,31 +39,25 @@
         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/umd/tab-bar/tab-bar.js

@@ -14,17 +14,13 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.TabBarContext = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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,
@@ -32,30 +28,26 @@
     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]);
@@ -77,22 +69,19 @@
           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) {