hypercross
/
ttrpg-tools
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cleanup: remove pin locator

This commit is contained in:
hypercross 2026-02-26 23:26:45 +08:00
parent bd2e7ac5a5
commit 3f2e8c786b
1 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/md-pin.tsx
View File

@ -7,8 +7,6 @@ customElement("md-pin", { x: 0, y: 0 }, (props, { element }) => {
const [position, setPosition] = createSignal<{ top: string; left: string }>({ top: "0", left: "0" }); const [position, setPosition] = createSignal<{ top: string; left: string }>({ top: "0", left: "0" });
const [visible, setVisible] = createSignal(false); const [visible, setVisible] = createSignal(false);
const [transformStyle, setTransformStyle] = createSignal<string>(""); const [transformStyle, setTransformStyle] = createSignal<string>("");
const [showToast, setShowToast] = createSignal(false);
const [toastMessage, setToastMessage] = createSignal("");
let pinContainer: HTMLSpanElement | undefined; let pinContainer: HTMLSpanElement | undefined;
let targetImage: HTMLImageElement | undefined; let targetImage: HTMLImageElement | undefined;
let resizeObserver: ResizeObserver | undefined; let resizeObserver: ResizeObserver | undefined;
@ -110,24 +108,18 @@ customElement("md-pin", { x: 0, y: 0 }, (props, { element }) => {
> >
<Show when={visible() && targetImage}> <Show when={visible() && targetImage}>
<span <span
class="md-pin absolute transform -translate-x-1/2 -translate-y-1/2 pointer-events-auto cursor-pointer class="md-pin absolute transform -translate-x-1/2 -translate-y-1/2 pointer-events-auto
bg-red-500 text-white text-xs font-bold rounded-full w-6 h-6 bg-red-500 text-white text-xs font-bold rounded-full w-6 h-6
flex items-center justify-center shadow-lg flex items-center justify-center shadow-lg
hover:bg-red-600 hover:scale-110 transition-all z-10" z-10"
style={{ style={{
left: position().left, left: position().left,
top: position().top top: position().top
}} }}
title={label || '点击复制坐标'}
> >
{label || '📍'} {label || '📍'}
</span> </span>
</Show> </Show>
<Show when={showToast()}>
<div class="fixed bottom-4 left-1/2 transform -translate-x-1/2 bg-gray-800 text-white px-4 py-2 rounded shadow-lg text-sm z-50">
{toastMessage()}
</div>
</Show>
</div> </div>
); );
}); });