From 323b951c10d14bab1d4d47f46a357721e2328b45 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Mon, 1 Dec 2025 00:43:31 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/vp-overlay-image.vue | 10 +++++++++-
 src/components/viewPost/vp-reply-debug.vue   |  9 +++++----
 src/utils/TGShare.ts                         | 11 +++++------
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/viewPost/vp-overlay-image.vue b/src/components/viewPost/vp-overlay-image.vue
index 12646ff0..db2be03f 100644
--- a/src/components/viewPost/vp-overlay-image.vue
+++ b/src/components/viewPost/vp-overlay-image.vue
@@ -1,3 +1,4 @@
+<!-- 图片浮窗 -->
 <template>
   <TOverlay v-model="visible" blur-val="10px">
     <div class="tpoi-box">
@@ -62,7 +63,13 @@ import { computed, nextTick, ref, shallowRef } from "vue";
 
 import type { TpImage } from "./tp-image.vue";
 
-type TpoImageProps = { image: TpImage };
+/**
+ * 图片浮窗组件参数
+ */
+type TpoImageProps = {
+  /* 图片数据 */
+  image: TpImage;
+};
 
 const props = defineProps<TpoImageProps>();
 const visible = defineModel<boolean>();
@@ -70,6 +77,7 @@ const localLink = defineModel<string>("link");
 const showOri = defineModel<boolean>("ori");
 const bgColor = defineModel<string>("bgColor", { default: "transparent" });
 const format = defineModel<string>("format", { default: "png" });
+
 const bgMode = ref<number>(0); // 0: transparent, 1: black, 2: white
 const isOriSize = ref<boolean>(false);
 const buffer = shallowRef<Uint8Array | null>(null);
diff --git a/src/components/viewPost/vp-reply-debug.vue b/src/components/viewPost/vp-reply-debug.vue
index a96785af..5053e98e 100644
--- a/src/components/viewPost/vp-reply-debug.vue
+++ b/src/components/viewPost/vp-reply-debug.vue
@@ -55,7 +55,7 @@ async function selectFile(): Promise<void> {
 .tpr-debug-box {
   position: relative;
   display: flex;
-  width: 400px;
+  width: 800px;
   flex-direction: column;
   align-items: center;
   justify-content: center;
@@ -70,7 +70,7 @@ async function selectFile(): Promise<void> {
   overflow: hidden;
   width: 100%;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-start;
   padding: 5px;
   border-bottom: 1px solid var(--box-bg-2);
   font-family: var(--font-title);
@@ -79,7 +79,8 @@ async function selectFile(): Promise<void> {
 
   :nth-child(2) {
     overflow: hidden;
-    width: 300px;
+    max-width: 600px;
+    margin-right: auto;
     color: var(--common-text-title);
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -90,7 +91,7 @@ async function selectFile(): Promise<void> {
   display: flex;
   width: 100%;
   min-height: 50px;
-  max-height: 300px;
+  max-height: 800px;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
diff --git a/src/utils/TGShare.ts b/src/utils/TGShare.ts
index eb506a23..276206e1 100644
--- a/src/utils/TGShare.ts
+++ b/src/utils/TGShare.ts
@@ -1,7 +1,6 @@
 /**
- * @file utils/TGShare.ts
- * @description 生成分享截图并保存到本地
- * @since Beta v0.8.3
+ * 生成分享截图并保存到本地
+ * @since Beta v0.8.7
  */
 
 import showSnackbar from "@comp/func/snackbar.js";
@@ -85,8 +84,8 @@ function getShareImgBgColor(): string {
 }
 
 /**
- * @description 生成分享截图
- * @since Beta v0.8.3
+ * 生成分享截图
+ * @since Beta v0.8.7
  * @param {string} fileName - 文件名
  * @param {HTMLElement} element - 元素
  * @param {number} scale - 缩放比例
@@ -96,7 +95,7 @@ function getShareImgBgColor(): string {
 export async function generateShareImg(
   fileName: string,
   element: HTMLElement,
-  scale: number = 1.2,
+  scale: number = 1.5,
   scrollable: boolean = false,
 ): Promise<void> {
   const canvas = document.createElement("canvas");