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 @@
/>
-
+
@@ -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();
}