Optional prop which is used as label for Tooltip ant-design#3761 (ant…

…-design#3778)
labchy · Mar 22, 2019 · 76e19f1 · 76e19f1
1 parent 090e184
commit 76e19f1
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 2 deletions.
diff --git a/src/components/Charts/MiniProgress/index.d.ts b/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;

diff --git a/src/components/Charts/MiniProgress/index.js b/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 }} />

diff --git a/src/locales/en-US/component.js b/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',
 };
diff --git a/src/locales/pt-BR/component.js b/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',
 };
diff --git a/src/locales/zh-CN/component.js b/src/locales/zh-CN/component.js
@@ -2,4 +2,5 @@ export default {
  'component.tagSelect.expand': '展开',
  'component.tagSelect.collapse': '收起',
  'component.tagSelect.all': '全部',
+ 'component.miniProgress.tooltipDefault': '目标值',
 };
diff --git a/src/locales/zh-TW/component.js b/src/locales/zh-TW/component.js
@@ -2,4 +2,5 @@ export default {
  'component.tagSelect.expand': '展開',
  'component.tagSelect.collapse': '收起',
  'component.tagSelect.all': '全部',
+ 'component.miniProgress.tooltipDefault': '目标值',
 };