收口元数据角标图标按钮

PlatformIconButton 增加 spanButton 形态,支持嵌套动作面合法复用图标按钮 chrome。

编辑器生成图元数据角标改为复用 PlatformIconButton,移除局部键盘处理。

补充测试覆盖 spanButton 键盘触发和元数据角标平台样式,并更新 TRACKING。
This commit is contained in:
2026-06-14 14:44:04 +08:00
parent 80d3a06e29
commit 451fca4a56
5 changed files with 93 additions and 18 deletions

View File

@@ -2550,28 +2550,19 @@ export function ImageCanvasEditorView() {
>
<img src={layer.src} alt={`画布图片:${layer.title}`} />
{isGeneratedLayer(layer) ? (
<span
<PlatformIconButton
asChild="spanButton"
variant="darkMini"
className="image-canvas-editor__metadata-corner"
role="button"
tabIndex={0}
aria-label={`查看${layer.title}元数据`}
label={`查看${layer.title}元数据`}
icon={<Braces className="h-3 w-3" />}
onClick={(event) => {
event.stopPropagation();
setMetadataLayer(layer);
selectSingleLayer(layer.id);
}}
onPointerDown={(event) => event.stopPropagation()}
onKeyDown={(event) => {
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
event.stopPropagation();
setMetadataLayer(layer);
selectSingleLayer(layer.id);
}
}}
>
<Braces className="h-3 w-3" />
</span>
/>
) : null}
{isHovered ? (
<span className="image-canvas-editor__size-badge">