From c7dd4588efda8344be742a763e6ee8ccc79cf251 Mon Sep 17 00:00:00 2001
From: chenshuai2144 <qixian.cs@outlook.com>
Date: Tue, 15 Oct 2019 23:32:41 +0800
Subject: [PATCH] feat: support default value

ref #5364
---
 src/components/GlobalHeader/RightContent.tsx |  1 +
 src/components/HeaderSearch/index.tsx        | 11 ++++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/GlobalHeader/RightContent.tsx b/src/components/GlobalHeader/RightContent.tsx
index 3516fc56..333d1b54 100644
--- a/src/components/GlobalHeader/RightContent.tsx
+++ b/src/components/GlobalHeader/RightContent.tsx
@@ -30,6 +30,7 @@ const GlobalHeaderRight: React.SFC<GlobalHeaderRightProps> = props => {
         placeholder={formatMessage({
           id: 'component.globalHeader.search',
         })}
+        defaultValue="umi ui"
         dataSource={[
           formatMessage({
             id: 'component.globalHeader.search.example1',
diff --git a/src/components/HeaderSearch/index.tsx b/src/components/HeaderSearch/index.tsx
index 9e05b6af..85f8a387 100644
--- a/src/components/HeaderSearch/index.tsx
+++ b/src/components/HeaderSearch/index.tsx
@@ -17,10 +17,11 @@ export interface HeaderSearchProps {
   dataSource: DataSourceItemType[];
   defaultOpen: boolean;
   open?: boolean;
+  defaultValue?: string;
 }
 
 interface HeaderSearchState {
-  value: string;
+  value?: string;
   searchMode: boolean;
 }
 
@@ -52,7 +53,7 @@ export default class HeaderSearch extends Component<HeaderSearchProps, HeaderSea
     super(props);
     this.state = {
       searchMode: props.defaultOpen,
-      value: '',
+      value: props.defaultValue,
     };
     this.debouncePressEnter = debounce(this.debouncePressEnter, 500, {
       leading: true,
@@ -93,18 +94,17 @@ export default class HeaderSearch extends Component<HeaderSearchProps, HeaderSea
   leaveSearchMode = () => {
     this.setState({
       searchMode: false,
-      value: '',
     });
   };
 
   debouncePressEnter = () => {
     const { onPressEnter } = this.props;
     const { value } = this.state;
-    onPressEnter(value);
+    onPressEnter(value || '');
   };
 
   render() {
-    const { className, placeholder, open, ...restProps } = this.props;
+    const { className, defaultValue, placeholder, open, ...restProps } = this.props;
     const { searchMode, value } = this.state;
     delete restProps.defaultOpen; // for rc-select not affected
     const inputClass = classNames(styles.input, {
@@ -134,6 +134,7 @@ export default class HeaderSearch extends Component<HeaderSearchProps, HeaderSea
             ref={node => {
               this.inputRef = node;
             }}
+            defaultValue={defaultValue}
             aria-label={placeholder}
             placeholder={placeholder}
             onKeyDown={this.onKeyDown}