保存一下

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

@@ -1,20 +1,22 @@
 <template>
   <div
     class="icon-container"
-    :style="`grid-column: ${icon.col}/${icon.col + 1};grid-row: ${icon.row}/${icon.row + 1};`"
+    :style="`grid-column: ${iconInfo.x}/${iconInfo.x + 1};grid-row: ${iconInfo.y}/${iconInfo.y + 1};`"
     draggable="true"
     @dragstart="onDragStart"
     @dragend="onDragEnd"
   >
-    {{ icon.name }}
+    {{ iconInfo.name }}
   </div>
 </template>
 
 <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'
 
-const { icon, gridTemplate } = defineProps<{ icon: IDesktopAppIcon, gridTemplate: IGridTemplateParams }>()
+const { iconInfo, gridTemplate } = defineProps<{ iconInfo: IDesktopAppIcon, gridTemplate: IGridTemplateParams }>()
 
 const onDragStart = (e: DragEvent) => {}
 
@@ -38,8 +40,10 @@ const onDragEnd = (e: DragEvent) => {
   const gridX = Math.ceil(mouseX / gridTemplate.cellRealWidth)
   const gridY = Math.ceil(mouseY / gridTemplate.cellRealHeight)
 
-  icon.col = gridX
-  icon.row = gridY
+  iconInfo.x = gridX
+  iconInfo.y = gridY
+
+  XSystem.instance.eventManages.notifyEvent(DesktopEventEnum.onDesktopAppIconPos, iconInfo)
 }
 </script>
 
@@ -47,6 +51,6 @@ const onDragEnd = (e: DragEvent) => {
 .icon-container {
   width: 100%;
   height: 100%;
-  @apply flex flex-col items-center justify-center rounded  bg-gray-200;
+  @apply flex flex-col items-center justify-center bg-gray-200;
 }
 </style>