feat: 特质预览器支持刷新

Author: textGamex

VModer.Extensions/client/extension/views/TraitsView.ts

@@ -13,8 +13,8 @@ import { Disposable } from "vscode-languageclient";
 import { WebviewHelpers } from "./WebviewHelpers";
 import { LanguageClient } from "vscode-languageclient/node";
 import type { TraitViewI18n } from "../../src/types/TraitViewI18n";
-import type { OpenInFileMessage } from '../../src/types/OpenInFileMessage';
-import type { DocumentRange } from '../../src/types/DocumentRange';
+import type { OpenInFileMessage } from "../../src/types/OpenInFileMessage";
+import type { DocumentRange } from "../../src/types/DocumentRange";
 
 export class TraitView {
   public static currentPanel: TraitView | undefined;
@@ -54,13 +54,15 @@ export class TraitView {
         traitType: l10n.t("TraitsView.TraitType"),
         copyTraitId: l10n.t("TraitsView.CopyTraitId"),
         openInFile: l10n.t("TraitsView.OpenInFile"),
+        refresh: l10n.t("TraitsView.Refresh"),
       };
 
       panel.webview.onDidReceiveMessage(
         async (message: string) => {
           if (message == "init_complete") {
             panel.webview.postMessage({ type: "i18n", data: i18n });
-            panel.webview.postMessage({
+          } else if (message == "refreshTraits") {
+            await panel.webview.postMessage({
               type: "traits",
               data: await client.sendRequest("getAllTrait"),
             });
@@ -94,10 +96,7 @@ export class TraitView {
 
               const position: DocumentRange = JSON.parse(message.data.position);
               // 创建选择区域
-              const selection = new Selection(
-                position.start,
-                position.end
-              );
+              const selection = new Selection(position.start, position.end);
 
               // 打开文档并选中指定区域
               const document = await workspace.openTextDocument(fileUri);

VModer.Extensions/client/l10n/bundle.l10n.en-US.json

@@ -11,5 +11,6 @@
   "TraitsView.TraitType": "Trait Type:",
   "TraitsView.Title": "Character Traits Query",
   "TraitsView.CopyTraitId": "Copy Trait ID",
-  "TraitsView.OpenInFile": "Open in File"
+  "TraitsView.OpenInFile": "Open in File",
+  "TraitsView.Refresh": "Refresh"
 }

VModer.Extensions/client/l10n/bundle.l10n.zh-CN.json

@@ -11,5 +11,6 @@
   "TraitsView.TraitType": "特质类型:",
   "TraitsView.Title": "人物特质查询",
   "TraitsView.CopyTraitId": "复制特质ID",
-  "TraitsView.OpenInFile": "在文件中打开"
+  "TraitsView.OpenInFile": "在文件中打开",
+  "TraitsView.Refresh": "刷新"
 }

VModer.Extensions/client/src/components/TraitsView.vue

@@ -22,6 +22,7 @@
         }}</vscode-option>
       </vscode-multi-select>
 
+      <vscode-button @click="vscode.postMessage('refreshTraits')">{{ i18n.refresh }}</vscode-button>
       <label>Count: {{ viewData.length }} </label>
     </div>
 
@@ -71,6 +72,7 @@ const i18n = ref<TraitViewI18n>({
   traitType: "Trait Type:",
   copyTraitId: "Copy Trait ID",
   openInFile: "Open in File",
+  refresh: "Refresh"
 });
 
 const searchValue = ref("");
@@ -86,6 +88,7 @@ let currentItem: TraitDto | null = null;
 
 onMounted(() => {
   vscode.postMessage("init_complete");
+  vscode.postMessage("refreshTraits");
 
   contextMenu.value!.addEventListener("vsc-context-menu-select", (event) => {
     if (!currentItem) {
@@ -145,6 +148,9 @@ vscode.on<TraitDto[]>("traits", (receivedTraits) => {
   rawTraits = receivedTraits;
 
   viewData.value = rawTraits;
+
+  // 当数据发来后，刷新列表
+  searchTrait();
 });
 
 vscode.on<TraitViewI18n>("i18n", (i18nData) => {

VModer.Extensions/client/src/types/OpenInFileMessage.d.ts

@@ -1,4 +1,5 @@
 export interface OpenInFileMessage {
+	/** DocumentRange 的 JSON 表达形式  */
 	position: string;
 	filePath: string;
 }

VModer.Extensions/client/src/types/TraitViewI18n.d.ts

@@ -8,4 +8,5 @@ export interface TraitViewI18n {
 	traitType: string;
 	copyTraitId: string;
 	openInFile: string;
+	refresh: string;
 }