feat: 接收区选中文字后状态栏显示选中字节数

v0.8.5

Author: Martlet-Tech

src-tauri/Cargo.lock

@@ -1,6 +1,6 @@
 [package]
 name = "zcom"
-version = "0.8.4"
+version = "0.8.5"
 description = "High performance serial debug assistant"
 authors = ["zt"]
 edition = "2021"

src-tauri/Cargo.toml

@@ -635,11 +635,14 @@ select:focus, input:focus, textarea:focus {
   gap: 10px;
   white-space: nowrap;
 }
-#stat-tx, #stat-rx {
+#stat-tx, #stat-rx, .stat-sel {
   font-family: 'Consolas', monospace;
   color: var(--fg-dim);
   cursor: pointer;
 }
+.stat-sel {
+  cursor: default;
+}
 #port-info {
   margin-left: auto;
   color: var(--fg-dim);

src/css/style.css

@@ -123,6 +123,7 @@
     <div class="status-group">
       <span id="stat-tx">Tx: 0</span>
       <span id="stat-rx">Rx: 0</span>
+      <span id="stat-sel" class="stat-sel hidden"></span>
     </div>
     <div class="status-group" id="port-info">
       <span>未连接</span>

src/index.html

@@ -563,6 +563,19 @@ export async function initReceive() {
     foldThreshold = e.detail.foldRepeatCount || 5;
   });
 
+  document.addEventListener('selectionchange', () => {
+    const sel = window.getSelection();
+    if (sel && sel.rangeCount > 0 && !sel.isCollapsed) {
+      const range = sel.getRangeAt(0);
+      if (receiveContent && receiveContent.contains(range.commonAncestorContainer)) {
+        const bytes = new TextEncoder().encode(sel.toString()).length;
+        document.dispatchEvent(new CustomEvent('selection-bytes-changed', { detail: { bytes } }));
+        return;
+      }
+    }
+    document.dispatchEvent(new CustomEvent('selection-bytes-changed', { detail: { bytes: null } }));
+  });
+
   mcpFlushTimer = setInterval(flushMcp, 1000);
 }
 

src/js/receive.js

@@ -10,6 +10,7 @@ export async function initStatusBar() {
   const encSelect = document.getElementById('encoding-select');
   const statTx = document.getElementById('stat-tx');
   const statRx = document.getElementById('stat-rx');
+  const statSel = document.getElementById('stat-sel');
   const portInfo = document.getElementById('port-info');
 
   document.addEventListener('port-state-change', (e) => {
@@ -102,4 +103,14 @@ export async function initStatusBar() {
       // ignore
     }
   }, 500);
+
+  document.addEventListener('selection-bytes-changed', (e) => {
+    const bytes = e.detail.bytes;
+    if (bytes !== null) {
+      statSel.textContent = `Sel: ${formatByteCount(bytes)}`;
+      statSel.classList.remove('hidden');
+    } else {
+      statSel.classList.add('hidden');
+    }
+  });
 }