dsh-ui-custom

使用

1. 打开 GUI，左下角出现半透明 ⌗ 圆钮：点击（或 Ctrl+Shift+E）进入编辑模式，按住拖动可把它挪到别处（位置会记住，面板里也能填「左 / 下」精确值或「复位」）。
2. 顶部控制面板：
   • 布局列宽：左侧栏 / 收起轨道 / 中栏最小宽 直接填数字；「恢复原生」清掉本插件的列宽接管。
   • 编辑入口按钮：左 / 下 直接填数字，「复位」回左下角；也可以直接按住 ⌗ 拖动。
   • 同种元素一起调：勾选框，默认开。
   • 缩放时字号等比变化：勾选框，默认开。
   • 元素缩放时子元素等比变化：勾选框，默认开（关掉即各调各的）。
   • 拖动时吸附（网格 + 元素对齐）：勾选框，默认开；旁边的 网格 填步长（默认 3，填 0 表示关闭网格取整）；显示对齐参考线：勾选框，默认开。
   • 左栏右边缘的拖拽条横向拖动即改宽度，数值实时回填。
3. 鼠标悬停元素 → 蓝色高亮 → 点击选中。选中后出现虚线框与四个把手：
   • 右把手 = 只改宽，下把手 = 只改高，右下角 = 同时改宽高，左上角 ✥ = 拖动移动位置。
   • 多选时拖动尺寸把手，所有已选项各自按同一增量变化（✥ 只作用于主选中项）。
4. 「位置偏移」区（单选时出现）：X / Y 直接填像素值，归零 复位；offsetX 与 offsetY 都为 0 时自动视为「无位移」，不输出 CSS。下方的 脱离文档流（原位让出给其它元素） 默认勾选 —— 勾上后元素不再占位，原位让给兄弟元素，别的元素移过来不会互相遮挡。
5. 元素清单（N，已改 M）：列出点过的元素，没改过的标 ·未改，点到下一个元素时会自动清掉；每行可改 W / H / F（字号）、隐藏 / 显示、恢复、定位（滚动到该元素）、✕ 删除。
6. Esc 或「退出编辑」结束。覆盖继续生效。