feat: 单个Section框引用查看面板增加刷新功能

Author: Littlefean

app/src/core/stage/stageManager/concreteMethods/StageReferenceManager.tsx

@@ -123,6 +123,47 @@ export class ReferenceManager {
     return res;
   }
 
+  /**
+   * 更新当前项目中的一个Section的引用信息
+   * @param recentFiles
+   * @param sectionName
+   */
+  public async updateOneSectionReferenceInfo(recentFiles: RecentFileManager.RecentFile[], sectionName: string) {
+    const fileNameList = this.project.references.sections[sectionName];
+    const fileNameListNew = [];
+    for (const fileName of fileNameList) {
+      const file = recentFiles.find(
+        (file) =>
+          PathString.getFileNameFromPath(file.uri.path) === fileName ||
+          PathString.getFileNameFromPath(file.uri.fsPath) === fileName,
+      );
+      if (file) {
+        // 即使文件存在，也要打开看一看引用块是否在那个文件中。
+        const thatProject = new Project(file.uri);
+        loadAllServicesBeforeInit(thatProject);
+        await thatProject.init();
+        if (
+          this.checkReferenceBlockInProject(
+            thatProject,
+            PathString.getFileNameFromPath(this.project.uri.path),
+            sectionName,
+          )
+        ) {
+          fileNameListNew.push(fileName);
+        } else {
+          toast.warning(`文件 ${fileName} 中不再引用 ${sectionName}，已从引用列表中移除`);
+        }
+        thatProject.dispose();
+      }
+    }
+    if (fileNameListNew.length === 0) {
+      // 直接把这个章节从引用列表中删除
+      delete this.project.references.sections[sectionName];
+    } else {
+      this.project.references.sections[sectionName] = fileNameListNew;
+    }
+  }
+
   /**
    * 更新当前项目的引用信息
    * （清理无效的引用）
@@ -132,31 +173,7 @@ export class ReferenceManager {
 
     // 遍历当前项目的每一个被引用的Section框
     for (const sectionName in this.project.references.sections) {
-      const fileNameList = this.project.references.sections[sectionName];
-      const fileNameListNew = [];
-      for (const fileName of fileNameList) {
-        const file = recentFiles.find(
-          (file) =>
-            PathString.getFileNameFromPath(file.uri.path) === fileName ||
-            PathString.getFileNameFromPath(file.uri.fsPath) === fileName,
-        );
-        if (file) {
-          // 即使文件存在，也要打开看一看引用块是否在那个文件中。
-          const thatProject = new Project(file.uri);
-          loadAllServicesBeforeInit(thatProject);
-          await thatProject.init();
-          if (this.checkReferenceBlockInProject(thatProject, fileName, sectionName)) {
-            fileNameListNew.push(fileName);
-          }
-          thatProject.dispose();
-        }
-      }
-      if (fileNameListNew.length === 0) {
-        // 直接把这个章节从引用列表中删除
-        delete this.project.references.sections[sectionName];
-      } else {
-        this.project.references.sections[sectionName] = fileNameListNew;
-      }
+      await this.updateOneSectionReferenceInfo(recentFiles, sectionName);
     }
 
     // 遍历每一个直接引用自己整个文件的文件
@@ -306,14 +323,4 @@ export class ReferenceManager {
       this.project.renderer.transformWorld2View(section.rectangle.leftTop),
     );
   }
-
-  private findSectionBySectionName(sectionName: string) {
-    const section = this.project.stage
-      .filter((object) => object instanceof Section)
-      .find((section) => section.text === sectionName);
-    if (section) {
-      return section;
-    }
-    return null;
-  }
 }

app/src/sub/ReferencesWindow.tsx

@@ -8,6 +8,7 @@ import { useAtom } from "jotai";
 import { useState, useEffect } from "react";
 import { PathString } from "@/utils/pathString";
 import { URI } from "vscode-uri";
+import { RecentFileManager } from "@/core/service/dataFileService/RecentFileManager";
 
 export default function ReferencesWindow(props: { currentProjectFileName: string }) {
   const currentProjectFileName = props.currentProjectFileName;
@@ -105,25 +106,44 @@ export function SectionReferencePanel(props: { currentProjectFileName: string; s
   const [project] = useAtom(activeProjectAtom);
   if (!project) return <></>;
   const [references, setReferences] = useState(project.references);
-  function refresh() {
+  const [isUpdating, setIsUpdating] = useState(false);
+
+  async function refresh() {
+    setIsUpdating(true);
+    await project?.referenceManager.updateOneSectionReferenceInfo(
+      await RecentFileManager.getRecentFiles(),
+      sectionName,
+    );
     setReferences({ ...project!.references });
+    setIsUpdating(false);
   }
 
   useEffect(() => {
-    refresh();
+    setReferences({ ...project!.references });
   }, []);
 
   return (
     <div className="flex flex-col gap-2 p-2">
-      {references.sections[sectionName].map((fileName) => (
-        <div
-          onClick={() => project.referenceManager.jumpToReferenceLocation(fileName, sectionName)}
-          key={fileName}
-          className="border-muted text-select-option-text w-full cursor-pointer rounded p-1 text-sm hover:ring"
-        >
-          {fileName}
-        </div>
-      ))}
+      {isUpdating ? (
+        <span>正在刷新中...</span>
+      ) : (
+        <>
+          {references.sections[sectionName] &&
+            references.sections[sectionName].map((fileName) => (
+              <div
+                onClick={() => project.referenceManager.jumpToReferenceLocation(fileName, sectionName)}
+                key={fileName}
+                className="border-muted text-select-option-text w-full cursor-pointer rounded p-1 text-sm hover:ring"
+              >
+                {fileName}
+              </div>
+            ))}
+          <Button onClick={refresh} variant="outline">
+            <RefreshCcw />
+            刷新
+          </Button>
+        </>
+      )}
     </div>
   );
 }