644 lines
16 KiB
QML
644 lines
16 KiB
QML
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
import QtQuick.Controls
|
|
import Fk
|
|
import Fk.RoomElement
|
|
import "RoomLogic.js" as RoomLogic
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property bool loaded: false
|
|
property int stat: 0 // 0=normal 1=banPkg 2=banChara
|
|
|
|
Rectangle {
|
|
id: listBg
|
|
width: 260; height: parent.height
|
|
color: "snow"
|
|
radius: 6
|
|
}
|
|
|
|
ListView {
|
|
id: modList
|
|
width: 130; height: parent.height
|
|
anchors.top: listBg.top; anchors.left: listBg.left
|
|
clip: true
|
|
model: ListModel {
|
|
id: mods
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: "#A48959"
|
|
z: -1
|
|
}
|
|
|
|
highlight: Rectangle { color: "snow" }
|
|
highlightMoveDuration: 500
|
|
|
|
delegate: Item {
|
|
width: modList.width
|
|
height: 40
|
|
|
|
Text {
|
|
text: luatr(name)
|
|
color: modList.currentIndex === index ? "black" : "white"
|
|
anchors.centerIn: parent
|
|
}
|
|
|
|
TapHandler {
|
|
onTapped: {
|
|
modList.currentIndex = index;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
id: pkgList
|
|
width: 130; height: parent.height
|
|
anchors.top: listBg.top; anchors.left: modList.right
|
|
|
|
clip: true
|
|
model: JSON.parse(mods.get(modList.currentIndex)?.pkgs ?? "[]")
|
|
|
|
highlight: Rectangle { color: "#FFCC3F"; radius: 5; scale: 0.8 }
|
|
highlightMoveDuration: 500
|
|
|
|
delegate: Item {
|
|
width: pkgList.width
|
|
height: 40
|
|
|
|
Text {
|
|
text: luatr(modelData)
|
|
color: !config.curScheme.banPkg[modelData] ? "black" : "grey"
|
|
Behavior on color { ColorAnimation { duration: 200 } }
|
|
anchors.centerIn: parent
|
|
}
|
|
|
|
Image {
|
|
source: AppPath + "/image/button/skill/locked.png"
|
|
opacity: !config.curScheme.banPkg[modelData] ? 0 : 1
|
|
Behavior on opacity { NumberAnimation { duration: 200 } }
|
|
anchors.centerIn: parent
|
|
scale: 0.8
|
|
}
|
|
|
|
TapHandler {
|
|
onTapped: {
|
|
if (stat === 1) {
|
|
const name = modelData;
|
|
let s = config.curScheme;
|
|
if (s.banPkg[name]) {
|
|
s.banPkg[name] = undefined;
|
|
s.normalPkg[name] = undefined;
|
|
} else {
|
|
s.normalPkg[name] = undefined;
|
|
s.banPkg[name] = [];
|
|
}
|
|
config.curSchemeChanged();
|
|
} else {
|
|
pkgList.currentIndex = index;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
onCurrentIndexChanged: { vanishAnim.start(); }
|
|
}
|
|
|
|
ToolBar {
|
|
id: bar
|
|
width: root.width - listBg.width - 16
|
|
anchors.left: listBg.right
|
|
anchors.leftMargin: 8
|
|
y: 8
|
|
|
|
background: Rectangle {
|
|
color: stat === 0 ? "#5cb3cc" : "#869d9d"
|
|
Behavior on color { ColorAnimation { duration: 200 } }
|
|
}
|
|
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
Item { Layout.preferredWidth: 20 }
|
|
|
|
Label {
|
|
text: {
|
|
switch (stat) {
|
|
case 0: return luatr("Generals Overview");
|
|
case 1: return luatr("$BanPkgHelp");
|
|
case 2: return luatr("$BanCharaHelp");
|
|
}
|
|
}
|
|
elide: Label.ElideLeft
|
|
verticalAlignment: Qt.AlignVCenter
|
|
font.pixelSize: 24
|
|
}
|
|
|
|
Item { Layout.fillWidth: true }
|
|
|
|
TextField {
|
|
id: word
|
|
clip: true
|
|
leftPadding: 5
|
|
rightPadding: 5
|
|
}
|
|
|
|
ToolButton {
|
|
text: luatr("Search")
|
|
enabled: word.text !== ""
|
|
onClicked: {
|
|
pkgList.currentIndex = 0;
|
|
vanishAnim.start();
|
|
}
|
|
}
|
|
|
|
ToolButton {
|
|
id: banButton
|
|
text: {
|
|
if (stat === 2) return luatr("OK");
|
|
return luatr("BanGeneral");
|
|
}
|
|
enabled: stat !== 1
|
|
onClicked: {
|
|
if (stat === 0) {
|
|
stat = 2;
|
|
} else {
|
|
stat = 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
ToolButton {
|
|
id: banPkgButton
|
|
text: {
|
|
if (stat === 1) return luatr("OK");
|
|
return luatr("BanPackage");
|
|
}
|
|
enabled: stat !== 2
|
|
onClicked: {
|
|
if (stat === 0) {
|
|
stat = 1;
|
|
} else {
|
|
stat = 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
ToolButton {
|
|
text: luatr("Quit")
|
|
onClicked: {
|
|
mainStack.pop();
|
|
config.saveConf();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
GridView {
|
|
id: gridView
|
|
clip: true
|
|
width: root.width - listBg.width - 16
|
|
height: parent.height - bar.height - 24
|
|
y: 16 + bar.height
|
|
anchors.left: listBg.right
|
|
anchors.leftMargin: 8 + (width % 100) / 2
|
|
cellHeight: 140
|
|
cellWidth: 100
|
|
|
|
delegate: GeneralCardItem {
|
|
autoBack: false
|
|
name: modelData
|
|
onClicked: {
|
|
if (stat === 2) {
|
|
const s = config.curScheme;
|
|
const gdata = lcall("GetGeneralData", modelData);
|
|
const pack = gdata.package;
|
|
let arr;
|
|
if (s.banPkg[pack]) {
|
|
arr = s.banPkg[pack];
|
|
} else {
|
|
if (!s.normalPkg[pack]) {
|
|
s.normalPkg[pack] = [];
|
|
}
|
|
arr = s.normalPkg[pack];
|
|
}
|
|
// TODO: 根据手动全禁/全白名单自动改为禁包
|
|
const idx = arr.indexOf(modelData);
|
|
if (idx !== -1) {
|
|
arr.splice(idx, 1);
|
|
} else {
|
|
arr.push(modelData);
|
|
}
|
|
config.curSchemeChanged();
|
|
} else {
|
|
generalText.clear();
|
|
generalDetail.general = modelData;
|
|
generalDetail.updateGeneral();
|
|
generalDetail.open();
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: "black"
|
|
opacity: {
|
|
const s = config.curScheme;
|
|
const gdata = lcall("GetGeneralData", modelData);
|
|
const pack = gdata.package;
|
|
if (s.banPkg[pack]) {
|
|
if (!s.banPkg[pack].includes(modelData)) return 0.7;
|
|
} else {
|
|
if (!!s.normalPkg[pack]?.includes(modelData)) return 0.7;
|
|
}
|
|
return 0;
|
|
}
|
|
Behavior on opacity {
|
|
NumberAnimation {}
|
|
}
|
|
}
|
|
|
|
GlowText {
|
|
id: banText
|
|
visible: {
|
|
const s = config.curScheme;
|
|
const gdata = lcall("GetGeneralData", modelData);
|
|
const pack = gdata.package;
|
|
if (s.banPkg[pack]) {
|
|
return s.banPkg[pack].includes(modelData);
|
|
} else {
|
|
return !!s.normalPkg[pack]?.includes(modelData);
|
|
}
|
|
}
|
|
text: {
|
|
if (!visible) return '';
|
|
const s = config.curScheme;
|
|
const gdata = lcall("GetGeneralData", modelData);
|
|
const pack = gdata.package;
|
|
if (s.banPkg[pack]) {
|
|
if (s.banPkg[pack].includes(modelData)) return '启用';
|
|
} else {
|
|
if (!!s.normalPkg[pack]?.includes(modelData)) return '禁';
|
|
}
|
|
}
|
|
anchors.centerIn: parent
|
|
font.family: fontLi2.name
|
|
color: "#E4D5A0"
|
|
font.pixelSize: 36
|
|
font.weight: Font.Medium
|
|
glow.color: "black"
|
|
glow.spread: 0.3
|
|
glow.radius: 5
|
|
}
|
|
}
|
|
}
|
|
|
|
ParallelAnimation {
|
|
id: vanishAnim
|
|
PropertyAnimation {
|
|
target: gridView
|
|
property: "opacity"
|
|
to: 0
|
|
duration: 150
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
PropertyAnimation {
|
|
target: gridView
|
|
property: "y"
|
|
to: 36 + bar.height
|
|
duration: 150
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
onFinished: {
|
|
if (word.text !== "") {
|
|
gridView.model = lcall("SearchAllGenerals", word.text);
|
|
} else {
|
|
gridView.model = lcall("SearchGenerals",
|
|
pkgList.model[pkgList.currentIndex], word.text);
|
|
}
|
|
word.text = "";
|
|
appearAnim.start();
|
|
}
|
|
}
|
|
|
|
SequentialAnimation {
|
|
id: appearAnim
|
|
PauseAnimation { duration: 200 }
|
|
ParallelAnimation {
|
|
PropertyAnimation {
|
|
target: gridView
|
|
property: "opacity"
|
|
to: 1
|
|
duration: 150
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
PropertyAnimation {
|
|
target: gridView
|
|
property: "y"
|
|
from: 36 + bar.height
|
|
to: 16 + bar.height
|
|
duration: 150
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: skillAudioBtn
|
|
Button {
|
|
Layout.fillWidth: true
|
|
contentItem: ColumnLayout {
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: {
|
|
if (name.endsWith("_win_audio")) {
|
|
return "胜利语音";
|
|
}
|
|
return luatr(name) + (idx ? " (" + idx.toString() + ")"
|
|
: "");
|
|
}
|
|
font.bold: true
|
|
font.pixelSize: 14
|
|
}
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: {
|
|
const orig = '$' + name + (idx ? idx.toString() : "");
|
|
const orig_trans = luatr(orig);
|
|
|
|
// try general specific
|
|
const orig_g = '$' + name + '_' + detailGeneralCard.name
|
|
+ (idx ? idx.toString() : "");
|
|
const orig_g_trans = luatr(orig_g);
|
|
|
|
if (orig_g_trans !== orig_g) {
|
|
return orig_g_trans;
|
|
}
|
|
|
|
if (orig_trans !== orig) {
|
|
return orig_trans;
|
|
}
|
|
|
|
return "";
|
|
}
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
}
|
|
|
|
onClicked: {
|
|
callbacks["LogEvent"](JSON.stringify({
|
|
type: "PlaySkillSound",
|
|
name: name,
|
|
general: detailGeneralCard.name,
|
|
i: idx,
|
|
}));
|
|
}
|
|
}
|
|
}
|
|
|
|
Popup {
|
|
id: generalDetail
|
|
width: realMainWin.width * 0.6
|
|
height: realMainWin.height * 0.8
|
|
anchors.centerIn: parent
|
|
background: Rectangle {
|
|
color: "#EEEEEEEE"
|
|
radius: 5
|
|
border.color: "#A6967A"
|
|
border.width: 1
|
|
}
|
|
|
|
property string general: "caocao"
|
|
|
|
function addSpecialSkillAudio(skill) {
|
|
const gdata = lcall("GetGeneralData", general);
|
|
const extension = gdata.extension;
|
|
let ret = false;
|
|
for (let i = 0; i < 999; i++) {
|
|
const fname = AppPath + "/packages/" + extension + "/audio/skill/" +
|
|
skill + "_" + general + (i !== 0 ? i.toString() : "") + ".mp3";
|
|
|
|
if (Backend.exists(fname)) {
|
|
ret = true;
|
|
audioModel.append({ name: skill, idx: i });
|
|
} else {
|
|
if (i > 0) break;
|
|
}
|
|
}
|
|
return ret;
|
|
}
|
|
|
|
function addSkillAudio(skill) {
|
|
if (addSpecialSkillAudio(skill)) return;
|
|
const skilldata = lcall("GetSkillData", skill);
|
|
if (!skilldata) return;
|
|
const extension = skilldata.extension;
|
|
for (let i = 0; i < 999; i++) {
|
|
const fname = AppPath + "/packages/" + extension + "/audio/skill/" +
|
|
skill + (i !== 0 ? i.toString() : "") + ".mp3";
|
|
|
|
if (Backend.exists(fname)) {
|
|
audioModel.append({ name: skill, idx: i });
|
|
} else {
|
|
if (i > 0) break;
|
|
}
|
|
}
|
|
}
|
|
|
|
function findDeathAudio(general) {
|
|
const extension = lcall("GetGeneralData", general).extension;
|
|
const fname = AppPath + "/packages/" + extension + "/audio/death/"
|
|
+ general + ".mp3";
|
|
if (Backend.exists(fname)) {
|
|
audioDeath.visible = true;
|
|
} else {
|
|
audioDeath.visible = false;
|
|
}
|
|
}
|
|
|
|
function updateGeneral() {
|
|
detailGeneralCard.name = general;
|
|
const data = lcall("GetGeneralDetail", general);
|
|
generalText.clear();
|
|
audioModel.clear();
|
|
|
|
if (data.companions.length > 0){
|
|
let ret = "<font color=\"slategrey\"><b>" + luatr("Companions")
|
|
+ "</b>: ";
|
|
data.companions.forEach(t => {
|
|
ret += luatr(t) + ' '
|
|
});
|
|
generalText.append(ret)
|
|
}
|
|
|
|
data.skill.forEach(t => {
|
|
generalText.append("<b>" + luatr(t.name) +
|
|
"</b>: " + t.description);
|
|
|
|
addSkillAudio(t.name);
|
|
});
|
|
data.related_skill.forEach(t => {
|
|
generalText.append("<font color=\"purple\"><b>" + luatr(t.name) +
|
|
"</b>: " + t.description + "</font>");
|
|
|
|
addSkillAudio(t.name);
|
|
});
|
|
findDeathAudio(general);
|
|
|
|
addSkillAudio(general + "_win_audio");
|
|
}
|
|
|
|
Item {
|
|
anchors.centerIn: parent
|
|
width: parent.width / mainWindow.scale
|
|
height: parent.height / mainWindow.scale
|
|
scale: mainWindow.scale
|
|
|
|
Item {
|
|
id: generalInfo
|
|
width: 150
|
|
ColumnLayout {
|
|
width: parent.width
|
|
GeneralCardItem {
|
|
id: detailGeneralCard
|
|
name: "caocao"
|
|
scale: 1.5; transformOrigin: Item.TopLeft
|
|
}
|
|
|
|
Item { Layout.preferredHeight: 130 * 0.5 }
|
|
|
|
Text {
|
|
Layout.fillWidth: true
|
|
textFormat: TextEdit.RichText
|
|
font.pixelSize: 16
|
|
function trans(str) {
|
|
const ret = luatr(str);
|
|
if (ret === str) {
|
|
return "官方";
|
|
}
|
|
return ret;
|
|
}
|
|
text: {
|
|
const general = generalDetail.general;
|
|
return [
|
|
luatr(lcall("GetGeneralData", general).package),
|
|
"称号：" + trans("#" + general),
|
|
"设计：" + trans("designer:" + general),
|
|
"配音：" + trans("cv:" + general),
|
|
"画师：" + trans("illustrator:" + general),
|
|
].join("<br>");
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: opTimer
|
|
interval: 4000
|
|
}
|
|
|
|
Button {
|
|
text: luatr("Set as Avatar")
|
|
enabled: detailGeneralCard.name !== "" && !opTimer.running
|
|
&& Self.avatar !== detailGeneralCard.name
|
|
onClicked: {
|
|
mainWindow.busy = true;
|
|
opTimer.start();
|
|
ClientInstance.notifyServer(
|
|
"UpdateAvatar",
|
|
JSON.stringify([detailGeneralCard.name])
|
|
);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Flickable {
|
|
flickableDirection: Flickable.VerticalFlick
|
|
contentHeight: detailLayout.height
|
|
width: parent.width - 40 - generalInfo.width
|
|
height: parent.height - 40
|
|
clip: true
|
|
anchors.left: generalInfo.right
|
|
anchors.leftMargin: 20
|
|
y: 20
|
|
|
|
ColumnLayout {
|
|
id: detailLayout
|
|
width: parent.width
|
|
|
|
TextEdit {
|
|
id: generalText
|
|
|
|
Layout.fillWidth: true
|
|
readOnly: true
|
|
selectByKeyboard: true
|
|
selectByMouse: false
|
|
wrapMode: TextEdit.WordWrap
|
|
textFormat: TextEdit.RichText
|
|
font.pixelSize: 18
|
|
}
|
|
|
|
GridLayout {
|
|
Layout.fillWidth: true
|
|
columns: 2
|
|
Repeater {
|
|
model: ListModel {
|
|
id: audioModel
|
|
}
|
|
delegate: skillAudioBtn
|
|
}
|
|
}
|
|
|
|
Button {
|
|
id: audioDeath
|
|
Layout.fillWidth: true
|
|
contentItem: ColumnLayout {
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: luatr("Death audio")
|
|
font.bold: true
|
|
font.pixelSize: 14
|
|
}
|
|
Text {
|
|
Layout.fillWidth: true
|
|
text: {
|
|
const orig = "~" + generalDetail.general;
|
|
const tr = luatr(orig);
|
|
if (tr === orig) {
|
|
return "";
|
|
}
|
|
return tr;
|
|
}
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
}
|
|
|
|
onClicked: {
|
|
const general = generalDetail.general
|
|
const extension = lcall("GetGeneralData", general).extension;
|
|
Backend.playSound("./packages/" + extension + "/audio/death/"
|
|
+ general);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function loadPackages() {
|
|
if (loaded) return;
|
|
const _mods = lcall("GetAllModNames")
|
|
const modData = lcall("GetAllMods")
|
|
const packs = lcall("GetAllGeneralPack");
|
|
_mods.forEach(name => {
|
|
const pkgs = modData[name].filter(p => packs.includes(p)
|
|
&& !config.serverHiddenPacks.includes(p));
|
|
if (pkgs.length > 0)
|
|
mods.append({ name: name, pkgs: JSON.stringify(pkgs) });
|
|
});
|
|
loaded = true;
|
|
}
|
|
}
|