diff --git a/.gitignore b/.gitignore
index 9b0000159..68d284393 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,6 +22,7 @@ node_modules
 .cache
 dist
 debug.tsx
+debug.md
 assets/**/*.css
 build
 lib
@@ -37,3 +38,5 @@ tsconfig.test.json
 .prettierignore
 .storybook
 storybook/index.js
+.doc
+.umi
\ No newline at end of file
diff --git a/.umirc.ts b/.umirc.ts
new file mode 100644
index 000000000..30754d85f
--- /dev/null
+++ b/.umirc.ts
@@ -0,0 +1,19 @@
+// more config: https://d.umijs.org/config
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'rc-select',
+  favicon:
+    'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
+  logo:
+    'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
+  outputPath: '.doc',
+  exportStatic: {},
+  styles: [
+    `
+      .markdown table {
+        width: auto !important;
+      }
+    `,
+  ]
+});
\ No newline at end of file
diff --git a/README.md b/README.md
index 8d99f55b5..e500f50d5 100644
--- a/README.md
+++ b/README.md
@@ -52,7 +52,7 @@ React Select
 
 ### basic use
 
-```js
+```jsx | pure
 import Select, { Option } from 'rc-select';
 
 export default () => (
@@ -102,11 +102,11 @@ export default () => (
 | optionFilterProp | which prop value of option will be used for filter if filterOption is true | String | 'value' |
 | filterSort | Sort function for search options sorting, see [Array.sort](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)'s compareFunction. | Function(optionA:Option, optionB: Option) | - |
 | optionLabelProp | render option value or option children as content of select | String: 'value'/'children' | 'value' |
-| defaultValue | initial selected option(s) | String/Array<String> | - |
-| value | current selected option(s) | String/Array<String>/{key:String, label:React.Node}/Array<{key, label}> | - |
+| defaultValue | initial selected option(s) | String \| String[] | - |
+| value | current selected option(s) | String \| String[] \| {key:String, label:React.Node} \| {key:String, label:React.Node}[] | - |
 | labelInValue | whether to embed label in value, see above value type. Not support `combobox` mode | Bool | false |
 | backfill | whether backfill select option to search input (Only works in single and combobox mode) | Bool | false |
-| onChange | called when select an option or input value change(combobox) | function(value, option:Option/Array<Option>) | - |
+| onChange | called when select an option or input value change(combobox) | function(value, option:Option \| Option[]) | - |
 | onSearch | called when input changed | function | - |
 | onBlur | called when blur | function | - |
 | onFocus | called when focus | function | - |
diff --git a/docs/demo/auto-adjust-dropdown.md b/docs/demo/auto-adjust-dropdown.md
new file mode 100644
index 000000000..51edadc96
--- /dev/null
+++ b/docs/demo/auto-adjust-dropdown.md
@@ -0,0 +1,2 @@
+## auto-adjust-dropdown
+<code src="../examples/auto-adjust-dropdown.tsx">
diff --git a/docs/demo/combobox.md b/docs/demo/combobox.md
new file mode 100644
index 000000000..5f9a56cb4
--- /dev/null
+++ b/docs/demo/combobox.md
@@ -0,0 +1,2 @@
+## combobox
+<code src="../examples/combobox.tsx">
diff --git a/docs/demo/controlled.md b/docs/demo/controlled.md
new file mode 100644
index 000000000..d71f23aa4
--- /dev/null
+++ b/docs/demo/controlled.md
@@ -0,0 +1,2 @@
+## controlled
+<code src="../examples/controlled.tsx">
diff --git a/docs/demo/custom-icon.md b/docs/demo/custom-icon.md
new file mode 100644
index 000000000..cce7a80f6
--- /dev/null
+++ b/docs/demo/custom-icon.md
@@ -0,0 +1,2 @@
+## custom-icon
+<code src="../examples/custom-icon.tsx">
diff --git a/docs/demo/custom-selector.md b/docs/demo/custom-selector.md
new file mode 100644
index 000000000..9f519682a
--- /dev/null
+++ b/docs/demo/custom-selector.md
@@ -0,0 +1,2 @@
+## custom-selector
+<code src="../examples/custom-selector.tsx">
diff --git a/docs/demo/custom-tags.md b/docs/demo/custom-tags.md
new file mode 100644
index 000000000..83108553a
--- /dev/null
+++ b/docs/demo/custom-tags.md
@@ -0,0 +1,2 @@
+## custom-tags
+<code src="../examples/custom-tags.tsx">
diff --git a/docs/demo/dropdownRender.md b/docs/demo/dropdownRender.md
new file mode 100644
index 000000000..af9e80060
--- /dev/null
+++ b/docs/demo/dropdownRender.md
@@ -0,0 +1,2 @@
+## dropdownRender
+<code src="../examples/dropdownRender.tsx">
diff --git a/docs/demo/email.md b/docs/demo/email.md
new file mode 100644
index 000000000..27ddccc1b
--- /dev/null
+++ b/docs/demo/email.md
@@ -0,0 +1,2 @@
+## email
+<code src="../examples/email.tsx">
diff --git a/docs/demo/filterSort.md b/docs/demo/filterSort.md
new file mode 100644
index 000000000..8cb57d50a
--- /dev/null
+++ b/docs/demo/filterSort.md
@@ -0,0 +1,2 @@
+## filterSort
+<code src="../examples/filterSort.tsx">
diff --git a/docs/demo/force-suggest.md b/docs/demo/force-suggest.md
new file mode 100644
index 000000000..9167f3db2
--- /dev/null
+++ b/docs/demo/force-suggest.md
@@ -0,0 +1,2 @@
+## force-suggest
+<code src="../examples/force-suggest.tsx">
diff --git a/docs/demo/getPopupContainer.md b/docs/demo/getPopupContainer.md
new file mode 100644
index 000000000..2b14eb447
--- /dev/null
+++ b/docs/demo/getPopupContainer.md
@@ -0,0 +1,2 @@
+## getPopupContainer
+<code src="../examples/getPopupContainer.tsx">
diff --git a/docs/demo/loading.md b/docs/demo/loading.md
new file mode 100644
index 000000000..a992d2bc7
--- /dev/null
+++ b/docs/demo/loading.md
@@ -0,0 +1,2 @@
+## loading
+<code src="../examples/loading.tsx">
diff --git a/docs/demo/mul-suggest.md b/docs/demo/mul-suggest.md
new file mode 100644
index 000000000..a3e146c6b
--- /dev/null
+++ b/docs/demo/mul-suggest.md
@@ -0,0 +1,2 @@
+## mul-suggest
+<code src="../examples/mul-suggest.tsx">
diff --git a/docs/demo/mul-tag-suggest.md b/docs/demo/mul-tag-suggest.md
new file mode 100644
index 000000000..7864dcbfc
--- /dev/null
+++ b/docs/demo/mul-tag-suggest.md
@@ -0,0 +1,2 @@
+## mul-tag-suggest
+<code src="../examples/mul-tag-suggest.tsx">
diff --git a/docs/demo/multiple-readonly.md b/docs/demo/multiple-readonly.md
new file mode 100644
index 000000000..a114e47dc
--- /dev/null
+++ b/docs/demo/multiple-readonly.md
@@ -0,0 +1,2 @@
+## multiple-readonly
+<code src="../examples/multiple-readonly.tsx">
diff --git a/docs/demo/multiple.md b/docs/demo/multiple.md
new file mode 100644
index 000000000..8cc051631
--- /dev/null
+++ b/docs/demo/multiple.md
@@ -0,0 +1,2 @@
+## multiple
+<code src="../examples/multiple.tsx">
diff --git a/docs/demo/optgroup.md b/docs/demo/optgroup.md
new file mode 100644
index 000000000..e60c9a7ff
--- /dev/null
+++ b/docs/demo/optgroup.md
@@ -0,0 +1,2 @@
+## optgroup
+<code src="../examples/optgroup.tsx">
diff --git a/docs/demo/optionFilterProp.md b/docs/demo/optionFilterProp.md
new file mode 100644
index 000000000..78fa9ff47
--- /dev/null
+++ b/docs/demo/optionFilterProp.md
@@ -0,0 +1,2 @@
+## optionFilterProp
+<code src="../examples/optionFilterProp.tsx">
diff --git a/docs/demo/optionLabelProp.md b/docs/demo/optionLabelProp.md
new file mode 100644
index 000000000..a71c118dc
--- /dev/null
+++ b/docs/demo/optionLabelProp.md
@@ -0,0 +1,2 @@
+## optionLabelProp
+<code src="../examples/optionLabelProp.tsx">
diff --git a/docs/demo/single-animation.md b/docs/demo/single-animation.md
new file mode 100644
index 000000000..6a3f7a062
--- /dev/null
+++ b/docs/demo/single-animation.md
@@ -0,0 +1,2 @@
+## single-animation
+<code src="../examples/single-animation.tsx">
diff --git a/docs/demo/single.md b/docs/demo/single.md
new file mode 100644
index 000000000..3d61c43b8
--- /dev/null
+++ b/docs/demo/single.md
@@ -0,0 +1,2 @@
+## single
+<code src="../examples/single.tsx">
diff --git a/docs/demo/singleFieldNames.md b/docs/demo/singleFieldNames.md
new file mode 100644
index 000000000..0e6e8dc46
--- /dev/null
+++ b/docs/demo/singleFieldNames.md
@@ -0,0 +1,2 @@
+## singleFieldNames
+<code src="../examples/singleFieldNames.tsx">
diff --git a/docs/demo/suggest.md b/docs/demo/suggest.md
new file mode 100644
index 000000000..840ce1836
--- /dev/null
+++ b/docs/demo/suggest.md
@@ -0,0 +1,2 @@
+## suggest
+<code src="../examples/suggest.tsx">
diff --git a/docs/demo/tags.md b/docs/demo/tags.md
new file mode 100644
index 000000000..30d09d48f
--- /dev/null
+++ b/docs/demo/tags.md
@@ -0,0 +1,2 @@
+## tags
+<code src="../examples/tags.tsx">
diff --git a/docs/demo/update-option.md b/docs/demo/update-option.md
new file mode 100644
index 000000000..04c211dde
--- /dev/null
+++ b/docs/demo/update-option.md
@@ -0,0 +1,2 @@
+## update-option
+<code src="../examples/update-option.tsx">
diff --git a/examples/auto-adjust-dropdown.tsx b/docs/examples/auto-adjust-dropdown.tsx
similarity index 97%
rename from examples/auto-adjust-dropdown.tsx
rename to docs/examples/auto-adjust-dropdown.tsx
index 4c5d43740..3921b032b 100644
--- a/examples/auto-adjust-dropdown.tsx
+++ b/docs/examples/auto-adjust-dropdown.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 class Test extends React.Component {
   state = {
diff --git a/examples/combobox.tsx b/docs/examples/combobox.tsx
similarity index 97%
rename from examples/combobox.tsx
rename to docs/examples/combobox.tsx
index 189254f6e..eab533466 100644
--- a/examples/combobox.tsx
+++ b/docs/examples/combobox.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 class Combobox extends React.Component {
   state = {
diff --git a/examples/common.less b/docs/examples/common.less
similarity index 100%
rename from examples/common.less
rename to docs/examples/common.less
diff --git a/examples/common/tbFetchSuggest.tsx b/docs/examples/common/tbFetchSuggest.tsx
similarity index 100%
rename from examples/common/tbFetchSuggest.tsx
rename to docs/examples/common/tbFetchSuggest.tsx
diff --git a/examples/controlled.tsx b/docs/examples/controlled.tsx
similarity index 96%
rename from examples/controlled.tsx
rename to docs/examples/controlled.tsx
index 90302cf10..d61c15a43 100644
--- a/examples/controlled.tsx
+++ b/docs/examples/controlled.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 interface ControlledState {
   destroy: boolean;
diff --git a/examples/custom-icon.tsx b/docs/examples/custom-icon.tsx
similarity index 98%
rename from examples/custom-icon.tsx
rename to docs/examples/custom-icon.tsx
index e2389f6bd..294844551 100644
--- a/examples/custom-icon.tsx
+++ b/docs/examples/custom-icon.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console, max-classes-per-file */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 const arrowPath =
   'M632 888H392c-4.4 0-8 3.6-8 8v32c0 ' +
diff --git a/examples/custom-selector.tsx b/docs/examples/custom-selector.tsx
similarity index 82%
rename from examples/custom-selector.tsx
rename to docs/examples/custom-selector.tsx
index 381cc2e22..f4b52b2f5 100644
--- a/examples/custom-selector.tsx
+++ b/docs/examples/custom-selector.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select from '../src';
-import '../assets/index.less';
+import Select from 'rc-select';
+import '../../assets/index.less';
 
 export default () => {
   return (
diff --git a/examples/custom-tags.tsx b/docs/examples/custom-tags.tsx
similarity index 97%
rename from examples/custom-tags.tsx
rename to docs/examples/custom-tags.tsx
index 967413e59..051177991 100644
--- a/examples/custom-tags.tsx
+++ b/docs/examples/custom-tags.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 import type { CustomTagProps } from '../src/interface/generator';
 
 const children = [];
diff --git a/examples/dropdownRender.tsx b/docs/examples/dropdownRender.tsx
similarity index 96%
rename from examples/dropdownRender.tsx
rename to docs/examples/dropdownRender.tsx
index c3e0b30d6..3f16b030d 100644
--- a/examples/dropdownRender.tsx
+++ b/docs/examples/dropdownRender.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 const children = [];
 for (let i = 10; i < 36; i += 1) {
diff --git a/examples/email.tsx b/docs/examples/email.tsx
similarity index 93%
rename from examples/email.tsx
rename to docs/examples/email.tsx
index a107b2046..e57599e6a 100644
--- a/examples/email.tsx
+++ b/docs/examples/email.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 class Test extends React.Component {
   state = {
diff --git a/examples/filterSort.tsx b/docs/examples/filterSort.tsx
similarity index 92%
rename from examples/filterSort.tsx
rename to docs/examples/filterSort.tsx
index 299f70349..8124a2b7f 100644
--- a/examples/filterSort.tsx
+++ b/docs/examples/filterSort.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import Select from '../src';
-import '../assets/index.less';
+import Select from 'rc-select';
+import '../../assets/index.less';
 
 const incidencesStateResource = [
   { value: 4, label: 'Not Identified' },
diff --git a/examples/force-suggest.tsx b/docs/examples/force-suggest.tsx
similarity index 95%
rename from examples/force-suggest.tsx
rename to docs/examples/force-suggest.tsx
index e39fc567d..2d048ba52 100644
--- a/examples/force-suggest.tsx
+++ b/docs/examples/force-suggest.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 import { fetch } from './common/tbFetchSuggest';
 
diff --git a/examples/getPopupContainer.tsx b/docs/examples/getPopupContainer.tsx
similarity index 94%
rename from examples/getPopupContainer.tsx
rename to docs/examples/getPopupContainer.tsx
index 21fe92ca5..ddb29efc0 100644
--- a/examples/getPopupContainer.tsx
+++ b/docs/examples/getPopupContainer.tsx
@@ -1,9 +1,9 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import 'rc-dialog/assets/index.css';
 
 import Dialog from 'rc-dialog';
 import React from 'react';
-import Select, { Option } from '../src';
+import Select, { Option } from 'rc-select';
 
 class Test extends React.Component {
   state = {
diff --git a/examples/loading.tsx b/docs/examples/loading.tsx
similarity index 95%
rename from examples/loading.tsx
rename to docs/examples/loading.tsx
index 34c7efd99..71b2e9268 100644
--- a/examples/loading.tsx
+++ b/docs/examples/loading.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 class Test extends React.Component {
   state = {
diff --git a/examples/mul-suggest.tsx b/docs/examples/mul-suggest.tsx
similarity index 93%
rename from examples/mul-suggest.tsx
rename to docs/examples/mul-suggest.tsx
index bb9c2330d..b9e1e9461 100644
--- a/examples/mul-suggest.tsx
+++ b/docs/examples/mul-suggest.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 import { fetch } from './common/tbFetchSuggest';
 
diff --git a/examples/mul-tag-suggest.tsx b/docs/examples/mul-tag-suggest.tsx
similarity index 94%
rename from examples/mul-tag-suggest.tsx
rename to docs/examples/mul-tag-suggest.tsx
index b6b375f7d..b2ef2fe27 100644
--- a/examples/mul-tag-suggest.tsx
+++ b/docs/examples/mul-tag-suggest.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 import { fetch } from './common/tbFetchSuggest';
 
diff --git a/examples/multiple-readonly.tsx b/docs/examples/multiple-readonly.tsx
similarity index 93%
rename from examples/multiple-readonly.tsx
rename to docs/examples/multiple-readonly.tsx
index acd44eccc..9ed2a34ae 100644
--- a/examples/multiple-readonly.tsx
+++ b/docs/examples/multiple-readonly.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 const children = [];
 for (let i = 10; i < 36; i += 1) {
diff --git a/examples/multiple.tsx b/docs/examples/multiple.tsx
similarity index 96%
rename from examples/multiple.tsx
rename to docs/examples/multiple.tsx
index e238375a6..ca50631a4 100644
--- a/examples/multiple.tsx
+++ b/docs/examples/multiple.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 const children = [];
 for (let i = 10; i < 36; i += 1) {
diff --git a/examples/optgroup.tsx b/docs/examples/optgroup.tsx
similarity index 91%
rename from examples/optgroup.tsx
rename to docs/examples/optgroup.tsx
index 8a96c9a44..cc32968a1 100644
--- a/examples/optgroup.tsx
+++ b/docs/examples/optgroup.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option, OptGroup } from '../src';
-import '../assets/index.less';
+import Select, { Option, OptGroup } from 'rc-select';
+import '../../assets/index.less';
 
 function onChange(value, option) {
   console.log(`selected ${value}`, option);
diff --git a/examples/optionFilterProp.tsx b/docs/examples/optionFilterProp.tsx
similarity index 91%
rename from examples/optionFilterProp.tsx
rename to docs/examples/optionFilterProp.tsx
index 48e183af5..fef12a3d3 100644
--- a/examples/optionFilterProp.tsx
+++ b/docs/examples/optionFilterProp.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 const Test = () => {
   const [value, setValue] = React.useState<string>('');
diff --git a/examples/optionLabelProp.tsx b/docs/examples/optionLabelProp.tsx
similarity index 88%
rename from examples/optionLabelProp.tsx
rename to docs/examples/optionLabelProp.tsx
index ae30c6673..4cd2ab34a 100644
--- a/examples/optionLabelProp.tsx
+++ b/docs/examples/optionLabelProp.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
-import Select from '../src';
-import '../assets/index.less';
+import Select from 'rc-select';
+import '../../assets/index.less';
 
 const data: { value: number; label: string; displayLabel: string }[] = [];
 for (let i = 0; i < 10; i += 1) {
diff --git a/examples/single-animation.tsx b/docs/examples/single-animation.tsx
similarity index 91%
rename from examples/single-animation.tsx
rename to docs/examples/single-animation.tsx
index 37fcb46d7..5d6b7a53b 100644
--- a/examples/single-animation.tsx
+++ b/docs/examples/single-animation.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 function onChange(value) {
   console.log(`selected ${value}`);
diff --git a/examples/single.less b/docs/examples/single.less
similarity index 100%
rename from examples/single.less
rename to docs/examples/single.less
diff --git a/examples/single.tsx b/docs/examples/single.tsx
similarity index 97%
rename from examples/single.tsx
rename to docs/examples/single.tsx
index c8f6b9cb0..d23188b27 100644
--- a/examples/single.tsx
+++ b/docs/examples/single.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 import './single.less';
 
 class Test extends React.Component {
diff --git a/examples/singleFieldNames.tsx b/docs/examples/singleFieldNames.tsx
similarity index 91%
rename from examples/singleFieldNames.tsx
rename to docs/examples/singleFieldNames.tsx
index 232b700e2..da75c31c5 100644
--- a/examples/singleFieldNames.tsx
+++ b/docs/examples/singleFieldNames.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select from '../src';
-import '../assets/index.less';
+import Select from 'rc-select';
+import '../../assets/index.less';
 import './single.less';
 
 export default () => {
diff --git a/examples/suggest.tsx b/docs/examples/suggest.tsx
similarity index 95%
rename from examples/suggest.tsx
rename to docs/examples/suggest.tsx
index 01c95e80a..91b44f619 100644
--- a/examples/suggest.tsx
+++ b/docs/examples/suggest.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 import { fetch } from './common/tbFetchSuggest';
 
diff --git a/examples/tags.tsx b/docs/examples/tags.tsx
similarity index 97%
rename from examples/tags.tsx
rename to docs/examples/tags.tsx
index c76dab474..bfc62cbe2 100644
--- a/examples/tags.tsx
+++ b/docs/examples/tags.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 const children = [];
 for (let i = 10; i < 36; i += 1) {
diff --git a/examples/update-option.tsx b/docs/examples/update-option.tsx
similarity index 94%
rename from examples/update-option.tsx
rename to docs/examples/update-option.tsx
index d13814079..3063806fe 100644
--- a/examples/update-option.tsx
+++ b/docs/examples/update-option.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import React from 'react';
-import Select, { Option } from '../src';
-import '../assets/index.less';
+import Select, { Option } from 'rc-select';
+import '../../assets/index.less';
 
 function handleChange(value) {
   console.log(`selected ${value}`);
diff --git a/package.json b/package.json
index c71cd1b69..cdd4884f8 100644
--- a/package.json
+++ b/package.json
@@ -30,11 +30,11 @@
   },
   "license": "MIT",
   "scripts": {
-    "start": "cross-env NODE_ENV=development father doc dev --storybook",
-    "build": "father doc build --storybook",
+    "start": "dumi dev",
+    "build": "dumi build",
     "compile": "father build",
     "prepublishOnly": "npm run compile && np --yolo --no-publish",
-    "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.js",
+    "lint": "eslint src/ docs/examples/ --ext .tsx,.ts,.jsx,.js",
     "test": "father test",
     "tsc": "tsc --noEmit",
     "now-build": "npm run build"
@@ -58,6 +58,7 @@
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.3",
     "cross-env": "^7.0.0",
+    "dumi": "^1.1.32",
     "enzyme": "^3.3.0",
     "enzyme-to-json": "^3.4.0",
     "eslint": "^7.1.0",
diff --git a/tsconfig.json b/tsconfig.json
index 499a039e8..cf3a49748 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -10,7 +10,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": ["src/.umi/*"],
-      "rc-table": ["src/index.ts"]
+      "rc-select": ["src/index.ts"]
     }
   }
 }
\ No newline at end of file