+ const projectTitle = `
项目
`;
@@ -426,6 +437,7 @@ async function loadProjectTasks(projectName, { append = false } = {}) {
function renderTaskNavigation() {
const listEl = $("task-list");
+ const previousFilterScroll = listEl.querySelector(".task-filter-results")?.scrollTop || 0;
if (isTaskListFiltered()) {
const results = _globalTaskResults.length
? _globalTaskResults.map((t) => taskRowHtml(t)).join("")
@@ -435,13 +447,29 @@ function renderTaskNavigation() {
listEl.innerHTML = groupedTaskListHtml(_globalTaskResults);
}
bindTaskListInteractions(listEl);
+ const filterScroller = listEl.querySelector(".task-filter-results");
+ if (filterScroller) filterScroller.scrollTop = previousFilterScroll;
}
export function refreshTaskProjectIndex() {
if (!isTaskListFiltered()) renderTaskNavigation();
}
+_compactRecentMedia.addEventListener?.("change", () => {
+ if (localStorage.getItem(TASK_RECENT_COLLAPSED_KEY) === null && !isTaskListFiltered()) {
+ renderTaskNavigation();
+ }
+});
+
function bindTaskListInteractions(root) {
+ const recentToggle = root.querySelector(".task-recent-toggle");
+ if (recentToggle) recentToggle.onclick = () => {
+ const section = recentToggle.closest(".task-nav-recent");
+ const collapsed = !section.classList.contains("collapsed");
+ section.classList.toggle("collapsed", collapsed);
+ recentToggle.setAttribute("aria-expanded", String(!collapsed));
+ localStorage.setItem(TASK_RECENT_COLLAPSED_KEY, collapsed ? "1" : "0");
+ };
const createButton = root.querySelector("#task-project-create");
if (createButton) createButton.onclick = () => createProjectFolder();
root.querySelectorAll(".task-project-menu").forEach((button) => {
@@ -508,6 +536,16 @@ function bindTaskListInteractions(root) {
queueMicrotask(() => loadProjectTasks(section.dataset.projectKey));
}
}
+ } else {
+ const scroller = root.querySelector(".task-filter-results");
+ if (scroller) {
+ const maybeLoadMore = () => {
+ const nearBottom = scroller.scrollTop + scroller.clientHeight >= scroller.scrollHeight - 200;
+ if (nearBottom && state.taskHasMore && !state.taskLoading) loadTaskList({ append: true });
+ };
+ scroller.onscroll = maybeLoadMore;
+ queueMicrotask(maybeLoadMore);
+ }
}
}
@@ -670,16 +708,34 @@ $("filter-q").addEventListener("input", () => {
_filterDebounce = setTimeout(() => loadTaskList(), 300);
});
-// 滚动加载:只让 task 列表区域滚,顶部标题 / 新建 / 筛选 / 排序固定。
-// rootMargin 提前 200px 触发,体感更顺;阈值 0 即可(刚进入即触发,append 期间 taskLoading 自带防抖)
-const _taskScrollObserver = new IntersectionObserver((entries) => {
- if (entries[0].isIntersecting && state.taskHasMore && !state.taskLoading) {
- loadTaskList({ append: true });
- }
-}, { root: $("task-scroll"), rootMargin: "200px 0px" });
-_taskScrollObserver.observe($("task-sentinel"));
+// 默认项目导航由各项目独立分页；筛选结果的续页监听绑定在其自身滚动容器上。
// ───── select task ─────
+function revealTaskInProject(tid) {
+ if (isTaskListFiltered()) return;
+ const task = state.tasksById[tid];
+ if (!task) return;
+ const projectKey = taskProject(task).key;
+ const section = Array.from(document.querySelectorAll(".task-project"))
+ .find((item) => item.dataset.projectKey === projectKey);
+ if (!section) return;
+ if (!section.classList.contains("open")) {
+ section.classList.add("open");
+ section.querySelector(".task-project-head")?.setAttribute("aria-expanded", "true");
+ const expanded = expandedTaskProjects() || new Set();
+ expanded.add(projectKey);
+ localStorage.setItem(TASK_PROJECTS_EXPANDED_KEY, JSON.stringify(Array.from(expanded)));
+ if (projectKey !== "__ungrouped__" && !_projectTaskPages.has(projectKey)) {
+ void loadProjectTasks(projectKey);
+ }
+ }
+ requestAnimationFrame(() => {
+ const active = Array.from(document.querySelectorAll(".task-projects .task-row"))
+ .find((row) => row.dataset.tid === tid);
+ active?.scrollIntoView({ block: "nearest" });
+ });
+}
+
function draftWorkingDir() {
return (state.draftWorkingDir || "").trim();
}
@@ -1057,6 +1113,7 @@ export async function selectTask(tid) {
document.querySelectorAll(".task-row").forEach((el) => {
el.classList.toggle("active", el.dataset.tid === tid);
});
+ revealTaskInProject(tid);
syncChannelCardActive(tid); // 渠道卡片 task 不在 .task-row 列表,单独同步高亮
// 手机视图:选中任务自动切到对话面板(桌面 mqPhone 不命中 → no-op)
if (mqPhone.matches) setMobileView("mv-mid");