twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-06-07 17:07:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(panel): fix setting tooltip (#85)

Browse Source 
* fix(panel): fix setting tooltip
This commit is contained in:
一万 2021-10-30 19:50:47 +08:00 committed by GitHub
parent c418ab03a2
commit 4e04fdd657
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/layout/components/panel/index.vue
View File

@ -1,33 +1,18 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from "vue"; import { ref } from "vue";
import { useEventListener, onClickOutside } from "@vueuse/core"; import { onClickOutside } from "@vueuse/core";
import { emitter } from "/@/utils/mitt"; import { emitter } from "/@/utils/mitt";
let show = ref<Boolean>(false); let show = ref<Boolean>(false);
const target = ref(null); const target = ref(null);
onClickOutside(target, () => { onClickOutside(target, event => {
if (event.clientX > target.value.offsetLeft) return;
show.value = false; show.value = false;
}); });
const addEventClick = (): void => {
useEventListener("click", closeSidebar);
};
const closeSidebar = (evt: any): void => {
const parent = evt.target.closest(".right-panel");
if (!parent) {
show.value = false;
window.removeEventListener("click", closeSidebar);
}
};
emitter.on("openPanel", () => { emitter.on("openPanel", () => {
show.value = true; show.value = true;
}); });
defineExpose({
addEventClick
});
</script> </script>
<template> <template>