@arco-design/mobile-react 2.38.3 → 2.39.0

package/esm/_helpers/react-dom.js

@@ -1,25 +1,19 @@
 import * as ReactDOM from 'react-dom';
-
 function isObject(obj) {
   return Object.prototype.toString.call(obj) === '[object Object]';
 }
-
 // Cast ReactDOM to a version that might have createRoot and other properties
 var typedReactDOM = ReactDOM;
 var copyRender;
-
 var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarning) {
   // https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10
   // Avoid console warning
   var secretInternals = typedReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
   if (isObject(secretInternals)) {
     secretInternals.usingClientEntryPoint = skipWarning;
   }
 };
-
 var createRootFn = typedReactDOM.createRoot;
-
 var getRender = function getRender(createRootFunction) {
   return function (app, container) {
     updateUsingClientEntryPoint(true);
@@ -40,7 +34,6 @@ var getRender = function getRender(createRootFunction) {
     };
   };
 };
-
 if (createRootFn) {
   // React 18
   copyRender = getRender(createRootFn);
@@ -48,7 +41,6 @@ if (createRootFn) {
   // React 16/17
   copyRender = function copyRender(app, container) {
     typedReactDOM.render(app, container); // Use non-null assertion
-
     return {
       render: function render(elementToRender) {
         typedReactDOM.render(elementToRender, container); // Use non-null assertion
@@ -68,13 +60,10 @@ if (createRootFn) {
         _unmount: function _unmount() {}
       };
     };
-
     if (createRootFunction) {
       return getRender(createRootFunction)(app, container);
     }
-
     return defaultCb();
   };
 }
-
 export var render = copyRender;

package/esm/_helpers/render.js

@@ -2,55 +2,45 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { render as copyRender } from './react-dom';
 export var renderRootCache = {};
-export var ReactDOMRender = function ReactDOMRender(app, container, context, rootCacheId, // root id in cache
+export var ReactDOMRender = function ReactDOMRender(app, container, context, rootCacheId,
+// root id in cache
 root // use root in cache
 ) {
   var _this = this;
-
   this.root = void 0;
   this.app = void 0;
   this.container = void 0;
   this.context = void 0;
   this.rootCacheId = void 0;
-
   this.render = function (props) {
     var CustomApp = _this.app;
-
     var propsWithContext = _extends({
       context: _this.context
     }, props);
-
     if (_this.root) {
-      _this.root.render( /*#__PURE__*/React.createElement(CustomApp, propsWithContext));
+      _this.root.render(/*#__PURE__*/React.createElement(CustomApp, propsWithContext));
     } else {
       var _ref = _this.context || {},
-          createRoot = _ref.createRoot;
-
-      _this.root = copyRender( /*#__PURE__*/React.createElement(CustomApp, propsWithContext), _this.container, createRoot);
+        createRoot = _ref.createRoot;
+      _this.root = copyRender(/*#__PURE__*/React.createElement(CustomApp, propsWithContext), _this.container, createRoot);
     }
   };
-
   this.setRootCache = function () {
     if (_this.rootCacheId) {
       renderRootCache[_this.rootCacheId] = _this.root;
     }
   };
-
   this.clearRootCache = function () {
     if (_this.rootCacheId) {
       delete renderRootCache[_this.rootCacheId];
     }
   };
-
   this.unmount = function () {
     var _this$root;
-
     (_this$root = _this.root) == null ? void 0 : _this$root._unmount();
     _this.root = undefined;
-
     _this.clearRootCache();
   };
-
   this.app = app;
   this.container = container;
   this.context = context;

package/esm/action-sheet/index.d.ts

@@ -1,6 +1,5 @@
 import type { ReactNode, CSSProperties } from 'react';
 import React from 'react';
-import type { Promise } from 'es6-promise';
 import type { PopupProps, PopupRef } from '../popup';
 import type { OpenBaseProps } from '../masking';
 export interface ActionSheetItemOptions {

package/esm/action-sheet/index.js

@@ -8,16 +8,15 @@ import Popup from '../popup';
 import { open } from './methods';
 var ActionSheet = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      items = props.items,
-      cancelText = props.cancelText,
-      close = props.close,
-      title = props.title,
-      subTitle = props.subTitle,
-      _props$needBottomOffs = props.needBottomOffset,
-      needBottomOffset = _props$needBottomOffs === void 0 ? true : _props$needBottomOffs,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+    className = _props$className === void 0 ? '' : _props$className,
+    items = props.items,
+    cancelText = props.cancelText,
+    close = props.close,
+    title = props.title,
+    subTitle = props.subTitle,
+    _props$needBottomOffs = props.needBottomOffset,
+    needBottomOffset = _props$needBottomOffs === void 0 ? true : _props$needBottomOffs,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
   var popupRef = useRef(null);
   var listRef = useRef(null);
   useImperativeHandle(ref, function () {
@@ -25,16 +24,12 @@ var ActionSheet = /*#__PURE__*/forwardRef(function (props, ref) {
       actionList: listRef.current
     });
   });
-
   function handleItemClick(e, item) {
     e.stopPropagation();
-
     if (item.status === 'disabled') {
       return;
     }
-
     var result = item.onClick ? item.onClick(e) : null;
-
     if (!result || typeof result === 'boolean') {
       !result && (close == null ? void 0 : close(e));
     } else if (result && result.then) {
@@ -43,7 +38,6 @@ var ActionSheet = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement(Popup, _extends({
@@ -92,6 +86,7 @@ export function methodsGenerator(Comp) {
   };
 }
 var ActionSheetWithGlobalContext = CompWithGlobalContext(ActionSheet);
+
 /**
  * 动作面板组件
  * @en ActionSheet Component
@@ -100,5 +95,4 @@ var ActionSheetWithGlobalContext = CompWithGlobalContext(ActionSheet);
  * @name 动作面板
  * @name_en ActionSheet
  */
-
 export default componentWrapper(ActionSheet, methodsGenerator(ActionSheetWithGlobalContext));

package/esm/avatar/group.js

@@ -7,27 +7,25 @@ export var AvatarGroupContext = /*#__PURE__*/React.createContext({
   shape: 'circle',
   size: 'small'
 });
+
 /**
  * 头像叠层
  * @en Avatar group
  */
-
 export var Group = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$shape = props.shape,
-      shape = _props$shape === void 0 ? 'circle' : _props$shape,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'medium' : _props$size,
-      _props$zIndexOrder = props.zIndexOrder,
-      zIndexOrder = _props$zIndexOrder === void 0 ? 'desc' : _props$zIndexOrder,
-      children = props.children;
-
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'circle' : _props$shape,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'medium' : _props$size,
+    _props$zIndexOrder = props.zIndexOrder,
+    zIndexOrder = _props$zIndexOrder === void 0 ? 'desc' : _props$zIndexOrder,
+    children = props.children;
   var _useContext = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls;
-
+    prefixCls = _useContext.prefixCls;
   var childrenArr = React.Children.toArray(children);
   var length = childrenArr.length;
   var domRef = useRef(null);
@@ -48,11 +46,9 @@ export var Group = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, childrenArr.map(function (child, i) {
     var childProps = (child || {}).props;
-
     var avatarStyle = _extends({
       zIndex: zIndexOrder === 'asc' ? i + 1 : length - i
     }, childProps.style);
-
     return /*#__PURE__*/React.cloneElement(child, _extends({}, childProps, {
       style: avatarStyle
     }));

package/esm/avatar/index.js

@@ -9,103 +9,92 @@ export * from './type';
 export function componentGenerator(Comp) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var _cls, _cls2;
-
     var _useContext = useContext(GlobalContext),
-        prefixCls = _useContext.prefixCls;
-
+      prefixCls = _useContext.prefixCls;
     var _useContext2 = useContext(AvatarGroupContext),
-        groupShape = _useContext2.shape,
-        groupSize = _useContext2.size,
-        isGroup = _useContext2.isGroup;
-
+      groupShape = _useContext2.shape,
+      groupSize = _useContext2.size,
+      isGroup = _useContext2.isGroup;
     var _props$shape = props.shape,
-        shape = _props$shape === void 0 ? props.shape || (isGroup ? groupShape : 'circle') : _props$shape,
-        _props$size = props.size,
-        size = _props$size === void 0 ? props.size || (isGroup ? groupSize : 'small') : _props$size,
-        src = props.src,
-        _props$decoration = props.decoration,
-        decoration = _props$decoration === void 0 ? null : _props$decoration,
-        _props$textAvatar = props.textAvatar,
-        textAvatar = _props$textAvatar === void 0 ? '' : _props$textAvatar,
-        _props$avatarStyle = props.avatarStyle,
-        avatarStyle = _props$avatarStyle === void 0 ? {} : _props$avatarStyle,
-        _props$avatarClass = props.avatarClass,
-        avatarClass = _props$avatarClass === void 0 ? '' : _props$avatarClass,
-        _props$autoFixFontSiz = props.autoFixFontSize,
-        autoFixFontSize = _props$autoFixFontSiz === void 0 ? true : _props$autoFixFontSiz,
-        _props$autoFixFontOff = props.autoFixFontOffset,
-        autoFixFontOffset = _props$autoFixFontOff === void 0 ? 2 : _props$autoFixFontOff,
-        _props$avatarName = props.avatarName,
-        avatarName = _props$avatarName === void 0 ? '' : _props$avatarName,
-        _props$avatarDesc = props.avatarDesc,
-        avatarDesc = _props$avatarDesc === void 0 ? '' : _props$avatarDesc,
-        _props$children = props.children,
-        children = _props$children === void 0 ? null : _props$children,
-        _props$renderInfo = props.renderInfo,
-        renderInfo = _props$renderInfo === void 0 ? null : _props$renderInfo,
-        _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        _props$style = props.style,
-        style = _props$style === void 0 ? {} : _props$style,
-        _props$imageProps = props.imageProps,
-        imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
-        defaultOverLap = props.defaultOverLap,
-        onClickDecoration = props.onClickDecoration,
-        onClick = props.onClick;
+      shape = _props$shape === void 0 ? props.shape || (isGroup ? groupShape : 'circle') : _props$shape,
+      _props$size = props.size,
+      size = _props$size === void 0 ? props.size || (isGroup ? groupSize : 'small') : _props$size,
+      src = props.src,
+      _props$decoration = props.decoration,
+      decoration = _props$decoration === void 0 ? null : _props$decoration,
+      _props$textAvatar = props.textAvatar,
+      textAvatar = _props$textAvatar === void 0 ? '' : _props$textAvatar,
+      _props$avatarStyle = props.avatarStyle,
+      avatarStyle = _props$avatarStyle === void 0 ? {} : _props$avatarStyle,
+      _props$avatarClass = props.avatarClass,
+      avatarClass = _props$avatarClass === void 0 ? '' : _props$avatarClass,
+      _props$autoFixFontSiz = props.autoFixFontSize,
+      autoFixFontSize = _props$autoFixFontSiz === void 0 ? true : _props$autoFixFontSiz,
+      _props$autoFixFontOff = props.autoFixFontOffset,
+      autoFixFontOffset = _props$autoFixFontOff === void 0 ? 2 : _props$autoFixFontOff,
+      _props$avatarName = props.avatarName,
+      avatarName = _props$avatarName === void 0 ? '' : _props$avatarName,
+      _props$avatarDesc = props.avatarDesc,
+      avatarDesc = _props$avatarDesc === void 0 ? '' : _props$avatarDesc,
+      _props$children = props.children,
+      children = _props$children === void 0 ? null : _props$children,
+      _props$renderInfo = props.renderInfo,
+      renderInfo = _props$renderInfo === void 0 ? null : _props$renderInfo,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style,
+      _props$imageProps = props.imageProps,
+      imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
+      defaultOverLap = props.defaultOverLap,
+      onClickDecoration = props.onClickDecoration,
+      onClick = props.onClick;
     var domRef = useRef(null);
     var avatarRef = useRef(null);
     var avatarTextRef = useRef(null);
-
     var _useState = useState(1),
-        textScale = _useState[0],
-        setTextScale = _useState[1];
-
+      textScale = _useState[0],
+      setTextScale = _useState[1];
     useImperativeHandle(ref, function () {
       return {
         dom: domRef.current
       };
-    }); // 图片头像
+    });
+    // 图片头像
     // @en Picture avatar
-
-    var isImageAvatar = !children && src !== void 0; // 文字头像
+    var isImageAvatar = !children && src !== void 0;
+    // 文字头像
     // @en Text avatar
-
-    var isTextAvatar = !children && !isImageAvatar && textAvatar; // 使用默认头像
+    var isTextAvatar = !children && !isImageAvatar && textAvatar;
+    // 使用默认头像
     // @en Whether to use default avatar
-
     var useDefaultAvatar = !children && !isImageAvatar && !isTextAvatar;
     useEffect(function () {
       getComputedTextScale();
     }, [textAvatar]);
+
     /**
      * 根据字体元素宽度和头像大小动态调整缩放比例
      * @en Dynamically adjust scaling based on font element width and avatar size
      */
-
     function getComputedTextScale() {
       var _avatarRef$current, _avatarTextRef$curren;
-
       if (!isTextAvatar || !autoFixFontSize || !avatarRef || !avatarTextRef) return;
-
       var _ref = ((_avatarRef$current = avatarRef.current) == null ? void 0 : _avatarRef$current.getBoundingClientRect()) || {},
-          _ref$width = _ref.width,
-          avatarWidth = _ref$width === void 0 ? 0 : _ref$width;
-
+        _ref$width = _ref.width,
+        avatarWidth = _ref$width === void 0 ? 0 : _ref$width;
       var _ref2 = ((_avatarTextRef$curren = avatarTextRef.current) == null ? void 0 : _avatarTextRef$curren.getBoundingClientRect()) || {},
-          _ref2$width = _ref2.width,
-          textWidth = _ref2$width === void 0 ? 0 : _ref2$width;
-
-      if (avatarWidth === 0 || textWidth === 0) return; // 文本节点宽度大于头像元素时进行动态缩放
+        _ref2$width = _ref2.width,
+        textWidth = _ref2$width === void 0 ? 0 : _ref2$width;
+      if (avatarWidth === 0 || textWidth === 0) return;
+      // 文本节点宽度大于头像元素时进行动态缩放
       // @en Dynamic scaling when the width of the text node is larger than the avatar element
-
       var maxWidth = avatarWidth - 2 * autoFixFontOffset;
-
       if (textWidth > maxWidth) {
         var scale = maxWidth / textWidth;
         setTextScale(textScale * scale);
       }
     }
-
     return /*#__PURE__*/React.createElement("div", {
       ref: domRef,
       style: style,
@@ -139,6 +128,7 @@ export function componentGenerator(Comp) {
   });
 }
 var Avatar = componentGenerator(BaseImage);
+
 /**
  * 头像展示组件，支持圆形和方形两种形状，支持图片文字头像，支持五种尺寸。
  * @en Avatar component supports two shapes of circle and square, supports pictures or text avatars, with five sizes.
@@ -147,7 +137,6 @@ var Avatar = componentGenerator(BaseImage);
  * @name 头像
  * @name_en Avatar
  */
-
 export default componentWrapper(Avatar, {
   Group: Group
 });

package/esm/badge/index.js

@@ -2,7 +2,6 @@ import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import { cls } from '@arco-design/mobile-utils';
 import Transition from '../transition';
 import { ContextLayout } from '../context-provider';
-
 /**
  * 在右上角展示徽标数字或小红点
  * @en Display the badge number or small red dot in the upper right corner
@@ -13,40 +12,37 @@ import { ContextLayout } from '../context-provider';
  */
 var Badge = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? true : _props$visible,
-      text = props.text,
-      _props$dot = props.dot,
-      dot = _props$dot === void 0 ? false : _props$dot,
-      _props$maxCount = props.maxCount,
-      maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
-      _props$children = props.children,
-      children = _props$children === void 0 ? null : _props$children,
-      _props$absolute = props.absolute,
-      absolute = _props$absolute === void 0 ? false : _props$absolute,
-      _props$bordered = props.bordered,
-      bordered = _props$bordered === void 0 ? false : _props$bordered,
-      _props$timeout = props.timeout,
-      timeout = _props$timeout === void 0 ? 400 : _props$timeout;
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$visible = props.visible,
+    visible = _props$visible === void 0 ? true : _props$visible,
+    text = props.text,
+    _props$dot = props.dot,
+    dot = _props$dot === void 0 ? false : _props$dot,
+    _props$maxCount = props.maxCount,
+    maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
+    _props$children = props.children,
+    children = _props$children === void 0 ? null : _props$children,
+    _props$absolute = props.absolute,
+    absolute = _props$absolute === void 0 ? false : _props$absolute,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? false : _props$bordered,
+    _props$timeout = props.timeout,
+    timeout = _props$timeout === void 0 ? 400 : _props$timeout;
   var domRef = useRef(null);
   useImperativeHandle(ref, function () {
     return {
       dom: domRef.current
     };
   });
-
   function renderInnerBadge(prefix) {
     return dot ? null : /*#__PURE__*/React.createElement("span", {
       className: prefix + "-text badge-text"
     }, Number(text) && Number(text) > maxCount ? maxCount + "+" : text);
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var _cls;
-
     var prefixCls = _ref.prefixCls;
     return /*#__PURE__*/React.createElement(Transition, {
       in: visible,

package/esm/button/hooks.js

@@ -1,5 +1,4 @@
 import { useMemo } from 'react';
-
 var formatColorStatus = function formatColorStatus(color) {
   if (!color) return null;
   return typeof color === 'string' ? {
@@ -7,23 +6,23 @@ var formatColorStatus = function formatColorStatus(color) {
     active: color,
     disabled: color
   } : color;
-}; // 主要是用来 diff 颜色是否变化，将对象或者字符串的 diff 转换成字符串的 diff
-// @en It is mainly used to judge whether the color has changed, and convert the diff of the object or string into the diff of the string
-
+};
 
+// 主要是用来 diff 颜色是否变化，将对象或者字符串的 diff 转换成字符串的 diff
+// @en It is mainly used to judge whether the color has changed, and convert the diff of the object or string into the diff of the string
 var diffColor = function diffColor(color) {
   return color && (typeof color === 'string' ? color : Object.values(color).join('-'));
-}; // 允许传入定制所有颜色，忽略的值会继续走原生的颜色
-// @en Allows to pass in all custom colors, ignored values will continue to use native colors
-
+};
 
+// 允许传入定制所有颜色，忽略的值会继续走原生的颜色
+// @en Allows to pass in all custom colors, ignored values will continue to use native colors
 export var useCustomColor = function useCustomColor(_ref) {
   var color = _ref.color,
-      bgColor = _ref.bgColor,
-      borderColor = _ref.borderColor,
-      active = _ref.isActive,
-      disabled = _ref.disabled,
-      halfBorder = _ref.halfBorder;
+    bgColor = _ref.bgColor,
+    borderColor = _ref.borderColor,
+    active = _ref.isActive,
+    disabled = _ref.disabled,
+    halfBorder = _ref.halfBorder;
   var state = {
     active: active,
     disabled: disabled
@@ -31,10 +30,9 @@ export var useCustomColor = function useCustomColor(_ref) {
   var priority = ['active', 'disabled'];
   var styleConfig = useMemo(function () {
     var _map = [color, bgColor, borderColor].map(formatColorStatus),
-        fmtColor = _map[0],
-        fmtBgColor = _map[1],
-        fmtBorderColor = _map[2];
-
+      fmtColor = _map[0],
+      fmtBgColor = _map[1],
+      fmtBorderColor = _map[2];
     return {
       color: fmtColor,
       borderColor: fmtBorderColor,
@@ -45,8 +43,7 @@ export var useCustomColor = function useCustomColor(_ref) {
     var res = {};
     Object.entries(styleConfig).forEach(function (_ref2) {
       var styleName = _ref2[0],
-          fmtColorConfig = _ref2[1];
-
+        fmtColorConfig = _ref2[1];
       if (fmtColorConfig) {
         var styleColor = fmtColorConfig.normal;
         priority.forEach(function (key) {