tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

business logic, customer communication.

Browse Source
This commit is contained in:
Tsanie Lily
2023-04-06 17:35:09 +08:00
parent 7c5a9214a1
commit 6157f994a9
23 changed files with 717 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
lib/ui/tooltip.js
View File

@ -1,23 +1,28 @@
function setTooltip(container, content) {
const wrapper = document.createElement('div');
wrapper.className = 'tooltip-wrapper tooltip-color';
wrapper.style.visibility = 'hidden';
wrapper.style.opacity = 0;
const pointer = document.createElement('div');
pointer.className = 'tooltip-pointer tooltip-color';
const curtain = document.createElement('div');
curtain.className = 'tooltip-curtain tooltip-color';
wrapper.append(pointer, curtain);
import { createElement, createElementInit } from "../functions";
const cnt = document.createElement('div');
cnt.className = 'tooltip-content';
if (content instanceof HTMLElement) {
cnt.appendChild(content);
} else {
cnt.innerText = content;
function setTooltip(container, content) {
const tip = container.querySelector('.tooltip-wrapper');
if (tip != null) {
tip.remove();
}
wrapper.appendChild(cnt);
container.insertAdjacentElement('afterend', wrapper);
const wrapper = createElementInit('div', wrapper => {
wrapper.className = 'tooltip-wrapper tooltip-color';
wrapper.style.visibility = 'hidden';
wrapper.style.opacity = 0;
},
createElement('div', 'tooltip-pointer tooltip-color'),
createElement('div', 'tooltip-curtain tooltip-color'),
createElementInit('div', cnt => {
cnt.className = 'tooltip-content';
if (content instanceof HTMLElement) {
cnt.appendChild(content);
} else {
cnt.innerText = content;
}
})
);
// container.insertAdjacentElement('afterend', wrapper);
container.appendChild(wrapper);
let tid;
container.addEventListener('mouseenter', () => {
@ -56,6 +61,7 @@ function setTooltip(container, content) {
wrapper.style.opacity = 0;
}, 300);
});
return container;
}
function resolveTooltip(container = document.body) {