feat(rate): texts support i18n (#3023)

* feat(rate): texts support i18n

* chore: fix typo check

* chore: update snapshot

.github/workflows/typos-config.toml

@@ -4,4 +4,4 @@ default.check-filename = true
 actived="actived"
 
 [files]
-extend-exclude = ["CHANGELOG.md", "*.snap"]
+extend-exclude = ["CHANGELOG.md", "*.snap","jest.base.conf.js"]

src/config-provider/type.ts

@@ -98,6 +98,10 @@ export interface GlobalConfigProvider {
    * 气泡确认框全局配置
    */
   popconfirm?: PopconfirmConfig;
+  /**
+   * 评分组件全局配置
+   */
+  rate?: RateConfig;
   /**
    * 选择器组件全局配置
    */
@@ -912,6 +916,13 @@ export interface TypographyConfig {
   copiedText?: string;
 }
 
+export interface RateConfig {
+  /**
+   * 评分描述，默认值：['极差', '失望', '一般', '满意', '惊喜']
+   */
+  rateText?: string[];
+}
+
 export type AnimationType = 'ripple' | 'expand' | 'fade';
 
 export type IconConfig = GlobalIconConfig;

src/rate/Rate.tsx

@@ -4,6 +4,8 @@ import { StarFilledIcon as TdStarFilledIcon } from 'tdesign-icons-react';
 import { TooltipLite } from '../tooltip';
 import { TdRateProps } from './type';
 import { StyledProps } from '../common';
+
+import { useLocaleReceiver } from '../locale/LocalReceiver';
 import useConfig from '../hooks/useConfig';
 import useGlobalIcon from '../hooks/useGlobalIcon';
 import useControlled from '../hooks/useControlled';
@@ -31,7 +33,10 @@ const RateIcon: React.FC<RateIconProps> = ({ icon, ...props }) => {
 const Rate = React.forwardRef<HTMLDivElement, RateProps>((originalProps, ref) => {
   const props = useDefaultProps<RateProps>(originalProps, rateDefaultProps);
 
-  const { allowHalf, color, count, disabled, gap, showText, size, texts, icon, className, style, onChange } = props;
+  const { allowHalf, color, count, disabled, gap, showText, size, icon, className, style, onChange, texts } = props;
+  const [locale, t] = useLocaleReceiver('rate');
+
+  const displayTexts = texts || t(locale.rateText);
 
   const { classPrefix } = useConfig();
   const [starValue = 0, setStarValue] = useControlled(props, 'value', onChange);
@@ -112,7 +117,7 @@ const Rate = React.forwardRef<HTMLDivElement, RateProps>((originalProps, ref) =>
             onMouseMove={(event) => mouseEnterHandler(event, index + 1)}
           >
             {showText ? (
-              <TooltipLite key={index} content={texts[displayValue - 1]}>
+              <TooltipLite key={index} content={displayTexts[displayValue - 1]}>
                 <div className={`${classPrefix}-rate__star-top`}>
                   <RateIcon size={size} color={activeColor} icon={icon} />
                 </div>
@@ -133,7 +138,7 @@ const Rate = React.forwardRef<HTMLDivElement, RateProps>((originalProps, ref) =>
           </li>
         ))}
       </ul>
-      {showText && <div className={`${classPrefix}-rate__text`}>{texts[displayValue - 1]}</div>}
+      {showText && <div className={`${classPrefix}-rate__text`}>{displayTexts[displayValue - 1]}</div>}
     </div>
   );
 });

src/rate/defaultProps.ts

@@ -12,5 +12,4 @@ export const rateDefaultProps: TdRateProps = {
   count: 5,
   gap: 4,
   showText: false,
-  texts: ['极差', '失望', '一般', '满意', '惊喜'],
 };