admin/nexus-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 为快捷命令列表添加复制按钮

Browse Source 
Refs #28
This commit is contained in:
Baobhan Sith
2025-05-13 00:53:20 +08:00
parent fb89c2e451
commit 5edb89ebb5
2 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/stores/quickCommands.store.ts
+5 -1
View File
@@ -19,7 +19,7 @@ export interface QuickCommandFE { // Renamed from QuickCommand if necessary
}
// 定义排序类型
export type QuickCommandSortByType = 'name' | 'usage_count';
export type QuickCommandSortByType = 'name' | 'usage_count' | 'last_used';
// 定义分组后的数据结构
export interface GroupedQuickCommands {
@@ -118,6 +118,8 @@ export const useQuickCommandsStore = defineStore('quickCommands', () => {
groupData.commands.sort((a, b) => {
if (sortBy.value === 'usage_count') {
if (b.usage_count !== a.usage_count) return b.usage_count - a.usage_count;
} else if (sortBy.value === 'last_used') {
if (b.updated_at !== a.updated_at) return b.updated_at - a.updated_at;
}
const nameA = a.name ?? a.command; // Fallback to command if name is null
const nameB = b.name ?? b.command;
@@ -140,6 +142,8 @@ export const useQuickCommandsStore = defineStore('quickCommands', () => {
untaggedCommands.sort((a, b) => {
if (sortBy.value === 'usage_count') {
if (b.usage_count !== a.usage_count) return b.usage_count - a.usage_count;
} else if (sortBy.value === 'last_used') {
if (b.updated_at !== a.updated_at) return b.updated_at - a.updated_at;
}
const nameA = a.name ?? a.command;
const nameB = b.name ?? b.command;
packages/frontend/src/views/QuickCommandsView.vue
+20 -5
View File
@@ -105,7 +105,9 @@
</div>
<!-- Actions (Structure remains the same) -->
<div class="flex items-center flex-shrink-0 focus-within:opacity-100 transition-opacity duration-150">
<span class="text-xs bg-border px-1.5 py-0.5 rounded mr-2 text-text-secondary" :title="t('quickCommands.usageCount', '使用次数')">{{ cmd.usage_count }}</span>
<button @click.stop="copyCommand(cmd.command)" class="p-1.5 rounded hover:bg-black/10 transition-colors duration-150 text-text-secondary hover:text-primary" :title="$t('commandHistory.copy', '复制')">
<i class="fas fa-copy text-sm"></i>
</button>
<button @click.stop="openEditForm(cmd)" class="p-1.5 rounded hover:bg-black/10 transition-colors duration-150 text-text-secondary hover:text-primary" :title="$t('common.edit', '编辑')">
<i class="fas fa-edit text-sm"></i>
</button>
@@ -135,7 +137,9 @@
</div>
<!-- Actions -->
<div class="flex items-center flex-shrink-0 focus-within:opacity-100 transition-opacity duration-150">
<span class="text-xs bg-border px-1.5 py-0.5 rounded mr-2 text-text-secondary" :title="t('quickCommands.usageCount', '使用次数')">{{ cmd.usage_count }}</span>
<button @click.stop="copyCommand(cmd.command)" class="p-1.5 rounded hover:bg-black/10 transition-colors duration-150 text-text-secondary hover:text-primary" :title="$t('commandHistory.copy', '复制')">
<i class="fas fa-copy text-sm"></i>
</button>
<button @click.stop="openEditForm(cmd)" class="p-1.5 rounded hover:bg-black/10 transition-colors duration-150 text-text-secondary hover:text-primary" :title="$t('common.edit', '编辑')">
<i class="fas fa-edit text-sm"></i>
</button>
@@ -362,7 +366,7 @@ const handleSearchInputBlur = () => {
// 切换排序方式 (Action remains the same, store handles the logic change)
const toggleSortBy = () => {
const newSortBy = sortBy.value === 'name' ? 'usage_count' : 'name';
const newSortBy = sortBy.value === 'name' ? 'last_used' : 'name';
quickCommandsStore.setSortBy(newSortBy);
};
@@ -392,12 +396,12 @@ const toggleGroup = (groupName: string) => {
const sortButtonTitle = computed(() => {
return sortBy.value === 'name'
? t('quickCommands.sortByName', '按名称排序')
: t('quickCommands.sortByUsage', '按使用频率排序');
: t('quickCommands.sortByLastUsed', '按最近使用排序');
});
const sortButtonIcon = computed(() => {
// 使用 Font Awesome 图标示例
return sortBy.value === 'name' ? 'fas fa-sort-alpha-down' : 'fas fa-sort-numeric-down';
return sortBy.value === 'name' ? 'fas fa-sort-alpha-down' : 'fas fa-clock';
});
@@ -422,6 +426,17 @@ const confirmDelete = (command: QuickCommandFE) => {
}
};
// 复制命令到剪贴板
const copyCommand = async (command: string) => {
try {
await navigator.clipboard.writeText(command);
uiNotificationsStore.showSuccess(t('commandHistory.copied', '已复制到剪贴板'));
} catch (err) {
console.error('复制命令失败:', err);
uiNotificationsStore.showError(t('commandHistory.copyFailed', '复制失败'));
}
};
// 执行命令
const executeCommand = (command: QuickCommandFE) => {
// 1. 增加使用次数 (后台操作，不阻塞执行)