From 3e526045bf75cc6e3ae7d51c663a85057afe9179 Mon Sep 17 00:00:00 2001
From: Frost-ZX <frost-zx@foxmail.com>
Date: Tue, 4 Feb 2025 18:05:32 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=B7=A5=E5=85=B7=E7=AE=B1):=20=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E2=80=9C=E6=96=B0=E7=AA=97=E5=8F=A3=E4=B8=AD=E6=89=93?=
 =?UTF-8?q?=E5=BC=80=E2=80=9D=E5=B7=A5=E5=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/js/toolbox-data.js                 | 10 +-
 src/views/ToolboxView/Other/OpenNewWindow.vue | 98 ++++++++++++++++++-
 2 files changed, 102 insertions(+), 6 deletions(-)

diff --git a/src/assets/js/toolbox-data.js b/src/assets/js/toolbox-data.js
index 6ec9b4b..46933a7 100644
--- a/src/assets/js/toolbox-data.js
+++ b/src/assets/js/toolbox-data.js
@@ -255,13 +255,13 @@ export const toolList = [
       {
         id: 'open-new-window',
         component: 'Other/OpenNewWindow',
-        title: '新窗口（小窗）中打开',
+        title: '新窗口中打开',
         iconClass: 'mdi mdi-window-maximize',
         desc: '从新的小窗口中打开指定的链接（仅支持 PC 端浏览器）',
-        createdAt: '',
-        updatedAt: '',
-        version: '0',
-        enabled: false,
+        createdAt: '2025-02-04',
+        updatedAt: '2025-02-04',
+        version: '1',
+        enabled: true,
       },
       {
         id: 'run-javascript',
diff --git a/src/views/ToolboxView/Other/OpenNewWindow.vue b/src/views/ToolboxView/Other/OpenNewWindow.vue
index 714cdbc..653670f 100644
--- a/src/views/ToolboxView/Other/OpenNewWindow.vue
+++ b/src/views/ToolboxView/Other/OpenNewWindow.vue
@@ -1,9 +1,105 @@
 <template>
-  <div class="tool-detail-page"></div>
+  <div class="tool-detail-page">
+
+    <!-- 设置 -->
+    <n-card size="small" title="设置">
+      <n-form
+        class="form-no-feedback config-inputs"
+        label-align="left"
+        label-placement="left"
+        label-width="auto"
+        @contextmenu.stop
+      >
+
+        <n-form-item label="目标链接：">
+          <n-input
+            v-model:value="data.url"
+            placeholder="请输入需要打开的 URL，需要包含协议部分（https://）"
+            type="text"
+          ></n-input>
+        </n-form-item>
+
+        <n-form-item label="窗口大小：">
+          <n-flex align="center">
+            <span>宽度</span>
+            <n-input-number
+              v-model:value="data.width"
+              :min="0"
+              :max="9999999"
+              :precision="0"
+              :step="1"
+            ></n-input-number>
+            <span>高度</span>
+            <n-input-number
+              v-model:value="data.height"
+              :min="0"
+              :max="9999999"
+              :precision="0"
+              :step="1"
+            ></n-input-number>
+          </n-flex>
+        </n-form-item>
+
+      </n-form>
+    </n-card>
+
+    <!-- 操作 -->
+    <n-card size="small" title="操作">
+      <n-flex>
+        <n-button
+          type="primary"
+          @click="openWindow"
+        >打开窗口</n-button>
+      </n-flex>
+    </n-card>
+
+  </div>
 </template>
 
 <script setup>
+import {
+  NButton, NCard, NCode, NFlex,
+  NForm, NFormItem,
+  NInput, NInputNumber, NSwitch,
+} from 'naive-ui';
+
+import {
+  reactive,
+} from 'vue';
+
+/** 数据 */
+const data = reactive({
+  url: '',
+  width: 400,
+  height: 300,
+});
+
+/** 打开窗口 */
+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`;
+
+  window.open(link, '_blank', features);
+
+}
 </script>
 
 <style lang="less" scoped>
+.config-inputs {
+  .n-input-number {
+    flex-grow: 1;
+    width: 0;
+  }
+
+  .n-flex {
+    width: 100%;
+  }
+
+  :deep(.n-form-item-blank) {
+    max-width: 480px;
+  }
+}
 </style>