feat: 窗口聚焦

1. 窗口聚焦功能

src/App.vue

@@ -152,6 +152,11 @@ function closeAppHandle(runApplication: RunApplicationInfo){
   closeApp(runApplication);
 }
 
+function focusAppHandle(runApplication: RunApplicationInfo){
+  message.log(`focus app ${runApplication.key}`);
+  setAppTop(runApplication);
+}
+
 function openApplication(key: string)
 {
   message.log(`open app ${key}`);
@@ -199,8 +204,9 @@ function openApplication(key: string)
                 :index="item.index"
                 @min="minAppHandle(item)"
                 @close="closeAppHandle(item)"
+                @focus-window="focusAppHandle(item)"
             >
-              ann
+<!--              切换对应组件, 并且-->
             </app-window>
           </div>
         </div>

src/components/window/app-window.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts" >
-import {computed, ref, watch} from "vue";
+import {computed, onMounted, ref, watch} from "vue";
 import VueDrag, {MoveInfo} from "@/components/public/vueDrag.vue";
 import MacWindow from "@/components/window/macWindow.vue";
 
@@ -57,6 +57,7 @@ const emits = defineEmits<{
   (e: 'min'): void,
   (e: 'max'): void,
   (e: 'close'): void,
+  (e: 'focusWindow'): void
 }>()
 
 let startLeft = left.value;
@@ -218,6 +219,17 @@ function closeHandle() {
   emits('close')
 }
 
+function focusWindow()
+{
+  console.log('focusWindow')
+  emits('focusWindow');
+}
+
+onMounted(()=>{
+  windowRef.value?.addEventListener('click', ()=>{
+    focusWindow();
+  }, false)
+})
 
 // watch 事件
 watch(()=>props.parentWidth, (_newValue, _oldValue)=>{

src/util/AppManag.ts

@@ -65,7 +65,7 @@ function runApp(appInfo: ApplicationInfo): RunApplicationInfo {
         key: appInfo.key,
         show: true,
         full: false,
-        index: 0,
+        index: runningApplications.length,
         showTitle: appInfo.name,
     }
     return app
@@ -102,14 +102,18 @@ export function openApp(key: string) {
 export function setAppTop(app: RunApplicationInfo) {
     for (let i = 0; i < runningApplications.length; i++)
     {
-        let nextIndex = runningApplications[i].index - 1;
+        let nextIndex = runningApplications[i].index;
         if (runningApplications[i].id === app.id) {
             nextIndex = runningApplications.length
-        }
-        if (nextIndex <= 0 )
+        } else
         {
-            nextIndex = 1;
+            // 如果层级过大则将其下移一层
+            if (nextIndex >= runningApplications.length)
+            {
+                nextIndex -=  1;
+            }
         }
+
         runningApplications[i].index = nextIndex;
     }
 }