chore(scrollbar): checkpoint

demo/components/scrollbarDemo/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div
+    ref="doc"
+    class="n-doc"
+  >
+    <div class="n-doc-header">
+      <n-gradient-text :font-size="20">
+        scaffold
+      </n-gradient-text>
+    </div>
+    <div class="n-doc-body">
+      <scaffold />
+    </div>
+  </div>
+</template>
+
+<script>
+import scaffold from './scaffold.demo.vue'
+
+export default {
+  components: {
+    scaffold
+  },
+  data () {
+    return {
+
+    }
+  },
+  methods: {
+  }
+}
+</script>

demo/components/scrollbarDemo/scaffold.demo.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="n-doc-section">
+    <div class="n-doc-section__header">
+      Scaffold
+    </div>
+    <div
+      class="n-doc-section__view"
+      style="flex-wrap: nowrap;"
+    >
+      <!--EXAMPLE_START-->
+      Write some demo here
+      <!--EXAMPLE_END-->
+    </div>
+    <pre class="n-doc-section__inspect">Inspect some value here</pre>
+    <n-doc-source-block>
+      <!--SOURCE-->
+    </n-doc-source-block>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+    }
+  }
+}
+</script>

demo/demo.vue

@@ -111,6 +111,10 @@ export default {
               name: 'Radio',
               path: '/n-radio'
             },
+            {
+              name: 'Scrollbar',
+              path: '/n-scrollbar'
+            },
             {
               name: 'Select',
               path: '/n-select'

demo/index.js

@@ -28,6 +28,7 @@ import nimbusIconDemo from './components/nimbusIconDemo'
 import radioDemo from './components/radioDemo'
 import formDemo from './components/formDemo'
 import timePickerDemo from './components/timePickerDemo'
+import scrollbarDemo from './components/scrollbarDemo'
 
 import notificationDemo from './components/notificationDemo'
 import nimbusConfirmCardDemo from './components/nimbusConfirmCardDemo'
@@ -85,7 +86,8 @@ const routes = [
       { path: '/n-form', component: formDemo },
       { path: '/n-time-picker', component: timePickerDemo },
       { path: '/n-router-debug', component: routerDebug },
-      { path: '/n-modal-debug', component: modalDebug }
+      { path: '/n-modal-debug', component: modalDebug },
+      { path: '/n-scrollbar', component: scrollbarDemo }
     ]
   },
   {

index.js

@@ -32,6 +32,7 @@ import ServiceLayout from './packages/nimbus/ServiceLayout'
 import NimbusFormCard from './packages/nimbus/FormCard'
 import NimbusConfirmCard from './packages/nimbus/ConfirmCard'
 import NimbusIcon from './packages/nimbus/Icon'
+import Scrollbar from './packages/common/Scrollbar'
 
 function install (Vue) {
   Card.install(Vue)
@@ -68,6 +69,7 @@ function install (Vue) {
   Radio.install(Vue)
   Form.install(Vue)
   TimePicker.install(Vue)
+  Scrollbar.install(Vue)
 }
 
 export default {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "naive-ui",
-  "version": "0.2.47",
+  "version": "0.2.48",
   "description": "",
   "main": "index.js",
   "scripts": {

packages/common/Scrollbar/index.js

@@ -0,0 +1,8 @@
+/* istanbul ignore file */
+import ScrollBar from './src/main.vue'
+
+ScrollBar.install = function (Vue) {
+  Vue.component(ScrollBar.name, ScrollBar)
+}
+
+export default ScrollBar

packages/common/Scrollbar/src/main.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>example</div>
+</template>
+
+<script>
+export default {
+  name: 'NScrollBar'
+}
+</script>