refactor: 删除split相关历史遗留问题

- 删除 splitMode ，改为由 pane 的属性直接判断
- 将 split 相关语义改为了layout/pane

Author: FreecellRaid

src/components/panels/ChunkListPanel.vue

@@ -335,7 +335,7 @@ function handleChunkSelect(chunkId: string, event: MouseEvent) {
     activeContext.handleChunkClickSelection(event, chunkId);
 
     if (!event.ctrlKey && !event.metaKey && !event.shiftKey) {
-        if (windowStore.isInSplitMode()) {
+        if (windowStore.hasSplitView) {
             const activePaneIndex = windowStore.getActivePaneIndex() ?? 0;
             windowStore.setPaneView(activePaneIndex, 'chunkView', chunkId);
         } else {

src/components/workspace/ChunkView.vue

@@ -15,7 +15,7 @@
             </div>
             <div class="view-actions">
                 <button
-                    v-if="windowStore.splitMode === 'single'"
+                    v-if="!windowStore.hasSplitView"
                     class="view-action-btn"
                     title="向右分屏"
                     @click.stop="handleSplit"
@@ -24,7 +24,7 @@
                 </button>
 
                 <button
-                    v-if="windowStore.splitMode === 'double' || canClose"
+                    v-if="windowStore.hasSplitView || canClose"
                     class="view-action-btn"
                     title="关闭"
                     @click.stop="handleClose"
@@ -158,18 +158,18 @@ interface ScrollAnchor {
 
 const canClose = computed(() => {
     return (
-        windowStore.splitMode === 'single' &&
+        !windowStore.hasSplitView &&
         effectiveWindowId.value !== 'defaultView' &&
         windowStore.openWindows.size > 1
     );
 });
 
 function handleSplit() {
-    windowStore.enterSplitMode('chunkView', currentChunkId.value);
+    windowStore.openSplitView('chunkView', currentChunkId.value);
 }
 
 function handleClose() {
-    if (windowStore.splitMode === 'double') {
+    if (windowStore.hasSplitView) {
         windowStore.closePane(effectiveWindowId.value);
     } else {
         windowStore.unregisterWindow(effectiveWindowId.value);

src/components/workspace/ExportPreview.vue

@@ -19,7 +19,7 @@
             </div>
             <div class="view-actions">
                 <button
-                    v-if="windowStore.splitMode === 'single'"
+                    v-if="!windowStore.hasSplitView"
                     class="view-action-btn"
                     title="向右分屏"
                     @click.stop="handleSplit"
@@ -28,7 +28,7 @@
                 </button>
 
                 <button
-                    v-if="windowStore.splitMode === 'double' || canClose"
+                    v-if="windowStore.hasSplitView || canClose"
                     class="view-action-btn"
                     title="关闭"
                     @click.stop="handleClose"
@@ -244,7 +244,7 @@ const activeFormat = computed(
 
 const canClose = computed(() => {
     return (
-        windowStore.splitMode === 'single' &&
+        !windowStore.hasSplitView &&
         effectiveWindowId.value !== 'defaultView' &&
         windowStore.openWindows.size > 1
     );
@@ -267,11 +267,11 @@ const rowsWithId = computed(() => {
 const rows = computed(() => rowsWithId.value);
 
 function handleSplit() {
-    windowStore.enterSplitMode('exportPreview', props.originalId);
+    windowStore.openSplitView('exportPreview', props.originalId);
 }
 
 function handleClose() {
-    if (windowStore.splitMode === 'double') {
+    if (windowStore.hasSplitView) {
         windowStore.closePane(effectiveWindowId.value);
     } else {
         windowStore.unregisterWindow(effectiveWindowId.value);

src/components/workspace/MainWorkspace.vue

@@ -3,14 +3,15 @@
         <FileImporter v-if="isWorkspaceEmpty" />
         <template v-else>
             <div
-                class="split-container"
+                class="pane-layout"
                 :class="{
-                    'split-vertical': windowStore.splitDirection === 'vertical',
+                    'pane-layout-vertical':
+                        windowStore.paneDirection === 'vertical',
                 }"
             >
                 <template v-for="pane in workspacePanes" :key="pane.paneIndex">
                     <div
-                        class="split-pane"
+                        class="workspace-pane"
                         :style="getPaneStyle(pane.paneIndex)"
                         @pointerdown.capture="handlePaneClick(pane.paneIndex)"
                     >
@@ -25,10 +26,10 @@
 
                     <div
                         v-if="shouldRenderResizeHandle(pane.paneIndex)"
-                        class="split-resize-handle"
+                        class="pane-resize-handle"
                         :class="{
-                            'resize-vertical':
-                                windowStore.splitDirection === 'vertical',
+                            'pane-resize-handle-vertical':
+                                windowStore.paneDirection === 'vertical',
                         }"
                         @mousedown="startResize"
                     ></div>
@@ -73,9 +74,9 @@ function getComponentProps(instance: WindowInstance) {
 }
 
 function getPaneStyle(index: 0 | 1): Record<string, string> {
-    const isHorizontal = windowStore.splitDirection === 'horizontal';
+    const isHorizontal = windowStore.paneDirection === 'horizontal';
     const size =
-        workspacePanes.value.length === 1 ? 100 : windowStore.splitSizes[index];
+        workspacePanes.value.length === 1 ? 100 : windowStore.paneSizes[index];
 
     return isHorizontal
         ? { width: `${size}%`, height: '100%' }
@@ -97,12 +98,12 @@ function shouldRenderResizeHandle(paneIndex: 0 | 1) {
 
 function startResize(e: MouseEvent) {
     e.preventDefault();
-    const isHorizontal = windowStore.splitDirection === 'horizontal';
+    const isHorizontal = windowStore.paneDirection === 'horizontal';
     const container = (e.target as HTMLElement).parentElement;
     if (!container) return;
 
     const startPos = isHorizontal ? e.clientX : e.clientY;
-    const startSizes = [...windowStore.splitSizes];
+    const startSizes = [...windowStore.paneSizes];
     const containerSize = isHorizontal
         ? container.clientWidth
         : container.clientHeight;
@@ -118,7 +119,7 @@ function startResize(e: MouseEvent) {
             Math.max(20, startSizes[0] + deltaPercent),
         );
         const newRightSize = 100 - newLeftSize;
-        windowStore.splitSizes = [newLeftSize, newRightSize];
+        windowStore.paneSizes = [newLeftSize, newRightSize];
     }
 
     function onMouseUp() {
@@ -146,24 +147,24 @@ function startResize(e: MouseEvent) {
     flex-direction: column;
 }
 
-.split-container {
+.pane-layout {
     display: flex;
     width: 100%;
     height: 100%;
 }
 
-.split-container.split-vertical {
+.pane-layout.pane-layout-vertical {
     flex-direction: column;
 }
 
-.split-pane {
+.workspace-pane {
     min-width: 0;
     min-height: 0;
     overflow: hidden;
     position: relative;
 }
 
-.split-resize-handle {
+.pane-resize-handle {
     width: 4px;
     height: 100%;
     cursor: col-resize;
@@ -173,12 +174,12 @@ function startResize(e: MouseEvent) {
     z-index: 10;
 }
 
-.split-resize-handle:hover,
-.split-resize-handle:active {
+.pane-resize-handle:hover,
+.pane-resize-handle:active {
     background-color: var(--active-accent);
 }
 
-.split-container.split-vertical .split-resize-handle {
+.pane-layout.pane-layout-vertical .pane-resize-handle {
     width: 100%;
     height: 4px;
     cursor: row-resize;

src/composables/useCommandDispatcher.ts

@@ -333,7 +333,7 @@ export function useCommandDispatcher() {
             );
             windowStore.requestMessageReveal(chunkId, target.messageId);
 
-            if (windowStore.isInSplitMode()) {
+            if (windowStore.hasSplitView) {
                 const activePaneIndex = windowStore.getActivePaneIndex() ?? 0;
                 windowStore.setPaneView(activePaneIndex, 'chunkView', chunkId);
                 return;