[Improvement][UI] Support to drag the column of workflow name to resize its width. (#13006)

dolphinscheduler-ui/package.json

@@ -19,7 +19,7 @@
     "js-cookie": "^3.0.1",
     "lodash": "^4.17.21",
     "monaco-editor": "^0.34.0",
-    "naive-ui": "2.30.7",
+    "naive-ui": "2.33.5",
     "nprogress": "^0.2.0",
     "pinia": "^2.0.22",
     "pinia-plugin-persistedstate": "^2.2.0",

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

@@ -85,6 +85,10 @@ export function useTable() {
         className: 'workflow-name',
         ...COLUMN_WIDTH_CONFIG['name'],
         titleColSpan: 2,
+        resizable: true,
+        width: 300,
+        minWidth: 300,
+        maxWidth: 600,
         render: (row) =>
           h(
             NSpace,
@@ -108,7 +112,9 @@ export function useTable() {
                     default: () =>
                       h(
                         NEllipsis,
-                        COLUMN_WIDTH_CONFIG['linkEllipsis'],
+                        {
+                          style: 'max-width: 580px;line-height: 1.5'
+                        },
                         () => row.name
                       )
                   }