From de7a4f73ad037cfa5e29e9dbf0d9bab55a92a117 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 7 Jul 2026 19:45:38 +0800
Subject: [PATCH] =?UTF-8?q?style(table):=20=E4=B8=BA=20sub-actions=20?=
 =?UTF-8?q?=E7=B1=BB=E5=90=8D=E6=B7=BB=E5=8A=A0=20tmagic-table=20=E5=91=BD?=
 =?UTF-8?q?=E5=90=8D=E7=A9=BA=E9=97=B4=E5=B9=B6=E8=BF=81=E7=A7=BB=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=88=B0=E4=B8=BB=E9=A2=98=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/table/src/ActionsColumn.vue | 25 ++-----------------------
 packages/table/src/theme/index.scss  | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/packages/table/src/ActionsColumn.vue b/packages/table/src/ActionsColumn.vue
index f68fbd98..299f2338 100644
--- a/packages/table/src/ActionsColumn.vue
+++ b/packages/table/src/ActionsColumn.vue
@@ -16,7 +16,7 @@
       :placement="action.subActionConfig?.placement || 'bottom'"
       :width="action.subActionConfig?.popoverWidth"
       :popper-class="action.subActionConfig?.popoverClass"
-      :destroy-on-close="action.subActionConfig?.popoverDestroyOnClose"
+      :destroy-on-close="action.subActionConfig?.popoverDestroyOnClose ?? true"
     >
       <template #reference>
         <TMagicButton
@@ -29,7 +29,7 @@
           @click.stop="togglePopover"
         ></TMagicButton>
       </template>
-      <div class="sub-actions">
+      <div class="tmagic-table-sub-actions">
         <template v-for="(subAction, subIndex) in action.subActionConfig?.items" :key="subIndex">
           <ActionPopconfirm
             v-if="subAction.popconfirm"
@@ -175,24 +175,3 @@ defineExpose({
   cancel,
 });
 </script>
-
-<style lang="scss">
-.sub-actions {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  align-items: flex-start;
-
-  .sub-action-btn {
-    width: 100%;
-  }
-
-  .tmagic-design-button + .tmagic-design-button {
-    margin-left: 0;
-  }
-
-  .tmagic-design-button {
-    justify-content: flex-start;
-  }
-}
-</style>
diff --git a/packages/table/src/theme/index.scss b/packages/table/src/theme/index.scss
index f6b3fabf..d8a583c4 100644
--- a/packages/table/src/theme/index.scss
+++ b/packages/table/src/theme/index.scss
@@ -13,3 +13,22 @@
     color: #999;
   }
 }
+
+.tmagic-table-sub-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  align-items: flex-start;
+
+  .sub-action-btn {
+    width: 100%;
+  }
+
+  .tmagic-design-button + .tmagic-design-button {
+    margin-left: 0;
+  }
+
+  .tmagic-design-button {
+    justify-content: flex-start;
+  }
+}