@arco-design/mobile-react 2.24.1 → 2.25.0

package/esm/pull-refresh/hooks.js

@@ -3,32 +3,27 @@ import { Promise } from 'es6-promise';
 import { PullRefreshStatus } from './model';
 export var useCommonState = function useCommonState(_ref) {
   var onRefresh = _ref.onRefresh,
-      loosingMinHeight = _ref.loosingMinHeight;
-
+    loosingMinHeight = _ref.loosingMinHeight;
   var _useState = useState(PullRefreshStatus.Static),
-      status = _useState[0],
-      setStatus = _useState[1];
-
+    status = _useState[0],
+    setStatus = _useState[1];
   var loadingRef = useRef(false);
   var labelRef = useRef(null);
   var domRef = useRef(null);
-
   var _useState2 = useState(false),
-      touching = _useState2[0],
-      setTouching = _useState2[1];
-
+    touching = _useState2[0],
+    setTouching = _useState2[1];
   var tipsHeight = useMemo(function () {
     var _labelRef$current$get, _labelRef$current;
-
     return (_labelRef$current$get = (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.getBoundingClientRect().height) != null ? _labelRef$current$get : 40;
   }, [status]);
   var loosingHeight = useMemo(function () {
     return loosingMinHeight || tipsHeight;
   }, [tipsHeight, loosingMinHeight]);
   var handleRefresh = useCallback(function () {
-    loadingRef.current = true; // 避免动画过快，最短加载时间
+    loadingRef.current = true;
+    // 避免动画过快，最短加载时间
     // @en Minimum load time, avoid animation too fast
-
     return Promise.all([onRefresh == null ? void 0 : onRefresh(), new Promise(function (resolve) {
       // 最少加载一秒
       // @en Load at least one second
@@ -52,41 +47,35 @@ export var useCommonState = function useCommonState(_ref) {
 };
 export var useAddScrollEvents = function useAddScrollEvents(_ref2) {
   var domRef = _ref2.domRef,
-      handleTouchStart = _ref2.handleTouchStart,
-      handleTouchMove = _ref2.handleTouchMove,
-      handleTouchEnd = _ref2.handleTouchEnd;
+    handleTouchStart = _ref2.handleTouchStart,
+    handleTouchMove = _ref2.handleTouchMove,
+    handleTouchEnd = _ref2.handleTouchEnd;
   useEffect(function () {
     var _domRef$current;
-
     (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.addEventListener('touchstart', handleTouchStart, {
       passive: false
     });
     return function () {
       var _domRef$current2;
-
       (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.removeEventListener('touchstart', handleTouchStart);
     };
   }, [handleTouchMove]);
   useEffect(function () {
     var _domRef$current3;
-
     (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('touchmove', handleTouchMove, {
       passive: false
     });
     return function () {
       var _domRef$current4;
-
       (_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('touchmove', handleTouchMove);
     };
   }, [handleTouchMove]);
   useEffect(function () {
     var _domRef$current5, _domRef$current6;
-
     (_domRef$current5 = domRef.current) == null ? void 0 : _domRef$current5.addEventListener('touchend', handleTouchEnd);
     (_domRef$current6 = domRef.current) == null ? void 0 : _domRef$current6.addEventListener('touchcancel', handleTouchEnd);
     return function () {
       var _domRef$current7, _domRef$current8;
-
       (_domRef$current7 = domRef.current) == null ? void 0 : _domRef$current7.removeEventListener('touchend', handleTouchEnd);
       (_domRef$current8 = domRef.current) == null ? void 0 : _domRef$current8.removeEventListener('touchcancel', handleTouchEnd);
     };
@@ -94,10 +83,9 @@ export var useAddScrollEvents = function useAddScrollEvents(_ref2) {
 };
 export var useCheckAsStart = function useCheckAsStart(_ref3) {
   var allowPullWhenNotTop = _ref3.allowPullWhenNotTop,
-      domRef = _ref3.domRef;
+    domRef = _ref3.domRef;
   var ifShouldHandle = useCallback(function () {
     var _domRef$current$getBo, _domRef$current9, _domRef$current9$getB;
-
     var domRefHeight = (_domRef$current$getBo = (_domRef$current9 = domRef.current) == null ? void 0 : (_domRef$current9$getB = _domRef$current9.getBoundingClientRect()) == null ? void 0 : _domRef$current9$getB.height) != null ? _domRef$current$getBo : 0;
     return domRef.current && !(!allowPullWhenNotTop && (domRef.current.scrollTop < 0 || domRef.current.scrollTop > domRef.current.scrollHeight - domRefHeight));
   }, [allowPullWhenNotTop]);

package/esm/pull-refresh/index.d.ts

@@ -3,12 +3,18 @@ import { PullRefreshBasicProps, PullRefreshRef } from './model';
 export type { PullRefreshRef } from './model';
 export interface PullRefreshProps extends PullRefreshBasicProps {
     /**
-     * 分成两种类型
-     * @en Divided into two types
+     * 下拉刷新组件不同的实现方式，android - 常规的外层容器 transform，ios - 利用 ios scrollTop 负值实现下拉及回弹(性能优于transform)，仅ios可用。指定该属性值后优先级高于 useIosOptimize
+     * @en Different implementation methods of PullRefresh, android - conventional outer container transform, ios - use ios scrollTop negative value to achieve pull-down and rebound (performance is better than transform), only available for ios. After specifying value, the priority is higher than useIosOptimize
      * @default 跟随系统
-     * @default_en follow the system
+     * @default_en Follow the system
      */
     type?: 'ios' | 'android';
+    /**
+     * 在 ios 上是否使用 scrollTop 负值实现下拉及回弹，而不是 transform，关闭后所有机型都使用 transform 的方式
+     * @en Whether to use the negative value of scrollTop on ios to achieve pull-down and rebound instead of transform. After closing, all models use transform
+     * @default false
+     */
+    useIosOptimize?: boolean;
 }
 /**
  * 下拉刷新数据组件。

package/esm/pull-refresh/index.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["type", "children"];
+var _excluded = ["type", "useIosOptimize", "children"];
 import React, { forwardRef } from 'react';
 import { PullRefresh as IOSPullRefresh } from './ios-pull-refresh';
 import { PullRefresh as AndroidPullRefresh } from './android-pull-refresh';
 import { useSystem } from '../_helpers';
-
 /**
  * 下拉刷新数据组件。
  * @en PullRefresh component that pulls down to refresh data.
@@ -16,11 +15,11 @@ import { useSystem } from '../_helpers';
  */
 var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
   var type = props.type,
-      children = props.children,
-      rest = _objectWithoutPropertiesLoose(props, _excluded);
-
+    useIosOptimize = props.useIosOptimize,
+    children = props.children,
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var system = useSystem();
-  var Container = (type || system) === 'ios' ? IOSPullRefresh : AndroidPullRefresh;
+  var Container = type === 'ios' || useIosOptimize && (type || system) === 'ios' ? IOSPullRefresh : AndroidPullRefresh;
   return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
     ref: ref
   }), children);

package/esm/pull-refresh/ios-pull-refresh.js

@@ -8,77 +8,69 @@ import { useCommonState, useAddScrollEvents, useCheckAsStart } from './hooks';
 import { useListenResize } from '../_helpers';
 export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
   var _pullTextConfig;
-
   var _useContext = useContext(GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      _useContext$locale = _useContext.locale,
-      locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale;
-
+    prefixCls = _useContext.prefixCls,
+    _useContext$locale = _useContext.locale,
+    locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale;
   var animationRef = useRef(0);
   var className = props.className,
-      style = props.style,
-      children = props.children,
-      _props$loadingText = props.loadingText,
-      loadingText = _props$loadingText === void 0 ? /*#__PURE__*/React.createElement("div", {
-    className: cls(prefixCls + "-pull-refresh-label-text")
-  }, /*#__PURE__*/React.createElement(Loading, {
-    type: "circle",
-    radius: 4
-  }), /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
-      _props$pullingText = props.pullingText,
-      pullingText = _props$pullingText === void 0 ? /*#__PURE__*/React.createElement("div", {
-    className: cls(prefixCls + "-pull-refresh-label-text")
-  }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
-      _props$finishText = props.finishText,
-      finishText = _props$finishText === void 0 ? /*#__PURE__*/React.createElement("div", {
-    className: cls(prefixCls + "-pull-refresh-label-text")
-  }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
-      initialText = props.initialText,
-      _props$finishDelay = props.finishDelay,
-      finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      loosingMinHeight = props.loosingMinHeight,
-      _props$useHideAsNeste = props.useHideAsNestedScroll,
-      useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
-      _props$allowPullWhenN = props.allowPullWhenNotTop,
-      allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
-      onRefresh = props.onRefresh;
+    style = props.style,
+    children = props.children,
+    _props$loadingText = props.loadingText,
+    loadingText = _props$loadingText === void 0 ? /*#__PURE__*/React.createElement("div", {
+      className: cls(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/React.createElement(Loading, {
+      type: "circle",
+      radius: 4
+    }), /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
+    _props$pullingText = props.pullingText,
+    pullingText = _props$pullingText === void 0 ? /*#__PURE__*/React.createElement("div", {
+      className: cls(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
+    _props$finishText = props.finishText,
+    finishText = _props$finishText === void 0 ? /*#__PURE__*/React.createElement("div", {
+      className: cls(prefixCls + "-pull-refresh-label-text")
+    }, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
+    initialText = props.initialText,
+    _props$finishDelay = props.finishDelay,
+    finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    loosingMinHeight = props.loosingMinHeight,
+    _props$useHideAsNeste = props.useHideAsNestedScroll,
+    useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
+    _props$allowPullWhenN = props.allowPullWhenNotTop,
+    allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
+    onRefresh = props.onRefresh;
   var lastScrollTop = useRef(0);
   var statusRef = useRef(PullRefreshStatus.Static);
-
   var _useState = useState({}),
-      labelStyle = _useState[0],
-      setLabelStyle = _useState[1];
-
+    labelStyle = _useState[0],
+    setLabelStyle = _useState[1];
   var _useState2 = useState(0),
-      contentHeight = _useState2[0],
-      setContentHeight = _useState2[1];
-
+    contentHeight = _useState2[0],
+    setContentHeight = _useState2[1];
   var _useCommonState = useCommonState({
-    loosingMinHeight: loosingMinHeight,
-    onRefresh: onRefresh
-  }),
-      loadingRef = _useCommonState.loadingRef,
-      status = _useCommonState.status,
-      setStatus = _useCommonState.setStatus,
-      labelRef = _useCommonState.labelRef,
-      domRef = _useCommonState.domRef,
-      touching = _useCommonState.touching,
-      setTouching = _useCommonState.setTouching,
-      loosingHeight = _useCommonState.loosingHeight,
-      tipsHeight = _useCommonState.tipsHeight,
-      handleRefresh = _useCommonState.handleRefresh;
-
+      loosingMinHeight: loosingMinHeight,
+      onRefresh: onRefresh
+    }),
+    loadingRef = _useCommonState.loadingRef,
+    status = _useCommonState.status,
+    setStatus = _useCommonState.setStatus,
+    labelRef = _useCommonState.labelRef,
+    domRef = _useCommonState.domRef,
+    touching = _useCommonState.touching,
+    setTouching = _useCommonState.setTouching,
+    loosingHeight = _useCommonState.loosingHeight,
+    tipsHeight = _useCommonState.tipsHeight,
+    handleRefresh = _useCommonState.handleRefresh;
   var _useCheckAsStart = useCheckAsStart({
-    domRef: domRef,
-    allowPullWhenNotTop: allowPullWhenNotTop
-  }),
-      ifShouldHandle = _useCheckAsStart.ifShouldHandle;
-
+      domRef: domRef,
+      allowPullWhenNotTop: allowPullWhenNotTop
+    }),
+    ifShouldHandle = _useCheckAsStart.ifShouldHandle;
   var currentLabelStyle = useMemo(function () {
     var _domRef$current$scrol, _domRef$current;
-
     return useHideAsNestedScroll && !touching && status === PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 || disabled ? _extends({}, labelStyle, {
       opacity: 0
     }) : labelStyle;
@@ -88,7 +80,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
     if (callback === void 0) {
       callback = function callback() {};
     }
-
     if (animationRef.current === animationKey) {
       setLabelStyle({
         position: 'relative',
@@ -97,7 +88,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
         transition: 'height .45s'
       });
     }
-
     setTimeout(function () {
       if (animationRef.current === animationKey) {
         if (domRef.current) domRef.current.style.overflow = 'auto';
@@ -117,12 +107,10 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleTouchStart = useCallback(function () {
     if (disabled || loadingRef.current || !domRef.current || !ifShouldHandle()) return;
     setTouching(true);
-
     if (domRef.current && domRef.current.scrollTop === 0) {
       domRef.current.scrollTop = 1;
     }
   }, [disabled, ifShouldHandle]);
-
   var refresh = function refresh() {
     return new Promise(function (resolve) {
       if (domRef.current) {
@@ -149,7 +137,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     });
   };
-
   var handleTouchEnd = useCallback(function () {
     if (disabled || loadingRef.current || !domRef.current) return;
     setTouching(false);
@@ -159,7 +146,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
     if (disabled || loadingRef.current || !domRef.current) return;
     setTimeout(function () {
       var _domRef$current$scrol2, _domRef$current2, _domRef$current$scrol3, _domRef$current3;
-
       var isLoosing = -((_domRef$current$scrol2 = (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop) != null ? _domRef$current$scrol2 : 0) > loosingHeight;
       if (isLoosing) lastScrollTop.current = (_domRef$current$scrol3 = (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.scrollTop) != null ? _domRef$current$scrol3 : 0;
       statusRef.current = isLoosing ? PullRefreshStatus.Loosing : PullRefreshStatus.Pulling;
@@ -168,8 +154,7 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
   var updateIOSHeight = useCallback(function () {
     if (domRef.current) {
       var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
-          height = _domRef$current$getBo.height;
-
+        height = _domRef$current$getBo.height;
       setContentHeight(height);
     }
   }, []);

package/esm/pull-refresh/model.js

@@ -1,5 +1,4 @@
 export var PullRefreshStatus;
-
 (function (PullRefreshStatus) {
   PullRefreshStatus[PullRefreshStatus["Static"] = 0] = "Static";
   PullRefreshStatus[PullRefreshStatus["Pulling"] = 1] = "Pulling";

package/esm/radio/group.js

@@ -13,28 +13,26 @@ export var RadioGroupContext = /*#__PURE__*/React.createContext({
 export function componentGenerator(Comp) {
   return /*#__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,
-        defaultValue = 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,
-        _props$onChange = props.onChange,
-        onChange = _props$onChange === void 0 ? function () {} : _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;
-
+      style = _props$style === void 0 ? {} : _props$style,
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      defaultValue = 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,
+      _props$onChange = props.onChange,
+      onChange = _props$onChange === void 0 ? function () {} : _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;
     var _useState = useState(value || defaultValue),
-        groupValue = _useState[0],
-        setGroupValue = _useState[1];
-
+      groupValue = _useState[0],
+      setGroupValue = _useState[1];
     var domRef = useRef(null);
     useImperativeHandle(ref, function () {
       return {
@@ -44,20 +42,18 @@ export function componentGenerator(Comp) {
     useEffect(function () {
       value !== void 0 && setGroupValue(value);
     }, [value]);
+
     /**
      * 切换Radio状态回调
      * @en Callback when toggling radio state
      */
-
     var handleChange = function handleChange(checked, newValue) {
       if (!checked) return;
       onChange(newValue);
-
       if (value === void 0) {
         setGroupValue(newValue);
       }
     };
-
     return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return /*#__PURE__*/React.createElement("div", {

package/esm/radio/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 export * from './type';
 declare const _default: import("react").ForwardRefExoticComponent<import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & {
-    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>>;
+    Group: import("react").ForwardRefExoticComponent<import("./type").RadioGroupProps<string | number, import("./type").RadioProps<string | number> & import("react").RefAttributes<import("./type").RadioRef>> & import("react").RefAttributes<import("./type").RadioGroupRef>> & "RadioGroup";
+} & {
+    displayName: string;
 };
 /**
  * 单选框，可用状态下点击切换选择，支持禁用，支持单选项组。
@@ -10,5 +12,6 @@ declare const _default: import("react").ForwardRefExoticComponent<import("./type
  * @name_en Radio
  * @type 数据录入
  * @type_en Data Entry
+ * @displayName Radio
  */
 export default _default;

package/esm/radio/index.js

@@ -2,12 +2,14 @@ import { componentWrapper } from '@arco-design/mobile-utils';
 import { componentGenerator } from './group';
 import { Radio } from './radio';
 export * from './type';
+
 /**
  * 单选项组
  * @en Radio group
+ * @displayName RadioGroup
  */
+var Group = componentWrapper(componentGenerator(Radio), 'RadioGroup');
 
-var Group = componentGenerator(Radio);
 /**
  * 单选框，可用状态下点击切换选择，支持禁用，支持单选项组。
  * @en Radio button, click to switch selection when available, supports disabled state and radio option group.
@@ -15,8 +17,8 @@ var Group = componentGenerator(Radio);
  * @name_en Radio
  * @type 数据录入
  * @type_en Data Entry
+ * @displayName Radio
  */
-
-export default componentWrapper(Radio, {
+export default componentWrapper(Radio, 'Radio', {
   Group: Group
 });

package/esm/rate/index.d.ts

@@ -94,6 +94,7 @@ export interface RateRef {
      */
     dom: HTMLDivElement | null;
 }
+declare const _default: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>> & "Rate";
 /**
  * 评分组件，支持受控模式
  * @en Rate component, supports controlled mode
@@ -101,6 +102,6 @@ export interface RateRef {
  * @type_en Data Entry
  * @name 评分
  * @name_en Rate
+ * @displayName Rate
  */
-declare const Rate: React.ForwardRefExoticComponent<RateProps & React.RefAttributes<RateRef>>;
-export default Rate;
+export default _default;

package/esm/rate/index.js

@@ -1,44 +1,33 @@
 import React, { useState, useRef, forwardRef, useImperativeHandle, useMemo } from 'react';
-import { cls } from '@arco-design/mobile-utils';
+import { cls, componentWrapper } from '@arco-design/mobile-utils';
 import { ContextLayout } from '../context-provider';
 import IconStarFill from '../icon/IconStarFill';
 import IconStarHalf from '../icon/IconStarHalf';
 import { useUpdateEffect } from '../_helpers';
-
-/**
- * 评分组件，支持受控模式
- * @en Rate component, supports controlled mode
- * @type 数据录入
- * @type_en Data Entry
- * @name 评分
- * @name_en Rate
- */
 var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
-      style = props.style,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
-      value = props.value,
-      _props$count = props.count,
-      count = _props$count === void 0 ? 5 : _props$count,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 1 : _props$step,
-      color = props.color,
-      normalColor = props.normalColor,
-      disabledColor = props.disabledColor,
-      _props$allowHalf = props.allowHalf,
-      allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      size = props.size,
-      offset = props.offset,
-      icons = props.icons,
-      onChange = props.onChange;
-
+    style = props.style,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+    value = props.value,
+    _props$count = props.count,
+    count = _props$count === void 0 ? 5 : _props$count,
+    _props$step = props.step,
+    step = _props$step === void 0 ? 1 : _props$step,
+    color = props.color,
+    normalColor = props.normalColor,
+    disabledColor = props.disabledColor,
+    _props$allowHalf = props.allowHalf,
+    allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    size = props.size,
+    offset = props.offset,
+    icons = props.icons,
+    onChange = props.onChange;
   var _useState = useState(defaultValue),
-      innerValue = _useState[0],
-      setInnerValue = _useState[1];
-
+    innerValue = _useState[0],
+    setInnerValue = _useState[1];
   var starIndex = useMemo(function () {
     var actualValue = value !== void 0 ? value : innerValue;
     return actualValue / step || 0;
@@ -55,43 +44,34 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
       dom: domRef.current
     };
   });
-
   function handleStarIndexChange(newIndex) {
     if (disabled) {
       return;
     }
-
     var newValue = newIndex * step;
     setInnerValue(newValue);
     onChange && onChange(newValue);
   }
-
   function renderIconByAttr(defaultNode, index, attr) {
     if (!attr) {
       return defaultNode;
     }
-
     if (typeof attr === 'function') {
       // 对外的index从0开始
       // @en External index starts from 0
       return attr(index - 1);
     }
-
     return attr;
   }
-
   function getIconStatus(index) {
     if (starIndex >= index) {
       return 'active';
     }
-
     if (starIndex >= index - 0.5 && allowHalf) {
       return 'half-active';
     }
-
     return 'normal';
   }
-
   function renderRateIcon(prefix, status, index) {
     if (status === 'active') {
       return renderIconByAttr( /*#__PURE__*/React.createElement(IconStarFill, {
@@ -104,12 +84,10 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }), index, icons == null ? void 0 : icons.active);
     }
-
     if (status === 'half-active') {
       var _ref = icons || {},
-          active = _ref.active,
-          halfActive = _ref.halfActive;
-
+        active = _ref.active,
+        halfActive = _ref.halfActive;
       var customIcon = halfActive || active;
       return renderIconByAttr( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconStarFill, {
         className: cls(prefix + "-icon normal", {
@@ -129,7 +107,6 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       })), index, customIcon);
     }
-
     return renderIconByAttr( /*#__PURE__*/React.createElement(IconStarFill, {
       className: cls(prefix + "-icon normal", {
         disabled: disabled
@@ -140,7 +117,6 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
       }
     }), index, icons == null ? void 0 : icons.normal);
   }
-
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
     var prefixCls = _ref2.prefixCls;
     return /*#__PURE__*/React.createElement("div", {
@@ -179,4 +155,14 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
     }));
   });
 });
-export default Rate;
+
+/**
+ * 评分组件，支持受控模式
+ * @en Rate component, supports controlled mode
+ * @type 数据录入
+ * @type_en Data Entry
+ * @name 评分
+ * @name_en Rate
+ * @displayName Rate
+ */
+export default componentWrapper(Rate, 'Rate');