From 0b272bb53de9d3dc2d25dd4761c3d8a1efab49cd Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Tue, 22 Oct 2019 14:27:25 +0800
Subject: [PATCH] doc(input-number): refactor

---
 .../dropdownDemo/basicUsage.demo.vue          | 44 -----------
 .../components/dropdownDemo/cascade.demo.vue  | 73 -------------------
 .../components/dropdownDemo/index.vue         | 41 -----------
 .../dropdownDemo/placement.demo.vue           | 44 -----------
 .../components/dropdownDemo/trigger.demo.vue  | 59 ---------------
 .../components/inputNumber/enUS/basic.md      | 15 ++++
 .../components/inputNumber/enUS/disabled.md   | 16 ++++
 .../components/inputNumber/enUS/event.md      | 21 ++++++
 .../components/inputNumber/enUS/index.md      |  9 +++
 .../components/inputNumber/enUS/minMax.md     | 22 ++++++
 .../components/inputNumber/enUS/size.md       | 24 ++++++
 .../components/inputNumber/enUS/step.md       | 16 ++++
 .../components/inputNumber/index.entry        |  0
 .../components/inputNumber/zhCN/index.md      |  0
 demo/init.js                                  |  4 +-
 15 files changed, 125 insertions(+), 263 deletions(-)
 delete mode 100644 demo/documentation/components/dropdownDemo/basicUsage.demo.vue
 delete mode 100644 demo/documentation/components/dropdownDemo/cascade.demo.vue
 delete mode 100644 demo/documentation/components/dropdownDemo/index.vue
 delete mode 100644 demo/documentation/components/dropdownDemo/placement.demo.vue
 delete mode 100644 demo/documentation/components/dropdownDemo/trigger.demo.vue
 create mode 100644 demo/documentation/components/inputNumber/enUS/basic.md
 create mode 100644 demo/documentation/components/inputNumber/enUS/disabled.md
 create mode 100644 demo/documentation/components/inputNumber/enUS/event.md
 create mode 100644 demo/documentation/components/inputNumber/enUS/index.md
 create mode 100644 demo/documentation/components/inputNumber/enUS/minMax.md
 create mode 100644 demo/documentation/components/inputNumber/enUS/size.md
 create mode 100644 demo/documentation/components/inputNumber/enUS/step.md
 create mode 100644 demo/documentation/components/inputNumber/index.entry
 create mode 100644 demo/documentation/components/inputNumber/zhCN/index.md

diff --git a/demo/documentation/components/dropdownDemo/basicUsage.demo.vue b/demo/documentation/components/dropdownDemo/basicUsage.demo.vue
deleted file mode 100644
index 03d03b9c1..000000000
--- a/demo/documentation/components/dropdownDemo/basicUsage.demo.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="n-doc-section">
-    <div class="n-doc-section__header">
-      Basic Usage
-    </div>
-    <div
-      class="n-doc-section__view"
-      style="flex-wrap: nowrap;"
-    >
-      <!--EXAMPLE_START-->
-      <n-dropdown>
-        <template v-slot:activator>
-          <div>menu</div>
-        </template>
-        <n-dropdown-item
-          v-for="item in items"
-          :key="item"
-          @click="handleClick(item)"
-        >
-          {{ item }}
-        </n-dropdown-item>
-      </n-dropdown>
-      <!--EXAMPLE_END-->
-    </div>
-    <n-doc-source-block>
-      <!--SOURCE-->
-    </n-doc-source-block>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      items: ['item1longlonglong', 'item2longlonglong', 'item3longlonglong', 'item4longlonglong']
-    }
-  },
-  methods: {
-    handleClick (item) {
-      this.$NMessage.info(item)
-    }
-  }
-}
-</script>
diff --git a/demo/documentation/components/dropdownDemo/cascade.demo.vue b/demo/documentation/components/dropdownDemo/cascade.demo.vue
deleted file mode 100644
index 8211daa76..000000000
--- a/demo/documentation/components/dropdownDemo/cascade.demo.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-  <div class="n-doc-section">
-    <div class="n-doc-section__header">
-      Cascade
-    </div>
-    <div
-      class="n-doc-section__view"
-      style="flex-wrap: nowrap;"
-    >
-      <!--EXAMPLE_START-->
-      <n-dropdown
-        placement="bottom-start"
-        trigger="hover"
-      >
-        <template v-slot:activator>
-          <div>menu</div>
-        </template>
-        <n-dropdown-item>
-          item1
-        </n-dropdown-item>
-        <n-dropdown-item>
-          item2
-        </n-dropdown-item>
-        <n-dropdown-item>
-          item3
-        </n-dropdown-item>
-        <n-dropdown-submenu>
-          <template v-slot:activator>
-            <n-dropdown-item
-              arrow
-            >
-              submenu
-            </n-dropdown-item>
-          </template>
-          <n-dropdown-item>
-            item4
-          </n-dropdown-item>
-          <n-dropdown-item>
-            item5
-          </n-dropdown-item>
-          <n-dropdown-submenu>
-            <template v-slot:activator>
-              <n-dropdown-item
-                arrow
-              >
-                submenu2
-              </n-dropdown-item>
-            </template>
-            <n-dropdown-item>
-              item6
-            </n-dropdown-item>
-            <n-dropdown-item>
-              item7
-            </n-dropdown-item>
-          </n-dropdown-submenu>
-        </n-dropdown-submenu>
-      </n-dropdown>
-      <!--EXAMPLE_END-->
-    </div>
-    <n-doc-source-block>
-      <!--SOURCE-->
-    </n-doc-source-block>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-    }
-  }
-}
-</script>
diff --git a/demo/documentation/components/dropdownDemo/index.vue b/demo/documentation/components/dropdownDemo/index.vue
deleted file mode 100644
index a5d3d2623..000000000
--- a/demo/documentation/components/dropdownDemo/index.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-  <div
-    ref="doc"
-    class="n-doc"
-  >
-    <div class="n-doc-header">
-      <n-gradient-text :font-size="20">
-        Dropdown / n-dropdown
-      </n-gradient-text>
-    </div>
-    <div class="n-doc-body">
-      <basic-usage />
-      <trigger />
-      <placement />
-      <cascade />
-    </div>
-  </div>
-</template>
-
-<script>
-import basicUsage from './basicUsage.demo'
-import cascade from './cascade.demo.vue'
-import placement from './placement.demo.vue'
-import trigger from './trigger.demo.vue'
-
-export default {
-  components: {
-    cascade,
-    basicUsage,
-    placement,
-    trigger
-  },
-  data () {
-    return {
-
-    }
-  },
-  methods: {
-  }
-}
-</script>
diff --git a/demo/documentation/components/dropdownDemo/placement.demo.vue b/demo/documentation/components/dropdownDemo/placement.demo.vue
deleted file mode 100644
index fcde54b29..000000000
--- a/demo/documentation/components/dropdownDemo/placement.demo.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="n-doc-section">
-    <div class="n-doc-section__header">
-      Placement
-    </div>
-    <div
-      class="n-doc-section__view"
-      style="flex-wrap: nowrap;"
-    >
-      <!--EXAMPLE_START-->
-      <n-dropdown placement="bottom-start">
-        <template v-slot:activator>
-          <div>menu</div>
-        </template>
-        <n-dropdown-item
-          v-for="item in items"
-          :key="item"
-          @click="handleClick(item)"
-        >
-          {{ item }}
-        </n-dropdown-item>
-      </n-dropdown>
-      <!--EXAMPLE_END-->
-    </div>
-    <n-doc-source-block>
-      <!--SOURCE-->
-    </n-doc-source-block>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      items: ['item1longlonglong', 'item2longlonglong', 'item3longlonglong', 'item4longlonglong']
-    }
-  },
-  methods: {
-    handleClick (item) {
-      this.$NMessage.info(item)
-    }
-  }
-}
-</script>
diff --git a/demo/documentation/components/dropdownDemo/trigger.demo.vue b/demo/documentation/components/dropdownDemo/trigger.demo.vue
deleted file mode 100644
index 776f96079..000000000
--- a/demo/documentation/components/dropdownDemo/trigger.demo.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div class="n-doc-section">
-    <div class="n-doc-section__header">
-      Basic Usage
-    </div>
-    <div
-      class="n-doc-section__view"
-      style="flex-wrap: nowrap;"
-    >
-      <!--EXAMPLE_START-->
-      <n-dropdown
-        trigger="hover"
-        style="margin-right: 16px;"
-      >
-        <template v-slot:activator>
-          <div>Trigger: hover</div>
-        </template>
-        <n-dropdown-item
-          v-for="item in items"
-          :key="item"
-          @click="handleClick(item)"
-        >
-          {{ item }}
-        </n-dropdown-item>
-      </n-dropdown>
-      <n-dropdown trigger="click">
-        <template v-slot:activator>
-          <div>Trigger: click</div>
-        </template>
-        <n-dropdown-item
-          v-for="item in items"
-          :key="item"
-          @click="handleClick(item)"
-        >
-          {{ item }}
-        </n-dropdown-item>
-      </n-dropdown>
-      <!--EXAMPLE_END-->
-    </div>
-    <n-doc-source-block>
-      <!--SOURCE-->
-    </n-doc-source-block>
-  </div>
-</template>
-
-<script>
-export default {
-  data () {
-    return {
-      items: ['item1longlonglong', 'item2longlonglong', 'item3longlonglong', 'item4longlonglong']
-    }
-  },
-  methods: {
-    handleClick (item) {
-      this.$NMessage.info(item)
-    }
-  }
-}
-</script>
diff --git a/demo/documentation/components/inputNumber/enUS/basic.md b/demo/documentation/components/inputNumber/enUS/basic.md
new file mode 100644
index 000000000..af6f42801
--- /dev/null
+++ b/demo/documentation/components/inputNumber/enUS/basic.md
@@ -0,0 +1,15 @@
+# Basic
+```html
+<n-input-number
+  v-model="value"
+/>
+```
+```js
+export default {
+  data () {
+    return {
+      value: 0
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/inputNumber/enUS/disabled.md b/demo/documentation/components/inputNumber/enUS/disabled.md
new file mode 100644
index 000000000..163165e6b
--- /dev/null
+++ b/demo/documentation/components/inputNumber/enUS/disabled.md
@@ -0,0 +1,16 @@
+# Disabled
+```html
+<n-input-number
+  disabled
+  v-model="value"
+/>
+```
+```js
+export default {
+  data () {
+    return {
+      value: 0
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/inputNumber/enUS/event.md b/demo/documentation/components/inputNumber/enUS/event.md
new file mode 100644
index 000000000..3c4b367c8
--- /dev/null
+++ b/demo/documentation/components/inputNumber/enUS/event.md
@@ -0,0 +1,21 @@
+# Event
+```html
+<n-input-number
+  v-model="value"
+  @change="handleChange"
+/>
+```
+```js
+export default {
+  data () {
+    return {
+      value: 0
+    }
+  },
+  methods: {
+    handleChange (newValue) {
+      this.$NMessage.info(`value: ${newValue}`)
+    }
+  }
+}
+```
diff --git a/demo/documentation/components/inputNumber/enUS/index.md b/demo/documentation/components/inputNumber/enUS/index.md
new file mode 100644
index 000000000..8364055c9
--- /dev/null
+++ b/demo/documentation/components/inputNumber/enUS/index.md
@@ -0,0 +1,9 @@
+# Input Number
+```demo
+basic
+disabled
+event
+min-max
+size
+step
+```
\ No newline at end of file
diff --git a/demo/documentation/components/inputNumber/enUS/minMax.md b/demo/documentation/components/inputNumber/enUS/minMax.md
new file mode 100644
index 000000000..d638ec69d
--- /dev/null
+++ b/demo/documentation/components/inputNumber/enUS/minMax.md
@@ -0,0 +1,22 @@
+# Min and Max
+```html
+<n-input-number
+  v-model="value"
+  :min="-3"
+  :max="5"
+/>
+<n-input-number
+  v-model="value"
+  :min="-5"
+  :max="3"
+/>
+```
+```js
+export default {
+  data () {
+    return {
+      value: 0
+    }
+  }
+}
+```
\ No newline at end of file
diff --git a/demo/documentation/components/inputNumber/enUS/size.md b/demo/documentation/components/inputNumber/enUS/size.md
new file mode 100644
index 000000000..b2923658f
--- /dev/null
+++ b/demo/documentation/components/inputNumber/enUS/size.md
@@ -0,0 +1,24 @@
+# Size
+```html
+<n-input-number
+  v-model="value"
+  size="small"
+/>
+<n-input-number
+  v-model="value"
+  size="medium"
+/>
+<n-input-number
+  v-model="value"
+  size="large"
+/>
+```
+```js
+export default {
+  data () {
+    return {
+      value: 0
+    }
+  }
+}
+```
diff --git a/demo/documentation/components/inputNumber/enUS/step.md b/demo/documentation/components/inputNumber/enUS/step.md
new file mode 100644
index 000000000..d79835d9d
--- /dev/null
+++ b/demo/documentation/components/inputNumber/enUS/step.md
@@ -0,0 +1,16 @@
+# Step
+```html
+<n-input-number
+  v-model="value"
+  :step="2"
+/>
+```
+```js
+export default {
+  data () {
+    return {
+      value: 0
+    }
+  }
+}
+```
diff --git a/demo/documentation/components/inputNumber/index.entry b/demo/documentation/components/inputNumber/index.entry
new file mode 100644
index 000000000..e69de29bb
diff --git a/demo/documentation/components/inputNumber/zhCN/index.md b/demo/documentation/components/inputNumber/zhCN/index.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/demo/init.js b/demo/init.js
index 84dd43e45..8b6cd6048 100644
--- a/demo/init.js
+++ b/demo/init.js
@@ -32,7 +32,7 @@ import tooltip from './documentation/components/tooltip'
 import popover from './documentation/components/popover'
 import alert from './documentation/components/alert'
 import datePicker from './documentation/components/datePicker'
-import inputNumberDemo from './documentation/components/inputNumberDemo'
+import inputNumber from './documentation/components/inputNumber'
 import nimbusIconDemo from './documentation/components/nimbusIconDemo'
 import radio from './documentation/components/radio'
 import formDemo from './documentation/components/formDemo'
@@ -152,7 +152,7 @@ const routes = [
       { path: '/n-pagination', component: pagination },
       { path: '/n-alert', component: alert },
       { path: '/n-date-picker', component: datePicker },
-      { path: '/n-input-number', component: inputNumberDemo },
+      { path: '/n-input-number', component: inputNumber },
       { path: '/n-nimbus-icon', component: nimbusIconDemo },
       { path: '/n-radio', component: radio },
       { path: '/n-form', component: formDemo },