57 lines
1.6 KiB
JavaScript
57 lines
1.6 KiB
JavaScript
// 手机端抽屉基础控件事件绑定，替代浮动按钮、关闭按钮与名单 tab 的内联事件。
|
|
|
|
let mobileDrawerEventsBound = false;
|
|
|
|
/**
|
|
* 绑定手机端抽屉基础控件事件。
|
|
*
|
|
* @returns {void}
|
|
*/
|
|
export function bindMobileDrawerControls() {
|
|
if (mobileDrawerEventsBound || typeof document === "undefined") {
|
|
return;
|
|
}
|
|
|
|
mobileDrawerEventsBound = true;
|
|
document.addEventListener("click", (event) => {
|
|
if (!(event.target instanceof Element)) {
|
|
return;
|
|
}
|
|
|
|
const drawerTrigger = event.target.closest("[data-mobile-drawer-open]");
|
|
if (drawerTrigger) {
|
|
event.preventDefault();
|
|
window.openMobileDrawer?.(drawerTrigger.dataset.mobileDrawerOpen);
|
|
return;
|
|
}
|
|
|
|
if (event.target.closest("[data-mobile-drawer-close]")) {
|
|
event.preventDefault();
|
|
window.closeMobileDrawer?.();
|
|
return;
|
|
}
|
|
|
|
const tabTrigger = event.target.closest("[data-mobile-drawer-tab]");
|
|
if (tabTrigger) {
|
|
event.preventDefault();
|
|
window.switchMobileTab?.(tabTrigger.dataset.mobileDrawerTab);
|
|
}
|
|
});
|
|
|
|
document.addEventListener("change", (event) => {
|
|
if (!(event.target instanceof HTMLSelectElement) || event.target.id !== "mob-user-sort-select") {
|
|
return;
|
|
}
|
|
|
|
window.renderMobileUserList?.();
|
|
});
|
|
|
|
document.addEventListener("input", (event) => {
|
|
if (!(event.target instanceof HTMLInputElement) || event.target.id !== "mob-user-search-input") {
|
|
return;
|
|
}
|
|
|
|
window.scheduleRenderMobileUserList?.();
|
|
});
|
|
}
|