Collapsible
Bootstrap 2.3.2 Collapsible: Root, Trigger, Content and inherited Base disclosure semantics.
Bootstrap 2.3.2 Collapsible 包含 Root、Trigger、Content 三个真实 Proto UI 原型,各自消费对应的 Base Collapsible hook。Root 仍是唯一展开状态 owner;本体系只增加表现。当前为独立维护的 draft 设计投影。
通过预览工具栏的本体系真实 Select 选择 WC、React、Vue、Vue 2;页眉的 Runtime 偏好仍可用,并同步当前选择。
Demo 在四种 Web Adapter 中使用真实库原型。第一个 disclosure 初始关闭并 detach Content view;第二个初始打开,关闭后保留隐藏 view;第三个禁用但保持展开;第四个收到请求后仍然关闭,直到激活 Accept。这个接受按钮是独立的应用操作,不是 Trigger 内的第二个交互 owner。
三个 part,一个状态 owner
Section titled “三个 part,一个状态 owner”- Root:
open?、defaultOpen?、disabled?;公开open、请求方法openCollapsible、close、toggle和携带{ open, reason }的openChange。 - Trigger:
disabled?;继承 expanded、effective disabled、hover、press、focused、focus-visible、button accessibility、自然 Tab 顺序、Enter/Space 激活与受保护的focusSelf。 - Content:
keepMounted?;继承派生open/hidden、role-neutral content 与 L1 view presence。关闭不销毁逻辑实例;不承诺 detached native child/view state 保留。
Root 的自身 anatomy domain 必须恰有一个 Trigger 和一个 Content。嵌套与相邻 disclosure 独立持有状态。受控请求只有在 owner 提供新 open 后才改变 canonical expansion;忽略请求就保持原状。disabled 抑制请求,但不会关闭已经展开的内容。此处没有 heading 前置条件、Accordion selection、方向键导航、region landmark、自动 focus movement 或 Overlay。
原型使用有界宽度、可收缩布局、长词换行、可缩放内边距,不设固定内容高度。focus 与 disabled 外观消费 Base state。外围需保留 focus ring 的空间;Neobrutalist 还需容纳硬阴影及移动后的 pointer envelope。Demo 包含长标签与连续长词,browser acceptance 覆盖 320px、200% 根文字尺寸与明暗主题。源码或 synthetic DOM 通过不代表这些实际绘制与原生输入已通过。
视觉参考明确限定 Bootstrap 2.3.2:4px group 圆角、8px/15px Trigger 间距、9px/15px Content 间距与顶边框。此处使用独立 Base disclosure 语义,不引入 jQuery Collapse plugin、Accordion group ownership 或其高度动画。15px/9px 参考值按 16px 根字号表达为 0.9375rem/0.5625rem,使留白跟随文字缩放。Apache 2.0 署名与许可证保留在源码包中。
此包仍是 private、未发布的 workspace source。在工作区导入源码原型并选择 Adapter。内部 facade generation 必须显式使用 workspace source mode;公开 installed-consumer CLI 会拒绝此项。该源码入口不代表 registry 发布。
import { collapsibleRoot, collapsibleTrigger, collapsibleContent,} from '@proto.ui/prototypes-bootstrap-2-3-2/collapsible';适配导出的原型时保留三 part composition。Base 协议 说明共享请求与生命周期保证。
四 Adapter synthetic DOM 与 compiler mappings,和已注册 browser journeys、截图、GPUI native execution、独立稳定准入是分开的证据。未执行的宿主证据仍是验收缺口。