feat: publicize doc implemetation

one/docs/demo/input/disabled.vue

@@ -0,0 +1,61 @@
+<template>
+<article>
+  <section>
+    <veui-checkbox v-model="disabled">
+      Disabled
+    </veui-checkbox>
+  </section>
+  <section>
+    <p>
+      <veui-input
+        :disabled="disabled"
+        ui="l"
+        value="Large"
+      />
+    </p>
+    <p>
+      <veui-input
+        :disabled="disabled"
+        value="Normal"
+      />
+    </p>
+    <p>
+      <veui-input
+        :disabled="disabled"
+        ui="s"
+        value="Small"
+      />
+    </p>
+    <p>
+      <veui-input
+        :disabled="disabled"
+        ui="xs"
+        value="Extra small"
+      />
+    </p>
+  </section>
+</article>
+</template>
+
+<script>
+import { Input, Checkbox } from 'veui'
+
+export default {
+  components: {
+    'veui-input': Input,
+    'veui-checkbox': Checkbox
+  },
+  data () {
+    return {
+      disabled: true
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+section,
+p {
+  margin-bottom: 1em;
+}
+</style>

one/docs/demo/input/readonly.vue

@@ -0,0 +1,61 @@
+<template>
+<article>
+  <section>
+    <veui-checkbox v-model="readonly">
+      Read-only
+    </veui-checkbox>
+  </section>
+  <section>
+    <p>
+      <veui-input
+        :readonly="readonly"
+        ui="l"
+        value="Large"
+      />
+    </p>
+    <p>
+      <veui-input
+        :readonly="readonly"
+        value="Normal"
+      />
+    </p>
+    <p>
+      <veui-input
+        :readonly="readonly"
+        ui="s"
+        value="Small"
+      />
+    </p>
+    <p>
+      <veui-input
+        :readonly="readonly"
+        ui="xs"
+        value="Extra small"
+      />
+    </p>
+  </section>
+</article>
+</template>
+
+<script>
+import { Input, Checkbox } from 'veui'
+
+export default {
+  components: {
+    'veui-input': Input,
+    'veui-checkbox': Checkbox
+  },
+  data () {
+    return {
+      readonly: true
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+section,
+p {
+  margin-bottom: 1em;
+}
+</style>

one/docs/demo/input/size.vue

@@ -0,0 +1,39 @@
+<template>
+<article>
+  <p>
+    <veui-input
+      ui="l"
+      value="Large"
+    />
+  </p>
+  <p><veui-input value="Normal"/></p>
+  <p>
+    <veui-input
+      ui="s"
+      value="Small"
+    />
+  </p>
+  <p>
+    <veui-input
+      ui="xs"
+      value="Extra small"
+    />
+  </p>
+</article>
+</template>
+
+<script>
+import { Input } from 'veui'
+
+export default {
+  components: {
+    'veui-input': Input
+  }
+}
+</script>
+
+<style lang="less" scoped docs>
+p {
+  margin-bottom: 1em;
+}
+</style>