mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-12-23 02:33:33 +08:00
微调
This commit is contained in:
fofolee
117
src/assets/index.js
Executable file
117
src/assets/index.js
Executable file
@@ -0,0 +1,117 @@
|
||||
utools.onPluginEnter( async ({ code, type, payload }) => {
|
||||
// 配置页面
|
||||
if (code == 'options') {
|
||||
utools.setExpendHeight(600);
|
||||
$("#out").hide().html('');
|
||||
$("#options").show();
|
||||
showOptions();
|
||||
} else {
|
||||
$("#options").hide();
|
||||
$("#out").show().text('');
|
||||
var db = utools.db.get('customFts').data[code],
|
||||
cmd = db.cmd;
|
||||
if (db.program == "custom") {
|
||||
option = db.customOptions;
|
||||
} else {
|
||||
option = programs[db.program];
|
||||
}
|
||||
// 正则
|
||||
if (type == 'regex') cmd = cmd.replace(/\{\{input\}\}/mg, payload);
|
||||
// 窗口
|
||||
if (type == 'window') {
|
||||
// 获取选中的文件
|
||||
if (cmd.includes('{{SelectFile}}')) {
|
||||
let repl = await getSelectFile(payload.id);
|
||||
cmd = cmd.replace(/\{\{SelectFile\}\}/mg, repl)
|
||||
}
|
||||
// 获取资源管理器或访达当前目录
|
||||
if (cmd.includes('{{pwd}}')) {
|
||||
let repl = await pwd(payload.id);
|
||||
cmd = cmd.replace(/\{\{pwd\}\}/mg, repl)
|
||||
}
|
||||
// 获取窗口信息
|
||||
if (cmd.includes('{{WindowInfo}}')) {
|
||||
let repl = JSON.stringify(payload);
|
||||
cmd = cmd.replace(/\{\{WindowInfo\}\}/mg, repl)
|
||||
}
|
||||
}
|
||||
// 无输出的批处理
|
||||
// if (db.output == 'ignore' && option.ext == 'bat') option.bin = 'explorer';
|
||||
if (db.hasSubInput) {
|
||||
// 启动子命令输入
|
||||
// 清空输出
|
||||
$("#out").text('');
|
||||
var subinput = '';
|
||||
var setSubInput = () => {
|
||||
utools.setSubInput(({text}) => {
|
||||
subinput = text;
|
||||
}, '');
|
||||
}
|
||||
var handleEnter = (event) => {
|
||||
if (event.keyCode == 13) {
|
||||
$("#out").text('');
|
||||
var execmd = cmd.replace(/\{\{subinput\}\}/mg, subinput);
|
||||
runCmd(execmd, option, db.codec, db.output);
|
||||
}
|
||||
};
|
||||
setSubInput();
|
||||
document.addEventListener('keydown', handleEnter);
|
||||
// 移除监听
|
||||
utools.onPluginOut(() => {
|
||||
document.removeEventListener('keydown', handleEnter);
|
||||
})
|
||||
} else {
|
||||
runCmd(cmd, option, db.codec, db.output);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
function runCmd(cmd, option, codec, output) {
|
||||
// 不需要输出的，提前关闭窗口
|
||||
if (['ignore', 'clip', 'send', 'notice', 'terminal'].indexOf(output) !== -1){
|
||||
utools.hideMainWindow()
|
||||
utools.outPlugin()
|
||||
}
|
||||
var terminal = false;
|
||||
if(output == 'terminal') terminal = true;
|
||||
// 运行脚本
|
||||
window.run(cmd, option, codec, terminal, (stdout, stderr) => {
|
||||
if (stderr) {
|
||||
// 报错
|
||||
window.messageBox({ type: 'error', icon: window.logo, message: stderr, buttons: ['啊嘞?!'] })
|
||||
utools.outPlugin()
|
||||
} else if (stdout) {
|
||||
// 有输出
|
||||
switch (output) {
|
||||
case "text":
|
||||
$("#out").text(stdout);
|
||||
break;
|
||||
case "html":
|
||||
$("#out").html(stdout);
|
||||
break;
|
||||
case "clip":
|
||||
copyTo(stdout);
|
||||
break;
|
||||
case "send":
|
||||
// 暂存用户剪贴板
|
||||
var historyData = storeClip();
|
||||
copyTo(stdout);
|
||||
paste();
|
||||
setTimeout(() => {
|
||||
restoreClip(historyData);
|
||||
}, 500);
|
||||
break;
|
||||
case "notice":
|
||||
// 发送系统通知
|
||||
utools.showNotification(stdout, null, true);
|
||||
break;
|
||||
case "ignore":
|
||||
default:
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
// 无输出
|
||||
utools.outPlugin()
|
||||
}
|
||||
})
|
||||
}
|
||||
2
src/assets/jquery-3.3.1.min.js
vendored
Executable file
2
src/assets/jquery-3.3.1.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
456
src/assets/options.css
Executable file
456
src/assets/options.css
Executable file
@@ -0,0 +1,456 @@
|
||||
#out {
|
||||
padding: 0px 10px;
|
||||
font-size: 13px;
|
||||
line-height: 26px;
|
||||
font-family: Monaco, consolas;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
#options {
|
||||
font-size: 15px;
|
||||
color: #595959;
|
||||
font-family: consolas, monaco, "微软雅黑";
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
#options * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#options .switch-btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
zoom: 0.7;
|
||||
}
|
||||
|
||||
#options .checked-switch {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#options .text-switch {
|
||||
background-color: #cccccc;
|
||||
border: 1px solid #dddddd;
|
||||
border-radius: inherit;
|
||||
color: #fff;
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
width: 60px;
|
||||
height: inherit;
|
||||
position: relative;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#options .text-switch:before,
|
||||
#options .text-switch:after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -.5em;
|
||||
line-height: 1;
|
||||
-webkit-transition: inherit;
|
||||
-moz-transition: inherit;
|
||||
-o-transition: inherit;
|
||||
transition: inherit;
|
||||
}
|
||||
|
||||
#options .text-switch:before {
|
||||
content: 'OF';
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
#options .text-switch:after {
|
||||
content: 'ON';
|
||||
left: 6px;
|
||||
color: #FFFFFF;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#options .checked-switch:checked~.text-switch {
|
||||
background-color: #00af2c;
|
||||
border: 1px solid #068506;
|
||||
}
|
||||
|
||||
#options .checked-switch:disabled~.text-switch {
|
||||
cursor: no-drop;
|
||||
}
|
||||
|
||||
#options .checked-switch:disabled~.text-switch~.toggle-btn {
|
||||
cursor: no-drop;
|
||||
}
|
||||
|
||||
#options .checked-switch:disabled~.text-switch:before {
|
||||
content: '▬';
|
||||
right: 11px;
|
||||
}
|
||||
|
||||
#options .checked-switch:checked~.text-switch:before {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#options .checked-switch:checked~.text-switch:after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#options .toggle-btn {
|
||||
background: linear-gradient(#eee, #fafafa);
|
||||
border-radius: 5px;
|
||||
height: 28px;
|
||||
left: 1px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
#options .checked-switch:checked~.toggle-btn {
|
||||
left: 30px;
|
||||
}
|
||||
|
||||
#options .text-switch,
|
||||
#options .toggle-btn {
|
||||
transition: All 0.3s ease;
|
||||
-webkit-transition: All 0.3s ease;
|
||||
-moz-transition: All 0.3s ease;
|
||||
-o-transition: All 0.3s ease;
|
||||
}
|
||||
|
||||
#options .no-radius,
|
||||
#options .no-radius .toggle-btn {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#options .circle-style .toggle-btn::before {
|
||||
background: linear-gradient(#dedede, #cacaca);
|
||||
border-radius: 50%;
|
||||
content: "";
|
||||
height: 14px;
|
||||
margin-top: 6px;
|
||||
padding: 0;
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
#options table {
|
||||
border-collapse: collapse;
|
||||
table-layout:fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#options table td {
|
||||
border-collapse: collapse;
|
||||
padding: 3px;
|
||||
margin-right: 15px;
|
||||
word-break:keep-all;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
|
||||
#options table tr:nth-child(odd) {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
#options table tr:nth-child(even) {
|
||||
background-color: #f8f8f8 !important;
|
||||
}
|
||||
|
||||
#options .keyword {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
border: 1px solid #eee;
|
||||
border-radius: 12px;
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
padding: 0 10px;
|
||||
background-color: #f3f3f3;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#options .keyword.re {
|
||||
color: rgb(105, 40, 97);
|
||||
}
|
||||
|
||||
#options .keyword.win {
|
||||
color: rgb(48, 21, 122);
|
||||
}
|
||||
|
||||
#options .logo {
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
#options .footBtn {
|
||||
float: right;
|
||||
/* right: 5px;
|
||||
bottom: 2px; */
|
||||
border-radius: 4px;
|
||||
background: #00af2c;
|
||||
color: white;
|
||||
padding: 2px 5px;
|
||||
margin: 0px 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#options .footBtn.danger {
|
||||
float: left;
|
||||
/* right: 5px;
|
||||
bottom: 2px; */
|
||||
border-radius: 4px;
|
||||
background: #df3f54;
|
||||
color: white;
|
||||
padding: 2px 5px;
|
||||
margin: 0px 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#options .footBtn:hover {
|
||||
background: #068506;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#options .footBtn.danger:hover {
|
||||
background: #b32033;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#options .foot {
|
||||
position: fixed;
|
||||
height: 30px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
background: #f3f3f3;
|
||||
box-shadow: 0px 0px 9px 0px #00000030;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
#options td span {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#options span.Btn {
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#options span.editBtn {
|
||||
color: #00af2c;
|
||||
}
|
||||
|
||||
#options span.exportBtn {
|
||||
color: #407abf;
|
||||
}
|
||||
|
||||
#options span.delBtn {
|
||||
color: #ed5b49
|
||||
}
|
||||
|
||||
#options span.editBtn:hover {
|
||||
color: #057205;
|
||||
}
|
||||
|
||||
#options span.exportBtn:hover {
|
||||
color: #2d5586;
|
||||
}
|
||||
|
||||
#options span.delBtn:hover {
|
||||
color: #bd3523;
|
||||
}
|
||||
|
||||
#options #customize input#custombin,
|
||||
#options #customize input#customarg,
|
||||
#options #customize input#customext {
|
||||
margin-left: 5px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#options #customize {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0px 30px;
|
||||
box-shadow: 0px 0px 9px 0px #00000030;
|
||||
color: black;
|
||||
background: white;
|
||||
}
|
||||
|
||||
#options #customize p {
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
#options #customize .word {
|
||||
color: #2196F3;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
border: 1px solid #1E88E5;
|
||||
height: 24px;
|
||||
line-height: 22px;
|
||||
padding: 0 5px;
|
||||
background-color: #E3F2FD;
|
||||
}
|
||||
|
||||
#options #customize input {
|
||||
width: 90%;
|
||||
height: 25px;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
font-size: 15px;
|
||||
margin-left: 13px
|
||||
}
|
||||
|
||||
#options #customize input#rule {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
#options #customize input:hover {
|
||||
border-bottom-color: #9e9e9ec7;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
#options #customize input:focus {
|
||||
outline: none;
|
||||
border-bottom-color: #0277BD;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
color: #999;
|
||||
font-size: 15px
|
||||
}
|
||||
|
||||
#options #customize .CodeMirror {
|
||||
font-size: 13px;
|
||||
font-family: "Monaco", "consolas";
|
||||
width: 100%;
|
||||
height: 23rem;
|
||||
border: 1px solid #dbdbdb;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
||||
#options #customize .CodeMirror:hover {
|
||||
border: 1px solid #9e9e9ec7;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
#options #customize .CodeMirror-focused {
|
||||
border: 1px solid #0277BD !important;
|
||||
box-shadow: 0px 0px 2px 0px #0277BD;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
#options #customize .CodeMirror-placeholder {
|
||||
color: #999;
|
||||
font-size: 15px
|
||||
}
|
||||
|
||||
#options #customize select {
|
||||
width: 40%;
|
||||
height: 25px;
|
||||
margin-left: 3px;
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0px;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJAgMAAAB71iXHAAAADFBMVEUAAAAqPz8rN0csOEgGlpD7AAAAA3RSTlMABvwYJ91vAAAAGklEQVQI12OAgQNAaMDMwMAjw8DAVAAWgAEAPFADDsXseo4AAAAASUVORK5CYII=") no-repeat scroll right center transparent;
|
||||
-webkit-appearance: button
|
||||
}
|
||||
|
||||
#options #customize select:hover {
|
||||
border-bottom-color: #9e9e9ec7;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
#options #customize select:focus {
|
||||
border-bottom-color: #0277BD;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#options #customize select#vars {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#options #customize select option {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#options #customize select option.var {
|
||||
display: none;
|
||||
color: rgb(129, 76, 226);
|
||||
}
|
||||
|
||||
#options #customize input#iconame {
|
||||
width: 35%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#options #customize #icon {
|
||||
float: right;
|
||||
width: 28px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#options #customize .selectBtn {
|
||||
padding: 4px 10px;
|
||||
font-size: 11px;
|
||||
color: #1E88C7;
|
||||
background: #D0EEFF;
|
||||
border: 1px solid #99D3F5;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#options #customize .selectBtn:hover {
|
||||
background: #AADFFD;
|
||||
border-color: #78C3F3;
|
||||
color: #004974;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#options #customize button {
|
||||
width: 150px;
|
||||
height: 30px;
|
||||
border-width: 0px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#options #customize button.cancelBtn {
|
||||
float: right;
|
||||
margin-right: 30px;
|
||||
background: #808080c9;
|
||||
}
|
||||
|
||||
#options #customize button.saveBtn {
|
||||
float: right;
|
||||
background: #1E90FF;
|
||||
}
|
||||
|
||||
#options #customize button.saveBtn:hover {
|
||||
background: #5599FF;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#options #customize button.cancelBtn:hover {
|
||||
background: #a5a2a2c9;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 0;
|
||||
}
|
||||
584
src/assets/options.js
Executable file
584
src/assets/options.js
Executable file
@@ -0,0 +1,584 @@
|
||||
getCustomFts = () => {
|
||||
var db = utools.db.get("customFts"),
|
||||
customFts = db ? db.data : {};
|
||||
return customFts;
|
||||
}
|
||||
|
||||
putCustomFts = (code, pushData) => {
|
||||
var db = utools.db.get("customFts");
|
||||
if (db) {
|
||||
var rev = db._rev
|
||||
var data = db.data
|
||||
data[code] = pushData;
|
||||
utools.db.put({ _id: "customFts", data: data, _rev: rev });
|
||||
} else {
|
||||
var data = {};
|
||||
data[code] = pushData;
|
||||
utools.db.put({ _id: "customFts", data: data });
|
||||
}
|
||||
}
|
||||
|
||||
// 导入
|
||||
importCommand = () => {
|
||||
var options = {
|
||||
filters: [{ name: 'json', extensions: ['json'] }, ]
|
||||
}
|
||||
var file = window.openFolder(options)[0];
|
||||
var customFts = getCustomFts();
|
||||
$.get(file, data => {
|
||||
try {
|
||||
var pushData = JSON.parse(data);
|
||||
} catch (error) {
|
||||
window.messageBox({ type: 'error', icon: window.logo, message: "格式错误！", buttons: ['朕知道了'] })
|
||||
return
|
||||
}
|
||||
// 单个命令导入
|
||||
if (typeof(pushData.features)=='object') {
|
||||
var code = pushData.features.code;
|
||||
putCustomFts(code, pushData);
|
||||
showOptions();
|
||||
// 多个命令导入
|
||||
} else {
|
||||
if (typeof (Object.values(pushData)[0].features) == 'object') {
|
||||
for (var code of Object.keys(pushData)){
|
||||
putCustomFts(code, pushData[code]);
|
||||
}
|
||||
showOptions();
|
||||
} else {
|
||||
window.messageBox({ type: 'error', icon: window.logo, message: "格式错误！", buttons: ['朕知道了'] })
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
exportAll = () => {
|
||||
json = utools.db.get('customFts').data,
|
||||
options = {
|
||||
title: '选择保存位置',
|
||||
defaultPath: 'quickCommand',
|
||||
filters: [
|
||||
{ name: 'json', extensions: ['json'] },
|
||||
]
|
||||
};
|
||||
window.saveFile(options, JSON.stringify(json));
|
||||
}
|
||||
|
||||
|
||||
clearAll = () => {
|
||||
window.messageBox({ type: 'question', icon: window.logo, message: "将会清空所有命令，请确认！", buttons: ['手抖...', '确定！'] }, index => {
|
||||
if (index) {
|
||||
utools.db.remove('customFts');
|
||||
clearAllFeatures();
|
||||
showOptions();
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
programs = {
|
||||
shell: {
|
||||
bin: 'bash',
|
||||
argv: '',
|
||||
ext: 'sh'
|
||||
},
|
||||
applescript: {
|
||||
bin: 'osascript',
|
||||
argv: '',
|
||||
ext: 'scpt'
|
||||
},
|
||||
cmd: {
|
||||
bin: '',
|
||||
argv: '',
|
||||
ext: 'bat'
|
||||
},
|
||||
powershell: {
|
||||
bin: 'powershell',
|
||||
argv: '-NoProfile -File',
|
||||
ext: 'ps1'
|
||||
},
|
||||
python: {
|
||||
bin: 'python',
|
||||
argv: '-u',
|
||||
ext: 'py'
|
||||
},
|
||||
javascript: {
|
||||
bin: 'node',
|
||||
argv: '',
|
||||
ext: 'js'
|
||||
},
|
||||
ruby: {
|
||||
bin: 'ruby',
|
||||
argv: '',
|
||||
ext: 'rb'
|
||||
},
|
||||
php: {
|
||||
bin: 'php',
|
||||
argv: '',
|
||||
ext: 'php'
|
||||
},
|
||||
lua: {
|
||||
bin: 'lua',
|
||||
argv: '',
|
||||
ext: 'lua'
|
||||
},
|
||||
perl: {
|
||||
bin: 'perl',
|
||||
argv: '',
|
||||
ext: 'pl'
|
||||
},
|
||||
custom: {
|
||||
bin: '',
|
||||
argv: '',
|
||||
ext: ''
|
||||
}
|
||||
}
|
||||
|
||||
showOptions = () => {
|
||||
var currentFts = utools.getFeatures(),
|
||||
customFts = getCustomFts();
|
||||
let featureList = '<table><tr><td width="40"></td><td width="240">模式</td><td width="270">说明</td><td>启用</td></tr>';
|
||||
for (var fts in customFts) {
|
||||
let features = customFts[fts].features;
|
||||
var cmds = '';
|
||||
if (features.cmds[0].type == 'regex') {
|
||||
var reg = features.cmds[0].match;
|
||||
if (reg.length > 15) reg = reg.slice(0, 15) + '...';
|
||||
cmds = `<span class="keyword re">正则: ${reg}</span>`;
|
||||
} else if (features.cmds[0].type == 'window') {
|
||||
var app = features.cmds[0].match.app
|
||||
if (app.length > 15) app = app.slice(0, 15) + '...';
|
||||
cmds = `<span class="keyword win">窗口: ${app}</span>`;
|
||||
} else {
|
||||
features.cmds.forEach(cmd => {
|
||||
cmds += `<span class="keyword">${cmd}</span>`;
|
||||
});
|
||||
}
|
||||
var isChecked = '';
|
||||
for(var c of currentFts){
|
||||
if (c.code == features.code) {
|
||||
isChecked = 'checked';
|
||||
break;
|
||||
}
|
||||
}
|
||||
featureList += `<tr><td><img class="logo" src="${features.icon}"></td>
|
||||
<td>${cmds}</td><td>${features.explain}</td><td>
|
||||
<label class="switch-btn">
|
||||
<input class="checked-switch" id="${features.code}" type="checkbox" ${isChecked}>
|
||||
<span class="text-switch"></span>
|
||||
<span class="toggle-btn"></span>
|
||||
</label>
|
||||
<span class="Btn editBtn" code="${features.code}">✎</span>
|
||||
<span class="Btn exportBtn" code="${features.code}">➦</span>
|
||||
<span class="Btn delBtn" code="${features.code}">✖</span>
|
||||
</td>`
|
||||
};
|
||||
featureList += `</tr></table><div class="foot">
|
||||
<div id="add" class="footBtn">添加命令</div>
|
||||
<div id="import" class="footBtn">导入命令</div>
|
||||
<div id="exportAll" class="footBtn">全部导出</div>
|
||||
<div id="clear" class="footBtn danger">全部删除</div>
|
||||
<div id="disableAll" class="footBtn danger">全部禁用</div>
|
||||
<div id="enableAll" class="footBtn">全部启用</div>
|
||||
</div>`
|
||||
$("#options").html(featureList);
|
||||
}
|
||||
|
||||
showCustomize = () => {
|
||||
$("#customize").remove();
|
||||
let options = `<option>${Object.keys(programs).join('</option><option>')}</option>`
|
||||
customWindow = `<div id="customize">
|
||||
<p><input type="text" id="code" style="display: none">
|
||||
<span class="word">模　式</span>
|
||||
<select id="type">
|
||||
<option value="key">通过输入关键字进入插件</option>
|
||||
<option value="regex">通过正则匹配主输入框文本</option>
|
||||
<option value="window">通过呼出uTools前的活动窗口匹配</option>
|
||||
</select>
|
||||
<span class="word" id="ruleWord">关键字</span><input type="text" id="rule" placeholder="多个关键字用逗号隔开"></p>
|
||||
<p><span class="word">说　明</span><input type="text" id="desc" placeholder="命令功能的描述"></p>
|
||||
<p>
|
||||
<span class="word">类　型</span>
|
||||
<select id="program">
|
||||
${options}
|
||||
</select>
|
||||
<span class="word">图　标</span><input type="text" readonly id="iconame" placeholder="更改图标">
|
||||
<img id="icon" src="">
|
||||
</p>
|
||||
<p>
|
||||
<span class="word">变　量</span>
|
||||
<select id="vars">
|
||||
<option value="" style="display:none">插入特殊变量</option>
|
||||
<option value="{{isWin}}">是否Window系统</option>
|
||||
<option value="{{LocalId}}">本机唯一ID</option>
|
||||
<option value="{{input}}" class="var regex">主输入框的文本</option>
|
||||
<option value="{{subinput}}">子输入框的文本</option>
|
||||
<option value="{{pwd}}" class="var window">文件管理器当前目录</option>
|
||||
<option value="{{WindowInfo}}" class="var window">当前窗口信息(JSON格式)</option>
|
||||
<option value="{{BrowserUrl}}">浏览器当前链接</option>
|
||||
<option value="{{ClipText}}">剪切板的文本</option>
|
||||
aa<option value="{{SelectText}}" class="selectText">选中的文本</option>
|
||||
<option value="{{SelectFile}}" class="var window">选中的文件</option>
|
||||
</select>
|
||||
<span class="word">输　出</span>
|
||||
<select id="output">
|
||||
<option value="ignore">忽略输出</option>
|
||||
<option value="text">显示纯文本输出</option>
|
||||
<option value="html">显示html格式的输出</option>
|
||||
<option value="clip">复制到剪贴板</option>
|
||||
<option value="send">发送到活动窗口</option>
|
||||
<option value="notice">发送系统通知</option>
|
||||
<option value="terminal">在终端显示</option>
|
||||
</select>
|
||||
</p>
|
||||
<p>
|
||||
<span class="word">脚　本</span>
|
||||
<span>
|
||||
<input type="text" id="custombin" style="display: none;" placeholder="解释器绝对路径">
|
||||
<input type="text" id="customarg" style="display: none;" placeholder="参数">
|
||||
<input type="text" id="customext" style="display: none;" placeholder="脚本后缀,不含.">
|
||||
</span>
|
||||
</p>
|
||||
<p><textarea id="cmd" placeholder="可以直接拖放脚本文件至此处"></textarea></p>
|
||||
<p>
|
||||
<button class="saveBtn">保存</button>
|
||||
<button class="cancelBtn">取消</button>
|
||||
</p>`
|
||||
$("#options").append(customWindow)
|
||||
if (window.isWin) {
|
||||
var shell = 'cmd',
|
||||
mode = 'powershell';
|
||||
} else {
|
||||
var shell = 'shell',
|
||||
mode = 'shell';
|
||||
$("#codec").hide();
|
||||
}
|
||||
$("#program").val(shell);
|
||||
$("#icon").attr('src', `logo/${shell}.png`);
|
||||
window.editor = CodeMirror.fromTextArea(document.getElementById("cmd"), {
|
||||
lineNumbers: true,
|
||||
lineWrapping: true
|
||||
});
|
||||
window.editor.setOption("mode", mode);
|
||||
$("#customize").animate({ top: '0px' });
|
||||
}
|
||||
|
||||
// 重置变量下拉框
|
||||
resetVars = () => {
|
||||
$('#vars').val("");
|
||||
$("#vars").css({ 'color': '#999' });
|
||||
}
|
||||
|
||||
// 检查输出选项
|
||||
outputCheck = () => {
|
||||
var output = $("#output").val()
|
||||
if (output == 'text' || output == 'html') {
|
||||
$(".selectText").hide()
|
||||
} else {
|
||||
$(".selectText").show()
|
||||
}
|
||||
}
|
||||
|
||||
// 检查模式选项
|
||||
typeCheck = () => {
|
||||
var type = $("#type").val();
|
||||
switch (type) {
|
||||
case 'key':
|
||||
$("#ruleWord").html("关键字");
|
||||
$(".var.regex").hide()
|
||||
$(".var.window").hide()
|
||||
$("#rule").prop("placeholder", '多个关键字用逗号隔开');
|
||||
break;
|
||||
case 'regex':
|
||||
$("#ruleWord").html("正　则");
|
||||
$(".var.regex").show()
|
||||
$(".var.window").hide()
|
||||
$("#rule").prop("placeholder", '匹配的正则规则，如/\\w+/i');
|
||||
break;
|
||||
case 'window':
|
||||
$("#ruleWord").html("进　程");
|
||||
$(".var.regex").hide()
|
||||
$(".var.window").show()
|
||||
$("#rule").prop("placeholder", '窗口的进程名，支持正则，如explorer.exe');
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
clearAllFeatures = () => {
|
||||
for (var fts of utools.getFeatures()) {
|
||||
utools.removeFeature(fts.code)
|
||||
}
|
||||
}
|
||||
|
||||
// 开关
|
||||
$("#options").on('change', 'input[type=checkbox]', function () {
|
||||
var customFts = getCustomFts(),
|
||||
code = $(this).attr('id');
|
||||
if (!utools.removeFeature(code)) {
|
||||
utools.setFeature(customFts[code].features);
|
||||
}
|
||||
});
|
||||
|
||||
// 底部功能按钮
|
||||
$("#options").on('click', '.footBtn', function () {
|
||||
switch ($(this).attr('id')) {
|
||||
case 'add': showCustomize();
|
||||
break;
|
||||
case 'import': importCommand();
|
||||
break;
|
||||
case 'enableAll': $(".checked-switch:not(:checked)").click();
|
||||
break;
|
||||
case 'disableAll': $(".checked-switch:checked").click();
|
||||
break;
|
||||
case 'exportAll': exportAll();
|
||||
break;
|
||||
case 'clear': clearAll();
|
||||
break;
|
||||
}
|
||||
})
|
||||
|
||||
// 取消
|
||||
$("#options").on('click', '.cancelBtn', function () {
|
||||
$("#customize").animate({ top: '100%'});
|
||||
})
|
||||
|
||||
// 编辑
|
||||
$("#options").on('click', '.editBtn', function () {
|
||||
var code = $(this).attr('code');
|
||||
var data = utools.db.get("customFts").data[code];
|
||||
showCustomize();
|
||||
var cmds = data.features.cmds[0]
|
||||
if (cmds.type == 'regex') {
|
||||
$('#type').val('regex')
|
||||
$('#rule').val(cmds.match);
|
||||
} else if (cmds.type == 'window') {
|
||||
$('#type').val('window')
|
||||
$('#rule').val(cmds.match.app);
|
||||
} else {
|
||||
$('#type').val('key')
|
||||
$('#rule').val(data.features.cmds.toString());
|
||||
}
|
||||
$('#code').val(code);
|
||||
$('#program').val(data.program);
|
||||
$('#output').val(data.output);
|
||||
$('#desc').val(data.features.explain);
|
||||
$('#codec').val(data.codec);
|
||||
$("#icon").attr('src', data.features.icon);
|
||||
let mode = data.program;
|
||||
if (mode == 'custom') {
|
||||
$('#custombin').show().val(data.customOptions.bin);
|
||||
$('#customarg').show().val(data.customOptions.argv);
|
||||
$('#customext').show().val(data.customOptions.ext);
|
||||
}
|
||||
mode == 'applescript' && (mode = 'shell');
|
||||
mode == 'cmd' && (mode = 'powershell');
|
||||
window.editor.setOption("mode", mode);
|
||||
window.editor.setValue(data.cmd);
|
||||
resetVars();
|
||||
typeCheck();
|
||||
outputCheck();
|
||||
})
|
||||
|
||||
// 导出
|
||||
$("#options").on('click', '.exportBtn', function () {
|
||||
var code = $(this).attr('code'),
|
||||
json = getCustomFts()[code],
|
||||
options = {
|
||||
title: '选择保存位置',
|
||||
filters: [
|
||||
{ name: 'json', extensions: ['json'] },
|
||||
]
|
||||
};
|
||||
window.saveFile(options, JSON.stringify(json));
|
||||
})
|
||||
|
||||
// 删除
|
||||
$("#options").on('click', '.delBtn', function () {
|
||||
var code = $(this).attr('code'),
|
||||
db = utools.db.get("customFts"),
|
||||
data = db.data;
|
||||
delete data[code];
|
||||
utools.removeFeature(code);
|
||||
utools.db.put({ _id: "customFts", data: data, _rev: db._rev });
|
||||
showOptions();
|
||||
})
|
||||
|
||||
// 选择图标
|
||||
$("#options").on('click', '#icon, #iconame', function () {
|
||||
var options = {
|
||||
buttonLabel: '选择',
|
||||
filters: [{
|
||||
name: 'Images',
|
||||
extensions: ['png']
|
||||
}, ]
|
||||
}
|
||||
let iconpath = window.openFolder(options)[0];
|
||||
$("#iconame").val(basename(iconpath));
|
||||
$("#icon").attr('src', iconpath);
|
||||
})
|
||||
|
||||
// 保存
|
||||
$("#options").on('click', '.saveBtn', function () {
|
||||
var type = $('#type').val();
|
||||
var code = $("#code").val();
|
||||
if (!code) {
|
||||
// 生成唯一code
|
||||
var uid = Number(Math.random().toString().substr(3, 3) + Date.now()).toString(36);
|
||||
var code = `${type}_${uid}`;
|
||||
}
|
||||
var output = $('#output').val();
|
||||
var cmd = window.editor.getValue();
|
||||
// 合规性校验
|
||||
if (type == 'key'
|
||||
&& ['{{input}}', '{{SelectFile}}', '{{pwd}}', '{{WindowInfo}}'].map(x => cmd.includes(x)).includes(true)) {
|
||||
window.messageBox({
|
||||
type: 'error',
|
||||
icon: window.logo,
|
||||
message: "关键字模式无法使用{{input}}、{{SelectFile}}、{{WindowInfo}}、{{pwd}}!",
|
||||
buttons: ['朕知道了']
|
||||
})
|
||||
} else if (type == 'regex'
|
||||
&& ['{{SelectFile}}', '{{WindowInfo}}','{{pwd}}'].map(x => cmd.includes(x)).includes(true)) {
|
||||
window.messageBox({
|
||||
type: 'error',
|
||||
icon: window.logo,
|
||||
message: "正则模式无法使用{{SelectFile}}、{{WindowInfo}}、{{pwd}}!",
|
||||
buttons: ['朕知道了']
|
||||
})
|
||||
} else if (type == 'window' && cmd.includes('{{input}}')) {
|
||||
window.messageBox({
|
||||
type: 'error',
|
||||
icon: window.logo,
|
||||
message: "窗口模式无法使用{{input}}!",
|
||||
buttons: ['朕知道了']
|
||||
})
|
||||
} else if (['text', 'html'].includes($('#output').val()) && cmd.includes('{{SelectText}}')) {
|
||||
window.messageBox({
|
||||
type: 'error',
|
||||
icon: window.logo,
|
||||
message: "显示文本或html输出时无法使用{{SelectText}}!",
|
||||
buttons: ['朕知道了']
|
||||
})
|
||||
} else {
|
||||
var program = $('#program').val(),
|
||||
desc = $('#desc').val(),
|
||||
codec = $('#codec').val(),
|
||||
iconame = $("#iconame").val(),
|
||||
iconpath = $("#icon").attr('src'),
|
||||
icon,
|
||||
base64ico,
|
||||
hasSubInput;
|
||||
if (!desc) desc = ' ';
|
||||
// 选择了图标的情况下
|
||||
if (iconame) {
|
||||
base64ico = window.getBase64Ico(iconpath);
|
||||
icon = "data:image/png;base64," + base64ico;
|
||||
// 未自定义使用默认
|
||||
} else {
|
||||
icon = iconpath;
|
||||
}
|
||||
var noKeyword;
|
||||
var rule = $('#rule').val();
|
||||
if (type == 'key') {
|
||||
cmds = rule.split(',')
|
||||
noKeyword = false;
|
||||
}
|
||||
if (type == 'regex') {
|
||||
cmds = [{
|
||||
"label": desc,
|
||||
"type": "regex",
|
||||
"match": rule,
|
||||
"minNum": 1
|
||||
}];
|
||||
noKeyword = true;
|
||||
}
|
||||
if (type == 'window') {
|
||||
cmds = [{
|
||||
"label": desc,
|
||||
"type": "window",
|
||||
"match": {
|
||||
"app": rule
|
||||
},
|
||||
}];
|
||||
noKeyword = true;
|
||||
}
|
||||
// 需要子输入框
|
||||
if (cmd.includes('{{subinput}}')) {
|
||||
hasSubInput = true;
|
||||
} else {
|
||||
hasSubInput = false;
|
||||
}
|
||||
$("#customize").animate({ top: '100%' });
|
||||
// 添加特性
|
||||
pushData = {
|
||||
features: {
|
||||
"code": code,
|
||||
"explain": desc,
|
||||
"cmds": cmds,
|
||||
"icon": icon
|
||||
},
|
||||
program: program,
|
||||
cmd: cmd,
|
||||
output: output,
|
||||
codec: codec,
|
||||
noKeyword: noKeyword,
|
||||
hasSubInput: hasSubInput
|
||||
}
|
||||
if (program == 'custom') {
|
||||
pushData.customOptions = {
|
||||
"bin": $('#custombin').val(),
|
||||
"argv": $('#customarg').val(),
|
||||
"ext": $('#customext').val()
|
||||
}
|
||||
}
|
||||
putCustomFts(code, pushData);
|
||||
showOptions();
|
||||
$(`#${code}`).click();
|
||||
if (!$(`#${code}`).is(':checked')) {
|
||||
$(`#${code}`).click();
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
hasCustomIcon = () => {
|
||||
var src = $("#icon").attr('src');
|
||||
var iconame = $("#iconame").val();
|
||||
return /data:image\/png;base64,/.test(src) || iconame
|
||||
}
|
||||
|
||||
// 语言选项改变时
|
||||
$("#options").on('change', '#program', function () {
|
||||
let mode = $(this).val();
|
||||
if (!hasCustomIcon()) $("#icon").attr('src', `logo/${mode}.png`);
|
||||
if (mode == 'custom') {
|
||||
$('#custombin').show();
|
||||
$('#customarg').show();
|
||||
$('#customext').show();
|
||||
} else {
|
||||
$('#custombin').hide();
|
||||
$('#customarg').hide();
|
||||
$('#customext').hide();
|
||||
}
|
||||
mode == 'applescript' && (mode = 'shell');
|
||||
mode == 'cmd' && (mode = 'powershell');
|
||||
window.editor.setOption("mode", mode);
|
||||
})
|
||||
|
||||
// 变量选项改变时
|
||||
$("#options").on('change', '#vars', function () {
|
||||
$("#vars").css({'color':'black'})
|
||||
window.editor.replaceSelection($("#vars").val());
|
||||
})
|
||||
|
||||
// 输出选项改变时
|
||||
$("#options").on('change', '#output', function () {
|
||||
resetVars();
|
||||
outputCheck();
|
||||
})
|
||||
|
||||
|
||||
// 方式选项改变时
|
||||
$("#options").on('change', '#type', function () {
|
||||
resetVars();
|
||||
typeCheck();
|
||||
})
|
||||
Reference in New Issue
Block a user