{status}
{2}
\n{3}{status}
{2}
\n{3}<${Icon} name="info" />本局禁用${names.map((n, i) => html`【${n}】`)}盟约，此策略效果可能无法发挥
<${Icon} name="info" />${tParts('本局禁用{names}盟约，此策略效果可能无法发挥', { names: names.map((n, i) => html`${tParts('【{name}】', { name: html`${n}` })}`) })}
- <${StepHeader} step=${2} of=${2} title="选择策略" micro="STRATEGY // BAND CHECK" pub=${clock ? { ...pub, deadline: clock.deadline } : { ...pub, deadline: 0 }}
+ <${StepHeader} step=${2} of=${2} title=${t('选择策略')} micro="STRATEGY // BAND CHECK" pub=${clock ? { ...pub, deadline: clock.deadline } : { ...pub, deadline: 0 }}
total=${clock ? clock.total : null} onExit=${() => setExit(true)} />
`;
})}
<${Button} variant="secondary" icon="search" block=${true} class="draft-order__info" data-testid="match-info-open"
- aria-haspopup="dialog" onClick=${() => setInfoOpen(true)}>查看禁用盟约与干员
+ aria-haspopup="dialog" onClick=${() => setInfoOpen(true)}>${t('查看禁用盟约与干员')}
${!solo ? html`${draftTip({ timed, turnSeconds: turnLen, autoName: myPick ? null : autoName, selected: autoId === sel })}
` : null} -
<${BandIcon} bandId=${band.bandId} size="xl" />
- 初始生命值<${LpTower} value=${band.totalHp} size="lg" />
+ ${t('初始生命值')}<${LpTower} value=${band.totalHp} size="lg" />
${band.name}
<${BandOffNote} names=${bandOffBonds(band, offBonds).map((id) => gd.bond(id)?.name || id)} />
<${MicroLabel} tone="mint">EFFECT
${band.effectName || ''}
<${RichText} as="p" text=${band.descRaw || band.desc} class="draft-detail__desc" />
-
` : html`选择一个策略查看详情
`} + ` : html`${t('选择一个策略查看详情')}
`}
- ${myPick ? html`
diff --git a/public/js/screens/briefing.js b/public/js/screens/briefing.js
index 0e6ff775..582bac3e 100644
--- a/public/js/screens/briefing.js
+++ b/public/js/screens/briefing.js
@@ -16,6 +16,7 @@ import { factionTypes, sortedPlayers, phaseTotalSeconds } from '../ui/gameLogic.
import { enemyIconUrl, factionIconUrl } from '../ui/assetUrls.js';
import { useStore } from '../store.js';
import { data } from '../data.js';
+import { t, tParts } from '../../../shared/i18n.js';
const cx = (...p) => p.flat().filter(Boolean).join(' ');
@@ -41,7 +42,7 @@ export function BriefingScreen() {
const stage = pub.stageId ? gd.stage(pub.stageId) : null;
// the mode's battlefield pool (config.json modes[].stages): 标准 is always 战场#01, 险境+ draw one at random
const poolN = Array.isArray(mode?.stages) ? mode.stages.length : 0;
- const pool = poolN > 1 ? `战场随机（共${poolN}张）` : poolN === 1 ? '战场固定' : '';
+ const pool = poolN > 1 ? t('战场随机（共{poolN}张）', { poolN }) : poolN === 1 ? t('战场固定') : '';
const types = factionTypes(pub.factions);
const factions = gd.factions?.types || {};
const m = gd.m;
@@ -55,20 +56,20 @@ export function BriefingScreen() {
return html`<${Icon} name="check" />已选择「${gd.band(myPick)?.name || ''}」${!solo && !draft.done ? '，等待其他博士' : ''}
` - : selTaken ? html`<${Icon} name="close" />队友已选，请选择其他策略
` - : !myTurn ? html`<${Icon} name="hourglass" />${turnName ? `${turnName} 正在决策…` : '等待轮到你'}
` : null} + ${myPick ? html`<${Icon} name="check" />${t('已选择「{name}」', { name: gd.band(myPick)?.name || '' })}${!solo && !draft.done ? t('，等待其他博士') : ''}
` + : selTaken ? html`<${Icon} name="close" />${t('队友已选，请选择其他策略')}
` + : !myTurn ? html`<${Icon} name="hourglass" />${turnName ? t('{turnName} 正在决策…', { turnName }) : t('等待轮到你')}
` : null}
${!solo ? html`<${Button} variant="secondary" size="lg" icon="chevrons" disabled=${!canSkip} loading=${busy === 'skip'} onClick=${skip}
- title=${skipsLeft > 0 ? '跳过本轮，稍后再选' : '跳过次数已用完'}>跳过${skipsLeft > 0 ? '' : '（已用）'}` : null}
- <${Button} variant="primary" size="lg" icon="check" disabled=${!myTurn || !band || selTaken} loading=${busy === 'pick'} onClick=${confirm}>${selTaken ? '队友已选' : '确认选择'}
+ title=${skipsLeft > 0 ? t('跳过本轮，稍后再选') : t('跳过次数已用完')}>${t('跳过')}${skipsLeft > 0 ? '' : t('（已用）')}` : null}
+ <${Button} variant="primary" size="lg" icon="check" disabled=${!myTurn || !band || selTaken} loading=${busy === 'pick'} onClick=${confirm}>${selTaken ? t('队友已选') : t('确认选择')}
- <${StepHeader} step=${1} of=${2} title="确认本局信息" micro="BRIEFING // INFO CHECK" pub=${pub}
+ <${StepHeader} step=${1} of=${2} title=${t('确认本局信息')} micro="BRIEFING // INFO CHECK" pub=${pub}
total=${phaseTotalSeconds(pub, gd.config)} onExit=${() => setExit(true)} />
@@ -93,11 +94,11 @@ export function BriefingScreen() {
<${ExitModal} open=${exit} onClose=${() => setExit(false)} solo=${solo} />
`;
diff --git a/public/js/screens/game.js b/public/js/screens/game.js
index d5e62705..43563c64 100644
--- a/public/js/screens/game.js
+++ b/public/js/screens/game.js
@@ -115,6 +115,7 @@ import { useDocClass, FullscreenButton } from '../ui/device.js';
import { HUD_HZ_MS, MERGE_HL, SEL_RANGE, cx } from './game/marks.js';
import { keepEarly } from './game/early.js';
import { MatchEnded, PausedOverlay } from './game/overlays.js';
+import { t, tParts } from '../../../shared/i18n.js';
/** Router for the in-match screens. */
export function GameScreen() {
@@ -127,7 +128,7 @@ export function GameScreen() {
if (!pub || !gd.ready) {
return html`
- <${MicroLabel} tone="gold">ENEMY LEADER // 敌方领袖
+ <${MicroLabel} tone="gold">${t('ENEMY LEADER // 敌方领袖')}
${bossEnemy ? html`<${Img} src=${enemyIconUrl(m, boss.enemyKey)} class="brief-boss__sil" fallback=${html`?`} />`
: html`?`}
-
${boss?.name || bossEnemy?.name || '未知领袖'}
- 第 ${mode?.bossRound ?? pub.lastRound ?? 14} 回合 · 最终攻势 +${boss?.name || bossEnemy?.name || t('未知领袖')}
+ ${tParts('第 {r} 回合 · 最终攻势', { r: html`${mode?.bossRound ?? pub.lastRound ?? 14}` })} ${Array.isArray(boss?.abilities) && boss.abilities.length ? html`-
${boss.abilities.slice(0, 3).map((a, i) => html`
- <${RichText} text=${a} /> `)}
-
`) : html`特训敌人<${MicroLabel}>SPECIAL ENEMIES
+${t('特训敌人')}<${MicroLabel}>SPECIAL ENEMIES
${types.length ? types.map((t) => html`
<${Img} src=${factionIconUrl(m, factions[t]?.icon)} />
${factions[t]?.name || t}${factions[t]?.desc || ''}
-
`) : html`本局没有特训敌人
`} +${t('本局没有特训敌人')}
`}
<${Spinner} size="lg" label=${pub ? 'LOADING DATA' : 'ENTERING SIMULATION'} />
-
`;
}
const mode = phaseMode(pub.phase);
@@ -562,7 +563,7 @@ function MatchScreen() {
let asked = null;
try { asked = new URLSearchParams(globalThis.location?.search || '').get('render'); } catch { asked = null; }
if (asked === 'fallback' || globalThis.__SP_RENDER__ === 'fallback') return;
- toast('当前设备无法启用 3D / WebGL 渲染，已切换为简化视图（功能不受影响）', 'info', { ttl: 5000 });
+ toast(t('当前设备无法启用 3D / WebGL 渲染，已切换为简化视图（功能不受影响）'), 'info', { ttl: 5000 });
}, [viewKind]);
// phase changes: banners, sounds, resets
@@ -678,9 +679,9 @@ function MatchScreen() {
const closeIt = () => { setDetail((d) => (d?.kind === 'piece' && d.uid === piece.uid ? null : d)); setSel((x) => (x && x.uid === piece.uid ? null : x)); };
if (piece.kind === 'item') {
// an equipped item is locked (the server refuses g.destroy): replacing it is the equip-replace dialog's job
- if (!itemDestroyable(live.current.placeCtx, piece.uid)) { toast('已配发的装备无法销毁', 'warn'); audio.sfx('error', { volume: 0.5 }); return false; }
+ if (!itemDestroyable(live.current.placeCtx, piece.uid)) { toast(t('已配发的装备无法销毁'), 'warn'); audio.sfx('error', { volume: 0.5 }); return false; }
const it = data.lookup('items', piece.id);
- const ok = await confirmDialog({ title: '销毁道具', text: `道具无法出售。确定要销毁「${it?.name || '道具'}」吗？`, okText: '销毁', danger: true });
+ const ok = await confirmDialog({ title: t('销毁道具'), text: t('道具无法出售。确定要销毁「{name}」吗？', { name: it?.name || t('道具') }), okText: t('销毁'), danger: true });
if (ok && await actions.destroy(piece.uid)) { closeIt(); return true; }
return false;
}
@@ -1021,7 +1022,7 @@ function MatchScreen() {
const L = live.current;
const uid = L.sel?.uid;
const to = uid != null ? retreatSlot(L.placeCtx, uid) : null;
- if (!to) { toast('整备区已满', 'warn'); audio.sfx('error', { volume: 0.5 }); return; }
+ if (!to) { toast(t('整备区已满'), 'warn'); audio.sfx('error', { volume: 0.5 }); return; }
setSelBusy(true);
if (await actions.move(uid, to)) {
setSel(null);
@@ -1043,7 +1044,7 @@ function MatchScreen() {
const u = (Array.isArray(field?.units) ? field.units : []).find((x) => x && x.id === detail.unitId);
return u ? { ...detail, unit: u } : detail;
}, [detail, field]);
- const resolved = useMemo(() => resolveDetail(detailTarget, placeCtx.pieces, { priv, backups: gd.backups }), [detailTarget, placeCtx, gd.ready]);
+ const resolved = useMemo(() => resolveDetail(detailTarget, placeCtx.pieces, { priv, backups: gd.backups }), [detailTarget, placeCtx, gd.ready, data.locale()]);
useEffect(() => { if (detail && !resolved && detail.kind === 'piece') setDetail(null); }, [resolved]);
const snapHp = (() => {
const id = resolved?.unitId;
@@ -1174,9 +1175,9 @@ function MatchScreen() {
const stripFid = strip.fieldId;
const liveLayers = (combat || settleMode) && battleState?.bondLayers ? battleState.bondLayers : null;
// the observing pill names the player whose bonds the strip shows (the same teammate as the strip's "👁 name" tag)
- const observingName = cc && combat && watchedFid ? (!strip.self && stripFid === watchedFid ? strip.name : (players.find((p) => p.fieldId === watchedFid || ownFieldId(p.playerId) === watchedFid)?.name || '队友')) : null;
+ const observingName = cc && combat && watchedFid ? (!strip.self && stripFid === watchedFid ? strip.name : (players.find((p) => p.fieldId === watchedFid || ownFieldId(p.playerId) === watchedFid)?.name || t('队友'))) : null;
const watchedP = watchingOther ? (players.find((p) => p.playerId !== myId && (watching === ownFieldId(p.playerId) || (watching === p.fieldId && String(watching).startsWith('n:')))) || null) : null;
- const watchedName = watchingOther ? (watchedP?.name || players.find((p) => watching === p.fieldId)?.name || '队友') : null;
+ const watchedName = watchingOther ? (watchedP?.name || players.find((p) => watching === p.fieldId)?.name || t('队友')) : null;
const stripBonds = strip.bonds;
// a popup opened from the strip closes when the strip changes hands (another teammate scouted / a ‹ › half / back to
// the own bonds); one opened from a card's chip keeps its unit owner (it carries its own player either way)
@@ -1269,7 +1270,7 @@ function MatchScreen() {
${pub ? '正在载入模拟数据…' : '正在进入模拟…'}
+${pub ? t('正在载入模拟数据…') : t('正在进入模拟…')}
+ }}><${Icon} name=${bondsCollapsed ? 'chevronRight' : 'chevronLeft'} />${bondsCollapsed ? t('盟约') : t('收起')}
<${BondStrip} bonds=${stripBonds} layersDisabled=${layersDisabled} openId=${bondPop && bondPop.ownerId === strip.ownerId ? bondPop.bondId : null}
owner=${strip.name} onOpen=${(id) => openBond(id, strip.ownerId, 'strip')} />
@@ -1291,8 +1292,8 @@ function MatchScreen() {
<${EffectsList} effects=${watchingOther && field ? (field.effects ?? null) : priv?.effects} />
${watchingOther && !combat ? html`
- <${GIcon} name="eye" />正在查看 ${watchedName} 的阵地（只读）
- ${spectator ? null : html`<${Button} size="sm" variant="primary" icon="back" onClick=${() => watchPlayer({ playerId: myId })}>返回自己`}
+ <${GIcon} name="eye" />${tParts('正在查看 {name} 的阵地（只读）', { name: html`${watchedName}` })}
+ ${spectator ? null : html`<${Button} size="sm" variant="primary" icon="back" onClick=${() => watchPlayer({ playerId: myId })}>${t('返回自己')}`}
` : null}
${showShop ? html`<${ShopBar} priv=${priv} editable=${editable} collapsed=${collapsed} onCollapse=${setCollapsed}
@@ -1312,15 +1313,15 @@ function MatchScreen() {
client=${cc ? { progress, observing: observingName ? { name: observingName } : null, onBack: alive ? backHome : null, layers, layer, onLayer: setLayer } : null} />` : null}
${showDeadPill(alive, phase) ? (spectator
- ? html`<${GIcon} name="eye" />观战中 · 点击左侧成员头像切换查看
`
- : html`<${Icon} name="close" />你已被淘汰 · 可继续观战队友
`) : null}
+ ? html`<${GIcon} name="eye" />${t('观战中 · 点击左侧成员头像切换查看')}
`
+ : html`<${Icon} name="close" />${t('你已被淘汰 · 可继续观战队友')}
`) : null}
<${Ticker} />
${spectator ? null : html`<${EmoteWheel} open=${emoteOpen} onToggle=${setEmoteOpen} onSend=${(id) => actions.emote(id)} disabled=${conn.status !== 'online'} />`}
-
-
+
+
<${FullscreenButton} class="gm__gear gm__fs" />
diff --git a/public/js/screens/game/overlays.js b/public/js/screens/game/overlays.js
index 4ab312a4..dbe2da76 100644
--- a/public/js/screens/game/overlays.js
+++ b/public/js/screens/game/overlays.js
@@ -3,15 +3,16 @@
import { Button, MicroLabel, html } from '../../ui/components.js';
import { emptyMatch, store } from '../../store.js';
import { localAsset } from '../../data.js';
+import { t } from '../../../../shared/i18n.js';
/** The room went back to its lobby without a result (match aborted): offer the way back. */
export function MatchEnded() {
- return html`
+ return html`
`;
}
@@ -19,16 +20,16 @@ export function MatchEnded() {
/** Solo pause (m.public.paused): the field dims under the 暂停中 plate; 继续作战 resumes (g.pause off). */
export function PausedOverlay({ canResume, busy, onResume, onExit }) {
const plate = localAsset('ui/battle', 'matte_pause');
- return html`
+ return html`
-
-
<${MicroLabel} tone="mint">SIMULATION CLOSED
-
本局模拟已结束
-同盟已返回等待室
- <${Button} variant="primary" size="lg" icon="chevronLeft" onClick=${() => store.set({ match: emptyMatch() })}>返回同盟 +${t('本局模拟已结束')}
+${t('同盟已返回等待室')}
+ <${Button} variant="primary" size="lg" icon="chevronLeft" onClick=${() => store.set({ match: emptyMatch() })}>${t('返回同盟')}
+ return html`
`;
diff --git a/public/js/screens/loadout.js b/public/js/screens/loadout.js
index c3c51534..07728cab 100644
--- a/public/js/screens/loadout.js
+++ b/public/js/screens/loadout.js
@@ -36,7 +36,7 @@ import { setOwned, notOwnedCount, serializeOwnership, parseOwnershipImport, OWNE
import { OwnershipPanel, useOwnershipRoster } from './ownership.js';
import { DiyPanel, diyData } from './diy.js';
import { diyCount, sanitizeDiyPicks, setPick, serializeDiy, parseDiyImport, DIY_IMPORT_MAX_BYTES } from '../ui/diyModel.js';
-import { t } from '../../../shared/i18n.js';
+import { t, tParts, N_ } from '../../../shared/i18n.js';
import { copyText } from '../ui/clipboard.js';
import { toast } from '../ui/toasts.js';
@@ -155,15 +155,15 @@ function RosterCard({ m, chess, golden, entries, selected, onPick, notOwned = fa
<${Img} src=${chessAvatarUrl(m, chess)} fallback=${html`${[...(chess.name || '?')][0]}`} />
<${TierChip} tier=${chess.tier} size="sm" class="lo-card__tier" />
- ${choice.changed ? html`` : null}
- ${notOwned ? html`替补` : null}
+ ${choice.changed ? html`` : null}
+ ${notOwned ? html`${t('替补')}` : null}
${chess.name}
<${SkillIcon} m=${m} rec=${skillRec} index=${choice.skill} size="xs" />
${skillLabel(choice.skill)}
- ${golden ? html`
+ ${golden ? html`
${choice.module === MODULE_NONE ? '—' : moduleBadge(modRec)}
` : null}
@@ -182,16 +182,16 @@ function SkillOption({ m, opt, on, level, onPick }) {
${skillLabel(opt.index)}
- ${rec?.name || '未知技能'}
- ${opt.isDefault ? html`默认` : null}
- ${on ? html`<${Icon} name="check" />已装备` : null}
+ ${rec?.name || t('未知技能')}
+ ${opt.isDefault ? html`${t('默认')}` : null}
+ ${on ? html`<${Icon} name="check" />${t('已装备')}` : null}
<${RichText} as="span" class="lo-skill__desc" text=${rec?.descRaw || rec?.desc || ''} />
@@ -204,8 +204,8 @@ function ModuleInfo({ m, golden, opt }) {
if (!rec) {
const traitBase = golden.traitBase || null;
return html`
`;
}
@@ -260,21 +260,21 @@ export function statsPreview(base, golden, entries, level, getChess) {
export function LoadoutStats({ base, golden, entries, level, onLevel, getChess = getChessRec }) {
const pv = statsPreview(base, golden, entries, level, getChess);
if (!pv) return null;
- return html`
PAUSED
-
- 暂停中
+${t('暂停中')}
作战已暂停，计时与敌人行动均已停止
+${t('作战已暂停，计时与敌人行动均已停止')}
- ${onExit ? html`<${Button} variant="secondary" size="lg" icon="exit" onClick=${onExit}>放弃模拟` : null}
- ${canResume ? html`<${Button} variant="primary" size="lg" icon="play" loading=${busy} onClick=${onResume} data-autofocus>继续作战` : null}
+ ${onExit ? html`<${Button} variant="secondary" size="lg" icon="exit" onClick=${onExit}>${t('放弃模拟')}` : null}
+ ${canResume ? html`<${Button} variant="primary" size="lg" icon="play" loading=${busy} onClick=${onResume} data-autofocus>${t('继续作战')}` : null}
-
`;
}
const rows = attrRows(rec.attr);
@@ -214,14 +214,14 @@ function ModuleInfo({ m, golden, opt }) {
const talents = (Array.isArray(rec.talentChanges) ? rec.talentChanges : []).filter((t) => t && (t.name || t.desc) && !t.hidden);
return html`不装备模组：精锐干员以基础属性、特性与天赋作战。
- ${traitBase?.desc ? html`特性<${RichText} class="lo-minfo__v" text=${traitBase.descRaw || traitBase.desc} />
` : null}
+ ${t('不装备模组：精锐干员以基础属性、特性与天赋作战。')}
+ ${traitBase?.desc ? html`${t('特性')}<${RichText} class="lo-minfo__v" text=${traitBase.descRaw || traitBase.desc} />
` : null}
<${Img} src=${moduleIconOf(m, rec)} class="lo-minfo__icon" />${rec.typeName || ''}${rec.name || rec.uniEquipId}
- ${opt.isDefault ? html`默认` : null}
+ ${opt.isDefault ? html`${t('默认')}` : null}
- 属性
- ${rows.length ? rows.map((r) => html`${r.label}${r.text}`) : html`无属性加成`}
+ ${t('属性')}
+ ${rows.length ? rows.map((r) => html`${r.label}${r.text}`) : html`${t('无属性加成')}`}
- ${traitText ? html`特性<${RichText} class="lo-minfo__v" text=${traitText} />
` : null}
- ${talents.map((t, i) => html`天赋
- ${t.name ? html`${t.name}` : null}<${RichText} text=${t.descRaw || t.desc || ''} />
`)}
+ ${traitText ? html`${t('特性')}<${RichText} class="lo-minfo__v" text=${traitText} />
` : null}
+ ${talents.map((tal, i) => html`${t('天赋')}
+ ${tal.name ? html`${tal.name}` : null}<${RichText} text=${tal.descRaw || tal.desc || ''} />
`)}
局内数值<${MicroLabel}>STATS
-
-
-
+
${t('局内数值')}<${MicroLabel}>STATS
+
+
+
${chessStatsBlock({ rec: pv.record, chess: pv.chess })}
${pv.trait || pv.talents.length ? html`
- ${pv.trait ? html`
` : null}
- 特性<${RichText} class="lo-minfo__v" text=${pv.trait} />
` : null}
- ${pv.talents.map((t, i) => html`天赋
- ${t.name}<${RichText} text=${t.descRaw || t.desc || ''} />
`)}
+ ${pv.trait ? html`${t('特性')}<${RichText} class="lo-minfo__v" text=${pv.trait} />
` : null}
+ ${pv.talents.map((tal, i) => html`${t('天赋')}
+ ${tal.name}<${RichText} text=${tal.descRaw || tal.desc || ''} />
`)}
${pv.elite ? '数值含所选模组；' : golden ? '普通干员没有模组，所选模组在「精锐」中生效；' : ''}不含技能发动、装备、盟约等局内加成
+${pv.elite ? t('数值含所选模组；') : golden ? t('普通干员没有模组，所选模组在「精锐」中生效；') : ''}${t('不含技能发动、装备、盟约等局内加成')}
`; } @@ -283,40 +283,40 @@ function Detail({ m, chess, golden, entries, onChange, onReset, locked, notOwned const [statLevel, setStatLevel] = useState('elite'); // 局内数值: the 精锐 shows the chosen module's effect const bodyRef = useRef(null); useEffect(() => { if (bodyRef.current) bodyRef.current.scrollTop = 0; }, [chess?.chessId]); - if (!chess) return html``; + if (!chess) return html``; const opt = chessOptions(chess, golden); const choice = effectiveChoice(entries, chess, golden); const modOpt = opt.moduleOptions.find((x) => x.id === choice.module) || null; const lv = (c) => c?.status?.skillLevel ?? '—'; - return html`技能<${MicroLabel}>SKILL
-
-
-
+
`;
- return layersDisabled ? html`<${Tooltip} text="层数叠加已禁用" placement="bottom">${strip}` : strip;
+ return layersDisabled ? html`<${Tooltip} text=${t('层数叠加已禁用')} placement="bottom">${strip}` : strip;
}
/**
@@ -122,38 +122,39 @@ export function BondPopup({ bondId, entry, priv, banned = [], onClose, onMember,
const si = memberStandIn(priv, rawChess(x.id), data.get('backups'), rawChess);
return si ? { ...x, name: si.name } : x;
}) : [];
- const harmonyName = data.lookup('bonds', HARMONY_BOND)?.name || '调和';
- const harmonyText = `${harmonyBy.length ? `${harmonyBy.map((x) => x.name).join('、')} 在场` : `${harmonyName}已激活`}：核心盟约激活人数 +${harmony}`;
+ const harmonyName = data.lookup('bonds', HARMONY_BOND)?.name || tName('调和');
+ const harmonyText = harmonyBy.length ? t('{names} 在场：核心盟约激活人数 +{harmony}', { names: harmonyBy.map((x) => x.name), harmony })
+ : t('{harmonyName}已激活：核心盟约激活人数 +{harmony}', { harmonyName, harmony });
return html`${t('技能')}<${MicroLabel}>SKILL
+
+
+
-
+
-
-
`;
}
const m = data.get('assets');
const shown = sorted.slice(0, max);
const strip = html`
`;
})}
${sorted.length > shown.length ? html`+${sorted.length - shown.length}` : null}
${opt.skillOptions.map((s) => html`<${SkillOption} key=${s.index} m=${m} opt=${s} level=${level} on=${s.index === choice.skill}
onPick=${(i) => onChange({ skill: i })} />`)}
@@ -324,25 +324,26 @@ function Detail({ m, chess, golden, entries, onChange, onReset, locked, notOwned
<${LoadoutStats} base=${chess} golden=${golden} entries=${entries} level=${statLevel} onLevel=${setStatLevel} />
${golden ? html`模组<${MicroLabel}>MODULE
- 仅精锐干员装备 · 模组等级 ${golden.status?.equipLevel ?? 1} +${t('模组')}<${MicroLabel}>MODULE
+ ${t('仅精锐干员装备 · 模组等级')} ${golden.status?.equipLevel ?? 1}
+
`;
}
@@ -353,29 +354,29 @@ function Filters({ m, filters, onFilters, bonds }) {
const set = (patch) => onFilters({ ...filters, ...patch });
return html`
${opt.moduleOptions.map((mo) => html``)}
${modOpt ? html`<${ModuleInfo} m=${m} golden=${golden} opt=${modOpt} />` : null}
` : null}
- ${notOwned ? html`<${Icon} name="info" />干员持有中标记为未持有：此棋子由替补干员${standInName(chess) ? ` ${standInName(chess)} ` : ''}上场，技能与模组固定（补位干员技能不可更改）；这里的调配在改回「持有」后生效
` : null} - ${locked ? html`<${Icon} name="info" />本局的调配已锁定，修改将在下一局生效
` : null} + ${notOwned ? html`<${Icon} name="info" />${standInName(chess) ? t('干员持有中标记为未持有：此棋子由替补干员 {name} 上场，技能与模组固定（补位干员技能不可更改）；这里的调配在改回「持有」后生效', { name: standInName(chess) }) + : t('干员持有中标记为未持有：此棋子由替补干员上场，技能与模组固定（补位干员技能不可更改）；这里的调配在改回「持有」后生效')}
` : null} + ${locked ? html`<${Icon} name="info" />${t('本局的调配已锁定，修改将在下一局生效')}
` : null}
-
-
`;
diff --git a/public/js/store.js b/public/js/store.js
index b4e5df0a..15c68145 100644
--- a/public/js/store.js
+++ b/public/js/store.js
@@ -21,6 +21,7 @@
import { useLayoutEffect, useReducer, useRef } from '../vendor/hooks.module.js';
import { PHASE } from '../../shared/constants.js';
+import { t } from '../../shared/i18n.js';
/**
* Create an observable store.
@@ -125,8 +126,8 @@ export function isSpectating(room, playerId) {
export function sessionResetNotice(prev, playerId) {
const prevId = prev?.me?.playerId;
if (prevId == null || prevId === playerId) return null;
- if (prev?.match?.public || prev?.room?.inMatch) return '服务器会话已重置，上一局模拟已结束';
- if (prev?.room) return '服务器会话已重置，已返回大厅';
+ if (prev?.match?.public || prev?.room?.inMatch) return t('服务器会话已重置，上一局模拟已结束');
+ if (prev?.room) return t('服务器会话已重置，已返回大厅');
return null;
}
diff --git a/public/js/ui/bondStrip.js b/public/js/ui/bondStrip.js
index 8d557d68..17068757 100644
--- a/public/js/ui/bondStrip.js
+++ b/public/js/ui/bondStrip.js
@@ -28,13 +28,13 @@ import { sortBonds, bondMembers, nextThreshold, bondTier, harmonyMembers, HARMON
import { formatBondEffect } from './richText.js';
import { bondIconUrl } from './assetUrls.js';
import { data } from '../data.js';
-import { t } from '../../../shared/i18n.js';
+import { t, tc, tParts, tName } from '../../../shared/i18n.js';
const cx = (...p) => p.flat().filter(Boolean).join(' ');
/** The "👁 name" tag of a teammate's strip (DESIGN §20.15). */
function OwnerTag({ owner }) {
- return html`
+ return html`
<${GIcon} name="eye" class="bstrip__eye" /><${MicroLabel}>${owner}
`;
}
@@ -47,12 +47,12 @@ export function BondStrip({ bonds, layersDisabled = false, onOpen, openId = null
const sorted = sortBonds(bonds, (id) => data.lookup('bonds', id));
if (!sorted.length) {
return html`
-
- ${[1, 2, 3, 4, 5, 6].map((t) => html``)}
+
+
+ ${[1, 2, 3, 4, 5, 6].map((tier) => html``)}
- <${TextField} size="sm" icon="search" value=${filters.query} placeholder="搜索干员 / 职业 / 盟约" class="lo-search"
+ <${TextField} size="sm" icon="search" value=${filters.query} placeholder=${t('搜索干员 / 职业 / 盟约')} class="lo-search"
onInput=${(v) => set({ query: String(v).slice(0, 24) })} />
-
`;
}
@@ -383,11 +384,11 @@ function Filters({ m, filters, onFilters, bonds }) {
// ---- screen -------------------------------------------------------------------------------------------------------------
const SYNC_TEXT = {
- idle: ['', ''], pending: ['保存中…', 'is-busy'], sending: ['同步中…', 'is-busy'], synced: ['已同步', 'is-ok'],
- locked: ['本局已锁定 · 下一局生效', 'is-warn'], error: ['同步失败', 'is-bad'],
+ idle: ['', ''], pending: [N_('保存中…'), 'is-busy'], sending: [N_('同步中…'), 'is-busy'], synced: [N_('已同步'), 'is-ok'],
+ locked: [N_('本局已锁定 · 下一局生效'), 'is-warn'], error: [N_('同步失败'), 'is-bad'],
};
/** The 干员持有 tab's status line: the setting never applies to a running match. */
-const OWN_SYNC_TEXT = { ...SYNC_TEXT, locked: ['下一局生效', 'is-warn'] };
+const OWN_SYNC_TEXT = { ...SYNC_TEXT, locked: [N_('下一局生效'), 'is-warn'] };
/** The 自选编队 tab's status line (msgids, translated where shown): out of match, like 干员持有. */
const DIY_SYNC_TEXT = { ...OWN_SYNC_TEXT };
@@ -402,7 +403,7 @@ function LoadoutScreen({ st }) {
const m = data.get('assets');
const getChess = (id) => data.lookup('chess', id);
const getBond = (id) => data.lookup('bonds', id);
- const roster = useMemo(() => rosterOf(data.list('chess')), [ready]);
+ const roster = useMemo(() => rosterOf(data.list('chess')), [ready, data.locale()]); // (names follow a language switch)
const bonds = useMemo(() => {
const used = new Set(roster.flatMap((c) => c.bonds || []));
return (data.list('bonds') || []).filter((b) => b && used.has(b.bondId))
@@ -434,7 +435,7 @@ function LoadoutScreen({ st }) {
const toggleOwned = (id, owned) => setNotOwned(setOwned(loadoutStore.get().notOwned, id, owned));
const ownAll = async () => {
if (!nNotOwned) return;
- const ok = await confirmDialog({ title: '全部持有', text: `将 ${nNotOwned} 名未持有的干员恢复为持有（由本人上场）？`, okText: '全部持有' });
+ const ok = await confirmDialog({ title: t('全部持有'), text: t('将 {nNotOwned} 名未持有的干员恢复为持有（由本人上场）？', { nNotOwned }), okText: t('全部持有') });
if (ok) setNotOwned([]);
};
const pick = (id) => { loadoutStore.set({ sel: id }); setNarrowDetail(true); };
@@ -442,7 +443,7 @@ function LoadoutScreen({ st }) {
const resetOne = () => { if (base) setEntries(resetChoice(loadoutStore.get().entries, base.chessId)); };
const resetAll = async () => {
if (!nChanged) return;
- const ok = await confirmDialog({ title: '全部恢复默认', text: `将 ${nChanged} 名干员的技能与模组恢复为默认配置？`, okText: '恢复默认', danger: true });
+ const ok = await confirmDialog({ title: t('全部恢复默认'), text: t('将 {nChanged} 名干员的技能与模组恢复为默认配置？', { nChanged }), okText: t('恢复默认'), danger: true });
if (ok) setEntries({});
};
@@ -458,7 +459,7 @@ function LoadoutScreen({ st }) {
const openImport = () => setIo({ mode: 'import', kind: tab, text: '' });
const ioCopy = async () => {
const ok = await copyText(ioText);
- toast(ok ? '已复制到剪贴板' : '复制失败，请在文本框中手动全选复制', ok ? 'success' : 'warn');
+ toast(ok ? t('已复制到剪贴板') : t('复制失败，请在文本框中手动全选复制'), ok ? 'success' : 'warn');
};
const ioDownload = () => downloadText(exportFilename(new Date(), ioOwn ? 'ownership' : ioDiy ? 'diy' : 'loadout'), ioText);
const ioPick = () => fileRef.current?.click();
@@ -468,12 +469,12 @@ function LoadoutScreen({ st }) {
if (!f) return;
// refuse a huge pick before reading it into memory (a real payload is a few KB)
if (ioDiy && f.size > DIY_IMPORT_MAX_BYTES) { toast(t('文件过大，请选择「导出」下载的自选编队文件'), 'error'); return; }
- if (f.size > (ioOwn ? OWNERSHIP_IMPORT_MAX_BYTES : LOADOUT_IMPORT_MAX_BYTES)) { toast(`文件过大，请选择「导出」下载的${ioOwn ? '干员持有' : '调配'}文件`, 'error'); return; }
- try { setIo({ ...io, mode: 'import', text: await readFileText(f) }); } catch { toast('读取文件失败', 'error'); }
+ if (f.size > (ioOwn ? OWNERSHIP_IMPORT_MAX_BYTES : LOADOUT_IMPORT_MAX_BYTES)) { toast(ioOwn ? t('文件过大，请选择「导出」下载的干员持有文件') : t('文件过大，请选择「导出」下载的调配文件'), 'error'); return; }
+ try { setIo({ ...io, mode: 'import', text: await readFileText(f) }); } catch { toast(t('读取文件失败'), 'error'); }
};
const ioApply = () => {
// an import before chess.json is loaded would sanitise every entry away — refuse instead of wiping the loadout
- if (!ready) { toast('干员数据仍在载入，请稍候再导入', 'warn'); return; }
+ if (!ready) { toast(t('干员数据仍在载入，请稍候再导入'), 'warn'); return; }
if (ioDiy) {
const r = parseDiyImport(ioText);
if (!r.ok) { toast(t('导入失败：{error}', { error: t(r.error, r.params) }), 'error'); return; }
@@ -484,21 +485,22 @@ function LoadoutScreen({ st }) {
}
if (ioOwn) {
const r = parseOwnershipImport(ioText);
- if (!r.ok) { toast(`导入失败：${r.error}`, 'error'); return; }
+ if (!r.ok) { toast(t('导入失败：{error}', { error: r.error }), 'error'); return; }
const { applied, dropped } = applyOwnershipImport(r.notOwned, getChess);
setIo(null);
- toast(applied ? `已导入：${applied} 名干员未持有${dropped ? `（另有 ${dropped} 项无效，未导入）` : ''}` : '已导入：全部持有', dropped ? 'warn' : 'success');
+ toast(applied ? (dropped ? t('已导入：{applied} 名干员未持有（另有 {dropped} 项无效，未导入）', { applied, dropped }) : t('已导入：{applied} 名干员未持有', { applied }))
+ : t('已导入：全部持有'), dropped ? 'warn' : 'success');
return;
}
const res = parseImport(ioText);
- if (!res.ok) { toast(`导入失败：${res.error}`, 'error'); return; }
+ if (!res.ok) { toast(t('导入失败：{error}', { error: res.error }), 'error'); return; }
const { applied, dropped } = applyLoadoutEntries(res.entries, getChess);
// nothing survived sanitising (unknown chess, or every choice already the default): keep the current loadout
- if (!applied) { toast('导入失败：这份数据在当前版本没有可用的调配，未做任何改动', 'error'); return; }
+ if (!applied) { toast(t('导入失败：这份数据在当前版本没有可用的调配，未做任何改动'), 'error'); return; }
setIo(null);
toast(dropped
- ? `已导入 ${applied} 名干员（另有 ${dropped} 项未导入）`
- : `已导入 ${applied} 名干员的调配`, dropped ? 'warn' : 'success');
+ ? t('已导入 {applied} 名干员（另有 {dropped} 项未导入）', { applied, dropped })
+ : t('已导入 {applied} 名干员的调配', { applied }), dropped ? 'warn' : 'success');
};
// Esc closes; ←/→ browse the filtered roster (not while typing in the search field)
@@ -532,28 +534,28 @@ function LoadoutScreen({ st }) {
const [syncText, syncCls] = tab === 'ownership' ? OWN_SYNC_TEXT[st.ownSync] || OWN_SYNC_TEXT.idle
: tab === 'diy' ? DIY_SYNC_TEXT[st.diySync] || DIY_SYNC_TEXT.idle : SYNC_TEXT[st.sync] || SYNC_TEXT.idle;
- const fromText = st.from === 'briefing' ? '确认本局信息阶段结束前可调整本局配置' : '开始模拟前可调整干员携带的技能与模组，干员等级不可调整';
+ const fromText = st.from === 'briefing' ? t('确认本局信息阶段结束前可调整本局配置') : t('开始模拟前可调整干员携带的技能与模组，干员等级不可调整');
// 干员持有 is out of match: a running match keeps the list its seat had at its start
const ownLocked = inMatch && !!phase && phase !== PHASE.LOBBY;
- const ownText = ownLocked ? '干员持有是局外设置：本局按开局时的设置进行，修改将在下一局生效'
- : '局外设置，下一局生效 · 联机时只影响你自己的棋子 · 默认全部持有';
+ const ownText = ownLocked ? t('干员持有是局外设置：本局按开局时的设置进行，修改将在下一局生效')
+ : t('局外设置，下一局生效 · 联机时只影响你自己的棋子 · 默认全部持有');
const diyText = ownLocked ? t('自选编队是局外设置：本局按开局时的设置进行，修改将在下一局生效')
: t('局外设置，下一局生效 · 联机时只进入你自己的商店');
return html`<${Fragment}>
-
+
${PROF_ORDER.map((p) => html``)}
+ aria-pressed=${filters.prof === p ? 'true' : 'false'} title=${t(PROF_NAME[p])} onClick=${() => set({ prof: filters.prof === p ? null : p })}>
+ <${Img} src=${profGlyphUrl(m, p)} class="lo-chip__icon lo-profglyph" fallback=${html`${t(PROF_NAME[p])[0]}`} />${t(PROF_NAME[p])}`)}
+ onClick=${() => set({ changedOnly: !filters.changedOnly })}><${Icon} name="check" />${t('仅看已调整')}
+
${tab === 'diy'
? html`
<${Filters} m=${m} filters=${st.filters} bonds=${bonds} onFilters=${(filters) => loadoutStore.set({ filters })} />
- `;
}
diff --git a/public/js/screens/result.js b/public/js/screens/result.js
index 4d10272f..04e0b7c4 100644
--- a/public/js/screens/result.js
+++ b/public/js/screens/result.js
@@ -23,15 +23,17 @@ import { data } from '../data.js';
import { enemyIconUrl, titleIconUrl, uiUrl } from '../ui/assetUrls.js';
import { store, useStore, emptyMatch } from '../store.js';
import { audio } from '../audio.js';
+import { sentText } from '../ui/lang.js';
+import { t, tParts, N_ } from '../../../shared/i18n.js';
const cx = (...p) => p.flat().filter(Boolean).join(' ');
// The first seven present are shown (+ remaining LP = a 4×2 grid); the title (评语) stats come first.
// `gold` is the funds a player SPENT (server/match/player/economy.js spend(); the 挥金如土 title stat).
const STAT_ROWS = [
- ['dmgDealt', '造成伤害'], ['kills', '击倒敌人'], ['bossDamage', '领袖伤害'], ['activatedLayers', '盟约层数'],
- ['merges', '晋升次数'], ['itemsEquipped', '配发装备'], ['gold', '消耗资金'], ['perfectRounds', '完美作战'],
- ['refreshes', '刷新次数'], ['leaks', '未击倒'], ['lpLost', '损失生命'],
+ ['dmgDealt', N_('造成伤害')], ['kills', N_('击倒敌人')], ['bossDamage', N_('领袖伤害')], ['activatedLayers', N_('盟约层数')],
+ ['merges', N_('晋升次数')], ['itemsEquipped', N_('配发装备')], ['gold', N_('消耗资金')], ['perfectRounds', N_('完美作战')],
+ ['refreshes', N_('刷新次数')], ['leaks', N_('未击倒')], ['lpLost', N_('损失生命')],
];
/**
@@ -43,13 +45,15 @@ export function LineupThumb({ u, gd }) {
const dr = u.diy && chess ? diyRecordFor(chess, u.diy, { chess: data.get('chess'), backups: data.get('backups') }) : null;
const si = !dr && chess ? cardStandIn(chess, { unit: u, backups: gd.backups }) : null;
return html`<${UnitThumb} kind=${u.kind === 'token' ? 'token' : 'chess'} id=${u.id} golden=${!!u.golden} tier=${u.tier} size="sm" rec=${dr || si}
- title=${si ? `${si.name}（${standInForText(chess.name)}）` : undefined} />`;
+ title=${si ? t('{name}（{note}）', { name: si.name, note: standInForText(chess.name) }) : undefined} />`;
}
function PlayerCard({ p, myId, titles, best, solo = false }) {
const gd = useGameData();
- const titleRec = p.title ? titles.find((t) => t.id === p.title.id) || null : null;
- const titleName = p.title?.name || titleRec?.name || null;
+ const titleRec = p.title ? titles.find((x) => x.id === p.title.id) || null : null;
+ // (the server sends the title's Chinese name: the localized config.titles record when it is that record's)
+ const rawTitle = p.title ? (data.getRaw('config')?.titles || []).find((x) => x && x.id === p.title.id) || null : null;
+ const titleName = sentText(p.title?.name, rawTitle?.name, titleRec?.name) || titleRec?.name || null;
const stats = STAT_ROWS.filter(([k]) => Number.isFinite(p.stats[k])).slice(0, 7);
const band = p.bandId ? gd.band(p.bandId) : null;
const lineup = p.lineup.slice(0, 10);
@@ -58,28 +62,28 @@ function PlayerCard({ p, myId, titles, best, solo = false }) {
<${PlayerAvatar} player=${p} self=${p.playerId === myId} />
` : null}
- ${mins ? html`
- <${Button} variant="ghost" size="md" icon="chevronLeft" class="lo-back" onClick=${closeLoadout} aria-label="返回" title="返回 (Esc)">返回
+ <${Button} variant="ghost" size="md" icon="chevronLeft" class="lo-back" onClick=${closeLoadout} aria-label=${t('返回')} title=${t('返回 (Esc)')}>${t('返回')}
<${MicroLabel} tone="mint">${tab === 'ownership' ? 'OPERATOR ROSTER' : tab === 'diy' ? 'SELF-SELECT SQUAD' : 'OPERATOR LOADOUT'}
` : tab === 'ownership' ? html`
+ <${Img} src=${localAsset('ui/outer', 'operator_preset')} class="lo-top__icon" fallback=${html`<${Icon} name="edit" class="lo-top__icon" />`} />${t('干员调配')}
+ title=${t('标记未持有的干员：由官方指定的替补干员上场')}>${t('干员持有')}${nNotOwned ? html`${nNotOwned}` : null}
@@ -565,67 +567,68 @@ function LoadoutScreen({ st }) {
<${Button} variant="ghost" size="sm" data-testid="diy-import" disabled=${!ready} onClick=${openImport} title=${t('导入自选编队（粘贴或选择文件）')}>${t('导入')}
<${Button} variant="secondary" size="sm" icon="refresh" data-testid="diy-reset" disabled=${!nDiy} onClick=${clearDiy}>${t('全部清空')}
- ${syncText ? html`${syncText}` : null}
- 未持有 ${nNotOwned}/${ownRoster.length}
- <${Button} variant="ghost" size="sm" data-testid="ownership-export" disabled=${!nNotOwned} onClick=${openExport} title="导出干员持有（可复制或下载）">导出
- <${Button} variant="ghost" size="sm" data-testid="ownership-import" disabled=${!ready} onClick=${openImport} title="导入干员持有（粘贴或选择文件）">导入
- <${Button} variant="secondary" size="sm" icon="refresh" data-testid="ownership-reset" disabled=${!nNotOwned} onClick=${ownAll}>全部持有
+ ${syncText ? html`${t(syncText)}` : null}
+ ${t('未持有')} ${nNotOwned}/${ownRoster.length}
+ <${Button} variant="ghost" size="sm" data-testid="ownership-export" disabled=${!nNotOwned} onClick=${openExport} title=${t('导出干员持有（可复制或下载）')}>${t('导出')}
+ <${Button} variant="ghost" size="sm" data-testid="ownership-import" disabled=${!ready} onClick=${openImport} title=${t('导入干员持有（粘贴或选择文件）')}>${t('导入')}
+ <${Button} variant="secondary" size="sm" icon="refresh" data-testid="ownership-reset" disabled=${!nNotOwned} onClick=${ownAll}>${t('全部持有')}
` : html`
- ${inMatch && hasDeadline(infoDeadline) ? html`<${Countdown} deadline=${infoDeadline} size="sm" gauge=${false} label="调配截止" class="lo-deadline" />` : null}
- ${syncText ? html`${syncText}` : null}
- 已调整 ${nChanged}/${roster.length}
- <${Button} variant="ghost" size="sm" data-testid="loadout-export" disabled=${!nChanged} onClick=${openExport} title="导出当前调配（可复制或下载）">导出
- <${Button} variant="ghost" size="sm" data-testid="loadout-import" disabled=${!ready} onClick=${openImport} title="导入调配（粘贴或选择文件）">导入
- <${Button} variant="secondary" size="sm" icon="refresh" disabled=${!nChanged} onClick=${resetAll}>全部恢复默认
+ ${inMatch && hasDeadline(infoDeadline) ? html`<${Countdown} deadline=${infoDeadline} size="sm" gauge=${false} label=${t('调配截止')} class="lo-deadline" />` : null}
+ ${syncText ? html`${t(syncText)}` : null}
+ ${t('已调整')} ${nChanged}/${roster.length}
+ <${Button} variant="ghost" size="sm" data-testid="loadout-export" disabled=${!nChanged} onClick=${openExport} title=${t('导出当前调配（可复制或下载）')}>${t('导出')}
+ <${Button} variant="ghost" size="sm" data-testid="loadout-import" disabled=${!ready} onClick=${openImport} title=${t('导入调配（粘贴或选择文件）')}>${t('导入')}
+ <${Button} variant="secondary" size="sm" icon="refresh" disabled=${!nChanged} onClick=${resetAll}>${t('全部恢复默认')}
`}
<${Icon} name="info" />${diyText}
` : tab === 'ownership' ? html`<${Icon} name="info" />${ownText}
` - : html`<${Icon} name="info" />${locked ? '本局的调配已锁定（确认本局信息后无法修改），修改将在下一局生效' : fromText}
`} - ${!ready ? html`<${Spinner} size="sm" />正在载入干员数据（打开页面后仅载入一次）…
` : tab === 'diy'
+ : html`<${Icon} name="info" />${locked ? t('本局的调配已锁定（确认本局信息后无法修改），修改将在下一局生效') : fromText}
`} + ${!ready ? html`<${Spinner} size="sm" />${t('正在载入干员数据（打开页面后仅载入一次）…')}
` : tab === 'diy'
? html`<${DiyPanel} m=${m} picks=${st.diy || {}} legal=${diyLegal} kitted=${st.diyKitted} onSet=${setDiySlot} />`
: tab === 'ownership'
? html`<${OwnershipPanel} m=${m} roster=${ownRoster} notOwned=${st.notOwned} onToggle=${toggleOwned} />`
: html`
+
${io ? html`<${Modal} open=${true} onClose=${() => setIo(null)}
- title=${ioDiy ? t(io.mode === 'export' ? '导出自选编队' : '导入自选编队') : `${io.mode === 'export' ? '导出' : '导入'}${ioOwn ? '干员持有' : '干员调配'}`}
+ title=${ioDiy ? t(io.mode === 'export' ? '导出自选编队' : '导入自选编队')
+ : io.mode === 'export' ? (ioOwn ? t('导出干员持有') : t('导出干员调配')) : (ioOwn ? t('导入干员持有') : t('导入干员调配'))}
micro=${ioOwn ? 'OPERATOR ROSTER' : ioDiy ? 'SELF-SELECT SQUAD' : 'OPERATOR LOADOUT'}
actions=${io.mode === 'export'
- ? html`<${Button} variant="ghost" onClick=${() => setIo(null)}>关闭
- <${Button} variant="secondary" icon="copy" data-testid="loadout-io-copy" onClick=${ioCopy}>复制
- <${Button} variant="primary" data-testid="loadout-io-download" onClick=${ioDownload}>下载文件`
- : html`<${Button} variant="ghost" onClick=${() => setIo(null)}>取消
- <${Button} variant="secondary" data-testid="loadout-io-pick" onClick=${ioPick}>选择文件
- <${Button} variant="primary" icon="check" data-testid="loadout-io-apply" disabled=${!ioText.trim() || !ready} onClick=${ioApply}>导入`}>
+ ? html`<${Button} variant="ghost" onClick=${() => setIo(null)}>${t('关闭')}
+ <${Button} variant="secondary" icon="copy" data-testid="loadout-io-copy" onClick=${ioCopy}>${t('复制')}
+ <${Button} variant="primary" data-testid="loadout-io-download" onClick=${ioDownload}>${t('下载文件')}`
+ : html`<${Button} variant="ghost" onClick=${() => setIo(null)}>${t('取消')}
+ <${Button} variant="secondary" data-testid="loadout-io-pick" onClick=${ioPick}>${t('选择文件')}
+ <${Button} variant="primary" icon="check" data-testid="loadout-io-apply" disabled=${!ioText.trim() || !ready} onClick=${ioApply}>${t('导入')}`}>
${list.length ? list.map((c) => html`<${RosterCard} key=${c.chessId} m=${m} chess=${c} golden=${c.goldenId ? getChess(c.goldenId) : null}
- entries=${st.entries} selected=${c.chessId === selId} onPick=${pick} notOwned=${(st.notOwned || []).includes(c.chessId)} />`) : html`
没有符合条件的干员
`} + entries=${st.entries} selected=${c.chessId === selId} onPick=${pick} notOwned=${(st.notOwned || []).includes(c.chessId)} />`) : html`${t('没有符合条件的干员')}
`}
-
+
<${Detail} m=${m} chess=${base} golden=${golden} entries=${st.entries} onChange=${change} onReset=${resetOne} locked=${locked}
notOwned=${!!base && (st.notOwned || []).includes(base.chessId)} />
`}
${ioDiy ? (io.mode === 'export' ? t('共 {n} 个自选名额已选择。复制或下载这份数据，即可在别的设备或浏览器上导入。', { n: nDiy }) : t('把导出的自选编队数据粘贴到下方，或点「选择文件」。导入会覆盖当前的自选编队。')) : ioOwn ? (io.mode === 'export' - ? html`共 ${nNotOwned} 名干员未持有。复制或下载这份数据，即可在别的设备或浏览器上导入。` - : html`把导出的干员持有数据粘贴到下方，或点「选择文件」。导入会覆盖当前的干员持有设置。`) + ? html`${tParts('共 {n} 名干员未持有。复制或下载这份数据，即可在别的设备或浏览器上导入。', { n: html`${nNotOwned}`, count: nNotOwned })}` + : html`${tParts('把导出的干员持有数据粘贴到下方，或点「选择文件」。导入会{overwrite}当前的干员持有设置。', { overwrite: html`${t('覆盖')}` })}`) : io.mode === 'export' - ? html`共 ${nChanged} 名干员已调整。复制或下载这份数据，即可在别的设备或浏览器上导入。` - : html`把导出的内容粘贴到下方，或点「选择文件」。${nChanged ? html`导入会覆盖当前的 ${nChanged} 名干员调配。` : null}`}
+ ? html`${tParts('共 {n} 名干员已调整。复制或下载这份数据，即可在别的设备或浏览器上导入。', { n: html`${nChanged}`, count: nChanged })}` + : html`${t('把导出的内容粘贴到下方，或点「选择文件」。')}${nChanged ? html`${tParts('导入会{overwrite}当前的 {nChanged} 名干员调配。', { overwrite: html`${t('覆盖')}`, nChanged })}` : null}`} ` : null} @@ -675,7 +678,7 @@ export function badgeCount(entries, getChess) { * Entry button (lobby / room / briefing). * @param {{ from: 'lobby'|'room'|'briefing', size?: string, variant?: string, class?: string, label?: string }} props */ -export function LoadoutButton({ from, size = 'md', variant = 'secondary', class: cls, label = '干员调配' }) { +export function LoadoutButton({ from, size = 'md', variant = 'secondary', class: cls, label = t('干员调配') }) { useData('local'); // the official preset icon (re-render once the local-art manifest arrives) const entries = useStore((s) => s.entries, Object.is, loadoutStore); const notOwned = useStore((s) => s.notOwned, Object.is, loadoutStore); @@ -686,11 +689,11 @@ export function LoadoutButton({ from, size = 'md', variant = 'secondary', class: // 0.2.0 自选编队: how many DIY slots the player filled const nDiy = diyCount(diy); return html``; } diff --git a/public/js/screens/ownership.js b/public/js/screens/ownership.js index 4a997b95..d1ecc0e8 100644 --- a/public/js/screens/ownership.js +++ b/public/js/screens/ownership.js @@ -16,14 +16,14 @@ import { chessAvatarUrl } from '../ui/assetUrls.js'; import { data } from '../data.js'; import { PROF_NAME } from '../ui/loadoutModel.js'; import { ownershipRoster, rosterByTier, isOwned, standInSummary } from '../ui/ownershipModel.js'; -import { t } from '../../../shared/i18n.js'; +import { t, tParts } from '../../../shared/i18n.js'; const cx = (...p) => p.flat().filter(Boolean).join(' '); const ROMAN = ['', 'I', 'II', 'III', 'IV', 'V', 'VI']; /** The roster of the tab (data.list('chess'), memoised on the data being ready). */ export function useOwnershipRoster(ready) { - return useMemo(() => ownershipRoster(data.list('chess')), [ready]); + return useMemo(() => ownershipRoster(data.list('chess')), [ready, data.locale()]); } /** One chess: the operator → its stand-in, and the 持有 switch (the whole card is the switch). */ @@ -31,15 +31,15 @@ export function OwnCard({ m, chess, backups, owned, onToggle }) { const si = standInSummary(chess, backups); const skill = si?.skill; const slot = skill && Number.isInteger(skill.index) ? `S${skill.index + 1}` : ''; - const label = `${chess.name}：${owned ? '持有' : `未持有，由 ${si?.name || '替补干员'} 上场`}`; + const label = owned ? t('{name}：持有', { name: chess.name }) : t('{name}：未持有，由 {standIn} 上场', { name: chess.name, standIn: si?.name || t('替补干员') }); return html``; } @@ -67,15 +67,15 @@ export function OwnershipPanel({ m, roster, notOwned, onToggle }) {
- ${groups.length ? groups.map((g) => html`
-
+ `) : html` `) : html`
<${TierChip} tier=${g.tier} size="sm" />${ROMAN[g.tier]}阶${g.list.length}
+ ${groups.length ? groups.map((g) => html`<${TierChip} tier=${g.tier} size="sm" />${tParts('{tier}阶', { tier: html`${ROMAN[g.tier]}` })}${g.list.length}
${g.list.map((c) => html`<${OwnCard} key=${c.chessId} m=${m} chess=${c} backups=${backups} owned=${isOwned(notOwned, c.chessId)} onToggle=${onToggle} />`)}
- ${offOnly ? '全部持有：没有由替补干员上场的棋子' : '没有可下掉的干员'}
`} +${offOnly ? t('全部持有：没有由替补干员上场的棋子') : t('没有可下掉的干员')}
`}
- ${p.name}${p.isBot ? html`AI` : null}${p.playerId === myId ? html`你` : null}
+ ${p.name}${p.isBot ? html`AI` : null}${p.playerId === myId ? html`${t('你')}` : null}
${band ? html`<${BandIcon} bandId=${band.bandId} size="xs" />${band.name}` : '—'}
${lineup.length ? lineup.map((u, i) => html`<${LineupThumb} key=${i} u=${u} gd=${gd} />`)
- : html`${p.alive === false ? '阵容已撤离' : 'NO INFO'}`}
+ : html`${p.alive === false ? t('阵容已撤离') : 'NO INFO'}`}
${bonds.length ? html`${bonds.map((b) => html`
<${BondGlyph} bondId=${b.bondId} />${b.layers ?? 0}`)}
` : null}
<${MicroLabel}>ROUNDS${p.roundsPassed}
- ${p.trophies > 0 || p.reward > 0 ? html`${p.trophies > 0 ? html`<${Icon} name="crown" />+${p.trophies}` : null}${p.reward > 0 ? html`<${Icon} name="shield" />+${p.reward}` : null}` : null}
+ ${p.trophies > 0 || p.reward > 0 ? html`${p.trophies > 0 ? html`<${Icon} name="crown" />+${p.trophies}` : null}${p.reward > 0 ? html`<${Icon} name="shield" />+${p.reward}` : null}` : null}
${titleName ? html`
<${Img} src=${titleIconUrl(gd.m, titleRec?.picId || p.title?.picId || String(p.title.id || '').replace('comment_', 'comment_icon_'))} class="rcard__ticon" fallback=${html`<${Icon} name="crown" />`} />
- <${MicroLabel} tone="gold">评语${titleName}
+ <${MicroLabel} tone="gold">${t('评语')}${titleName}
` : html``}
- ${stats.map(([k, label]) => html`
`;
}
@@ -114,30 +118,30 @@ export function ResultScreen() {
${label}${fmtNum(p.stats[k])}
`)}
- ${Number.isFinite(p.lp) ? html`${p.lpShared && !solo ? '同盟剩余生命' : '剩余生命'}<${LpTower} value=${p.lp} size="sm" />
` : null}
+ ${stats.map(([k, label]) => html`${t(label)}${fmtNum(p.stats[k])}
`)}
+ ${Number.isFinite(p.lp) ? html`${p.lpShared && !solo ? t('同盟剩余生命') : t('剩余生命')}<${LpTower} value=${p.lp} size="sm" />
` : null}
<${Sprite} k="entry/season_logo_settle" class="result__logoimg" fallback=${html`<${MicroLabel} tone="mint">STRONGHOLD PROTOCOL`} />
${r.difficulty ? html`<${DifficultyTag} difficulty=${r.difficulty} size="lg" />` : null}
- ${r.victory ? '模拟完成' : '模拟失败'}
-${r.victory ? '成功卫戍 · 敌方领袖已被击败' : '防线已被突破'}
+${r.victory ? t('模拟完成') : t('模拟失败')}
+${r.victory ? t('成功卫戍 · 敌方领袖已被击败') : t('防线已被突破')}
- 通过回合
+ ${t('通过回合')}
${r.roundsPassed}
${r.roundsPassed <= r.lastRound ? html`/${r.lastRound}` : null}
${boss ? html`
` : null}
${hidden ? html`
<${Img} src=${enemyIconUrl(gd.m, boss.enemyKey)} />${r.victory ? html`<${Icon} name="check" />` : html`<${Icon} name="close" />`}
- 敌方领袖
` : null}
+ ${t('敌方领袖')}
<${Img} src=${enemyIconUrl(gd.m, hidden.enemyKey)} />${r.hiddenCleared ? html`<${Icon} name="check" />` : html`<${Icon} name="close" />`}
- 隐秘核心
` : null}
+ ${t('隐秘核心')}本局耗时 ${mins} 分钟
` : null} + ${mins ? html`${tParts('本局耗时 {n} 分钟', { n: html`${mins}`, mins })}
` : null}同盟成员<${MicroLabel}>ALLIANCE REPORT
+${t('同盟成员')}<${MicroLabel}>ALLIANCE REPORT
${r.players.length ? r.players.map((p) => html`<${PlayerCard} key=${p.playerId} p=${p} myId=${myId} titles=${titles} best=${best} solo=${r.players.length < 2} />`) - : html`暂无结算数据
`} + : html`${t('暂无结算数据')}
`}
- ${owner ? html`<${OwnerTag} owner=${owner} />` : html`<${MicroLabel}>BONDS`}${owner ? `${owner} 尚未激活盟约` : '部署干员以激活盟约'}
`;
+ ${owner ? html`<${OwnerTag} owner=${owner} />` : html`<${MicroLabel}>BONDS`}${owner ? t('{owner} 尚未激活盟约', { owner }) : t('部署干员以激活盟约')}
+ aria-label=${owner ? t('{owner} 的盟约', { owner }) : t('我的盟约')} data-owner=${owner || null}>
${owner ? html`<${OwnerTag} owner=${owner} />` : null}
${shown.map((b) => {
const rec = data.lookup('bonds', b.bondId);
@@ -64,8 +64,8 @@ export function BondStrip({ bonds, layersDisabled = false, onOpen, openId = null
class=${cx('bslot', 'is-off', openId === b.bondId && 'is-open')}>
<${BondDisc} name=${name} icon=${bondIconUrl(m, b.bondId)} tier=${0} maxTier=${Math.max(1, th.length)} active=${false}
disabled=${true} size="sm" showName=${true} layersDisabled=${layersDisabled} onClick=${() => onOpen(b.bondId)}
- title=${`${briefingBondTip(name, 'off')} · ${b.count ?? 0} 名成员`} />
- 本局禁用
+ title=${t('{tip} · {n} 名成员', { tip: briefingBondTip(name, 'off'), n: b.count ?? 0 })} />
+ ${t('本局禁用')}
`;
}
const next = nextThreshold(b.count ?? 0, th);
@@ -74,13 +74,13 @@ export function BondStrip({ bonds, layersDisabled = false, onOpen, openId = null
<${BondDisc} name=${rec?.name || b.bondId} icon=${bondIconUrl(m, b.bondId)} layers=${rec?.noStack ? undefined : b.layers ?? 0}
tier=${b.tier ?? 0} maxTier=${Math.max(1, th.length)} active=${!!b.active} size="sm" showName=${true}
layersDisabled=${layersDisabled} onClick=${() => onOpen(b.bondId)}
- title=${`${rec?.name || b.bondId} ${b.count ?? 0}/${next ?? th[th.length - 1] ?? '-'}${b.harmony > 0 ? `（含调和 +${b.harmony}）` : ''}`} />
+ title=${`${rec?.name || b.bondId} ${b.count ?? 0}/${next ?? th[th.length - 1] ?? '-'}${b.harmony > 0 ? t('（含调和 +{harmony}）', { harmony: b.harmony }) : ''}`} />
${b.count ?? 0}/${next ?? th[th.length - 1] ?? '-'}
-
+ role="dialog" aria-label=${owner ? t('{owner} 的盟约：{name}', { owner, name: b.name }) : t('盟约：{name}', { name: b.name })}>
+
- ${off ? html`
- ` : null}
-
-
<${BondGlyph} bondId=${bondId} />
- <${MicroLabel} tone="mint">${b.isCore ? 'CORE BOND // 核心盟约' : 'ADD-ON BOND // 附加盟约'}
- ${owner ? html`<${GIcon} name="eye" />${owner} 的盟约` : null}
+ <${MicroLabel} tone="mint">${b.isCore ? t('CORE BOND // 核心盟约') : t('ADD-ON BOND // 附加盟约')}
+ ${owner ? html`<${GIcon} name="eye" />${tParts('{owner} 的盟约', { owner: html`${owner}` })}` : null}
${b.name}
- ${off ? null : html`在场 ${count}${next != null ? html`/${next}` : null}${countsHand ? html`（含整备区）` : null}${harmony ? html`（含${harmonyName} +${harmony}）` : null}`}
- ${b.noStack ? html`层数不显示` : html`层数 ${layers}`}
- ${active ? `已激活${th.length > 1 ? ` · ${tier} 阶` : ''}` : off ? '本局禁用' : '未激活'}
+ ${off ? null : html`${t('在场')} ${count}${next != null ? html`/${next}` : null}${countsHand ? html`${t('（含整备区）')}` : null}${harmony ? html`${t('（含{harmonyName} +{harmony}）', { harmonyName, harmony })}` : null}`}
+ ${b.noStack ? html`${t('层数不显示')}` : html`${t('层数')} ${layers}`}
+ ${active ? (th.length > 1 ? t('已激活 · {tier} 阶', { tier }) : t('已激活')) : off ? t('本局禁用') : t('未激活')}
本模式下该盟约不会激活（其干员仍可能因所属的其他盟约出现）
` : null} + ${off ? html`${t('本模式下该盟约不会激活（其干员仍可能因所属的其他盟约出现）')}
` : null}
- ${th.map((n, i) => html`${n}${b.maxCount != null ? '名及以下' : '名'}`)}
+ ${th.map((n, i) => html`${n}${b.maxCount != null ? t('名及以下') : tc('bond-threshold', '名')}`)}
${hasNow ? html`当前效果 ${b.noStack ? null : html`（${layers} 层）`}
+${t('当前效果')} ${b.noStack ? null : html`${t('（{layers} 层）', { layers })}`}
<${RichText} as="p" text=${formatBondEffect(b, layers)} class="bpop__desc" />盟约效果
+${t('盟约效果')}
<${RichText} as="p" text=${b.descRaw || b.desc} class="bpop__desc" />成员 ${memberHeadCount(members, countsHand)}/${members.length}
+${t('成员')} ${memberHeadCount(members, countsHand)}/${members.length}
${harmony ? (harmonyBy.length ? html`` @@ -167,11 +168,11 @@ export function BondPopup({ bondId, entry, priv, banned = [], onClose, onMember, return html``; })} diff --git a/public/js/ui/choiceOverlay.js b/public/js/ui/choiceOverlay.js index 3c58a8e5..11207e84 100644 --- a/public/js/ui/choiceOverlay.js +++ b/public/js/ui/choiceOverlay.js @@ -23,6 +23,8 @@ import { itemIconUrl, enemyIconUrl, uiUrl } from './assetUrls.js'; import { richTextPlain } from './richText.js'; import { sortedPlayers } from './gameLogic.js'; import { data } from '../data.js'; +import { t, tName } from '../../../shared/i18n.js'; +import { sentText } from './lang.js'; const cx = (...p) => p.flat().filter(Boolean).join(' '); @@ -31,12 +33,14 @@ const bare = (t) => String(t || '').replace(/\s+/g, ''); /** * A card's effect text: the card's own rich text, else the data's rich text (highlighted numbers, 下场作战, set bonuses, * line breaks — the detail card's text) while it says what the server's plain `desc` says, else that plain text (a - * server-side wording the data does not have wins). + * server-side wording the data does not have wins). The server's texts are Chinese: `rawRich` is the record's Chinese + * rich text they are compared with, `rich` the same record in the current language (the two are one text in Chinese). * @param {{ descRaw?: string, desc?: string }} card @param {string} rich items.json / effects.json descRaw + * @param {string} [rawRich] its Chinese text (data.lookupRaw) */ -export function cardText(card, rich) { - if (card.descRaw) return card.descRaw; - if (rich && (!card.desc || bare(richTextPlain(rich)) === bare(card.desc))) return rich; +export function cardText(card, rich, rawRich = rich) { + if (card.descRaw) return rich && card.descRaw === rawRich ? rich : card.descRaw; + if (rich && (!card.desc || bare(richTextPlain(rawRich || rich)) === bare(card.desc))) return rich; return card.desc || rich || ''; } @@ -52,6 +56,7 @@ export function resolveSpCard(card, family) { const eff = effectId ? data.lookup('effects', effectId) : null; const itemId = card.itemId || (!effectId && typeof card.id === 'string' && data.lookup('items', card.id) ? card.id : null); const item = itemId ? data.lookup('items', itemId) : null; + const rawRich = (itemId && data.lookupRaw('items', itemId)?.descRaw) || (effectId && data.lookupRaw('effects', effectId)?.descRaw) || ''; const bounty = byEffect(choices?.cards?.bounty, effectId); const tactic = byEffect(choices?.cards?.tactic, effectId); const m = data.get('assets'); @@ -66,8 +71,8 @@ export function resolveSpCard(card, family) { else icon = uiUrl(m, `buffIcon/${team ? 'icon_team_buff' : 'icon_player_buff'}`); return { kind, - name: card.name || item?.name || eff?.name || bounty?.name || tactic?.name || '机变', - desc: cardText(card, item?.descRaw || eff?.descRaw || '') || item?.desc || eff?.desc || bounty?.desc || tactic?.desc || '', + name: tName(card.name) || item?.name || eff?.name || bounty?.name || tactic?.name || t('机变'), + desc: cardText(card, item?.descRaw || eff?.descRaw || '', rawRich) || item?.desc || eff?.desc || bounty?.desc || tactic?.desc || '', tier: Number.isFinite(card.tier) ? card.tier : item?.tier ?? bounty?.tier ?? null, icon, team: !!team, @@ -155,10 +160,11 @@ export function ChoiceOverlay(props) { export function ChoiceView({ pub, sp, myId, solo, busyIdx = null, total = null, armed = null, onTap = () => {}, onConfirm = () => {}, onDisarm = () => {} }) { if (!sp) return null; const fam = data.get('choices')?.families?.[sp.family] || null; + const rawFam = data.getRaw('choices')?.families?.[sp.family] || null; const players = new Map(sortedPlayers(pub).map((p) => [p.playerId, p])); const myTurn = solo || sp.turnPid === myId; const mine = sp.pickOf.get(myId); - const turnName = players.get(sp.turnPid)?.name || '队友'; + const turnName = players.get(sp.turnPid)?.name || t('队友'); const special = /_s$/.test(String(sp.family || '')); const order = solo ? [] : sp.order; const timed = !solo && !sp.untimed; @@ -171,25 +177,25 @@ export function ChoiceView({ pub, sp, myId, solo, busyIdx = null, total = null, if (t && typeof t.closest === 'function' && t.closest('.spcard, .spov__confirm')) return; onDisarm(); }; - return html`
+ return html`
- ${order.length ? html`
- <${MicroLabel} tone="mint">CONTINGENCY // 机变阶段
-
${sp.name || fam?.name || '机变'}<${RichText} text=${sp.desc || fam?.desc || '选择一项'} />
-${timed ? '倒计时结束后仍未选定将自动分配' : '选择一项（无时间限制）'}${mine == null && myTurn ? ' · 点击卡牌选中，再次点击确认' : ''}
+ <${MicroLabel} tone="mint">${t('CONTINGENCY // 机变阶段')} +${sentText(sp.name, rawFam?.name, fam?.name) || fam?.name || t('机变')}<${RichText} text=${sentText(sp.desc, rawFam?.desc, fam?.desc) || fam?.desc || t('选择一项')} />
+${timed ? t('倒计时结束后仍未选定将自动分配') : t('选择一项（无时间限制）')}${mine == null && myTurn ? t(' · 点击卡牌选中，再次点击确认') : ''}
- ${mine != null ? html`<${Icon} name="check" />已完成选择`
- : myTurn ? html`当前轮到你决策`
- : html`${turnName} 正在决策…<${Icon} name="hourglass" />`}
+ ${mine != null ? html`<${Icon} name="check" />${t('已完成选择')}`
+ : myTurn ? html`${t('当前轮到你决策')}`
+ : html`${t('{turnName} 正在决策…', { turnName })}<${Icon} name="hourglass" />`}
${armed != null ? html`<${Button} variant="primary" size="lg" icon="check" class="spov__confirm" data-testid="sp-confirm"
- title=${armedName ? `确认选择「${armedName}」（再次点击卡牌亦可）` : '确认选择'} onClick=${onConfirm}>确认选择` : null}
+ title=${armedName ? t('确认选择「{armedName}」（再次点击卡牌亦可）', { armedName }) : t('确认选择')} onClick=${onConfirm}>${t('确认选择')}` : null}
${timed ? html`<${Countdown} deadline=${pub?.deadline} total=${total ?? undefined} size="sm" />` : null}
+ ${order.length ? html`
${order.map((pid, i) => {
const p = players.get(pid);
const picked = sp.pickOf.has(pid);
@@ -198,7 +204,7 @@ export function ChoiceView({ pub, sp, myId, solo, busyIdx = null, total = null,
return html`
diff --git a/public/js/ui/combatHud.js b/public/js/ui/combatHud.js
index b01a731d..3646225d 100644
--- a/public/js/ui/combatHud.js
+++ b/public/js/ui/combatHud.js
@@ -13,17 +13,18 @@ import { html, Icon } from './components.js';
import { DpCounter } from './hud.js';
import { GIcon } from './gameComponents.js';
import { switcherLabel, cycleField } from './gameLogic.js';
+import { t } from '../../../shared/i18n.js';
const cx = (...p) => p.flat().filter(Boolean).join(' ');
/** Teammates' progress under the waiting pill (css/screens/game.css .chud__progress / .chud__prog). */
function ProgressList({ list }) {
if (!Array.isArray(list) || !list.length) return null;
- return html`
${i + 1}
<${PlayerAvatar} player=${p || { name: '?' }} size="sm" self=${pid === myId} />
- ${p?.name || '博士'}
+ ${p?.name || t('博士')}
${left ? html`<${Icon} name="exit" />` : picked ? html`<${Icon} name="check" />` : cur ? html`<${Icon} name="hourglass" />` : html`<${Icon} name="dots" />`}
`;
})}
@@ -210,26 +216,26 @@ export function ChoiceView({ pub, sp, myId, solo, busyIdx = null, total = null,
const can = cardPickable(sp, card, { myId, solo, busyIdx });
const busy = pickBusy(busyIdx, card, mine);
const isArmed = can && armed === card.idx;
- const takerName = taker ? (card.takenBy === myId ? '你' : taker.name) : null;
+ const takerName = taker ? (card.takenBy === myId ? t('你') : taker.name) : null;
return html``;
})}
+ return html`
${list.map((p) => html`
${p.name}
${p.done
- ? html`✓`
+ ? html`✓`
: html`${p.killed != null && p.total != null ? `${p.killed}/${p.total}` : '•••'}`}
`)}
`;
@@ -44,14 +45,14 @@ export function CombatHud({ pub, myId, watching, hud, myDone, onWatch, spectatin
return html`
<${DpCounter} dp=${hud?.dp} />
setBad(src)} />` : roman(t)}
+ return html`
+ ${img ? html` setBad(src)} />` : roman(n)}
`;
}
@@ -240,7 +240,7 @@ export function BondDisc({
: html`${glyph}`}
${stack != null ? html`${stack}` : null}
- ${disabled ? html`<${Icon} name="close" />` : null}
+ ${disabled ? html`<${Icon} name="close" />` : null}
${showName && name ? html`${name}` : null}
`;
@@ -373,7 +373,7 @@ export function Countdown({ deadline, seconds, total, warnAt = 10, label = 'COUN
// untimed phase: no timer on screen (hooks above run unconditionally, so the component may toggle freely)
if (remain == null) return null;
- return html`
- ${myDone ? html`
@@ -72,22 +73,22 @@ function ClientHud({ hud, myDone, spectating, spectator = false, client }) {
return html`<${Icon} name="hourglass" />作战结束，等待队友完成作战
` : null}
- ${spectating ? (spectator ? html`<${GIcon} name="eye" />观战中
`
- : html`<${Icon} name="close" />你已被淘汰，正在观战
`) : null}
+ ${myDone ? html`<${Icon} name="hourglass" />${t('作战结束，等待队友完成作战')}
` : null}
+ ${spectating ? (spectator ? html`<${GIcon} name="eye" />${t('观战中')}
`
+ : html`<${Icon} name="close" />${t('你已被淘汰，正在观战')}
`) : null}
${fields.length ? html`
-
${label}
-
` : null}
<${DpCounter} dp=${hud?.dp} />
`;
diff --git a/public/js/ui/components.js b/public/js/ui/components.js
index 39c4d74e..94a2469a 100644
--- a/public/js/ui/components.js
+++ b/public/js/ui/components.js
@@ -194,12 +194,12 @@ export function tierChipUrl(t) {
* @param {{ tier: number, golden?: boolean, size?: 'sm'|'md'|'lg', class?: string }} props
*/
export function TierChip({ tier, golden = false, size = 'md', class: cls }) {
- const t = Math.max(1, Math.min(6, Number(tier) | 0 || 1));
- const src = tierChipUrl(t);
+ const n = Math.max(1, Math.min(6, Number(tier) | 0 || 1));
+ const src = tierChipUrl(n);
const [bad, setBad] = useState(null);
const img = !!src && bad !== src;
- return html`
- ${img ? html`
- ${myDone && !observing ? html`
<${Icon} name="hourglass" />作战结束，等待队友完成作战
+ ${myDone && !observing ? html`<${Icon} name="hourglass" />${t('作战结束，等待队友完成作战')}
<${ProgressList} list=${client.progress} />` : null}
- ${spectating && !observing ? (spectator ? html`<${GIcon} name="eye" />观战中，可点击左侧成员头像前往查看
`
- : html`<${Icon} name="close" />你已被淘汰，可点击队友头像前往查看
`) : null}
+ ${spectating && !observing ? (spectator ? html`<${GIcon} name="eye" />${t('观战中，可点击左侧成员头像前往查看')}
`
+ : html`<${Icon} name="close" />${t('你已被淘汰，可点击队友头像前往查看')}
`) : null}
${observing && !halves ? html`
<${GIcon} name="eye" />${observing.name}
${client.onBack ? html`` : null}
+ ${t('返回战场')}` : null}
` : null}
${halves ? html`
-
+
- ${cur && cur.watch ? html`<${GIcon} name="eye" />` : null}${cur ? cur.label : '全景'}
-
+ ${cur && cur.watch ? html`<${GIcon} name="eye" />` : null}${cur ? cur.label : t('全景')}
+
${observing && client.onBack ? html`` : null}
+ ${t('返回战场')}` : null}
` : null}
+ return html`
`;
}
@@ -755,7 +755,7 @@ export function doctorNo(id) {
export function PingPill({ ms, online = true, class: cls }) {
const ok = online && Number.isFinite(ms);
const tier = !ok ? 'off' : ms < 60 ? 'low' : ms < 200 ? 'medium' : 'high';
- return html`
+ return html`
<${Icon} name=${ok ? 'signal' : 'wifiOff'} class="ping__icon" />
${ok ? Math.min(9999, Math.round(ms)) : '--'}ms
`;
diff --git a/public/js/ui/connBanner.js b/public/js/ui/connBanner.js
index dc8708a4..2b469e05 100644
--- a/public/js/ui/connBanner.js
+++ b/public/js/ui/connBanner.js
@@ -9,6 +9,7 @@ import { html, Button, Icon, useTicker } from './components.js';
import { net, CLIENT_ERR_TEXT } from '../net.js';
import { useStore, shallowEqual } from '../store.js';
import { useDocClass } from './device.js';
+import { t } from '../../../shared/i18n.js';
/** Whether the banner shows for this connection state (mirrors the early returns below). */
export function bannerVisible(conn, entered, restoring, buildStale = false) {
@@ -28,15 +29,15 @@ export function ConnectionBanner() {
if (!entered) return null;
if (conn.status === 'online' && !restoring && !buildStale) return null;
if (conn.status === 'online' && restoring) {
- return html``;
+ return html``;
}
if (conn.status === 'online' && buildStale) {
// the server has a newer build than this page: the guard reloads by itself once the match is over, the button is
// for a player who would rather do it now
return html``;
}
if (!conn.everOnline && (conn.status === 'connecting' || conn.status === 'handshaking' || conn.status === 'idle')) return null;
@@ -47,18 +48,18 @@ export function ConnectionBanner() {
// Short transitional states (a rename re-sends hello on the live socket) only show if they linger.
const transient = conn.status === 'connecting' || conn.status === 'handshaking' || (conn.status === 'connected' && !rejected);
const text = conn.status === 'reconnecting'
- ? '与服务器的连接已中断，正在重连'
- : replaced ? '该身份已在其他页面登录'
- : conn.status === 'closed' ? '连接已关闭'
- : rejected ? conn.lastError.text : '正在连接服务器';
- const action = conn.status === 'reconnecting' ? { label: '立即重连', run: () => net.retryNow() }
- : conn.status === 'closed' ? { label: replaced ? '在此页面继续' : '重新连接', run: () => net.connect() }
- : versionMismatch ? { label: '刷新页面', run: () => location.reload() }
- : rejected ? { label: '重试', run: () => net.reconnectNow() } : null;
+ ? t('与服务器的连接已中断，正在重连')
+ : replaced ? t('该身份已在其他页面登录')
+ : conn.status === 'closed' ? t('连接已关闭')
+ : rejected ? t(conn.lastError.text) : t('正在连接服务器');
+ const action = conn.status === 'reconnecting' ? { label: t('立即重连'), run: () => net.retryNow() }
+ : conn.status === 'closed' ? { label: replaced ? t('在此页面继续') : t('重新连接'), run: () => net.connect() }
+ : versionMismatch ? { label: t('刷新页面'), run: () => location.reload() }
+ : rejected ? { label: t('重试'), run: () => net.reconnectNow() } : null;
return html``;
}
diff --git a/public/js/ui/detailPanel.js b/public/js/ui/detailPanel.js
index 9446deec..18b826ef 100644
--- a/public/js/ui/detailPanel.js
+++ b/public/js/ui/detailPanel.js
@@ -41,18 +41,18 @@ import { data } from '../data.js';
import { attackRangeGrid } from '../../../shared/loadoutRecord.js';
import { SKILL_SUMMON_START_DEPLOY } from '../../../shared/constants.js';
import { moduleBadge } from './loadoutModel.js';
-import { t } from '../../../shared/i18n.js';
+import { t, tc, N_ } from '../../../shared/i18n.js';
import { audio } from '../audio.js';
const cx = (...p) => p.flat().filter(Boolean).join(' ');
-const PROF_NAME = { PIONEER: '先锋', WARRIOR: '近卫', TANK: '重装', SNIPER: '狙击', CASTER: '术师', MEDIC: '医疗', SUPPORT: '辅助', SPECIAL: '特种', TOKEN: '召唤物' };
-const SP_TYPE = { INCREASE_WITH_TIME: '自动回复', INCREASE_WHEN_ATTACK: '攻击回复', INCREASE_WHEN_TAKEN_DAMAGE: '受击回复', ON_DEPLOY: '被动' };
-const SKILL_TYPE = { MANUAL: '自动触发', AUTO: '自动触发', PASSIVE: '被动' };
+const PROF_NAME = { PIONEER: N_('先锋'), WARRIOR: N_('近卫'), TANK: N_('重装'), SNIPER: N_('狙击'), CASTER: N_('术师'), MEDIC: N_('医疗'), SUPPORT: N_('辅助'), SPECIAL: N_('特种'), TOKEN: N_('召唤物') };
+const SP_TYPE = { INCREASE_WITH_TIME: N_('自动回复'), INCREASE_WHEN_ATTACK: N_('攻击回复'), INCREASE_WHEN_TAKEN_DAMAGE: N_('受击回复'), ON_DEPLOY: N_('被动') };
+const SKILL_TYPE = { MANUAL: N_('自动触发'), AUTO: N_('自动触发'), PASSIVE: N_('被动') };
/** Fallback type icon by trigger, for a garrison record without its official `eventTypeIcon` (garrisonTypeIconKey). */
const EVENT_ICON = { IN_BATTLE: 's_icon_battle', SERVER_GAIN: 's_icon_bond', SERVER_PREP_START: 's_icon_bond', SERVER_PREP_FIN: 's_icon_bond', SERVER_CHESS_SOLD: 's_icon_gold', SERVER_PRICE: 's_icon_gold', SERVER_REFRESH_SHOP: 's_icon_gold' };
-const RANK = { NORMAL: '普通', ELITE: '精英', BOSS: '领袖' };
-const DMG = { phys: '物理', arts: '法术', heal: '治疗', true: '真实', none: '无' };
+const RANK = { NORMAL: N_('普通'), ELITE: N_('精英'), BOSS: N_('领袖') };
+const DMG = { phys: N_('物理'), arts: N_('法术'), heal: N_('治疗'), true: N_('真实'), none: N_('无') };
/** A range grid of at least this many tiles covers the field (纯烬艾雅法拉 S3 "攻击范围扩大至整个战场"): named, not drawn. */
export const FIELD_WIDE_CELLS = 400;
@@ -87,7 +87,7 @@ export function cardRangeGrid(live, rec, chess) {
/** Mini range map. */
export function RangeGrid({ grid, class: cls }) {
- if (Array.isArray(grid) && grid.length >= FIELD_WIDE_CELLS) return html`全场`;
+ if (Array.isArray(grid) && grid.length >= FIELD_WIDE_CELLS) return html`${t('全场')}`;
const box = rangeGridBox(grid);
if (!box.cells.size) return html`—`;
const cells = [];
@@ -97,7 +97,7 @@ export function RangeGrid({ grid, class: cls }) {
cells.push(html``);
}
}
- return html`
<${SevenSeg} text=${text} tone=${warn ? 'orange' : 'mint'} flicker=${warn && remain > 0} />
${label ? html`${label}` : null}
@@ -489,7 +489,7 @@ export function DialogHost() {
}, []);
const d = dialogs[0];
if (!d) return null;
- const { title = '确认', text, okText = '确认', cancelText = '取消', tone, danger, micro = 'CONFIRMATION' } = d.opts;
+ const { title = t('确认'), text, okText = t('确认'), cancelText = t('取消'), tone, danger, micro = 'CONFIRMATION' } = d.opts;
const isConfirm = d.kind === 'confirm';
// Enter confirms unless a specific button has focus (then the native click decides).
const onKey = (e) => {
@@ -670,7 +670,7 @@ export function Spinner({ size = 'md', label, tone = 'mint', class: cls }) {
- ${host ? html`<${Icon} name="crown" />` : null}
- ${self ? html`<${Icon} name="user" />` : null}
+ ${host ? html`<${Icon} name="crown" />` : null}
+ ${self ? html`<${Icon} name="user" />` : null}
${bot && !empty ? html`AI` : null}
${cells}
`;
+ return html`${cells}
`;
}
function Stat({ k, v, sub, tone = null, title }) {
@@ -140,15 +140,15 @@ export function liveStat(live, key, fallback, fmt = fmtNum) {
const d = cur - base;
sub = key === 'interval' ? `${d > 0 ? '+' : '−'}${Math.abs(d).toFixed(2)}` : `${d > 0 ? '+' : '−'}${key === 'res' || key === 'moveSpeed' ? Math.round(Math.abs(d) * 10) / 10 : fmtNum(Math.abs(d))}`;
}
- return { v: fmt(cur), tone, sub, title: base != null ? `基础 ${fmt(base)}` : undefined };
+ return { v: fmt(cur), tone, sub, title: base != null ? t('基础 {v}', { v: fmt(base) }) : undefined };
}
/** The tag of a live stats block: 实时 (battle) / 开战时 (the prep preview). */
function LiveTag({ live }) {
if (!live) return null;
const battle = live.src === 'battle';
- return html`${battle ? '实时' : '开战时'}`;
+ return html`${battle ? t('实时') : t('开战时')}`;
}
const fmtInterval = (v) => (Number.isFinite(v) && v > 0 ? `${v.toFixed(2)}s` : '—');
@@ -181,16 +181,16 @@ export function MorphPairings({ off = null, carried = null }) {
if (!rows.length) return null;
const wearer = Array.isArray(carried);
return html`
-
`;
}
@@ -207,8 +207,8 @@ export function MorphGrantLine({ item, off = null, carried = null }) {
const isOff = isOffIn(off, item.giveBondId);
const worn = grantedBonds(carried, (id) => data.lookup('items', id)).includes(item.giveBondId);
return html`搭配以下装备时，携带者视为对应盟约的成员：
--
+
- it.name).join('、')} → 【${r.name}】${r.off ? '（本局禁用）' : ''}`}> - 【${r.name}】 - ${r.items.map((it, i) => html`${i ? '、' : ''}${it.name}`)}${r.worn - ? html`${r.off ? '已搭配' : '生效中'}` : null}${r.off ? html`本局禁用` : null} + title=${`${t('{items} → 【{name}】', { items: r.items.map((it) => it.name), name: r.name })}${r.off ? t('（本局禁用）') : ''}`}> + ${t('【{name}】', { name: r.name })} + ${r.items.map((it, i) => html`${i ? tc('list', '、') : ''}${it.name}`)}${r.worn + ? html`${r.off ? t('已搭配') : t('生效中')}` : null}${r.off ? html`${t('本局禁用')}` : null} `)}
${t('搭配以下装备时，携带者视为对应盟约的成员：')}
+-
${rows.map((r) => html`
暂未生效：需与上表中的一件装备一同携带
` : null} + ${wearer && !rows.some((r) => r.worn) ? html`${t('暂未生效：需与上表中的一件装备一同携带')}
` : null}- <${Icon} name="info" />与${morph.name}一同装备时，携带者视为【${bond.name}】成员${isOff ? html`本局禁用` : null}${worn - ? html`${isOff ? '已搭配' : '生效中'}` : null} + <${Icon} name="info" />${t('与{morph}一同装备时，携带者视为【{bond}】成员', { morph: morph.name, bond: bond.name })}${isOff ? html`${t('本局禁用')}` : null}${worn + ? html`${isOff ? t('已搭配') : t('生效中')}` : null}
`; } @@ -233,7 +233,7 @@ export function BondChips({ bondIds, bonds = [], onBond = null, off = null, gran if (!ids.length) return null; const iso = new Set(Array.isArray(granted) ? granted : []); const mine = new Map((Array.isArray(bonds) ? bonds : []).filter((b) => b && typeof b.bondId === 'string').map((b) => [b.bondId, b])); - return html`
+ return html`
${ids.map((id) => {
const rec = data.lookup('bonds', id);
// a bond this mode never activates (gameLogic modeOffBonds): 本局禁用, no count or tier pips
@@ -245,21 +245,21 @@ export function BondChips({ bondIds, bonds = [], onBond = null, off = null, gran
const active = !isOff && (e ? !!e.active : tier > 0);
const next = nextThreshold(count, th);
const cap = next ?? th[th.length - 1] ?? null;
- const isoTag = iso.has(id) ? '（变形同构体）' : '';
+ const isoTag = iso.has(id) ? t('（变形同构体）') : '';
// the count holds 调和's +1 (the server's bond entry says so, DESIGN §21.26)
- const harmonyTag = !isOff && Number.isInteger(e?.harmony) && e.harmony > 0 ? `（含调和 +${e.harmony}）` : '';
+ const harmonyTag = !isOff && Number.isInteger(e?.harmony) && e.harmony > 0 ? t('（含调和 +{harmony}）', { harmony: e.harmony }) : '';
const label = isOff ? briefingBondTip(rec?.name || id, 'off')
- : `${rec?.name || id}${isoTag}：在场 ${count}${cap != null ? `/${cap}` : ''}${harmonyTag}${active ? `，已激活 ${tier} 阶` : '，未激活'}`;
+ : `${rec?.name || id}${isoTag}${cap != null ? t('：在场 {count}/{cap}', { count, cap }) : t('：在场 {count}', { count })}${harmonyTag}${active ? t('，已激活 {tier} 阶', { tier }) : t('，未激活')}`;
const body = isOff
? html`
<${BondGlyph} bondId=${id} class="dbond__icon" />
${rec?.name || id}
- ${iso.has(id) ? html`同构` : null}
- 本局禁用`
+ ${iso.has(id) ? html`${t('同构')}` : null}
+ ${t('本局禁用')}`
: html`
<${BondGlyph} bondId=${id} class="dbond__icon" />
${rec?.name || id}
- ${iso.has(id) ? html`同构` : null}
+ ${iso.has(id) ? html`${t('同构')}` : null}
0 && 'is-max')}>${count}${cap != null ? html`/${cap}` : null}
${th.length ? html`` : null}`;
const cls = cx('dbond', active && 'is-active', isOff && 'is-off', rec?.isCore && 'is-core', iso.has(id) && 'is-granted');
@@ -306,9 +306,9 @@ export function garrisonTypeIconKey(garrison) {
/** The operator's own effect (特质, garrisons.json): trigger chip + description, compact. */
function GarrisonBlock({ garrison, m }) {
- return html`
+ return html`
- 特质
+ ${t('特质')}
<${Img} src=${uiUrl(m, `garrisonTypeIcon/${garrisonTypeIconKey(garrison)}`)} class="dgarrison__icon" />
${garrison.eventTypeDesc || ''}
@@ -344,16 +344,16 @@ export function chessStatsBlock({ rec, chess, live = null }) {
`;
}
@@ -396,8 +396,8 @@ export function ChessDetail({ chess, piece, unit, snapHp, editable, onSell, bond
- <${Section} title="效果" micro="EFFECT"><${RichText} as="p" text=${item.descRaw || item.desc} class="dtext" />
- ${item.canGiveBond ? html`<${Section} title="天赋" micro="TALENT" class="dsec--morph"><${MorphPairings} off=${offBonds} />` : null}
+ <${Section} title=${t('效果')} micro="EFFECT"><${RichText} as="p" text=${item.descRaw || item.desc} class="dtext" />
+ ${item.canGiveBond ? html`<${Section} title=${t('天赋')} micro="TALENT" class="dsec--morph"><${MorphPairings} off=${offBonds} />` : null}
${!item.canGiveBond && item.giveBondId ? html`<${MorphGrantLine} item=${item} off=${offBonds} />` : null}
${item.note ? html`
<${LiveTag} live=${live} />
- <${Stat} k="生命上限" ...${st.maxHp} />
- <${Stat} k="攻击" ...${st.atk} />
- <${Stat} k="防御" ...${st.def} />
- <${Stat} k="法术抗性" ...${st.res} />
- <${Stat} k="攻击间隔" ...${st.interval} />
- <${Stat} k="阻挡数" ...${st.blockCnt} />
- <${Stat} k="部署费用" v=${s.cost ?? '—'} />
- <${Stat} k="再部署" v=${s.respawnTime != null ? `${s.respawnTime}s` : '—'} />
+ <${Stat} k=${t('生命上限')} ...${st.maxHp} />
+ <${Stat} k=${t('攻击')} ...${st.atk} />
+ <${Stat} k=${t('防御')} ...${st.def} />
+ <${Stat} k=${t('法术抗性')} ...${st.res} />
+ <${Stat} k=${t('攻击间隔')} ...${st.interval} />
+ <${Stat} k=${t('阻挡数')} ...${st.blockCnt} />
+ <${Stat} k=${t('部署费用')} v=${s.cost ?? '—'} />
+ <${Stat} k=${t('再部署')} v=${s.respawnTime != null ? `${s.respawnTime}s` : '—'} />
- 攻击范围<${RangeGrid} grid=${cardRangeGrid(live, rec, chess)} />
+ ${t('攻击范围')}<${RangeGrid} grid=${cardRangeGrid(live, rec, chess)} />
<${TierChip} tier=${c.tier} golden=${golden} size="lg" />
- ${golden ? html`精锐` : null}
- ${piece?.kind === 'token' ? html`召唤物` : null}
+ ${golden ? html`${t('精锐')}` : null}
+ ${piece?.kind === 'token' ? html`${t('召唤物')}` : null}
${si ? html`${standInLabel(si)}` : null}
${diy ? html`${t('自选')}` : null}
@@ -405,11 +405,11 @@ export function ChessDetail({ chess, piece, unit, snapHp, editable, onSell, bond
${si ? html`${standInForText(c.name)}` : html`${c.appellation || ''}`}
<${Img} src=${profIconUrl(m, body.profession)} class="dhead__prof" />
- ${PROF_NAME[body.profession] || body.profession || ''}
+ ${t(PROF_NAME[body.profession]) || body.profession || ''}
<${Img} src=${subProfIconUrl(m, body)} class="dhead__sub" />
${body.subProfessionName || ''}
- ${body.position === 'MELEE' ? '近战位' : '远程位'}
+ ${body.position === 'MELEE' ? t('近战位') : t('远程位')}
${hp ? html`${fmtNum(hp.hp)} / ${fmtNum(hp.max)}
` : null}
<${BondChips} bondIds=${bondIds} bonds=${bonds} off=${offBonds} onBond=${onBond} granted=${grantedIds} />
@@ -419,49 +419,49 @@ export function ChessDetail({ chess, piece, unit, snapHp, editable, onSell, bond
blocks.trait = body.trait?.desc ? html`<${Icon} name="info" /><${RichText} text=${traitText(body, golden, lo)} />
` : null; // (`fr` is the body the unit fights with — a stand-in's record for a 补位 chess; `chess` is only the range's fallback) blocks.stats = chessStatsBlock({ rec: fr, chess: c, live }); - blocks.skill = sk ? html`<${Section} key="skill" title="技能" micro="SKILL" class="dsec--skill"> + blocks.skill = sk ? html`<${Section} key="skill" title=${t('技能')} micro="SKILL" class="dsec--skill">
<${Img} src=${skIcon} class="dskill__icon" fallback=${html`${skSlot ? html`${skSlot}` : null}`} />
<${RichText} as="p" text=${sk.descRaw || sk.desc} class="dtext" />
` : null;
- blocks.module = golden && lo?.module ? html`<${Section} key="module" title="模组" micro="MODULE" class="dsec--module">
+ blocks.module = golden && lo?.module ? html`<${Section} key="module" title=${t('模组')} micro="MODULE" class="dsec--module">
${!lo.module.none && lo.module.typeName ? html`
<${Img} src=${moduleTypeIconUrl(data.get('local'), lo.module.typeName)} fallback=${html`${moduleBadge(lo.module)}`} />` : null}
${lo.module.name}
${lo.module.typeName ? html`${lo.module.typeName}` : null}
- ${!lo.defaultModule && !si ? html`已调配` : null}
+ ${!lo.defaultModule && !si ? html`${t('已调配')}` : null}
` : null;
// (a 变形同构体 / bond item row shows its pairing against what this operator carries: ItemRow `carried`)
- blocks.equip = piece?.kind === 'chess' ? html`<${Section} key="equip" title="装备" micro=${`EQUIP ${items.length}/2`} class="dsec--equip">
- ${items.length ? items.map((it) => html`<${ItemRow} key=${it.uid} itemId=${it.id} carried=${items} off=${offBonds} />`) : html`拖拽装备至该干员以配发（最多 2 件）
`} + blocks.equip = piece?.kind === 'chess' ? html`<${Section} key="equip" title=${t('装备')} micro=${`EQUIP ${items.length}/2`} class="dsec--equip"> + ${items.length ? items.map((it) => html`<${ItemRow} key=${it.uid} itemId=${it.id} carried=${items} off=${offBonds} />`) : html`${t('拖拽装备至该干员以配发（最多 2 件）')}
`} ` // no own piece (a teammate's unit, a bond popup's 变形同构体 row): what it carries, read-only - : !piece && carried.length ? html`<${Section} key="equip" title="装备" micro=${`EQUIP ${carried.length}/2`} class="dsec--equip"> + : !piece && carried.length ? html`<${Section} key="equip" title=${t('装备')} micro=${`EQUIP ${carried.length}/2`} class="dsec--equip"> ${carried.map((id, i) => html`<${ItemRow} key=${`${i}:${id}`} itemId=${id} carried=${carried} off=${offBonds} />`)} ` : null; const talents = chessTalents(fr); - blocks.talents = talents.length ? html`<${Section} key="talents" title="天赋" micro="TALENT" class="dsec--talent"> + blocks.talents = talents.length ? html`<${Section} key="talents" title=${t('天赋')} micro="TALENT" class="dsec--talent"> ${talents.map((t, i) => html`${t.name}<${RichText} text=${t.descRaw || t.desc} class="dtext" />
`)}
` : null;
blocks.actions = piece && editable && piece.kind !== 'item' ? html`
- <${Button} variant="amber" icon="close" class="dpanel__sell" onClick=${() => onSell(piece, si || c)}>出售+${sell}
+ <${Button} variant="amber" icon="close" class="dpanel__sell" onClick=${() => onSell(piece, si || c)}>${t('出售')}+${sell}
` : null;
const out = CHESS_SECTIONS.map((k) => blocks[k]).filter(Boolean);
// a merge-completing shop / reward card: where the elite goes (shopBar mergeHint), right under the header
- if (hint) out.splice(1, 0, html`<${Icon} name="info" />可晋升：${hint}
`); + if (hint) out.splice(1, 0, html`<${Icon} name="info" />${t('可晋升：{hint}', { hint })}
`); return out; } @@ -478,21 +478,21 @@ export function ItemDetail({ item, piece, editable, onDestroy, offBonds = null }<${Img} src=${itemIconUrl(m, item)} fallback=${html`<${GIcon} name="bolt" />`} />
-
<${TierChip} tier=${item.tier} golden=${item.isGolden} size="lg" />${item.isGolden ? html`进阶` : null}
- ${item.itemType === 'MAGIC' ? '奇术' : '装备'}
+ <${TierChip} tier=${item.tier} golden=${item.isGolden} size="lg" />${item.isGolden ? html`${t('进阶')}` : null}
+ ${item.itemType === 'MAGIC' ? t('奇术') : t('装备')}
${item.name}
${item.flavor ? html`${item.flavor}` : null}<${Icon} name="info" />${item.note}
` : null} ${item.itemType === 'MAGIC' - ? html`<${Icon} name="info" />将其拖拽至战场上的格子使用
` - : html`<${Icon} name="info" />拖拽至干员身上进行配发（每名干员最多 2 件，配发后无法取下）${item.mergeable ? '；2 件相同装备自动合成进阶装备' : ''}
`} - ${item.shopExcluded ? html`<${Icon} name="info" />调度中心不出售 · 获取途径：${item.shopExcludedBy || '效果获得'}
` : null} - ${piece && editable ? html`<${Button} variant="danger" onClick=${() => onDestroy(piece, item)}>销毁道具
` : null}`;
+ ? html`<${Icon} name="info" />${t('将其拖拽至战场上的格子使用')}
` + : html`<${Icon} name="info" />${t('拖拽至干员身上进行配发（每名干员最多 2 件，配发后无法取下）')}${item.mergeable ? t('；2 件相同装备自动合成进阶装备') : ''}
`} + ${item.shopExcluded ? html`<${Icon} name="info" />${t('调度中心不出售 · 获取途径：{source}', { source: item.shopExcludedBy || t('效果获得') })}
` : null} + ${piece && editable ? html`<${Button} variant="danger" onClick=${() => onDestroy(piece, item)}>${t('销毁道具')}
` : null}`;
}
function EnemyDetail({ enemy, snapHp, count, live = null }) {
@@ -500,7 +500,7 @@ function EnemyDetail({ enemy, snapHp, count, live = null }) {
const s = enemy.stats || {};
const types = Array.isArray(enemy.acTypes) ? enemy.acTypes : enemy.acType ? [enemy.acType] : [];
const factions = data.get('factions')?.types || {};
- const imm = Object.entries(s.immunities || {}).filter(([, v]) => v).map(([k]) => ({ stun: '晕眩', silence: '沉默', sleep: '沉睡', frozen: '冻结', levitate: '浮空' }[k] || k));
+ const imm = Object.entries(s.immunities || {}).filter(([, v]) => v).map(([k]) => ({ stun: t('晕眩'), silence: t('沉默'), sleep: t('沉睡'), frozen: t('冻结'), levitate: t('浮空') }[k] || k));
const interval = attackInterval(s.bat, s.aspd);
const hp = hpOf(live, snapHp);
// a battle enemy: its live stats against its spawned ones (the round's multipliers included — unitStatsEntry base)
@@ -516,8 +516,8 @@ function EnemyDetail({ enemy, snapHp, count, live = null }) {
- ${RANK[enemy.rank] || '普通'}
- ${s.motion === 'FLY' ? '空中' : '地面'}
+ ${t(RANK[enemy.rank]) || t('普通')}
+ ${s.motion === 'FLY' ? t('空中') : t('地面')}
${count ? html`×${count}` : null}
${enemy.name}
@@ -527,19 +527,19 @@ function EnemyDetail({ enemy, snapHp, count, live = null }) {
<${LiveTag} live=${live} />
- <${Stat} k="生命上限" ...${st.maxHp} />
- <${Stat} k="攻击" ...${st.atk} sub=${st.atk.sub || DMG[s.dmgType] || ''} />
- <${Stat} k="防御" ...${st.def} />
- <${Stat} k="法术抗性" ...${st.res} />
- <${Stat} k="移动速度" ...${st.moveSpeed} />
- <${Stat} k="攻击间隔" ...${st.interval} />
- <${Stat} k="攻击范围" v=${s.rangeRadius > 0 ? s.rangeRadius : '近战'} />
- <${Stat} k="目标价值" v=${s.lpr ?? 1} />
+ <${Stat} k=${t('生命上限')} ...${st.maxHp} />
+ <${Stat} k=${t('攻击')} ...${st.atk} sub=${st.atk.sub || t(DMG[s.dmgType]) || ''} />
+ <${Stat} k=${t('防御')} ...${st.def} />
+ <${Stat} k=${t('法术抗性')} ...${st.res} />
+ <${Stat} k=${t('移动速度')} ...${st.moveSpeed} />
+ <${Stat} k=${t('攻击间隔')} ...${st.interval} />
+ <${Stat} k=${t('攻击范围')} v=${s.rangeRadius > 0 ? s.rangeRadius : t('近战')} />
+ <${Stat} k=${t('目标价值')} v=${s.lpr ?? 1} />
- ${imm.length ? html`<${Icon} name="shield" />免疫：${imm.join('、')}
` : null} - ${Array.isArray(enemy.abilities) && enemy.abilities.length ? html`<${Section} title="能力" micro="ABILITIES"> + ${imm.length ? html`<${Icon} name="shield" />${t('免疫：{list}', { list: imm })}
` : null} + ${Array.isArray(enemy.abilities) && enemy.abilities.length ? html`<${Section} title=${t('能力')} micro="ABILITIES">- ${abilityRows(enemy.abilities, !!live?.silenced).map((a, i) => html`
- <${RichText} text=${a.text} /> `)}
<${Img} src=${tokenAvatarUrl(m, token.tokenId)} fallback=${html`<${GIcon} name="target" />`} />
-
召唤物${piece?.count > 1 ? html`×${piece.count}` : null}
+ ${t('召唤物')}${piece?.count > 1 ? html`×${piece.count}` : null}
${token.name}
${hp ? html`${fmtNum(hp.hp)} / ${fmtNum(hp.max)}
` : null}
<${LiveTag} live=${live} />
- <${Stat} k="生命上限" ...${st.maxHp} /><${Stat} k="攻击" ...${st.atk} />
- <${Stat} k="防御" ...${st.def} /><${Stat} k="阻挡数" ...${st.blockCnt} />
+ <${Stat} k=${t('生命上限')} ...${st.maxHp} /><${Stat} k=${t('攻击')} ...${st.atk} />
+ <${Stat} k=${t('防御')} ...${st.def} /><${Stat} k=${t('阻挡数')} ...${st.blockCnt} />
${hint ? html`<${Icon} name="info" />${hint}
` : null} - ${token.descRaw || token.desc ? html`<${Section} title="说明"><${RichText} as="p" text=${token.descRaw || token.desc} class="dtext" />` : null} - ${skill ? html`<${Section} title="技能">${skill.name} ${skill.desc}
` : null} - ${talents.length ? html`<${Section} title="天赋">${talents.map((t, i) => html`${t.name} ${t.desc}
`)}` : null}`; + ${token.descRaw || token.desc ? html`<${Section} title=${t('说明')}><${RichText} as="p" text=${token.descRaw || token.desc} class="dtext" />` : null} + ${skill ? html`<${Section} title=${t('技能')}>${skill.name} ${skill.desc}
` : null} + ${talents.length ? html`<${Section} title=${t('天赋')}>${talents.map((t, i) => html`${t.name} ${t.desc}
`)}` : null}`; } /** @@ -741,18 +741,18 @@ export function DetailPanel({ detail, editable, snapHp, onClose, onSell, onDestr const sellIt = async (piece, chess) => { const golden = piece.golden || chess?.isGolden; if (golden) { - const ok = await confirmDialog({ title: '出售精锐干员', text: `确定要出售精锐干员「${chess?.name || ''}」吗？出售后获得 ${chess?.sellPrice ?? 1} 资金。`, okText: '出售', danger: true }); + const ok = await confirmDialog({ title: t('出售精锐干员'), text: t('确定要出售精锐干员「{name}」吗？出售后获得 {price} 资金。', { name: chess?.name || '', price: chess?.sellPrice ?? 1 }), okText: t('出售'), danger: true }); if (!ok) return; } onSell(piece); }; const destroyIt = async (piece, item) => { - const ok = await confirmDialog({ title: '销毁道具', text: `道具无法出售。确定要销毁「${item?.name || ''}」吗？`, okText: '销毁', danger: true }); + const ok = await confirmDialog({ title: t('销毁道具'), text: t('道具无法出售。确定要销毁「{name}」吗？', { name: item?.name || '' }), okText: t('销毁'), danger: true }); if (ok) onDestroy(piece); }; - return html`