import { computed, onMounted, ref } from 'vue';
import { storeToRefs } from 'pinia';
import { useBpmnStore } from '/@bpmn/store/bpmn';
import { getNodeName } from '/@bpmn/config/property';

export default function () {
  const store = useBpmnStore();
  const { infoId, isMainStartNode } = store;
  const { info } = storeToRefs(store);
  const showPanel = ref(false);
  const formInfo = ref();
  
  const processNodesInfo = ref();
  const processStoreyInfo = ref([
    {
      id : 'Main_Storey',
      name: '主干流程',
      type: 'bpmn:Main_Storey',
    },
  ]);

  onMounted(() => {
    if (infoId) {
      formInfo.value = info.value.get(infoId);
      console.log("info.value",info.value);
      processNodesInfo.value = [];
      //遍历info.value 是Map，把type含有"UserTask"字符的节点，放到processNodesInfo中
      info.value.forEach((entity,key) => {
        if(entity.type.indexOf("UserTask") != -1){
          processNodesInfo.value.push(entity);
        }
        if(entity.type.indexOf("SubProcess") != -1 || entity.type.indexOf("CallActivity") != -1){
          processStoreyInfo.value.push(entity);
        }
      });
      // console.log("processNodesInfo.value",processNodesInfo.value);
      showPanel.value = true;
    }
  });
  const nodeName = computed(() => {
    if (formInfo.value && formInfo.value.type) {
      const labelName = getNodeName(formInfo.value.type);
      return labelName;
    }
    return '节点';
  });
  return {
    formInfo,
    nodeName,
    showPanel,
    isMainStartNode,
    processNodesInfo,
    processStoreyInfo
  };
}