保存一下

src/core/desktop/ui/DesktopComponent.vue

@@ -24,18 +24,16 @@ import type { DesktopProcess } from '@/core/desktop/DesktopProcess.ts'
 import XSystem from '@/core/XSystem.ts'
 import { notificationApi } from '@/core/common/naive-ui/discrete-api.ts'
 import { configProviderProps } from '@/core/common/naive-ui/theme.ts'
-import { DesktopEventEnum } from '@/core/events/EventTypes.ts'
 import { useDesktopInit } from '@/core/desktop/ui/hooks/useDesktopInit.ts'
 import AppIcon from '@/core/desktop/ui/components/AppIcon.vue'
-import { watch } from 'vue'
 import type { IDesktopAppIcon } from '@/core/desktop/types/IDesktopAppIcon.ts'
+import { eventManager } from '@/core/events/EventManager.ts'
 
 const props = defineProps<{ process: DesktopProcess }>()
 
 const { appIconsRef, gridStyle, gridTemplate } = useDesktopInit('.desktop-icons-container')
 
-XSystem.instance.eventManage.addEventListener(
-  DesktopEventEnum.onDesktopRootDomResize,
+eventManager.addEventListener('onDesktopRootDomResize',
   (width, height) => {
     console.log(width, height)
     notificationApi.create({

src/core/desktop/ui/components/AppIcon.vue

@@ -13,8 +13,7 @@
 <script setup lang="ts">
 import type { IDesktopAppIcon } from '@/core/desktop/types/IDesktopAppIcon.ts'
 import type { IGridTemplateParams } from '@/core/desktop/types/IGridTemplateParams.ts'
-import XSystem from '@/core/XSystem.ts'
-import { DesktopEventEnum } from '@/core/events/EventTypes.ts'
+import { eventManager } from '@/core/events/EventManager.ts'
 
 const { iconInfo, gridTemplate } = defineProps<{ iconInfo: IDesktopAppIcon, gridTemplate: IGridTemplateParams }>()
 
@@ -27,7 +26,7 @@ const onDragEnd = (e: DragEvent) => {
   const pointTarget = document.elementFromPoint(e.clientX, e.clientY)
   if (!pointTarget) return
   if (pointTarget.classList.contains('icon-container')) return
-  if (!pointTarget.classList.contains('desktop-container')) return
+  if (!pointTarget.classList.contains('desktop-icons-container')) return
 
   // 获取容器边界
   const rect = el.parentElement!.getBoundingClientRect()
@@ -43,7 +42,7 @@ const onDragEnd = (e: DragEvent) => {
   iconInfo.x = gridX
   iconInfo.y = gridY
 
-  XSystem.instance.eventManage.notifyEvent(DesktopEventEnum.onDesktopAppIconPos, iconInfo)
+  eventManager.notifyEvent('onDesktopAppIconPos', iconInfo)
 }
 </script>
 

src/core/desktop/ui/hooks/useDesktopInit.ts

@@ -1,4 +1,3 @@
-import XSystem from '@/core/XSystem.ts'
 import type { IDesktopAppIcon } from '@/core/desktop/types/IDesktopAppIcon.ts'
 import {
   computed,
@@ -14,9 +13,9 @@ import {
   watch,
   watchEffect,
 } from 'vue'
-import { DesktopEventEnum } from '@/core/events/EventTypes.ts'
-import { useDraggable } from '@vueuse/core'
 import type { IGridTemplateParams } from '@/core/desktop/types/IGridTemplateParams.ts'
+import { eventManager } from '@/core/events/EventManager.ts'
+import { processManager } from '@/core/process/ProcessManager.ts'
 
 export function useDesktopInit(containerStr: string) {
   let container:HTMLElement
@@ -60,7 +59,7 @@ export function useDesktopInit(containerStr: string) {
   })
 
   // 有桌面图标的app
-  const appInfos = XSystem.instance.processManage.processInfos.filter(processInfo => !processInfo.isJustProcess)
+  const appInfos = processManager.processInfos.filter(processInfo => !processInfo.isJustProcess)
   const oldAppIcons: IDesktopAppIcon[] = JSON.parse(localStorage.getItem('desktopAppIconInfo') || '[]')
   const appIcons: IDesktopAppIcon[] = appInfos.map((processInfo, index) => {
     const oldAppIcon = oldAppIcons.find(oldAppIcon => oldAppIcon.name === processInfo.name)
@@ -89,7 +88,7 @@ export function useDesktopInit(containerStr: string) {
     exceedApp.value = hideAppIcons
   })
 
-  XSystem.instance.eventManage.addEventListener(DesktopEventEnum.onDesktopAppIconPos, (iconInfo) => {
+  eventManager.addEventListener('onDesktopAppIconPos', (iconInfo) => {
     localStorage.setItem('desktopAppIconInfo', JSON.stringify(toValue(appIconsRef.value)))
   })