dsh-sidebar-footer-stack:側欄底部卡片縱向堆疊與拖動換序

前言

DeepSeek Harness(DSH)側欄底部的 sidebar.footer.action 槽位,是宿主留給插件放置常駐卡片的位置(如會話費用、記憶入口)。默認情況下,宿主將該槽位容器渲染爲單行 Flex 佈局,因此當安裝兩個或更多插件時,每張卡片各佔一半寬度,內容會被擠壓導致顯示不全。

簡介

dsh-sidebar-footer-stack 是一個將側欄底部插件卡片縱向堆疊、統一卡片外觀,並支持拖動換序的插件。

  • 維護者:Daniel92Q
  • 許可:MIT
  • 分類:Web UI、界面
  • 核心價值:解決多卡片並排顯示被擠壓的問題,提供統一的視覺風格和靈活的排序能力。

安裝

通過 CLI 安裝:

dsh plugin --profile web add github:Daniel92Q/dsh-sidebar-footer-stack

如果使用桌面版應用,請走應用內「設置 → 插件 → 添加插件」入口,因爲桌面版獨佔 desktop profile。

安裝後重啓 Harness 進程即可生效。

功能

該插件主要提供以下能力:

  1. 縱向堆疊槽位條目:將原本橫向排列的卡片改爲縱向排列,每張卡片佔據全寬,解決內容擠壓問題。
  2. 統一卡片外觀:所有條目套用統一的卡片樣式。插件會自動檢測已有的卡片樣式,避免重複套用邊框。
  3. 拖動卡片換序:支持通過拖拽操作調整卡片順序。
  4. 順序持久化:卡片順序會保存到 localStorage,刷新或重啓後保持。

使用

  • 換序:按住卡片拖動到另一張卡片的上半區或下半區鬆手,即可改變順序。
  • 重置順序:清除 localStorage 鍵 dsh-sidebar-footer-stack.order。
  • 開啓診斷:設置 localStorage 鍵 dsh-sidebar-footer-stack.debug 爲 '1',刷新頁面後可開啓診斷上報。

注意事項

  • 無構建腳本:插件爲純 JS,無需構建過程。
  • 依賴宿主結構:插件依賴宿主內部結構(footerActions 類名和出口包裝層)。若宿主升級修改了這些結構,插件會靜默失效(不報錯,但無法生效)。
  • 診斷上報:默認關閉,避免收集過多數據。
  • 熱替換:支持熱替換客戶端 bundle,無需重啓應用即可查看代碼修改效果。
  • 拖動反饋:被拖動的卡片會呈現 45% 透明度,目標邊緣會出現 2px 品牌色提示線。
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜