From 2ddf5c5ec83d13e89fbb0a3296ff8c32df8bdc99 Mon Sep 17 00:00:00 2001
From: n1vk <kevinyang.zh@outlook.com>
Date: Thu, 30 Apr 2026 16:29:17 +0800
Subject: [PATCH 1/5] feat: smaller minWidth/Height

---
 src/main/index.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/main/index.ts b/src/main/index.ts
index de5d6df..4e6e9c2 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -31,8 +31,8 @@ async function createWindow() {
   win = new BrowserWindow({
     width: 1200,
     height: 800,
-    minWidth: 800,
-    minHeight: 600,
+    minWidth: 400,
+    minHeight: 300,
     frame: false,
     titleBarStyle: "hidden", // ✅ macOS 专属
     icon: path.join(__dirname, "../assets/icons/milkup.ico"),

From d3ad325fbf9a3931ddf91d6b6fd323f31630684e Mon Sep 17 00:00:00 2001
From: n1vk <kevinyang.zh@outlook.com>
Date: Thu, 30 Apr 2026 17:17:07 +0800
Subject: [PATCH 2/5] feat: add settings for default window size

---
 lang/index.json                               | 48 ++++++++++++
 src/main/index.ts                             | 22 ++++++
 src/preload.ts                                |  2 +
 src/renderer/App.vue                          |  2 +
 .../components/settings/OtherSetting.vue      | 76 +++++++++++++++++++
 src/renderer/components/ui/input/Input.vue    | 50 +++++++-----
 src/renderer/global.d.ts                      |  1 +
 src/renderer/hooks/useConfig.ts               |  4 +
 8 files changed, 188 insertions(+), 17 deletions(-)

diff --git a/lang/index.json b/lang/index.json
index f5d1db5..b0ee938 100644
--- a/lang/index.json
+++ b/lang/index.json
@@ -3894,5 +3894,53 @@
     "ru": "",
     "en": "",
     "fr": ""
+  },
+  "70wovq6": {
+    "zh-cn": "窗口默认尺寸",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "j6rndol": {
+    "zh-cn": "设置 Milkup 启动时的窗口宽度和高度",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "hdojy66": {
+    "zh-cn": "宽度(PX)",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "c2mhr16": {
+    "zh-cn": "最小 400",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "va60g76": {
+    "zh-cn": "高度(PX)",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
+  },
+  "c2mihq6": {
+    "zh-cn": "最小 300",
+    "ja": "",
+    "ko": "",
+    "ru": "",
+    "en": "",
+    "fr": ""
   }
 }
diff --git a/src/main/index.ts b/src/main/index.ts
index 4e6e9c2..6d78e69 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -33,6 +33,7 @@ async function createWindow() {
     height: 800,
     minWidth: 400,
     minHeight: 300,
+    show: false,
     frame: false,
     titleBarStyle: "hidden", // ✅ macOS 专属
     icon: path.join(__dirname, "../assets/icons/milkup.ico"),
@@ -258,6 +259,18 @@ app.whenReady().then(async () => {
     }
   });
 
+  let startupSizeTimeout: ReturnType<typeof setTimeout> | null = null;
+  ipcMain.on("window:apply-startup-size", (_event, width: number, height: number) => {
+    if (!win || win.isDestroyed()) return;
+    if (startupSizeTimeout) {
+      clearTimeout(startupSizeTimeout);
+      startupSizeTimeout = null;
+    }
+    win.setSize(width, height);
+    win.center();
+    win.show();
+  });
+
   // 监听渲染进程就绪事件 (Moved up to avoid race condition)
   ipcMain.on("renderer-ready", () => {
     isRendererReady = true;
@@ -269,6 +282,15 @@ app.whenReady().then(async () => {
 
   await createWindow();
 
+  if (win && !win.isDestroyed()) {
+    startupSizeTimeout = setTimeout(() => {
+      if (win && !win.isDestroyed() && !win.isVisible()) {
+        win.center();
+        win.show();
+      }
+    }, 2000);
+  }
+
   sendLaunchFileIfExists();
 });
 
diff --git a/src/preload.ts b/src/preload.ts
index 0228e9e..273a199 100644
--- a/src/preload.ts
+++ b/src/preload.ts
@@ -112,6 +112,8 @@ contextBridge.exposeInMainWorld("electronAPI", {
   saveCustomTheme: (theme: any) => ipcRenderer.send("save-custom-theme", theme),
   platform: process.platform,
   rendererReady: () => ipcRenderer.send("renderer-ready"),
+  applyStartupSize: (width: number, height: number) =>
+    ipcRenderer.send("window:apply-startup-size", width, height),
 
   // Tab 拖拽分离
   tearOffTabStart: (
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index f333628..40bbb32 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -138,6 +138,8 @@ function onOutlineTransitionEnd(e: TransitionEvent) {
 }
 
 onMounted(() => {
+  const { windowDefaultWidth = 1200, windowDefaultHeight = 800 } = config.value.other ?? {};
+  window.electronAPI.applyStartupSize(windowDefaultWidth, windowDefaultHeight);
   initTheme();
   initFont();
   initOtherConfig();
diff --git a/src/renderer/components/settings/OtherSetting.vue b/src/renderer/components/settings/OtherSetting.vue
index c634d2b..b243f08 100644
--- a/src/renderer/components/settings/OtherSetting.vue
+++ b/src/renderer/components/settings/OtherSetting.vue
@@ -10,6 +10,7 @@ const { config } = useConfig();
 
 const paddingSettingsExpanded = ref(false);
 const mermaidSettingsExpanded = ref(false);
+const windowSizeExpanded = ref(false);
 
 // 从完整值中提取数字部分用于显示（如 "20px" -> "20"）
 const displayPaddingValue = computed(() => {
@@ -45,6 +46,32 @@ function setMermaidMode(mode: string) {
     mermaid: { ...config.value.mermaid, defaultDisplayMode: mode as "code" | "mixed" | "diagram" },
   };
 }
+
+function toggleWindowSize() {
+  windowSizeExpanded.value = !windowSizeExpanded.value;
+}
+
+const currentWindowWidth = computed(() => String(config.value.other?.windowDefaultWidth ?? 1200));
+const currentWindowHeight = computed(() => String(config.value.other?.windowDefaultHeight ?? 800));
+
+const WINDOW_MIN_WIDTH = 400;
+const WINDOW_MIN_HEIGHT = 300;
+
+function handleWindowWidthChange(value: string) {
+  const num = Math.max(WINDOW_MIN_WIDTH, parseInt(value) || WINDOW_MIN_WIDTH);
+  config.value = {
+    ...config.value,
+    other: { ...config.value.other, windowDefaultWidth: num },
+  };
+}
+
+function handleWindowHeightChange(value: string) {
+  const num = Math.max(WINDOW_MIN_HEIGHT, parseInt(value) || WINDOW_MIN_HEIGHT);
+  config.value = {
+    ...config.value,
+    other: { ...config.value.other, windowDefaultHeight: num },
+  };
+}
 </script>
 
 <template>
@@ -84,6 +111,50 @@ function setMermaidMode(mode: string) {
       </div>
     </div>
 
+    <!-- 窗口默认尺寸设置折叠抽屉 -->
+    <div class="collapsible-section">
+      <div class="section-header" @click="toggleWindowSize">
+        <div class="section-content-wrapper">
+          <h2 class="section-title">
+            <span class="title-icon accent-window">
+              <AppIcon name="max" />
+            </span>
+            <span class="title-text">窗口默认尺寸</span>
+          </h2>
+          <p class="section-desc">设置 Milkup 启动时的窗口宽度和高度</p>
+        </div>
+        <AppIcon name="arrow-right" class="section-arrow" :class="{ active: windowSizeExpanded }" />
+      </div>
+      <div class="section-content" :class="{ expanded: windowSizeExpanded }">
+        <div class="setting-list">
+          <div class="setting-item">
+            <label class="setting-label">宽度(PX)</label>
+            <div class="setting-input-wrapper">
+              <Input
+                type="number"
+                :model-value="currentWindowWidth"
+                placeholder="最小 400"
+                :min="WINDOW_MIN_WIDTH"
+                @update:model-value="handleWindowWidthChange"
+              />
+            </div>
+          </div>
+          <div class="setting-item">
+            <label class="setting-label">高度(PX)</label>
+            <div class="setting-input-wrapper">
+              <Input
+                type="number"
+                :model-value="currentWindowHeight"
+                placeholder="最小 300"
+                :min="WINDOW_MIN_HEIGHT"
+                @update:model-value="handleWindowHeightChange"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- Mermaid 设置折叠抽屉 -->
     <div class="collapsible-section">
       <div class="section-header" @click="toggleMermaidSettings">
@@ -187,6 +258,11 @@ function setMermaidMode(mode: string) {
             background: color-mix(in srgb, #14b8a6 14%, transparent);
             color: #14b8a6;
           }
+
+          &.accent-window {
+            background: color-mix(in srgb, #f59e0b 14%, transparent);
+            color: #f59e0b;
+          }
         }
       }
 
diff --git a/src/renderer/components/ui/input/Input.vue b/src/renderer/components/ui/input/Input.vue
index d2d6c04..4a35106 100644
--- a/src/renderer/components/ui/input/Input.vue
+++ b/src/renderer/components/ui/input/Input.vue
@@ -1,22 +1,31 @@
-<script setup lang='ts'>
-import { ref } from 'vue'
+<script setup lang="ts">
+import { ref, watch } from "vue";
 
 const props = defineProps<{
-  modelValue: string
-  placeholder?: string
-  label?: string
-  required?: boolean
-  type?: 'text' | 'number'
-}>()
+  modelValue: string;
+  placeholder?: string;
+  label?: string;
+  required?: boolean;
+  type?: "text" | "number";
+  min?: string | number;
+  max?: string | number;
+}>();
 const emit = defineEmits<{
-  (e: 'update:modelValue', modelValue: string): void
-  (e: 'change'): void
-}>()
-const modelValue = ref<string>(props.modelValue)
+  (e: "update:modelValue", modelValue: string): void;
+  (e: "change"): void;
+}>();
+const modelValue = ref<string>(props.modelValue);
+
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    modelValue.value = newVal;
+  }
+);
 
 function handleChange() {
-  emit('update:modelValue', modelValue.value)
-  emit('change')
+  emit("update:modelValue", modelValue.value);
+  emit("change");
 }
 </script>
 
@@ -24,12 +33,19 @@ function handleChange() {
   <div class="input-container">
     <span class="label" :class="{ required }"> {{ label }}</span>
     <div class="Input">
-      <input v-model="modelValue" :type="type" :placeholder="placeholder" @change="handleChange" />
+      <input
+        v-model="modelValue"
+        :type="type"
+        :placeholder="placeholder"
+        :min="min"
+        :max="max"
+        @change="handleChange"
+      />
     </div>
   </div>
 </template>
 
-<style lang='less' scoped>
+<style lang="less" scoped>
 .input-container {
   display: flex;
   align-items: center;
@@ -42,7 +58,7 @@ function handleChange() {
 
     &.required {
       &::after {
-        content: '*';
+        content: "*";
         color: rgba(233, 83, 83, 0.829);
       }
     }
diff --git a/src/renderer/global.d.ts b/src/renderer/global.d.ts
index c43143d..31d576f 100644
--- a/src/renderer/global.d.ts
+++ b/src/renderer/global.d.ts
@@ -93,6 +93,7 @@ interface Window {
     saveCustomTheme: (theme: any) => void;
     platform: NodeJS.Platform;
     rendererReady: () => void;
+    applyStartupSize: (width: number, height: number) => void;
     // Tab 拖拽分离
     tearOffTabStart: (
       tabData: TearOffTabData,
diff --git a/src/renderer/hooks/useConfig.ts b/src/renderer/hooks/useConfig.ts
index cf93125..8cdec58 100644
--- a/src/renderer/hooks/useConfig.ts
+++ b/src/renderer/hooks/useConfig.ts
@@ -17,6 +17,8 @@ interface AppConfig extends Record<string, any> {
   };
   other: {
     editorPadding: string;
+    windowDefaultWidth: number;
+    windowDefaultHeight: number;
   };
   mermaid: {
     defaultDisplayMode: "code" | "mixed" | "diagram";
@@ -40,6 +42,8 @@ const defaultConfig: AppConfig = {
   },
   other: {
     editorPadding: "120px",
+    windowDefaultWidth: 1200,
+    windowDefaultHeight: 800,
   },
   mermaid: {
     defaultDisplayMode: "diagram",

From 4672d01583edfc127b46b0941088dd00cf814a91 Mon Sep 17 00:00:00 2001
From: n1vk <kevinyang.zh@outlook.com>
Date: Sun, 3 May 2026 17:09:38 +0800
Subject: [PATCH 3/5] feat: keep same size for tear-off window and original
 window

---
 src/main/index.ts         |  4 +++-
 src/main/ipcBridge.ts     |  5 ++++-
 src/main/windowManager.ts | 10 +++++++---
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/main/index.ts b/src/main/index.ts
index 6d78e69..aa07b59 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -260,7 +260,9 @@ app.whenReady().then(async () => {
   });
 
   let startupSizeTimeout: ReturnType<typeof setTimeout> | null = null;
-  ipcMain.on("window:apply-startup-size", (_event, width: number, height: number) => {
+  ipcMain.on("window:apply-startup-size", (event, width: number, height: number) => {
+    const senderWin = BrowserWindow.fromWebContents(event.sender);
+    if (senderWin !== win) return;
     if (!win || win.isDestroyed()) return;
     if (startupSizeTimeout) {
       clearTimeout(startupSizeTimeout);
diff --git a/src/main/ipcBridge.ts b/src/main/ipcBridge.ts
index e85330d..a318bea 100644
--- a/src/main/ipcBridge.ts
+++ b/src/main/ipcBridge.ts
@@ -830,7 +830,10 @@ export function registerGlobalIpcHandlers() {
     ): Promise<boolean> => {
       try {
         const sourceWin = BrowserWindow.fromWebContents(event.sender);
-        startDragFollow(tabData, screenX, screenY, offsetX, offsetY, sourceWin);
+        const bounds = sourceWin?.getBounds();
+        const width = bounds?.width ?? 1000;
+        const height = bounds?.height ?? 700;
+        startDragFollow(tabData, screenX, screenY, offsetX, offsetY, sourceWin, width, height);
         return true;
       } catch (error) {
         console.error("[tab:tear-off-start] 创建窗口失败:", error);
diff --git a/src/main/windowManager.ts b/src/main/windowManager.ts
index 68e8104..b7c7a8f 100644
--- a/src/main/windowManager.ts
+++ b/src/main/windowManager.ts
@@ -158,8 +158,8 @@ export async function createEditorWindow(
   const winOptions: Electron.BrowserWindowConstructorOptions = {
     width,
     height,
-    minWidth: 800,
-    minHeight: 600,
+    minWidth: 400,
+    minHeight: 300,
     frame: false,
     titleBarStyle: "hidden",
     show: !fastCreate, // 拖拽跟随窗口初始不显示，避免抢夺焦点
@@ -416,7 +416,9 @@ export function startDragFollow(
   screenY: number,
   offsetX: number,
   offsetY: number,
-  sourceWin: BrowserWindow | null
+  sourceWin: BrowserWindow | null,
+  width: number,
+  height: number
 ): void {
   cleanupDragFollow();
 
@@ -429,6 +431,8 @@ export function startDragFollow(
     const win = await createEditorWindow({
       x: initX,
       y: initY,
+      width,
+      height,
       tabData,
       fastCreate: true,
       center: false,

From 12be843cfc5c14398813d42ed5c20a6110714d75 Mon Sep 17 00:00:00 2001
From: n1vk <kevinyang.zh@outlook.com>
Date: Sun, 3 May 2026 20:55:53 +0800
Subject: [PATCH 4/5] feat: set minimum size for sidebar and tabbar offset

---
 src/renderer/App.vue                         | 6 +++---
 src/renderer/components/workspace/TabBar.vue | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 40bbb32..6cf2ae1 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -277,7 +277,7 @@ const handleInstall = async () => {
     position: absolute;
     left: 0;
     top: 0;
-    width: 25%;
+    width: max(25%, 150px);
     height: 100%;
     z-index: 10;
     transform: translateX(-100%);
@@ -302,7 +302,7 @@ const handleInstall = async () => {
       pointer-events: auto;
     }
     .editorBox {
-      transform: translateX(25%);
+      transform: translateX(max(25%, 150px));
     }
   }
 
@@ -334,7 +334,7 @@ const handleInstall = async () => {
     }
     .editorBox {
       width: 100%;
-      transform: translateX(25%);
+      transform: translateX(max(25%, 150px));
       transition: none;
     }
   }
diff --git a/src/renderer/components/workspace/TabBar.vue b/src/renderer/components/workspace/TabBar.vue
index c5cc00f..6659b66 100644
--- a/src/renderer/components/workspace/TabBar.vue
+++ b/src/renderer/components/workspace/TabBar.vue
@@ -389,7 +389,7 @@ onUnmounted(() => {
   }
 
   &.offset-right {
-    margin-left: 25%;
+    margin-left: max(25%, 150px);
   }
 
   .tabBar {

From e3b026e5c9e696efd7ec6e65dd39e36019db7a3c Mon Sep 17 00:00:00 2001
From: n1vk <kevinyang.zh@outlook.com>
Date: Sun, 3 May 2026 21:19:48 +0800
Subject: [PATCH 5/5] feat: adjust settings sidebar to adopt smaller width

---
 src/renderer/components/menu/MenuBar.vue | 28 +++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/menu/MenuBar.vue b/src/renderer/components/menu/MenuBar.vue
index 6089746..331a89e 100644
--- a/src/renderer/components/menu/MenuBar.vue
+++ b/src/renderer/components/menu/MenuBar.vue
@@ -67,7 +67,7 @@ checkUpdate().then((updateInfo) => {
         @click="option.action"
       >
         <AppIcon :name="option.icon" class="menu-option-icon" />
-        {{ option.label }}
+        <span class="menu-option-label">{{ option.label }}</span>
       </button>
     </div>
     <div class="detailContainer">
@@ -118,6 +118,7 @@ checkUpdate().then((updateInfo) => {
     gap: 4px;
     -webkit-app-region: drag;
     background: var(--background-color);
+    transition: width 0.25s ease;
 
     .menu-option {
       cursor: pointer;
@@ -132,12 +133,21 @@ checkUpdate().then((updateInfo) => {
       background: transparent;
       text-align: left;
       color: var(--text-color);
+      transition: padding 0.25s ease;
 
       .menu-option-icon {
         font-size: 18px;
         flex-shrink: 0;
       }
 
+      .menu-option-label {
+        white-space: nowrap;
+        overflow: hidden;
+        transition:
+          opacity 0.25s ease,
+          max-width 0.25s ease;
+      }
+
       &:hover {
         background: var(--hover-color);
       }
@@ -148,5 +158,21 @@ checkUpdate().then((updateInfo) => {
       }
     }
   }
+
+  @media (max-width: 600px) {
+    .optionsContainer {
+      width: 56px;
+
+      .menu-option {
+        padding: 16px 19px;
+        gap: 0;
+
+        .menu-option-label {
+          opacity: 0;
+          max-width: 0;
+        }
+      }
+    }
+  }
 }
 </style>