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
+24
-20
@@ -28,7 +28,10 @@
|
||||
searchQuery: '',
|
||||
ajaxInFlight: null,
|
||||
|
||||
init: function () {
|
||||
init: function (root) {
|
||||
this.root = root || document;
|
||||
if (this.root.__aksrtPageNavInitialized) return;
|
||||
this.root.__aksrtPageNavInitialized = true;
|
||||
this.initTocHighlight();
|
||||
this.initSmoothScroll();
|
||||
this.initDocSearch();
|
||||
@@ -40,7 +43,8 @@
|
||||
* TOC 高亮(文档阅读页)
|
||||
* ============================================================ */
|
||||
initTocHighlight: function () {
|
||||
var toc = document.querySelector('.aksrt-doc-toc');
|
||||
var toc = this.root.querySelector('.aksrt-doc-toc');
|
||||
if (this.root.nodeType === 1 && this.root.matches('.aksrt-doc-toc')) toc = this.root;
|
||||
if (!toc) return;
|
||||
|
||||
this.tocItems = Array.from(toc.querySelectorAll('.aksrt-doc-toc__item a'));
|
||||
@@ -92,7 +96,9 @@
|
||||
* 平滑滚动
|
||||
* ============================================================ */
|
||||
initSmoothScroll: function () {
|
||||
document.addEventListener('click', function (e) {
|
||||
if (this.root.__aksrtPageNavSmoothBound) return;
|
||||
this.root.__aksrtPageNavSmoothBound = true;
|
||||
this.root.addEventListener('click', function (e) {
|
||||
var link = e.target.closest('a[href^="#"]');
|
||||
if (!link) return;
|
||||
|
||||
@@ -113,11 +119,11 @@
|
||||
* 文档搜索(AJAX 接管)
|
||||
* ============================================================ */
|
||||
initDocSearch: function () {
|
||||
var searchInput = document.querySelector('.aksrt-doc-search__input');
|
||||
var searchInput = this.root.querySelector('.aksrt-doc-search__input');
|
||||
if (!searchInput) return;
|
||||
|
||||
var resultsContainer = document.querySelector('.aksrt-doc-search__results');
|
||||
var takeover = document.querySelector('.aksrt-doc-takeover');
|
||||
var resultsContainer = this.root.querySelector('.aksrt-doc-search__results');
|
||||
var takeover = this.root.querySelector('.aksrt-doc-takeover');
|
||||
var self = this;
|
||||
|
||||
var debounceTimer = null;
|
||||
@@ -206,7 +212,7 @@
|
||||
resultsContainer.innerHTML = '';
|
||||
}
|
||||
// 显示所有卡片
|
||||
var cards = document.querySelectorAll('.aksrt-doc-index-card');
|
||||
var cards = this.root.querySelectorAll('.aksrt-doc-index-card');
|
||||
cards.forEach(function (card) { card.style.display = ''; });
|
||||
},
|
||||
|
||||
@@ -231,7 +237,7 @@
|
||||
* 分类切换 — AJAX 加载 + 分页
|
||||
* ============================================================ */
|
||||
initCategoryChips: function () {
|
||||
var toolbar = document.querySelector('.aksrt-doc-toolbar');
|
||||
var toolbar = this.root.querySelector('.aksrt-doc-toolbar');
|
||||
if (!toolbar) return;
|
||||
|
||||
var chips = toolbar.querySelectorAll('.aksrt-doc-toolbar__chip[data-cat-id]');
|
||||
@@ -260,7 +266,7 @@
|
||||
}
|
||||
|
||||
var self = this;
|
||||
var grid = document.querySelector('.aksrt-doc-grid');
|
||||
var grid = this.root.querySelector('.aksrt-doc-grid');
|
||||
if (!grid) return;
|
||||
|
||||
// 显示加载状态
|
||||
@@ -305,7 +311,7 @@
|
||||
},
|
||||
|
||||
updateMetaCount: function (total) {
|
||||
var meta = document.querySelector('.aksrt-doc-toolbar__meta');
|
||||
var meta = this.root.querySelector('.aksrt-doc-toolbar__meta');
|
||||
if (meta) {
|
||||
meta.textContent = total + ' 篇文档';
|
||||
}
|
||||
@@ -316,7 +322,7 @@
|
||||
* ============================================================ */
|
||||
initPagination: function () {
|
||||
var self = this;
|
||||
var paginationContainer = document.querySelector('.aksrt-doc-pagination');
|
||||
var paginationContainer = this.root.querySelector('.aksrt-doc-pagination');
|
||||
if (!paginationContainer) return;
|
||||
|
||||
paginationContainer.addEventListener('click', function (e) {
|
||||
@@ -331,7 +337,7 @@
|
||||
self.loadCategoryDocs(self.activeCategory, page);
|
||||
|
||||
// 滚动到顶部
|
||||
var grid = document.querySelector('.aksrt-doc-grid');
|
||||
var grid = self.root.querySelector('.aksrt-doc-grid');
|
||||
if (grid) {
|
||||
grid.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
}
|
||||
@@ -342,7 +348,7 @@
|
||||
this.totalPages = totalPages;
|
||||
this.currentPage = currentPage;
|
||||
|
||||
var container = document.querySelector('.aksrt-doc-pagination');
|
||||
var container = this.root.querySelector('.aksrt-doc-pagination');
|
||||
if (!container) return;
|
||||
|
||||
if (totalPages <= 1) {
|
||||
@@ -394,7 +400,7 @@
|
||||
},
|
||||
|
||||
filterDocItems: function (query) {
|
||||
var cards = document.querySelectorAll('.aksrt-doc-index-card');
|
||||
var cards = this.root.querySelectorAll('.aksrt-doc-index-card');
|
||||
if (cards.length > 0) {
|
||||
cards.forEach(function (card) {
|
||||
var title = card.querySelector('.aksrt-doc-index-card__title');
|
||||
@@ -408,7 +414,7 @@
|
||||
});
|
||||
}
|
||||
|
||||
var sidebarItems = document.querySelectorAll('.aksrt-doc-sidebar__item');
|
||||
var sidebarItems = this.root.querySelectorAll('.aksrt-doc-sidebar__item');
|
||||
if (sidebarItems.length > 0) {
|
||||
sidebarItems.forEach(function (item) {
|
||||
var link = item.querySelector('.aksrt-doc-sidebar__link');
|
||||
@@ -446,9 +452,7 @@
|
||||
}
|
||||
};
|
||||
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', function () { PAGE_NAVS.init(); });
|
||||
} else {
|
||||
PAGE_NAVS.init();
|
||||
}
|
||||
window.AksrtFrontend.register('aksrt-page-navs', function (root) {
|
||||
PAGE_NAVS.init(root);
|
||||
});
|
||||
})();
|
||||
Reference in new issue
Block a user