Optional prop which is used as label for Tooltip #3761 (#3778)

src/components/Charts/MiniProgress/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface IMiniProgressProps {
   target: number;
+  targetLabel: string;
   color?: string;
   strokeWidth?: number;
   percent?: number;

src/components/Charts/MiniProgress/index.js

@@ -1,11 +1,21 @@
 import React from 'react';
 import { Tooltip } from 'antd';
+import { formatMessage } from 'umi/locale';
 
 import styles from './index.less';
 
-const MiniProgress = ({ target, color = 'rgb(19, 194, 194)', strokeWidth, percent }) => (
+const MiniProgress = ({
+  targetLabel,
+  target,
+  color = 'rgb(19, 194, 194)',
+  strokeWidth,
+  percent,
+}) => (
   <div className={styles.miniProgress}>
-    <Tooltip title={`目标值: ${target}%`}>
+    <Tooltip
+      title={`${targetLabel ||
+        formatMessage({ id: 'component.miniProgress.tooltipDefault' }).concat(': ')} ${target}%`}
+    >
       <div className={styles.target} style={{ left: target ? `${target}%` : null }}>
         <span style={{ backgroundColor: color || null }} />
         <span style={{ backgroundColor: color || null }} />

src/locales/en-US/component.js

@@ -2,4 +2,5 @@ export default {
   'component.tagSelect.expand': 'Expand',
   'component.tagSelect.collapse': 'Collapse',
   'component.tagSelect.all': 'All',
+  'component.miniProgress.tooltipDefault': 'Target value',
 };

src/locales/pt-BR/component.js

@@ -2,4 +2,5 @@ export default {
   'component.tagSelect.expand': 'Expandir',
   'component.tagSelect.collapse': 'Diminuir',
   'component.tagSelect.all': 'Todas',
+  'component.miniProgress.tooltipDefault': 'Valor alvo',
 };

src/locales/zh-CN/component.js

@@ -2,4 +2,5 @@ export default {
   'component.tagSelect.expand': '展开',
   'component.tagSelect.collapse': '收起',
   'component.tagSelect.all': '全部',
+  'component.miniProgress.tooltipDefault': '目标值',
 };

src/locales/zh-TW/component.js

@@ -2,4 +2,5 @@ export default {
   'component.tagSelect.expand': '展開',
   'component.tagSelect.collapse': '收起',
   'component.tagSelect.all': '全部',
+  'component.miniProgress.tooltipDefault': '目标值',
 };