/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import { ref, watch } from 'vue'
import { useI18n } from 'vue-i18n'
import type { IJsonItem } from '../types'
import { queryProcessDefinitionByCode } from '@/service/modules/process-definition'

export function useSwitch(
  model: { [field: string]: any },
  projectCode: number
): IJsonItem[] {
  const { t } = useI18n()
  const branchFlowOptions = ref([] as any)

  const loading = ref(false)

  const getOtherTaskDefinitionList = async () => {
    if (loading.value) return
    loading.value = true
    branchFlowOptions.value = []
    try {
      const res = await queryProcessDefinitionByCode(
        model.processName,
        projectCode
      )
      res?.taskDefinitionList.forEach((item: any) => {
        if (item.code != model.code) {
          branchFlowOptions.value.push({ label: item.name, value: item.code })
        }
      })
      loading.value = false
    } catch (err) {
      loading.value = false
    }
  }

  watch(
    () => [model.processName, model.nextCode],
    () => {
      if (model.processName) {
        getOtherTaskDefinitionList()
      }
    }
  )

  return [
    {
      type: 'multi-condition',
      field: 'dependTaskList',
      name: t('project.node.switch_condition'),
      validate: {
        required: true
      },
      children: [
        {
          type: 'input',
          field: 'condition',
          span: 24,
          props: {
            loading: loading,
            type: 'textarea',
            autosize: { minRows: 2 }
          },
          validate: {
            trigger: ['input', 'blur'],
            required: true
          }
        },
        {
          type: 'select',
          field: 'nextNode',
          span: 18,
          name: t('project.node.switch_branch_flow'),
          options: branchFlowOptions,
          validate: {
            trigger: ['input', 'blur'],
            required: true
          }
        }
      ]
    },
    {
      type: 'select',
      field: 'nextNode',
      span: 24,
      name: t('project.node.switch_branch_flow'),
      props: {
        loading: loading
      },
      options: branchFlowOptions
    }
  ]
}
