<template>
  <div>
    <!--    调试对象-->
    <!--    绘画面板-图片上传组件-->
    <ImageUpload />
    <!--    首页-所有应用组件-->
    <AllApps/>

    <!--    应用引导-款式融合-->
    <StyleFusionGuide/>
  </div>
</template>
<script lang="ts" setup>
import {
  GlobalInjectKeyConst,
  type GlobalInjectMaterials, type GlobalInjectWorkflowAppStatus
} from "~/types/common";
import { MockMaterials } from "~/composables/mock/material.data";
import { MorkWorkflows } from "~/composables/mock/workflow.data";

const materialData = ref(MockMaterials);
/**
 * EasyAI平台，已全局注入素材库库信息，这里使用mock数据用于调试
 */
provide<GlobalInjectMaterials>(GlobalInjectKeyConst.AllMaterials, {
  materials: materialData,
  refreshMaterials: async () => void 0,
});

const workflowData = ref(MorkWorkflows)


/**
 * EasyAI平台，已全局注入工作流应用信息，这里使用mock数据用于调试
 */
provide<GlobalInjectWorkflowAppStatus>(GlobalInjectKeyConst.AllWorkFlowApps, {
  workflows : workflowData,
  refreshAllWorkflows: async () => void 0,
});


</script>
