From 57aa0aba186a6d6d0938fcfd7b68449fd6aed87c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E5=85=83=E7=9A=93?= <hw@yuanhau.com>
Date: Mon, 12 May 2025 21:05:14 +0800
Subject: [PATCH] feat: enhance DraggableWindow component with additional emit
 events for window control; update hotnews component to handle pending state;
 modify home link for improved navigation

---
 components/DraggableWindow.vue     | 12 ++++++++++--
 components/app/windows/hotnews.vue |  4 +++-
 pages/app/desktop/index.vue        |  6 +++---
 pages/home.vue                     |  2 +-
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/components/DraggableWindow.vue b/components/DraggableWindow.vue
index 3844f5d..e51039f 100644
--- a/components/DraggableWindow.vue
+++ b/components/DraggableWindow.vue
@@ -9,7 +9,9 @@ const props = defineProps<{
   height?: string;
 }>();
 
-const emit = defineEmits(["close"]);
+const emit = defineEmits(["close", "min", "maximize", "restore"]);
+const title = computed(() => props.title || 'Draggable Window');
+
 
 const isDragging = ref(false);
 const position = ref({
@@ -65,11 +67,17 @@ const stopDrag = () => {
       <h3 class="font-semibold">{{ title }}</h3>
       <div class="flex flex-row gap-1">
         <button
-          @click="emit('close')"
+          @click="emit('min')"
           class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded"
         >
           ━
         </button>
+        <button
+          @click="emit('maximize')"
+          class="p-1 hover:bg-gray-300 dark:hover:bg-gray-600 rounded"
+        >
+          ⬜
+        </button>
         <button
           @click="emit('close')"
           class="p-1 rounded bg-red-500 text-white hover:bg-red-600 transition duration-200"
diff --git a/components/app/windows/hotnews.vue b/components/app/windows/hotnews.vue
index a252909..191f2e6 100644
--- a/components/app/windows/hotnews.vue
+++ b/components/app/windows/hotnews.vue
@@ -3,13 +3,15 @@ import DraggableWindow from "~/components/DraggableWindow.vue";
 const ffeed = ref();
 const ass = ["健康2.0", "中天", "TVBS", "香港01", "ETtoday"];
 import Button from "~/components/ui/button/Button.vue";
+const pending = ref();
 
 try {
-  const { data } = await useFetch("/api/rss/google");
+  const { data, pending: isPending } = await useFetch("/api/rss/google");
   ffeed.value = data.value;
 } catch (error) {
   console.error("Error:", error);
 }
+
 </script>
 <template>
   <div
diff --git a/pages/app/desktop/index.vue b/pages/app/desktop/index.vue
index 1d127d6..ad4bfb0 100644
--- a/pages/app/desktop/index.vue
+++ b/pages/app/desktop/index.vue
@@ -125,14 +125,13 @@ const toggleLangMenu = () => {
 const activeWindows = ref<associAppWindowInterface>([]);
 
 // ?opemapp= component
-const openApp = ref(false);
+const openApp = ref();
 const openAppId = ref();
 const openAppNameQuery = ref();
 
-onMounted(() => {
+onMounted(async () => {
   openApp.value = route.query.openapp;
   openAppId.value = route.query.id;
-  openAppNameQuery.value = route.query.name;
   if (openApp.value) {
     openWindow(openApp.value);
   }
@@ -271,6 +270,7 @@ useSeoMeta({
       :key="window.id"
       :title="window.title"
       @close="closeWindow(window.id)"
+      @min="unMinWindow(window.id)"
       :width="window.width"
       :height="window.height"
       @clicked="topWindow(window.id)"
diff --git a/pages/home.vue b/pages/home.vue
index de200c2..27cdf58 100644
--- a/pages/home.vue
+++ b/pages/home.vue
@@ -54,7 +54,7 @@ onMounted(() => {
         ></span
       ></span>
       <div class="flex flex-row justify-center align-center gap-0s">
-        <NuxtLink :to="localePath('/app/desktop/?openapp=hotnews')">
+        <NuxtLink :to="localePath('/app/desktop/?')">
           <button
             class="m-4 mr-1 ml-1 bg-[#8C9393] text-white p-3 rounded-[10px] bg-gradient-to-l from-sky-500 to-purple-600 transition-all duration-150 hover:transform hover:scale-105 hover:shadow-lg"
           >