study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-09-24 13:03:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

将命令类型的颜色配置移动到js文件中

Browse Source
This commit is contained in:
fofolee
2022-04-14 10:02:22 +08:00
parent f42cafe1aa
commit 2a8c52f9b3
2 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/CommandCard.vue
View File

@@ -107,7 +107,7 @@
>
<span v-for="cmd in commandInfo.features.cmds" :key="cmd">
<span v-if="typeof cmd === 'string'">
<q-badge rounded :color="cmdBadgeColor()"
<q-badge rounded :color="matchTypeColor()"
><q-icon class="q-mr-xs" :name="commandTypes.key.icon" />{{
getShortStrByByte(cmd)
}}</q-badge
@@ -119,7 +119,7 @@
</q-tooltip>
</span>
<span v-else-if="cmd.type === 'window' && cmd.match">
<q-badge rounded :color="cmdBadgeColor(cmd.type)"
<q-badge rounded :color="matchTypeColor(cmd.type)"
><q-icon
class="q-mr-xs"
:name="commandTypes.window.icon"
@@ -136,7 +136,7 @@
</q-tooltip>
</span>
<span v-else-if="cmd.type === 'files'">
<q-badge rounded :color="cmdBadgeColor(cmd.type)"
<q-badge rounded :color="matchTypeColor(cmd.type)"
><q-icon class="q-mr-xs" :name="commandTypes.files.icon" />
{{
(cmd.match && getShortStrByByte(cmd.match)) || "所有文件"
@@ -149,7 +149,7 @@
</q-tooltip>
</span>
<span v-else-if="cmd.type === 'regex'">
<q-badge rounded :color="cmdBadgeColor(cmd.type)"
<q-badge rounded :color="matchTypeColor(cmd.type)"
><q-icon
class="q-mr-xs"
:name="commandTypes.regex.icon"
@@ -162,7 +162,7 @@
</q-tooltip>
</span>
<span v-else-if="cmd.type === 'over'">
<q-badge rounded :color="cmdBadgeColor(cmd.type)"
<q-badge rounded :color="matchTypeColor(cmd.type)"
><q-icon
class="q-mr-xs"
:name="commandTypes.over.icon"
@@ -170,7 +170,7 @@
</q-badge>
</span>
<span v-else-if="cmd.type === 'img'">
<q-badge rounded :color="cmdBadgeColor(cmd.type)">
<q-badge rounded :color="matchTypeColor(cmd.type)">
<q-icon class="q-mr-xs" :name="commandTypes.img.icon" />图片
</q-badge>
</span>
@@ -214,14 +214,6 @@ export default {
allProgrammings: this.$programmings,
maxCmdStingLen: 8,
commandTypes: commandTypes,
cmdBadgeSheet: {
key: "primary",
files: "light-blue",
window: "indigo",
regex: "cyan",
over: "light-green",
img: "deep-orange",
},
};
},
computed: {
@@ -256,11 +248,11 @@ export default {
return this.commandInfo.tags?.includes("默认") ? false : true;
},
// 匹配类型的颜色
cmdBadgeColor() {
return (cmdType = "keyword") => {
matchTypeColor() {
return (cmdType = "key") => {
if (!this.isCommandActivated)
return this.$q.dark.isActive ? "grey-9" : "grey-5";
return this.cmdBadgeSheet[cmdType];
return this.commandTypes[cmdType].color;
};
},
},