0.0.5 改进筛选关联定义块的显示规则

README.md

@@ -3,6 +3,7 @@
 支持筛选的反链面板。
 
 * 后续计划：
-  1. 标签页反链
-  2. 优化样式、排版、交互。
-
+  1. 优化样式、排版、交互。
+
+# 注意
+如果反链面板响应太慢，建议使用思源v3.1.4版本及以后，安装新版思源后需要重建索引。

README_zh_CN.md

@@ -3,6 +3,7 @@
 支持筛选的反链面板。
 
 * 后续计划：
-  1. 标签页反链
-  2. 优化样式、排版、交互。
-
+  1. 优化样式、排版、交互。
+
+# 注意
+如果反链面板响应太慢，建议使用思源v3.1.4版本及以后，安装新版思源后需要重建索引。

plugin.json

@@ -2,8 +2,8 @@
   "name": "syplugin-backlink-panel",
   "author": "Misuzu2027",
   "url": "https://github.com/Misuzu2027/syplugin-backlink-panel",
-  "version": "0.0.4",
-  "minAppVersion": "3.0.1",
+  "version": "0.0.5",
+  "minAppVersion": "3.1.4",
   "backends": [
    "all"
   ],

scripts/make_dev_link.js

@@ -7,7 +7,7 @@ import readline  from 'node:readline';
 
 //Please write the "workspace/data/plugins" directory here
 //请在这里填写你的 "workspace/data/plugins" 目录
-let targetDir = 'E:/AppData/SiYuanData/testSpace/data/plugins';
+let targetDir = '';
 //Like this
 // let targetDir = `H:\\SiYuanDevSpace\\data\\plugins`;
 //********************************************************************************************

scripts/make_install.js

@@ -13,7 +13,7 @@ const log = (info) => console.log(`\x1B[36m%s\x1B[0m`, info);
 const error = (info) => console.log(`\x1B[31m%s\x1B[0m`, info);
 
 let POST_HEADER = {
-    // "Authorization": `Token ${token}`,
+    "Authorization": ``,
     "Content-Type": "application/json",
 }
 

src/components/dock/backlink-filter-panel-dock.svelte

@@ -1,19 +1,26 @@
 <script lang="ts">
     import { EnvConfig } from "@/config/EnvConfig";
-    import { onMount } from "svelte";
+    import { onDestroy, onMount } from "svelte";
     import BacklinkFilterPanelPageSvelte from "@/components/panel/backlink-filter-panel-page.svelte";
+    import { isValidStr } from "@/utils/string-util";
 
     let isMobile = false;
     let dockActive: boolean;
     let lastRootId: string;
 
     let rootId: string;
-    let focusBlockId;
+    let focusBlockId: string;
+
+    let mobileSidebarObserver: MutationObserver;
 
     // let rootElement: HTMLElement;
 
     onMount(async () => {
         init();
+        initObserver();
+    });
+    onDestroy(() => {
+        destroyObserver();
     });
 
     export function resize(clientWidth?: number) {
@@ -41,6 +48,39 @@
             }
         }
     }
+
+    function initObserver() {
+        if (!isMobile) {
+            return;
+        }
+        const sidebarElement = document.getElementById("sidebar");
+
+        if (!sidebarElement) {
+            return;
+        }
+        mobileSidebarObserver = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.attributeName === "style") {
+                    const newTransform = (mutation.target as HTMLElement).style
+                        .transform;
+                    if (isValidStr(newTransform)) {
+                        dockActive = true;
+                        rootId = lastRootId;
+                    } else {
+                        dockActive = false;
+                    }
+                }
+            });
+        });
+
+        mobileSidebarObserver.observe(sidebarElement, { attributes: true });
+    }
+
+    function destroyObserver() {
+        if (mobileSidebarObserver) {
+            mobileSidebarObserver.disconnect();
+        }
+    }
 </script>
 
 {#if isMobile}