`||
+
+## Slots
+|名称|介绍|
+|-|-|
+|action||
+
+## Event
+|名称|类型|介绍|
+|-|-|-|
+|change|`(value: Array \| string \| number \| null)`||
+|search|`(value: string)`||
+|blur|`()`|选择器 Blur 时发出|
+|scroll|`(e: Event)`|选择菜单在滚动|
+
diff --git a/demo/documentation/components/select/zhCN/manyOptions.md b/demo/documentation/components/select/zhCN/manyOptions.md
new file mode 100644
index 000000000..61af9fd81
--- /dev/null
+++ b/demo/documentation/components/select/zhCN/manyOptions.md
@@ -0,0 +1,33 @@
+# 许多选项
+1000 倍宇宙的终极答案个数的选项。
+```html
+
+
+```
+```js
+export default {
+ data () {
+ return {
+ value: null,
+ values: null,
+ options: Array.apply(null, { length: 42000 }).map((_, i) => ({
+ label: String(i),
+ value: i
+ }))
+ }
+ }
+}
+```
+```css
+.n-select {
+ width: 180px;
+ margin: 0 12px 8px 0;
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/select/zhCN/multiple.md b/demo/documentation/components/select/zhCN/multiple.md
new file mode 100644
index 000000000..2384da07a
--- /dev/null
+++ b/demo/documentation/components/select/zhCN/multiple.md
@@ -0,0 +1,87 @@
+# 多选
+多选值。
+```html
+
+
+```
+```js
+export default {
+ data () {
+ return {
+ value: null,
+ options: [
+ {
+ label: "Everybody's Got Something to Hide Except Me and My Monkey",
+ value: 'song0',
+ disabled: true
+ },
+ {
+ label: 'Drive My Car',
+ value: 'song1'
+ },
+ {
+ label: 'Norwegian Wood',
+ value: 'song2'
+ },
+ {
+ label: 'You Won\'t See',
+ value: 'song3',
+ disabled: true
+ },
+ {
+ label: 'Nowhere Man',
+ value: 'song4'
+ },
+ {
+ label: 'Think For Yourself',
+ value: 'song5'
+ },
+ {
+ label: 'The Word',
+ value: 'song6'
+ },
+ {
+ label: 'Michelle',
+ value: 'song7',
+ disabled: true
+ },
+ {
+ label: 'What goes on',
+ value: 'song8'
+ },
+ {
+ label: 'Girl',
+ value: 'song9'
+ },
+ {
+ label: 'I\'m looking through you',
+ value: 'song10'
+ },
+ {
+ label: 'In My Life',
+ value: 'song11'
+ },
+ {
+ label: 'Wait',
+ value: 'song12'
+ }
+ ]
+ }
+ }
+}
+```
+```css
+.n-select {
+ width: 180px;
+ margin: 0 12px 8px 0;
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/select/zhCN/remote.md b/demo/documentation/components/select/zhCN/remote.md
new file mode 100644
index 000000000..fd4db2f72
--- /dev/null
+++ b/demo/documentation/components/select/zhCN/remote.md
@@ -0,0 +1,96 @@
+# 异步加载（单选）
+异步单选的例子。
+```html
+
+```
+```js
+const options = [
+ {
+ label: 'Drive My Car',
+ value: 'song1'
+ },
+ {
+ label: 'Norwegian Wood',
+ value: 'song2'
+ },
+ {
+ label: 'You Won\'t See',
+ value: 'song3'
+ },
+ {
+ label: 'Nowhere Man',
+ value: 'song4'
+ },
+ {
+ label: 'Think For Yourself',
+ value: 'song5'
+ },
+ {
+ label: 'The Word',
+ value: 'song6'
+ },
+ {
+ label: 'Michelle',
+ value: 'song7'
+ },
+ {
+ label: 'What goes on',
+ value: 'song8'
+ },
+ {
+ label: 'Girl',
+ value: 'song9'
+ },
+ {
+ label: 'I\'m looking through you',
+ value: 'song10'
+ },
+ {
+ label: 'In My Life',
+ value: 'song11'
+ },
+ {
+ label: 'Wait',
+ value: 'song12'
+ }
+]
+
+export default {
+ data () {
+ return {
+ value: null,
+ loading: false,
+ options: [],
+ noDataContent: 'please search',
+ handleSearch: (query) => {
+ if (!query.length) {
+ this.options = []
+ this.noDataContent = 'please search'
+ return
+ }
+ this.loading = true
+ window.setTimeout(() => {
+ this.options = options.filter(item => ~item.label.indexOf(query))
+ if (!this.options.length) this.noDataContent = 'no result found'
+ this.loading = false
+ }, 1000)
+ }
+ }
+ }
+}
+```
+```css
+.n-select {
+ width: 180px;
+ margin: 0 12px 8px 0;
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/select/zhCN/remoteMultiple.md b/demo/documentation/components/select/zhCN/remoteMultiple.md
new file mode 100644
index 000000000..7f1321648
--- /dev/null
+++ b/demo/documentation/components/select/zhCN/remoteMultiple.md
@@ -0,0 +1,97 @@
+# 异步加载（多选）
+异步多选的例子。
+```html
+
+```
+```js
+const options = [
+ {
+ label: 'Drive My Car',
+ value: 'song1'
+ },
+ {
+ label: 'Norwegian Wood',
+ value: 'song2'
+ },
+ {
+ label: 'You Won\'t See',
+ value: 'song3'
+ },
+ {
+ label: 'Nowhere Man',
+ value: 'song4'
+ },
+ {
+ label: 'Think For Yourself',
+ value: 'song5'
+ },
+ {
+ label: 'The Word',
+ value: 'song6'
+ },
+ {
+ label: 'Michelle',
+ value: 'song7'
+ },
+ {
+ label: 'What goes on',
+ value: 'song8'
+ },
+ {
+ label: 'Girl',
+ value: 'song9'
+ },
+ {
+ label: 'I\'m looking through you',
+ value: 'song10'
+ },
+ {
+ label: 'In My Life',
+ value: 'song11'
+ },
+ {
+ label: 'Wait',
+ value: 'song12'
+ }
+]
+
+export default {
+ data () {
+ return {
+ selectedValues: null,
+ loading: false,
+ options: [],
+ noDataContent: 'please search',
+ handleSearch: (query) => {
+ if (!query.length) {
+ this.options = []
+ this.noDataContent = 'please search'
+ return
+ }
+ this.loading = true
+ window.setTimeout(() => {
+ this.options = options.filter(item => ~item.label.indexOf(query))
+ if (!this.options.length) this.noDataContent = 'no result found'
+ this.loading = false
+ }, 1000)
+ }
+ }
+ }
+}
+```
+```css
+.n-select {
+ width: 180px;
+ margin: 0 12px 8px 0;
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/select/zhCN/scrollEvent.md b/demo/documentation/components/select/zhCN/scrollEvent.md
new file mode 100644
index 000000000..7b52f7cca
--- /dev/null
+++ b/demo/documentation/components/select/zhCN/scrollEvent.md
@@ -0,0 +1,92 @@
+# 滚动事件
+同事说要用这个来触发做异步加载。
+```html
+
+{{
+ JSON.stringify({
+ scrollContentHeight,
+ scrollContainerScrollTop,
+ scrollContainerHeight
+ }, 0, 2)
+}}
+```
+```js
+export default {
+ data () {
+ return {
+ value: null,
+ array: null,
+ scrollContentHeight: null,
+ scrollContainerHeight: null,
+ scrollContainerScrollTop: null,
+ options: [
+ {
+ label: 'Drive My Car',
+ value: 'song1'
+ },
+ {
+ label: 'Norwegian Wood',
+ value: 'song2'
+ },
+ {
+ label: 'You Won\'t See',
+ value: 'song3'
+ },
+ {
+ label: 'Nowhere Man',
+ value: 'song4'
+ },
+ {
+ label: 'Think For Yourseld',
+ value: 'song5'
+ },
+ {
+ label: 'The Word',
+ value: 'song6'
+ },
+ {
+ label: 'Michelle',
+ value: 'song7'
+ },
+ {
+ label: 'What goes on',
+ value: 'song8'
+ },
+ {
+ label: 'Girl',
+ value: 'song9'
+ },
+ {
+ label: 'I\'m looking through you',
+ value: 'song10'
+ },
+ {
+ label: 'In My Life',
+ value: 'song11'
+ },
+ {
+ label: 'Wait',
+ value: 'song12'
+ }
+ ]
+ }
+ },
+ methods: {
+ handleScroll (e, scrollContainer, scrollContent) {
+ this.scrollContentHeight = scrollContent.offsetHeight
+ this.scrollContainerScrollTop = scrollContainer.scrollTop
+ this.scrollContainerHeight = scrollContainer.offsetHeight
+ }
+ }
+}
+```
+```css
+.n-select {
+ width: 180px;
+ margin: 0 12px 8px 0;
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/select/zhCN/size.md b/demo/documentation/components/select/zhCN/size.md
new file mode 100644
index 000000000..7da9a76cb
--- /dev/null
+++ b/demo/documentation/components/select/zhCN/size.md
@@ -0,0 +1,93 @@
+# 尺寸
+选择器有不同的尺寸。
+
+```html
+
+
+
+```
+
+```js
+export default {
+ data () {
+ return {
+ value: null,
+ options: [
+ {
+ label: "Everybody's Got Something to Hide Except Me and My Monkey",
+ value: 'song0',
+ disabled: true
+ },
+ {
+ label: 'Drive My Car',
+ value: 'song1'
+ },
+ {
+ label: 'Norwegian Wood',
+ value: 'song2'
+ },
+ {
+ label: 'You Won\'t See',
+ value: 'song3',
+ disabled: true
+ },
+ {
+ label: 'Nowhere Man',
+ value: 'song4'
+ },
+ {
+ label: 'Think For Yourself',
+ value: 'song5'
+ },
+ {
+ label: 'The Word',
+ value: 'song6'
+ },
+ {
+ label: 'Michelle',
+ value: 'song7',
+ disabled: true
+ },
+ {
+ label: 'What goes on',
+ value: 'song8'
+ },
+ {
+ label: 'Girl',
+ value: 'song9'
+ },
+ {
+ label: 'I\'m looking through you',
+ value: 'song10'
+ },
+ {
+ label: 'In My Life',
+ value: 'song11'
+ },
+ {
+ label: 'Wait',
+ value: 'song12'
+ }
+ ]
+ }
+ }
+}
+```
+```css
+.n-select {
+ width: 180px;
+ margin: 0 12px 8px 0;
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/intro/intro/zhCN/index.md b/demo/documentation/intro/intro/zhCN/index.md
index e69de29bb..6c03f3bb5 100644
--- a/demo/documentation/intro/intro/zhCN/index.md
+++ b/demo/documentation/intro/intro/zhCN/index.md
@@ -0,0 +1,3 @@
+
+# Naive UI
+Naive UI 是图森未来前端的 Vue 组件库。
\ No newline at end of file
diff --git a/demo/documentation/intro/start/zhCN/index.md b/demo/documentation/intro/start/zhCN/index.md
index 39fa04ad7..bf9336a65 100644
--- a/demo/documentation/intro/start/zhCN/index.md
+++ b/demo/documentation/intro/start/zhCN/index.md
@@ -1,15 +1,15 @@
# 起步
-## Installation
-First install it.
+## 安装
+使用 npm 安装。
```bash
npm install --save-dev naive-ui
```
-## Usage
-Add the following lines in you entry point js file.
+## 使用方式
+在你项目的 javascript 入口文件添加下列代码。
```js
import naive from 'naive-ui'
import 'naive-ui/dist/lib/index.css'