feat: 常驻项目彻底去特殊化——变更视图通用(views覆盖)+真删除(恢复默认不复活/可重新添加)+去↑↓箭头

This commit is contained in:
Aisland
2026-08-17 23:15:13 +08:00
parent 3a085e8bca
commit afc637df54
6 changed files with 173 additions and 106 deletions
+100 -67
View File
@@ -43,8 +43,10 @@ type ProjectsState = {
nameOverrides: Record<string, string>
/** 图标覆盖(点图标换 emoji;含入驻插件项目 id → emoji)。 */
iconOverrides: Record<string, string>
/** 已从工作台删除的入驻项目 id(插件不卸载,仅不再展示;恢复默认找回)。 */
/** 已从工作台删除的入驻项目 id(真删除:恢复默认不复活;在「已删除的项目」里可重新添加)。 */
removed: string[]
/** 入驻项目的视图覆盖(id → LayoutSpec):变更视图后按此打开,替换项目自声明的布局。 */
views: Record<string, LayoutSpec>
/** 本地快捷方式条目。 */
shortcuts: Shortcut[]
/** 用户自建的布局条目(「+」新建工作区保存的 LayoutSpec)。 */
@@ -59,9 +61,7 @@ const SNAP_PX = 32
const MARKET_URL = 'https://github.com/hikariming/dshfind'
/** 已报到卡片的 CSS order 偏移:未上报(order=0)的 v1 卡片永远排在已上报卡片之前。 */
const ORDER_OFFSET = 1000
/** 自带分栏实现的遗留项目(如 travelatlas,未接入 openSplit 引擎):埋点用冷却去重,避免每次点击置顶 */
const LEGACY_SPLIT_IDS = new Set(['travelatlas'])
/** 遗留项目埋点冷却(毫秒):同 id 两次计使用的最小间隔 */
/** 非引擎项目埋点冷却(毫秒):同 id 两次计使用的最小间隔 */
const LEGACY_BUMP_COOLDOWN = 15000
/** 落点判定余量:松手时指针越出有效落点区(超出底部/顶部/侧边)即视为「无有效落点」。 */
const OVER_BOTTOM_PX = 24
@@ -190,6 +190,7 @@ const DEFAULT_PROJECTS: ProjectsState = {
nameOverrides: {},
iconOverrides: {},
removed: [],
views: {},
shortcuts: [],
layouts: [],
}
@@ -229,6 +230,7 @@ function loadProjects(): ProjectsState {
nameOverrides: p.nameOverrides && typeof p.nameOverrides === 'object' ? p.nameOverrides : {},
iconOverrides: p.iconOverrides && typeof p.iconOverrides === 'object' ? p.iconOverrides : {},
removed: Array.isArray(p.removed) ? p.removed.filter((x: unknown): x is string => typeof x === 'string') : [],
views: p.views && typeof p.views === 'object' ? p.views : {},
shortcuts: Array.isArray(p.shortcuts)
? p.shortcuts.filter((s: any) => s && typeof s.id === 'string' && typeof s.name === 'string' && typeof s.href === 'string')
: [],
@@ -484,22 +486,21 @@ function WorktableSection(props: any) {
} else if (knownEngine) {
// 引擎项目:本次是关闭/重复点击 → 不计
return
} else if (LEGACY_SPLIT_IDS.has(id)) {
// 遗留自带分栏的项目:冷却去重(打开计一次;快速开关/关闭点击不重复计)
} else {
// 非引擎项目(自带分栏实现等):冷却去重(打开计一次;快速开关/关闭点击不重复计)
if (now - (lastLegacyBumpRef.current[id] ?? 0) > LEGACY_BUMP_COOLDOWN) {
lastLegacyBumpRef.current[id] = now
bump()
}
} else {
bump() // 无判定依据的普通项目:保持原行为
}
}, [])
/** 分栏工作区入口(M1 引擎):项目卡片调用 openSplit(spec) 打开声明式布局 */
/** 分栏工作区入口(M1 引擎):项目卡片调用 openSplit(spec) 打开声明式布局;
* 若该 id 存在视图覆盖(用户在设置里变更过视图),用覆盖布局替换打开。 */
const openSplit = useCallback((spec: LayoutSpec) => {
engineIdsRef.current.add(spec.id)
splitStore.open(spec)
}, [])
splitStore.open(projects.views[spec.id] ?? spec)
}, [projects.views])
// ── 有效排序 ──
// 手动:持久化 order(过滤已卸载 id)→ 新注册 id 与布局 id 追加尾部;
@@ -598,17 +599,7 @@ function WorktableSection(props: any) {
}
}
// ── 编辑模式动作 ──
const moveBy = (id: string, delta: number) => {
const list = [...effectiveOrder]
const i = list.indexOf(id)
const j = clamp(i + delta, 0, list.length - 1)
if (i < 0 || i === j) return
list.splice(i, 1)
list.splice(j, 0, id)
persistProjects({ order: list })
}
// ── 编辑模式动作(排序只用左缘 ≡ 抓手拖拽,无 ↑↓ 按钮) ──
const moveTo = (id: string, targetId: string) => {
if (id === targetId) return
const list = [...effectiveOrder]
@@ -638,6 +629,7 @@ function WorktableSection(props: any) {
})
}
// 恢复默认:还原排序/隐藏/改名/图标/视图覆盖;已删除的项目不复活(真删除,可在「已删除的项目」重新添加)
const resetProjects = () => {
persistProjects((prev) => ({
...prev,
@@ -645,7 +637,15 @@ function WorktableSection(props: any) {
hidden: [],
nameOverrides: {},
iconOverrides: {},
removed: [],
views: {},
}))
}
/** 重新添加已删除的入驻项目(删除 ↔ 重新添加 完全可逆) */
const readdProject = (id: string) => {
persistProjects((prev) => ({
...prev,
removed: prev.removed.filter((x) => x !== id),
}))
}
@@ -670,16 +670,20 @@ function WorktableSection(props: any) {
persistProjects((prev) => ({ ...prev, layouts: prev.layouts.filter((l) => l.id !== id) }))
}
// ── 变更视图:按预设重建布局拓扑,现有窗内容(标签)按序迁入,不丢失 ──
// ── 变更视图:所有项目通用。布局项目 = 重建其布局条目;入驻项目 = 建立/更新视图覆盖。
// 现有窗内容(标签)按序迁入新拓扑,不丢失。 ──
const applyLayoutChange = (id: string, presetId: string) => {
const layout = projects.layouts.find((l) => l.id === id)
if (!layout) return
const sources = [...(layout.top ?? []), ...layout.main]
.map((pp) => pp.tabs ?? [])
.filter((tabs) => tabs.length > 0)
const next = buildLayout(presetId, layout.title)
next.id = layout.id
next.icon = layout.icon
const meta = metas[id]
const current = layout ?? projects.views[id]
const sources = current
? [...(current.top ?? []), ...current.main]
.map((pp) => pp.tabs ?? [])
.filter((tabs) => tabs.length > 0)
: []
const next = buildLayout(presetId, layout ? layout.title : (meta?.name ?? id))
next.id = id
next.icon = layout ? layout.icon : (projects.iconOverrides[id] ?? meta?.icon)
const targets = [...(next.left ? [next.left] : []), ...(next.top ?? []), ...next.main]
let si = 0
for (const pane of targets) {
@@ -696,11 +700,10 @@ function WorktableSection(props: any) {
last.tabs = [...(last.tabs ?? []), ...overflow]
last.active = 0
}
persistProjects((prev) => ({
...prev,
layouts: prev.layouts.map((l) => (l.id === id ? next : l)),
}))
// 该布局当前打开时:关旧开新,工作区即时变为新视图
persistProjects((prev) => layout
? { ...prev, layouts: prev.layouts.map((l) => (l.id === id ? next : l)) }
: { ...prev, views: { ...prev.views, [id]: next } })
// 该视图当前打开时:关旧开新,工作区即时变为新视图
const wasOpen = splitStore.active && splitStore.spec?.id === id
if (wasOpen) {
splitStore.close()
@@ -765,44 +768,66 @@ function WorktableSection(props: any) {
persistProjects((prev) => ({ ...prev, iconOverrides: { ...prev.iconOverrides, [id]: icon } }))
}
// 入驻项目卡片图标覆盖(DOM 层,不改动对方插件代码)
// 1) 属性同步:iconOverrides[id] -> 卡片 icon 元素 data-wt-icon(CSS 用 attr() 换显示);
// 2) 委托点击:捕获阶段拦截卡片 icon 点击 -> 打开图标选择器(阻止卡片自身打开项目)。
// ── 入驻项目卡片通用 DOM 桥(不写死任何项目名/类名) ──
// 卡片按子座位注册顺序渲染,与 aliveRegisteredIds 一一对应:
// 1) 位置映射:给每张卡片标 data-wt-id,图标覆盖写到卡片第一个子元素(通用结构约定);
// 2) 委托点击(捕获阶段):卡片图标 → 图标选择器;有视图覆盖的项目 → 用引擎打开该视图。
useEffect(() => {
const ROOT_TO_ID = [['.ta_card', 'travelatlas'], ['.pr_card', 'planreview']]
const sync = () => {
for (const [rootSel, pid] of ROOT_TO_ID) {
const cards = document.querySelectorAll('.dsh-wt_projects ' + rootSel)
cards.forEach((card) => {
const icon = card.querySelector('.ta_cardIcon, .pr_cardIcon')
if (!icon) return
const ovr = projects.iconOverrides[pid]
if (ovr) icon.setAttribute('data-wt-icon', ovr)
else icon.removeAttribute('data-wt-icon')
})
}
const box = document.querySelector<HTMLElement>('.dsh-wt_projects')
if (!box) return
// 子座位把所有卡片包在一个无类容器里:直接取卡片按钮(DOM 序 = 注册序),排除自渲染的布局卡
const cards = Array.from(box.querySelectorAll<HTMLElement>('button:not(.dsh-wt_layout)'))
cards.forEach((el, i) => {
const id = aliveRegisteredIds[i]
if (id) {
el.setAttribute('data-wt-id', id)
const icon = el.children[0] as HTMLElement | null
if (icon) {
const ovr = projects.iconOverrides[id]
if (ovr) icon.setAttribute('data-wt-icon', ovr)
else icon.removeAttribute('data-wt-icon')
}
} else {
el.removeAttribute('data-wt-id')
}
})
}
sync()
const mo = new MutationObserver(sync)
mo.observe(document.body, { childList: true, subtree: true })
return () => mo.disconnect()
}, [projects.iconOverrides])
}, [aliveRegisteredIds, projects.iconOverrides])
useEffect(() => {
const onDocClick = (e) => {
const target = e.target
const icon = target && target.closest ? target.closest('.ta_cardIcon, .pr_cardIcon') : null
if (!icon || !icon.closest('.dsh-wt_projects')) return
const card = icon.closest('.ta_card, .pr_card')
const pid = card && card.classList.contains('ta_card') ? 'travelatlas' : card && card.classList.contains('pr_card') ? 'planreview' : null
const onDocClick = (e: MouseEvent) => {
const target = e.target as HTMLElement | null
const card = target && target.closest
? (target.closest('.dsh-wt_projects [data-wt-id]') as HTMLElement | null)
: null
if (!card) return
const pid = card.getAttribute('data-wt-id')
if (!pid) return
e.stopPropagation()
e.preventDefault()
openIconPick('project', pid, icon)
// 图标点击(卡片第一个子元素内) → 打开图标选择器(阻止卡片自身打开项目)
const first = card.children[0] as HTMLElement | null
if (first && target && first.contains(target)) {
e.stopPropagation()
e.preventDefault()
openIconPick('project', pid, first)
return
}
// 有视图覆盖 → 用引擎打开该视图(替换卡片自带行为)
const view = projects.views[pid]
if (view) {
e.stopPropagation()
e.preventDefault()
openSplit(view)
reportUsed(pid)
}
}
document.addEventListener('click', onDocClick, true)
return () => document.removeEventListener('click', onDocClick, true)
}, [])
}, [projects.views, openSplit, reportUsed])
const query = view.query.trim()
const queryLower = query.toLowerCase()
@@ -1087,14 +1112,10 @@ function WorktableSection(props: any) {
placeholder={t('manage.renamePh')}
onChange={(e) => renameProject(id, e.target.value)}
/>
<button type="button" className="dsh-wt_manageBtn" title={t('manage.up')} onClick={() => moveBy(id, -1)}>↑</button>
<button type="button" className="dsh-wt_manageBtn" title={t('manage.down')} onClick={() => moveBy(id, 1)}>↓</button>
<button type="button" className="dsh-wt_manageBtn" title={isHidden ? t('manage.show') : t('manage.hide')} onClick={() => toggleHidden(id)}>
{isHidden ? '🙈' : '👁'}
</button>
{layout && (
<button type="button" className="dsh-wt_manageBtn" title={t('manage.changeView')} onClick={() => setViewPickFor(id)}>🧩</button>
)}
<button type="button" className="dsh-wt_manageBtn" title={t('manage.changeView')} onClick={() => setViewPickFor(id)}>🧩</button>
<button
type="button"
className="dsh-wt_manageBtn"
@@ -1119,6 +1140,18 @@ function WorktableSection(props: any) {
</div>
))}
<button type="button" className="dsh-wt_manageReset" onClick={resetProjects}>{t('manage.reset')}</button>
{projects.removed.length > 0 && (
<>
<div className="dsh-wt_menuSep" />
<span className="dsh-wt_menuLabel">{t('manage.removed')}</span>
{projects.removed.map((rid) => (
<div key={rid} className="dsh-wt_manageRow dsh-wt_manageRowOff dsh-wt_manageRowRemoved">
<span className="dsh-wt_manageScName">{projects.nameOverrides[rid] ?? metas[rid]?.name ?? rid}</span>
<button type="button" className="dsh-wt_manageBtn" title={t('manage.readd')} onClick={() => readdProject(rid)}>↺</button>
</div>
))}
</>
)}
</div>
)}
@@ -1128,7 +1161,7 @@ function WorktableSection(props: any) {
<span className="dsh-wt_menuLabel">{t('viewPick.title')}</span>
<div className="dsh-wt_presets">
{PRESET_DEFS.map((def) => {
const cur = projects.layouts.find((l) => l.id === viewPickFor)
const cur = projects.layouts.find((l) => l.id === viewPickFor) ?? projects.views[viewPickFor]
return (
<button
key={def.id}
+6 -6
View File
@@ -34,8 +34,8 @@ export const zh = {
'manage.renamePh': '显示名',
'manage.hide': '隐藏',
'manage.show': '显示',
'manage.up': '上移',
'manage.down': '下移',
'manage.removed': '已删除的项目',
'manage.readd': '重新添加',
'manage.deleteShortcut': '删除快捷方式',
'manage.reset': '恢复默认',
'shortcut.badge': '本地',
@@ -52,7 +52,7 @@ export const zh = {
'confirm.delete': '删除',
'confirm.layoutBody': '确定删除「{name}」?该工作区及其布局将被移除,此操作不可恢复。',
'confirm.shortcutBody': '确定删除快捷方式「{name}」?此操作不可恢复。',
'confirm.projectBody': '确定从工作台删除「{name}」?插件本身不会被卸载,之后可在「管理项目」→「恢复默认」找回。',
'confirm.projectBody': '确定从工作台删除「{name}」?插件本身不会被卸载,「恢复默认」也不会复活它;之后可在设置里「已删除的项目」中重新添加。',
'pane.browser': '浏览器',
'pane.explorer': '资源管理器',
'pane.scm': '源代码管理',
@@ -114,8 +114,8 @@ export const en = {
'manage.renamePh': 'Display name',
'manage.hide': 'Hide',
'manage.show': 'Show',
'manage.up': 'Move up',
'manage.down': 'Move down',
'manage.removed': 'Removed projects',
'manage.readd': 'Re-add',
'manage.deleteShortcut': 'Delete shortcut',
'manage.reset': 'Reset defaults',
'shortcut.badge': 'Local',
@@ -132,7 +132,7 @@ export const en = {
'confirm.delete': 'Delete',
'confirm.layoutBody': 'Delete "{name}"? Its workspace and layout will be removed. This cannot be undone.',
'confirm.shortcutBody': 'Delete shortcut "{name}"? This cannot be undone.',
'confirm.projectBody': 'Remove "{name}" from the worktable? The plugin stays installed; restore it later via Manage → Reset defaults.',
'confirm.projectBody': 'Remove "{name}" from the worktable? The plugin stays installed; Reset defaults will NOT bring it back — re-add it later under Removed projects in Settings.',
'pane.browser': 'Browser',
'pane.explorer': 'Explorer',
'pane.scm': 'Source control',
+3 -3
View File
@@ -286,7 +286,7 @@ export const splitStore: SplitState = {
}
this.close()
}
// 兼容桥:travelatlas 尚未接入共享引擎(不改动其代码),打开本引擎布局前运行时点击其关闭按钮
// 跨插件互操作桥:自带分栏实现的入驻插件(未接入共享引擎)打开时,运行时点击其关闭按钮让位
try {
const taClose = document.querySelector<HTMLElement>('.ta_splitClose')
taClose?.click()
@@ -751,8 +751,8 @@ export const splitStore: SplitState = {
},
}
/** 兼容桥:travelatlas 分栏浮层(.ta_split)出现 = 其引擎打开 → 本引擎让位。
* 不改动 travelatlas 代码,仅在 DOM 层观察其浮层挂载。 */
/** 跨插件互操作桥:自带分栏实现的插件其浮层(.ta_split)出现 = 其引擎打开 → 本引擎让位。
* 不改动对方插件代码,仅在 DOM 层观察其浮层挂载。 */
if (typeof document !== 'undefined' && document.body) {
const taObserver = new MutationObserver(() => {
if (!splitStore.active) return
+10 -10
View File
@@ -130,12 +130,12 @@ export const css = [
'.dsh-wt_layoutText{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}',
'.dsh-wt_layoutName{font-size:12px;font-weight:400;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}',
'.dsh-wt_layoutArrow{flex:none;color:var(--dsw-alias-label-tertiary,#6e7683);font-size:14px;line-height:20px}',
// 项目卡片统一:入驻插件卡片(travelatlas/planreview)与布局卡片同款常显框(静止态可见边框+底)
'.dsh-wt_projects .ta_card,.dsh-wt_projects .pr_card{border-color:var(--dsw-alias-border-l1,#262b36);background:var(--dsw-alias-fill-l1,rgba(255,255,255,.02))}',
'.dsh-wt_projects .ta_card:hover,.dsh-wt_projects .pr_card:hover{border-color:var(--dsw-alias-state-accent-primary,#4f8ef7);background:var(--dsw-alias-fill-l1,rgba(255,255,255,.05))}',
'.dsh-wt_projects .ta_card[data-on=true],.dsh-wt_projects .pr_card[data-on=true]{border-color:var(--dsw-alias-state-accent-primary,#4f8ef7);background:var(--dsw-alias-fill-l1,rgba(255,255,255,.05))}',
// 项目卡片统一:所有入驻项目卡片(data-wt-id 通用标记)与布局卡片同款常显框
'.dsh-wt_projects [data-wt-id]{border-color:var(--dsw-alias-border-l1,#262b36);background:var(--dsw-alias-fill-l1,rgba(255,255,255,.02))}',
'.dsh-wt_projects [data-wt-id]:hover{border-color:var(--dsw-alias-state-accent-primary,#4f8ef7);background:var(--dsw-alias-fill-l1,rgba(255,255,255,.05))}',
'.dsh-wt_projects [data-wt-id][data-on=true]{border-color:var(--dsw-alias-state-accent-primary,#4f8ef7);background:var(--dsw-alias-fill-l1,rgba(255,255,255,.05))}',
// 标签精简:项目卡片只留名称一行,小字描述行去掉
'.dsh-wt_projects .ta_cardDesc,.dsh-wt_projects .pr_cardDesc{display:none}',
'.dsh-wt_projects [data-wt-id] > :nth-child(2) > :nth-child(2){display:none}',
// 图标选择弹窗(固定定位,点击项目/布局/快捷方式的图标唤出)
'.dsh-wt_iconPop{position:fixed;z-index:81;width:256px;padding:8px;border:1px solid var(--dsw-alias-border-l2,#3a4150);border-radius:10px;background:var(--dsw-alias-bg-base,#0b0e14);box-shadow:var(--dsw-shadow-lv2,0 8px 24px rgba(0,0,0,.4))}',
'.dsh-wt_iconPopTitle{font-size:10px;letter-spacing:.05em;color:var(--dsw-alias-label-tertiary,#6e7683);padding:1px 4px 6px}',
@@ -147,13 +147,13 @@ export const css = [
'.dsh-wt_iconPick{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:1px;border:none;background:transparent;cursor:pointer;border-radius:4px}',
'.dsh-wt_iconPick:hover{background:var(--dsw-alias-fill-l1,rgba(255,255,255,.08))}',
// 四类项目卡片统一竖向高度(常驻×2 / 布局 / 快捷方式;新建条目自动继承)
'.dsh-wt_projects .ta_card,.dsh-wt_projects .pr_card,.dsh-wt_layout,.dsh-wt_shortcut{height:34px;box-sizing:border-box}',
'.dsh-wt_projects [data-wt-id],.dsh-wt_layout,.dsh-wt_shortcut{height:34px;box-sizing:border-box}',
// 入驻项目卡片图标覆盖:data-wt-icon 存在时用 attr() 替换显示(原字符字号压到 0)
'.dsh-wt_projects .ta_cardIcon[data-wt-icon],.dsh-wt_projects .pr_cardIcon[data-wt-icon]{font-size:0;line-height:20px}',
'.dsh-wt_projects .ta_cardIcon[data-wt-icon]::before,.dsh-wt_projects .pr_cardIcon[data-wt-icon]::before{content:attr(data-wt-icon);font-size:15px;line-height:20px}',
'.dsh-wt_projects [data-wt-id] > :first-child[data-wt-icon]{font-size:0;line-height:20px}',
'.dsh-wt_projects [data-wt-id] > :first-child[data-wt-icon]::before{content:attr(data-wt-icon);font-size:15px;line-height:20px}',
// 常驻项目卡片与新建项目统一:emoji 字号 15px、名称不加粗
'.dsh-wt_projects .ta_cardIcon,.dsh-wt_projects .pr_cardIcon{font-size:15px;line-height:20px}',
'.dsh-wt_projects .ta_cardName,.dsh-wt_projects .pr_cardName{font-weight:400}',
'.dsh-wt_projects [data-wt-id] > :first-child{font-size:15px;line-height:20px}',
'.dsh-wt_projects [data-wt-id] > :nth-child(2) > :first-child{font-weight:400}',
// 头部按钮内的官方 SVG 图标
'.dsh-wt_iconBtn svg{display:block}',
// 窗内容:选择器 / 自定义 / 浏览器 / 占位
+22 -14
View File
@@ -639,19 +639,27 @@
原生视图内部是浏览器扩展页,插件注入不了按钮、拦不到鼠标,也驱动不了内部滚动——
向用户如实说明后按指示回退);② 视图选项改名「设置」,点开直接内嵌「排序方式 + 管理项目
展开列表」,不再二次点击;③ 管理项目里给现有项目加「变更视图」:换预设拓扑,
自定义内容(标签)自动迁入新视图。
## 补记(常驻项目彻底去特殊化:变更视图通用 / 真删除 / 去箭头)
- 用户反馈(四条):① 两个常驻项目也要变更视图按钮;② 怀疑底层代码里写死了这两个项目的
特殊内容——应该完全不特殊;③ 删除常驻项目后「恢复默认」不应复活它们(真删除),
但整个流程可逆(可重新添加回来);④ 管理行去掉 ↑↓ 箭头(左缘 ≡ 抓手拖拽已够用)。
- 处理:
① PDF 回退:删 PdfViewer/pdfjs 依赖/worker banner/CSS/locale pdf.*/fixture;
FileViewer pdf → 原生 iframe(服务端 application/pdf MIME 保留,供原生内嵌渲染);
bundle 从 2.6MB 回到 747KB;build.mjs 保留 esbuild JS API;
② 设置面板:managing 状态并入 viewOptionsOpen;设置弹窗 = 排序项 + 分隔 + 管理标题/完成 +
管理行列表 + 恢复默认,宽 316;「管理项目…」菜单项与独立管理弹窗删除;卡区弱化跟随设置开关;
③ 变更视图:布局行加 🧩 按钮 → 弹 6 预设缩略图选择器(当前拓扑高亮);applyLayoutChange
按预设重建拓扑(保留 id/名称/图标),现有窗标签按序迁入新窗格、多余并入末窗不丢失;
当前打开的布局即时关旧开新生效。locale:menu.viewOptions→设置/Settings,
新增 manage.changeView/viewPick.title。
- 验证(functional-diag STEP8/9 重写 + STEP10 适配):STEP8 设置弹窗 fixed/left=288/
sortItems=2/rows=4 直接展开;STEP9 布局行 5 按钮 → 🧩 → 6 预设 → 选 l2 →
newTop=1/newMain=1/chatFull=true + migrated=1(标签迁入顶行);STEP10 删除确认流程在新面板
内全部保持;STEP11 MD/TXT 不变;ERRORS_COUNT: 0。
① 变更视图通用化:projects.v1 新增 views(id → LayoutSpec 视图覆盖);管理行 🧩 按钮
所有项目显示;applyLayoutChange 对布局项目重建条目、对入驻项目写 views[id];
openSplit 打开时用 views[spec.id] 替换自声明布局;卡片点击拦截(有覆盖时用引擎打开),
常驻项目一样可变更视图;
② 去硬编码:删除 LEGACY_SPLIT_IDS/ta_card/pr_card 类名映射;改为通用 DOM 桥——
子座位卡片按注册序 ↔ aliveRegisteredIds 位置映射(button:not(.dsh-wt_layout)),
标记 data-wt-id;图标覆盖写到卡片第一个子元素;CSS 全部换成 [data-wt-id] 通用选择器
(框/高度/字号/字重/描述行隐藏);reportUsed 冷却对全部非引擎项目通用;
split.tsx 仅保留跨插件互操作桥(.ta_split 浮层让位,注释中性化);
③ 删除语义:resetProjects 不再清空 removed(恢复默认不复活);设置面板新增「已删除的项目」
区块,逐条「↺ 重新添加」(删除 ↔ 重新添加完全可逆);confirm.projectBody 文案同步;
④ 管理行删除 ↑/↓ 按钮与 moveBy 函数,排序只靠 ≡ 拖拽;locale 删 manage.up/down,
新增 manage.removed/readd。
- 验证(functional-diag STEP9/10 重写):STEP9 常驻行 3 按钮(无箭头+🧩)→ 变更视图
views['planreview'] 三栏拓扑 ✓;布局行迁移不变 ✓;STEP10 删除后 reset removedAfterReset
仍含 id(不复活)→ removedSection=true → ↺ 重新添加 removed=[] 且卡片回归 ✓;
通用桥回归:框/高度/字重/图标覆盖/desc 隐藏全 ✓;ERRORS_COUNT: 0。
- 备注:纯客户端改动,F5 即生效,无需重启 dsh web。
+32 -6
View File
@@ -167,21 +167,36 @@ const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
})()`);
console.log('STEP8:', JSON.stringify(step8));
// 变更视图:布局行 🧩 → 选择新预设 → 拓扑重建 + 内容标签自动迁入
// 变更视图:常驻项目与布局项目通用 🧩 → 选择新预设 → 拓扑重建 + 内容标签自动迁入
const step9 = await evaluate(`(async function(){
var out={};
var btn=document.querySelector('.dsh-wt_actions .dsh-wt_iconBtn:nth-child(2)');
if(btn){ btn.click(); }
await new Promise(function(r){setTimeout(r,300)});
var rows=document.querySelectorAll('.dsh-wt_settings .dsh-wt_manageRow:not(.dsh-wt_manageRowSc)');
var layoutRow=rows[rows.length-1];
if(layoutRow){ out.layoutRowBtns=layoutRow.querySelectorAll('.dsh-wt_manageBtn').length; }
out.rowsCount=rows.length;
out.row0Btns=rows[0]?rows[0].querySelectorAll('.dsh-wt_manageBtn').length:0;
var resPuzzle=rows[0]&&rows[0].querySelectorAll('.dsh-wt_manageBtn')[rows[0].querySelectorAll('.dsh-wt_manageBtn').length-2];
if(resPuzzle){ resPuzzle.click(); }
await new Promise(function(r){setTimeout(r,300)});
out.viewPicker1=!!document.querySelector('.dsh-wt_pop .dsh-wt_presets');
var presets1=document.querySelectorAll('.dsh-wt_presets .dsh-wt_preset');
if(presets1[1]){ presets1[1].click(); }
await new Promise(function(r){setTimeout(r,400)});
try{
var vv=JSON.parse(localStorage.getItem('dsh.worktable.projects.v1')).views||{};
out.viewsKeys=Object.keys(vv);
var rv=vv[out.viewsKeys[0]];
if(rv){ out.resTop=(rv.top||[]).length; out.resMain=rv.main.length; out.resChatFull=rv.chatFullHeight===true; out.resId=rv.id; }
}catch(e){ out.resErr=String(e) }
var rows2=document.querySelectorAll('.dsh-wt_settings .dsh-wt_manageRow:not(.dsh-wt_manageRowSc)');
var layoutRow=rows2[rows2.length-1];
out.layoutRowBtns=layoutRow?layoutRow.querySelectorAll('.dsh-wt_manageBtn').length:0;
var puzzle=layoutRow&&layoutRow.querySelectorAll('.dsh-wt_manageBtn')[layoutRow.querySelectorAll('.dsh-wt_manageBtn').length-2];
if(puzzle){ puzzle.click(); }
await new Promise(function(r){setTimeout(r,300)});
out.viewPicker=!!document.querySelector('.dsh-wt_pop .dsh-wt_presets');
out.presetCount=document.querySelectorAll('.dsh-wt_presets .dsh-wt_preset').length;
var presets=document.querySelectorAll('.dsh-wt_presets .dsh-wt_preset');
out.presetCount=presets.length;
if(presets[2]){ presets[2].click(); }
await new Promise(function(r){setTimeout(r,400)});
try{
@@ -239,7 +254,7 @@ const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
out.cardsAfter={ta:document.querySelectorAll('.dsh-wt_projects .ta_card').length,pr:document.querySelectorAll('.dsh-wt_projects .pr_card').length};
try{ out.removed=JSON.parse(localStorage.getItem('dsh.worktable.projects.v1')).removed }catch(e){ out.removed='ERR' }
out.rowsAfterDelete=document.querySelectorAll('.dsh-wt_settings .dsh-wt_manageRow').length;
var rows3=document.querySelectorAll('.dsh-wt_settings .dsh-wt_manageRow:not(.dsh-wt_manageRowSc)');
var rows3=document.querySelectorAll('.dsh-wt_settings .dsh-wt_manageRow:not(.dsh-wt_manageRowSc):not(.dsh-wt_manageRowRemoved)');
var lastRow=rows3[rows3.length-1];
var xBtn3=lastRow&&lastRow.querySelectorAll('.dsh-wt_manageBtn')[lastRow.querySelectorAll('.dsh-wt_manageBtn').length-1];
if(xBtn3){ xBtn3.click(); }
@@ -249,6 +264,17 @@ const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
await new Promise(function(r){setTimeout(r,300)});
out.layoutGoneAfterDelete=!document.querySelector('.dsh-wt_layout');
try{ out.layoutsLeft=JSON.parse(localStorage.getItem('dsh.worktable.projects.v1')).layouts.length }catch(e){ out.layoutsLeft='ERR' }
// 恢复默认不应复活已删除项目;「已删除的项目」里重新添加可逆
var resetBtn=document.querySelector('.dsh-wt_manageReset');
if(resetBtn){ resetBtn.click(); }
await new Promise(function(r){setTimeout(r,250)});
try{ out.removedAfterReset=JSON.parse(localStorage.getItem('dsh.worktable.projects.v1')).removed }catch(e){ out.removedAfterReset='ERR' }
out.removedSection=!!document.querySelector('.dsh-wt_settings .dsh-wt_manageRowRemoved');
var readdBtn=document.querySelector('.dsh-wt_settings .dsh-wt_manageRowRemoved .dsh-wt_manageBtn');
if(readdBtn){ readdBtn.click(); }
await new Promise(function(r){setTimeout(r,300)});
try{ out.removedAfterReadd=JSON.parse(localStorage.getItem('dsh.worktable.projects.v1')).removed }catch(e){ out.removedAfterReadd='ERR' }
out.prBackAfterReadd=document.querySelectorAll('.dsh-wt_projects .pr_card').length;
var done=document.querySelector('.dsh-wt_manageDone');
if(done){ done.click(); }
await new Promise(function(r){setTimeout(r,200)});