update doc

Author: zombieJ

README.md

@@ -47,9 +47,14 @@ React Mentions
 ```js
 import Mentions from 'rc-mentions';
 
-// TODO: update
+const { Option } = Mentions;
 
 var Demo = (
+  <Mentions>
+    <Option value="light">Light</Option>
+    <Option value="bamboo">Bamboo</Option>
+    <Option value="cat">Cat</Option>
+  </Mentions>
 );
 React.render(<Demo />, container);
 ```
@@ -60,13 +65,25 @@ React.render(<Demo />, container);
 
 | name     | description    | type     | default      |
 |----------|----------------|----------|--------------|
-| | | | |
+| defaultValue | Default value | string | - |
+| value | Set value of mentions | string | - |
+| prefix | Set trigger prefix keyword | string \| string[] | '@' |
+| autoFocus | Auto get focus when component mounted | boolean | `false` |
+| split | Set split string before and after selected mention | string | ' ' |
+| validateSearch | Customize trigger search logic | (text: string, props: MentionsProps) => void | - |
+| filterOption | Customize filter option logic | false \| (input: string, option: OptionProps) => boolean | - |
+| onChange | Trigger when value changed |(text: string) => void | - |
+| onSelect | Trigger when user select the option | (option: OptionProps, prefix: string) => void | - |
+| onSearch | Trigger when prefix hit | (text: string, prefix: string) => void | - |
+| onFocus | Trigger when mentions get focus | React.FocusEventHandler<HTMLTextAreaElement> | - |
+| onBlur | Trigger when mentions lose focus | React.FocusEventHandler<HTMLTextAreaElement> | - |
 
 ### Methods
 
-| name     | description    | parameters | return      |
-|----------|----------------|----------|--------------|
-| | | | |
+| name     | description    |
+|----------|----------------|
+| focus() | Component get focus |
+| blur() | Component lose focus |
 
 ## Development
 

assets/index.less

@@ -29,6 +29,7 @@
     letter-spacing: inherit;
     white-space: inherit;
     tab-size: inherit;
+    direction: inherit;
   }
 
   > textarea {

src/Mentions.tsx

@@ -297,6 +297,14 @@ class Mentions extends React.Component<MentionsProps, MentionsState> {
     );
   }
 
+  public focus() {
+    this.textarea!.focus();
+  }
+
+  public blur() {
+    this.textarea!.blur();
+  }
+
   public render() {
     const { value, measureLocation, measurePrefix, measuring, activeIndex } = this.state;
     const { prefixCls, className, style, autoFocus } = this.props;