feat(i18n): integrate i18next for internationalization support and add initial translation setup

This commit is contained in:
kever
2026-02-17 00:11:42 +08:00
parent dc73f6f6af
commit 9395f9d3af
8 changed files with 1081 additions and 445 deletions

View File

@@ -8,6 +8,7 @@ import {
Divider,
InputNumber,
Layout,
Modal,
Pagination,
Row,
Select,
@@ -18,68 +19,27 @@ import {
import {AppstoreOutlined, FilterOutlined, ReloadOutlined, UserOutlined} from '@ant-design/icons';
import * as App from '../../wailsjs/go/service/App';
import {useMessage} from '../utils/useMessage';
import {
BonusStats,
Filters,
MainStatKey,
RawHero,
RawItem,
SetFilters,
StatKey,
emptyBonusStats,
emptyFilters,
emptySetFilters,
isFourPieceSet,
isTwoPieceSet,
} from '../utils/optimizer';
import './optimizer.css';
const {Content} = Layout;
type RawItem = {
id?: string | number;
gear?: string;
set?: string;
main?: { type?: string; value?: number };
substats?: Array<{ type?: string; value?: number }>;
};
type RawHero = {
id?: string | number;
name?: string;
atk?: number;
def?: number;
hp?: number;
spd?: number;
cr?: number;
cd?: number;
eff?: number;
res?: number;
baseAtk?: number;
baseDef?: number;
baseHp?: number;
baseSpd?: number;
baseCr?: number;
baseCd?: number;
baseEff?: number;
baseRes?: number;
};
type StatKey = 'atk' | 'def' | 'hp' | 'spd' | 'cr' | 'cd' | 'acc' | 'res';
type StatRange = { min?: number; max?: number };
type Filters = Record<StatKey, StatRange>;
type MainStatKey =
| 'Attack'
| 'Defense'
| 'Health'
| 'AttackPercent'
| 'DefensePercent'
| 'HealthPercent'
| 'Speed'
| 'CriticalHitChancePercent'
| 'CriticalHitDamagePercent'
| 'EffectivenessPercent'
| 'EffectResistancePercent';
type ItemStats = {
atk: number;
def: number;
hp: number;
spd: number;
cr: number;
cd: number;
acc: number;
res: number;
atkPct: number;
defPct: number;
hpPct: number;
};
const MAX_ITEMS_PER_SLOT = 150;
const MAX_COMBOS = 200000;
const MAX_RESULTS = 200;
const GEAR_SLOTS = ['Weapon', 'Helmet', 'Armor', 'Necklace', 'Ring', 'Boots'] as const;
type BuildResult = {
key: string;
@@ -96,290 +56,39 @@ type BuildResult = {
items: RawItem[];
};
const STAT_LABELS: Array<{ key: StatKey; label: string }> = [
{key: 'atk', label: '攻击'},
{key: 'def', label: '防御'},
{key: 'hp', label: '生命'},
{key: 'spd', label: '速度'},
{key: 'cr', label: '暴击'},
{key: 'cd', label: '爆伤'},
{key: 'acc', label: '命中'},
{key: 'res', label: '抵抗'},
const STAT_LABELS: Array<{key: StatKey; label: string}> = [
{key: 'atk', label: '\u653b\u51fb'},
{key: 'def', label: '\u9632\u5fa1'},
{key: 'hp', label: '\u751f\u547d'},
{key: 'spd', label: '\u901f\u5ea6'},
{key: 'cr', label: '\u66b4\u51fb'},
{key: 'cd', label: '\u7206\u4f24'},
{key: 'acc', label: '\u547d\u4e2d'},
{key: 'res', label: '\u62b5\u6297'},
];
const GEAR_SLOTS = ['Weapon', 'Helmet', 'Armor', 'Necklace', 'Ring', 'Boots'];
const MAX_ITEMS_PER_SLOT = 8;
const MAX_RESULTS = 200;
const MAX_COMBOS = 200000;
const FOUR_PIECE_SETS = new Set([
'AttackSet',
'SpeedSet',
'DestructionSet',
'LifestealSet',
'ProtectionSet',
'CounterSet',
'RageSet',
'RevengeSet',
'InjurySet',
'ReversalSet',
'RiposteSet',
'WarfareSet',
]);
const TWO_PIECE_SETS = new Set([
'HealthSet',
'DefenseSet',
'CriticalSet',
'HitSet',
'ResistSet',
'UnitySet',
'ImmunitySet',
'PenetrationSet',
'TorrentSet',
'PursuitSet',
]);
type SetFilters = {
set1: string[];
set2: string[];
set3: string[];
};
const emptyFilters: Filters = {
atk: {},
def: {},
hp: {},
spd: {},
cr: {},
cd: {},
acc: {},
res: {},
};
const emptySetFilters: SetFilters = {
set1: [],
set2: [],
set3: [],
};
const toNumber = (value: any) => {
if (typeof value !== 'number' || Number.isNaN(value)) return 0;
return value;
};
const buildItemStats = (item: RawItem): ItemStats => {
const stats: ItemStats = {
atk: 0,
def: 0,
hp: 0,
spd: 0,
cr: 0,
cd: 0,
acc: 0,
res: 0,
atkPct: 0,
defPct: 0,
hpPct: 0,
};
const applyStat = (type?: string, value?: number) => {
if (!type) return;
const v = toNumber(value);
switch (type) {
case 'Attack':
stats.atk += v;
break;
case 'Defense':
stats.def += v;
break;
case 'Health':
stats.hp += v;
break;
case 'Speed':
stats.spd += v;
break;
case 'CriticalHitChancePercent':
stats.cr += v;
break;
case 'CriticalHitDamagePercent':
stats.cd += v;
break;
case 'EffectivenessPercent':
stats.acc += v;
break;
case 'EffectResistancePercent':
stats.res += v;
break;
case 'AttackPercent':
stats.atkPct += v;
break;
case 'DefensePercent':
stats.defPct += v;
break;
case 'HealthPercent':
stats.hpPct += v;
break;
default:
break;
}
};
if (item.main) {
applyStat(item.main.type, item.main.value);
}
if (Array.isArray(item.substats)) {
item.substats.forEach(sub => applyStat(sub.type, sub.value));
}
return stats;
};
const buildBaseStats = (hero?: RawHero) => {
return {
atk: toNumber(hero?.baseAtk ?? hero?.atk),
def: toNumber(hero?.baseDef ?? hero?.def),
hp: toNumber(hero?.baseHp ?? hero?.hp),
spd: toNumber(hero?.baseSpd ?? hero?.spd),
cr: toNumber(hero?.baseCr ?? hero?.cr),
cd: toNumber(hero?.baseCd ?? hero?.cd),
acc: toNumber(hero?.baseEff ?? hero?.eff),
res: toNumber(hero?.baseRes ?? hero?.res),
};
};
const getHeroStatValue = (hero: RawHero | null, key: StatKey) => {
if (!hero) return 0;
if (key === 'acc') return toNumber(hero.eff);
return toNumber((hero as any)[key]);
};
const scoreStats = (stats: ItemStats, baseStats: ReturnType<typeof buildBaseStats>) => {
const atk = stats.atk + baseStats.atk * (stats.atkPct / 100);
const def = stats.def + baseStats.def * (stats.defPct / 100);
const hp = stats.hp + baseStats.hp * (stats.hpPct / 100);
return (
stats.spd * 2 +
stats.cr +
stats.cd +
stats.acc +
stats.res +
(atk + def + hp) / 100
);
};
const buildTotalStats = (statsList: ItemStats[], baseStats: ReturnType<typeof buildBaseStats>) => {
const totals: ItemStats = {
atk: 0,
def: 0,
hp: 0,
spd: 0,
cr: 0,
cd: 0,
acc: 0,
res: 0,
atkPct: 0,
defPct: 0,
hpPct: 0,
};
statsList.forEach(stats => {
totals.atk += stats.atk;
totals.def += stats.def;
totals.hp += stats.hp;
totals.spd += stats.spd;
totals.cr += stats.cr;
totals.cd += stats.cd;
totals.acc += stats.acc;
totals.res += stats.res;
totals.atkPct += stats.atkPct;
totals.defPct += stats.defPct;
totals.hpPct += stats.hpPct;
});
return {
atk: totals.atk + baseStats.atk + baseStats.atk * (totals.atkPct / 100),
def: totals.def + baseStats.def + baseStats.def * (totals.defPct / 100),
hp: totals.hp + baseStats.hp + baseStats.hp * (totals.hpPct / 100),
spd: totals.spd + baseStats.spd,
cr: totals.cr + baseStats.cr,
cd: totals.cd + baseStats.cd,
acc: totals.acc + baseStats.acc,
res: totals.res + baseStats.res,
};
};
const passesFilters = (totals: ReturnType<typeof buildTotalStats>, filters: Filters) => {
return STAT_LABELS.every(stat => {
const value = totals[stat.key];
const range = filters[stat.key];
if (range.min !== undefined && value < range.min) return false;
if (range.max !== undefined && value > range.max) return false;
return true;
});
};
const isFourPieceSet = (setName: string) => FOUR_PIECE_SETS.has(setName);
const isTwoPieceSet = (setName: string) => TWO_PIECE_SETS.has(setName);
const getCompletedSets = (items: RawItem[]) => {
const counts = new Map<string, number>();
items.forEach(item => {
if (!item.set) return;
counts.set(item.set, (counts.get(item.set) || 0) + 1);
});
const completed: string[] = [];
counts.forEach((count, setName) => {
if (FOUR_PIECE_SETS.has(setName) && count >= 4) {
completed.push(setName);
return;
}
if (TWO_PIECE_SETS.has(setName) && count >= 2) {
const stacks = Math.floor(count / 2);
for (let i = 0; i < stacks; i += 1) {
completed.push(setName);
}
}
});
return completed;
};
const passesSetFilter = (items: RawItem[], setFilters: SetFilters) => {
if (setFilters.set1.length === 0 && setFilters.set2.length === 0 && setFilters.set3.length === 0) {
return true;
switch (key) {
case 'atk':
return hero.atk ?? hero.baseAtk ?? 0;
case 'def':
return hero.def ?? hero.baseDef ?? 0;
case 'hp':
return hero.hp ?? hero.baseHp ?? 0;
case 'spd':
return hero.spd ?? hero.baseSpd ?? 0;
case 'cr':
return hero.cr ?? hero.baseCr ?? 0;
case 'cd':
return hero.cd ?? hero.baseCd ?? 0;
case 'acc':
return hero.eff ?? hero.baseEff ?? 0;
case 'res':
return hero.res ?? hero.baseRes ?? 0;
default:
return 0;
}
const counts = new Map<string, number>();
items.forEach(item => {
if (!item.set) return;
counts.set(item.set, (counts.get(item.set) || 0) + 1);
});
const hasAnyMatch = (sets: string[], required: number) => {
if (sets.length === 0) return true;
return sets.some(setName => (counts.get(setName) || 0) >= required);
};
const set1HasFour = setFilters.set1.some(isFourPieceSet);
const set1HasTwo = setFilters.set1.some(isTwoPieceSet);
if (set1HasFour && !set1HasTwo) {
if (!hasAnyMatch(setFilters.set1, 4)) return false;
if (!hasAnyMatch(setFilters.set2, 2)) return false;
return true;
}
if (set1HasTwo) {
if (!hasAnyMatch(setFilters.set1, 2)) return false;
if (!hasAnyMatch(setFilters.set2, 2)) return false;
if (!hasAnyMatch(setFilters.set3, 2)) return false;
return true;
}
return true;
};
export default function OptimizerPage() {
@@ -408,6 +117,9 @@ export default function OptimizerPage() {
const [selectedResult, setSelectedResult] = useState<BuildResult | null>(null);
const [totalCombos, setTotalCombos] = useState(0);
const {success, error, info} = useMessage();
const [bonusByHeroId, setBonusByHeroId] = useState<Record<string, BonusStats>>({});
const [bonusEditorOpen, setBonusEditorOpen] = useState(false);
const [bonusDraft, setBonusDraft] = useState<BonusStats>(emptyBonusStats);
const leftPanelsRef = useRef<HTMLDivElement | null>(null);
const [leftPanelsHeight, setLeftPanelsHeight] = useState<number | null>(null);
@@ -423,24 +135,75 @@ export default function OptimizerPage() {
const filterCardRef = useRef<HTMLDivElement | null>(null);
const rightPanelRef = useRef<HTMLDivElement | null>(null);
const setPickerOptions = [
const INGAME_SET_MAP: Record<string, string> = {
set_acc: 'HitSet',
set_att: 'AttackSet',
set_coop: 'UnitySet',
set_counter: 'CounterSet',
set_cri_dmg: 'DestructionSet',
set_cri: 'CriticalSet',
set_def: 'DefenseSet',
set_immune: 'ImmunitySet',
set_max_hp: 'HealthSet',
set_penetrate: 'PenetrationSet',
set_rage: 'RageSet',
set_res: 'ResistSet',
set_revenge: 'RevengeSet',
set_scar: 'InjurySet',
set_speed: 'SpeedSet',
set_vampire: 'LifestealSet',
set_shield: 'ProtectionSet',
set_torrent: 'TorrentSet',
set_revenant: 'ReversalSet',
set_riposte: 'RiposteSet',
set_chase: 'PursuitSet',
set_opener: 'WarfareSet',
};
const setPickerOptions = [
{key: 'All', label: '全部', setKey: ''},
{key: 'AttackSet', label: '攻击套装', setKey: 'AttackSet'},
{key: 'DefenseSet', label: '防御套装', setKey: 'DefenseSet'},
{key: 'HealthSet', label: '生命套装', setKey: 'HealthSet'},
{key: 'HealthSet', label: '生命套装', setKey: 'HealthSet'},
{key: 'SpeedSet', label: '速度套装', setKey: 'SpeedSet'},
{key: 'CriticalSet', label: '暴击套装', setKey: 'CriticalSet'},
{key: 'HitSet', label: '命中套装', setKey: 'HitSet'},
{key: 'ResistSet', label: '抵抗套装', setKey: 'ResistSet'},
{key: 'LifestealSet', label: '吸血套装', setKey: 'LifestealSet'},
{key: 'UnitySet', label: '夹攻套装', setKey: 'UnitySet'},
{key: 'RageSet', label: '愤怒套装', setKey: 'RageSet'},
{key: 'RevengeSet', label: '憨恨套装', setKey: 'RevengeSet'},
{key: 'DestructionSet', label: '破灭套装', setKey: 'DestructionSet'},
{key: 'CounterSet', label: '反击套装', setKey: 'CounterSet'},
{key: 'ImmunitySet', label: '免疫套装', setKey: 'ImmunitySet'},
{key: 'PenetrationSet', label: '穿透套装', setKey: 'PenetrationSet'},
{key: 'RevengeSet', label: '复仇套装', setKey: 'RevengeSet'},
{key: 'InjurySet', label: '伤口套装', setKey: 'InjurySet'},
{key: 'ProtectionSet', label: '守护套装', setKey: 'ProtectionSet'},
{key: 'TorrentSet', label: '激流套装', setKey: 'TorrentSet'},
{key: 'ReversalSet', label: '逆袭套装', setKey: 'ReversalSet'},
{key: 'RiposteSet', label: '回击套装', setKey: 'RiposteSet'},
{key: 'WarfareSet', label: '开战套装', setKey: 'WarfareSet'},
{key: 'PursuitSet', label: '追击套装', setKey: 'PursuitSet'},
];
const setPickerRows = Math.ceil(setPickerOptions.length / 2);
const setPickerListHeight = 28 + setPickerRows * 46 + Math.max(0, setPickerRows - 1) * 8;
const setCounts = useMemo(() => {
const counts: Record<string, number> = {};
let total = 0;
parsedItems.forEach(item => {
const setKey = item.set || (item.f ? INGAME_SET_MAP[item.f as string] : undefined);
if (!setKey) return;
counts[setKey] = (counts[setKey] || 0) + 1;
total += 1;
});
counts[''] = total;
return counts;
}, [parsedItems]);
const getSetLabel = (values: string[]) => {
const key = values[0];
if (!key) return '套装';
@@ -450,7 +213,7 @@ export default function OptimizerPage() {
const openSetPicker = (target: 'set1' | 'set2' | 'set3', event: React.MouseEvent<HTMLElement>) => {
const modalWidth = 520;
const modalHeight = 520;
const modalHeight = Math.min(window.innerHeight - 20, setPickerListHeight);
const offset = 0;
let left = 0;
let top = 0;
@@ -571,18 +334,44 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
return parsedHeroes.find(hero => hero.id === selectedHeroId) || null;
}, [parsedHeroes, selectedHeroId]);
const selectedHeroKey = selectedHeroId == null ? '' : String(selectedHeroId);
const selectedHeroBonus = bonusByHeroId[selectedHeroKey] || emptyBonusStats;
const loadLatestData = async () => {
setLoading(true);
try {
const parsed = await App.GetLatestParsedDataFromDatabase();
const [parsed, templates] = await Promise.all([
App.GetLatestParsedDataFromDatabase(),
App.GetHeroTemplates(),
]);
const items = (parsed?.items || []) as RawItem[];
const heroes = (parsed?.heroes || []) as RawHero[];
const heroTemplates = (templates || []).map(t => ({
id: t.code,
code: t.code,
name: t.name,
baseAtk: t.baseAtk,
baseDef: t.baseDef,
baseHp: t.baseHp,
baseSpd: t.baseSpd,
baseCr: t.baseCr,
baseCd: t.baseCd,
baseEff: t.baseEff,
baseRes: t.baseRes,
atk: t.baseAtk,
def: t.baseDef,
hp: t.baseHp,
spd: t.baseSpd,
cr: t.baseCr,
cd: t.baseCd,
eff: t.baseEff,
res: t.baseRes,
})) as RawHero[];
setParsedItems(items);
setParsedHeroes(heroes);
if (heroes.length > 0) {
setSelectedHeroId(heroes[0].id || '');
setParsedHeroes(heroTemplates);
if (heroTemplates.length > 0) {
setSelectedHeroId(heroTemplates[0].id || '');
}
if (items.length === 0 && heroes.length === 0) {
if (items.length === 0 && heroTemplates.length === 0) {
info('暂无解析数据');
} else {
success('数据加载成功');
@@ -650,108 +439,51 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
setTotalCombos(0);
};
const buildResults = () => {
const buildResults = async () => {
console.log('OptimizerPage buildResults clicked');
if (!selectedHero) {
info('请先选择英雄');
info('\u8bf7\u5148\u9009\u62e9\u82f1\u96c4');
return;
}
if (parsedItems.length === 0) {
info('暂无装备数据');
info('\u6682\u65e0\u88c5\u5907\u6570\u636e');
return;
}
const baseStats = buildBaseStats(selectedHero);
const items = parsedItems;
const itemsByGear = new Map<string, RawItem[]>();
GEAR_SLOTS.forEach(slot => itemsByGear.set(slot, []));
items.forEach(item => {
if (item.gear && itemsByGear.has(item.gear)) {
itemsByGear.get(item.gear)!.push(item);
}
});
const statsCache = new Map<RawItem, ItemStats>();
const topItemsByGear: RawItem[][] = [];
for (const slot of GEAR_SLOTS) {
const slotItems = itemsByGear.get(slot) || [];
const scored = slotItems.map(item => {
const stats = buildItemStats(item);
statsCache.set(item, stats);
return {
item,
score: scoreStats(stats, baseStats),
};
try {
console.log('OptimizeBuilds calling', {
heroId: String(selectedHero.id ?? ''),
setFilters,
statFilters,
mainStatFilters,
weightValues,
bonusStats: selectedHeroBonus,
});
scored.sort((a, b) => b.score - a.score);
topItemsByGear.push(scored.slice(0, MAX_ITEMS_PER_SLOT).map(x => x.item));
}
const combos = topItemsByGear.reduce((acc, list) => acc * Math.max(list.length, 1), 1);
setTotalCombos(combos);
const resultsBuffer: BuildResult[] = [];
let comboCount = 0;
const [weapons, helmets, armors, necklaces, rings, boots] = topItemsByGear;
for (const w of weapons) {
for (const h of helmets) {
for (const a of armors) {
for (const n of necklaces) {
for (const r of rings) {
for (const b of boots) {
comboCount += 1;
if (comboCount > MAX_COMBOS) break;
const itemsList = [w, h, a, n, r, b];
if (!passesSetFilter(itemsList, setFilters)) continue;
const statsList = itemsList.map(item => statsCache.get(item) || buildItemStats(item));
const totals = buildTotalStats(statsList, baseStats);
if (!passesFilters(totals, statFilters)) continue;
const completedSets = getCompletedSets(itemsList);
const setNames = completedSets.length > 0 ? completedSets.join('/') : '无套装';
const score =
totals.spd * 2 +
totals.cr +
totals.cd +
totals.acc +
totals.res +
(totals.atk + totals.def + totals.hp) / 100;
resultsBuffer.push({
key: itemsList.map(item => item.id).join('-'),
sets: setNames || '未知套装',
atk: Math.round(totals.atk),
def: Math.round(totals.def),
hp: Math.round(totals.hp),
spd: Math.round(totals.spd),
cr: Math.round(totals.cr),
cd: Math.round(totals.cd),
acc: Math.round(totals.acc),
res: Math.round(totals.res),
score,
items: itemsList,
});
}
if (comboCount > MAX_COMBOS) break;
}
if (comboCount > MAX_COMBOS) break;
}
if (comboCount > MAX_COMBOS) break;
}
if (comboCount > MAX_COMBOS) break;
const resp = await App.OptimizeBuilds({
heroId: String(selectedHero.code ?? ''),
setFilters,
statFilters,
mainStatFilters,
weightValues,
bonusStats: selectedHeroBonus,
maxItemsPerSlot: MAX_ITEMS_PER_SLOT,
maxCombos: MAX_COMBOS,
maxResults: MAX_RESULTS,
} as any);
console.log('OptimizeBuilds returned', resp);
const nextResults = (resp?.results || []) as BuildResult[];
setTotalCombos(resp?.totalCombos || 0);
setResults(nextResults);
setSelectedResult(nextResults[0] || null);
if (nextResults.length > 0) {
success(`\u914d\u88c5\u5b8c\u6210\uff0c\u5171 ${nextResults.length} \u6761\u7ed3\u679c`);
}
if (comboCount > MAX_COMBOS) break;
}
resultsBuffer.sort((a, b) => b.score - a.score);
const finalResults = resultsBuffer.slice(0, MAX_RESULTS);
setResults(finalResults);
setSelectedResult(finalResults[0] || null);
if (finalResults.length === 0) {
info('没有符合条件的配装结果');
if (nextResults.length === 0) {
info('\u6ca1\u6709\u7b26\u5408\u6761\u4ef6\u7684\u914d\u88c5\u7ed3\u679c');
}
} catch (err) {
const msg = err instanceof Error ? err.message : '\u914d\u88c5\u5931\u8d25';
error(msg);
console.error('OptimizeBuilds error:', err);
}
};
@@ -784,6 +516,16 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
options={heroOptions}
placeholder="请选择英雄"
/>
<Button
size="small"
onClick={() => {
if (!selectedHeroKey) return;
setBonusDraft({...selectedHeroBonus});
setBonusEditorOpen(true);
}}
>
{'\u7f16\u8f91\u989d\u5916\u52a0\u6210'}
</Button>
</div>
</Col>
<Col span={6}>
@@ -900,8 +642,9 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
</div>
</div>
<div className="optimizer-weight-panel" style={leftPanelsHeight ? {height: leftPanelsHeight} : undefined}>
<div className="optimizer-weight-row optimizer-weight-row-no-label">
<div className="optimizer-weight-row">
<span className="optimizer-weight-icon"></span>
<span className="optimizer-weight-label"></span>
<Slider
min={0}
max={5}
@@ -1077,6 +820,75 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
</Card>
</Content>
</Layout>
<Modal
open={bonusEditorOpen}
title={'\u989d\u5916\u52a0\u6210'}
onCancel={() => setBonusEditorOpen(false)}
onOk={() => {
if (!selectedHeroKey) return;
setBonusByHeroId(prev => ({...prev, [selectedHeroKey]: bonusDraft}));
setBonusEditorOpen(false);
}}
>
<div style={{display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12}}>
<div>
<div>{'\u653b\u51fb'}</div>
<InputNumber value={bonusDraft.atk} onChange={v => setBonusDraft(prev => ({...prev, atk: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u653b\u51fb%'}</div>
<InputNumber value={bonusDraft.atkPct} onChange={v => setBonusDraft(prev => ({...prev, atkPct: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u9632\u5fa1'}</div>
<InputNumber value={bonusDraft.def} onChange={v => setBonusDraft(prev => ({...prev, def: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u9632\u5fa1%'}</div>
<InputNumber value={bonusDraft.defPct} onChange={v => setBonusDraft(prev => ({...prev, defPct: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u751f\u547d'}</div>
<InputNumber value={bonusDraft.hp} onChange={v => setBonusDraft(prev => ({...prev, hp: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u751f\u547d%'}</div>
<InputNumber value={bonusDraft.hpPct} onChange={v => setBonusDraft(prev => ({...prev, hpPct: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u901f\u5ea6'}</div>
<InputNumber value={bonusDraft.spd} onChange={v => setBonusDraft(prev => ({...prev, spd: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u66b4\u51fb\u7387'}</div>
<InputNumber value={bonusDraft.cr} onChange={v => setBonusDraft(prev => ({...prev, cr: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u66b4\u51fb\u4f24\u5bb3'}</div>
<InputNumber value={bonusDraft.cd} onChange={v => setBonusDraft(prev => ({...prev, cd: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u6548\u679c\u547d\u4e2d'}</div>
<InputNumber value={bonusDraft.eff} onChange={v => setBonusDraft(prev => ({...prev, eff: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u6548\u679c\u6297\u6027'}</div>
<InputNumber value={bonusDraft.res} onChange={v => setBonusDraft(prev => ({...prev, res: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u6700\u7ec8\u653b\u51fb\u500d\u7387%'}</div>
<InputNumber value={bonusDraft.finalAtkMultiplier} onChange={v => setBonusDraft(prev => ({...prev, finalAtkMultiplier: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u6700\u7ec8\u9632\u5fa1\u500d\u7387%'}</div>
<InputNumber value={bonusDraft.finalDefMultiplier} onChange={v => setBonusDraft(prev => ({...prev, finalDefMultiplier: Number(v || 0)}))} style={{width: '100%'}} />
</div>
<div>
<div>{'\u6700\u7ec8\u751f\u547d\u500d\u7387%'}</div>
<InputNumber value={bonusDraft.finalHpMultiplier} onChange={v => setBonusDraft(prev => ({...prev, finalHpMultiplier: Number(v || 0)}))} style={{width: '100%'}} />
</div>
</div>
</Modal>
{setPickerOpen &&
createPortal(
<div
@@ -1088,7 +900,7 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
style={{top: setPickerPos.top, left: setPickerPos.left}}
onMouseDown={(event) => event.stopPropagation()}
>
<div className="optimizer-set-modal-list">
<div className="optimizer-set-modal-list" style={{maxHeight: setPickerListHeight}}>
{setPickerOptions.map(option => (
<button
key={option.key}
@@ -1121,7 +933,7 @@ const getMainStatLabel = (target: 'necklace' | 'ring' | 'boots', value: MainStat
>
<span className="optimizer-set-modal-icon"></span>
<span className="optimizer-set-modal-label">{option.label}</span>
<span className="optimizer-set-modal-count">{Math.floor(Math.random() * 200)}</span>
<span className="optimizer-set-modal-count">{setCounts[option.setKey] || 0}</span>
</button>
))}
</div>

View File

@@ -1,5 +1,43 @@
export namespace model {
export class BonusStats {
atk: number;
def: number;
hp: number;
atkPct: number;
defPct: number;
hpPct: number;
spd: number;
cr: number;
cd: number;
eff: number;
res: number;
finalAtkMultiplier: number;
finalDefMultiplier: number;
finalHpMultiplier: number;
static createFrom(source: any = {}) {
return new BonusStats(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.atk = source["atk"];
this.def = source["def"];
this.hp = source["hp"];
this.atkPct = source["atkPct"];
this.defPct = source["defPct"];
this.hpPct = source["hpPct"];
this.spd = source["spd"];
this.cr = source["cr"];
this.cd = source["cd"];
this.eff = source["eff"];
this.res = source["res"];
this.finalAtkMultiplier = source["finalAtkMultiplier"];
this.finalDefMultiplier = source["finalDefMultiplier"];
this.finalHpMultiplier = source["finalHpMultiplier"];
}
}
export class CaptureStatus {
is_capturing: boolean;
status: string;
@@ -16,6 +54,36 @@ export namespace model {
this.error = source["error"];
}
}
export class HeroTemplate {
code: string;
name: string;
baseAtk: number;
baseDef: number;
baseHp: number;
baseSpd: number;
baseCr: number;
baseCd: number;
baseEff: number;
baseRes: number;
static createFrom(source: any = {}) {
return new HeroTemplate(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.code = source["code"];
this.name = source["name"];
this.baseAtk = source["baseAtk"];
this.baseDef = source["baseDef"];
this.baseHp = source["baseHp"];
this.baseSpd = source["baseSpd"];
this.baseCr = source["baseCr"];
this.baseCd = source["baseCd"];
this.baseEff = source["baseEff"];
this.baseRes = source["baseRes"];
}
}
export class NetworkInterface {
name: string;
description: string;
@@ -34,6 +102,222 @@ export namespace model {
this.is_loopback = source["is_loopback"];
}
}
export class OptimizeStat {
type: string;
value: number;
static createFrom(source: any = {}) {
return new OptimizeStat(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.type = source["type"];
this.value = source["value"];
}
}
export class OptimizeItem {
id: any;
gear: string;
set: string;
f: string;
main?: OptimizeStat;
substats?: OptimizeStat[];
static createFrom(source: any = {}) {
return new OptimizeItem(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.id = source["id"];
this.gear = source["gear"];
this.set = source["set"];
this.f = source["f"];
this.main = this.convertValues(source["main"], OptimizeStat);
this.substats = this.convertValues(source["substats"], OptimizeStat);
}
convertValues(a: any, classs: any, asMap: boolean = false): any {
if (!a) {
return a;
}
if (a.slice && a.map) {
return (a as any[]).map(elem => this.convertValues(elem, classs));
} else if ("object" === typeof a) {
if (asMap) {
for (const key of Object.keys(a)) {
a[key] = new classs(a[key]);
}
return a;
}
return new classs(a);
}
return a;
}
}
export class StatRange {
min?: number;
max?: number;
static createFrom(source: any = {}) {
return new StatRange(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.min = source["min"];
this.max = source["max"];
}
}
export class SetFilters {
set1: string[];
set2: string[];
set3: string[];
static createFrom(source: any = {}) {
return new SetFilters(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.set1 = source["set1"];
this.set2 = source["set2"];
this.set3 = source["set3"];
}
}
export class OptimizeRequest {
heroId: string;
setFilters: SetFilters;
statFilters: Record<string, StatRange>;
mainStatFilters: Record<string, string>;
weightValues: Record<string, number>;
bonusStats: BonusStats;
maxItemsPerSlot: number;
maxCombos: number;
maxResults: number;
static createFrom(source: any = {}) {
return new OptimizeRequest(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.heroId = source["heroId"];
this.setFilters = this.convertValues(source["setFilters"], SetFilters);
this.statFilters = this.convertValues(source["statFilters"], StatRange, true);
this.mainStatFilters = source["mainStatFilters"];
this.weightValues = source["weightValues"];
this.bonusStats = this.convertValues(source["bonusStats"], BonusStats);
this.maxItemsPerSlot = source["maxItemsPerSlot"];
this.maxCombos = source["maxCombos"];
this.maxResults = source["maxResults"];
}
convertValues(a: any, classs: any, asMap: boolean = false): any {
if (!a) {
return a;
}
if (a.slice && a.map) {
return (a as any[]).map(elem => this.convertValues(elem, classs));
} else if ("object" === typeof a) {
if (asMap) {
for (const key of Object.keys(a)) {
a[key] = new classs(a[key]);
}
return a;
}
return new classs(a);
}
return a;
}
}
export class OptimizeResult {
key: string;
sets: string;
atk: number;
def: number;
hp: number;
spd: number;
cr: number;
cd: number;
acc: number;
res: number;
score: number;
items: OptimizeItem[];
static createFrom(source: any = {}) {
return new OptimizeResult(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.key = source["key"];
this.sets = source["sets"];
this.atk = source["atk"];
this.def = source["def"];
this.hp = source["hp"];
this.spd = source["spd"];
this.cr = source["cr"];
this.cd = source["cd"];
this.acc = source["acc"];
this.res = source["res"];
this.score = source["score"];
this.items = this.convertValues(source["items"], OptimizeItem);
}
convertValues(a: any, classs: any, asMap: boolean = false): any {
if (!a) {
return a;
}
if (a.slice && a.map) {
return (a as any[]).map(elem => this.convertValues(elem, classs));
} else if ("object" === typeof a) {
if (asMap) {
for (const key of Object.keys(a)) {
a[key] = new classs(a[key]);
}
return a;
}
return new classs(a);
}
return a;
}
}
export class OptimizeResponse {
totalCombos: number;
results: OptimizeResult[];
static createFrom(source: any = {}) {
return new OptimizeResponse(source);
}
constructor(source: any = {}) {
if ('string' === typeof source) source = JSON.parse(source);
this.totalCombos = source["totalCombos"];
this.results = this.convertValues(source["results"], OptimizeResult);
}
convertValues(a: any, classs: any, asMap: boolean = false): any {
if (!a) {
return a;
}
if (a.slice && a.map) {
return (a as any[]).map(elem => this.convertValues(elem, classs));
} else if ("object" === typeof a) {
if (asMap) {
for (const key of Object.keys(a)) {
a[key] = new classs(a[key]);
}
return a;
}
return new classs(a);
}
return a;
}
}
export class ParsedResult {
items: any[];
heroes: any[];
@@ -64,6 +348,7 @@ export namespace model {
this.created_at = source["created_at"];
}
}
}

View File

@@ -18,6 +18,8 @@ export function GetCapturedData():Promise<Array<string>>;
export function GetCurrentDataForExport():Promise<string>;
export function GetHeroTemplates():Promise<Array<model.HeroTemplate>>;
export function GetLatestParsedDataFromDatabase():Promise<model.ParsedResult>;
export function GetNetworkInterfaces():Promise<Array<model.NetworkInterface>>;
@@ -26,6 +28,8 @@ export function GetParsedDataByID(arg1:number):Promise<model.ParsedResult>;
export function GetParsedSessions():Promise<Array<model.ParsedSession>>;
export function OptimizeBuilds(arg1:model.OptimizeRequest):Promise<model.OptimizeResponse>;
export function ParseData(arg1:Array<string>):Promise<string>;
export function ReadRawJsonFile():Promise<model.ParsedResult>;

View File

@@ -34,6 +34,10 @@ export function GetCurrentDataForExport() {
return window['go']['service']['App']['GetCurrentDataForExport']();
}
export function GetHeroTemplates() {
return window['go']['service']['App']['GetHeroTemplates']();
}
export function GetLatestParsedDataFromDatabase() {
return window['go']['service']['App']['GetLatestParsedDataFromDatabase']();
}
@@ -50,6 +54,10 @@ export function GetParsedSessions() {
return window['go']['service']['App']['GetParsedSessions']();
}
export function OptimizeBuilds(arg1) {
return window['go']['service']['App']['OptimizeBuilds'](arg1);
}
export function ParseData(arg1) {
return window['go']['service']['App']['ParseData'](arg1);
}