Skip to content

Releases: LUgABeEEE/dsh-sidebar-density

v0.1.0 — 侧栏密度控制中心

Choose a tag to compare

@LUgABeEEE LUgABeEEE released this 25 Oct 04:45

轻量级侧栏 UI / lightweight sidebar UI — 无依赖、无常驻服务、无构建步骤;一个 client 文件加一张样式表,卸载即还原。

能力

  • 五个折叠开关:导航、账单、品牌行、新会话、区标题
  • 三档密度预设:标准 / 紧凑 / 舒适
  • 三档宽度预设:自动 / 窄 264px / 宽 320px(拖动分隔条时自动让位)
  • 底部一排入口:设置 / 导入 / 移动 同一行(24px 高),单击直达
  • 设置分区:设置 →「侧栏密度」,控件与底部面板一致
  • 折叠成 56px 图标栏时只留设置图标;右栏展开时宽度预设不插手
  • 状态 v2,自动迁移 v1;默认全关,界面与出厂一致

为什么是轻量级

项 事实
依赖 0(运行时只用宿主已有的 react)
文件 一个 lib/client.js,无构建/打包
后台 无服务、无路由、无工具、无配置 schema
DOM 只写 html 上的 data-dsd-* 属性
卸载 删 <style> 即还原

验证

npm run verify → 单测 24/24。

安装

git clone git@github.com:LUgABeEEE/dsh-sidebar-density.git
dsh plugin --profile web add "$(pwd)/dsh-sidebar-density"

然后重启 dsh-web 让组合生效。