[dolphinscheduler] branch dev updated: [Improvement-10942][UI]The workflow or task name is too long and resu… (#10957)

[wanggenhua]

This is an automated email from the ASF dual-hosted git repository.

wanggenhua pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler.git


The following commit(s) were added to refs/heads/dev by this push:
     new db925f3216 [Improvement-10942][UI]The workflow or task name is too 
long and resu… (#10957)
db925f3216 is described below

commit db925f3216b8e6a53fc360c5e4c899620fcd4f45
Author: Assert <42203474+shange...@users.noreply.github.com>
AuthorDate: Tue Aug 23 17:12:40 2022 +0800

    [Improvement-10942][UI]The workflow or task name is too long and resu… 
(#10957)
    
    * [Improvement-10942][UI]The workflow or task name is too long and results 
in incomplete display
    
    * [improvement-10942][ui]The workflow or task name is too long and results 
in incomplete display
---
 .../views/projects/task/components/node/fields/use-dependent.ts   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git 
a/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts
 
b/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts
index c650a815f0..9589a38f08 100644
--- 
a/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts
+++ 
b/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts
@@ -17,7 +17,7 @@
 
 import { ref, onMounted, watch, h } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { NIcon } from 'naive-ui'
+import { NEllipsis, NIcon } from 'naive-ui'
 import { useRelationCustomParams, useDependentTimeout } from '.'
 import { useTaskNodeStore } from '@/store/project/task-node'
 import { queryAllProjectList } from '@/service/modules/projects'
@@ -179,7 +179,7 @@ export function useDependent(model: { [field: string]: any 
}): IJsonItem[] {
     const result = await queryAllProjectList()
     projectList.value = result.map((item: { code: number; name: string }) => ({
       value: item.code,
-      label: item.name
+      label: () => h(NEllipsis, null, item.name)
     }))
     return projectList
   }
@@ -190,7 +190,7 @@ export function useDependent(model: { [field: string]: any 
}): IJsonItem[] {
     const result = await queryProcessDefinitionList(code)
     const processList = result.map((item: { code: number; name: string }) => ({
       value: item.code,
-      label: item.name
+      label: () => h(NEllipsis, null, item.name)
     }))
     processCache[code] = processList
 
@@ -204,7 +204,7 @@ export function useDependent(model: { [field: string]: any 
}): IJsonItem[] {
     const result = await getTasksByDefinitionList(code, processCode)
     const taskList = result.map((item: { code: number; name: string }) => ({
       value: item.code,
-      label: item.name
+      label: () => h(NEllipsis, null, item.name)
     }))
     taskList.unshift({
       value: 0,