@arco-design/mobile-react 2.24.2 → 2.25.1

package/umd/cell/arrow.js

@@ -14,11 +14,9 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = Arrow;
   _react = _interopRequireDefault(_react);
-
   function Arrow() {
     return /*#__PURE__*/_react.default.createElement("svg", {
       viewBox: "0 0 8 14",

package/umd/cell/cell.js

@@ -14,32 +14,28 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.Cell = void 0;
   _react = _interopRequireWildcard(_react);
   _arrow = _interopRequireDefault(_arrow);
-
   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; }
-
   var Cell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-        className = _props$className === void 0 ? '' : _props$className,
-        style = props.style,
-        icon = props.icon,
-        label = props.label,
-        desc = props.desc,
-        text = props.text,
-        children = props.children,
-        showArrow = props.showArrow,
-        arrow = props.arrow,
-        prepend = props.prepend,
-        append = props.append,
-        _props$bordered = props.bordered,
-        bordered = _props$bordered === void 0 ? true : _props$bordered,
-        _onClick = props.onClick;
+      className = _props$className === void 0 ? '' : _props$className,
+      style = props.style,
+      icon = props.icon,
+      label = props.label,
+      desc = props.desc,
+      text = props.text,
+      children = props.children,
+      showArrow = props.showArrow,
+      arrow = props.arrow,
+      prepend = props.prepend,
+      append = props.append,
+      _props$bordered = props.bordered,
+      bordered = _props$bordered === void 0 ? true : _props$bordered,
+      _onClick = props.onClick;
     var domRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       return {

package/umd/cell/group.js

@@ -14,46 +14,38 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.GroupContext = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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; }
-
   var GroupContext = /*#__PURE__*/_react.default.createContext({
     isFromGroup: false
   });
-
   _exports.GroupContext = GroupContext;
-
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var _props$className = props.className,
-          className = _props$className === void 0 ? '' : _props$className,
-          style = props.style,
-          header = props.header,
-          footer = props.footer,
-          _props$bordered = props.bordered,
-          bordered = _props$bordered === void 0 ? true : _props$bordered,
-          options = props.options,
-          children = props.children,
-          onClick = props.onClick;
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        header = props.header,
+        footer = props.footer,
+        _props$bordered = props.bordered,
+        bordered = _props$bordered === void 0 ? true : _props$bordered,
+        options = props.options,
+        children = props.children,
+        onClick = props.onClick;
       var domRef = (0, _react.useRef)(null);
       (0, _react.useImperativeHandle)(ref, function () {
         return {
           dom: domRef.current
         };
       });
-
       function handleClick(e) {
         onClick && onClick(e);
       }
-
       return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
         var prefixCls = _ref.prefixCls;
         return /*#__PURE__*/_react.default.createElement("div", {

package/umd/cell/index.js

@@ -23,6 +23,7 @@
     _exports[key] = _type[key];
   });
   var Group = (0, _group.componentGenerator)(_cell.Cell);
+
   /**
    * 单元格组件，含单元格及单元格组合，常用于设置项、表单等。
    * @en Cell, including cells and cell group, are often used to set items, forms, etc.
@@ -31,10 +32,8 @@
    * @name 单元格
    * @name_en Cell
    */
-
   var _default = (0, _mobileUtils.componentWrapper)(_cell.Cell, {
     Group: Group
   });
-
   _exports.default = _default;
 });

package/umd/checkbox/checkbox.js

@@ -14,7 +14,6 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.Checkbox = void 0;
   _react = _interopRequireWildcard(_react);
@@ -24,11 +23,8 @@
   _IconSquareChecked = _interopRequireDefault(_IconSquareChecked);
   _IconSquareUnchecked = _interopRequireDefault(_IconSquareUnchecked);
   _IconSquareDisabled = _interopRequireDefault(_IconSquareDisabled);
-
   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; }
-
   var getDefaultIcon = function getDefaultIcon(shape, status) {
     var defaultIcons = {
       circle: {
@@ -52,39 +48,35 @@
     };
     return defaultIcons[shape][status];
   };
-
   var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _useMergeProps = (0, _hooks.useMergeProps)(props, _group.CheckboxGroupContext),
-        _useMergeProps$style = _useMergeProps.style,
-        style = _useMergeProps$style === void 0 ? {} : _useMergeProps$style,
-        _useMergeProps$classN = _useMergeProps.className,
-        className = _useMergeProps$classN === void 0 ? '' : _useMergeProps$classN,
-        _useMergeProps$childr = _useMergeProps.children,
-        children = _useMergeProps$childr === void 0 ? null : _useMergeProps$childr,
-        _useMergeProps$label = _useMergeProps.label,
-        label = _useMergeProps$label === void 0 ? '' : _useMergeProps$label,
-        _useMergeProps$layout = _useMergeProps.layout,
-        layout = _useMergeProps$layout === void 0 ? 'inline' : _useMergeProps$layout,
-        value = _useMergeProps.value,
-        _useMergeProps$defaul = _useMergeProps.defaultCheck,
-        defaultCheck = _useMergeProps$defaul === void 0 ? false : _useMergeProps$defaul,
-        _useMergeProps$disabl = _useMergeProps.disabled,
-        disabled = _useMergeProps$disabl === void 0 ? false : _useMergeProps$disabl,
-        _useMergeProps$shape = _useMergeProps.shape,
-        shape = _useMergeProps$shape === void 0 ? 'circle' : _useMergeProps$shape,
-        icons = _useMergeProps.icons,
-        _useMergeProps$isRadi = _useMergeProps.isRadio,
-        isRadio = _useMergeProps$isRadi === void 0 ? false : _useMergeProps$isRadi,
-        propsChecked = _useMergeProps.checked,
-        onChange = _useMergeProps.onChange;
-
+      _useMergeProps$style = _useMergeProps.style,
+      style = _useMergeProps$style === void 0 ? {} : _useMergeProps$style,
+      _useMergeProps$classN = _useMergeProps.className,
+      className = _useMergeProps$classN === void 0 ? '' : _useMergeProps$classN,
+      _useMergeProps$childr = _useMergeProps.children,
+      children = _useMergeProps$childr === void 0 ? null : _useMergeProps$childr,
+      _useMergeProps$label = _useMergeProps.label,
+      label = _useMergeProps$label === void 0 ? '' : _useMergeProps$label,
+      _useMergeProps$layout = _useMergeProps.layout,
+      layout = _useMergeProps$layout === void 0 ? 'inline' : _useMergeProps$layout,
+      value = _useMergeProps.value,
+      _useMergeProps$defaul = _useMergeProps.defaultCheck,
+      defaultCheck = _useMergeProps$defaul === void 0 ? false : _useMergeProps$defaul,
+      _useMergeProps$disabl = _useMergeProps.disabled,
+      disabled = _useMergeProps$disabl === void 0 ? false : _useMergeProps$disabl,
+      _useMergeProps$shape = _useMergeProps.shape,
+      shape = _useMergeProps$shape === void 0 ? 'circle' : _useMergeProps$shape,
+      icons = _useMergeProps.icons,
+      _useMergeProps$isRadi = _useMergeProps.isRadio,
+      isRadio = _useMergeProps$isRadi === void 0 ? false : _useMergeProps$isRadi,
+      propsChecked = _useMergeProps.checked,
+      onChange = _useMergeProps.onChange;
     var _useState = (0, _react.useState)(propsChecked === void 0 ? defaultCheck : propsChecked),
-        checked = _useState[0],
-        setChecked = _useState[1];
-
+      checked = _useState[0],
+      setChecked = _useState[1];
     var _useState2 = (0, _react.useState)(isRadio ? 'radio' : 'checkbox'),
-        componentName = _useState2[0];
-
+      componentName = _useState2[0];
     var domRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
@@ -94,30 +86,27 @@
     (0, _react.useEffect)(function () {
       if (propsChecked !== void 0) setChecked(Boolean(propsChecked));
     }, [propsChecked]);
+
     /**
      * 获得图标样式
      * @en Get icon style
      */
-
     var getStatus = function getStatus() {
       if (checked) {
         if (disabled) return _type.IconStatus.ACTIVE_DISABLED;
         return _type.IconStatus.ACTIVE;
       }
-
       if (disabled) return _type.IconStatus.DISABLED;
       return _type.IconStatus.NORMAL;
     };
+
     /**
      * 计算展示的icon
      * @en Calculate the displayed icon
      */
-
-
     var renderIcon = function renderIcon() {
       var Icon;
       var iconKey = getStatus();
-
       if (icons && icons[iconKey] !== void 0) {
         Icon = icons[iconKey];
       } else if (icons === null) {
@@ -125,7 +114,6 @@
       } else {
         Icon = layout === 'justify' ? getDefaultIcon('justify', iconKey) : getDefaultIcon(shape, iconKey);
       }
-
       return Icon ? /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(componentName + "-icon", {
           disabled: disabled,
@@ -133,24 +121,22 @@
         })
       }, Icon) : null;
     };
+
     /**
      * 处理点击事件
      * @en Handling click events
      */
-
-
     var onClick = function onClick(e) {
-      if (disabled) return; // Radio组件不支持点击取消选中
-      // @en Radio component does not support click to uncheck
+      if (disabled) return;
 
+      // Radio组件不支持点击取消选中
+      // @en Radio component does not support click to uncheck
       if (isRadio && checked) return;
       onChange && onChange(!checked, value, e);
-
       if (propsChecked === void 0) {
         setChecked(!checked);
       }
     };
-
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/_react.default.createElement("div", {

package/umd/checkbox/group.js

@@ -14,17 +14,13 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.CheckboxGroupContext = void 0;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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; }
-
   var CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({
     isGroup: false,
     shape: 'circle',
@@ -33,38 +29,34 @@
     value: [],
     onChange: function onChange() {}
   });
-
   _exports.CheckboxGroupContext = CheckboxGroupContext;
-
   function componentGenerator(Comp) {
     return /*#__PURE__*/(0, _react.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$defaultValue = props.defaultValue,
-          defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
-          _props$disabled = props.disabled,
-          disabled = _props$disabled === void 0 ? false : _props$disabled,
-          _props$shape = props.shape,
-          shape = _props$shape === void 0 ? 'circle' : _props$shape,
-          options = props.options,
-          icons = props.icons,
-          onChange = props.onChange,
-          value = props.value,
-          _props$children = props.children,
-          children = _props$children === void 0 ? null : _props$children,
-          _props$layout = props.layout,
-          layout = _props$layout === void 0 ? 'inline' : _props$layout,
-          _props$min = props.min,
-          min = _props$min === void 0 ? 0 : _props$min,
-          _props$max = props.max,
-          max = _props$max === void 0 ? 0 : _props$max;
-
+        style = _props$style === void 0 ? {} : _props$style,
+        _props$className = props.className,
+        className = _props$className === void 0 ? '' : _props$className,
+        _props$defaultValue = props.defaultValue,
+        defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$shape = props.shape,
+        shape = _props$shape === void 0 ? 'circle' : _props$shape,
+        options = props.options,
+        icons = props.icons,
+        onChange = props.onChange,
+        value = props.value,
+        _props$children = props.children,
+        children = _props$children === void 0 ? null : _props$children,
+        _props$layout = props.layout,
+        layout = _props$layout === void 0 ? 'inline' : _props$layout,
+        _props$min = props.min,
+        min = _props$min === void 0 ? 0 : _props$min,
+        _props$max = props.max,
+        max = _props$max === void 0 ? 0 : _props$max;
       var _useState = (0, _react.useState)(value || defaultValue),
-          groupValue = _useState[0],
-          setGroupValue = _useState[1];
-
+        groupValue = _useState[0],
+        setGroupValue = _useState[1];
       var domRef = (0, _react.useRef)(null);
       (0, _react.useImperativeHandle)(ref, function () {
         return {
@@ -74,23 +66,21 @@
       (0, _react.useEffect)(function () {
         value !== void 0 && setGroupValue(value);
       }, [value]);
+
       /**
        * 切换checkbox状态回调
        * @en callback when toggling checkbox state
        */
-
       var handleChange = function handleChange(checked, val) {
         if (!checked && groupValue.length <= min || max && checked && groupValue.length >= max) return;
         var newGroupValue = checked ? [].concat(groupValue, [val]) : groupValue.filter(function (item) {
           return item !== val;
         });
         onChange && onChange(newGroupValue);
-
         if (value === void 0) {
           setGroupValue(newGroupValue);
         }
       };
-
       return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
         var prefixCls = _ref.prefixCls;
         return /*#__PURE__*/_react.default.createElement("div", {

package/umd/checkbox/hooks/useMergeProps.js

@@ -14,21 +14,18 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.useMergeProps = void 0;
   _extends2 = _interopRequireDefault(_extends2);
-
   var useMergeProps = function useMergeProps(props, groupContext) {
     var _useContext = (0, _react.useContext)(groupContext),
-        disabled = _useContext.disabled,
-        shape = _useContext.shape,
-        layout = _useContext.layout,
-        icons = _useContext.icons,
-        value = _useContext.value,
-        _onChange = _useContext.onChange,
-        isGroup = _useContext.isGroup;
-
+      disabled = _useContext.disabled,
+      shape = _useContext.shape,
+      layout = _useContext.layout,
+      icons = _useContext.icons,
+      value = _useContext.value,
+      _onChange = _useContext.onChange,
+      isGroup = _useContext.isGroup;
     if (!isGroup) return props;
     return (0, _extends2.default)({
       disabled: disabled,
@@ -41,11 +38,9 @@
       checked: value.indexOf(props.value) > -1,
       onChange: function onChange(checked, val, e) {
         _onChange(checked, val, e);
-
         props.onChange && props.onChange(checked, val, e);
       }
     });
   };
-
   _exports.useMergeProps = useMergeProps;
 });

package/umd/checkbox/index.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
 export * from './type';
 declare const _default: import("react").ForwardRefExoticComponent<import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").CheckboxGroupProps<string | number, import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & import("react").RefAttributes<import("./type").CheckboxGroupRef>>;
+    Group: import("react").ForwardRefExoticComponent<import("./type").CheckboxGroupProps<string | number, import("./type").CheckboxProps<string | number> & import("react").RefAttributes<import("./type").CheckboxRef>> & import("react").RefAttributes<import("./type").CheckboxGroupRef>> & {
+        displayName?: string | undefined;
+    };
+} & {
+    displayName?: string | undefined;
 };
 /**
  * 复选框，可用状态下点击切换选择，支持禁用，支持复选项组。
@@ -10,5 +14,6 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
  * @name_en Checkbox
  * @type 数据录入
  * @type_en Data Entry
+ * @displayName Checkbox
  */
 export default _default;

package/umd/checkbox/index.js

@@ -22,12 +22,13 @@
     if (key in _exports && _exports[key] === _type[key]) return;
     _exports[key] = _type[key];
   });
-
   /**
    * 复选项组
    * @en Checkbox group
-   *  */
-  var Group = (0, _group.componentGenerator)(_checkbox.Checkbox);
+   * @displayName CheckboxGroup
+   */
+  var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_checkbox.Checkbox), 'CheckboxGroup');
+
   /**
    * 复选框，可用状态下点击切换选择，支持禁用，支持复选项组。
    * @en Checkbox, click to switch selection when available, support disabled status, support checkbox group.
@@ -35,11 +36,10 @@
    * @name_en Checkbox
    * @type 数据录入
    * @type_en Data Entry
+   * @displayName Checkbox
    */
-
-  var _default = (0, _mobileUtils.componentWrapper)(_checkbox.Checkbox, {
+  var _default = (0, _mobileUtils.componentWrapper)(_checkbox.Checkbox, 'Checkbox', {
     Group: Group
   });
-
   _exports.default = _default;
 });

package/umd/checkbox/type.js

@@ -15,14 +15,12 @@
 
   _exports.__esModule = true;
   _exports.IconStatus = void 0;
-
   /**
    * 图标状态枚举
    * @en Icon status enum
    *  */
   var IconStatus;
   _exports.IconStatus = IconStatus;
-
   (function (IconStatus) {
     IconStatus["NORMAL"] = "normal";
     IconStatus["DISABLED"] = "disabled";