更新版本为 v0.0.9

优化拖拽宽度计算，兼容部分主题
Misuzu2027 · Oct 14, 2024 · 466d4e4 · 466d4e4
1 parent f90c842
commit 466d4e4
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 12 deletions.
diff --git a/plugin.json b/plugin.json
@@ -2,7 +2,7 @@
   "name": "syplugin-dual-doc-list",
   "author": "Misuzu2027",
   "url": "https://github.com/Misuzu2027/syplugin-dual-doc-list",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "minAppVersion": "3.0.12",
   "backends": [
     "all"

diff --git a/src/components/doc-list/doc-list.svelte b/src/components/doc-list/doc-list.svelte
@@ -32,6 +32,7 @@
     import { createDoc, getBlockByID, getDocInfo } from "@/utils/api";
     import { SiyuanConstants } from "@/models/siyuan-constant";
     import {
+    clearSyFileTreeItemFocus,
         convertNumberToSordMode,
         getParentPath,
     } from "@/utils/siyuan-util";
@@ -465,15 +466,6 @@
             });
     }
 
-    function clearSyFileTreeItemFocus() {
-        document
-            .querySelector("div.file-tree.sy__file")
-            .querySelectorAll("li.b3-list-item--focus")
-            .forEach((liItem) => {
-                liItem.classList.remove("b3-list-item--focus");
-            });
-    }
-
     async function openBlockTab(
         blockId: string,
         tabPosition: "right" | "bottom",

diff --git a/src/service/doc-list/DocListManager.ts b/src/service/doc-list/DocListManager.ts
@@ -6,7 +6,7 @@ import { SettingConfig } from "@/models/setting-model";
 import { SettingService } from "@/service/setting/SettingService";
 import { findParentElementWithAttribute, getAttributeRecursively } from "@/utils/html-util";
 import Instance from "@/utils/Instance";
-import { isElementHidden } from "@/utils/siyuan-util";
+import { clearSyFileTreeItemFocus, isElementHidden } from "@/utils/siyuan-util";
 
 const EmbedDualDocListElementAttrName = "data-misuzu2027-embed-dualDocList";
 
@@ -278,6 +278,7 @@ function getDragElement(): HTMLElement {
         if (!fileTreeDocElement || !docListElement) {
             return;
         }
+        clearSyFileTreeItemFocus();
         startX = e.clientX;
         // 获取当前 flex-item 的初始宽度
         startWidth = docListElement.offsetWidth;
@@ -317,7 +318,8 @@ function getDragElement(): HTMLElement {
         if (newWidth > containerWidth - 1) {
             return;
         }
-        let anotherWidth = containerWidth - newWidth;
+        let anotherWidth = fileTreeDocElement.offsetWidth;
+
         let newFlexGrow = newWidth / anotherWidth
         if (deltaX > 0 && newFlexGrow < startFlexGrow) {
             //return

diff --git a/src/utils/siyuan-util.ts b/src/utils/siyuan-util.ts
@@ -381,3 +381,13 @@ export function getParentPath(path: string): string {
     return parentPath;
 }
 
+
+
+export function clearSyFileTreeItemFocus() {
+    document
+        .querySelector("div.file-tree.sy__file")
+        .querySelectorAll("li.b3-list-item--focus")
+        .forEach((liItem) => {
+            liItem.classList.remove("b3-list-item--focus");
+        });
+}