@arco-design/mobile-react 2.25.4 → 2.27.0

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

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

package/cjs/sticky/style/index.js

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

package/cjs/style.d.ts

@@ -1,21 +1,18 @@
 import '../style/public.less';
+import './button/style';
 import './action-sheet/style';
-import './cell/style';
-import './loading/style';
-import './badge/style';
 import './avatar/style';
-import './button/style';
+import './badge/style';
 import './carousel/style';
-import './toast/style';
-import './switch/style';
+import './cell/style';
 import './checkbox/style';
 import './circle-progress/style';
 import './collapse/style';
-import './tabs/style';
 import './context-provider/style';
-import './dialog/style';
 import './count-down/style';
 import './date-picker/style';
+import './divider/style';
+import './dialog/style';
 import './dropdown/style';
 import './dropdown-menu/style';
 import './ellipsis/style';
@@ -30,7 +27,10 @@ import './grid/style';
 import './image/style';
 import './show-monitor/style';
 import './image-preview/style';
+import './index-bar/style';
+import './keyboard/style';
 import './load-more/style';
+import './loading/style';
 import './masking/style';
 import './nav-bar/style';
 import './notice-bar/style';
@@ -50,6 +50,9 @@ import './steps/style';
 import './sticky/style';
 import './swipe-action/style';
 import './swipe-load/style';
+import './switch/style';
 import './tab-bar/style';
+import './tabs/style';
 import './tag/style';
+import './toast/style';
 import './transition/style';

package/cjs/style.js

@@ -1,57 +1,117 @@
 "use strict";
 
 require("../style/public.less");
+
+require("./button/style");
+
 require("./action-sheet/style");
-require("./cell/style");
-require("./loading/style");
-require("./badge/style");
+
 require("./avatar/style");
-require("./button/style");
+
+require("./badge/style");
+
 require("./carousel/style");
-require("./toast/style");
-require("./switch/style");
+
+require("./cell/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("./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");

package/cjs/swipe-action/index.js

@@ -1,24 +1,36 @@
 "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
@@ -27,52 +39,59 @@ 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);
@@ -83,15 +102,18 @@ 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();
@@ -99,23 +121,28 @@ 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';
@@ -126,15 +153,18 @@ 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 {
@@ -142,11 +172,13 @@ 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);
@@ -156,13 +188,16 @@ 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);
@@ -170,32 +205,35 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         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);
@@ -208,56 +246,70 @@ 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,25 +1,32 @@
 "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) {
@@ -28,6 +35,7 @@ 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,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

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

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