@arco-design/mobile-react 2.38.4 → 2.39.0

package/umd/sticky/index.js

@@ -14,17 +14,13 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _portal = _interopRequireDefault(_portal);
-
   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 Sticky layout component, The sticky-to-top effect of the element relative to the window or specified container
@@ -35,43 +31,39 @@
    */
   var Sticky = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$position = props.position,
-        position = _props$position === void 0 ? 'top' : _props$position,
-        _props$topOffset = props.topOffset,
-        topOffset = _props$topOffset === void 0 ? 0 : _props$topOffset,
-        _props$bottomOffset = props.bottomOffset,
-        bottomOffset = _props$bottomOffset === void 0 ? 0 : _props$bottomOffset,
-        _props$followOffset = props.followOffset,
-        followOffset = _props$followOffset === void 0 ? 0 : _props$followOffset,
-        children = props.children,
-        className = props.className,
-        style = props.style,
-        _props$zIndex = props.zIndex,
-        zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
-        _props$portalWhenStic = props.portalWhenSticky,
-        portalWhenSticky = _props$portalWhenStic === void 0 ? false : _props$portalWhenStic,
-        _props$stickyStyle = props.stickyStyle,
-        stickyStyle = _props$stickyStyle === void 0 ? 'fixed' : _props$stickyStyle,
-        userSetStickyCssStyle = props.stickyCssStyle,
-        getPortalContainer = props.getPortalContainer,
-        getContainer = props.getContainer,
-        getScrollContainer = props.getScrollContainer,
-        onStickyStateChange = props.onStickyStateChange,
-        onTopChange = props.onTopChange;
-
+      position = _props$position === void 0 ? 'top' : _props$position,
+      _props$topOffset = props.topOffset,
+      topOffset = _props$topOffset === void 0 ? 0 : _props$topOffset,
+      _props$bottomOffset = props.bottomOffset,
+      bottomOffset = _props$bottomOffset === void 0 ? 0 : _props$bottomOffset,
+      _props$followOffset = props.followOffset,
+      followOffset = _props$followOffset === void 0 ? 0 : _props$followOffset,
+      children = props.children,
+      className = props.className,
+      style = props.style,
+      _props$zIndex = props.zIndex,
+      zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
+      _props$portalWhenStic = props.portalWhenSticky,
+      portalWhenSticky = _props$portalWhenStic === void 0 ? false : _props$portalWhenStic,
+      _props$stickyStyle = props.stickyStyle,
+      stickyStyle = _props$stickyStyle === void 0 ? 'fixed' : _props$stickyStyle,
+      userSetStickyCssStyle = props.stickyCssStyle,
+      getPortalContainer = props.getPortalContainer,
+      getContainer = props.getContainer,
+      getScrollContainer = props.getScrollContainer,
+      onStickyStateChange = props.onStickyStateChange,
+      onTopChange = props.onTopChange;
     var _useRefState = (0, _helpers.useRefState)(false),
-        isSticky = _useRefState[0],
-        isStickyRef = _useRefState[1],
-        setIsSticky = _useRefState[2];
-
+      isSticky = _useRefState[0],
+      isStickyRef = _useRefState[1],
+      setIsSticky = _useRefState[2];
     var _useRefState2 = (0, _helpers.useRefState)(false),
-        wasSticky = _useRefState2[0],
-        wasStickyRef = _useRefState2[1],
-        setWasSticky = _useRefState2[2];
-
+      wasSticky = _useRefState2[0],
+      wasStickyRef = _useRefState2[1],
+      setWasSticky = _useRefState2[2];
     var _useState = (0, _react.useState)({}),
-        stickyStateStyle = _useState[0],
-        setStickyStateStyle = _useState[1];
-
+      stickyStateStyle = _useState[0],
+      setStickyStateStyle = _useState[1];
     var contentRef = (0, _react.useRef)(null);
     var placeholderRef = (0, _react.useRef)(null);
     var contentCalculateHeightRef = (0, _react.useRef)(0);
@@ -80,25 +72,21 @@
     var framePendingRef = (0, _react.useRef)(false);
     var containerEventHandler = (0, _react.useCallback)(function (_ref) {
       var followTop = _ref.followTop,
-          followBottom = _ref.followBottom;
-
+        followBottom = _ref.followBottom;
       if (!contentRef.current) {
         return;
       }
-
       var needTop = position === 'top' || position === 'both';
       var needBottom = position === 'bottom' || position === 'both';
       var placeholderClientRect = placeholderRef.current.getBoundingClientRect();
       var contentClientRect = contentRef.current.getBoundingClientRect();
       var calculatedHeight = contentClientRect.height;
       contentCalculateHeightRef.current = contentClientRect.height;
-
       var _getScrollContainerRe = (0, _mobileUtils.getScrollContainerRect)(scrollContainerRef.current),
-          containerRect = _getScrollContainerRe.containerRect;
-
+        containerRect = _getScrollContainerRe.containerRect;
       var rectTop = containerRect.top,
-          rectBottom = containerRect.bottom,
-          containerHeight = containerRect.height;
+        rectBottom = containerRect.bottom,
+        containerHeight = containerRect.height;
       var scrollStyle = (0, _mobileUtils.safeGetComputedStyle)(scrollContainerRef.current);
       var borderTop = needTop ? (0, _mobileUtils.convertCssPropertyToNumber)(scrollStyle, 'borderTopWidth') : 0;
       var borderBottom = needBottom ? (0, _mobileUtils.convertCssPropertyToNumber)(scrollStyle, 'borderBottomWidth') : 0;
@@ -115,14 +103,11 @@
       var stickyTop = containerTop;
       var stickyBottom = window.innerHeight - containerBottom;
       var stickyLeft = placeholderClientRect.left;
-
       if (stickyStyle === 'absolute') {
         var offsetParent = contentRef.current.offsetParent;
-
         if (offsetParent) {
           var _getScrollContainerRe2 = (0, _mobileUtils.getScrollContainerRect)(offsetParent),
-              parentRect = _getScrollContainerRe2.containerRect;
-
+            parentRect = _getScrollContainerRe2.containerRect;
           var parentStyle = (0, _mobileUtils.safeGetComputedStyle)(offsetParent);
           var parentBorderTop = needTop ? (0, _mobileUtils.convertCssPropertyToNumber)(parentStyle, 'borderTopWidth') : 0;
           var parentBorderBottom = needBottom ? (0, _mobileUtils.convertCssPropertyToNumber)(parentStyle, 'borderBottomWidth') : 0;
@@ -135,11 +120,9 @@
           stickyBottom = 0;
         }
       }
-
       var cssTop = stickyTop + topOffset;
       var cssBottom = stickyBottom + bottomOffset;
       var stickyCssStyle = {};
-
       if (newStickyState) {
         stickyCssStyle = (0, _extends2.default)({
           transform: 'translateZ(0)',
@@ -155,11 +138,9 @@
           width: placeholderClientRect.width
         }, userSetStickyCssStyle || {});
       }
-
       onTopChange == null ? void 0 : onTopChange(Math.max(0, contentClientRect.top - containerTop - topOffset));
       setIsSticky(newStickyState);
       setStickyStateStyle(stickyCssStyle);
-
       if (newStickyState !== wasStickyRef.current) {
         onStickyStateChange && onStickyStateChange({
           isTopSticky: isTopSticky,
@@ -173,17 +154,14 @@
       if (framePendingRef.current) {
         return;
       }
-
       (0, _mobileUtils.execRAF)(function () {
         framePendingRef.current = false;
-
         if (containerRef.current) {
           var _containerRef$current = containerRef.current.getBoundingClientRect(),
-              _top = _containerRef$current.top,
-              bottom = _containerRef$current.bottom;
-
+            top = _containerRef$current.top,
+            bottom = _containerRef$current.bottom;
           containerEventHandler({
-            followTop: _top,
+            followTop: top,
             followBottom: bottom
           });
         }
@@ -192,9 +170,9 @@
     }, [containerEventHandler]);
     var updatePlaceholderLayoutInner = (0, _react.useCallback)(function () {
       if (placeholderRef.current) {
-        var contentHeight = contentCalculateHeightRef.current; // 当元素吸顶时，默认有一个占位的元素占住该元素的位置，避免布局产生抖动
+        var contentHeight = contentCalculateHeightRef.current;
+        // 当元素吸顶时，默认有一个占位的元素占住该元素的位置，避免布局产生抖动
         // @en When an element is sticky to the top, a placeholder element occupies the element's position by default to avoid jitter in the layout
-
         placeholderRef.current.style.height = (isStickyRef.current ? contentHeight : 0) + "px";
       }
     }, []);
@@ -203,7 +181,6 @@
         var contentClientRect = contentRef.current.getBoundingClientRect();
         contentCalculateHeightRef.current = contentClientRect.height;
       }
-
       updatePlaceholderLayoutInner();
     }, []);
     (0, _react.useEffect)(function () {
@@ -212,15 +189,12 @@
       var eventTarget = getScrollContainer ? (0, _mobileUtils.getActualContainer)(getScrollContainer) : window;
       if (!eventTarget) return;
       scrollContainerRef.current = eventTarget;
-
       var attachEventListeners = function attachEventListeners(target) {
         target.addEventListener('scroll', recalculatePosition);
       };
-
       var removeEventListeners = function removeEventListeners(target) {
         target.removeEventListener('scroll', recalculatePosition);
       };
-
       attachEventListeners(eventTarget);
       recalculatePosition();
       return function () {
@@ -240,7 +214,6 @@
     var computedStyle = (0, _react.useMemo)(function () {
       return (0, _extends2.default)({}, style || {}, stickyStateStyle);
     }, [stickyStateStyle, style]);
-
     function renderSticky(prefixCls) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefixCls + "-sticky", className),
@@ -248,7 +221,6 @@
         style: computedStyle
       }, children);
     }
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
       var prefixCls = _ref2.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {

package/umd/style.js

@@ -10,6 +10,6 @@
     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, 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, _style55, _style56, _style57, _style58, _style59) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _style3, _style4, _style5, _style6, _style7, _style8, _style9, _style0, _style1, _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,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {};
   _exports.default = void 0;
@@ -27,11 +26,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 SwipeAction component, slide left and right to pull out the menu bar
@@ -40,59 +36,52 @@
    * @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);
@@ -103,18 +92,15 @@
         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();
@@ -122,28 +108,23 @@
       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';
@@ -154,18 +135,15 @@
         });
       }
     }
-
     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 {
@@ -173,13 +151,11 @@
           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);
@@ -189,16 +165,13 @@
         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);
@@ -206,35 +179,32 @@
           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);
@@ -247,70 +217,56 @@
         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,28 +14,24 @@
   "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) {
@@ -44,7 +40,6 @@
         });
       }
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-" + type + " " + prefixCls + "-info-container", className),
       style: (0, _extends2.default)({