export function useResources()

in dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-resources.ts [28:238]
94 lines of code
11 McCabe index (conditional complexity)

export function useResources(
  span: number | Ref<number> = 24,
  required: boolean | Ref<boolean> = false,
  limit: number | Ref<number> = -1
): IJsonItem {
  const { t } = useI18n()

  interface ResourceOption {
    name: string
    fullName: string
    dirctory: boolean
    disable: boolean
    children?: ResourceOption[]
  }

  const resourcesOptions = ref<ResourceOption[] | IResource[]>([])
  const resourcesLoading = ref(false)

  const taskStore = useTaskNodeStore()

  const source = ref('Hello')
  const { copy, isSupported } = useClipboard({ source })

  const getResources = async () => {
    if (taskStore.resources.length) {
      resourcesOptions.value = taskStore.resources
      return
    }
    if (resourcesLoading.value) return
    resourcesLoading.value = true
    const res = await queryResourceList({ type: 'FILE', fullName: '' })
    utils.removeUselessChildren(res)
    resourcesOptions.value = res || []
    resourcesLoading.value = false
    taskStore.updateResource(res)
  }

  const validateResourceExist = (
    fullName: string,
    parentDir: string[],
    resources: ResourceOption[]
  ): boolean => {
    const isDirectory = (res: ResourceOption): boolean => {
      return res.dirctory && new RegExp(`^${res.fullName}`).test(fullName)
    }

    const processDirectory = (res: ResourceOption): boolean => {
      if (!res.children) {
        res.children = []
      }
      parentDir.push(res.name)
      return validateResourceExist(
        fullName,
        parentDir,
        res.children as ResourceOption[]
      )
    }

    if (resources.length > 0) {
      for (const res of resources) {
        if (isDirectory(res)) {
          return processDirectory(res)
        }

        if (res.fullName === fullName) {
          return true
        }
      }
    }
    addResourceNode(fullName, parentDir, resources)
    return false
  }

  const addResourceNode = (
    fullName: string,
    parentDir: string[],
    resources: ResourceOption[]
  ) => {
    const resourceNode = {
      fullName: fullName,
      name: getResourceDirAfter(fullName, parentDir),
      dirctory: false,
      disable: true
    }
    resources.push(resourceNode)
  }

  const getResourceDirAfter = (fullName: string, parentDir: string[]) => {
    const dirctory = '/resources/' + parentDir.join('')
    const delimiterIndex = fullName.indexOf(dirctory)
    if (delimiterIndex !== -1) {
      return fullName.substring(delimiterIndex + dirctory.length)
    } else {
      return fullName
    }
  }

  const copyResourceName = async (name: string) => {
    if (isSupported.value) {
      event?.stopPropagation()
      await copy(name)
      window.$message.success(t('project.node.copy_success'))
    } else {
      window.$message.error(t('project.node.copy_failed'))
    }
  }

  onMounted(() => {
    getResources()
  })

  return {
    type: 'tree-select',
    field: 'resourceList',
    class: 'resource-select',
    name: t('project.node.resources'),
    span: span,
    options: resourcesOptions,
    props: {
      multiple: true,
      checkable: true,
      cascade: true,
      showPath: true,
      filterable: true,
      clearFilterAfterSelect: false,
      checkStrategy: 'child',
      placeholder: t('project.node.resources_tips'),
      keyField: 'fullName',
      labelField: 'name',
      disabledField: 'disable',
      loading: resourcesLoading,
      'render-tag': ({
        option,
        handleClose
      }: {
        option: any
        handleClose: any
      }) => {
        return h(
          NTag,
          {
            type: 'success',
            closable: true,
            onClose: () => {
              handleClose()
            }
          },
          {
            default: () => option.currentDir,
            avatar: () =>
              h(
                NButton,
                {
                  tag: 'div',
                  type: 'info',
                  size: 'tiny',
                  onClick: () => copyResourceName(option.currentDir)
                },
                {
                  icon: () =>
                    h(NIcon, null, {
                      default: () => h(CopyOutlined)
                    })
                }
              )
          }
        )
      }
    },
    validate: {
      trigger: ['blur'],
      required: required,
      validator(validate: any, value: string[]) {
        if (value) {
          const errorNames: string[] = []
          value.forEach((item) => {
            if (
              !validateResourceExist(
                item,
                [],
                resourcesOptions.value as ResourceOption[]
              )
            ) {
              errorNames.push(item)
            }
          })
          if (errorNames.length > 0) {
            let errorName = ': '
            errorNames.forEach((name) => {
              value.splice(value.indexOf(name), 1)
              errorName += getResourceDirAfter(name, []) + ';'
            })
            return new Error(
              t('project.node.useless_resources_tips') + errorName
            )
          }
        }

        if (isRef(required) ? required.value : required) {
          if (!value || value.length == 0) {
            return new Error(t('project.node.resources_tips'))
          }
          const limit_ = isRef(limit) ? limit.value : limit
          if (limit_ > 0 && value.length > limit_) {
            return new Error(t('project.node.resources_limit_tips') + limit)
          }
        }
      }
    }
  }
}