docs: improve docs and update api

one/docs/demo/directives/tooltip/default.vue

@@ -0,0 +1,45 @@
+<template>
+<article>
+  <veui-button
+    v-tooltip="'Preview'"
+    ui="icon"
+  >
+    <veui-icon name="zoom-in"/>
+  </veui-button>
+  <veui-button
+    v-tooltip="'Upload'"
+    ui="icon"
+  >
+    <veui-icon name="upload"/>
+  </veui-button>
+  <veui-button
+    v-tooltip="'Remove'"
+    ui="icon"
+  >
+    <veui-icon name="trash"/>
+  </veui-button>
+</article>
+</template>
+
+<script>
+import { Button, Icon, tooltip } from 'veui'
+import 'veui-theme-dls-icons/zoom-in'
+import 'veui-theme-dls-icons/upload'
+import 'veui-theme-dls-icons/trash'
+
+export default {
+  components: {
+    'veui-button': Button,
+    'veui-icon': Icon
+  },
+  directives: {
+    tooltip
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.veui-button + .veui-button {
+  margin-left: 8px;
+}
+</style>

one/docs/demo/directives/tooltip/overflow.vue

@@ -0,0 +1,47 @@
+<template>
+<article>
+  <section>
+    <div
+      v-tooltip.overflow="loremIpsum"
+      class="item"
+    >
+      {{ loremIpsum }}
+    </div>
+    <div
+      v-tooltip.overflow="loremIpsum"
+      class="item"
+    >
+      Lorem upsum.
+    </div>
+  </section>
+</article>
+</template>
+
+<script>
+import { tooltip } from 'veui'
+
+const loremIpsum = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos consequatur ad hic aspernatur maiores adipisci velit nostrum nobis, cum earum, incidunt repellendus ex! Fuga, fugit! Placeat quam ex minima laudantium.'
+
+export default {
+  directives: {
+    tooltip
+  },
+  data () {
+    return {
+      loremIpsum
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.item {
+  display: inline-block;
+  margin-right: 12px;
+  width: 200px;
+  border: 1px solid #ccc;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+</style>