From f2d88bb3d130cefd89544ce4af29ef6a3a3d969e Mon Sep 17 00:00:00 2001
From: Jasery <jaserydev@163.com>
Date: Thu, 30 Oct 2025 18:59:54 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E5=88=9B=E5=BB=BA=E6=A8=A1=E6=9D=BF):?=
 =?UTF-8?q?=20=E4=BC=98=E5=8C=96=E6=96=87=E4=BB=B6=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除冗余的文件选择按钮，将文件路径选择整合到文本输入框中
调整容器间距和最大宽度限制
删除已显示在输入框中的选中路径展示区域
---
 QWEN.md                                       |  2 +-
 src/renderer/screens/CreateTemplateScreen.vue | 35 ++++++++-----------
 2 files changed, 15 insertions(+), 22 deletions(-)

diff --git a/QWEN.md b/QWEN.md
index 71d83b8..ca54668 100644
--- a/QWEN.md
+++ b/QWEN.md
@@ -229,6 +229,6 @@ Building creates different distribution formats based on the platform:
 
 Artifacts are named with the format `${productName} ${version}_${arch}.${ext}` and stored in the `release/${version}` directory.
 
-run `pnpm typecheck` before finish the task if need，don't run `pnpm dev`.
+run `pnpm typecheck` before finish the task if need，don't run `pnpm dev` or `pnpm build`.
 
 Always respond in 中文
diff --git a/src/renderer/screens/CreateTemplateScreen.vue b/src/renderer/screens/CreateTemplateScreen.vue
index 00e23aa..a5e5a36 100644
--- a/src/renderer/screens/CreateTemplateScreen.vue
+++ b/src/renderer/screens/CreateTemplateScreen.vue
@@ -1,7 +1,8 @@
 <template>
   <v-container
     fluid
-    class="pa-0 fill-height"
+    class="pa-4 fill-height"
+    style="max-width: 1200px;"
   >
     <v-row class="fill-height">
       <!-- Left Panel - Template Info -->
@@ -207,20 +208,20 @@
               required
               density="comfortable"
               ref="fileInputRef"
-              @keydown.enter="selectAndAddFile"
             />
-            <v-file-input webkitdirectory directory  label="选择文件或文件夹" density="comfortable"></v-file-input>
 
-            <div class="d-flex align-center my-4">
-              <v-btn
-                @click="selectSourceFileOrFolder"
-                variant="outlined"
-                class="mr-2"
-                :disabled="!!currentEditingItem"
-              >
-                选择文件或文件夹
-              </v-btn>
-            </div>
+            <!-- 文件路径选择输入框 -->
+            <v-text-field
+              v-model="selectedSourcePath"
+              label="文件或文件夹"
+              placeholder="点击输入框选择文件或文件夹"
+              readonly
+              :rules="currentEditingItem ? [] : [requiredRule('文件或文件夹')]"
+              :append-inner-icon="isAutoFindMode ? 'mdi-folder' : 'mdi-file'"
+              density="comfortable"
+              class="mt-4"
+              @click="selectSourceFileOrFolder()"
+            />
 
             <!-- 选择提示 -->
             <v-alert
@@ -233,14 +234,6 @@
                 <span>选择文件夹则会自动匹配该文件夹下的文件进行复制并且重命名</span>
               </div>
             </v-alert>
-
-            <!-- Display selected source -->
-            <div v-if="selectedSourcePath" class="d-flex align-center">
-              <v-icon :color="isAutoFindMode ? 'warning' : 'info'" class="mr-2">
-                {{ isAutoFindMode ? 'mdi-folder' : 'mdi-file' }}
-              </v-icon>
-              <span class="text-truncate">{{ selectedSourcePath }}</span>
-            </div>
           </v-form>
         </v-card-text>
         <v-card-actions>