From a2cbe6640933bddc3e69ce51fd4c2372649329c6 Mon Sep 17 00:00:00 2001
From: ShakeFlower <theshakeflower@Gmail.com>
Date: Mon, 23 Jun 2025 16:04:58 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E7=BB=98=E5=88=B6=E5=AD=98=E6=A1=A3?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E7=BC=A9=E7=95=A5=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/render/components/thumbnail.tsx       | 21 +++++++++++++++++--
 .../client-modules/src/render/ui/save.tsx     |  3 ++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages-user/client-modules/src/render/components/thumbnail.tsx b/packages-user/client-modules/src/render/components/thumbnail.tsx
index d30bb81..0c30a30 100644
--- a/packages-user/client-modules/src/render/components/thumbnail.tsx
+++ b/packages-user/client-modules/src/render/components/thumbnail.tsx
@@ -5,6 +5,7 @@ import {
 } from '@motajs/render-core';
 import { SpriteProps } from '@motajs/render-vue';
 import { defineComponent, ref, watch } from 'vue';
+import { SetupComponentOptions } from '@motajs/system-ui';
 
 export interface ThumbnailProps extends SpriteProps {
     loc: ElementLocator;
@@ -15,9 +16,25 @@ export interface ThumbnailProps extends SpriteProps {
     // configs
     damage?: boolean;
     all?: boolean;
+    noHD?: boolean;
+    /** 缩略图的比例 */
     size?: number;
 }
 
+const thumbnailProps = {
+    props: [
+        'loc',
+        'padStyle',
+        'floorId',
+        'map',
+        'hero',
+        'damage',
+        'all',
+        'noHD',
+        'size'
+    ]
+} satisfies SetupComponentOptions<ThumbnailProps>;
+
 export const Thumbnail = defineComponent<ThumbnailProps>(props => {
     const spriteRef = ref<Sprite>();
 
@@ -35,7 +52,7 @@ export const Thumbnail = defineComponent<ThumbnailProps>(props => {
             y: 0,
             size: props.size ?? 1,
             all: props.all,
-            noHD: false,
+            noHD: props.noHD,
             v2: true,
             inFlyMap: false
         };
@@ -58,4 +75,4 @@ export const Thumbnail = defineComponent<ThumbnailProps>(props => {
     return () => (
         <sprite ref={spriteRef} loc={props.loc} render={drawThumbnail} />
     );
-});
+}, thumbnailProps);
diff --git a/packages-user/client-modules/src/render/ui/save.tsx b/packages-user/client-modules/src/render/ui/save.tsx
index a7dd183..a5be64c 100644
--- a/packages-user/client-modules/src/render/ui/save.tsx
+++ b/packages-user/client-modules/src/render/ui/save.tsx
@@ -105,12 +105,13 @@ export const SaveBtn = defineComponent<
             <Thumbnail
                 hidden={data.value == null}
                 loc={[3, 26, w - 6, w - 4]}
-                size={w / MAP_WIDTH}
+                padStyle="gray"
                 floorId={data.value?.data.floorId || 'MT0'}
                 map={mapBlocks.value}
                 hero={data.value?.data.hero as HeroStatus}
                 all={true}
                 noHD={true}
+                size={w / MAP_WIDTH}
             />
             <text
                 text="placeholder"