WA 3.11：数据网格、新组件，以及免费Toast
内容提要
WA 3.11版本发布，为数据网格、分页、验证码输入等组件新增结构功能。数据网格支持排序、筛选、虚拟化滚动；新增分页和OTP输入组件；Toast通知移至核心；轮播支持动态增删幻灯片；所有组件暴露CSS部分名。同时修复多项问题。
延伸解读
数据网格的虚拟化设计
WA 3.11 中，数据网格组件采用虚拟化滚动，仅渲染可视区域内的行，因此即使数据集包含 5 万行，也能保持流畅滚动。这一设计对处理大量数据的应用尤为重要，可显著减少 DOM 节点数量，提升性能。开发者无需手动优化，组件会自动处理，但需注意虚拟化可能影响滚动条长度和键盘导航等交互，需在实际使用中验证。
Toast 移至核心的意义
Toast 通知组件从 Pro 版移至核心版，意味着所有用户无需升级即可使用堆叠式通知功能。这一变化降低了使用门槛，使基础通知功能成为标配。对于 Pro 用户，原本的付费功能变为免费，可能影响其付费意愿，但同时也表明核心组件库的成熟度提升。开发者可立即在项目中引入，无需额外成本。
CSS 部分名的演进
所有组件现在暴露以组件自身命名的 CSS 部分（如 button、carousel），同时保留原有的 base 部分，但 base 已被标记为软弃用。这为样式定制提供了更清晰的命名空间，避免使用通用名称带来的冲突。开发者应逐步迁移到新命名，但短期内 base 仍可用，给予过渡时间。这一变化有助于提高样式覆盖的精准性和可维护性。
Q&A
WA 3.11 版本为数据网格组件新增了哪些功能？
WA 3.11 中，<wa-data-grid> 作为实验性组件面向 Pro 用户推出，支持排序、筛选、搜索、选择、重新排序、调整大小和分页。大型数据集会自动虚拟化，只渲染屏幕上的行，从而保持滚动流畅。
WA 3.11 新增了哪些实验性组件？它们分别有什么用途？
新增了两个实验性组件：<wa-pagination> 用于分页，通过设置 total 和 page-size 将长列表分割成编号页面，并带有上一页/下一页控件；<wa-otp-input> 用于输入验证码，提供分段输入框，支持粘贴和键盘导航。
WA 3.11 中 Toast 通知组件有什么变化？
<wa-toast> 和 <wa-toast-item> 从 Pro 移到了 Core，现在所有用户都可以免费使用，无需升级即可获得可堆叠的顶部通知，用于成功消息、错误和状态更新。只需放置一个 <wa-toast> 并调用 .create() 即可。
WA 3.11 中轮播组件新增了哪些方法？适用于什么场景？
<wa-carousel> 新增了 addSlide() 和 removeSlide() 方法，允许动态添加或移除幻灯片，即使启用了循环模式也可以。这适用于使用实时数据而非固定幻灯片的轮播场景。
WA 3.11 中 CSS 部分命名有什么更新？
每个渲染包装元素的组件现在都暴露一个以组件本身命名的 CSS 部分（如 button、details、carousel 等），同时保留现有的 base 部分。表单控件标签也新增了 form-control-label 部分。base 部分被软弃用，但暂时不会移除。
WA 3.11 修复了哪些问题？
修复了颜色选择器的 alpha 处理、树形键盘导航、对话框在广告拦截器隐藏时保持打开等问题，以及其他多项修复。完整细节见更新日志。
