diff --git a/components/base/popper.js b/components/base/popper.js
index fbe9f11..2411034 100644
--- a/components/base/popper.js
+++ b/components/base/popper.js
@@ -28,22 +28,21 @@ export default {
boundariesElement: 'body'
}
}
+ },
+ visible: {
+ type: Boolean,
+ default: false
}
},
- data() {
- return {
- showPopper: false
- };
- },
watch: {
value: {
immediate: true,
handler(val) {
- this.showPopper = val;
+ this.visible = val;
this.$emit('input', val);
}
},
- showPopper(val) {
+ visible(val) {
val ? this.updatePopper() : this.destroyPopper();
this.$emit('input', val);
}
@@ -78,7 +77,7 @@ export default {
this.popperJS ? this.popperJS.update() : this.createPopper();
},
doDestroy() {
- if (this.showPopper) return;
+ if (this.visible) return;
this.popperJS.destroy();
this.popperJS = null;
},
diff --git a/components/poptip/index.js b/components/poptip/index.js
new file mode 100644
index 0000000..2a29dc0
--- /dev/null
+++ b/components/poptip/index.js
@@ -0,0 +1,3 @@
+import Poptip from './poptip.vue';
+
+export default Poptip;
\ No newline at end of file
diff --git a/components/poptip/poptip.vue b/components/poptip/poptip.vue
new file mode 100644
index 0000000..48ec809
--- /dev/null
+++ b/components/poptip/poptip.vue
@@ -0,0 +1,162 @@
+
+