study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-12-22 18:22:37 +08:00
Code Issues Packages Projects Releases Wiki Activity

可视化编排的命令卡片支持禁用，复制，快速打印

Browse Source
This commit is contained in:
fofolee
2025-01-21 01:20:03 +08:00
parent b026b484f7
commit 7a224be9f4
19 changed files with 320 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/components/composer/card/CommandButtons.vue
View File

@@ -54,6 +54,50 @@
<q-tooltip>单独运行此命令并打印输出</q-tooltip>
</q-icon>
<!-- 更多操作按钮 -->
<q-icon
name="more_vert"
class="more-btn"
v-if="!isControlFlow || isFirstCommandInChain"
>
<q-menu>
<q-list style="min-width: 150px">
<q-item clickable v-close-popup @click="$emit('copy')">
<q-item-section avatar>
<q-icon name="content_copy" />
</q-item-section>
<q-item-section>复制命令</q-item-section>
</q-item>
<q-item
clickable
v-close-popup
@click="$emit('toggle-disable')"
x
>
<q-item-section avatar>
<q-icon :name="command.disabled ? 'check_circle' : 'block'" />
</q-item-section>
<q-item-section>{{
command.disabled ? "启用命令" : "禁用命令"
}}</q-item-section>
</q-item>
<q-item
clickable
v-close-popup
@click="$emit('add-print')"
v-if="!isControlFlow"
>
<q-item-section avatar>
<q-icon name="chat" />
</q-item-section>
<q-item-section>打印输出</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-icon>
<q-icon
name="close"
@click="$emit('remove')"
@@ -109,6 +153,9 @@ export default {
"run",
"remove",
"toggle-collapse",
"copy",
"toggle-disable",
"add-print",
],
methods: {
handleBlur() {
@@ -167,7 +214,8 @@ export default {
/* 按钮样式 */
.output-btn,
.run-btn,
.remove-btn {
.remove-btn,
.more-btn {
font-size: 18px;
min-height: 25px;
cursor: pointer;
@@ -178,7 +226,8 @@ export default {
.output-btn:hover,
.run-btn:hover,
.remove-btn:hover {
.remove-btn:hover,
.more-btn:hover {
opacity: 1;
transform: scale(1.1) translateY(-1px);
transition: all 0.3s ease;