60 lines
1.7 KiB
JavaScript
60 lines
1.7 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
const fs = require("fs");
|
||
|
|
const path = require("path");
|
||
|
|
|
||
|
|
Editor.Panel.extend({
|
||
|
|
// 读取样式和模板
|
||
|
|
style: fs.readFileSync(Editor.url("packages://mcp-bridge/panel/index.html"), "utf-8"),
|
||
|
|
template: fs.readFileSync(Editor.url("packages://mcp-bridge/panel/index.html"), "utf-8"),
|
||
|
|
|
||
|
|
// 面板渲染成功后的回调
|
||
|
|
ready() {
|
||
|
|
// 使用 querySelector 确保能拿到元素，避免依赖可能为 undefined 的 this.$
|
||
|
|
const btnGet = this.shadowRoot.querySelector("#btn-get");
|
||
|
|
const btnSet = this.shadowRoot.querySelector("#btn-set");
|
||
|
|
const nodeIdInput = this.shadowRoot.querySelector("#nodeId");
|
||
|
|
const newNameInput = this.shadowRoot.querySelector("#newName");
|
||
|
|
const logDiv = this.shadowRoot.querySelector("#log");
|
||
|
|
|
||
|
|
if (!btnGet || !btnSet) {
|
||
|
|
Editor.error("Failed to find UI elements. Check if IDs in HTML match.");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 测试获取信息
|
||
|
|
btnGet.addEventListener("confirm", () => {
|
||
|
|
Editor.Ipc.sendToMain("mcp-bridge:get-selected-info", (err, ids) => {
|
||
|
|
if (ids && ids.length > 0) {
|
||
|
|
nodeIdInput.value = ids[0];
|
||
|
|
logDiv.innerText = "Status: Selected Node " + ids[0];
|
||
|
|
} else {
|
||
|
|
logDiv.innerText = "Status: No node selected";
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
// 测试修改信息
|
||
|
|
btnSet.addEventListener("confirm", () => {
|
||
|
|
let data = {
|
||
|
|
id: nodeIdInput.value,
|
||
|
|
path: "name",
|
||
|
|
value: newNameInput.value,
|
||
|
|
};
|
||
|
|
|
||
|
|
if (!data.id) {
|
||
|
|
logDiv.innerText = "Error: Please get Node ID first";
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
Editor.Ipc.sendToMain("mcp-bridge:set-node-property", data, (err, res) => {
|
||
|
|
if (err) {
|
||
|
|
logDiv.innerText = "Error: " + err;
|
||
|
|
} else {
|
||
|
|
logDiv.innerText = "Success: " + res;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
});
|