From ce93e87e38e477c8b2621c2b02dcf22614ad982d Mon Sep 17 00:00:00 2001
From: luoer <luoer@szbeihai.com>
Date: Tue, 31 Oct 2023 17:53:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E4=B8=8A=E4=BC=A0?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BA=8B=E4=BB=B6=E7=B1=BB=E5=9E=8B=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/post/media/components/upload.vue | 8 +++++++-
 src/pages/post/media/index.vue             | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/post/media/components/upload.vue b/src/pages/post/media/components/upload.vue
index 6a1c2fb..0a914e3 100644
--- a/src/pages/post/media/components/upload.vue
+++ b/src/pages/post/media/components/upload.vue
@@ -97,7 +97,11 @@ import { FileItem, Message, RequestOption, UploadInstance } from "@arco-design/w
 import axios from "axios";
 import numeral from "numeral";
 
-const emit = defineEmits(["success"]);
+const emit = defineEmits<{
+  (event: "success", item: FileItem): void;
+  (event: "close", count: number): void;
+}>();
+
 const visible = ref(false);
 const uploadRef = ref<UploadInstance | null>(null);
 const successCount = ref(0);
@@ -170,6 +174,7 @@ const onBeforeCancel = () => {
  */
 const onClose = () => {
   fileList.value = [];
+  emit("close", successCount.value);
 };
 
 /**
@@ -230,6 +235,7 @@ defineExpose({
   },
 });
 
+// TODO
 const group = ref("default");
 const groupOptions = [
   {
diff --git a/src/pages/post/media/index.vue b/src/pages/post/media/index.vue
index 50f754f..e24eda9 100644
--- a/src/pages/post/media/index.vue
+++ b/src/pages/post/media/index.vue
@@ -94,7 +94,7 @@ const table = useTable({
               )}
             </div>
             <div class="flex flex-col overflow-hidden">
-              <span class="hover:text-brand-500 cursor-pointer" onClick={() => preview(record)}>
+              <span class="hover:text-brand-500 hover:decoration-underline underline-offset-2 cursor-pointer" onClick={() => preview(record)}>
                 {record.name}
               </span>
               <span class="text-gray-400 text-xs truncate">{numeral(record.size).format("0 b")}</span>