init

design/src-web/scrollbar/component.js

@@ -0,0 +1,4 @@
+(() => {
+  window.componentRegistry ||= {};
+  window.componentRegistry["src-web/scrollbar/index.html"] = {"showcase":"<div class=\"panel\">\n          <div class=\"panel-heading\"><div class=\"panel-title\">Popover / Tooltip / Scrollbar</div><div class=\"panel-note\">No generic floating white cards</div></div>\n          <div class=\"panel-body\" style=\"display:grid;grid-template-columns:1fr 250px;gap:20px\">\n            <div>\n              <div class=\"sample-label\">Popover · Placement = Top</div>\n              <div class=\"popover dnf-ui\" style=\"width:100%\"><div class=\"popover-cols\"><div><h4>物品设置</h4><div class=\"radio-row\">锁定排序</div><div class=\"radio-row\">按部位</div></div><div><h4>排序方式</h4><div class=\"check-row\"><span class=\"checkbox-control is-checked\"></span>名望对比</div><div class=\"check-row\"><span class=\"checkbox-control is-checked\"></span>相同装备优先</div></div><div><h4>其他支持</h4><div class=\"check-row\"><span class=\"checkbox-control\"></span>显示帮助</div></div></div></div>\n              <div style=\"display:flex;gap:14px;margin-top:18px;align-items:flex-start\"><div><div class=\"sample-label\">SimpleTooltip</div><div class=\"tooltip dnf-ui\">恢复游戏设置前的状态</div></div><div><div class=\"sample-label\">RichHelp</div><div class=\"tooltip rich dnf-ui\"><strong>▣ 排序锁定</strong><br>锁定后固定该物品。排序时不会移动物品位置。<br><strong>▣ 交易锁定</strong><br>锁定后无法交易、强化、分解。</div></div></div>\n            </div>\n            <div>\n              <div class=\"sample-label\">Scrollbar · Style = Plain</div>\n              <div class=\"scroll-demo\"><div class=\"scrollbar\"><div class=\"scroll-arrow\" aria-hidden=\"true\"></div><div class=\"scroll-track\"><div class=\"scroll-thumb\"></div></div><div class=\"scroll-arrow\" aria-hidden=\"true\"></div></div></div>\n              <div class=\"spec-row\" style=\"margin-top:16px\"><span class=\"spec-chip captured\">Plain vertical captured</span></div>\n            </div>\n          </div>\n        </div>"};
+})();