pantoken-root / web-components

web-components ​

Compatibility ​

Target: Web Components. Current format: Custom-element registration and button shadow output. Tested environment: Node 26.10.0 with happy-dom 20.14.5. Real-browser rendering and interaction behavior are not verified.

Full compatibility matrix

Alpha

@pantoken/web-components — 与框架无关的 Instructure UI 自定义元素。

register（在浏览器中自动调用）将完整的 <instui-*> 元素集定义到任何自定义元素注册表中。每个元素都会在其 shadow root 中呈现匹配的 @pantoken/components CSS；令牌为继承的自定义属性，可穿透 shadow 边界 — 加载 @pantoken/css 以提供这些令牌。

对于本地化的 UI 字符串（日历导航标签、日期输入占位符、向下钻取的“返回”文本），将 locale、strings 或 dir 选项传递给 register。完整的 Canvas 等效包集合和 registerLocalized 辅助函数也从此包导出。

该模块对 Node 安全：元素类在 register 内定义，当不存在 DOM 时该函数为无操作，因此在 SSR 或构建期间导入永远不会触及 HTMLElement。

注册和 shadow 输出已通过 Happy DOM 在环境中验证；真实浏览器的行为是 不在该检查的覆盖范围内。

接口 ​

变量 ​

函数 ​