yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-07-19 14:19:39 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #100 from rubickCenter/feature/space

Browse Source 
🚀 run plugins with the space key
This commit is contained in:
璃白 2022-04-03 13:38:40 +08:00 committed by GitHub
commit 915288499e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/renderer/components/search.vue
View File

@ -1,7 +1,10 @@
<template> <template>
<div class="rubick-select"> <div class="rubick-select">
<div class="select-tag" v-show="currentPlugin.cmd">{{ currentPlugin.cmd }}</div> <div class="select-tag" v-show="currentPlugin.cmd">{{ currentPlugin.cmd }}</div>
<div :class="clipboardFile[0].name ? 'clipboard-tag' : 'clipboard-img'" v-if="!!clipboardFile.length"> <div
:class="clipboardFile[0].name ? 'clipboard-tag' : 'clipboard-img'"
v-if="!!clipboardFile.length"
>
<img :src="getIcon()" /> <img :src="getIcon()" />
<div class="ellipse">{{ clipboardFile[0].name }}</div> <div class="ellipse">{{ clipboardFile[0].name }}</div>
<a-tag color="#aaa" v-if="clipboardFile.length > 1">{{ clipboardFile.length }}</a-tag> <a-tag color="#aaa" v-if="clipboardFile.length > 1">{{ clipboardFile.length }}</a-tag>
@ -10,20 +13,18 @@
id="search" id="search"
class="main-input" class="main-input"
@input="(e) => changeValue(e)" @input="(e) => changeValue(e)"
@keydown.down="(e) => keydownEvent(e, 1)" @keydown.down="(e) => keydownEvent(e, 'down')"
@keydown.up="(e) => keydownEvent(e, -1)" @keydown.up="(e) => keydownEvent(e, 'up')"
@keydown="e => checkNeedInit(e)" @keydown="e => checkNeedInit(e)"
:value="searchValue" :value="searchValue"
:placeholder="placeholder || 'Hi, Rubick2'" :placeholder="placeholder || 'Hi, Rubick2'"
@keypress.enter="(e) => keydownEvent(e)" @keypress.enter="(e) => keydownEvent(e, 'enter')"
@keypress.space="(e) => keydownEvent(e, 'space')"
@focus="emit('focus')" @focus="emit('focus')"
> >
<template #suffix> <template #suffix>
<div class="suffix-tool" > <div class="suffix-tool">
<MoreOutlined <MoreOutlined @click="showSeparate()" class="icon-more" />
@click="showSeparate()"
class="icon-more"
/>
<div v-if="currentPlugin && currentPlugin.logo" style="position: relative"> <div v-if="currentPlugin && currentPlugin.logo" style="position: relative">
<a-spin v-show="pluginLoading" class="loading"> <a-spin v-show="pluginLoading" class="loading">
<template #indicator> <template #indicator>
@ -81,7 +82,7 @@ const emit = defineEmits([
"readClipboardContent", "readClipboardContent",
]); ]);
const keydownEvent = (e, index) => { const keydownEvent = (e, key: string) => {
const { ctrlKey, shiftKey, altKey, metaKey } = e; const { ctrlKey, shiftKey, altKey, metaKey } = e;
const modifiers: Array<string> = []; const modifiers: Array<string> = [];
ctrlKey && modifiers.push("control"); ctrlKey && modifiers.push("control");
@ -95,10 +96,24 @@ const keydownEvent = (e, index) => {
modifiers, modifiers,
}, },
}); });
if(index) { const runPluginDisable = e.target.value === "" || props.currentPlugin.name
emit("changeCurrent", index); switch (key) {
} else { case "up":
!props.currentPlugin.name && emit("choosePlugin"); emit("changeCurrent", -1);
break;
case "down":
emit("changeCurrent", 1);
break;
case "enter":
if (runPluginDisable) return;
emit("choosePlugin");
break;
case "space":
if (runPluginDisable || !opConfig.get().perf.common.space) return;
emit("choosePlugin");
break;
default:
break;
} }
}; };
@ -225,13 +240,16 @@ const newWindow = () => {
border: none; border: none;
outline: none; outline: none;
box-shadow: none !important; box-shadow: none !important;
.ant-select-selection, .ant-input, .ant-select-selection__rendered { .ant-select-selection,
.ant-input,
.ant-select-selection__rendered {
height: 100% !important; height: 100% !important;
font-size: 22px; font-size: 22px;
border: none !important; border: none !important;
} }
} }
.rubick-logo, .icon-tool { .rubick-logo,
.icon-tool {
width: 40px; width: 40px;
height: 40px; height: 40px;
background: #574778; background: #574778;