大数跨境

Polaris 2.0.0-rc.1 有哪些新特性

Polaris 2.0.0-rc.1 有哪些新特性 Shopify电商独立站
2026-10-01
9
导读:Polaris 2.0.0-rc.1 使更多组件与新的管理界面风格更新保持一致,修复了若干布局和事件处理方面的缺陷,并提升了挂载和更新的性能。

Polaris 2.0.0-rc.1 使更多组件符合新的管理界面风格更新,修复了若干布局和事件处理方面的错误,并提升了挂载和更新性能。

变更内容

组件

  • Table 现已匹配更新后的 Shopify 管理界面设计。
  • Tooltip 现在可以放置在 Section 的补充插槽中。
  • Section 现在支持在同一 Grid 内使用等高度的卡片。
  • Select 现在与 TextField 及其他输入框的高度保持一致。
  • Badge 在移动端现采用药丸形状。
  • Banner 标题的对比度已得到改善。
  • ColorPicker 饱和度色块四角的阴影问题已修复。

布局

  • 在窄屏设备上,Section 的主要操作按钮移至卡片下方,而非挤压标题区域。
  • Section 的标题和副标题之间的间距现在更加紧凑。
  • Aside Section 的标题现使用默认文本颜色。
  • 菜单图标在静止状态下使用次要图标颜色。
  • Page aside Section 的样式问题已修复。
  • 当菜单或标签在组件挂载后添加时,页面/区块的次要操作不再丢失其展开图标。
  • 第一个嵌套区块不再比其他一级子元素位置更低。
  • 当组件标记被注入到已连接的元素中时,插槽操作不再消失。

可靠性、状态和性能

  • GlobalThis.polaris 当页面多次加载 bundle 时,Global This.polaris 状态不再丢失。
  • 即使设置了commandFor,Modal 操作现在也会触发冒泡的 click 事件。
  • TextField 附件点击现在可以到达 React onClick 处理程序。
  • 挂载和更新速度更快,特别是在没有 React 的页面上,并且减少了因 ChoiceList、Menu、Modal、Select 和选择器上无关属性变化导致的重新渲染。
【声明】内容源于网络
0
0
Shopify电商独立站
1234
内容 7175
粉丝 0
Shopify电商独立站 1234
总阅读115.7k
粉丝0
内容7.2k