mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-06-28 11:52:46 +08:00
改用browserwindows实现systemdialog，和现有弹窗UI统一参数格式
This commit is contained in:
fofolee
parent
272cf488a3
commit
1b1c79deb5
192
plugin/lib/dialog/controller.js
Normal file
192
plugin/lib/dialog/controller.js
Normal file
@ -0,0 +1,192 @@
|
||||
const { ipcRenderer } = require("electron");
|
||||
|
||||
// 等待 DOM 加载完成
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
let parentId = null;
|
||||
let dialogType = null;
|
||||
|
||||
// 监听父窗口发来的对话框配置
|
||||
ipcRenderer.on("dialog-config", (event, config) => {
|
||||
parentId = event.senderId;
|
||||
dialogType = config.type;
|
||||
|
||||
// 设置主题
|
||||
document.documentElement.setAttribute(
|
||||
"data-theme",
|
||||
config.isDark ? "dark" : "light"
|
||||
);
|
||||
|
||||
// 设置对话框标题
|
||||
document.getElementById("title-text").textContent = config.title || "提示";
|
||||
|
||||
// 设置对话框内容
|
||||
if (config.content) {
|
||||
document.getElementById("content").textContent = config.content;
|
||||
}
|
||||
|
||||
// 根据类型设置不同的对话框内容
|
||||
switch (config.type) {
|
||||
case "message":
|
||||
document.body.classList.add("dialog-message"); // 添加消息对话框的类
|
||||
break;
|
||||
|
||||
case "input":
|
||||
document.getElementById("input").style.display = "block";
|
||||
document.body.classList.add("dialog-input");
|
||||
// 创建输入框
|
||||
const inputContainer = document.getElementById("input-container");
|
||||
inputContainer.innerHTML = ""; // 清空现有内容
|
||||
config.inputOptions.forEach((inputOption, index) => {
|
||||
console.log(inputOption);
|
||||
const div = document.createElement("div");
|
||||
div.className = "input-group";
|
||||
|
||||
const label = document.createElement("label");
|
||||
label.textContent =
|
||||
typeof inputOption === "string" ? inputOption : inputOption.label;
|
||||
|
||||
const input = document.createElement("input");
|
||||
input.type = "text";
|
||||
input.id = `input-${index}`;
|
||||
if (typeof inputOption !== "string") {
|
||||
input.value = inputOption.value || "";
|
||||
input.placeholder = inputOption.hint || "";
|
||||
}
|
||||
|
||||
div.appendChild(label);
|
||||
div.appendChild(input);
|
||||
inputContainer.appendChild(div);
|
||||
});
|
||||
document.getElementById("input-0").focus();
|
||||
break;
|
||||
|
||||
case "confirm":
|
||||
document.getElementById("confirm").style.display = "block";
|
||||
document.body.classList.add("dialog-confirm");
|
||||
break;
|
||||
|
||||
case "buttons":
|
||||
document.getElementById("buttons").style.display = "block";
|
||||
document.body.classList.add("dialog-buttons");
|
||||
// 创建按钮
|
||||
const buttonContainer = document.getElementById("button-container");
|
||||
buttonContainer.innerHTML = "";
|
||||
config.buttons.forEach((btn, index) => {
|
||||
const button = document.createElement("button");
|
||||
button.textContent = btn;
|
||||
button.onclick = () => {
|
||||
ipcRenderer.sendTo(parentId, "dialog-result", {
|
||||
id: index,
|
||||
text: btn,
|
||||
});
|
||||
};
|
||||
buttonContainer.appendChild(button);
|
||||
});
|
||||
break;
|
||||
|
||||
case "textarea":
|
||||
document.getElementById("textarea").style.display = "block";
|
||||
document.body.classList.add("dialog-textarea");
|
||||
const textarea = document.getElementById("text-content");
|
||||
if (config.placeholder) {
|
||||
textarea.placeholder = config.placeholder;
|
||||
}
|
||||
if (config.defaultText) {
|
||||
textarea.value = config.defaultText;
|
||||
}
|
||||
textarea.focus();
|
||||
break;
|
||||
}
|
||||
ipcRenderer.sendTo(parentId, "dialog-ready", calculateHeight());
|
||||
});
|
||||
|
||||
const calculateHeight = () => {
|
||||
const titleBar = document.querySelector(".title-bar");
|
||||
const buttonBar = document.querySelector(".button-bar");
|
||||
const contentWrapper = document.querySelector(".content-wrapper");
|
||||
|
||||
// 计算总高度
|
||||
const totalHeight =
|
||||
titleBar.offsetHeight +
|
||||
contentWrapper.scrollHeight +
|
||||
(buttonBar.style.display !== "none" ? buttonBar.offsetHeight : 0);
|
||||
|
||||
// 确保高度在最小值和最大值之间
|
||||
return Math.min(Math.max(totalHeight, 100), 520);
|
||||
};
|
||||
|
||||
// 确定按钮点击事件
|
||||
document.getElementById("ok-btn").onclick = () => {
|
||||
let result;
|
||||
|
||||
switch (dialogType) {
|
||||
case "message":
|
||||
result = true;
|
||||
break;
|
||||
|
||||
case "input":
|
||||
const inputs = document.querySelectorAll("#input-container input");
|
||||
result = Array.from(inputs).map((input) => input.value);
|
||||
break;
|
||||
|
||||
case "confirm":
|
||||
result = true;
|
||||
break;
|
||||
|
||||
case "textarea":
|
||||
result = document.getElementById("text-content").value;
|
||||
break;
|
||||
}
|
||||
|
||||
ipcRenderer.sendTo(parentId, "dialog-result", result);
|
||||
};
|
||||
|
||||
const cancelDialog = () => {
|
||||
let result;
|
||||
switch (dialogType) {
|
||||
case "input":
|
||||
result = [];
|
||||
break;
|
||||
case "textarea":
|
||||
result = "";
|
||||
break;
|
||||
case "confirm":
|
||||
result = false;
|
||||
break;
|
||||
case "buttons":
|
||||
result = {};
|
||||
break;
|
||||
default:
|
||||
result = null;
|
||||
}
|
||||
ipcRenderer.sendTo(parentId, "dialog-result", result);
|
||||
};
|
||||
|
||||
// 取消按钮点击事件
|
||||
document.getElementById("cancel-btn").onclick = () => {
|
||||
cancelDialog();
|
||||
};
|
||||
|
||||
// ESC键关闭窗口
|
||||
document.addEventListener("keydown", (e) => {
|
||||
if (e.key === "Escape") {
|
||||
cancelDialog();
|
||||
}
|
||||
});
|
||||
|
||||
// 回车键确认
|
||||
document.addEventListener("keydown", (e) => {
|
||||
// 如果是文本区域且按下回车，不触发确认
|
||||
if (e.key === "Enter") {
|
||||
if (dialogType === "textarea" && !e.ctrlKey) {
|
||||
return;
|
||||
}
|
||||
document.getElementById("ok-btn").click();
|
||||
}
|
||||
});
|
||||
|
||||
// 关闭按钮点击事件
|
||||
document.querySelector(".close-btn").onclick = () => {
|
||||
cancelDialog();
|
||||
};
|
||||
});
|
||||
163
plugin/lib/dialog/service.js
Normal file
163
plugin/lib/dialog/service.js
Normal file
@ -0,0 +1,163 @@
|
||||
const { ipcRenderer } = require("electron");
|
||||
const { createBrowserWindow } = utools;
|
||||
/**
|
||||
* 创建对话框窗口
|
||||
* @param {object} config - 对话框配置
|
||||
* @returns {Promise} 返回对话框结果
|
||||
*/
|
||||
const createDialog = (config) => {
|
||||
return new Promise((resolve) => {
|
||||
const dialogPath = "lib/dialog/view.html";
|
||||
const preloadPath = "lib/dialog/controller.js";
|
||||
|
||||
const dialogOptions = {
|
||||
title: config.title || "对话框",
|
||||
width: 470,
|
||||
height: 80,
|
||||
resizable: false,
|
||||
minimizable: false,
|
||||
maximizable: false,
|
||||
fullscreenable: false,
|
||||
skipTaskbar: true,
|
||||
alwaysOnTop: true,
|
||||
frame: false,
|
||||
webPreferences: {
|
||||
preload: preloadPath,
|
||||
},
|
||||
};
|
||||
|
||||
// 创建窗口
|
||||
const UBrowser = createBrowserWindow(dialogPath, dialogOptions, () => {
|
||||
const dialogResultHandler = (event, result) => {
|
||||
resolve(result);
|
||||
// 移除监听器
|
||||
ipcRenderer.removeListener("dialog-result", dialogResultHandler);
|
||||
UBrowser.destroy();
|
||||
};
|
||||
|
||||
const dialogReadyHandler = (event, height) => {
|
||||
// 获取当前窗口位置
|
||||
const bounds = UBrowser.getBounds();
|
||||
// 调整y坐标，保持窗口中心点不变
|
||||
const y = Math.round(bounds.y - (height - bounds.height) / 2);
|
||||
// 确保坐标和尺寸都是有效的整数
|
||||
const newBounds = {
|
||||
x: Math.round(bounds.x),
|
||||
y: Math.max(0, y), // 确保不会超出屏幕顶部
|
||||
width: 470,
|
||||
height: Math.round(height),
|
||||
};
|
||||
// 设置新的位置和大小
|
||||
UBrowser.setBounds(newBounds);
|
||||
ipcRenderer.removeListener("dialog-ready", dialogReadyHandler);
|
||||
};
|
||||
ipcRenderer.on("dialog-ready", dialogReadyHandler);
|
||||
|
||||
// 添加监听器
|
||||
ipcRenderer.on("dialog-result", dialogResultHandler);
|
||||
|
||||
// 发送配置到子窗口
|
||||
ipcRenderer.sendTo(UBrowser.webContents.id, "dialog-config", {
|
||||
...config,
|
||||
isDark: utools.isDarkColors(),
|
||||
});
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 显示一个系统级消息框
|
||||
* @param {string} content - 消息内容
|
||||
* @param {string} [title] - 标题，默认为空
|
||||
* @returns {Promise<void>} Promise
|
||||
*/
|
||||
const showSystemMessageBox = async (content, title = "") => {
|
||||
await createDialog({
|
||||
type: "message",
|
||||
title,
|
||||
content,
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 显示一个系统级输入框组对话框
|
||||
* @param {string[]|{label:string,value:string,hint:string}[]} options - 输入框配置，可以是标签数组或者带属性的对象数组
|
||||
* @param {string} [title] - 标题，默认为空
|
||||
* @returns {Promise<string[]|null>} 输入的内容数组
|
||||
*/
|
||||
const showSystemInputBox = async (options, title = "") => {
|
||||
// 确保 options 是数组
|
||||
const optionsArray = Array.isArray(options) ? options : [options];
|
||||
|
||||
// 转换每个选项为正确的格式
|
||||
const inputOptions = optionsArray.map((opt) => {
|
||||
if (typeof opt === "string") {
|
||||
return opt;
|
||||
}
|
||||
if (typeof opt === "object" && opt.label) {
|
||||
return {
|
||||
label: opt.label,
|
||||
value: opt.value || "",
|
||||
hint: opt.hint || "",
|
||||
};
|
||||
}
|
||||
throw new Error("输入框配置格式错误");
|
||||
});
|
||||
|
||||
return await createDialog({
|
||||
type: "input",
|
||||
title,
|
||||
inputOptions,
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 显示一个系统级确认框，返回是否点击了确认
|
||||
* @param {string} content - 确认内容
|
||||
* @param {string} [title] - 标题，默认为空
|
||||
* @returns {Promise<boolean>} 是否确认
|
||||
*/
|
||||
const showSystemConfirmBox = async (content, title = "") => {
|
||||
const result = await createDialog({
|
||||
type: "confirm",
|
||||
title,
|
||||
content,
|
||||
});
|
||||
return !!result;
|
||||
};
|
||||
|
||||
/**
|
||||
* 显示一个系统级按钮组对话框，返回点击的按钮的索引和文本
|
||||
* @param {string[]} buttons - 按钮文本数组
|
||||
* @param {string} [title] - 标题，默认为空
|
||||
* @returns {Promise<{id: number, text: string}|null>} 选择的按钮信息
|
||||
*/
|
||||
const showSystemButtonBox = async (buttons, title = "") => {
|
||||
return await createDialog({
|
||||
type: "buttons",
|
||||
title,
|
||||
buttons: Array.isArray(buttons) ? buttons : [buttons],
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* 显示一个系统级多行文本输入框
|
||||
* @param {string} [placeholder] - 输入框的提示文本
|
||||
* @param {string} [defaultText] - 输入框的默认文本，默认为空
|
||||
* @returns {Promise<string|null>} 编辑后的文本
|
||||
*/
|
||||
const showSystemTextArea = async (placeholder = "请输入", defaultText = "") => {
|
||||
return await createDialog({
|
||||
type: "textarea",
|
||||
placeholder,
|
||||
defaultText,
|
||||
});
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
showSystemMessageBox,
|
||||
showSystemInputBox,
|
||||
showSystemConfirmBox,
|
||||
showSystemButtonBox,
|
||||
showSystemTextArea,
|
||||
};
|
||||
344
plugin/lib/dialog/view.html
Normal file
344
plugin/lib/dialog/view.html
Normal file
@ -0,0 +1,344 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>对话框</title>
|
||||
<style>
|
||||
:root {
|
||||
--bg-color: #fff;
|
||||
--text-color: #333;
|
||||
--border-color: #ddd;
|
||||
--title-bg: #f5f5f5;
|
||||
--input-bg: #fff;
|
||||
--input-border: #ddd;
|
||||
--input-focus: #0d6efd;
|
||||
--button-bg: #0d6efd;
|
||||
--button-hover: #0b5ed7;
|
||||
--button-text: #fff;
|
||||
--cancel-bg: #6c757d;
|
||||
--cancel-border: #6c757d;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] {
|
||||
--bg-color: #282727;
|
||||
--text-color: #e0e0e0;
|
||||
--border-color: #404040;
|
||||
--title-bg: #2d2d2d;
|
||||
--input-bg: #2d2d2d;
|
||||
--input-border: #404040;
|
||||
--input-focus: #0d6efd;
|
||||
--button-bg: #0d6efd;
|
||||
--button-hover: #0b5ed7;
|
||||
--button-text: #fff;
|
||||
--cancel-bg: #4a4a4a;
|
||||
--cancel-border: #4a4a4a;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
||||
"Helvetica Neue", Arial, sans-serif;
|
||||
background: var(--bg-color);
|
||||
color: var(--text-color);
|
||||
user-select: none;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 标题栏样式 */
|
||||
.title-bar {
|
||||
background: var(--title-bg);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding: 4px 12px;
|
||||
-webkit-app-region: drag;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.title-left {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: var(--text-color);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
-webkit-app-region: no-drag;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
transition: all 0.2s;
|
||||
margin-left: 8px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
:root[data-theme="dark"] .close-btn {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.close-btn:hover {
|
||||
opacity: 1;
|
||||
background-color: #ff4d4d;
|
||||
}
|
||||
|
||||
.close-btn::before,
|
||||
.close-btn::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 1px;
|
||||
background-color: var(--text-color);
|
||||
transform-origin: center;
|
||||
}
|
||||
|
||||
.close-btn::before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.close-btn::after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.close-btn:hover::before,
|
||||
.close-btn:hover::after {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
padding: 16px;
|
||||
min-height: 60px;
|
||||
max-height: 449px;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
#content {
|
||||
line-height: 1.4;
|
||||
font-size: 13px;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.button-bar {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
gap: 8px;
|
||||
padding: 0 16px 16px;
|
||||
flex-shrink: 0;
|
||||
background: var(--bg-color);
|
||||
}
|
||||
|
||||
button {
|
||||
padding: 4px 12px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--button-bg);
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.08) 0%,
|
||||
rgba(0, 0, 0, 0.05) 100%
|
||||
),
|
||||
var(--button-bg);
|
||||
color: var(--button-text);
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
min-width: 70px;
|
||||
transition: all 0.2s ease;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.1) 0%,
|
||||
rgba(0, 0, 0, 0.05) 100%
|
||||
),
|
||||
var(--button-hover);
|
||||
}
|
||||
|
||||
button:active {
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(0, 0, 0, 0.05) 0%,
|
||||
rgba(255, 255, 255, 0.08) 100%
|
||||
),
|
||||
var(--button-bg);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
#ok-btn {
|
||||
padding: 0 12px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#cancel-btn {
|
||||
padding: 0 12px;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.08) 0%,
|
||||
rgba(0, 0, 0, 0.05) 100%
|
||||
),
|
||||
var(--cancel-bg);
|
||||
border: 1px solid var(--cancel-border);
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#cancel-btn:hover {
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.1) 0%,
|
||||
rgba(0, 0, 0, 0.05) 100%
|
||||
),
|
||||
var(--cancel-bg);
|
||||
}
|
||||
|
||||
#input-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.input-group label {
|
||||
display: block;
|
||||
padding: 0 0 4px 2px;
|
||||
color: var(--text-color);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.input-group input {
|
||||
width: 100%;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid var(--input-border);
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
box-sizing: border-box;
|
||||
background: var(--input-bg);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
.input-group input:focus {
|
||||
border-color: var(--input-focus);
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
|
||||
}
|
||||
|
||||
/* 文本区域样式 */
|
||||
textarea {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
padding: 6px 8px;
|
||||
border: 1px solid var(--input-border);
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
resize: none;
|
||||
box-sizing: border-box;
|
||||
background: var(--input-bg);
|
||||
color: var(--text-color);
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
border-color: var(--input-focus);
|
||||
outline: none;
|
||||
box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
|
||||
}
|
||||
|
||||
/* 按钮组样式 */
|
||||
#button-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
#button-container button {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
/* 根据对话框类型显示/隐藏取消按钮 */
|
||||
.dialog-message #cancel-btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dialog-buttons .button-bar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 隐藏所有对话框内容 */
|
||||
#input,
|
||||
#confirm,
|
||||
#buttons,
|
||||
#textarea {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<!-- 标题栏 -->
|
||||
<div class="title-bar">
|
||||
<div class="title-left">
|
||||
<img src="../../logo.png" alt="logo" class="logo" />
|
||||
<h1 class="title-text" id="title-text">对话框</h1>
|
||||
</div>
|
||||
<div class="close-btn"></div>
|
||||
</div>
|
||||
|
||||
<div class="content-wrapper">
|
||||
<div id="content"></div>
|
||||
|
||||
<!-- 输入对话框 -->
|
||||
<div id="input">
|
||||
<div id="input-container"></div>
|
||||
</div>
|
||||
|
||||
<!-- 确认对话框 -->
|
||||
<div id="confirm"></div>
|
||||
|
||||
<!-- 按钮选择对话框 -->
|
||||
<div id="buttons">
|
||||
<div id="button-container"></div>
|
||||
</div>
|
||||
|
||||
<!-- 文本区域对话框 -->
|
||||
<div id="textarea">
|
||||
<textarea id="text-content"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-bar">
|
||||
<button id="cancel-btn">取消</button>
|
||||
<button id="ok-btn">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -6,7 +6,7 @@ const iconv = require("iconv-lite");
|
||||
const path = require("path");
|
||||
const axios = require("axios");
|
||||
|
||||
const systemDialog = require("./systemDialog");
|
||||
const systemDialog = require("./dialog/service");
|
||||
|
||||
const { getQuickcommandTempFile } = require("./getQuickcommandFile");
|
||||
|
||||
@ -178,60 +178,7 @@ const quickcommand = {
|
||||
}
|
||||
return null;
|
||||
},
|
||||
|
||||
// 运行C#脚本
|
||||
runCsharp: function (script, args = []) {
|
||||
return new Promise((reslove, reject) => {
|
||||
let cscPath = path.join(
|
||||
process.env.WINDIR,
|
||||
"Microsoft.NET",
|
||||
"Framework",
|
||||
"v4.0.30319",
|
||||
"csc.exe"
|
||||
);
|
||||
if (!fs.existsSync(cscPath)) {
|
||||
cscPath = path.join(
|
||||
process.env.WINDIR,
|
||||
"Microsoft.NET",
|
||||
"Framework",
|
||||
"v3.5",
|
||||
"csc.exe"
|
||||
);
|
||||
}
|
||||
if (!fs.existsSync(cscPath)) {
|
||||
return reject("未安装.NET Framework");
|
||||
}
|
||||
let tempCsharpFile = getQuickcommandTempFile("cs");
|
||||
let tempBuildFile = getQuickcommandTempFile("exe");
|
||||
|
||||
fs.writeFile(tempCsharpFile, iconv.encode(script, "gbk"), (err) => {
|
||||
if (err) return reject(err.toString());
|
||||
// 添加命令行参数
|
||||
const argsStr =
|
||||
args.length > 0
|
||||
? " " +
|
||||
args
|
||||
.map((arg) =>
|
||||
arg.startsWith("-") ? arg : `"${arg}"`
|
||||
)
|
||||
.join(" ")
|
||||
: "";
|
||||
child_process.exec(
|
||||
`${cscPath} /nologo /out:${tempBuildFile} ${tempCsharpFile} && ${tempBuildFile}${argsStr}`,
|
||||
{
|
||||
encoding: "buffer",
|
||||
windowsHide: true,
|
||||
},
|
||||
(err, stdout) => {
|
||||
if (err) reject(iconv.decode(stdout, "gbk"));
|
||||
else reslove(iconv.decode(stdout, "gbk"));
|
||||
fs.unlink(tempCsharpFile, () => {});
|
||||
fs.unlink(tempBuildFile, () => {});
|
||||
}
|
||||
);
|
||||
});
|
||||
});
|
||||
},
|
||||
...systemDialog,
|
||||
};
|
||||
|
||||
if (process.platform === "win32") {
|
||||
@ -272,8 +219,6 @@ if (process.platform === "win32") {
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
quickcommand.showSystemTextArea = systemDialog.showSystemTextArea;
|
||||
}
|
||||
|
||||
if (process.platform === "darwin") {
|
||||
@ -316,11 +261,6 @@ if (process.platform !== "linux") {
|
||||
let command = createTerminalCommand(cmdline, options);
|
||||
child_process.exec(command);
|
||||
};
|
||||
// 系统级弹窗
|
||||
quickcommand.showSystemMessageBox = systemDialog.showSystemMessageBox;
|
||||
quickcommand.showSystemInputBox = systemDialog.showSystemInputBox;
|
||||
quickcommand.showSystemConfirmBox = systemDialog.showSystemConfirmBox;
|
||||
quickcommand.showSystemButtonBox = systemDialog.showSystemButtonBox;
|
||||
}
|
||||
|
||||
module.exports = quickcommand;
|
||||
|
||||
@ -1,303 +0,0 @@
|
||||
const fs = require("fs");
|
||||
const path = require("path");
|
||||
const { exec } = require("child_process");
|
||||
const { getQuickcommandFolderFile } = require("./getQuickcommandFile");
|
||||
const { runCsharpFeature } = require("./csharp");
|
||||
|
||||
// 辅助函数
|
||||
const execCommand = (cmd) => {
|
||||
return new Promise((resolve, reject) => {
|
||||
exec(cmd, (error, stdout, stderr) => {
|
||||
if (error) {
|
||||
reject(stderr);
|
||||
} else {
|
||||
resolve(stdout);
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
const checkZenity = async () => {
|
||||
try {
|
||||
await execCommand("which zenity");
|
||||
return true;
|
||||
} catch (error) {
|
||||
window.utools.showNotification(
|
||||
"请先安装 zenity：\nsudo apt install zenity 或\nsudo yum install zenity 或\nsudo pacman -S zenity"
|
||||
);
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
const getQuickcommandIconPath = () => {
|
||||
try {
|
||||
const iconPath = getQuickcommandFolderFile("logo", "png");
|
||||
if (!fs.existsSync(iconPath)) {
|
||||
const sourcePath = path.join(__dirname, "..", "logo.png");
|
||||
if (!fs.existsSync(sourcePath)) {
|
||||
console.error("Source icon not found:", sourcePath);
|
||||
return "";
|
||||
}
|
||||
fs.copyFileSync(sourcePath, iconPath);
|
||||
}
|
||||
return iconPath;
|
||||
} catch (error) {
|
||||
console.error("Error getting icon path:", error);
|
||||
return "";
|
||||
}
|
||||
};
|
||||
|
||||
// 修改对话框函数，使用新的 dialog.cs
|
||||
const showSystemMessageBox = async function (content, title = "提示") {
|
||||
try {
|
||||
const iconPath = getQuickcommandIconPath();
|
||||
if (window.utools.isWindows()) {
|
||||
const args = [
|
||||
"-type",
|
||||
"message",
|
||||
"-title",
|
||||
title,
|
||||
"-content",
|
||||
content.replace(/\r\n|\n/g, ""),
|
||||
];
|
||||
|
||||
if (iconPath) {
|
||||
args.push("-iconpath", iconPath.replace(/\\/g, "\\\\"));
|
||||
}
|
||||
|
||||
const result = await runCsharpFeature("dialog", args);
|
||||
if (result && result.startsWith("Error:")) {
|
||||
throw new Error(result.substring(7));
|
||||
}
|
||||
return true;
|
||||
}
|
||||
if (window.utools.isMacOs()) {
|
||||
let iconParam = "note";
|
||||
if (iconPath) {
|
||||
const posixPath = iconPath.replace(/\\/g, "/");
|
||||
iconParam = `alias POSIX file "${posixPath}"`;
|
||||
}
|
||||
const script = `display dialog "${content}" with title "${title}" buttons {"确定"} default button "确定" with icon ${iconParam}`;
|
||||
await this.runAppleScript(script);
|
||||
return true;
|
||||
} else if (window.utools.isLinux()) {
|
||||
if (!(await checkZenity())) return false;
|
||||
try {
|
||||
const script = `zenity --info --title="${title}" --text="${content}" --width=400`;
|
||||
await execCommand(script);
|
||||
return true;
|
||||
} catch (error) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Dialog error:", error);
|
||||
window.utools.showNotification(`对话框错误: ${error.message}`);
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
const showSystemInputBox = async function (placeholders, title = "请输入") {
|
||||
if (!Array.isArray(placeholders)) {
|
||||
placeholders = [placeholders];
|
||||
}
|
||||
|
||||
const iconPath = getQuickcommandIconPath();
|
||||
if (window.utools.isMacOs()) {
|
||||
let iconParam = "note";
|
||||
if (iconPath) {
|
||||
const posixPath = iconPath.replace(/\\/g, "/");
|
||||
iconParam = `alias POSIX file "${posixPath}"`;
|
||||
}
|
||||
try {
|
||||
const results = [];
|
||||
for (let i = 0; i < placeholders.length; i++) {
|
||||
const isLast = i === placeholders.length - 1;
|
||||
const buttons = isLast ? '{"取消", "确定"}' : '{"取消", "继续"}';
|
||||
const defaultButton = isLast ? '"确定"' : '"继续"';
|
||||
const script = `display dialog "${placeholders[i]}" with title "${title}" default answer "" buttons ${buttons} default button ${defaultButton} with icon ${iconParam}`;
|
||||
const result = await this.runAppleScript(script);
|
||||
const buttonClicked = isLast ? "确定" : "继续";
|
||||
if (!result.includes(`button returned:${buttonClicked}`)) {
|
||||
return null;
|
||||
}
|
||||
const text = result.match(/text returned:(.+)/)[1];
|
||||
results.push(text);
|
||||
}
|
||||
return results;
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
return [];
|
||||
}
|
||||
} else if (window.utools.isWindows()) {
|
||||
const args = [
|
||||
"-type",
|
||||
"input",
|
||||
"-title",
|
||||
title,
|
||||
"-content",
|
||||
placeholders.join("|||||"),
|
||||
];
|
||||
|
||||
if (iconPath) {
|
||||
args.push("-iconpath", iconPath.replace(/\\/g, "\\\\"));
|
||||
}
|
||||
|
||||
const result = await runCsharpFeature("dialog", args);
|
||||
return result ? JSON.parse(result) : [];
|
||||
} else if (window.utools.isLinux()) {
|
||||
if (!(await checkZenity())) return null;
|
||||
const results = [];
|
||||
for (let i = 0; i < placeholders.length; i++) {
|
||||
try {
|
||||
const script = `zenity --entry --title="${title}" --text="${placeholders[i]}" --width=400`;
|
||||
const result = await execCommand(script);
|
||||
if (!result) return [];
|
||||
results.push(result.trim());
|
||||
} catch (error) {
|
||||
console.error("执行 zenity 命令失败:", error);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
return results;
|
||||
}
|
||||
};
|
||||
|
||||
const showSystemConfirmBox = async function (content, title = "请确认") {
|
||||
const iconPath = getQuickcommandIconPath();
|
||||
if (window.utools.isMacOs()) {
|
||||
let iconParam = "note";
|
||||
if (iconPath) {
|
||||
const posixPath = iconPath.replace(/\\/g, "/");
|
||||
iconParam = `alias POSIX file "${posixPath}"`;
|
||||
}
|
||||
const script = `display dialog "${content}" with title "${title}" buttons {"取消", "确定"} default button "确定" with icon ${iconParam}`;
|
||||
try {
|
||||
const result = await this.runAppleScript(script);
|
||||
return result.includes("button returned:确定");
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
return false;
|
||||
}
|
||||
} else if (window.utools.isWindows()) {
|
||||
const args = [
|
||||
"-type",
|
||||
"confirm",
|
||||
"-title",
|
||||
title,
|
||||
"-content",
|
||||
content.replace(/\r\n|\n/g, "\\n"),
|
||||
];
|
||||
|
||||
if (iconPath) {
|
||||
args.push("-iconpath", iconPath.replace(/\\/g, "\\\\"));
|
||||
}
|
||||
|
||||
const result = await runCsharpFeature("dialog", args);
|
||||
return result === "true";
|
||||
} else if (window.utools.isLinux()) {
|
||||
if (!(await checkZenity())) return false;
|
||||
try {
|
||||
const script = `zenity --question --title="${title}" --text="${content}" --width=400`;
|
||||
await execCommand(script);
|
||||
return true;
|
||||
} catch (error) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const showSystemButtonBox = async function (buttons, title = "请选择") {
|
||||
const iconPath = getQuickcommandIconPath();
|
||||
if (window.utools.isMacOs()) {
|
||||
const itemList = buttons.map((item) => `"${item}"`).join(", ");
|
||||
const script = `choose from list {${itemList}} with title "${title}" default items {"${buttons[0]}"}`;
|
||||
try {
|
||||
const result = await this.runAppleScript(script);
|
||||
if (result.includes("false")) return {};
|
||||
const text = result.trim();
|
||||
const id = buttons.findIndex((item) => item === text);
|
||||
return { id, text };
|
||||
} catch (err) {
|
||||
console.error(err);
|
||||
return {};
|
||||
}
|
||||
} else if (window.utools.isWindows()) {
|
||||
const args = [
|
||||
"-type",
|
||||
"buttons",
|
||||
"-title",
|
||||
title,
|
||||
"-content",
|
||||
buttons.join("|||||"),
|
||||
];
|
||||
|
||||
if (iconPath) {
|
||||
args.push("-iconpath", iconPath.replace(/\\/g, "\\\\"));
|
||||
}
|
||||
|
||||
const result = await runCsharpFeature("dialog", args);
|
||||
if (result) {
|
||||
return JSON.parse(result);
|
||||
}
|
||||
return {};
|
||||
} else if (window.utools.isLinux()) {
|
||||
if (!(await checkZenity())) return null;
|
||||
try {
|
||||
const script1 = `zenity --info --title="${title}" --width=400`;
|
||||
await execCommand(script1);
|
||||
|
||||
const itemsList = buttons
|
||||
.map((btn, index) => `"${index}" "${btn}"`)
|
||||
.join(" ");
|
||||
const script2 = `zenity --list --title="${title}" --column="序号" --column="选项" ${itemsList} --width=400 --height=300`;
|
||||
const result = await execCommand(script2);
|
||||
if (!result) return {};
|
||||
const text = result.trim();
|
||||
const id = buttons.findIndex((btn) => btn === text);
|
||||
return { id, text };
|
||||
} catch (error) {
|
||||
console.error("执行 zenity 命令失败:", error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
const showSystemTextArea = async function (defaultText = "", title = "请输入") {
|
||||
const iconPath = getQuickcommandIconPath();
|
||||
if (window.utools.isWindows()) {
|
||||
const args = [
|
||||
"-type",
|
||||
"textarea",
|
||||
"-title",
|
||||
title,
|
||||
"-content",
|
||||
defaultText,
|
||||
];
|
||||
|
||||
if (iconPath) {
|
||||
args.push("-iconpath", iconPath.replace(/\\/g, "\\\\"));
|
||||
}
|
||||
|
||||
const result = await runCsharpFeature("dialog", args);
|
||||
return result || null;
|
||||
} else if (window.utools.isLinux()) {
|
||||
if (!(await checkZenity())) return null;
|
||||
try {
|
||||
const script = `zenity --text-info --title="${title}" --editable --width=450 --height=350 --filename=<(echo "${defaultText}")`;
|
||||
const result = await execCommand(script);
|
||||
return result ? result.trim() : null;
|
||||
} catch (error) {
|
||||
console.error("执行 zenity 命令失败:", error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
showSystemMessageBox,
|
||||
showSystemInputBox,
|
||||
showSystemConfirmBox,
|
||||
showSystemButtonBox,
|
||||
showSystemTextArea,
|
||||
};
|
||||
@ -258,50 +258,37 @@ export const uiCommands = {
|
||||
isAsync: true,
|
||||
outputVariable: "[inputValue1]",
|
||||
saveOutput: true,
|
||||
config: [
|
||||
{
|
||||
label: "输入框",
|
||||
component: "ArrayEditor",
|
||||
width: 12,
|
||||
columns: {
|
||||
label: {
|
||||
label: "标签",
|
||||
},
|
||||
value: {
|
||||
label: "默认值",
|
||||
},
|
||||
},
|
||||
defaultValue: [
|
||||
{
|
||||
label: newVarInputVal("str", "请输入"),
|
||||
value: newVarInputVal("str"),
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
subCommands: [
|
||||
{
|
||||
value: "quickcommand.showInputBox",
|
||||
icon: "call_to_action",
|
||||
label: "插件内弹窗",
|
||||
config: [
|
||||
{
|
||||
label: "输入框",
|
||||
component: "ArrayEditor",
|
||||
width: 12,
|
||||
columns: {
|
||||
label: {
|
||||
label: "标签",
|
||||
},
|
||||
value: {
|
||||
label: "默认值",
|
||||
},
|
||||
},
|
||||
defaultValue: [
|
||||
{
|
||||
label: newVarInputVal("str", "请输入"),
|
||||
value: newVarInputVal("str"),
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "quickcommand.showSystemInputBox",
|
||||
icon: "report",
|
||||
label: "系统弹窗",
|
||||
config: [
|
||||
{
|
||||
label: "提示信息",
|
||||
component: "ArrayEditor",
|
||||
width: 12,
|
||||
},
|
||||
{
|
||||
label: "标题",
|
||||
component: "VariableInput",
|
||||
defaultValue: newVarInputVal("str", "请输入"),
|
||||
width: 12,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
@ -317,44 +304,30 @@ export const uiCommands = {
|
||||
isAsync: true,
|
||||
outputVariable: "textareaValue",
|
||||
saveOutput: true,
|
||||
config: [
|
||||
{
|
||||
label: "文本框占位符",
|
||||
component: "VariableInput",
|
||||
defaultValue: newVarInputVal("str", "请输入"),
|
||||
width: 6,
|
||||
},
|
||||
{
|
||||
label: "文本框默认值",
|
||||
component: "VariableInput",
|
||||
defaultValue: newVarInputVal("str"),
|
||||
width: 6,
|
||||
},
|
||||
],
|
||||
subCommands: [
|
||||
{
|
||||
value: "quickcommand.showTextArea",
|
||||
icon: "call_to_action",
|
||||
label: "插件内弹窗",
|
||||
config: [
|
||||
{
|
||||
label: "文本框占位符",
|
||||
component: "VariableInput",
|
||||
defaultValue: newVarInputVal("str", "请输入"),
|
||||
width: 6,
|
||||
},
|
||||
{
|
||||
label: "文本框默认值",
|
||||
component: "VariableInput",
|
||||
defaultValue: newVarInputVal("str"),
|
||||
width: 6,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "quickcommand.showSystemTextArea",
|
||||
icon: "report",
|
||||
label: "系统弹窗(Mac不支持)",
|
||||
config: [
|
||||
{
|
||||
label: "文本框默认值",
|
||||
component: "VariableInput",
|
||||
defaultValue: newVarInputVal("str"),
|
||||
width: 6,
|
||||
},
|
||||
{
|
||||
label: "标题",
|
||||
component: "VariableInput",
|
||||
defaultValue: newVarInputVal("str", "请输入"),
|
||||
width: 6,
|
||||
},
|
||||
],
|
||||
label: "系统弹窗",
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
44
src/plugins/monaco/types/quickcommand.api.d.ts
vendored
44
src/plugins/monaco/types/quickcommand.api.d.ts
vendored
@ -131,9 +131,9 @@ interface quickcommandApi {
|
||||
* ```
|
||||
*
|
||||
* @param placeholder 文本框占位符
|
||||
* @param value 默认的文本值
|
||||
* @param defaultText 默认的文本值
|
||||
*/
|
||||
showTextArea(placeholder?: string, value?: string): Promise<string>;
|
||||
showTextArea(placeholder?: string, defaultText?: string): Promise<string>;
|
||||
|
||||
/**
|
||||
* 显示一个自动消失的提示框
|
||||
@ -483,7 +483,7 @@ interface quickcommandApi {
|
||||
};
|
||||
|
||||
/**
|
||||
* 显示一个系统级消息框（不支持Linux）
|
||||
* 显示一个系统级消息框
|
||||
*
|
||||
* ```js
|
||||
* quickcommand.showSystemMessageBox("这是一条消息", "标题")
|
||||
@ -495,30 +495,33 @@ interface quickcommandApi {
|
||||
showSystemMessageBox(content: string, title?: string): Promise<void>;
|
||||
|
||||
/**
|
||||
* 显示一个系统级输入框组，返回所有输入框的值（不支持Linux）
|
||||
* 显示一个系统级输入框组对话框，返回所有输入框的值
|
||||
*
|
||||
* ```js
|
||||
* // 单个输入框
|
||||
* quickcommand.showSystemInputBox("请输入：", "标题").then(results => {
|
||||
* console.log(results[0]) // 第一个输入框的值
|
||||
* // 简单数组形式
|
||||
* quickcommand.showSystemInputBox(["姓名", "年龄", "地址"], "个人信息").then(values => {
|
||||
* console.log(values) // ["张三", "25", "北京"]
|
||||
* })
|
||||
*
|
||||
* // 多个输入框
|
||||
* quickcommand.showSystemInputBox(["姓名：", "年龄：", "地址："], "个人信息").then(results => {
|
||||
* console.log(results) // ["张三", "25", "北京"]
|
||||
* // 对象数组形式
|
||||
* quickcommand.showSystemInputBox([
|
||||
* { label: "姓名", value: "张三", hint: "请输入姓名" },
|
||||
* { label: "年龄", value: "25", hint: "请输入年龄" }
|
||||
* ], "个人信息").then(values => {
|
||||
* console.log(values) // ["张三", "25"]
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* @param placeholders 输入框的提示文本，可以是单个字符串或字符串数组
|
||||
* @param options 输入框配置，可以是标签数组或者带属性的对象数组
|
||||
* @param title 标题，默认为空
|
||||
*/
|
||||
showSystemInputBox(
|
||||
placeholders: string | string[],
|
||||
options: string[] | { label: string; value?: string; hint?: string }[],
|
||||
title?: string
|
||||
): Promise<string[] | null>;
|
||||
|
||||
/**
|
||||
* 显示一个系统级确认框，返回是否点击了确认（不支持Linux）
|
||||
* 显示一个系统级确认框，返回是否点击了确认
|
||||
*
|
||||
* ```js
|
||||
* quickcommand.showSystemConfirmBox("确定要删除吗？", "确认删除").then(confirmed => {
|
||||
@ -533,9 +536,8 @@ interface quickcommandApi {
|
||||
*/
|
||||
showSystemConfirmBox(content: string, title?: string): Promise<boolean>;
|
||||
|
||||
|
||||
/**
|
||||
* 显示一个系统级按钮组对话框，返回点击的按钮的索引和文本（不支持Linux）
|
||||
* 显示一个系统级按钮组对话框，返回点击的按钮的索引和文本
|
||||
*
|
||||
* ```js
|
||||
* quickcommand.showSystemButtonBox(["保存", "不保存", "取消"], "保存确认").then(result => {
|
||||
@ -554,22 +556,22 @@ interface quickcommandApi {
|
||||
): Promise<{ id: number; text: string } | null>;
|
||||
|
||||
/**
|
||||
* 显示一个系统级多行文本输入框（仅Windows支持）
|
||||
* 显示一个系统级多行文本输入框
|
||||
*
|
||||
* ```js
|
||||
* quickcommand.showSystemTextArea("默认内容", "文本编辑").then(text => {
|
||||
* quickcommand.showSystemTextArea("请输入内容", "").then(text => {
|
||||
* if (text) {
|
||||
* console.log("输入的文本：", text)
|
||||
* }
|
||||
* })
|
||||
* ```
|
||||
*
|
||||
* @param defaultText 默认文本，默认为空
|
||||
* @param title 标题，默认为空
|
||||
* @param placeholder 输入框的提示文本，默认为空
|
||||
* @param defaultText 输入框的默认文本，默认为空
|
||||
*/
|
||||
showSystemTextArea(
|
||||
defaultText?: string,
|
||||
title?: string
|
||||
placeholder?: string,
|
||||
defaultText?: string
|
||||
): Promise<string | null>;
|
||||
|
||||
/**
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user