Upload 104 files

前端页面/components/性能优化工具.js

@@ -240,6 +240,8 @@ export function createPaginationLoader(options) {
     let debounceTimer = null;
     let generation = 0;  // 🔄 轻量级取消令牌，reset 时递增以丢弃飞行中请求
     let stopped = false;  // 保持创建后可手动加载；stop 后仅 start 能重新启用。
+    const focusContainer = options.focusContainer || container;
+    let retryFocus = null;
     
     // 加载指示器
     const loadingIndicator = document.createElement("div");
@@ -258,6 +260,7 @@ export function createPaginationLoader(options) {
     // "没有更多"提示
     const endIndicator = document.createElement("div");
     endIndicator.className = "pagination-end";
+    endIndicator.tabIndex = -1;
     endIndicator.setAttribute("role", "status");
     endIndicator.setAttribute("aria-live", "polite");
     endIndicator.textContent = translate("pagination.end");
@@ -276,6 +279,63 @@ export function createPaginationLoader(options) {
     retryIndicator.append(retryMessage, retryButton);
     retryIndicator.style.display = "none";
     
+    const clearRetryFocus = () => {
+        if (!retryFocus) return;
+        retryFocus.doc.removeEventListener('focusin', retryFocus.onFocus, true);
+        retryFocus.doc.removeEventListener('pointerdown', retryFocus.onPointer, true);
+        retryFocus = null;
+    };
+    const captureRetryFocus = () => {
+        clearRetryFocus();
+        const doc = container.ownerDocument;
+        if (doc.activeElement !== retryButton) return;
+        const record = { generation, children: new Set(focusContainer.children), doc };
+        record.onFocus = event => { if (event.target !== retryButton && event.target !== doc.body) clearRetryFocus(); };
+        record.onPointer = () => clearRetryFocus();
+        retryFocus = record;
+        doc.addEventListener('focusin', record.onFocus, true);
+        doc.addEventListener('pointerdown', record.onPointer, true);
+    };
+    const focusableSelector = 'button, a[href], input, select, textarea, [tabindex]';
+    const firstFocusable = element => {
+        const candidates = [element, ...element.querySelectorAll(focusableSelector)];
+        return candidates.find(node => node.matches(focusableSelector) && !node.disabled && node.tabIndex >= 0
+            && !node.closest('[inert], [aria-hidden="true"]') && node.getClientRects().length > 0
+            && node.ownerDocument.defaultView.getComputedStyle(node).visibility !== 'hidden');
+    };
+    const restoreRetryFocus = willContinue => {
+        if (!retryFocus) return;
+        const doc = container.ownerDocument;
+        if (stopped || retryFocus.generation !== generation || !container.isConnected || !focusContainer.isConnected
+            || !doc.hasFocus() || !focusContainer.getClientRects().length
+            || doc.defaultView.getComputedStyle(focusContainer).visibility === 'hidden'
+            || (doc.activeElement !== doc.body && doc.activeElement !== retryButton)) {
+            clearRetryFocus();
+            return;
+        }
+        let target;
+        if (retryIndicator.style.display !== 'none') target = retryButton;
+        else {
+            const children = Array.from(focusContainer.children);
+            for (const child of children) {
+                if (!retryFocus.children.has(child) && (target = firstFocusable(child))) break;
+            }
+            if (!target && willContinue) return;
+            if (!target && !hasMore) target = endIndicator;
+            if (!target) {
+                for (const child of children.reverse()) {
+                    if ((target = firstFocusable(child))) break;
+                }
+            }
+            if (!target) {
+                if (!focusContainer.hasAttribute('tabindex')) focusContainer.tabIndex = -1;
+                target = focusContainer;
+            }
+        }
+        clearRetryFocus();
+        target.focus({ preventScroll: true });
+    };
+
     // 滚动事件处理（带防抖）
     const handleScroll = () => {
         if (stopped) return;
@@ -294,9 +354,14 @@ export function createPaginationLoader(options) {
     };
     
     // 加载下一页
-    const _loadNextPage = async () => {
-        if (stopped || isLoading || !hasMore) return;
+    const _loadNextPage = async (retry = false) => {
+        if (stopped || isLoading || (!hasMore && !retry)) return;
         if (typeof canLoad === "function" && !canLoad()) return;
+        if (retry) {
+            captureRetryFocus();
+            retryIndicator.style.display = "none";
+            hasMore = true;
+        }
         
         isLoading = true;
         loadingIndicator.style.display = "block";
@@ -339,19 +404,17 @@ export function createPaginationLoader(options) {
                 loadingIndicator.style.display = "none";
                 // Search callers can scan pages with no local matches without
                 // changing pagination behavior for other lists.
-                if (hasMore && typeof autoFill === "function" &&
-                    (autoFill() || container.scrollHeight <= container.clientHeight + threshold)) {
-                    _loadNextPage();
-                }
+                const willContinue = hasMore && typeof autoFill === "function" &&
+                    (autoFill() || container.scrollHeight <= container.clientHeight + threshold);
+                restoreRetryFocus(willContinue);
+                if (willContinue) _loadNextPage();
             }
         }
     };
 
     retryButton.addEventListener("click", () => {
         if (stopped || isLoading) return;
-        retryIndicator.style.display = "none";
-        hasMore = true;
-        _loadNextPage();
+        _loadNextPage(true);
     });
     
     // 启动监听
@@ -367,6 +430,7 @@ export function createPaginationLoader(options) {
     
     // 停止监听
     const stop = () => {
+        clearRetryFocus();
         stopped = true;
         generation++;
         if (isLoading) currentPage = Math.max(1, currentPage - 1);
@@ -382,6 +446,7 @@ export function createPaginationLoader(options) {
     
     // 重置状态
     const reset = () => {
+        clearRetryFocus();
         generation++;  // 🔄 递增使飞行中请求结果被忽略
         currentPage = 1;  // 首屏已渲染第1页，分页器从第2页开始
         hasMore = true;

前端页面/core/榜单分页控制.js

@@ -75,6 +75,7 @@ export function setupSidebarPagination(contentArea, state, pageSize, loadMoreDat
     // 创建分页加载器
     const loader = createPaginationLoader({
         container: scrollContainer,
+        focusContainer: contentArea,
         pageSize: pageSize,
         threshold: 300,
         t,

前端页面/post/讨论区组件.js

@@ -194,6 +194,7 @@ export function createPostsView(currentUser, keyword = "", { sort: initialSort =
         
         currentPaginator = createPaginationLoader({
             container: scrollContainer,
+            focusContainer: postsGrid,
             canLoad: () => !disposed && firstPageReady && !isLoadingFromNetwork,
             loadMore: loadMorePosts,
             pageSize: PAGE_SIZE,

前端页面/prompt/提示词组件.js

@@ -339,6 +339,7 @@ export function createPromptsView(currentUser, keyword = "", { sort: initialSort
 
         currentPaginator = createPaginationLoader({
             container: scrollContainer,
+            focusContainer: promptsGrid,
             canLoad: () => !disposed && firstPageReady && !isLoadingFromNetwork,
             loadMore: loadMorePrompts,
             pageSize: PAGE_SIZE,

前端页面/task/任务榜组件.js

@@ -498,6 +498,7 @@ export function createTasksView(currentUser, keyword = "", { sort: initialSort =
             const scrollContainer = container.closest('.sidebar-scroll-container') || container;
             paginator = createPaginationLoader({
                 container: scrollContainer,
+                focusContainer: tasksList,
                 canLoad: () => !disposed && firstPageReady && !isLoadingFromNetwork,
                 autoFill: () => Boolean(searchKeyword) && !allTasksData.some(task => _filterTasksByKeyword([task], searchKeyword).length),
                 loadMore: async (page, pageSize, { isCurrent = () => true } = {}) => {