操作面板 — 6 种控件类型

什么是操作栏

JustZix 的第一条栏用于开关规则，而操作面板不只是开关。它是一组交互式控件，让你在工作时操控页面——按需运行代码、向其传入数值、切换模式。

该栏绑定到某个文件夹、分组或规则集。当该文件夹在当前页面上处于激活状态时，它的操作就会出现在浮动面板中；不匹配时，面板保持为空。因此商店页面显示的控件与后台管理面板不同。该栏会记住自己的位置，右键点击可将其隐藏至本次会话结束。

六种控件类型

每个操作都有标签、颜色和可选的键盘快捷键。你根据需要选择六种类型之一：

• BUTTON — 一个一触即发的按钮；点击即运行 JS 代码。
• SELECT — 一个下拉列表；静态选项或由 JS 生成，选择一项即触发操作。
• INPUT — 一个命令栏风格的单行文本框；输入一个值并确认。
• SLIDER — 一个实时控制 CSS 变量的滑块，例如页面亮度或缩放级别。
• TEXTAREA — 一个多行便签，其内容按每个域名分别记忆。
• TOGGLE3 — 一个三态分段控件，非常适合 dev / staging / prod 这类模式。

从简单点击到输入值

最简单的类型是 BUTTON——一个目标，一次点击。SELECT 和 TOGGLE3 增加了选择：无需为每个变体配一个按钮，你只保留一个带多种状态的控件。INPUT 和 TEXTAREA 更进一步，接受你当下输入的文本——操作代码读取该值，并按你的设计去处理它。

SLIDER 是个例外，因为它连续工作：拖动滑块，关联的 CSS 变量立即改变，无需确认。对于希望实时看到效果的调节，它是自然之选。

操作按需运行代码

每个控件背后都藏着一小段 CSS 或 JavaScript。与普通规则的区别在于：规则在页面加载时自动运行，而操作则等待——只有当你使用它时才运行。这非常适合那些你不想每次都做的操作：清空表单、生成测试数据、切换主题、把页面发送到其他工具。

由于操作代码与规则在同一世界中运行，它能访问页面 DOM 以及 JustZix 全局对象，因此一个按钮就能触发多步骤工作流。操作面板把一套静态规则变成一个贴合页面的小型控制台。