From 8e0bde749f967e9a1ac31c8f0942951b2f332204 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 11 Feb 2025 10:51:53 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20=E6=88=90=E5=B0=B1=E5=88=86?=
 =?UTF-8?q?=E4=BA=AB=E6=88=AA=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userAchi/tua-achi-overlay.vue | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/userAchi/tua-achi-overlay.vue b/src/components/userAchi/tua-achi-overlay.vue
index 492f3e14..52a3355e 100644
--- a/src/components/userAchi/tua-achi-overlay.vue
+++ b/src/components/userAchi/tua-achi-overlay.vue
@@ -4,10 +4,12 @@
       <slot name="left"></slot>
       <div class="tua-ao-box">
         <div class="tua-ao-top">
-          <span class="tua-ao-click" @click="searchDirect(props.data.name)">
+          <span class="tua-ao-click" title="查询" @click="searchDirect(props.data.name)">
             {{ props.data.name }}
           </span>
-          <span>{{ props.data.description }}</span>
+          <span class="tua-ao-click" title="分享" @click="share()">
+            {{ props.data.description }}
+          </span>
         </div>
         <div class="tua-ao-mid-title">
           <span>所属系列：</span>
@@ -53,11 +55,13 @@
 </template>
 <script lang="ts" setup>
 import TOverlay from "@comp/app/t-overlay.vue";
+import showSnackbar from "@comp/func/snackbar.js";
 import VpOverlaySearch from "@comp/viewPost/vp-overlay-search.vue";
 import { ref } from "vue";
 
 import { AppAchievementSeriesData } from "@/data/index.js";
 import TGLogger from "@/utils/TGLogger.js";
+import { generateShareImg } from "@/utils/TGShare.js";
 
 type ToAchiInfoProps = { data: TGApp.Sqlite.Achievement.RenderAchi };
 type ToAchiInfoEmits = (e: "select-series", v: number) => void;
@@ -73,6 +77,16 @@ async function searchDirect(word: string): Promise<void> {
   search.value = word;
   showSearch.value = true;
 }
+
+async function share(): Promise<void> {
+  const achiBox = document.querySelector<HTMLElement>(".tua-ao-box");
+  if (achiBox === null) {
+    showSnackbar.error("未找到成就详情");
+    return;
+  }
+  const fileName = `【成就详情】【${props.data.id}】-${props.data.name}`;
+  await generateShareImg(fileName, achiBox);
+}
 </script>
 <style lang="css" scoped>
 .tua-ao-container {