chore: 更新版本信息（V3.1.4）

CHANGELOG.md

@@ -1,5 +1,15 @@
 # 更新日志
 
+## [3.1.4] - 2025-02-08
+
+### Added
+
+- `工具箱` 添加在新窗口中打开当前工具功能。
+
+### Fixed
+
+- `工具箱/JSON 格式化` 优化“输出内容”显示样式，解决内容较多时行号显示不全的问题。
+
 ## [3.1.3] - 2025-02-07
 
 ### Added

package.json

@@ -1,7 +1,7 @@
 {
   "name": "frost-navigation",
   "description": "Frost Navigation",
-  "version": "3.1.2",
+  "version": "3.1.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/assets/js/toolbox-data.js

@@ -110,8 +110,8 @@ export const toolList = [
         iconClass: 'mdi mdi-code-json',
         desc: '格式化 / 美化 JSON 字符串',
         createdAt: '2025-02-04',
-        updatedAt: '2025-02-04',
-        version: '1',
+        updatedAt: '2025-02-07',
+        version: '2',
         enabled: true,
       },
     ],

src/views/ToolboxView/Edit/JsonFormatter.vue

@@ -225,7 +225,9 @@ function sortObjectKeys(obj) {
 .json-output {
   user-select: text;
 
-  :deep(pre) {
+  :deep(.__code__) {
+    flex-grow: 1;
+    width: 0;
     overflow-x: auto;
   }
 }

src/views/ToolboxView/Other/OpenNewWindow.vue

@@ -76,10 +76,10 @@ const data = reactive({
 /** 打开窗口 */
 function openWindow() {
 
-  var link = data.url || 'https://github.com/Frost-ZX';
-  var width = data.width ?? 400;
-  var height = data.height ?? 300;
-  var features = `height=${height}, width=${width}, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes`;
+  let link = data.url || 'https://github.com/Frost-ZX';
+  let width = data.width ?? 400;
+  let height = data.height ?? 300;
+  let features = `height=${height}, width=${width}, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes`;
 
   window.open(link, '_blank', features);
 

src/views/ToolboxView/ToolboxView.vue

@@ -15,6 +15,19 @@
       <!-- 标题 -->
       <span>{{ routeTitle }}</span>
 
+      <!-- 占位 -->
+      <div class="placeholder"></div>
+
+      <!-- 新窗口打开 -->
+      <n-button
+        v-show="isToolDetail"
+        class="back-button"
+        :text="true"
+        @click="handleOpenNewWindow"
+      >
+        <span class="mdi mdi-open-in-new"></span>
+      </n-button>
+
     </div>
     <div class="app-view-content is-transparent">
 
@@ -120,6 +133,18 @@ function handleCloseTool() {
   });
 }
 
+/** 在新窗口中打开当前工具 */
+function handleOpenNewWindow() {
+
+  let width = window.innerWidth ?? 400;
+  let height = window.innerHeight ?? 300;
+  let url = location.href;
+  let features = `height=${height}, width=${width}, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes`;
+
+  window.open(url, '_blank', features);
+
+}
+
 /**
  * @description 打开工具
  * @param {ToolboxItem} data
@@ -136,6 +161,12 @@ function handleOpenTool(data) {
   margin-right: 0.5em;
   font-size: 24px;
 }
+
+.new-window-button {
+  font-size: 24px;
+  cursor: pointer;
+}
+
 .tool-list {
   width: 100%;
   height: 100%;