From c0d5ec672c04f7f856cc4bdc916fe30c3f3112d5 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sat, 24 Jan 2026 16:51:53 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96column.vue=E5=88=97=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E9=80=BB=E8=BE=91=EF=BC=8C=E5=88=A0=E9=99=A4=E8=B0=83?=
 =?UTF-8?q?=E8=AF=95=E6=97=A5=E5=BF=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form_builder/components/Column.vue        | 43 +++----------------
 1 file changed, 5 insertions(+), 38 deletions(-)

diff --git a/apps/jingrow/frontend/src/core/features/form_builder/components/Column.vue b/apps/jingrow/frontend/src/core/features/form_builder/components/Column.vue
index 2e960ea..f8809ab 100644
--- a/apps/jingrow/frontend/src/core/features/form_builder/components/Column.vue
+++ b/apps/jingrow/frontend/src/core/features/form_builder/components/Column.vue
@@ -37,7 +37,7 @@
         />
       </template>
     </draggable>
-    <div class="empty-column" :hidden="store.readOnly" @click="handleEmptyColumnClick">
+    <div class="empty-column" :hidden="store.readOnly">
       <AddFieldButton :column="column" />
     </div>
     <div v-if="column.fields.length" class="add-new-field-btn">
@@ -70,52 +70,19 @@ const hovered = ref(false);
 const selected = computed(() => store.selected(props.column.df.name));
 
 function handleColumnClick(event) {
-  console.log('[Column] handleColumnClick triggered');
-  console.log('[Column] event.target:', event.target);
-  
   // 如果点击的是 AddFieldButton，不选中列
-  const target = event.target;
-  const wrapper = target.closest('.add-field-btn, .add-field-wrapper');
-  console.log('[Column] closest wrapper:', wrapper);
-  
-  if (wrapper) {
-    console.log('[Column] Clicked on AddFieldButton, skipping column selection');
+  if (event.target.closest('.add-field-btn, .add-field-wrapper')) {
     return;
   }
-  
-  console.log('[Column] Selecting column');
   store.form.selected_field = props.column.df;
 }
 
-function handleEmptyColumnClick(event) {
-  // 如果点击的是按钮，不阻止事件（让按钮处理）
-  const target = event.target;
-  const isButton = target.closest('.add-field-btn, .add-field-wrapper');
-  if (isButton) {
-    // 让事件继续传播到按钮
-    return;
-  }
-  // 否则阻止事件冒泡（避免选中列）
-  event.stopPropagation();
-}
-
 function handleContainerClick(event) {
-  console.log('[Column] handleContainerClick triggered');
-  console.log('[Column] event.target:', event.target);
-  
-  // 如果点击的是按钮，不阻止事件
-  const target = event.target;
-  const isButton = target.closest('.add-field-btn, .add-field-wrapper');
-  console.log('[Column] isButton:', isButton);
-  
-  if (isButton) {
-    console.log('[Column] Clicked on button, not stopping propagation');
-    // 不阻止，让按钮处理
+  // 如果点击的是按钮，不阻止事件传播
+  if (event.target.closest('.add-field-btn, .add-field-wrapper')) {
     return;
   }
-  
-  // 否则阻止事件冒泡到列容器
-  console.log('[Column] Stopping propagation');
+  // 阻止事件冒泡到列容器，避免触发 handleColumnClick
   event.stopPropagation();
 }
 </script>