@arco-design/mobile-react 2.24.1 → 2.25.0

package/cjs/swipe-action/index.js

@@ -1,36 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _item = _interopRequireDefault(require("./item"));
-
 var _helpers = require("../_helpers");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * 滑动操作组件，左右滑动拉出菜单栏
  * @en SwipeAction component, slide left and right to pull out the menu bar
@@ -39,59 +27,52 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @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);
@@ -102,18 +83,15 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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();
@@ -121,28 +99,23 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     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';
@@ -153,18 +126,15 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
     }
   }
-
   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 {
@@ -172,13 +142,11 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         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);
@@ -188,16 +156,13 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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);
@@ -205,35 +170,32 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         container.removeEventListener('touchend', touchend);
       }
     };
-  }, [disabled]); // 获取左右菜单的宽度
-  // @en Get the width of the left and right menu
+  }, [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]); // 点击外部区域事件
-  // @en Event when clicking outside of the element
+  }, [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);
@@ -246,70 +208,56 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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/cjs/swipe-action/item.js

@@ -1,32 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = renderAction;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 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) {
@@ -35,7 +28,6 @@ function renderAction(_ref) {
       });
     }
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefixCls + "-" + type + " " + prefixCls + "-info-container", className),
     style: (0, _extends2.default)({

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

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

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

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

package/cjs/swipe-load/index.js

@@ -3,28 +3,19 @@
 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.
@@ -35,42 +26,38 @@ 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);
@@ -87,10 +74,9 @@ 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
@@ -112,69 +98,61 @@ 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)";
@@ -182,28 +160,25 @@ 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)';
@@ -216,23 +191,20 @@ 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,5 +1,4 @@
 "use strict";
 
 require("../../../../style/css/public.css");
-
 require("./index.css");