miao-moe/Seewo-HugoAura
1
0
Fork 0
mirror of https://github.com/HugoAura/Seewo-HugoAura.git synced 2026-06-22 08:14:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

[Feat] Refactor UI loader & Add freeze report override

Browse Source
This commit is contained in:
Minoricew
2025-06-10 00:28:53 +08:00
parent ed29f1b86f
commit a639ae0ac6
17 changed files with 861 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
src/aura/ui/composables/settingsRenderer.js
View File

@@ -51,6 +51,9 @@ const insertOrRemoveEl = (parent, child, isInsert = true) => {
}
};
const createOnLeaveEvtListener =
global.__HUGO_AURA_GLOBAL__.utils.createOnLeaveEvtListener;
const renderInputArea = (entry, operationArea, descriptionArea) => {
switch (entry.type) {
case "switch": {
@@ -131,7 +134,7 @@ const renderInputArea = (entry, operationArea, descriptionArea) => {
}
};
const renderChild = (entry, formEl) => {
const renderNormalSettingsItem = (entry, formEl) => {
const entryContainerEl = document.createElement("div");
entryContainerEl.classList.add("aura-settings-entry");
entryContainerEl.id = `${entry.id}Container`;
@@ -216,7 +219,7 @@ const renderChild = (entry, formEl) => {
const entryDescription = document.createElement("p");
entryDescription.classList.add("aura-settings-entry-desc");
entryDescription.textContent = entry.description;
entryDescription.innerHTML = entry.description;
entryInfoContainerEl.appendChild(entryTitle);
entryInfoContainerEl.appendChild(entryDescription);
@@ -229,20 +232,18 @@ const renderChild = (entry, formEl) => {
insertOrRemoveEl(entryOperationArea, targetEl, true);
if (entry.reactive) {
document.addEventListener(
entry.PLSRequired ? "onPLSConfigUpdate" : "onHugoAuraConfigUpdate",
(event) => {
if (entry.reactiveVal.includes(event.detail.path.join("."))) {
insertOrRemoveEl(entryOperationArea, targetEl, false);
targetEl = renderInputArea(
entry,
entryOperationArea,
entryDescription
);
insertOrRemoveEl(entryOperationArea, targetEl, true);
}
const evtListener = (event) => {
if (entry.reactiveVal.includes(event.detail.path.join("."))) {
insertOrRemoveEl(entryOperationArea, targetEl, false);
targetEl = renderInputArea(entry, entryOperationArea, entryDescription);
insertOrRemoveEl(entryOperationArea, targetEl, true);
}
);
};
const channel = entry.PLSRequired
? "onPLSConfigUpdate"
: "onHugoAuraConfigUpdate";
entryContainerEl.addEventListener(channel, evtListener);
// createOnLeaveEvtListener(channel, evtListener);
}
const setDisableStatus = (el, isDisable, hint = null) => {
@@ -266,35 +267,95 @@ const renderChild = (entry, formEl) => {
setDisableStatus(entryOperationArea, true, "连接至 PLS 以继续");
}
document.addEventListener("onPLSStatsUpdate", (event) => {
const evtListener = (event) => {
if (event.detail.connected) {
setDisableStatus(entryOperationArea, false);
} else {
setDisableStatus(entryOperationArea, true, "连接至 PLS 以继续");
}
});
};
entryContainerEl.addEventListener("onPLSStatsUpdate", evtListener);
// createOnLeaveEvtListener("onPLSStatsUpdate", evtListener);
}
entryContainerEl.appendChild(entryOperationArea);
const isShow = entry.auraIf();
if (!isShow) entryContainerEl.classList.add("aura-settings-entry-hidden");
if (entry.associateVal) {
document.addEventListener(
entry.PLSRequired ? "onPLSConfigUpdate" : "onHugoAuraConfigUpdate",
(event) => {
if (!entry.associateVal.includes(event.detail.path.join("."))) return;
const cls = entryContainerEl.classList;
const isShow = entry.auraIf();
isShow
? cls.remove("aura-settings-entry-hidden")
: cls.add("aura-settings-entry-hidden");
}
);
const evtListener = (event) => {
if (!entry.associateVal.includes(event.detail.path.join("."))) return;
const cls = entryContainerEl.classList;
const isShow = entry.auraIf();
isShow
? cls.remove("aura-settings-entry-hidden")
: cls.add("aura-settings-entry-hidden");
};
const channel = entry.PLSRequired
? "onPLSConfigUpdate"
: "onHugoAuraConfigUpdate";
entryContainerEl.addEventListener(channel, evtListener);
// createOnLeaveEvtListener(channel, evtListener);
}
formEl.appendChild(entryContainerEl);
};
const renderPreviewItem = (entry, formEl) => {
const elementId = entry.customId ? entry.customId : `${entry.id}Container`;
const eventChannel = entry.listenerType;
const separateHrContainer = document.createElement("div");
separateHrContainer.classList.add("aura-settings-preview-area-hr-container");
const hrTitle = document.createElement("p");
hrTitle.textContent = "预览";
const hrElement = document.createElement("hr");
hrElement.classList.add("aura-settings-preview-hr");
separateHrContainer.appendChild(hrElement);
separateHrContainer.appendChild(hrTitle);
separateHrContainer.appendChild(hrElement.cloneNode());
formEl.appendChild(separateHrContainer);
const previewContainerEl = document.createElement("div");
previewContainerEl.classList.add("aura-settings-preview-area-container");
previewContainerEl.id = elementId;
const eventListener = (event) => {
const childs = previewContainerEl.querySelectorAll("*");
Array.from(childs).forEach((el) => {
el.dispatchEvent(
new CustomEvent("onAssociateValueUpdated", { detail: event.detail })
);
});
};
document.addEventListener(
eventChannel === "pls" ? "onPLSConfigUpdate" : "onHugoAuraConfigUpdate",
eventListener
);
createOnLeaveEvtListener(eventListener); // Clean up
formEl.appendChild(previewContainerEl);
setTimeout(() => {
global.__HUGO_AURA_LOADER__[entry.loaderTarget].active = true;
}, 50);
};
const renderChild = (entry, formEl) => {
switch (entry.type) {
case "preview":
renderPreviewItem(entry, formEl);
break;
default:
renderNormalSettingsItem(entry, formEl);
break;
}
};
const settingsRenderer = (pendingEl, settingsObj) => {
const formEl = document.createElement("form");
formEl.classList.add("aura-settings-form");