feat(runtime): 全站前端脚本统一接入 AksrtFrontend 全局 DOM 生命周期
- rehydrate.js 新增 boot()/aksrt:ready 事件,支持 boot 后晚注册立即以 init 触发 - aksrt-runtime.js 初始加载改走 AksrtFrontend.boot,tooltip/倒计时注册为组件 - 约 30 个前端脚本(首页、评论、支付、路由、页面叶子、widgets) 从直接 DOMContentLoaded 迁移为 AksrtFrontend.register,并加幂等标记 - section-navs 依赖改为 aksrt-runtime,保证注册时序 - 清理死代码:删除孤儿 loader.js/main.js 及 runtime/page-navs 遗留副本 - loader.js 移除已迁移模块的 tbquire 路径映射,main.js 相应瘦身 - build-public-assets.mjs 增加 runtime/main.min.js 自动压缩步骤 - 新增 4 个契约测试(homepage-dom/rehydrate-runtime/global-dom-init/ public-bundle-parity),3 个既有 harness 适配注册表初始化方式
This commit is contained in:
1 parent
5984d4e42d
commit
1f4a39d8f8
60 files changed
+1810
-1742
No files matched your search
+63
-27
@@ -13,14 +13,30 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
var globalEventsBound = false;
|
||||
|
||||
function elementsIn(root, selector) {
|
||||
var elements = [];
|
||||
root = root || document;
|
||||
if (root.nodeType === 1 && root.matches(selector)) elements.push(root);
|
||||
if (root.querySelectorAll) root.querySelectorAll(selector).forEach(function (element) { elements.push(element); });
|
||||
return elements;
|
||||
}
|
||||
|
||||
function elementById(root, id) {
|
||||
root = root || document;
|
||||
if (root.nodeType === 1 && root.id === id) return root;
|
||||
return root.querySelector ? root.querySelector('#' + id) : null;
|
||||
}
|
||||
|
||||
function notifyLoadError() {
|
||||
if (typeof notyf === 'function') {
|
||||
notyf('加载失败,请重试', 'danger');
|
||||
}
|
||||
}
|
||||
|
||||
function initPublicDashboards() {
|
||||
document.querySelectorAll('.dashboard--public').forEach(function (root) {
|
||||
function initPublicDashboards(scope) {
|
||||
elementsIn(scope, '.dashboard--public').forEach(function (root) {
|
||||
if (root.dataset.aksrtAuthorBound === '1') return;
|
||||
root.dataset.aksrtAuthorBound = '1';
|
||||
|
||||
@@ -138,13 +154,13 @@
|
||||
});
|
||||
}
|
||||
|
||||
function initCoverUpload() {
|
||||
function initCoverUpload(root) {
|
||||
var cfg = window.aksrtAuthorPage || {};
|
||||
var upload = cfg.coverUpload || null;
|
||||
if (!upload || !upload.enabled || !upload.restUrl) return;
|
||||
|
||||
var btn = document.getElementById(upload.buttonId || 'aksrt-upload-bg-btn');
|
||||
var input = document.getElementById(upload.inputId || 'aksrt-bg-file-input');
|
||||
var btn = elementById(root, upload.buttonId || 'aksrt-upload-bg-btn');
|
||||
var input = elementById(root, upload.inputId || 'aksrt-bg-file-input');
|
||||
if (!btn || !input || btn.dataset.aksrtCoverBound === '1') return;
|
||||
|
||||
btn.dataset.aksrtCoverBound = '1';
|
||||
@@ -238,13 +254,13 @@
|
||||
});
|
||||
}
|
||||
|
||||
function initAvatarUpload() {
|
||||
function initAvatarUpload(root) {
|
||||
var upload = (window.aksrtUserCenter || {}).avatarUpload;
|
||||
if (!upload || !upload.enabled || !upload.restUrl) return;
|
||||
|
||||
var button = document.getElementById(upload.buttonId || 'aksrt-upload-avatar-btn');
|
||||
var input = document.getElementById(upload.inputId || 'aksrt-avatar-file-input');
|
||||
var image = document.getElementById(upload.imageId || 'aksrt-user-avatar-image');
|
||||
var button = elementById(root, upload.buttonId || 'aksrt-upload-avatar-btn');
|
||||
var input = elementById(root, upload.inputId || 'aksrt-avatar-file-input');
|
||||
var image = elementById(root, upload.imageId || 'aksrt-user-avatar-image');
|
||||
if (!button || !input || button.dataset.aksrtAvatarBound === '1') return;
|
||||
button.dataset.aksrtAvatarBound = '1';
|
||||
|
||||
@@ -297,8 +313,8 @@
|
||||
});
|
||||
}
|
||||
|
||||
function initCoverMenus() {
|
||||
document.querySelectorAll('[data-aksrt-menu]').forEach(function (menu) {
|
||||
function initCoverMenus(root) {
|
||||
elementsIn(root, '[data-aksrt-menu]').forEach(function (menu) {
|
||||
if (menu.dataset.aksrtMenuBound === '1') return;
|
||||
menu.dataset.aksrtMenuBound = '1';
|
||||
var trigger = menu.querySelector('.aksrt-cover-menu__trigger');
|
||||
@@ -320,34 +336,54 @@
|
||||
}
|
||||
trigger.addEventListener('click', function () { panel.hidden ? open() : close(); });
|
||||
menu.addEventListener('keydown', function (event) { if (event.key === 'Escape') { close(); trigger.focus(); } });
|
||||
document.addEventListener('pointerdown', function (event) { if (!menu.contains(event.target)) close(); });
|
||||
});
|
||||
}
|
||||
|
||||
function initProfileDetailsModal() {
|
||||
var modal = document.getElementById('aksrt-profile-details-modal');
|
||||
if (!modal) return;
|
||||
function initProfileDetailsModal(root) {
|
||||
var modal = elementById(root, 'aksrt-profile-details-modal');
|
||||
if (!modal || modal.dataset.aksrtProfileModalBound === '1') return;
|
||||
modal.dataset.aksrtProfileModalBound = '1';
|
||||
var dialog = modal.querySelector('.aksrt-profile-details-modal__dialog');
|
||||
var returnFocus = null;
|
||||
function close() { modal.hidden = true; if (returnFocus) returnFocus.focus(); }
|
||||
document.querySelectorAll('[data-aksrt-profile-details]').forEach(function (button) {
|
||||
elementsIn(root, '[data-aksrt-profile-details]').forEach(function (button) {
|
||||
button.addEventListener('click', function () { returnFocus = button; modal.hidden = false; if (dialog) dialog.focus(); });
|
||||
});
|
||||
modal.querySelectorAll('[data-aksrt-modal-close]').forEach(function (button) { button.addEventListener('click', close); });
|
||||
document.addEventListener('keydown', function (event) { if (event.key === 'Escape' && !modal.hidden) close(); });
|
||||
}
|
||||
|
||||
function init() {
|
||||
initPublicDashboards();
|
||||
initCoverMenus();
|
||||
initProfileDetailsModal();
|
||||
initCoverUpload();
|
||||
initAvatarUpload();
|
||||
function initGlobalEvents() {
|
||||
if (globalEventsBound) return;
|
||||
globalEventsBound = true;
|
||||
document.addEventListener('pointerdown', function (event) {
|
||||
document.querySelectorAll('[data-aksrt-menu]').forEach(function (menu) {
|
||||
if (menu.contains(event.target)) return;
|
||||
var panel = menu.querySelector('.aksrt-cover-menu__panel');
|
||||
var trigger = menu.querySelector('.aksrt-cover-menu__trigger');
|
||||
if (panel) panel.hidden = true;
|
||||
if (trigger) trigger.setAttribute('aria-expanded', 'false');
|
||||
});
|
||||
});
|
||||
document.addEventListener('keydown', function (event) {
|
||||
if (event.key !== 'Escape') return;
|
||||
var modal = document.getElementById('aksrt-profile-details-modal');
|
||||
if (modal && !modal.hidden) {
|
||||
var close = modal.querySelector('[data-aksrt-modal-close]');
|
||||
if (close) close.click();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', init);
|
||||
} else {
|
||||
init();
|
||||
function init(root) {
|
||||
initGlobalEvents();
|
||||
initPublicDashboards(root);
|
||||
initCoverMenus(root);
|
||||
initProfileDetailsModal(root);
|
||||
initCoverUpload(root);
|
||||
initAvatarUpload(root);
|
||||
}
|
||||
|
||||
if (window.AksrtFrontend && typeof window.AksrtFrontend.register === 'function') {
|
||||
window.AksrtFrontend.register('aksrt-author', init);
|
||||
}
|
||||
})();
|
||||
Reference in new issue
Block a user