From bda8cb5e96caf1a87de0f607b9e6810b3449901d Mon Sep 17 00:00:00 2001
From: rickcole <rickcole21@outlook.com>
Date: Thu, 13 Jun 2019 15:22:34 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E4=BA=9B=E5=B0=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                | 2 +-
 examples/components/App.jsx              | 2 +-
 examples/components/DocSearch.jsx        | 2 +-
 scss/components/form/_nested-select.scss | 4 ++--
 src/renderers/Form/NestedSelect.tsx      | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 27063837..d96d90f4 100644
--- a/README.md
+++ b/README.md
@@ -45,7 +45,7 @@ npm run coverage
 
 ## 如何贡献
 
-请采用 typescript 编写，所有合理的改动、新的公用渲染器、用率或者文档的提交都会被接收。
+请采用 typescript 编写，所有合理的改动、新的公用渲染器、用例或者文档的提交都会被接收。
 
 ## 维护者
 
diff --git a/examples/components/App.jsx b/examples/components/App.jsx
index 300ba66e..5ea4563b 100644
--- a/examples/components/App.jsx
+++ b/examples/components/App.jsx
@@ -712,7 +712,7 @@ export class App extends React.PureComponent {
                            )}
                         </div>
 
-                        <DocSearch />
+                        <DocSearch theme={this.state.theme.value} />
                     </div>
                 </div>
             );
diff --git a/examples/components/DocSearch.jsx b/examples/components/DocSearch.jsx
index ce25528f..a4032869 100644
--- a/examples/components/DocSearch.jsx
+++ b/examples/components/DocSearch.jsx
@@ -41,7 +41,7 @@ export default class DocSearch extends React.Component {
 
     render() {
         return (
-            <FormComponent showCode={false} />
+            <FormComponent showCode={false} theme={this.props.theme} />
         );
     }
 }
\ No newline at end of file
diff --git a/scss/components/form/_nested-select.scss b/scss/components/form/_nested-select.scss
index f3dc1d69..b6b65e2e 100644
--- a/scss/components/form/_nested-select.scss
+++ b/scss/components/form/_nested-select.scss
@@ -82,8 +82,8 @@
         position: relative;
 
         svg {
-            width: px2rem(20px);
-            height: px2rem(20px);
+            width: px2rem(12px);
+            height: px2rem(12px);
             position: absolute;
             top: 50%;
             left: 50%;
diff --git a/src/renderers/Form/NestedSelect.tsx b/src/renderers/Form/NestedSelect.tsx
index 61801c68..1a9c0529 100644
--- a/src/renderers/Form/NestedSelect.tsx
+++ b/src/renderers/Form/NestedSelect.tsx
@@ -238,7 +238,7 @@ export default class NestedSelectControl extends React.Component<NestedSelectPro
                         onClick={this.handleOptionClick.bind(this, option)}
                     >
                         <span>{option.label}</span>
-                        {option.children ? (<span className={cx('NestedSelect-arrowZone')}><span className={cx('NestedSelect-optionArrowRight')}></span></span>) : null}
+                        {option.children ? (<div className={cx('NestedSelect-optionArrowRight')}>{rightArrowIcon}</div>) : null}
                         {option.children && option.children.length ? this.renderOptions(option.children, true, false) : null}
                     </div>