fuck you , wasting time

Author: frostime

src/components/docs-flow/docs-flow-toolbar.svelte

@@ -24,7 +24,7 @@
     let showToolbar: boolean = false;
 
     const getAllDocIds = getContext("getAllDocIds") as () => BlockId[];
-    const getLoadedDocIds = getContext("getLoadedDocIds") as () => BlockId[];
+    // const getLoadedDocIds = getContext("getLoadedDocIds") as () => BlockId[];
     const jumpToDoc = getContext("jumpToDoc") as (id: BlockId) => void;
 
     function onConfigChanged() {
@@ -169,15 +169,44 @@
         });
     };
 
+    const getDocsFlow = getContext("docsFlow") as () => HTMLElement;
+
+    const getCurrentProtyle = (): BlockId[] => {
+        const docsFlow = getDocsFlow();
+        if (!docsFlow) return [];
+
+        // 获取容器在视口中的实际可见位置
+        const rect = docsFlow.getBoundingClientRect();
+        const visibleTop = rect.top;
+        const visibleBottom = rect.bottom;
+
+        const protyles = docsFlow.querySelectorAll(".docs-flow__doc");
+        const visibleIds: BlockId[] = [];
+
+        protyles.forEach((protyle: HTMLElement) => {
+            const protyleRect = protyle.getBoundingClientRect();
+            const id = protyle.getAttribute("data-node-id");
+
+            if (protyleRect.bottom > visibleTop && protyleRect.top < visibleBottom && id) {
+                visibleIds.push(id);
+            }
+        });
+
+        return visibleIds;
+    };
+
     const showDocsFlowOutline = () => {
+        const ids = getCurrentProtyle();
+        // console.log(visibleIds);
+
         const { close } = svelteDialog({
             title: "Outline",
             constructor: (container: HTMLElement) => {
                 return new DocsFlowOutline({
                     target: container,
                     props: {
                         allDocIds: getAllDocIds(),
-                        loadedDocIds: getLoadedDocIds(),
+                        hightlightIds: ids || [],
                         jumpToDoc: (id: BlockId) => {
                             jumpToDoc(id);
                             close();

src/components/docs-flow/docs-flow.svelte

@@ -3,7 +3,7 @@
  Author       : Yp Z
  Date         : 2023-07-28 20:49:27
  FilePath     : /src/components/docs-flow/docs-flow.svelte
- LastEditTime : 2025-01-18 18:40:13
+ LastEditTime : 2025-01-18 19:03:34
  Description  : 
 -->
 <script lang="ts">
@@ -208,10 +208,13 @@
 
     //全局 css，用于隐藏gutter
     let hideGutterClass: "" | "hide-gutter" = "";
-    let container: HTMLElement;
+    let docsFlow: HTMLElement;
+
+    setContext("docsFlow", () => docsFlow);
+
 </script>
 
-<main class="docs-flow-container" bind:this={container}>
+<main class="docs-flow-container">
     <Toolbar
         bind:rule
         bind:config
@@ -224,6 +227,7 @@
     <div
         class="docs-flow fn__flex-1 {hideGutterClass}"
         style="--display-breadcrumb: {isMobile() ? 'none' : 'flex'}"
+        bind:this={docsFlow}
     >
         {#each loadIdList as did, i (did)}
             <Protyle

src/components/docs-flow/docs-list.svelte

@@ -3,7 +3,7 @@
  Author       : frostime
  Date         : 2024-10-01 20:33:19
  FilePath     : /src/components/docs-flow/docs-list.svelte
- LastEditTime : 2024-11-17 18:41:11
+ LastEditTime : 2025-01-18 19:20:08
  Description  : 
 
  显示所有的文档
@@ -20,7 +20,7 @@
     import { onMount } from "svelte";
 
     export let allDocIds: BlockId[];
-    export let loadedDocIds: BlockId[];
+    export let hightlightIds: BlockId[];
     export let jumpToDoc: (id: BlockId) => void;
 
     let docInfo: Record<BlockId, { title: string; hpath: string; box: string }> = {};
@@ -47,7 +47,7 @@
     // }
 
     function isLoaded(id: BlockId): boolean {
-        return loadedDocIds.includes(id);
+        return hightlightIds.includes(id);
     }
 
     function scrollToDoc(id: BlockId) {

src/components/docs-flow/protyle.svelte

@@ -86,7 +86,7 @@
         let prefix = notebookName ? `/${notebookName}` : "";
         hpath = prefix + rootDoc.hpath;
 
-        console.debug("Mount protyle:", notebookName, hpath, blockId);
+        // console.debug("Mount protyle:", notebookName, hpath, blockId);
         Flag.initialised = true;
         ChangeStatus.collapseBarChanged = false; //TODO 这个解决方案很不优雅，后面有空改掉
         // ChangeStatus.scrollingChanged = false;
@@ -126,11 +126,11 @@
             return;
         }
         updateProtyleMaxHeight();
-        console.log("load protyle", {
-            title: config.protyleTitle,
-            mode: config.readonly ? "preview" : "wysiwyg",
-            scroll: config.scroll,
-        });
+        // console.log("load protyle", {
+        //     title: config.protyleTitle,
+        //     mode: config.readonly ? "preview" : "wysiwyg",
+        //     scroll: config.scroll,
+        // });
         protyle = new Protyle(app, divProtyle, {
             mode: config.readonly ? "preview" : "wysiwyg",
             action: ["cb-get-all"],