[Fix][UI Next][V1.0.0-Alpha] Add the hover tips for the alarm instance manage table action buttons. (#8978)

dolphinscheduler-ui-next/src/locales/modules/en_US.ts

@@ -1070,6 +1070,7 @@ const security = {
     operation: 'Operation',
     edit: 'Edit',
     delete: 'Delete',
+    delete_confirm: 'Delete?',
     confirm: 'Confirm',
     cancel: 'Cancel',
     submit: 'Submit',

dolphinscheduler-ui-next/src/locales/modules/zh_CN.ts

@@ -1057,6 +1057,7 @@ const security = {
     operation: '操作',
     edit: '编辑',
     delete: '删除',
+    delete_confirm: '删除？',
     confirm: '确定',
     cancel: '取消',
     submit: '提交',

dolphinscheduler-ui-next/src/views/security/alarm-instance-manage/use-columns.ts

@@ -17,7 +17,7 @@
 
 import { h } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { NButton, NIcon, NPopconfirm, NSpace } from 'naive-ui'
+import { NButton, NIcon, NPopconfirm, NSpace, NTooltip } from 'naive-ui'
 import { EditOutlined, DeleteOutlined } from '@vicons/antd'
 import type { TableColumns } from './types'
 
@@ -51,14 +51,17 @@ export function useColumns(onCallback: Function) {
         title: t('security.alarm_instance.operation'),
         key: 'operation',
         width: 150,
-        render: (rowData, unused) => {
+        render: (rowData) => {
           return h(NSpace, null, {
             default: () => [
+              h(NTooltip, null, {
+                trigger: () =>
                   h(
                     NButton,
                     {
                       circle: true,
                       type: 'info',
+                      size: 'small',
                       onClick: () => void onCallback(rowData, 'edit')
                     },
                     {
@@ -66,6 +69,10 @@ export function useColumns(onCallback: Function) {
                         h(NIcon, null, { default: () => h(EditOutlined) })
                     }
                   ),
+                default: () => t('security.alarm_instance.edit')
+              }),
+              h(NTooltip, null, {
+                trigger: () =>
                   h(
                     NPopconfirm,
                     {
@@ -79,16 +86,21 @@ export function useColumns(onCallback: Function) {
                           NButton,
                           {
                             circle: true,
-                        type: 'error'
+                            type: 'error',
+                            size: 'small'
                           },
                           {
                             default: () =>
-                          h(NIcon, null, { default: () => h(DeleteOutlined) })
+                              h(NIcon, null, {
+                                default: () => h(DeleteOutlined)
+                              })
                           }
                         ),
-                  default: () => t('security.alarm_instance.delete')
+                      default: () => t('security.alarm_instance.delete_confirm')
                     }
-              )
+                  ),
+                default: () => t('security.alarm_instance.delete')
+              })
             ]
           })
         }