mock: バリアントの既定の印・バッジ・作成先を直す(T-30 単位3)

ポップオーバーの既定の印を「既定」の札にする。バッジには名前を書かず、
表示中のバリアント名はツールチップで示す(はみ出しをなくす。T-30の着手前の決定を反映)。
バリアントグループは選択の入れ物(クラスター・バリアント)の中に作る。
そのため domain に createVariantGroupInParent を足し、variant のIDを渡すと
例外になっていた parentNodes を直した。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NznQtmVPoQAnietqwr1auL
This commit is contained in:
2026-10-22 09:19:06 +09:00
co-authored by Claude Opus 5.5
parent fe1b048ea4
commit 38954e9b36
7 changed files with 90 additions and 19 deletions
+9 -1
View File
@@ -431,7 +431,7 @@ function onFocus(_id: string) {
>
<template v-for="g in variantGroups.filter((n) => n.id === popover)" :key="g.id"
><button v-for="v in g.children" :key="v.id" @click="chooseVariant(g, v.id)">
{{ v.name }} {{ g.default === v.id ? "✓" : "" }}
{{ v.name }}<span v-if="g.default === v.id" class="default-tag">既定</span>
</button></template
>
</div>
@@ -581,6 +581,14 @@ function onFocus(_id: string) {
.warning {
color: #9a4c00;
}
.default-tag {
margin-left: 6px;
padding: 0 4px;
border: 1px solid #8a691b;
border-radius: 3px;
font-size: 11px;
color: #6b520f;
}
.long-label {
position: fixed;
z-index: 3;