@arco-design/mobile-react 2.38.3 → 2.39.0

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

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

package/cjs/input/style/index.js

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

package/cjs/keyboard/index.js

@@ -1,27 +1,17 @@
 "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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _contextProvider = require("../context-provider");
-
 var _icon = require("../icon");
-
 var _popup = _interopRequireDefault(require("../popup"));
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -29,35 +19,30 @@ Object.keys(_type).forEach(function (key) {
   exports[key] = _type[key];
 });
 var _excluded = ["normalKeyClass", "normalKeyStyle", "className", "style", "type", "randomOrder", "title", "rightColumns", "confirmClosable", "confirmButton", "deleteButton", "keyboardButton", "close", "onConfirm", "onDelete", "onChange"];
-
 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 let keyboard random
 var makeArrayRandom = function makeArrayRandom(targetArray) {
   var randomFn = function randomFn() {
     return Math.random() - 0.5;
   };
-
   return targetArray.sort(randomFn);
 };
-
 var splitArray = function splitArray(target) {
   return target.reduce(function (acc, cur) {
     if (!acc[acc.length - 1] || acc[acc.length - 1].length >= 3) {
       acc.push([]);
     }
-
     acc[acc.length - 1].push(cur);
     return acc;
   }, []);
-}; // 纯数字类字符
-// @en Pure numeric characters
-
+};
 
+// 纯数字类字符
+// @en Pure numeric characters
 var contentArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+
 /**
  * 数字键盘组件
  * @en Keyboard component
@@ -66,55 +51,49 @@ var contentArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
  * @name 数字键盘
  * @name_en Keyboard
  */
-
 var Keyboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var normalKeyClass = props.normalKeyClass,
-      normalKeyStyle = props.normalKeyStyle,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'number' : _props$type,
-      _props$randomOrder = props.randomOrder,
-      randomOrder = _props$randomOrder === void 0 ? false : _props$randomOrder,
-      title = props.title,
-      rightColumns = props.rightColumns,
-      confirmClosable = props.confirmClosable,
-      confirmButton = props.confirmButton,
-      deleteButton = props.deleteButton,
-      keyboardButton = props.keyboardButton,
-      close = props.close,
-      onConfirm = props.onConfirm,
-      onDelete = props.onDelete,
-      onChange = props.onChange,
-      resetProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    normalKeyStyle = props.normalKeyStyle,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'number' : _props$type,
+    _props$randomOrder = props.randomOrder,
+    randomOrder = _props$randomOrder === void 0 ? false : _props$randomOrder,
+    title = props.title,
+    rightColumns = props.rightColumns,
+    confirmClosable = props.confirmClosable,
+    confirmButton = props.confirmButton,
+    deleteButton = props.deleteButton,
+    keyboardButton = props.keyboardButton,
+    close = props.close,
+    onConfirm = props.onConfirm,
+    onDelete = props.onDelete,
+    onChange = props.onChange,
+    resetProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   var popupRef = (0, _react.useRef)(null);
   var keyboardRef = (0, _react.useRef)(null);
-
   var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      _useContext$locale = _useContext.locale,
-      locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
-
-  var prefix = prefixCls + "-keyboard"; // 3x4键盘的按键内容
+    prefixCls = _useContext.prefixCls,
+    _useContext$locale = _useContext.locale,
+    locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
+  var prefix = prefixCls + "-keyboard";
+  // 3x4键盘的按键内容
   // @en 3x4 Keyboard button content
-
   var displayData = (0, _react.useMemo)(function () {
     var numberArr = randomOrder ? makeArrayRandom(contentArray) : contentArray;
     var lastNum = numberArr.slice(-1)[0];
     var finalData = splitArray(numberArr.slice(0, -1));
-
     switch (type) {
       case 'confirm':
         finalData.push([lastNum, '.']);
         break;
-
       case 'tool':
         finalData.push(['.', lastNum, {
           type: 'delete'
         }]);
         break;
-
       case 'number':
       default:
         finalData.push([{
@@ -124,37 +103,34 @@ var Keyboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }]);
         break;
     }
-
     return finalData;
-  }, [type]); // 右边一列
-  // @en Right column
+  }, [type]);
 
+  // 右边一列
+  // @en Right column
   var rightColumn = (0, _react.useMemo)(function () {
     switch (type) {
       case 'number':
         return [];
-
       case 'confirm':
         {
           return [{
             type: 'delete'
           }];
         }
-
       case 'tool':
         return ['+', '-', '×', '÷'];
-
       default:
         return [];
     }
-  }, [type]); // 确认按钮需要在type为confirm时展示
-  // @en Display then confirm button when type is confirm
+  }, [type]);
 
+  // 确认按钮需要在type为confirm时展示
+  // @en Display then confirm button when type is confirm
   var getConfirmButton = (0, _react.useCallback)(function () {
     if (type !== 'confirm') {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       onClick: function onClick() {
         confirmClosable && close();
@@ -162,20 +138,19 @@ var Keyboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       },
       className: (0, _mobileUtils.cls)(prefix + "-key", prefix + "-key-confirm")
     }, confirmButton || locale.Keyboard.confirm);
-  }, [type]); // 点击空白处关闭键盘
-  // @en Close keyboard when clicked the blank space
+  }, [type]);
 
+  // 点击空白处关闭键盘
+  // @en Close keyboard when clicked the blank space
   (0, _react.useEffect)(function () {
     var handlerDocumentClick = function handlerDocumentClick(e) {
       if (!keyboardRef.current) {
         return;
       }
-
       if (!keyboardRef.current.contains(e.target) && e.target !== keyboardRef.current) {
         close();
       }
     };
-
     document.addEventListener('click', handlerDocumentClick);
     return function () {
       document.removeEventListener('click', handlerDocumentClick);
@@ -186,35 +161,28 @@ var Keyboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       keyboard: keyboardRef.current
     }, popupRef.current);
   });
-
   var handleButtonClick = function handleButtonClick(ele) {
     switch (ele.type) {
       case 'delete':
         onDelete == null ? void 0 : onDelete();
         break;
-
       case 'keyboard':
         close();
         break;
-
       default:
         onChange == null ? void 0 : onChange(ele.value);
     }
   };
-
   var renderButtonContent = function renderButtonContent(ele) {
     switch (ele.type) {
       case 'delete':
         return deleteButton || /*#__PURE__*/_react.default.createElement(_icon.IconKeyboardDelete, null);
-
       case 'keyboard':
         return keyboardButton || /*#__PURE__*/_react.default.createElement(_icon.IconKeyboard, null);
-
       default:
         return ele.content;
     }
   };
-
   var renderButton = function renderButton(data, key, extraClass) {
     var ele = typeof data === 'string' || typeof data === 'number' ? {
       type: 'content',
@@ -230,19 +198,16 @@ var Keyboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       style: normalKeyStyle
     }, renderButtonContent(ele));
   };
-
   var renderKeyboardRightColumns = function renderKeyboardRightColumns() {
     if (rightColumns) {
       return rightColumns;
     }
-
     return rightColumn.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
       className: prefix + "-col"
     }, rightColumn.map(function (item, index) {
       return renderButton(item, String(index));
     }), getConfirmButton()) : null;
   };
-
   return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
     ref: popupRef,
     maskClass: prefix + "-popup",
@@ -261,7 +226,6 @@ var Keyboard = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       key: index
     }, item.map(function (e, idx) {
       var _renderButton;
-
       return renderButton(e, String(idx), (_renderButton = {}, _renderButton[prefix + "-key-special"] = type === 'confirm' && index === displayData.length - 1 && idx === 0, _renderButton));
     }));
   })), renderKeyboardRightColumns())));

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

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

package/cjs/keyboard/style/index.js

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

package/cjs/load-more/index.js

@@ -1,24 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _helpers = require("../_helpers");
-
 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; }
-
 /**
  * 上拉加载组件，支持`scroll`和`click`两种触发加载方式，支持滚动监听。支持受控与不受控两种形式。<br>如果引入组件后发现仅触发了初始的`getData`，请确认是否在`getData`方法内没有调用`callback`移除 loading 状态，且未设置`blockWhenLoading`属性为 false。
  * @en Pull-up loading component, supports `scroll` and `click` two trigger loading methods, supports scroll monitoring. Both controlled and uncontrolled forms are supported. <br>If only the initial `getData` is triggered after the component is introduced, please make sure that the `callback` is not called in the `getData` method to remove the loading state, and the `blockWhenLoading` property is not set to false.
@@ -29,42 +20,40 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var LoadMore = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      disabled = props.disabled,
-      beforeReadyArea = props.beforeReadyArea,
-      loadingArea = props.loadingArea,
-      noMoreArea = props.noMoreArea,
-      prepareArea = props.prepareArea,
-      retryArea = props.retryArea,
-      _props$defaultStatus = props.defaultStatus,
-      defaultStatus = _props$defaultStatus === void 0 ? 'prepare' : _props$defaultStatus,
-      status = props.status,
-      getScrollContainer = props.getScrollContainer,
-      getOffsetNode = props.getOffsetNode,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? 'scroll' : _props$trigger,
-      _props$threshold = props.threshold,
-      threshold = _props$threshold === void 0 ? 200 : _props$threshold,
-      _props$throttle = props.throttle,
-      throttle = _props$throttle === void 0 ? 0 : _props$throttle,
-      _props$getDataAtFirst = props.getDataAtFirst,
-      getDataAtFirst = _props$getDataAtFirst === void 0 ? true : _props$getDataAtFirst,
-      getData = props.getData,
-      _props$blockWhenLoadi = props.blockWhenLoading,
-      blockWhenLoading = _props$blockWhenLoadi === void 0 ? true : _props$blockWhenLoadi,
-      onStatusChange = props.onStatusChange,
-      onClick = props.onClick,
-      onEndReached = props.onEndReached,
-      _props$getDataWhenNoS = props.getDataWhenNoScrollAtFirst,
-      getDataWhenNoScrollAtFirst = _props$getDataWhenNoS === void 0 ? false : _props$getDataWhenNoS;
+    className = _props$className === void 0 ? '' : _props$className,
+    style = props.style,
+    disabled = props.disabled,
+    beforeReadyArea = props.beforeReadyArea,
+    loadingArea = props.loadingArea,
+    noMoreArea = props.noMoreArea,
+    prepareArea = props.prepareArea,
+    retryArea = props.retryArea,
+    _props$defaultStatus = props.defaultStatus,
+    defaultStatus = _props$defaultStatus === void 0 ? 'prepare' : _props$defaultStatus,
+    status = props.status,
+    getScrollContainer = props.getScrollContainer,
+    getOffsetNode = props.getOffsetNode,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? 'scroll' : _props$trigger,
+    _props$threshold = props.threshold,
+    threshold = _props$threshold === void 0 ? 200 : _props$threshold,
+    _props$throttle = props.throttle,
+    throttle = _props$throttle === void 0 ? 0 : _props$throttle,
+    _props$getDataAtFirst = props.getDataAtFirst,
+    getDataAtFirst = _props$getDataAtFirst === void 0 ? true : _props$getDataAtFirst,
+    getData = props.getData,
+    _props$blockWhenLoadi = props.blockWhenLoading,
+    blockWhenLoading = _props$blockWhenLoadi === void 0 ? true : _props$blockWhenLoadi,
+    onStatusChange = props.onStatusChange,
+    onClick = props.onClick,
+    onEndReached = props.onEndReached,
+    _props$getDataWhenNoS = props.getDataWhenNoScrollAtFirst,
+    getDataWhenNoScrollAtFirst = _props$getDataWhenNoS === void 0 ? false : _props$getDataWhenNoS;
   var domRef = (0, _react.useRef)(null);
   var requestAtFirst = trigger === 'scroll' ? getDataAtFirst : false;
-
   var _useState = (0, _react.useState)(defaultStatus),
-      innerStatus = _useState[0],
-      setInnerStatus = _useState[1];
-
+    innerStatus = _useState[0],
+    setInnerStatus = _useState[1];
   var lastScrollEndRef = (0, _react.useRef)(false);
   var nowStatus = status || innerStatus;
   var statusRef = (0, _react.useRef)(nowStatus);
@@ -77,11 +66,9 @@ var LoadMore = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (disabledRef.current) {
       return;
     }
-
     if (blockWhenLoading && statusRef.current === 'loading') {
       return;
     }
-
     changeStatus('loading', scene);
     getData == null ? void 0 : getData(function (st) {
       changeStatus(st, 'manual');
@@ -91,7 +78,6 @@ var LoadMore = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (!blockWhenLoading || nowStatus !== 'loading') {
       lastScrollEndRef.current = false;
     }
-
     statusRef.current = nowStatus;
   }, [nowStatus]);
   (0, _helpers.useUpdateEffect)(function () {
@@ -114,12 +100,10 @@ var LoadMore = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [trigger, disabled]);
   var handleContainerScroll = (0, _react.useCallback)(function () {
     var scrollTop = (0, _mobileUtils.getScrollContainerAttribute)('scrollTop', getScrollContainer);
-
     if (checkNeedTrigger(scrollTop, threshold + 1)) {
       if (!lastScrollEndRef.current) {
         lastScrollEndRef.current = true;
         onEndReached && onEndReached();
-
         if (!['nomore', 'retry', 'before-ready'].includes(statusRef.current)) {
           triggerGetData('scrollEnd');
         }
@@ -131,29 +115,24 @@ var LoadMore = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useEffect)(function () {
     var binded = null;
     var scrollFunc = throttle ? (0, _lodash.default)(handleContainerScroll, throttle) : handleContainerScroll;
-
     if (trigger === 'scroll' && !disabled) {
       var container = (0, _mobileUtils.getValidScrollContainer)(getScrollContainer);
-
       if (container) {
         container.addEventListener('scroll', scrollFunc);
         binded = container;
       }
     }
-
     return function () {
       if (binded) {
         binded.removeEventListener('scroll', scrollFunc);
       }
     };
   }, [trigger, disabled, getScrollContainer, handleContainerScroll, throttle]);
-
   var getDataWithEndReachCheck = function getDataWithEndReachCheck() {
     if (checkNeedTrigger(0, threshold)) {
       triggerGetData('pageEnd');
     }
   };
-
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,
@@ -161,57 +140,46 @@ var LoadMore = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       getDataWithEndReachCheck: getDataWithEndReachCheck
     };
   }, [changeStatus]);
-
   function checkNeedTrigger(top, ths) {
     var scrollHeight = getOffsetNode ? (0, _mobileUtils.getScrollContainerAttribute)('offsetHeight', getOffsetNode) + (0, _mobileUtils.getScrollContainerAttribute)('offsetTop', getOffsetNode) : (0, _mobileUtils.getScrollContainerAttribute)('scrollHeight', getScrollContainer);
     var clientHeight = (0, _mobileUtils.getScrollContainerAttribute)('clientHeight', getScrollContainer);
     return scrollHeight - top - clientHeight <= ths;
   }
-
   function handleClick(e) {
     if (trigger === 'click' && statusRef.current === 'prepare' || statusRef.current === 'retry') {
       triggerGetData('click');
     }
-
     onClick && onClick(e);
   }
-
   function renderArea(locale) {
     switch (nowStatus) {
       case 'before-ready':
         return beforeReadyArea;
-
       case 'prepare':
         return prepareArea === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
           className: "load-more-text prepare"
         }, trigger === 'scroll' ? locale.LoadMore.prepareScrollText : locale.LoadMore.prepareClickText, locale.LoadMore.loadMoreText) : prepareArea;
-
       case 'loading':
         return loadingArea === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
           className: "load-more-text loading"
         }, locale.LoadMore.loadingText) : loadingArea;
-
       case 'nomore':
         return noMoreArea === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
           className: "load-more-text nomore"
         }, locale.LoadMore.noDataText) : noMoreArea;
-
       case 'retry':
         return retryArea === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
           className: "load-more-text retry"
         }, locale.LoadMore.failLoadText) : retryArea;
-
       default:
         return null;
     }
   }
-
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var _cls;
-
     var prefixCls = _ref.prefixCls,
-        _ref$locale = _ref.locale,
-        locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _mobileUtils.cls)(prefixCls + "-load-more status-" + nowStatus, className, (_cls = {}, _cls[prefixCls + "-load-more-disabled"] = disabled, _cls)),
       ref: domRef,

package/cjs/load-more/style/css/index.js

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

package/cjs/load-more/style/index.js

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