<section class="knowledge-library" data-state="ready" aria-label="知识库">
<aside data-knowledge-library-navigation>
<nav aria-label="知识库筛选"><button type="button" data-knowledge-filter="all" aria-pressed="true">全部知识库</button></nav>
</aside>
<main>
<div data-knowledge-library-toolbar><label data-knowledge-library-search><span class="sr-only">搜索知识库</span><input type="search" /></label></div>
<div data-knowledge-library-viewport>
<ul data-knowledge-library-list>
<li><button type="button" data-knowledge-item data-knowledge-value="design" data-knowledge-phase="succeeded" aria-selected="true"><span data-knowledge-item-identity><strong>设计系统</strong><small>86 个来源</small></span><span data-knowledge-phase="succeeded">已更新</span></button></li>
</ul>
</div>
</main>
</section>
<script type="module">
import "@a3s-lab/ui";
import "@a3s-lab/ui/knowledge-library";
const library = document.querySelector(".knowledge-library");
library.addEventListener("a3s:knowledge-before-action", event => {
if (!authorizeKnowledgeAction(event.detail)) event.preventDefault();
});
library.addEventListener("a3s:knowledge-action", event => runKnowledgeAction(event.detail));
</script>
