fix(table-action): ensure that the click event is not triggered, fix #441

Vben
1 parent 64b6313b
Showing 3 changed files with 12 additions and 3 deletions
src/components/Dropdown/src/Dropdown.vue
src/components/Form/src/BasicForm.vue
src/components/Table/src/components/TableAction.vue
@@ -11,7 +11,7 @@
             @click="handleClickMenu(item)"
             :disabled="item.disabled"
           >
-            <Popconfirm v-if="popconfirm" v-bind="item">
+            <Popconfirm v-if="popconfirm && item.popConfirm" v-bind="item">
               <Icon :icon="item.icon" v-if="item.icon" />
               <span class="ml-1">{{ item.text }}</span>
             </Popconfirm>
@@ -59,7 +59,7 @@
         },
       },
       dropMenuList: {
-        type: Array as PropType<DropMenu[]>,
+        type: Array as PropType<(DropMenu & Recordable)[]>,
         default: () => [],
       },
       selectedKeys: {
@@ -285,9 +285,16 @@
           display: flex;
         }
  
+        .ant-form-item-control {
+          margin-top: 4px;
+        }
+
         .suffix {
-          display: inline-block;
+          display: inline-flex;
           padding-left: 6px;
+          margin-top: 1px;
+          line-height: 1;
+          align-items: center;
         }
       }
     }
@@ -82,6 +82,8 @@
           return {
             ...action,
             ...popConfirm,
+            onConfirm: popConfirm?.confirm,
+            onCancel: popConfirm?.cancel,
             text: label,
             divider: index < props.dropDownActions.length - 1 ? props.divider : false,
           };