@arco-design/mobile-react 2.25.4 → 2.27.0

package/umd/style.js

@@ -1,15 +1,15 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["../style/public.less", "./action-sheet/style", "./cell/style", "./loading/style", "./badge/style", "./avatar/style", "./button/style", "./carousel/style", "./toast/style", "./switch/style", "./checkbox/style", "./circle-progress/style", "./collapse/style", "./tabs/style", "./context-provider/style", "./dialog/style", "./count-down/style", "./date-picker/style", "./dropdown/style", "./dropdown-menu/style", "./ellipsis/style", "./form/style", "./input/style", "./textarea/style", "./radio/style", "./image-picker/style", "./rate/style", "./slider/style", "./grid/style", "./image/style", "./show-monitor/style", "./image-preview/style", "./load-more/style", "./masking/style", "./nav-bar/style", "./notice-bar/style", "./notify/style", "./pagination/style", "./picker/style", "./picker-view/style", "./popover/style", "./popup/style", "./popup-swiper/style", "./portal/style", "./progress/style", "./pull-refresh/style", "./search-bar/style", "./stepper/style", "./steps/style", "./sticky/style", "./swipe-action/style", "./swipe-load/style", "./tab-bar/style", "./tag/style", "./transition/style"], factory);
+    define(["../style/public.less", "./button/style", "./action-sheet/style", "./avatar/style", "./badge/style", "./carousel/style", "./cell/style", "./checkbox/style", "./circle-progress/style", "./collapse/style", "./context-provider/style", "./count-down/style", "./date-picker/style", "./divider/style", "./dialog/style", "./dropdown/style", "./dropdown-menu/style", "./ellipsis/style", "./form/style", "./input/style", "./textarea/style", "./radio/style", "./image-picker/style", "./rate/style", "./slider/style", "./grid/style", "./image/style", "./show-monitor/style", "./image-preview/style", "./index-bar/style", "./keyboard/style", "./load-more/style", "./loading/style", "./masking/style", "./nav-bar/style", "./notice-bar/style", "./notify/style", "./pagination/style", "./picker/style", "./picker-view/style", "./popover/style", "./popup/style", "./popup-swiper/style", "./portal/style", "./progress/style", "./pull-refresh/style", "./search-bar/style", "./stepper/style", "./steps/style", "./sticky/style", "./swipe-action/style", "./swipe-load/style", "./switch/style", "./tab-bar/style", "./tabs/style", "./tag/style", "./toast/style", "./transition/style"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(require("../style/public.less"), require("./action-sheet/style"), require("./cell/style"), require("./loading/style"), require("./badge/style"), require("./avatar/style"), require("./button/style"), require("./carousel/style"), require("./toast/style"), require("./switch/style"), require("./checkbox/style"), require("./circle-progress/style"), require("./collapse/style"), require("./tabs/style"), require("./context-provider/style"), require("./dialog/style"), require("./count-down/style"), require("./date-picker/style"), require("./dropdown/style"), require("./dropdown-menu/style"), require("./ellipsis/style"), require("./form/style"), require("./input/style"), require("./textarea/style"), require("./radio/style"), require("./image-picker/style"), require("./rate/style"), require("./slider/style"), require("./grid/style"), require("./image/style"), require("./show-monitor/style"), require("./image-preview/style"), require("./load-more/style"), require("./masking/style"), require("./nav-bar/style"), require("./notice-bar/style"), require("./notify/style"), require("./pagination/style"), require("./picker/style"), require("./picker-view/style"), require("./popover/style"), require("./popup/style"), require("./popup-swiper/style"), require("./portal/style"), require("./progress/style"), require("./pull-refresh/style"), require("./search-bar/style"), require("./stepper/style"), require("./steps/style"), require("./sticky/style"), require("./swipe-action/style"), require("./swipe-load/style"), require("./tab-bar/style"), require("./tag/style"), require("./transition/style"));
+    factory(require("../style/public.less"), require("./button/style"), require("./action-sheet/style"), require("./avatar/style"), require("./badge/style"), require("./carousel/style"), require("./cell/style"), require("./checkbox/style"), require("./circle-progress/style"), require("./collapse/style"), require("./context-provider/style"), require("./count-down/style"), require("./date-picker/style"), require("./divider/style"), require("./dialog/style"), require("./dropdown/style"), require("./dropdown-menu/style"), require("./ellipsis/style"), require("./form/style"), require("./input/style"), require("./textarea/style"), require("./radio/style"), require("./image-picker/style"), require("./rate/style"), require("./slider/style"), require("./grid/style"), require("./image/style"), require("./show-monitor/style"), require("./image-preview/style"), require("./index-bar/style"), require("./keyboard/style"), require("./load-more/style"), require("./loading/style"), require("./masking/style"), require("./nav-bar/style"), require("./notice-bar/style"), require("./notify/style"), require("./pagination/style"), require("./picker/style"), require("./picker-view/style"), require("./popover/style"), require("./popup/style"), require("./popup-swiper/style"), require("./portal/style"), require("./progress/style"), require("./pull-refresh/style"), require("./search-bar/style"), require("./stepper/style"), require("./steps/style"), require("./sticky/style"), require("./swipe-action/style"), require("./swipe-load/style"), require("./switch/style"), require("./tab-bar/style"), require("./tabs/style"), require("./tag/style"), require("./toast/style"), require("./transition/style"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(global._public, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style);
+    factory(global._public, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style);
     global.style = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _style3, _style4, _style5, _style6, _style7, _style8, _style9, _style10, _style11, _style12, _style13, _style14, _style15, _style16, _style17, _style18, _style19, _style20, _style21, _style22, _style23, _style24, _style25, _style26, _style27, _style28, _style29, _style30, _style31, _style32, _style33, _style34, _style35, _style36, _style37, _style38, _style39, _style40, _style41, _style42, _style43, _style44, _style45, _style46, _style47, _style48, _style49, _style50, _style51, _style52, _style53, _style54) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _style3, _style4, _style5, _style6, _style7, _style8, _style9, _style10, _style11, _style12, _style13, _style14, _style15, _style16, _style17, _style18, _style19, _style20, _style21, _style22, _style23, _style24, _style25, _style26, _style27, _style28, _style29, _style30, _style31, _style32, _style33, _style34, _style35, _style36, _style37, _style38, _style39, _style40, _style41, _style42, _style43, _style44, _style45, _style46, _style47, _style48, _style49, _style50, _style51, _style52, _style53, _style54, _style55, _style56, _style57) {
   "use strict";
 });

package/umd/swipe-action/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -26,8 +27,11 @@
     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 SwipeAction component, slide left and right to pull out the menu bar
@@ -36,52 +40,59 @@
    * @name 滑动操作
    * @name_en SwipeAction
    */
-
   var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      children = props.children,
-      leftActions = props.leftActions,
-      rightActions = props.rightActions,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$threshold = props.threshold,
-      threshold = _props$threshold === void 0 ? 0.15 : _props$threshold,
-      closeOnTouchOutside = props.closeOnTouchOutside,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-      _props$dampRate = props.dampRate,
-      dampRate = _props$dampRate === void 0 ? 15 : _props$dampRate,
-      _props$openStyleType = props.openStyleType,
-      openStyleType = _props$openStyleType === void 0 ? 'layer' : _props$openStyleType,
-      onClose = props.onClose,
-      onOpen = props.onOpen;
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        children = props.children,
+        leftActions = props.leftActions,
+        rightActions = props.rightActions,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$threshold = props.threshold,
+        threshold = _props$threshold === void 0 ? 0.15 : _props$threshold,
+        closeOnTouchOutside = props.closeOnTouchOutside,
+        _props$transitionDura = props.transitionDuration,
+        transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+        _props$dampRate = props.dampRate,
+        dampRate = _props$dampRate === void 0 ? 15 : _props$dampRate,
+        _props$openStyleType = props.openStyleType,
+        openStyleType = _props$openStyleType === void 0 ? 'layer' : _props$openStyleType,
+        onClose = props.onClose,
+        onOpen = props.onOpen;
     var domRef = (0, _react.useRef)(null);
     var leftRef = (0, _react.useRef)(null);
     var rightRef = (0, _react.useRef)(null);
     var isOpen = (0, _react.useRef)(false);
     var leftMenuWidthRef = (0, _react.useRef)(0);
+
     var _useState = (0, _react.useState)([]),
-      leftMenuWidthArr = _useState[0],
-      setLeftMenuWidthArr = _useState[1];
+        leftMenuWidthArr = _useState[0],
+        setLeftMenuWidthArr = _useState[1];
+
     var rightMenuWidthRef = (0, _react.useRef)(0);
+
     var _useState2 = (0, _react.useState)([]),
-      rightMenuWidthArr = _useState2[0],
-      setRightMenuWidthArr = _useState2[1];
+        rightMenuWidthArr = _useState2[0],
+        setRightMenuWidthArr = _useState2[1];
+
     var dampRateRef = (0, _helpers.useLatestRef)(dampRate);
     var forbidClick = (0, _react.useRef)(false);
     var scrollingRef = (0, _react.useRef)(null);
+
     var _useRefState = (0, _helpers.useRefState)(false),
-      moving = _useRefState[0],
-      movingRef = _useRefState[1],
-      setMoving = _useRefState[2];
+        moving = _useRefState[0],
+        movingRef = _useRefState[1],
+        setMoving = _useRefState[2];
+
     var _useRefState2 = (0, _helpers.useRefState)(0),
-      offset = _useRefState2[0],
-      offsetRef = _useRefState2[1],
-      setOffset = _useRefState2[2];
+        offset = _useRefState2[0],
+        offsetRef = _useRefState2[1],
+        setOffset = _useRefState2[2];
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls;
+        prefixCls = _useContext.prefixCls;
+
     var startRef = (0, _react.useRef)(0);
     var startX = (0, _react.useRef)(0);
     var startY = (0, _react.useRef)(0);
@@ -92,15 +103,18 @@
         transitionDuration: moving ? '0ms' : transitionDuration + "ms"
       });
     }, [moving, transitionDuration]);
+
     function resetMoveData() {
       startX.current = 0;
       startY.current = 0;
       slideX.current = 0;
     }
+
     function getMenuCurrentWidth(a, min, max) {
       var buffer = Math.abs(a) / dampRateRef.current;
       return Math.min(Math.max(a, min - buffer), max + buffer);
     }
+
     function touchstart(e) {
       startRef.current = offsetRef.current;
       resetMoveData();
@@ -108,23 +122,28 @@
       startX.current = e.touches[0].pageX;
       startY.current = e.touches[0].pageY;
     }
+
     function touchmove(e) {
       var x = e.changedTouches[0].pageX - startX.current;
       var y = e.changedTouches[0].pageY - startY.current;
+
       if (scrollingRef.current === null) {
         scrollingRef.current = Math.abs(x) < Math.abs(y);
       }
+
       if (scrollingRef.current) {
         setMoving(false);
         setOffset(0);
         return;
       }
+
       e.cancelable && e.preventDefault();
       slideX.current = x;
       forbidClick.current = true;
       setMoving(true);
       setOffset(getMenuCurrentWidth(slideX.current + startRef.current, -rightMenuWidthRef.current, leftMenuWidthRef.current));
     }
+
     function touchend() {
       if (movingRef.current && !scrollingRef.current) {
         var currentMenu = offsetRef.current > 0 ? 'left' : 'right';
@@ -135,15 +154,18 @@
         });
       }
     }
+
     function changeMenu(dir) {
       var cookedThreshold = isOpen.current ? 1 - threshold : threshold;
       var width = dir === 'left' ? leftMenuWidthRef.current : rightMenuWidthRef.current;
+
       if (width && Math.abs(offsetRef.current) > width * cookedThreshold) {
         open(dir);
       } else {
         close(dir);
       }
     }
+
     function getWidthByRef(widthRef) {
       if (!widthRef.current) {
         return {
@@ -151,11 +173,13 @@
           widthArr: []
         };
       }
+
       var totalWidth = 0;
       var widthArr = [];
       var allEle = widthRef.current.getElementsByClassName(prefixCls + "-swipe-action-menu-action-info-container");
       Array.prototype.forEach.call(allEle, function (ele) {
         var _ele$getBoundingClien;
+
         var w = (_ele$getBoundingClien = ele.getBoundingClientRect().width) != null ? _ele$getBoundingClien : 0;
         totalWidth += w;
         widthArr.push(w);
@@ -165,13 +189,16 @@
         widthArr: widthArr
       };
     }
+
     (0, _react.useEffect)(function () {
       var container = domRef.current;
+
       if (!disabled && container) {
         container.addEventListener('touchstart', touchstart);
         container.addEventListener('touchmove', touchmove);
         container.addEventListener('touchend', touchend);
       }
+
       return function () {
         if (!disabled && container) {
           container.removeEventListener('touchstart', touchstart);
@@ -179,32 +206,35 @@
           container.removeEventListener('touchend', touchend);
         }
       };
-    }, [disabled]);
-
-    // 获取左右菜单的宽度
+    }, [disabled]); // 获取左右菜单的宽度
     // @en Get the width of the left and right menu
+
     (0, _react.useEffect)(function () {
       var _getWidthByRef = getWidthByRef(leftRef),
-        leftTotalWidth = _getWidthByRef.totalWidth,
-        leftWidthArr = _getWidthByRef.widthArr;
+          leftTotalWidth = _getWidthByRef.totalWidth,
+          leftWidthArr = _getWidthByRef.widthArr;
+
       leftMenuWidthRef.current = leftTotalWidth;
       setLeftMenuWidthArr(leftWidthArr);
+
       var _getWidthByRef2 = getWidthByRef(rightRef),
-        rightTotalWidth = _getWidthByRef2.totalWidth,
-        rightWidthArr = _getWidthByRef2.widthArr;
+          rightTotalWidth = _getWidthByRef2.totalWidth,
+          rightWidthArr = _getWidthByRef2.widthArr;
+
       rightMenuWidthRef.current = rightTotalWidth;
       setRightMenuWidthArr(rightWidthArr);
-    }, [leftActions, rightActions]);
-
-    // 点击外部区域事件
+    }, [leftActions, rightActions]); // 点击外部区域事件
     // @en Event when clicking outside of the element
+
     (0, _react.useEffect)(function () {
       var handle = function handle(e) {
         var _domRef$current;
+
         if (!((_domRef$current = domRef.current) != null && _domRef$current.contains(e.target)) && isOpen.current) {
           close();
         }
       };
+
       closeOnTouchOutside && document.addEventListener('touchstart', handle);
       return function () {
         closeOnTouchOutside && document.removeEventListener('touchstart', handle);
@@ -217,56 +247,70 @@
         open: open
       };
     });
+
     function close(dir) {
       setOffset(0);
+
       if (isOpen.current) {
         isOpen.current = false;
+
         if (!dir && offsetRef.current !== 0) {
           var noDir = offsetRef.current > 0 ? 'left' : 'right';
           handleClose(noDir);
           return;
         }
+
         handleClose(dir);
       }
     }
+
     function open(dir) {
       if (dir === void 0) {
         dir = 'right';
       }
+
       if (!isOpen.current) {
         isOpen.current = true;
         handleOpen(dir);
       }
+
       setOffset(dir === 'left' ? leftMenuWidthRef.current : -rightMenuWidthRef.current);
     }
+
     function handleOpen(dir) {
       setTimeout(function () {
         onOpen == null ? void 0 : onOpen(dir);
       }, transitionDuration);
     }
+
     function handleClose(dir) {
       setTimeout(function () {
         onClose == null ? void 0 : onClose(dir);
       }, transitionDuration);
     }
+
     function actionClick(e) {
       var _leftRef$current, _rightRef$current;
+
       if (isOpen.current && !forbidClick.current && !((_leftRef$current = leftRef.current) != null && _leftRef$current.contains(e.target)) && !((_rightRef$current = rightRef.current) != null && _rightRef$current.contains(e.target))) {
         close();
       }
     }
+
     function getActionRightByIndex(index) {
       var preWidth = leftMenuWidthArr.slice(index + 1).reduce(function (acc, cur) {
         return acc + cur;
       }, 0);
       return (preWidth / leftMenuWidthRef.current || 0) * 100 + "%";
     }
+
     function getActionLeftByIndex(index) {
       var preWidth = rightMenuWidthArr.slice(0, index).reduce(function (acc, cur) {
         return acc + cur;
       }, 0);
       return (preWidth / rightMenuWidthRef.current || 0) * 100 + "%";
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-swipe-action", className, offset === 0 ? 'action-close' : 'action-open'),
       style: (0, _helpers.getStyleWithVendor)((0, _extends2.default)({}, style || {}, transitionStyle, {

package/umd/swipe-action/item.js

@@ -14,24 +14,28 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = renderAction;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireDefault(_react);
+
   function renderAction(_ref) {
     var action = _ref.action,
-      prefixCls = _ref.prefixCls,
-      index = _ref.index,
-      type = _ref.type,
-      close = _ref.close;
+        prefixCls = _ref.prefixCls,
+        index = _ref.index,
+        type = _ref.type,
+        close = _ref.close;
     var text = action.text,
-      actionStyle = action.style,
-      className = action.className,
-      onClick = action.onClick,
-      icon = action.icon,
-      children = action.children;
+        actionStyle = action.style,
+        className = action.className,
+        onClick = action.onClick,
+        icon = action.icon,
+        children = action.children;
+
     function click() {
       var result = (onClick == null ? void 0 : onClick()) || null;
+
       if (!result || typeof result === 'boolean') {
         !result && close();
       } else if (result && result.then) {
@@ -40,6 +44,7 @@
         });
       }
     }
+
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-" + type + " " + prefixCls + "-info-container", className),
       style: (0, _extends2.default)({

package/umd/swipe-load/index.js

@@ -23,8 +23,11 @@
     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.
@@ -35,38 +38,42 @@
    */
   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);
@@ -83,9 +90,10 @@
       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
@@ -107,61 +115,69 @@
         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)";
@@ -169,25 +185,28 @@
           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)';
@@ -200,20 +219,23 @@
           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);