从 Shopify CDN 加载的 Polaris Web Components 正在转向语义化版本控制,了解更多关于此变更的信息 此处。
您可以通过将加载 polaris 的 URL 更新为以下内容来测试 Polaris CDN 1.1 候选版本:
<script src="https://cdn.shopify.com/shopifycloud/polaris-1.1-rc.js"></script>新组件
- EmptyState。用于空列表、表格和页面。在 TableBody 中,它呈现为表头下方的全宽消息。
- Number。带有制表符数字的内联数值文本,使数字列对齐。
新属性
- fontSize 上的 Heading、 Paragraph和 Text。 直接设置文本大小。
- visibleMonths 上的 DatePicker。 显示一个月、两个月,或由选择器自行决定。接受 auto、 1或 2。
- supplementalStart 在 Page。 放置在主页面内容之前的内容。
错误修复
- 覆盖层。show、hide、aftershow、afterhide 和 aftertoggle 事件不再冒泡,与 toggle 保持一致。直接在覆盖层上监听,或使用相应的 on* 属性。此外,还修复了拖拽结束于覆盖层外部时覆盖层关闭的问题。 show、 showhide、 hideaftershow、 aftershowafterhide afterhide和 aftertoggle aftertoggle 事件不再冒泡,与 toggletoggle 保持一致。直接在覆盖层上监听,或使用相应的 on* 属性。此外,还修复了拖拽结束于覆盖层外部时覆盖层关闭的问题。
- Page已修复页眉对齐和间距、长标题截断、打印布局以及窄屏幕上的水平溢出问题。
- Modal已修复点击或拖拽跨越模态框边缘时的意外关闭、焦点返回、标题溢出以及模态框在页面中移动后的行为问题。按钮现在从其所在的插槽获取其 variant 变体,并且您自己设置的任何 variant 变体仍然优先生效。
- Popover 和 Menu已修复溢出滚动、定位、打开后调整大小、Safari 中的延迟隐藏以及按 Escape 键关闭包含的模态框的问题。
- Tooltip已修复定位、首次渲染居中偏差、继承文本颜色以及在部分支持 Popover API 的浏览器中的错误。
- DatePicker已修复跨不同语言环境的星期标题和屏幕阅读器公告。将相同的值重新设置回选择器(受控 React 组件在选择后会执行此操作),不再触发第二个 input 和 change 事件,因此 on Change 只运行一次而不是两次。选择器默认扩展以填充可用宽度。 value 重新设置回选择器,这由受控 React 组件在选择后执行,不再触发第二个 input 和 change 事件,因此 onChange 只运行一次而不是两次。选择器默认扩展以填充可用宽度。
- Select已修复在选项解析之前显示空值的问题。
- NumberField已修复默认的 max。现在接受科学计数法。
- TextArea修复了标签对齐和键盘快捷键问题。
- DateField修复了 Safari 中日历的关闭问题。现在其尺寸与其他字段保持一致。
- ColorPicker修复了单击选择问题。
- 所有字段。 带有 autocomplete="off" 的字段现在也会告知密码管理器跳过它们。
已弃用
- fontVariantNumeric 在 Text 和 Paragraph 上仍然有效,但我们建议使用新的 Number 组件代替。
相关文档
- App Home 文档
- Polaris CDN 采用语义化版本控制

