Cookies_Github_mirror/AquaDX
4
0
Fork 1
mirror of https://github.com/MewoLab/AquaDX.git synced 2026-02-07 12:07:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

[+] Slot tooltip

Browse Source
This commit is contained in:
Azalea
2024-04-22 10:29:45 -04:00
parent 39050c6de6
commit b6dfeb475d
2 changed files with 76 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
AquaNet/src/libs/ui.ts
View File

@@ -111,7 +111,7 @@ export const coverNotFound = (e: Event) => (e.target as HTMLImageElement).src =
/**
* use:tooltip
*/
export function tooltip(element: HTMLElement, params: { text: string } | string) {
export function tooltip(element: HTMLElement, params: { text: string, dom: HTMLElement } | string | HTMLElement) {
// Create div if not exists
if (!document.querySelector('.aqua-tooltip')) {
const div = document.createElement('div')
@@ -125,7 +125,9 @@ export function tooltip(element: HTMLElement, params: { text: string } | string)
let isFocus = false
let div: HTMLDivElement = document.querySelector('.aqua-tooltip')!
const p = typeof params === 'string' ? { text: params } : params
const p: string = typeof params === 'string' ? params
: 'dom' in params ? params.dom.outerHTML
: params.outerHTML
function updatePosition(event: MouseEvent) {
div.style.top = `${event.pageY + 10}px`;
@@ -134,7 +136,7 @@ export function tooltip(element: HTMLElement, params: { text: string } | string)
function mouseOver(event: MouseEvent) {
if (isFocus) return
div.textContent = p.text;
div.innerHTML = p;
div.style.display = ''
updatePosition(event);
isFocus = true;