feat(quickdock): 计数器只显示总数、输出内容加浅底色块、修复点击展开详情误选文字

This commit is contained in:
JOJO 2026-07-22 15:03:19 +08:00
parent b0fdd47ad9
commit 5cb18ab987
2 changed files with 19 additions and 5 deletions

View File

@ -21,7 +21,7 @@
<path d="M8 12h5.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" />
</svg>
<span class="qd-window__title">{{ kind === 'agent' ? '子智能体' : '后台指令' }}</span>
<span class="qd-window__counter">{{ runningCount }}/{{ rows.length }}</span>
<span class="qd-window__counter">{{ rows.length }}</span>
</header>
<ul ref="listRef" class="qd-list">
<li
@ -120,8 +120,6 @@ watch(
}
);
const runningCount = computed(() => rows.value.filter((r) => r.state === 'running').length);
interface SourceItem {
id: string;
name: string;

View File

@ -134,6 +134,19 @@
height: 0;
}
/* 交互区域禁止文字选择点击条目展开详情/预览时防止 mousedown 起点落在文字上
DOM 动画期间选择范围异常扩展把条目与详情文字整片选中
详情输出与预览代码内容保持可选不影响复制 */
.qd-window__header,
.qd-run-item,
.qd-todo-item,
.qd-file-item,
.qd-detail__header,
.qd-preview__header,
.qd-menu {
user-select: none;
}
/* ---------------- 行进入 / 移出动画(待办 / 子智能体 / 后台指令 / 文件共用) ---------------- */
.qd-row-enter {
@ -618,10 +631,13 @@
}
}
/* 子智能体文本输出:浅底色圆角块,与工具行/终端行的扁平行式区分 */
.qd-feed-row.feed-text {
align-items: flex-start;
padding-top: 5px;
padding-bottom: 5px;
margin: 3px 10px;
padding: 6px 8px;
background: var(--surface-soft);
border-radius: 8px;
color: var(--text-secondary);
line-height: 1.55;
white-space: pre-wrap;