feat: publicize doc implemetation

2020-08-13 11:47:56 +08:00
parent 55b9b044f2
commit 1e5fcff6ad
372 changed files with 50636 additions and 0 deletions
--- a/one/docs/demo/autocomplete/normal.vue
+++ b/one/docs/demo/autocomplete/normal.vue
@@ -0,0 +1,113 @@
+<template>
+<article class="autocomplete-normal-demo">
+  <section>
+    <h3>suggest on input</h3>
+    <veui-autocomplete
+      :datasource="suggestions"
+      placeholder="请输入"
+      clearable
+    />
+  </section>
+  <section>
+    <h3>suggest on focus</h3>
+    <veui-autocomplete
+      :datasource="coffees"
+      placeholder="请输入"
+      suggest-trigger="focus"
+    />
+  </section>
+</article>
+</template>
+
+<script>
+import { Autocomplete } from 'veui'
+
+export default {
+  components: {
+    'veui-autocomplete': Autocomplete
+  },
+  data () {
+    return {
+      suggestions: [
+        {
+          value: 'Moka'
+        },
+        {
+          value: 'Turkish'
+        },
+        {
+          value: 'latte'
+        },
+        {
+          value: 'cappuccino'
+        }
+      ],
+      coffees: [
+        {
+          label: 'Infused',
+          value: 'infused',
+          options: [
+            {
+              label: 'French press',
+              value: 'french-press'
+            },
+            {
+              label: 'Cold brew',
+              value: 'cold-brew'
+            }
+          ]
+        },
+        {
+          label: 'Espresso',
+          value: 'espresso',
+          options: [
+            {
+              label: 'Espresso Romano',
+              value: 'espresso-romano'
+            },
+            {
+              label: 'Guillermo',
+              value: 'guillermo'
+            },
+            {
+              label: 'Ristretto',
+              value: 'ristretto'
+            }
+          ]
+        },
+        {
+          label: 'Milk coffee',
+          value: 'milk-coffee',
+          options: [
+            {
+              label: 'Latte',
+              value: 'latte'
+            },
+            {
+              label: 'Macchiato',
+              value: 'macchiato'
+            },
+            {
+              label: 'Cappuccino',
+              value: 'cappuccino'
+            },
+            {
+              label: 'White coffee',
+              value: 'white-coffee'
+            }
+          ]
+        }
+      ]
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.autocomplete-normal-demo {
+  display: flex;
+  section + section {
+    margin-left: 60px;
+  }
+}
+</style>