style: 将useFilter更名为更符合实际功能的useActiveContext

Author: FreecellRaid

src/components/layout/SidebarRight.vue

@@ -20,7 +20,7 @@
                     v-for="message in chunk.messages"
                     :key="message.messageId"
                     v-show="
-                        filterTool.selectedMessageIds.value.has(
+                        activeContext.selectedMessageIds.value.has(
                             message.messageId,
                         )
                     "
@@ -184,28 +184,30 @@
 
 <script setup lang="ts">
 import { computed } from 'vue';
-import { useFilter } from '@/composables/useFilter';
+import { useActiveContext } from '@/composables/useActiveContext';
 import { useLogStore } from '@/stores/logStore';
 import { useMessageEditorStore } from '@/stores/editorStore/messageStore';
 import { formatDate } from '@/utils/date';
 
-const filterTool = useFilter();
+const activeContext = useActiveContext();
 const logStore = useLogStore();
 const messageEditorStore = useMessageEditorStore();
 const allChunks = computed(() => logStore.allChunks);
 
 // updateMessage 需要 chunkId 才能准确定位
 const selectedItems = computed(() => {
     return logStore.allMessages
-        .filter((msg) => filterTool.selectedMessageIds.value.has(msg.messageId))
+        .filter((msg) =>
+            activeContext.selectedMessageIds.value.has(msg.messageId),
+        )
         .map((msg) => ({
             message: { ...msg },
             chunkId: msg.chunkId,
         }));
 });
 
 const selectedMessageCount = computed(
-    () => filterTool.selectedMessageIds.value.size,
+    () => activeContext.selectedMessageIds.value.size,
 );
 
 function updateField(

src/components/layout/StatusBar.vue

@@ -78,13 +78,13 @@ import { computed } from 'vue';
 import { useLogStore } from '@/stores/logStore';
 import { useWindowStore } from '@/stores/windowStore';
 import { useStyleStore } from '@/stores/styleStore';
-import { useFilter } from '@/composables/useFilter';
+import { useActiveContext } from '@/composables/useActiveContext';
 import { matchesMessageFilter } from '@/editor/filter';
 
 const logStore = useLogStore();
 const windowStore = useWindowStore();
 const styleStore = useStyleStore();
-const filterTool = useFilter();
+const activeContext = useActiveContext();
 
 const activeChunk = computed(function () {
     if (
@@ -136,11 +136,11 @@ const currentDocumentName = computed(function () {
 });
 
 const selectedCount = computed(function () {
-    return filterTool.selectedMessagesCount.value;
+    return activeContext.selectedMessagesCount.value;
 });
 
 const selectedCustomRuleCount = computed(function () {
-    const selectedMessages = filterTool.selectedMessages.value;
+    const selectedMessages = activeContext.selectedMessages.value;
     const customRules = styleStore.customRules;
 
     if (selectedMessages.length === 0 || customRules.length === 0) {
@@ -162,12 +162,12 @@ const selectedCustomRuleCount = computed(function () {
 });
 
 const currentSelectedIndex = computed<number | null>(function () {
-    if (filterTool.selectedMessageIds.value.size === 0) {
+    if (activeContext.selectedMessageIds.value.size === 0) {
         return null;
     }
 
-    if (activeChunk.value && filterTool.lastSelectedMessageId.value) {
-        const targetId = filterTool.lastSelectedMessageId.value;
+    if (activeChunk.value && activeContext.lastSelectedMessageId.value) {
+        const targetId = activeContext.lastSelectedMessageId.value;
         const msg = activeChunk.value.messages.find(function (message) {
             return message.messageId === targetId;
         });

src/components/layout/TopMenuBar.vue

@@ -184,7 +184,7 @@ import { useStyleStore } from '@/stores/styleStore';
 import { useClipboardStore } from '@/stores/clipboardStore';
 import { useHistoryStore } from '@/stores/historyStore';
 import { useWindowStore } from '@/stores/windowStore';
-import { useFilter } from '@/composables/useFilter';
+import { useActiveContext } from '@/composables/useActiveContext';
 import { useFileImport } from '@/composables/useImporter';
 import { useProjectManager } from '@/composables/useProjectManager';
 import { useExport } from '@/composables/useExporter';
@@ -199,7 +199,7 @@ const clipboardStore = useClipboardStore();
 const historyStore = useHistoryStore();
 const windowStore = useWindowStore();
 
-const filterTool = useFilter();
+const activeContext = useActiveContext();
 const { importAndApply } = useFileImport();
 const { exportAsText, exportAsHtml, exportAsDoc, exportAsDocx } = useExport();
 const projectManager = useProjectManager();
@@ -233,7 +233,7 @@ const hasWorkspaceState = computed(() => {
         logStore.documents.length > 0 ||
         styleStore.rules.length > 0 ||
         clipboardStore.copiedMessages.length > 0 ||
-        filterTool.hasSelection.value ||
+        activeContext.hasSelection.value ||
         historyStore.undoStack.length > 0 ||
         historyStore.redoStack.length > 0
     );
@@ -373,7 +373,7 @@ function handleClearAll() {
     logStore.clearData();
     styleStore.clearRules();
     clipboardStore.clearClipboard();
-    filterTool.clearSelection();
+    activeContext.clearSelection();
     historyStore.clearHistory();
     windowStore.setFocus('default');
 }

src/components/panels/ChunkListPanel.vue

@@ -113,7 +113,7 @@
                                     chunk.chunkId,
                                 // 选中判断
                                 'is-selected':
-                                    filterTool.selectedChunkIds.value.has(
+                                    activeContext.selectedChunkIds.value.has(
                                         chunk.chunkId,
                                     ),
                             }"
@@ -215,14 +215,14 @@ import { useLogStore } from '@/stores/logStore';
 import { useStyleStore } from '@/stores/styleStore';
 import { useWindowStore } from '@/stores/windowStore';
 import type { Chunk, LogDocument } from '@/types/log';
-import { useFilter } from '@/composables/useFilter';
+import { useActiveContext } from '@/composables/useActiveContext';
 
 const logStore = useLogStore();
 const styleStore = useStyleStore();
 const windowStore = useWindowStore();
 const chunkEditorStore = useChunkEditorStore();
 const chunkDrag = useChunkDragDrop();
-const filterTool = useFilter('chunkList');
+const activeContext = useActiveContext('chunkList');
 
 const editingDocId = ref('');
 const editingChunkId = ref('');
@@ -334,7 +334,7 @@ function handleMerge(currentChunkId: string, nextChunkId: string) {
 }
 
 function handleChunkSelect(chunkId: string, event: MouseEvent) {
-    filterTool.handleChunkClickSelection(event, chunkId);
+    activeContext.handleChunkClickSelection(event, chunkId);
 
     if (!event.ctrlKey && !event.metaKey && !event.shiftKey) {
         if (windowStore.isInSplitMode()) {
@@ -359,7 +359,7 @@ function handleChunkSelect(chunkId: string, event: MouseEvent) {
 }
 
 function handleDelete(chunkId: string) {
-    const { selectedChunkIds, clearSelection } = filterTool;
+    const { selectedChunkIds, clearSelection } = activeContext;
 
     const targets = selectedChunkIds.value.has(chunkId)
         ? Array.from(selectedChunkIds.value)

src/components/panels/RuleEditorPanel.vue

@@ -214,11 +214,11 @@
                         <label>
                             选区快捷绑定
                             <span
-                                v-if="activeSelection.hasSelection"
+                                v-if="activeContext.hasSelection"
                                 class="inline-hint"
                             >
                                 已选
-                                {{ activeSelection.selectedMessagesCount }} 条
+                                {{ activeContext.selectedMessagesCount }} 条
                             </span>
                         </label>
                         <div class="form-row two-col">
@@ -257,7 +257,7 @@ import { ChevronRight, Eye, EyeOff, Plus, Trash2 } from '@lucide/vue';
 import { ref, computed } from 'vue';
 import { useStyleStore } from '@/stores/styleStore';
 import { useLogStore } from '@/stores/logStore';
-import { useFilter } from '@/composables/useFilter';
+import { useActiveContext } from '@/composables/useActiveContext';
 import type { ColorRule } from '@/types/config';
 import type { MessageFilter } from '@/types/log';
 import { matchesMessageFilter } from '@/editor/filter';
@@ -270,7 +270,7 @@ const activeViewId = computed(() => {
     const view = windowStore.currentActiveView;
     return view.originalId || view.windowId;
 });
-const activeSelection = useFilter(activeViewId.value);
+const activeContext = useActiveContext(activeViewId.value);
 const expandedRules = ref<Set<string>>(new Set());
 
 function toggleExpand(ruleId: string) {
@@ -360,7 +360,7 @@ function getAffectedMessageCount(rule: ColorRule) {
 }
 
 function bindSelectedIds(rule: ColorRule) {
-    const selectedMsgs = activeSelection.selectedMessages.value;
+    const selectedMsgs = activeContext.selectedMessages.value;
     if (selectedMsgs.length === 0) return;
 
     const targetIds = selectedMsgs.map((m) => m.messageId);

src/components/panels/SearchPanel.vue

@@ -170,7 +170,7 @@
                             class="result-item"
                             :class="{
                                 'is-selected':
-                                    filterStore.selectedMessageIds.value.has(
+                                    activeContext.selectedMessageIds.value.has(
                                         msg.messageId,
                                     ),
                                 'is-active':
@@ -201,7 +201,7 @@
 <script setup lang="ts">
 import { FunnelIcon, FunnelXIcon, RefreshCcw } from '@lucide/vue';
 import { computed } from 'vue';
-import { useFilter } from '@/composables/useFilter';
+import { useActiveContext } from '@/composables/useActiveContext';
 import type { Message } from '@/types/log';
 import { formatDate } from '@/utils/date';
 import { useCommandDispatcher } from '@/composables/useCommandDispatcher';
@@ -211,7 +211,7 @@ import { DynamicScroller, DynamicScrollerItem } from 'vue-virtual-scroller';
 import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
 
 const windowStore = useWindowStore();
-const filterStore = useFilter('search');
+const activeContext = useActiveContext('search');
 const searchStore = useSearchStore();
 const { dispatch } = useCommandDispatcher();
 
@@ -228,7 +228,7 @@ const isCommandFilterValue = computed<string>({
     },
 });
 const jumpTarget = computed<Message | null>(() => {
-    const selectedIds = filterStore.selectedMessageIds.value;
+    const selectedIds = activeContext.selectedMessageIds.value;
     const selectedTarget = searchStore.searchResults.find((msg) =>
         selectedIds.has(msg.messageId),
     );

src/components/workspace/ChunkView.vue

@@ -68,7 +68,7 @@
                                 :chunk-id="currentChunkId"
                                 :index="index"
                                 :is-selected="
-                                    filterTool.selectedMessageIds.value.has(
+                                    activeContext.selectedMessageIds.value.has(
                                         msg.messageId,
                                     )
                                 "
@@ -111,7 +111,7 @@ import { computed, nextTick, ref, watch } from 'vue';
 import { useLogStore } from '@/stores/logStore';
 import { useUiStore } from '@/stores/uiStore';
 import { useStyleStore } from '@/stores/styleStore';
-import { useFilter } from '@/composables/useFilter';
+import { useActiveContext } from '@/composables/useActiveContext';
 import { useMessageDragDrop } from '@/composables/useDragDrop';
 import MessageItem from '@/components/common/MessageItem.vue';
 import { useMessageEditorStore } from '@/stores/editorStore/messageStore';
@@ -128,7 +128,7 @@ const props = defineProps<{
 }>();
 const effectiveWindowId = computed(() => props.windowId);
 const currentChunkId = computed(() => props.originalId);
-const filterTool = useFilter(effectiveWindowId.value);
+const activeContext = useActiveContext(effectiveWindowId.value);
 const dragDropTool = useMessageDragDrop();
 const dropIndicatorIndex = ref<number | null>(null);
 const uiStore = useUiStore();
@@ -298,14 +298,14 @@ function handleActionInsert(msg: Message, index: number) {
 }
 
 function handleActionMerge(msg: Message) {
-    const selectedIds = filterTool.selectedMessageIds.value;
+    const selectedIds = activeContext.selectedMessageIds.value;
     if (selectedIds.has(msg.messageId) && selectedIds.size > 1) {
         messageEditorStore.mergeMessages(
             currentChunkId.value,
             Array.from(selectedIds),
             msg.messageId,
         );
-        filterTool.clearMessageSelection();
+        activeContext.clearMessageSelection();
     } else {
         messageEditorStore.mergeWithNextMessage(
             currentChunkId.value,
@@ -319,10 +319,10 @@ function handleActionSplit(msgId: string) {
 }
 
 function handleActionDelete(msgId: string) {
-    const selectedIds = filterTool.selectedMessageIds.value;
+    const selectedIds = activeContext.selectedMessageIds.value;
     if (selectedIds.has(msgId)) {
         messageEditorStore.batchDeleteMessages(selectedIds);
-        filterTool.clearMessageSelection();
+        activeContext.clearMessageSelection();
     } else {
         messageEditorStore.deleteMessage(currentChunkId.value, msgId);
     }

src/composables/useFilter.ts src/composables/useActiveContext.tssrc/composables/useFilter.ts renamed to src/composables/useActiveContext.ts

@@ -5,12 +5,7 @@ import { useLogStore } from '@/stores/logStore';
 import { useWindowStore } from '@/stores/windowStore';
 import { useSelectionStore } from '@/stores/selectionStore';
 
-// 这个文件名是一个历史遗留问题，它只有10行是filter，实际上是数据/选择/窗口的胶水层
-// 它和fiter.ts的关系类似于java与javascript的关系
-// 也许正确的名字应该叫 useActiveSelection.ts
-// 暂时不改这里的接口，后面再单独分离
-
-export function useFilter(ownerId?: string) {
+export function useActiveContext(ownerId?: string) {
     const logStore = useLogStore();
     const windowStore = useWindowStore();
     const selectionStore = useSelectionStore();