Supports creating worker groups without workers

Author: ruanwenjun

dolphinscheduler-ui/src/views/projects/components/dependencies/dependencies-modal.tsx

@@ -59,7 +59,7 @@ export default defineComponent({
     }
 
     const cancelToHandle = () => {
-      ctx.emit('update:show', showRef)
+      ctx.emit('update:show', showRef.value)
     }
 
     const renderDownstreamDependencies = () => {

dolphinscheduler-ui/src/views/security/worker-group-manage/components/use-modal.ts

@@ -32,9 +32,9 @@ export function useModal(
   const variables = reactive({
     workerGroupFormRef: ref(),
     model: {
-      id: ref<number>(-1),
+      id: -1,
       name: ref(''),
-      addrList: ref<Array<number>>([]),
+      addrList: [] as string[],
       generalOptions: []
     },
     saving: false,
@@ -43,19 +43,10 @@ export function useModal(
         required: true,
         trigger: ['input', 'blur'],
         validator() {
-          if (variables.model.name === '') {
+          if (!variables.model.name || !variables.model.name.trim()) {
             return new Error(t('security.worker_group.group_name_tips'))
           }
         }
-      },
-      addrList: {
-        required: true,
-        trigger: ['input', 'blur'],
-        validator() {
-          if (variables.model.addrList.length < 1) {
-            return new Error(t('security.worker_group.worker_addresses_tips'))
-          }
-        }
       }
     }
   })

dolphinscheduler-ui/src/views/security/worker-group-manage/components/worker-group-modal.tsx

@@ -107,7 +107,7 @@ const WorkerGroupModal = defineComponent({
           show={this.showModalRef}
           onCancel={this.cancelModal}
           onConfirm={this.confirmModal}
-          confirmDisabled={!this.model.name || this.model.addrList.length < 1}
+          confirmDisabled={!this.model.name?.trim()}
           confirmClassName='btn-submit'
           cancelClassName='btn-cancel'
           confirmLoading={this.saving}

dolphinscheduler-ui/src/views/security/worker-group-manage/use-table.ts

@@ -55,16 +55,18 @@ export function useTable() {
         key: 'addrList',
         render: (row: WorkerGroupItem) =>
           h(NSpace, null, {
-            default: () =>
-              row.addrList
-                .split(',')
-                .map((item: string) =>
-                  h(
-                    NTag,
-                    { type: 'success', size: 'small' },
-                    { default: () => item }
+            default: () => {
+              const addrList = row.addrList ? row.addrList.split(',') : []
+              return addrList.length
+                ? addrList.map((item: string) =>
+                    h(
+                      NTag,
+                      { type: 'success', size: 'small' },
+                      { default: () => item }
+                    )
                   )
-                )
+                : h('span', { style: { color: '#999' } }, null)
+            }
           })
       },
       {