AskaEth
8a8e5ca0c0
CI / runtime smoke (macos arm64, probe) (push) Skipped
CI / fmt (rustfmt --check) (push) Canceled after 0s
CI / clippy (ubuntu-latest) (push) Canceled after 0s
CI / clippy (windows-latest) (push) Canceled after 0s
CI / test (ubuntu-latest) (push) Canceled after 0s
CI / test (windows-latest) (push) Canceled after 0s
CI / build release (ubuntu-latest) (push) Canceled after 0s
CI / build release (windows-latest) (push) Canceled after 0s
CI / runtime smoke (ubuntu x64, xvfb) (push) Canceled after 0s
Guards / core 零 UI 守门 (push) Canceled after 0s
Guards / presenter 零 UI 守门 (push) Canceled after 0s
Guards / design 零第三方依赖守门 (push) Canceled after 0s
Guards / unsafe 落点守门（集合必须恰好一个文件） (push) Canceled after 0s
Guards / 文件行数 ≤400 守门 (push) Canceled after 0s
Guards / 依赖许可与来源（cargo-deny） (push) Canceled after 0s
首个 iced + Material 3 Expressive 版本的源码快照。 完整历史与日常提交在 dev 分支；main 只放阶段性快照。
321 lines
12 KiB
Plaintext
321 lines
12 KiB
Plaintext
// G2 下载页（09 §2 P0·G2 / Q24-4 定案）：页内独立左侧分类栏（常驻，非 tab）+ 右侧版本列表。
|
||
// 远古版入口显式可达（ULL 对 HMCL「隐藏」行为的纠偏），下挂 classic/alpha/beta/unlisted 子类树，
|
||
// 进入远古版分类时顶部提示兼容性 + 每行带「远古版」徽标（防误装）。
|
||
//
|
||
// P3 接线：右侧多一个「Java 运行时」视图（四家发行版 + 回退链），页面底部常驻安装进度条。
|
||
import { Theme } from "../theme/tokens.slint";
|
||
import { Metrics } from "../theme/metrics.slint";
|
||
import { UiVersion, VersionKind, DownloadCategory } from "../models.slint";
|
||
import { PageState } from "../page_state.slint";
|
||
import { UiText, TextRole } from "../components/label.slint";
|
||
import { AppIcon, IconKind } from "../components/icons.slint";
|
||
import { Badge } from "../components/badge.slint";
|
||
import { MetroButton, ButtonKind } from "../widgets/button.slint";
|
||
import { SearchField, CheckBox } from "../widgets/inputs.slint";
|
||
import { InstallPanel } from "../components/install-panel.slint";
|
||
import { JavaPanel } from "download-java.slint";
|
||
import { ListView } from "std-widgets.slint";
|
||
|
||
component CategoryRow inherits Rectangle {
|
||
in property <string> label: "";
|
||
in property <bool> active: false;
|
||
in property <bool> sub: false;
|
||
in property <bool> disabled: false;
|
||
callback clicked();
|
||
|
||
height: 34px;
|
||
background: root.active ? Theme.accent-soft : (row-touch.has-hover ? Theme.bg-hover : transparent);
|
||
|
||
if root.active : Rectangle {
|
||
x: 0;
|
||
y: 0;
|
||
width: 3px;
|
||
height: root.height;
|
||
background: Theme.accent;
|
||
}
|
||
|
||
UiText {
|
||
x: root.sub ? Metrics.gap-5 : Metrics.gap-3;
|
||
width: root.width - (root.sub ? Metrics.gap-5 : Metrics.gap-3) - Metrics.gap-2;
|
||
height: root.height;
|
||
role: TextRole.body;
|
||
text: root.label;
|
||
color: root.disabled ? Theme.fg-disabled
|
||
: root.active ? Theme.accent
|
||
: Theme.fg-primary;
|
||
}
|
||
|
||
row-touch := TouchArea {
|
||
mouse-cursor: root.disabled ? default : pointer;
|
||
clicked => {
|
||
if (!root.disabled) {
|
||
root.clicked();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
component VersionRow inherits Rectangle {
|
||
in property <UiVersion> data;
|
||
callback install();
|
||
|
||
height: Metrics.row-height + 8px;
|
||
background: row-touch.has-hover ? Theme.bg-hover : transparent;
|
||
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-4;
|
||
padding-right: Metrics.gap-4;
|
||
spacing: Metrics.gap-2;
|
||
|
||
UiText {
|
||
role: TextRole.bodyStrong;
|
||
text: root.data.id;
|
||
width: 160px;
|
||
}
|
||
|
||
Badge {
|
||
text: root.data.kind == VersionKind.release ? "正式版"
|
||
: root.data.kind == VersionKind.snapshot ? "预览版"
|
||
: "远古版";
|
||
tint: root.data.ancient ? Theme.state-warn : Theme.fg-secondary;
|
||
}
|
||
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: root.data.released;
|
||
horizontal-stretch: 1;
|
||
}
|
||
|
||
if root.data.installed : HorizontalLayout {
|
||
spacing: Metrics.gap-1;
|
||
AppIcon { kind: IconKind.check; icon-size: 12px; tint: Theme.state-success; }
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: "已装";
|
||
color: Theme.state-success;
|
||
}
|
||
}
|
||
|
||
MetroButton {
|
||
kind: ButtonKind.standard;
|
||
text: root.data.installed ? "重装" : "安装";
|
||
button-height: 26px;
|
||
clicked => { root.install(); }
|
||
}
|
||
}
|
||
|
||
row-touch := TouchArea {
|
||
mouse-cursor: pointer;
|
||
clicked => { root.install(); }
|
||
}
|
||
}
|
||
|
||
export component DownloadPage inherits Rectangle {
|
||
in property <[UiVersion]> versions;
|
||
in-out property <DownloadCategory> category: DownloadCategory.release;
|
||
in-out property <bool> installed-only: false;
|
||
in-out property <string> query: "";
|
||
/// 远古版子类树是否展开（默认展开，显式可达）
|
||
in-out property <bool> ancient-expanded: true;
|
||
/// 右侧视图：0 = 版本列表，1 = Java 运行时
|
||
in-out property <int> view-tab <=> PageState.download-tab;
|
||
|
||
callback category-changed(DownloadCategory);
|
||
callback install(string);
|
||
callback installed-only-changed(bool);
|
||
callback query-changed(string);
|
||
callback toggle-ancient();
|
||
/// 远古版兼容性说明（P1 出说明页；当前由 Rust 侧弹 Toast 占位）
|
||
callback ancient-help();
|
||
|
||
background: Theme.bg-canvas;
|
||
|
||
VerticalLayout {
|
||
// 视图切换（版本 / Java）
|
||
Rectangle {
|
||
height: 40px;
|
||
background: Theme.bg-surface;
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-4;
|
||
spacing: Metrics.gap-2;
|
||
UiText {
|
||
role: TextRole.subtitle;
|
||
text: "版本获取";
|
||
width: 96px;
|
||
}
|
||
MetroButton {
|
||
kind: root.view-tab == 0 ? ButtonKind.accent : ButtonKind.subtle;
|
||
text: "版本列表";
|
||
button-height: 26px;
|
||
clicked => { root.view-tab = 0; }
|
||
}
|
||
MetroButton {
|
||
kind: root.view-tab == 1 ? ButtonKind.accent : ButtonKind.subtle;
|
||
text: "Java 运行时";
|
||
button-height: 26px;
|
||
clicked => { root.view-tab = 1; }
|
||
}
|
||
Rectangle { horizontal-stretch: 1; background: transparent; }
|
||
if PageState.java-busy : UiText {
|
||
role: TextRole.caption;
|
||
text: "Java 安装中…";
|
||
color: Theme.accent;
|
||
}
|
||
}
|
||
}
|
||
Rectangle { height: 1px; background: Theme.stroke; }
|
||
|
||
if root.view-tab == 0 : HorizontalLayout {
|
||
vertical-stretch: 1;
|
||
|
||
// ── 页内分类侧栏（常驻）───────────────────────────────────
|
||
Rectangle {
|
||
width: 200px;
|
||
background: Theme.bg-surface;
|
||
border-width: 1px;
|
||
border-color: Theme.stroke;
|
||
|
||
VerticalLayout {
|
||
padding-top: Metrics.gap-2;
|
||
|
||
CategoryRow {
|
||
label: "正式版 release";
|
||
active: root.category == DownloadCategory.release;
|
||
clicked => { root.category-changed(DownloadCategory.release); }
|
||
}
|
||
CategoryRow {
|
||
label: "预览版 snapshot";
|
||
active: root.category == DownloadCategory.snapshot;
|
||
clicked => { root.category-changed(DownloadCategory.snapshot); }
|
||
}
|
||
|
||
// 远古版：可展开的父节点 + 子类树
|
||
CategoryRow {
|
||
label: root.ancient-expanded ? "远古版 ▾" : "远古版 ▸";
|
||
active: root.category == DownloadCategory.ancientClassic
|
||
|| root.category == DownloadCategory.ancientAlpha
|
||
|| root.category == DownloadCategory.ancientBeta
|
||
|| root.category == DownloadCategory.ancientUnlisted;
|
||
clicked => { root.toggle-ancient(); }
|
||
}
|
||
if root.ancient-expanded : CategoryRow {
|
||
label: "classic（rd-*）";
|
||
sub: true;
|
||
active: root.category == DownloadCategory.ancientClassic;
|
||
clicked => { root.category-changed(DownloadCategory.ancientClassic); }
|
||
}
|
||
if root.ancient-expanded : CategoryRow {
|
||
label: "old_alpha（a1.*）";
|
||
sub: true;
|
||
active: root.category == DownloadCategory.ancientAlpha;
|
||
clicked => { root.category-changed(DownloadCategory.ancientAlpha); }
|
||
}
|
||
if root.ancient-expanded : CategoryRow {
|
||
label: "old_beta（b1.*）";
|
||
sub: true;
|
||
active: root.category == DownloadCategory.ancientBeta;
|
||
clicked => { root.category-changed(DownloadCategory.ancientBeta); }
|
||
}
|
||
if root.ancient-expanded : CategoryRow {
|
||
label: "unlisted 汇总";
|
||
sub: true;
|
||
active: root.category == DownloadCategory.ancientUnlisted;
|
||
clicked => { root.category-changed(DownloadCategory.ancientUnlisted); }
|
||
}
|
||
|
||
CategoryRow {
|
||
label: "整合包（P1）";
|
||
disabled: true;
|
||
}
|
||
CategoryRow {
|
||
label: "Mod（P1）";
|
||
disabled: true;
|
||
}
|
||
|
||
Rectangle { vertical-stretch: 1; background: transparent; }
|
||
}
|
||
}
|
||
|
||
// ── 右侧版本列表 ──────────────────────────────────────────
|
||
VerticalLayout {
|
||
vertical-stretch: 1;
|
||
|
||
Rectangle {
|
||
height: Metrics.page-header-height;
|
||
background: Theme.bg-canvas;
|
||
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-4;
|
||
padding-right: Metrics.gap-4;
|
||
spacing: Metrics.gap-3;
|
||
|
||
SearchField {
|
||
width: 220px;
|
||
placeholder: "筛选版本号";
|
||
text <=> root.query;
|
||
edited(t) => { root.query-changed(t); }
|
||
}
|
||
CheckBox {
|
||
text: "仅已装";
|
||
checked: root.installed-only;
|
||
toggled(v) => { root.installed-only-changed(v); }
|
||
}
|
||
Rectangle { horizontal-stretch: 1; background: transparent; }
|
||
}
|
||
}
|
||
|
||
// 远古版兼容性提示条（首次进入显示，显式可达的代价告知）
|
||
Rectangle {
|
||
height: 44px;
|
||
visible: root.category == DownloadCategory.ancientClassic
|
||
|| root.category == DownloadCategory.ancientAlpha
|
||
|| root.category == DownloadCategory.ancientBeta
|
||
|| root.category == DownloadCategory.ancientUnlisted;
|
||
background: Theme.state-warn-soft;
|
||
|
||
HorizontalLayout {
|
||
padding-left: Metrics.gap-4;
|
||
padding-right: Metrics.gap-4;
|
||
spacing: Metrics.gap-2;
|
||
|
||
AppIcon { kind: IconKind.warn; icon-size: 16px; tint: Theme.state-warn; }
|
||
UiText {
|
||
role: TextRole.caption;
|
||
text: "远古版（classic/alpha/beta）需要旧版 Java 与旧启动参数，装完请先看兼容性说明。";
|
||
wrap: word-wrap;
|
||
horizontal-stretch: 1;
|
||
}
|
||
MetroButton {
|
||
kind: ButtonKind.subtle;
|
||
text: "说明";
|
||
button-height: 26px;
|
||
clicked => { root.ancient-help(); }
|
||
}
|
||
}
|
||
}
|
||
|
||
Rectangle { height: 1px; background: Theme.stroke; }
|
||
|
||
ListView {
|
||
vertical-stretch: 1;
|
||
|
||
for v in root.versions : VersionRow {
|
||
data: v;
|
||
install => { root.install(v.id); }
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if root.view-tab == 1 : JavaPanel {
|
||
vertical-stretch: 1;
|
||
}
|
||
|
||
// 安装进度（下载页行内安装 / 向导共用同一份进度）
|
||
InstallPanel {
|
||
data: PageState.install;
|
||
cancel => { PageState.install-cancel(); }
|
||
}
|
||
}
|
||
}
|