[Improvement-14111][UI] Add a tooltip for the copy button of workflow definition. (#14116)

dolphinscheduler-ui/src/locales/en_US/project.ts

@@ -80,6 +80,7 @@ export default {
     up_line: 'Online',
     down_line: 'Offline',
     copy_workflow: 'Copy Workflow',
+    copy_workflow_name: 'Copy workflow name',
     cron_manage: 'Cron manage',
     delete: 'Delete',
     tree_view: 'Tree View',

dolphinscheduler-ui/src/locales/zh_CN/project.ts

@@ -82,6 +82,7 @@ export default {
     up_line: '上线',
     down_line: '下线',
     copy_workflow: '复制工作流',
+    copy_workflow_name: '复制工作流名称',
     cron_manage: '定时管理',
     delete: '删除',
     tree_view: '工作流树形图',

dolphinscheduler-ui/src/views/projects/workflow/definition/use-table.ts

@@ -31,7 +31,7 @@ import {
 } from '@/service/modules/process-definition'
 import TableAction from './components/table-action'
 import styles from './index.module.scss'
-import { NTag, NSpace, NIcon, NButton, NEllipsis } from 'naive-ui'
+import { NTag, NSpace, NIcon, NButton, NEllipsis, NTooltip } from 'naive-ui'
 import { CopyOutlined } from '@vicons/antd'
 import ButtonLink from '@/components/button-link'
 import {
@@ -129,6 +129,8 @@ export function useTable() {
         key: 'copy',
         ...COLUMN_WIDTH_CONFIG['copy'],
         render: (row) =>
+          h(NTooltip, null, {
+            trigger: () =>
               h(
                 NButton,
                 {
@@ -139,7 +141,9 @@ export function useTable() {
                   onClick: () => void copy(row.name)
                 },
                 { icon: () => h(NIcon, { size: 16 }, () => h(CopyOutlined)) }
-          )
+              ),
+            default: () => t('project.workflow.copy_workflow_name')
+          })
       },
       {
         title: t('project.workflow.status'),
@@ -309,7 +313,7 @@ export function useTable() {
     })
   }
 
-  const batchCopyWorkflow = () => { }
+  const batchCopyWorkflow = () => {}
 
   const releaseWorkflow = (row: any) => {
     const data = {