AskaEth
ddc0577f83
app 从「mock 骨架」切到「真实 core host」：新增 src/host 装配层（env/job/ game/launch/identity/versions/install/meter/java/accounts/logs/settings/engine/ dispatch），是 app 里除 settings_bridge 外唯一 use unlucky_core 的地方，出口只有 crate::dto 的 DTO/事件（三通道纪律，AGENTS §6）。 页面接线： - 实例页：profiles+版本 JSON 继承链+会话索引 → 磁贴（真实版本/加载器徽标/最后启动/ 隔离档位/载荷缺失）；启动按钮走 LaunchRequest 装配 → Launcher::spawn → JSONL 尾随 → 运行/失败回写；M30 ModeChangeWarning 进横幅通知条。 - 新建实例向导：版本 → 加载器 → 名字 → 确认 → 真实安装进度；Fabric/Quilt 可装， Forge/NeoForge 因需要 installer processors（仅 CLI 有）显式拒装并给出 CLI 命令。 - 下载页：远端 manifest（12h 缓存）+ 内嵌 unlisted → 分类（正式/预览/远古四子类）； 安装进度（文件数/字节/速度/ETA，速度由相邻采样差分）+ 阶段边界可取消； Java 分组：四家发行版 + 回退链可视化（计划链/真实 ChainLog）+ 本地运行时。 - 账户页：三轨账户列表（只读公开字段）+ 离线新增 + 删除/切换 + 微软设备码登录 （用户码/链接/轮询状态；取消后丢弃结果）。凭据只在 host/identity 与 host/accounts 出现，DTO 无 token 字段（单测钉住）。 - 设置页：新增 download/java/data/ai/mcp 五组，行由 core::setting schema 键生成， 写回走 SettingStore::set（与 ull config set / AI set_config 同源 launcher.json）。 - 日志页：会话索引 → 列表；事件 JSONL → 日志行（等级高亮）+ D8 规则引擎诊断卡片； 启动中实时尾随（600ms/拍，只读新增字节）；崩溃日志导入分析（hs_err/crash/latest）。 架构与守线： - 新页面状态走 ui/page_state.slint 的 PageState global（main.slint 再导出）， Rust 侧 page_sync.rs 灌入、callbacks_pages.rs 接线；避免属性逐层转发顶破 400 行。 - DTO 全部 Serialize+Deserialize（IPC 契约），新增 accounts/java/settings/install/ notices 五个子模块；事件扩展 LogAppended/LaunchFinished/AccountsChanged/ DeviceLoginChanged/JavaChanged/InstallProgress/SettingsChanged/NoticesChanged。 - 截图通道扩展：--data-dir（钉数据根且 settings 同源）/--mock/--screenshot-page/ --screenshot-wizard/--screenshot-session/--screenshot-install/--screenshot-launch （真实中间态，取图后自动 stop 防孤儿进程）。 已知边界：GUI 账户「当前启动账户」仅内存态（core schema 无 auth.* 键，app 不自建键）； Forge/NeoForge GUI 安装待 processors 执行器上移。
302 lines
12 KiB
Plaintext
302 lines
12 KiB
Plaintext
// 新建实例向导（G5，全屏模态）：版本 → 加载器 → 名字 → 确认 → 进度。
|
||
// 步骤推进/校验在 Rust（`crate::wizard`），这里只画当前步与提交按钮。
|
||
import { Theme } from "../theme/tokens.slint";
|
||
import { Metrics } from "../theme/metrics.slint";
|
||
import { UiVersion, VersionKind } from "../models.slint";
|
||
import { PageState } from "../page_state.slint";
|
||
import { UiText, TextRole } from "../components/label.slint";
|
||
import { Badge } from "../components/badge.slint";
|
||
import { AppIcon, IconKind } from "../components/icons.slint";
|
||
import { MetroButton, ButtonKind } from "../widgets/button.slint";
|
||
import { SearchField } from "../widgets/inputs.slint";
|
||
import { InstallPanel } from "../components/install-panel.slint";
|
||
import { ScrollView } from "std-widgets.slint";
|
||
|
||
component StepDot inherits Rectangle {
|
||
in property <int> index: 0;
|
||
in property <string> label: "";
|
||
|
||
height: 28px;
|
||
background: transparent;
|
||
|
||
HorizontalLayout {
|
||
spacing: Metrics.gap-1;
|
||
alignment: center;
|
||
Rectangle {
|
||
width: 18px;
|
||
height: 18px;
|
||
border-radius: 9px;
|
||
background: PageState.wizard.step >= root.index ? Theme.accent : Theme.bg-hover;
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: root.index + 1;
|
||
horizontal-alignment: center;
|
||
color: PageState.wizard.step >= root.index ? Theme.fg-on-accent : Theme.fg-secondary;
|
||
}
|
||
}
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: root.label;
|
||
color: PageState.wizard.step >= root.index ? Theme.fg-primary : Theme.fg-disabled;
|
||
}
|
||
}
|
||
}
|
||
|
||
component VersionChoice inherits Rectangle {
|
||
in property <UiVersion> data;
|
||
callback picked();
|
||
|
||
height: 36px;
|
||
background: PageState.wizard.version == root.data.id ? Theme.accent-soft
|
||
: (touch.has-hover ? Theme.bg-hover : transparent);
|
||
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-3;
|
||
padding-right: Metrics.gap-3;
|
||
spacing: Metrics.gap-2;
|
||
UiText { role: TextRole.body; text: root.data.id; width: 160px; }
|
||
Badge {
|
||
text: root.data.kind == VersionKind.release ? "正式版" : "预览版";
|
||
tint: Theme.fg-secondary;
|
||
}
|
||
UiText { role: TextRole.caption; text: root.data.released; horizontal-stretch: 1; }
|
||
if PageState.wizard.version == root.data.id : AppIcon {
|
||
kind: IconKind.check;
|
||
icon-size: 14px;
|
||
tint: Theme.accent;
|
||
}
|
||
}
|
||
|
||
touch := TouchArea {
|
||
mouse-cursor: pointer;
|
||
clicked => { root.picked(); }
|
||
}
|
||
}
|
||
|
||
component LoaderChoice inherits Rectangle {
|
||
in property <string> label: "";
|
||
in property <string> hint: "";
|
||
in property <int> index: 0;
|
||
callback picked();
|
||
|
||
height: 48px;
|
||
background: PageState.wizard.loader == root.index ? Theme.accent-soft
|
||
: (touch.has-hover ? Theme.bg-hover : transparent);
|
||
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-3;
|
||
padding-right: Metrics.gap-3;
|
||
spacing: Metrics.gap-2;
|
||
VerticalLayout {
|
||
vertical-stretch: 1;
|
||
spacing: 0px;
|
||
UiText { role: TextRole.body; text: root.label; }
|
||
UiText { role: TextRole.caption; text: root.hint; horizontal-stretch: 1; }
|
||
}
|
||
if PageState.wizard.loader == root.index : AppIcon {
|
||
kind: IconKind.check;
|
||
icon-size: 14px;
|
||
tint: Theme.accent;
|
||
}
|
||
}
|
||
|
||
touch := TouchArea {
|
||
mouse-cursor: pointer;
|
||
clicked => { root.picked(); }
|
||
}
|
||
}
|
||
|
||
export component NewInstanceWizard inherits Rectangle {
|
||
// 版本列表由 shell 传入（与下载页共用一份，避免二次拉取）
|
||
in property <[UiVersion]> versions;
|
||
in-out property <string> query: "";
|
||
|
||
visible: PageState.wizard.open;
|
||
background: rgba(0, 0, 0, 0.45);
|
||
|
||
// 吃掉底层点击（模态）
|
||
TouchArea { }
|
||
|
||
Rectangle {
|
||
x: (parent.width - self.width) / 2;
|
||
y: (parent.height - self.height) / 2;
|
||
width: min(parent.width - 80px, 720px);
|
||
height: min(parent.height - 60px, 560px);
|
||
background: Theme.bg-surface;
|
||
border-radius: Metrics.radius-md;
|
||
border-width: 1px;
|
||
border-color: Theme.stroke;
|
||
|
||
VerticalLayout {
|
||
// 标题栏
|
||
Rectangle {
|
||
height: 52px;
|
||
background: transparent;
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-4;
|
||
padding-right: Metrics.gap-3;
|
||
spacing: Metrics.gap-2;
|
||
UiText {
|
||
role: TextRole.subtitle;
|
||
text: "新建实例 · " + PageState.wizard.step_label;
|
||
horizontal-stretch: 1;
|
||
}
|
||
MetroButton {
|
||
kind: ButtonKind.subtle;
|
||
text: "关闭";
|
||
button-height: 24px;
|
||
clicked => { PageState.wizard-close(); }
|
||
}
|
||
}
|
||
}
|
||
|
||
// 步骤指示
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-4;
|
||
spacing: Metrics.gap-3;
|
||
StepDot { index: 0; label: "版本"; }
|
||
StepDot { index: 1; label: "加载器"; }
|
||
StepDot { index: 2; label: "名字"; }
|
||
StepDot { index: 3; label: "确认"; }
|
||
StepDot { index: 4; label: "进度"; }
|
||
}
|
||
|
||
Rectangle { height: 1px; background: Theme.stroke; }
|
||
|
||
// 步骤内容
|
||
Rectangle {
|
||
vertical-stretch: 1;
|
||
background: transparent;
|
||
|
||
// ① 选版本（只列正式版/快照，远古版走下载页的显式入口）
|
||
if PageState.wizard.step == 0 : VerticalLayout {
|
||
padding: Metrics.gap-3;
|
||
spacing: Metrics.gap-2;
|
||
SearchField {
|
||
width: 220px;
|
||
text <=> root.query;
|
||
placeholder: "筛选版本号";
|
||
}
|
||
ScrollView {
|
||
vertical-stretch: 1;
|
||
VerticalLayout {
|
||
for v in root.versions : VersionChoice {
|
||
visible: !v.ancient;
|
||
data: v;
|
||
picked => { PageState.wizard-select-version(v.id); }
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
// ② 选加载器
|
||
if PageState.wizard.step == 1 : VerticalLayout {
|
||
padding: Metrics.gap-3;
|
||
spacing: 0px;
|
||
LoaderChoice { index: 0; label: "原版（Vanilla）"; hint: "不装加载器，最快最稳"; picked => { PageState.wizard-select-loader(0); } }
|
||
LoaderChoice { index: 1; label: "Fabric"; hint: "轻量模组加载器（GUI 可直接装）"; picked => { PageState.wizard-select-loader(1); } }
|
||
LoaderChoice { index: 2; label: "Quilt"; hint: "Fabric 的分支（GUI 可直接装）"; picked => { PageState.wizard-select-loader(2); } }
|
||
LoaderChoice { index: 3; label: "Forge"; hint: "需要 installer processors：本轮请用 ull install"; picked => { PageState.wizard-select-loader(3); } }
|
||
LoaderChoice { index: 4; label: "NeoForge"; hint: "需要 installer processors：本轮请用 ull install"; picked => { PageState.wizard-select-loader(4); } }
|
||
}
|
||
|
||
// ③ 名字
|
||
if PageState.wizard.step == 2 : VerticalLayout {
|
||
padding: Metrics.gap-4;
|
||
spacing: Metrics.gap-2;
|
||
UiText { role: TextRole.body; text: "实例名（默认用版本号）"; }
|
||
SearchField {
|
||
width: 320px;
|
||
text: PageState.wizard.name;
|
||
placeholder: "例如：生存 1.20.4";
|
||
edited(t) => { PageState.wizard-name-changed(t); }
|
||
}
|
||
if PageState.wizard.error != "" : UiText {
|
||
role: TextRole.caption;
|
||
text: PageState.wizard.error;
|
||
color: Theme.state-danger;
|
||
}
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: "不能包含 / \\ : * ? \" < > |，最多 64 个字符。";
|
||
}
|
||
}
|
||
|
||
// ④ 确认
|
||
if PageState.wizard.step == 3 : VerticalLayout {
|
||
padding: Metrics.gap-4;
|
||
spacing: Metrics.gap-2;
|
||
UiText { role: TextRole.bodyStrong; text: "将创建实例"; }
|
||
UiText { role: TextRole.body; text: "版本 " + PageState.wizard.version; }
|
||
UiText { role: TextRole.body; text: "加载器 " + PageState.wizard.loader_label; }
|
||
UiText { role: TextRole.body; text: "实例名 " + PageState.wizard.name; }
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: "确认后会按 core 安装管线下载：版本 JSON → 客户端 jar → 库 → 资源索引 → 登记实例。";
|
||
wrap: word-wrap;
|
||
}
|
||
if PageState.wizard.error != "" : UiText {
|
||
role: TextRole.caption;
|
||
text: PageState.wizard.error;
|
||
color: Theme.state-danger;
|
||
}
|
||
}
|
||
|
||
// ⑤ 进度
|
||
if PageState.wizard.step == 4 : VerticalLayout {
|
||
padding: Metrics.gap-3;
|
||
spacing: Metrics.gap-2;
|
||
InstallPanel {
|
||
data: PageState.install;
|
||
cancel => { PageState.install-cancel(); }
|
||
}
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: "装完会自动跳到实例页；失败原因会显示在上面。";
|
||
}
|
||
}
|
||
}
|
||
|
||
Rectangle { height: 1px; background: Theme.stroke; }
|
||
|
||
// 底部按钮
|
||
Rectangle {
|
||
height: 56px;
|
||
background: transparent;
|
||
HorizontalLayout {
|
||
padding: Metrics.gap-4;
|
||
spacing: Metrics.gap-2;
|
||
Rectangle { horizontal-stretch: 1; background: transparent; }
|
||
MetroButton {
|
||
kind: ButtonKind.subtle;
|
||
text: "上一步";
|
||
button-height: 30px;
|
||
enabled: PageState.wizard.step > 0 && PageState.wizard.step < 4;
|
||
clicked => { PageState.wizard-back(); }
|
||
}
|
||
if PageState.wizard.step < 3 : MetroButton {
|
||
kind: ButtonKind.accent;
|
||
text: "下一步";
|
||
button-height: 30px;
|
||
enabled: PageState.wizard.can-next;
|
||
clicked => { PageState.wizard-next(); }
|
||
}
|
||
if PageState.wizard.step == 3 : MetroButton {
|
||
kind: ButtonKind.accent;
|
||
text: "开始安装";
|
||
button-height: 30px;
|
||
enabled: PageState.wizard.can-next && !PageState.wizard.busy;
|
||
clicked => { PageState.wizard-confirm(); }
|
||
}
|
||
if PageState.wizard.step == 4 : MetroButton {
|
||
kind: ButtonKind.standard;
|
||
text: "后台继续";
|
||
button-height: 30px;
|
||
clicked => { PageState.wizard-close(); }
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|