fix(rtl): fix typos (rsuite#1130)

mehaksaini2811 · Jun 18, 2020 · 9e878b9 · 9e878b9
1 parent 94cfcd1
commit 9e878b9
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -84,8 +84,8 @@ You can go through [full documentation][rsuite-doc-guide] or start with followin
 - [Use CDN][demo-cdn]
 - [Internationalization][demo-intl-app]
 - [Themes][demo-multiple-themes]
-- [RLT - RTLCSS][demo-rtlcss]
-- [RLT - PostCSS-RTL][demo-postcss-rtl]
+- [RTL - RTLCSS][demo-rtlcss]
+- [RTL - PostCSS-RTL][demo-postcss-rtl]
 - [Use in create-react-app][demo-create-react-app]
 - [Use in Electron][demo-electron]
 - [Use in Flow][demo-flow-app]

diff --git a/README_zh.md b/README_zh.md
@@ -77,8 +77,8 @@ ReactDOM.render(<Button>Button</Button>, mountNode);
 - [CDN 引入][demo-cdn]
 - [国际化方案][demo-intl-app]
 - [多主题方案][demo-multiple-themes]
-- [RLT 方案 - rtlcss][demo-rtlcss]
-- [RLT 方案 - postcss-rtl][demo-postcss-rtl]
+- [RTL 方案 - rtlcss][demo-rtlcss]
+- [RTL 方案 - postcss-rtl][demo-postcss-rtl]
 - [在 create-react-app 中使用][demo-create-react-app]
 - [在 Electron 中使用][demo-electron]
 - [在 Flow 中使用][demo-flow-app]

diff --git a/docs/pages/guide/introduction/en-US/index.md b/docs/pages/guide/introduction/en-US/index.md
@@ -43,8 +43,8 @@ React Suite supports server side rendering. Support [Next.js](https://github.com
 - [Use CDN][demo-cdn]
 - [Internationalization][demo-intl-app]
 - [Themes][demo-multiple-themes]
-- [RLT - RTLCSS][demo-rtlcss]
-- [RLT - PostCSS-RTL][demo-postcss-rtl]
+- [RTL - RTLCSS][demo-rtlcss]
+- [RTL - PostCSS-RTL][demo-postcss-rtl]
 - [Use in create-react-app][demo-create-react-app]
 - [Use in Electron][demo-electron]
 - [Use in Flow][demo-flow-app]

diff --git a/docs/pages/guide/introduction/zh-CN/index.md b/docs/pages/guide/introduction/zh-CN/index.md
@@ -43,8 +43,8 @@ React Suite 支持服务端渲染， 支持通过 [Next.js](https://github.com/z
 - [CDN 引入][demo-cdn]
 - [国际化方案][demo-intl-app]
 - [多主题方案][demo-multiple-themes]
-- [RLT 方案 - rtlcss][demo-rtlcss]
-- [RLT 方案 - postcss-rtl][demo-postcss-rtl]
+- [RTL 方案 - rtlcss][demo-rtlcss]
+- [RTL 方案 - postcss-rtl][demo-postcss-rtl]
 - [在 create-react-app 中使用][demo-create-react-app]
 - [在 Electron 中使用][demo-electron]
 - [在 Flow 中使用][demo-flow-app]

diff --git a/src/Slider/ProgressBar.tsx b/src/Slider/ProgressBar.tsx
@@ -13,8 +13,8 @@ interface ProgressBarProps extends StandardProps {
 function ProgressBar(props: ProgressBarProps) {
   const { vertical, rtl, end = 0, start = 0, style, className } = props;
   const sizeKey = vertical ? 'height' : 'width';
-  const rltKey = rtl ? 'right' : 'left';
-  const startKey = vertical ? 'top' : rltKey;
+  const dirKey = rtl ? 'right' : 'left';
+  const startKey = vertical ? 'top' : dirKey;
   const styles = {
     ...style,
     [startKey]: `${start}%`,