<div style="padding:0 24px 32px;max-width:1080px;margin:0 auto">
  <header class="xxd-page-header">
    <ol class="xxd-breadcrumbs"><li><a href="#">小小东</a></li><li aria-current="page">插件</li></ol>
    <div class="xxd-page-header__row"><h1 class="xxd-page-header__title">插件</h1><div class="xxd-page-header__actions"><button class="xxd-btn">导入</button><button class="xxd-btn" data-variant="primary"><i data-xxd-icon="Plus" data-size="16"></i>新建插件</button></div></div>
    <p class="xxd-page-header__desc">所有接入小小东 UI 的插件，版本是否最新、上次发布时间。</p>
  </header>
  <div class="xxd-cluster" style="margin-bottom:12px"><div class="xxd-input-wrap" style="width:260px"><i data-xxd-icon="Search" data-size="16"></i><input class="xxd-input" data-size="sm" type="search" placeholder="搜索插件" aria-label="搜索插件"></div><button class="xxd-chip" aria-pressed="true">全部</button><button class="xxd-chip">落后</button><button class="xxd-chip">待发布</button></div>
  <div class="xxd-table-wrap"><table class="xxd-table" data-interactive>
    <thead><tr><th class="xxd-table__check"><input type="checkbox" class="xxd-check" data-select-all aria-label="全选"></th><th aria-sort="ascending"><button class="xxd-th-sort">插件</button></th><th>UI Kit</th><th aria-sort="none" data-align="end"><button class="xxd-th-sort">用户</button></th><th>状态</th><th class="xxd-table__actions"><span class="xxd-sr-only">操作</span></th></tr></thead>
    <tbody>
      <tr><td class="xxd-table__check"><input type="checkbox" class="xxd-check" data-select-row aria-label="选择 长文发布"></td><td><span class="xxd-logo" data-size="sm"><span class="xxd-logo__mark"></span>长文发布</span></td><td>最新</td><td data-align="end">2,410</td><td><span class="xxd-badge" data-appearance="dot" data-tone="success">已上架</span></td><td class="xxd-table__actions"><button class="xxd-btn xxd-reveal" data-variant="ghost" data-size="xs">同步</button></td></tr><tr><td class="xxd-table__check"><input type="checkbox" class="xxd-check" data-select-row aria-label="选择 排序链接"></td><td><span class="xxd-logo" data-size="sm"><span class="xxd-logo__mark"></span>排序链接</span></td><td>落后 2</td><td data-align="end">830</td><td><span class="xxd-badge" data-appearance="dot" data-tone="warning">待发布</span></td><td class="xxd-table__actions"><button class="xxd-btn xxd-reveal" data-variant="ghost" data-size="xs">同步</button></td></tr><tr><td class="xxd-table__check"><input type="checkbox" class="xxd-check" data-select-row aria-label="选择 批量存图"></td><td><span class="xxd-logo" data-size="sm"><span class="xxd-logo__mark"></span>批量存图</span></td><td>未接入</td><td data-align="end">5,102</td><td><span class="xxd-badge" data-appearance="dot" >已上架</span></td><td class="xxd-table__actions"><button class="xxd-btn xxd-reveal" data-variant="ghost" data-size="xs">同步</button></td></tr><tr><td class="xxd-table__check"><input type="checkbox" class="xxd-check" data-select-row aria-label="选择 今日待办"></td><td><span class="xxd-logo" data-size="sm"><span class="xxd-logo__mark"></span>今日待办</span></td><td>最新</td><td data-align="end">312</td><td><span class="xxd-badge" data-appearance="dot" data-tone="action">审核中</span></td><td class="xxd-table__actions"><button class="xxd-btn xxd-reveal" data-variant="ghost" data-size="xs">同步</button></td></tr>
    </tbody>
  </table></div>
  <div class="xxd-pagination-bar" style="margin-top:12px"><span class="xxd-pagination__info"></span><nav class="xxd-pagination" data-xxd-pagination data-page="1" data-total="24" data-per-page="4" aria-label="分页"></nav></div>
</div>