From 073edf93c8a4e7096a2d7591e6c9989c9e4696e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Fri, 19 Nov 2021 17:34:39 +0800
Subject: [PATCH] docs: Use dumi (#674)

* docs: Use dumi

* chore: add ignore

* chore: fix lint

* chore: ignore debug

* chore: rm debug.md
---
 .gitignore                                    |  3 +++
 .umirc.ts                                     | 19 +++++++++++++++++++
 README.md                                     |  8 ++++----
 docs/demo/auto-adjust-dropdown.md             |  2 ++
 docs/demo/combobox.md                         |  2 ++
 docs/demo/controlled.md                       |  2 ++
 docs/demo/custom-icon.md                      |  2 ++
 docs/demo/custom-selector.md                  |  2 ++
 docs/demo/custom-tags.md                      |  2 ++
 docs/demo/dropdownRender.md                   |  2 ++
 docs/demo/email.md                            |  2 ++
 docs/demo/filterSort.md                       |  2 ++
 docs/demo/force-suggest.md                    |  2 ++
 docs/demo/getPopupContainer.md                |  2 ++
 docs/demo/loading.md                          |  2 ++
 docs/demo/mul-suggest.md                      |  2 ++
 docs/demo/mul-tag-suggest.md                  |  2 ++
 docs/demo/multiple-readonly.md                |  2 ++
 docs/demo/multiple.md                         |  2 ++
 docs/demo/optgroup.md                         |  2 ++
 docs/demo/optionFilterProp.md                 |  2 ++
 docs/demo/optionLabelProp.md                  |  2 ++
 docs/demo/single-animation.md                 |  2 ++
 docs/demo/single.md                           |  2 ++
 docs/demo/singleFieldNames.md                 |  2 ++
 docs/demo/suggest.md                          |  2 ++
 docs/demo/tags.md                             |  2 ++
 docs/demo/update-option.md                    |  2 ++
 .../examples}/auto-adjust-dropdown.tsx        |  4 ++--
 {examples => docs/examples}/combobox.tsx      |  4 ++--
 {examples => docs/examples}/common.less       |  0
 .../examples}/common/tbFetchSuggest.tsx       |  0
 {examples => docs/examples}/controlled.tsx    |  4 ++--
 {examples => docs/examples}/custom-icon.tsx   |  4 ++--
 .../examples}/custom-selector.tsx             |  4 ++--
 {examples => docs/examples}/custom-tags.tsx   |  4 ++--
 .../examples}/dropdownRender.tsx              |  4 ++--
 {examples => docs/examples}/email.tsx         |  4 ++--
 {examples => docs/examples}/filterSort.tsx    |  4 ++--
 {examples => docs/examples}/force-suggest.tsx |  4 ++--
 .../examples}/getPopupContainer.tsx           |  4 ++--
 {examples => docs/examples}/loading.tsx       |  4 ++--
 {examples => docs/examples}/mul-suggest.tsx   |  4 ++--
 .../examples}/mul-tag-suggest.tsx             |  4 ++--
 .../examples}/multiple-readonly.tsx           |  4 ++--
 {examples => docs/examples}/multiple.tsx      |  4 ++--
 {examples => docs/examples}/optgroup.tsx      |  4 ++--
 .../examples}/optionFilterProp.tsx            |  4 ++--
 .../examples}/optionLabelProp.tsx             |  4 ++--
 .../examples}/single-animation.tsx            |  4 ++--
 {examples => docs/examples}/single.less       |  0
 {examples => docs/examples}/single.tsx        |  4 ++--
 .../examples}/singleFieldNames.tsx            |  4 ++--
 {examples => docs/examples}/suggest.tsx       |  4 ++--
 {examples => docs/examples}/tags.tsx          |  4 ++--
 {examples => docs/examples}/update-option.tsx |  4 ++--
 package.json                                  |  7 ++++---
 tsconfig.json                                 |  2 +-
 58 files changed, 131 insertions(+), 58 deletions(-)
 create mode 100644 .umirc.ts
 create mode 100644 docs/demo/auto-adjust-dropdown.md
 create mode 100644 docs/demo/combobox.md
 create mode 100644 docs/demo/controlled.md
 create mode 100644 docs/demo/custom-icon.md
 create mode 100644 docs/demo/custom-selector.md
 create mode 100644 docs/demo/custom-tags.md
 create mode 100644 docs/demo/dropdownRender.md
 create mode 100644 docs/demo/email.md
 create mode 100644 docs/demo/filterSort.md
 create mode 100644 docs/demo/force-suggest.md
 create mode 100644 docs/demo/getPopupContainer.md
 create mode 100644 docs/demo/loading.md
 create mode 100644 docs/demo/mul-suggest.md
 create mode 100644 docs/demo/mul-tag-suggest.md
 create mode 100644 docs/demo/multiple-readonly.md
 create mode 100644 docs/demo/multiple.md
 create mode 100644 docs/demo/optgroup.md
 create mode 100644 docs/demo/optionFilterProp.md
 create mode 100644 docs/demo/optionLabelProp.md
 create mode 100644 docs/demo/single-animation.md
 create mode 100644 docs/demo/single.md
 create mode 100644 docs/demo/singleFieldNames.md
 create mode 100644 docs/demo/suggest.md
 create mode 100644 docs/demo/tags.md
 create mode 100644 docs/demo/update-option.md
 rename {examples => docs/examples}/auto-adjust-dropdown.tsx (97%)
 rename {examples => docs/examples}/combobox.tsx (97%)
 rename {examples => docs/examples}/common.less (100%)
 rename {examples => docs/examples}/common/tbFetchSuggest.tsx (100%)
 rename {examples => docs/examples}/controlled.tsx (96%)
 rename {examples => docs/examples}/custom-icon.tsx (98%)
 rename {examples => docs/examples}/custom-selector.tsx (82%)
 rename {examples => docs/examples}/custom-tags.tsx (97%)
 rename {examples => docs/examples}/dropdownRender.tsx (96%)
 rename {examples => docs/examples}/email.tsx (93%)
 rename {examples => docs/examples}/filterSort.tsx (92%)
 rename {examples => docs/examples}/force-suggest.tsx (95%)
 rename {examples => docs/examples}/getPopupContainer.tsx (94%)
 rename {examples => docs/examples}/loading.tsx (95%)
 rename {examples => docs/examples}/mul-suggest.tsx (93%)
 rename {examples => docs/examples}/mul-tag-suggest.tsx (94%)
 rename {examples => docs/examples}/multiple-readonly.tsx (93%)
 rename {examples => docs/examples}/multiple.tsx (96%)
 rename {examples => docs/examples}/optgroup.tsx (91%)
 rename {examples => docs/examples}/optionFilterProp.tsx (91%)
 rename {examples => docs/examples}/optionLabelProp.tsx (88%)
 rename {examples => docs/examples}/single-animation.tsx (91%)
 rename {examples => docs/examples}/single.less (100%)
 rename {examples => docs/examples}/single.tsx (97%)
 rename {examples => docs/examples}/singleFieldNames.tsx (91%)
 rename {examples => docs/examples}/suggest.tsx (95%)
 rename {examples => docs/examples}/tags.tsx (97%)
 rename {examples => docs/examples}/update-option.tsx (94%)

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