#任务窗格

任务窗格在当前编辑器旁承载上下文属性、评论、导航与智能助手工作流。

npm install @a3s-lab/ui@0.4.0

<div class="relative"><!-- 建立覆盖定位上下文 -->
<aside class="task-pane" data-responsive="overlay">
  <header>
    <h2>属性</h2>
    ...
  </header>
  <section>...</section>
  <footer>...</footer>
</aside>
</div>

import "@a3s-lab/ui/a3s.css";
import "@a3s-lab/ui/all";

#用法

<div class="relative"><!-- 建立覆盖定位上下文 -->
<aside class="task-pane" data-responsive="overlay">
  <header>
    <h2>属性</h2>
    ...
  </header>
  <section>...</section>
  <footer>...</footer>
</aside>
</div>

#参数

#状态与变体

宿主应用负责决定窗格是挂载还是放入 Split Pane。需要 Office 响应式行为时添加 data-responsive="overlay"：900 像素以上与工作区共享宽度，900 像素以下在行内末端覆盖，520 像素以下占满工作区。宿主必须建立定位上下文，通常使用 position: relative。

#可访问性

窗格作为编辑器补充内容时使用 <aside>，并通过标题提供稳定名称。关闭后应把焦点返回打开窗格的控件。