feat: publicize doc implemetation

one/docs/demo/number-input/disabled.vue

@@ -0,0 +1,55 @@
+<template>
+<article>
+  <section>
+    <veui-checkbox v-model="disabled">
+      禁用
+    </veui-checkbox>
+  </section>
+  <section>
+    <p>
+      <veui-number-input
+        v-model="value"
+        :disabled="disabled"
+      />
+    </p>
+    <p>
+      <veui-number-input
+        v-model="value"
+        :disabled="disabled"
+        ui="s"
+      />
+    </p>
+    <p>
+      <veui-number-input
+        v-model="value"
+        :disabled="disabled"
+        ui="xs"
+      />
+    </p>
+  </section>
+</article>
+</template>
+
+<script>
+import { NumberInput, Checkbox } from 'veui'
+
+export default {
+  components: {
+    'veui-number-input': NumberInput,
+    'veui-checkbox': Checkbox
+  },
+  data () {
+    return {
+      disabled: true,
+      value: 0
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+section,
+p {
+  margin-bottom: 1em;
+}
+</style>

one/docs/demo/number-input/readonly.vue

@@ -0,0 +1,55 @@
+<template>
+<article>
+  <section>
+    <veui-checkbox v-model="readonly">
+      只读
+    </veui-checkbox>
+  </section>
+  <section>
+    <p>
+      <veui-number-input
+        v-model="value"
+        :readonly="readonly"
+      />
+    </p>
+    <p>
+      <veui-number-input
+        v-model="value"
+        :readonly="readonly"
+        ui="s"
+      />
+    </p>
+    <p>
+      <veui-number-input
+        v-model="value"
+        :readonly="readonly"
+        ui="xs"
+      />
+    </p>
+  </section>
+</article>
+</template>
+
+<script>
+import { NumberInput, Checkbox } from 'veui'
+
+export default {
+  components: {
+    'veui-number-input': NumberInput,
+    'veui-checkbox': Checkbox
+  },
+  data () {
+    return {
+      readonly: true,
+      value: 0
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+section,
+p {
+  margin-bottom: 1em;
+}
+</style>

one/docs/demo/number-input/size.vue

@@ -0,0 +1,40 @@
+<template>
+<article>
+  <p>
+    <veui-number-input v-model="value"/>
+  </p>
+  <p>
+    <veui-number-input
+      v-model="value"
+      ui="s"
+    />
+  </p>
+  <p>
+    <veui-number-input
+      v-model="value"
+      ui="xs"
+    />
+  </p>
+</article>
+</template>
+
+<script>
+import { NumberInput } from 'veui'
+
+export default {
+  components: {
+    'veui-number-input': NumberInput
+  },
+  data () {
+    return {
+      value: 0
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+p {
+  margin-bottom: 1em;
+}
+</style>