mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-09-24 13:03:30 +08:00
添加快捷命令服务的功能
This commit is contained in:
@@ -1,244 +1,29 @@
|
||||
<template>
|
||||
<div
|
||||
class="flex justify-center content-center"
|
||||
style="height: 500px"
|
||||
v-show="showPluNickNameSetting"
|
||||
>
|
||||
<div class="q-gutter-lg q-pa-lg" style="width: 600px">
|
||||
<div class="text-center text-h2 q-ma-none">插件别名设置</div>
|
||||
<q-select
|
||||
outlined
|
||||
transition-show="jump-down"
|
||||
transition-hide="jump-up"
|
||||
v-model="plugin"
|
||||
:options="plugins"
|
||||
type="text"
|
||||
class="full-width"
|
||||
:display-value="plugin.pluginName"
|
||||
@update:model-value="feature = features[0]"
|
||||
label="请选择插件"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="extension" />
|
||||
</template>
|
||||
<template v-slot:option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-img :src="`file:///${scope.opt.logoPath}`" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label v-html="scope.opt.pluginName" />
|
||||
<q-item-label caption>{{ scope.opt.description }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
<q-select
|
||||
outlined
|
||||
transition-show="jump-down"
|
||||
transition-hide="jump-up"
|
||||
v-model="feature"
|
||||
:options="features"
|
||||
type="text"
|
||||
:display-value="feature.cmd || ''"
|
||||
class="full-width"
|
||||
label="请选择功能关键字"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="font_download" />
|
||||
</template>
|
||||
<template v-slot:option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-img :src="`file:///${plugin.logoPath}`" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label v-html="scope.opt.cmd" />
|
||||
<q-item-label caption>{{ scope.opt.explain }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
<q-select
|
||||
class="full-width"
|
||||
max-values="3"
|
||||
type="text"
|
||||
placeholder="键入后回车"
|
||||
use-input
|
||||
hide-dropdown-icon
|
||||
use-chips
|
||||
multiple
|
||||
new-value-mode="add-unique"
|
||||
input-debounce="0"
|
||||
outlined
|
||||
v-model="nickName"
|
||||
label="要设置的别名"
|
||||
>
|
||||
<template v-slot:prepend>
|
||||
<q-icon name="drive_file_rename_outline" />
|
||||
</template>
|
||||
</q-select>
|
||||
<q-btn
|
||||
class="full-width"
|
||||
color="primary"
|
||||
label="确定"
|
||||
@click="addPluNickName()"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<component :is="currentComponent" :ref="currentComponent" />
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import PluginNickName from "components/quickFeatures/PluginNickName";
|
||||
import CrontabCmd from "components/quickFeatures/CrontabCmd";
|
||||
import ApiServer from "components/quickFeatures/ApiServer";
|
||||
import FavFile from "components/quickFeatures/FavFile";
|
||||
import FavUrl from "components/quickFeatures/FavUrl";
|
||||
import { markRaw } from "vue";
|
||||
|
||||
export default {
|
||||
components: {
|
||||
pluNickName: markRaw(PluginNickName),
|
||||
crontab: markRaw(CrontabCmd),
|
||||
apiServer: markRaw(ApiServer),
|
||||
favFile: markRaw(FavFile),
|
||||
favUrl: markRaw(FavUrl),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
featureType: this.$route.params.featuretype,
|
||||
cmdCtrlKey: window.processPlatform === "darwin" ? "command" : "control",
|
||||
plugins: [],
|
||||
plugin: {},
|
||||
feature: {},
|
||||
nickName: [],
|
||||
showPluNickNameSetting: false,
|
||||
currentComponent: this.$route.params.featuretype,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
features() {
|
||||
return this.plugin?.features
|
||||
?.map((x) => {
|
||||
return {
|
||||
explain: x.explain,
|
||||
cmd: x.cmds.filter((y) => y.length)[0],
|
||||
};
|
||||
})
|
||||
.filter((x) => x.cmd);
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
switch (this.featureType) {
|
||||
case "pluNickName":
|
||||
this.showPluNickNameSetting = true;
|
||||
this.plugins = _.values(window.getUtoolsPlugins());
|
||||
this.plugin = this.plugins[0];
|
||||
this.feature = this.features[0];
|
||||
break;
|
||||
case "favFile":
|
||||
this.addFavFile();
|
||||
break;
|
||||
case "favUrl":
|
||||
this.addFavUrl();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
wait(ms) {
|
||||
return new Promise((resolve) => {
|
||||
setTimeout(() => {
|
||||
resolve();
|
||||
}, ms);
|
||||
});
|
||||
},
|
||||
getPlugins() {},
|
||||
addPluNickName() {
|
||||
if (!this.nickName.length)
|
||||
return quickcommand.showMessageBox("请填写别名", "warning");
|
||||
let uid = this.getUid();
|
||||
let command = {
|
||||
features: {
|
||||
cmds: this.nickName,
|
||||
explain: this.feature.explain,
|
||||
icon: window.getBase64Ico(this.plugin.logoPath),
|
||||
platform: this.plugin.platform || ["darwin", "win32", "linux"],
|
||||
code: `key_${uid}`,
|
||||
},
|
||||
program: "quickcommand",
|
||||
cmd: `utools.redirect("${this.feature.cmd}");utools.showMainWindow()`,
|
||||
output: "ignore",
|
||||
tags: [this.$profile.quickFeatures.pluNickName.tag],
|
||||
};
|
||||
this.importCommand(command);
|
||||
this.nickName = [];
|
||||
quickcommand.showMessageBox("添加成功!");
|
||||
},
|
||||
addFavFile() {
|
||||
utools.setExpendHeight(0);
|
||||
quickcommand.enterData.payload.forEach((file) => {
|
||||
let uid = this.getUid();
|
||||
let fileInfo = window.getFileInfo({
|
||||
type: "file",
|
||||
argvs: file.path,
|
||||
readfile: false,
|
||||
});
|
||||
let fileName = fileInfo.name.replace(fileInfo.ext, "");
|
||||
let command = {
|
||||
features: {
|
||||
cmds: [fileName],
|
||||
explain: `打开${fileName}`,
|
||||
icon: utools.getFileIcon(file.path),
|
||||
platform: [window.processPlatform],
|
||||
code: `key_${uid}`,
|
||||
},
|
||||
program: "quickcommand",
|
||||
cmd: `open(\"${file.path.replace(/\\/g, "\\\\")}\")`,
|
||||
output: "ignore",
|
||||
tags: [this.$profile.quickFeatures.favFile.tag],
|
||||
};
|
||||
this.importCommand(command);
|
||||
});
|
||||
this.showMsg();
|
||||
},
|
||||
async addFavUrl() {
|
||||
utools.setExpendHeight(0);
|
||||
utools.hideMainWindow();
|
||||
// getCurrentBrowserUrl 似乎失效了
|
||||
// let url = utools.getCurrentBrowserUrl();
|
||||
utools.simulateKeyboardTap("l", this.cmdCtrlKey);
|
||||
await this.wait(50);
|
||||
utools.simulateKeyboardTap("c", this.cmdCtrlKey);
|
||||
await this.wait(50);
|
||||
let url = window.clipboardReadText();
|
||||
if (!/^http/.test(url)) {
|
||||
utools.showMainWindow();
|
||||
utools.setExpendHeight(550);
|
||||
let choise = await quickcommand.showButtonBox(
|
||||
["http", "https"],
|
||||
"当前浏览器网址显示不完整,请问访问的页面是哪一种?"
|
||||
);
|
||||
url = choise.text + "://" + url;
|
||||
}
|
||||
let title = quickcommand.enterData.payload.title
|
||||
.replace(/和另外 \d+ 个页面.*/, "")
|
||||
.replace(/[-|—] .*?[Edge|Firefox|Chrome].*/, "")
|
||||
.trim();
|
||||
// let req = await axios(url)
|
||||
// let title = quickcommand.htmlParse(req.data).querySelector('title').innerText
|
||||
let base = /(http(s){0,1}:\/\/.*?(:\d+){0,1})(\/|$).*/.exec(url)[1];
|
||||
let iconUrl = base + "/favicon.ico";
|
||||
let iconPath = window.joinPath(
|
||||
utools.getPath("temp"),
|
||||
"quickcommandfavicon.ico"
|
||||
);
|
||||
let uid = this.getUid();
|
||||
let command = {
|
||||
features: {
|
||||
explain: `访问${title}`,
|
||||
cmds: [title],
|
||||
platform: ["linux", "win32", "darwin"],
|
||||
code: `key_${uid}`,
|
||||
},
|
||||
program: "quickcommand",
|
||||
cmd: `visit(\"${url}\")\n`,
|
||||
output: "ignore",
|
||||
tags: [this.$profile.quickFeatures.favUrl.tag],
|
||||
};
|
||||
try {
|
||||
let res = await quickcommand.downloadFile(iconUrl, iconPath);
|
||||
if (res) command.features.icon = iconPath;
|
||||
} catch (e) {}
|
||||
this.importCommand(command);
|
||||
this.showMsg();
|
||||
},
|
||||
importCommand(command) {
|
||||
command = _.cloneDeep(command);
|
||||
this.$utools.putDB(
|
||||
@@ -252,10 +37,6 @@ export default {
|
||||
Math.random().toString().substr(3, 3) + Date.now()
|
||||
).toString(36);
|
||||
},
|
||||
showMsg() {
|
||||
utools.showNotification("操作成功!");
|
||||
utools.outPlugin();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
Reference in New Issue
Block a user