import { computed, onMounted, ref, unref } from 'vue'
import { doGetNodeBindData, doSaveNodeAct, doSaveNodeAllData, doSaveNodeDataSource, doSaveNodeEvent } from '@/api/node'
import { useParseParams } from '@/core/LoadData'
import type { MxCell } from '@/fitCore/types'
import type { BasicNodeBindType, NodeDataActJsonType, NodeDataDataSourceJsonType, NodeDataEventJsonType, NodeDataType, SaveNodeDataParamsType } from '@/api/node/model'
import { CellAttributeKeyEnum } from '@/enums/cellAttributeEnum'

interface UseNodeDataParamsType {
  cell: MxCell
  immediate?: boolean
}

const getDefaultNodeData = (): Partial<NodeDataType> => {
  return {
    dataSourceJson: {} as any,
    eventJson: {} as any,
    actJson: {} as any,
  }
}

enum ActionType {
  SAVE = 'SAVE',
  GET = 'GET',
}

function removeCellSourceAttribute(cell: MxCell) {
  if (cell.hasAttribute(CellAttributeKeyEnum.COPY_SOURCE))
    cell.getValue()?.removeAttribute?.(CellAttributeKeyEnum.COPY_SOURCE)
}

export function useNodeData({ cell, immediate = true }: UseNodeDataParamsType) {
  const nodeData = ref<NodeDataType>()

  // const contentId = window.DrawApp.configurationContentId!
  const { configurationId } = useParseParams()

  const getCellID = () => {
    return cell.getId()
  }

  const getSourceCellID = () => {
    const sourceNode = cell.getAttribute(CellAttributeKeyEnum.COPY_SOURCE)
    return sourceNode
  }

  const basicNodeBindData = (type: ActionType): BasicNodeBindType => {
    return {
      id: type === ActionType.GET ? getSourceCellID () || getCellID () : getCellID(),
      contentId: window.DrawApp.currentPage.getId(),
      configurationId,
    }
  }

  const getCellInfo = computed(() => {
    return {
      [CellAttributeKeyEnum.CATEGORY]: cell.getAttribute(CellAttributeKeyEnum.CATEGORY),
      [CellAttributeKeyEnum.COMPONENT_KEY]: cell.getAttribute(CellAttributeKeyEnum.COMPONENT_KEY),
    }
  })

  const getNodeAllData = async () => {
    const result = await doGetNodeBindData(basicNodeBindData(ActionType.GET))
    nodeData.value = result || getDefaultNodeData()
    return result
  }

  const saveNodeAllData = async (data: Partial<SaveNodeDataParamsType>) => {
    const result = await doSaveNodeAllData(Object.assign(data, basicNodeBindData(ActionType.SAVE)))
    removeCellSourceAttribute(cell)
    nodeData.value = result || getDefaultNodeData()
    return result
  }

  const saveNodeDataSourceData = async (data: NodeDataDataSourceJsonType) => {
    const result = await doSaveNodeDataSource({ ...basicNodeBindData(ActionType.SAVE), data })
    removeCellSourceAttribute(cell)
    if (unref(nodeData)?.dataSourceJson)
      nodeData.value!.dataSourceJson = result

    return result
  }

  const saveNodeEventData = async (data: NodeDataEventJsonType) => {
    const result = await doSaveNodeEvent({ ...basicNodeBindData(ActionType.SAVE), data })
    removeCellSourceAttribute(cell)
    return result
  }

  const saveNodeActData = async (data: NodeDataActJsonType) => {
    const result = await doSaveNodeAct({ ...basicNodeBindData(ActionType.SAVE), data })
    removeCellSourceAttribute(cell)
    return result
  }

  onMounted(() => {
    immediate && getNodeAllData()
  })

  return {
    getNodeData: computed(() => unref(nodeData)),
    getCellInfo,
    getNodeAllData,
    saveNodeAllData,
    saveNodeEventData,
    saveNodeActData,
    saveNodeDataSourceData,
  }
}