From c19b12003ca2fbb621679079b13101abb643c75d Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@bestsch.com>
Date: Mon, 21 Sep 2026 08:52:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(form):=20=E8=A1=A8=E5=8D=95=E8=AE=BE?=
 =?UTF-8?q?=E8=AE=A1=E5=99=A8=E4=B8=8A=E4=BC=A0=E5=AD=97=E6=AE=B5=E7=82=B9?=
 =?UTF-8?q?=E5=87=BB=E6=97=A0=E5=8F=8D=E5=BA=94=E2=80=94=E2=80=94label=20?=
 =?UTF-8?q?=E5=86=85=20Button=20=E6=8D=A2=E9=9D=9E=E4=BA=A4=E4=BA=92=20spa?=
 =?UTF-8?q?n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

与 hall 仓 4243a5f 同款：label 的点击转发对交互式后代（原生 <button>）
不生效，文件选择框永不弹出；改 <span class="dyn-file-btn-inner"> 恢复
label→input 原生转发，样式对齐 iview small button。
---
 src/components/DynamicForm.vue | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/src/components/DynamicForm.vue b/src/components/DynamicForm.vue
index 586e4e1..d3aa059 100644
--- a/src/components/DynamicForm.vue
+++ b/src/components/DynamicForm.vue
@@ -186,6 +186,7 @@ async function uploadFile(field: Field, ev: Event) {
                                 "
                             >移除</a>
                         </div>
+                        <!-- label 的点击转发对交互式后代（原生 <button>）不生效，内层必须是非交互元素，否则点上传无反应 -->
                         <label class="dyn-file-btn">
                             <input
                                 type="file"
@@ -193,9 +194,10 @@ async function uploadFile(field: Field, ev: Event) {
                                 :accept="field.accept || (field.type === 'image' ? '.jpg,.jpeg,.png,.gif' : '')"
                                 @change="uploadFile(field, $event)"
                             />
-                            <Button size="small" icon="ios-cloud-upload-outline">
+                            <span class="dyn-file-btn-inner">
+                                <Icon type="ios-cloud-upload-outline" />
                                 {{ field.type === 'image' ? '上传图片' : '上传附件' }}
-                            </Button>
+                            </span>
                         </label>
                     </div>
                 </template>
@@ -252,4 +254,28 @@ async function uploadFile(field: Field, ev: Event) {
     margin-right: 8px;
     border-radius: 4px;
 }
+.dyn-file-btn {
+    display: inline-block;
+    cursor: pointer;
+}
+.dyn-file-btn-inner {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    padding: 0 7px;
+    border: 1px solid #dcdee2;
+    border-radius: 4px;
+    background: #fff;
+    color: #515a6e;
+    font-size: 12px;
+    line-height: 26px;
+    cursor: pointer;
+    user-select: none;
+    transition: color 0.2s, border-color 0.2s;
+}
+.dyn-file-btn:hover .dyn-file-btn-inner {
+    color: #2d8cf0;
+    border-color: #2d8cf0;
+}
+
 </style>