From fb655552b37ee22caddc094c30441127b31dee28 Mon Sep 17 00:00:00 2001
From: Frost-ZX <frost-zx@foxmail.com>
Date: Fri, 7 Feb 2025 17:36:09 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=B7=A5=E5=85=B7=E7=AE=B1):=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E5=9C=A8=E6=96=B0=E7=AA=97=E5=8F=A3=E4=B8=AD=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E5=BD=93=E5=89=8D=E5=B7=A5=E5=85=B7=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/ToolboxView/ToolboxView.vue | 31 +++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/views/ToolboxView/ToolboxView.vue b/src/views/ToolboxView/ToolboxView.vue
index 74c98ef..2202fc9 100644
--- a/src/views/ToolboxView/ToolboxView.vue
+++ b/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%;