@arco-design/mobile-react 2.24.1 → 2.25.0

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

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

package/cjs/carousel/style/index.js

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

package/cjs/cell/arrow.js

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

package/cjs/cell/cell.js

@@ -1,40 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.Cell = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _arrow = _interopRequireDefault(require("./arrow"));
-
 var _group = require("./group");
-
 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/cjs/cell/group.js

@@ -1,52 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.GroupContext = void 0;
 exports.componentGenerator = componentGenerator;
-
 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");
-
 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/cjs/cell/index.js

@@ -3,15 +3,10 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _group = require("./group");
-
 var _cell = require("./cell");
-
 var _type = require("./type");
-
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -19,6 +14,7 @@ Object.keys(_type).forEach(function (key) {
   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.
@@ -27,9 +23,7 @@ var Group = (0, _group.componentGenerator)(_cell.Cell);
  * @name 单元格
  * @name_en Cell
  */
-
 var _default = (0, _mobileUtils.componentWrapper)(_cell.Cell, {
   Group: Group
 });
-
 exports.default = _default;

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

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

package/cjs/cell/style/index.js

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

package/cjs/checkbox/checkbox.js

@@ -1,38 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.Checkbox = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _contextProvider = require("../context-provider");
-
 var _IconCircleUnchecked = _interopRequireDefault(require("../icon/IconCircleUnchecked"));
-
 var _IconCircleChecked = _interopRequireDefault(require("../icon/IconCircleChecked"));
-
 var _IconCircleDisabled = _interopRequireDefault(require("../icon/IconCircleDisabled"));
-
 var _IconSquareChecked = _interopRequireDefault(require("../icon/IconSquareChecked"));
-
 var _IconSquareUnchecked = _interopRequireDefault(require("../icon/IconSquareUnchecked"));
-
 var _IconSquareDisabled = _interopRequireDefault(require("../icon/IconSquareDisabled"));
-
 var _group = require("./group");
-
 var _type = require("./type");
-
 var _hooks = require("./hooks");
-
 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: {
@@ -56,39 +40,35 @@ var getDefaultIcon = function getDefaultIcon(shape, status) {
   };
   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 {
@@ -98,30 +78,27 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (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) {
@@ -129,7 +106,6 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } 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,
@@ -137,24 +113,22 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       })
     }, 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/cjs/checkbox/group.js

@@ -1,23 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.CheckboxGroupContext = void 0;
 exports.componentGenerator = componentGenerator;
-
 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");
-
 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',
@@ -26,38 +18,34 @@ var CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({
   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 {
@@ -67,23 +55,21 @@ function componentGenerator(Comp) {
     (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/cjs/checkbox/hooks/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-
 var _useMergeProps = require("./useMergeProps");
-
 Object.keys(_useMergeProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _useMergeProps[key]) return;

package/cjs/checkbox/hooks/useMergeProps.js

@@ -1,24 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.useMergeProps = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = require("react");
-
 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,
@@ -31,10 +26,8 @@ var useMergeProps = function useMergeProps(props, groupContext) {
     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/cjs/checkbox/index.d.ts

@@ -1,7 +1,9 @@
 /// <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>> & "CheckboxGroup";
+} & {
+    displayName: string;
 };
 /**
  * 复选框，可用状态下点击切换选择，支持禁用，支持复选项组。
@@ -10,5 +12,6 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
  * @name_en Checkbox
  * @type 数据录入
  * @type_en Data Entry
+ * @displayName Checkbox
  */
 export default _default;

package/cjs/checkbox/index.js

@@ -3,27 +3,23 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
-
 var _mobileUtils = require("@arco-design/mobile-utils");
-
 var _group = require("./group");
-
 var _checkbox = require("./checkbox");
-
 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];
 });
-
 /**
  * 复选项组
  * @en Checkbox group
+ * @displayName CheckboxGroup
  *  */
-var Group = (0, _group.componentGenerator)(_checkbox.Checkbox);
+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.
@@ -31,10 +27,9 @@ var Group = (0, _group.componentGenerator)(_checkbox.Checkbox);
  * @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/cjs/checkbox/style/css/index.js

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

package/cjs/checkbox/style/index.js

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

package/cjs/checkbox/type.js

@@ -2,14 +2,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";