feat: publicize doc implemetation

one/docs/demo/time-picker/datasource.vue

@@ -0,0 +1,37 @@
+<template>
+<article>
+  <veui-time-picker
+    mode="hour"
+    :hours="[2, 4, 6, 8, 10, 12, 14, 16]"
+  />
+  <veui-time-picker
+    mode="minute"
+    :hours="[2, 4, 6, 8, 10, 12, 14, 16]"
+    :minutes="[0, 10, 20, 30, 40, 50]"
+  />
+  <veui-time-picker
+    mode="second"
+    :hours="[2, 4, 6, 8, 10, 12, 14, 16]"
+    :minutes="[0, 10, 20, 30, 40, 50]"
+    :seconds="[0, 10, 20, 30, 40, 50]"
+  />
+</article>
+</template>
+
+<script>
+import { TimePicker } from 'veui'
+
+export default {
+  components: {
+    'veui-time-picker': TimePicker
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.veui-time-picker {
+  & + & {
+    margin-left: 20px;
+  }
+}
+</style>

one/docs/demo/time-picker/mode.vue

@@ -0,0 +1,47 @@
+<template>
+<article>
+  <section>
+    <h4>Hour mode</h4>
+    <veui-time-picker mode="hour"/>
+  </section>
+  <section>
+    <h4>Minute mode</h4>
+    <veui-time-picker
+      v-model="value"
+      mode="minute"
+    />
+  </section>
+  <section>
+    <h4>Second mode</h4>
+    <veui-time-picker
+      v-model="value"
+      mode="second"
+    />
+  </section>
+</article>
+</template>
+
+<script>
+import { TimePicker } from 'veui'
+
+export default {
+  components: {
+    'veui-time-picker': TimePicker
+  },
+  data () {
+    return {
+      value: null
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+section {
+  margin-bottom: 20px;
+}
+
+h4 {
+  margin-top: 0;
+}
+</style>

one/docs/demo/time-picker/range.vue

@@ -0,0 +1,29 @@
+<template>
+<article>
+  <veui-time-picker
+    v-model="min"
+    :max="max"
+  />
+  ~
+  <veui-time-picker
+    v-model="max"
+    :min="min"
+  />
+</article>
+</template>
+
+<script>
+import { TimePicker } from 'veui'
+
+export default {
+  components: {
+    'veui-time-picker': TimePicker
+  },
+  data () {
+    return {
+      min: null,
+      max: null
+    }
+  }
+}
+</script>