cbvirtua 1.0.4 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cbvirtua",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "main": "index.js",
   "scripts": {

package/v2/App.vue

@@ -0,0 +1,56 @@
+<template>
+  <div id="app">
+    <Dropdown :distance="6">
+      <button>Click me</button>
+      <template #popper>
+        <button v-close-popper="myBooleanProp" @click="hide">Close</button>
+      </template>
+    </Dropdown>
+
+  </div>
+</template>
+
+<script>
+import {
+  // Directives
+  vTooltip,
+  VClosePopper,
+  // Components
+  Dropdown,
+  Tooltip,
+  Menu
+} from './components/v2'
+console.log(VClosePopper)
+export default {
+  name: 'App',
+  data() {
+    return {
+      myBooleanProp: true
+    }
+  },
+  directives: {
+    'close-popper': VClosePopper
+  },
+  components: {
+    Dropdown
+  },
+  methods: {
+    hide() {
+      console.log(123)
+      this.myBooleanProp = true
+      console.log(this.myBooleanProp)
+    }
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>

package/v2/components/Dropdown.vue

@@ -0,0 +1,28 @@
+<script lang="ts">
+import PopperWrapper from './PopperWrapper.vue'
+
+export default {
+  ...PopperWrapper,
+  name: 'VDropdown',
+  vPopperTheme: 'dropdown',
+}
+</script>
+
+<style>
+.v-popper--theme-dropdown .v-popper__inner {
+  background: #fff;
+  color: black;
+  border-radius: 6px;
+  border: 1px solid #ddd;
+  box-shadow: 0 6px 30px rgba(0, 0, 0, .1);
+}
+
+.v-popper--theme-dropdown .v-popper__arrow-inner {
+  visibility: visible;
+  border-color: #fff;
+}
+
+.v-popper--theme-dropdown .v-popper__arrow-outer {
+  border-color: #ddd;
+}
+</style>

package/v2/components/Menu.vue

@@ -0,0 +1,9 @@
+<script lang="ts">
+import PopperWrapper from './PopperWrapper.vue'
+
+export default {
+  ...PopperWrapper,
+  name: 'VMenu',
+  vPopperTheme: 'menu',
+}
+</script>