3314-f7465123f5c6ee532362.js

(self.webpackChunkzent_docs=self.webpackChunkzent_docs||[]).push([[3314],{63314:(e,o,c)=>{"use strict";c.r(o),c.d(o,{default:()=>u});var n=c(73450),i=c(27378),l=c(57318),d=c(24246);function a(e,o){var c=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);o&&(n=n.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),c.push.apply(c,n)}return c}function r(e){for(var o=1;o<arguments.length;o++){var c=null!=arguments[o]?arguments[o]:{};o%2?a(Object(c),!0).forEach((function(o){(0,n.Z)(e,o,c[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(c)):a(Object(c)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(c,o))}))}return e}function s(e){return(0,d.jsx)(e.tag,r(r({},e.attributes),{},{dangerouslySetInnerHTML:{__html:e.html}}))}function t(e){return(0,d.jsx)(s,{tag:"section",html:e.html,attributes:{className:"zandoc-react-markdown"}})}function h(e){return(0,d.jsx)(s,{tag:"style",html:e.style})}function p(e,o){for(;e;)return e.offsetTop&&"static"!==getComputedStyle(e).position&&(o+=e.offsetTop),p(e.parentNode,o);return o}class u extends i.Component{componentDidMount(){var e=location.hash;if(e){var o=document.querySelector('a[href="'.concat(e,'"]'));o&&(0,l.l)(document.documentElement,0,p(o,-9))}}render(){return i.createElement("div",{className:"zandoc-react-container"},i.createElement(h,{style:""}),i.createElement(t,{html:'<h2 class="anchor-heading"><a href="#geng-xin-ri-zhi">¶</a><a href="javascript:void(0)" id="geng-xin-ri-zhi" class="anchor-point"></a>更新日志</h2>\n<p>3.5.3 之前版本的详细修改记录请看 <a href="github_changelog#zent-3-5-2-2017-09-07">Github 日志</a>。</p>\n<h3 class="anchor-heading"><a href="#sheng-ji-zhi-nan">¶</a><a href="javascript:void(0)" id="sheng-ji-zhi-nan" class="anchor-point"></a>升级指南</h3>\n<ul>\n<li><a href="./changelog-v9">9.x 升级指南</a></li>\n<li><a href="./changelog-v7">7.x 升级指南</a></li>\n<li><a href="../migrating/3x">3.x 升级指南</a></li>\n<li><a href="../migrating/21x">2.1.x 升级指南</a></li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-18-2024-09-24">¶</a><a href="javascript:void(0)" id="9-12-18-2024-09-24" class="anchor-point"></a>9.12.18(2024-09-24)</h3>\n<ul>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀️ 修复 key 值问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-17-2024-07-12">¶</a><a href="javascript:void(0)" id="9-12-17-2024-07-12" class="anchor-point"></a>9.12.17(2024-07-12)</h3>\n<ul>\n<li>\n<p><code>Portal</code></p>\n<ul>\n<li>✨ 减少浏览器滚动条计算引起的多次重排</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-16-2024-06-12">¶</a><a href="javascript:void(0)" id="9-12-16-2024-06-12" class="anchor-point"></a>9.12.16(2024-06-12)</h3>\n<ul>\n<li>\n<p><code>Icon</code></p>\n<ul>\n<li>✨ 更新 zenticons 版本至 3.7.6</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-15-2024-06-12">¶</a><a href="javascript:void(0)" id="9-12-15-2024-06-12" class="anchor-point"></a>9.12.15(2024-06-12)</h3>\n<ul>\n<li>\n<p><code>Icon</code></p>\n<ul>\n<li>✨ 更新 zenticons 版本至 3.7.5</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-14-2024-05-20">¶</a><a href="javascript:void(0)" id="9-12-14-2024-05-20" class="anchor-point"></a>9.12.14(2024-05-20)</h3>\n<ul>\n<li>\n<p>🦀️ 修复因 <code>observable-hooks</code> 自动升级 <code>4.3.2</code> 下的打包报错问题</p>\n</li>\n<li>\n<p><code>Dialog</code></p>\n<ul>\n<li>✨ 增加 <code>position</code> 属性支持</li>\n</ul>\n</li>\n<li>\n<p><code>Notify</code></p>\n<ul>\n<li>✨ 增加 <code>containerSelector</code> 和 <code>className</code>属性支持</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-13-2023-01-06">¶</a><a href="javascript:void(0)" id="9-12-13-2023-01-06" class="anchor-point"></a>9.12.13(2023-01-06)</h3>\n<ul>\n<li>🦀️ 调整 <code>CombinedDateRangePicker</code> 在选择完日期之后结束日期的展示逻辑</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-12-2022-12-27">¶</a><a href="javascript:void(0)" id="9-12-12-2022-12-27" class="anchor-point"></a>9.12.12(2022-12-27)</h3>\n<ul>\n<li>🦀️ 修复 <code>ErrorBoundary</code> <code>onError</code> 的类型定义</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-11-2022-12-27">¶</a><a href="javascript:void(0)" id="9-12-11-2022-12-27" class="anchor-point"></a>9.12.11(2022-12-27)</h3>\n<ul>\n<li>🦀️ 修复 <code>NumberInput</code> 在一些情况下渲染死循环的问题(9.12.10 导致的新问题)</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-10-2022-12-24">¶</a><a href="javascript:void(0)" id="9-12-10-2022-12-24" class="anchor-point"></a>9.12.10(2022-12-24)</h3>\n<ul>\n<li>🦀️ 修复 <code>NumberInput</code> 在一些情况下渲染死循环的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-9-2022-11-21">¶</a><a href="javascript:void(0)" id="9-12-9-2022-11-21" class="anchor-point"></a>9.12.9(2022-11-21)</h3>\n<ul>\n<li>调整 <code>Alert</code> 和 <code>Input</code> 组件图标按钮的图标大小为 <code>20px</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-8-rc-0-2022-05-31">¶</a><a href="javascript:void(0)" id="9-12-8-rc-0-2022-05-31" class="anchor-point"></a>9.12.8-rc.0(2022-05-31)</h3>\n<ul>\n<li>\n<p><code>Cascader</code></p>\n<ul>\n<li>✨ 当配置了 <code>searchable</code> 时，也支持了 placeholder</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-7-2022-03-15">¶</a><a href="javascript:void(0)" id="9-12-7-2022-03-15" class="anchor-point"></a>9.12.7(2022-03-15)</h3>\n<ul>\n<li>\n<p><code>Cascader</code></p>\n<ul>\n<li>✨ 增加<code>simplifySelectionMode</code>判断<code>simplifySelection</code>时是否包含<code>disabled</code>的路径</li>\n</ul>\n</li>\n<li>\n<p><code>Sortable</code></p>\n<ul>\n<li>🦀️ 修复拖拽后有时数据会变为<code>empty</code> 的问题</li>\n</ul>\n</li>\n<li>\n<p><code>Notice</code></p>\n<ul>\n<li>🦀 去除<code>overflow-y: hidden</code>，解决下方阴影显示不完全的问题</li>\n</ul>\n</li>\n<li>\n<p><code>Placeholder</code></p>\n<ul>\n<li>🦀 ts 类型补全</li>\n</ul>\n</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>✨ <code>expandation</code> 中新增 <code>isExpandable</code> API，支持配置可展开图标显示 #1895</li>\n<li>✨ 新增 <code>tableLayout</code> API，支持设置 table 的 <code>tableLayout</code> 属性</li>\n<li>🦀️ Grid 未配置 <code>tableLayout</code>，但是配置了 <code>scroll</code> 或者 <code>ellipsis</code> 属性时，设置 <code>tableLayout</code> 为 <code>fixed</code>，解决一些单元格对齐问题</li>\n<li>🦀️ 对设置了宽度的列设置 <code>word-break</code>，解决一些单元格对齐问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-6-2022-03-02">¶</a><a href="javascript:void(0)" id="9-12-6-2022-03-02" class="anchor-point"></a>9.12.6(2022-03-02)</h3>\n<ul>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀 优化 selection ts 定义</li>\n</ul>\n</li>\n<li>\n<p><code>Select</code></p>\n<ul>\n<li>🦀 修复使用文本高亮时正则特殊字符报错问题</li>\n</ul>\n</li>\n<li>\n<p><code>Cascader</code></p>\n<ul>\n<li>🦀 修复使用文本高亮时正则特殊字符报错问题</li>\n</ul>\n</li>\n<li>\n<p><code>Collapse</code></p>\n<ul>\n<li>📚 更新 <code>activeKey</code> 使用 demo 和相关说明</li>\n</ul>\n</li>\n<li>增加 yarn workspace <code>nohoist</code> 配置</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-5-2022-02-14">¶</a><a href="javascript:void(0)" id="9-12-5-2022-02-14" class="anchor-point"></a>9.12.5(2022-02-14)</h3>\n<ul>\n<li>\n<p><code>Notify</code></p>\n<ul>\n<li>🦀 api 类型完善</li>\n</ul>\n</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ 添加 normalizeBeforeBlur 属性，支持 onBlur 时修改值</li>\n</ul>\n</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀 修复全选状态判断不正确的问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-4-2022-01-11">¶</a><a href="javascript:void(0)" id="9-12-4-2022-01-11" class="anchor-point"></a>9.12.4(2022-01-11)</h3>\n<ul>\n<li>\n<p><code>Popover</code></p>\n<ul>\n<li>🦀 修复 withPop HOC 的类型错误</li>\n</ul>\n</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀 排序按钮替换为 iconfont, 修复字体不同可能导致的按钮错位问题</li>\n<li>🦀 selectedRowKeys 支持 number 类型</li>\n</ul>\n</li>\n<li>🦀 修复 css variable 名字匹配问题, 老版颜色可覆盖, 删除无用前缀</li>\n<li>🦀 更新 <code>caniuse-lite</code> 数据库</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-3-2021-12-08">¶</a><a href="javascript:void(0)" id="9-12-3-2021-12-08" class="anchor-point"></a>9.12.3(2021-12-08)</h3>\n<ul>\n<li>\n<p><code>DatePicker</code></p>\n<ul>\n<li>🦀️ 交互优化，当 <code>DatePicker</code> 调用 <code>TimePicker</code> 选择具体时间时，禁用 <code>DatePicker</code> 的确认按钮</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-2-2021-11-26">¶</a><a href="javascript:void(0)" id="9-12-2-2021-11-26" class="anchor-point"></a>9.12.2(2021-11-26)</h3>\n<ul>\n<li>🦀️ 修复 <code>MiniPagination</code> 页码输入框在一些场景下显示错误值的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-1-2021-11-17">¶</a><a href="javascript:void(0)" id="9-12-1-2021-11-17" class="anchor-point"></a>9.12.1(2021-11-17)</h3>\n<ul>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ <code>FieldSet</code> 和 <code>FieldArrayModel</code> 支持 <code>destroyOnUnmount</code> 以及 <code>normalizeBeforeSubmit</code> 属性</li>\n<li>🦀️ 修复在 <code>FieldSet</code> 上开启 <code>destroyOnUnmount</code> 并且其值或者校验状态从未被读取时的崩溃问题</li>\n</ul>\n</li>\n<li>\n<p><code>CombinedDateRangePicker</code></p>\n<ul>\n<li>🦀️ <code>onChange</code> 仅在点击确定按钮时才触发</li>\n<li>🦀️ 修复开始时间在选择完结束时间后丢失的问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-12-0-2021-10-26">¶</a><a href="javascript:void(0)" id="9-12-0-2021-10-26" class="anchor-point"></a>9.12.0(2021-10-26)</h3>\n<ul>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>FieldArrayModel</code> 增加 <code>filter</code> 和 <code>sort</code> 方法</li>\n<li>✨ 新增 <code>useObservableBatchedEagerState</code> 用于合并 model 的变更事件，通常用不着，详见文档</li>\n<li>✨ 使用 <code>observable-hooks</code> 替换 <code>useValue$</code></li>\n</ul>\n</li>\n<li>\n<p><code>Notice</code></p>\n<ul>\n<li>🦀️ 修复在部分场景（比如 <code>useEffect</code> 中）下使用 <code>Notice.push</code> crash 的问题</li>\n<li>🦀️ <code>Notice.push</code> 的返回值类型以及 <code>Notice.remove</code> 的参数类型由 <code>number</code> 变更为 <code>string</code></li>\n</ul>\n</li>\n<li>🦀️ 更新 <code>caret-down</code> 以及 <code>caret-up</code> 图标，修复不居中的问题</li>\n<li>🦀️ 更新 <code>SplitButton</code> 箭头样式</li>\n<li>🦀️ 修复 <code>RangeDatePicker</code> 中 <code>showTime</code> 为 <code>false</code> 时，返回结束时间错误的问题</li>\n<li>🦀️ 更新 <code>caniuse-lite</code> 数据库</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-11-0-2021-09-29">¶</a><a href="javascript:void(0)" id="9-11-0-2021-09-29" class="anchor-point"></a>9.11.0(2021-09-29)</h3>\n<ul>\n<li>✨ <code>MenuCascader</code> 多选模式下的 <code>onChange</code> 回调函数的 <code>meta</code> 参数中增加 <code>simplify</code> 函数，可以用来合并选中的选项</li>\n<li>\n<p><code>I18n</code></p>\n<ul>\n<li>✨ 新增 <code>useComponentI18nData</code> Hook 用于函数式组件中使用 i18n 数据</li>\n<li>🦀️ 重构 <code>I18nReceiver</code> 的类型定义，更好的类型推导</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Sortable</code> 中 <code>onMove</code>, <code>onEnd</code> 以及 <code>onMove</code> 初始化后变化不生效的问题</li>\n<li>🦀️ <code>Form</code> <code>Field</code> 上 <code>required</code> 参数默认的错误文案修改为 <code>\'必填\'</code></li>\n<li>🦀️ 修复 <code>Input</code> 上的 <code>style</code> 样式被内外层渲染两次的问题</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀️ 修复表头中全选框在特殊情况下选中状态不对的问题</li>\n<li>🦀️ 修复有固定列但是 <code>scroll.x</code> 为非真值时候行高亮不完整的问题</li>\n</ul>\n</li>\n<li>🦀️ 升级 <code>caniuse-lite</code> 数据库至最新版</li>\n<li>📚 增加 <code>Dialog</code> 中 <code>onOpened</code> 和 <code>onClosed</code> 回调的文档说明</li>\n<li>📚 清理文档中使用 <code>Button</code> 类型为 <code>danger</code> 和 <code>success</code> 的代码，不推荐使用这两种类型的按钮</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-10-1-2021-09-15">¶</a><a href="javascript:void(0)" id="9-10-1-2021-09-15" class="anchor-point"></a>9.10.1(2021-09-15)</h3>\n<ul>\n<li>🦀️ <code>NumberInput</code> 在输入过程中被强制重绘时，如果 <code>props</code> 没有变化保留当前 <code>state</code> 状态；已知的场景是将 <code>NumberInput</code> 用在表格中，表格高亮行变化时会触发</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-10-0-2021-09-14">¶</a><a href="javascript:void(0)" id="9-10-0-2021-09-14" class="anchor-point"></a>9.10.0(2021-09-14)</h3>\n<ul>\n<li>✨ <code>Waypoint</code> 的 <code>topOffset</code> 和 <code>bottomOffset</code> 增加 <code>auto</code> 模式，简单场景下能够自动识别滚动容器边框宽度，具体说明看组件文档</li>\n<li>✨ <code>Cascader</code> 多选模式搜索选中后输入焦点自动回到输入框中</li>\n<li>🦀️ 阻止嵌套的 <code>Form</code> 表单事件（<code>submit</code>, <code>reset</code>, 回车）冒泡到上层表单</li>\n<li>🦀️ <code>InfiniteScroller</code> 触发加载阈值默认改为 <code>1px</code>，针对页面缩放场景容错</li>\n<li>🦀️ <code>Grid</code> 批量操作区域中 <code>batchRender</code> 返回 <code>null</code> 时隐藏全选框</li>\n<li>🦀️ 调整 <code>Select</code> 和 <code>Cascader</code> 下拉箭头图标</li>\n<li>📚 更新 <code>caniuse-lite</code> 数据库</li>\n<li>📚 修复 <code>Pagination</code> 示例文案问题</li>\n<li>📚 修复 <code>Form</code> 文档中 <code>validate</code> 默认值的说明</li>\n<li>📚 修复 <code>ClampLines</code> 代码中的拼写错误</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-9-3-2021-08-28">¶</a><a href="javascript:void(0)" id="9-9-3-2021-08-28" class="anchor-point"></a>9.9.3(2021-08-28)</h3>\n<ul>\n<li>🦀️ 使用 <code>ts-patch</code> 替代 <code>ttypescript</code></li>\n<li>🦀️ 修复 <code>MiniPagination</code> 更新 <code>props.current</code> 没有效果的问题</li>\n<li>🦀️ 修复分页组件 <code>lastPageHelp</code> 参数失效的问题</li>\n<li>📚 移除 gitee 文档镜像支持</li>\n<li>📚 增加 Github Action 定时脚本检查 <code>Form</code> 文档中的 404 链接</li>\n<li>📚 增加 <code>NumberInput</code> <code>onInput</code> 的文档</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-9-2-2021-08-16">¶</a><a href="javascript:void(0)" id="9-9-2-2021-08-16" class="anchor-point"></a>9.9.2(2021-08-16)</h3>\n<ul>\n<li>✨ 增加酒店图标</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>FormContext</code> 新增 <code>controlStyle</code> 支持，用于批量设置表单项的样式</li>\n<li>✨ 表单布局新增 <code>direction</code> 选项，用于控制表单项间的排列方式，支持行、列两种排列方式</li>\n<li>🦀️ 修复 <code>FieldArrayModel.splice</code> 方法无法插入数据的问题</li>\n<li>🦀️ <code>FieldUtils.makeChangeHandler</code> 重命名为 <code>useChangeHandler</code>，这个函数本身是个 Hook，所以重命名遵循 React 规范</li>\n<li>🦀️ 优化 <code>validator</code> 运行时的错误描述</li>\n<li>📚 修复因为升级 <code>typedoc</code> 导致的 API 文档链接失效</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-9-1-2021-07-30">¶</a><a href="javascript:void(0)" id="9-9-1-2021-07-30" class="anchor-point"></a>9.9.1(2021-07-30)</h3>\n<ul>\n<li>🦀️ 修复 <code>Icon</code> 样式中 <code>font-family</code> 丢失版本标记</li>\n<li>🦀️ 升级 <code>caniuse-lite</code> 数据库</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-9-0-2021-07-23">¶</a><a href="javascript:void(0)" id="9-9-0-2021-07-23" class="anchor-point"></a>9.9.0(2021-07-23)</h3>\n<blockquote>\n<p>如果遇到 <code>sass</code> 编译报错 <a href="https://sass-lang.com/documentation/breaking-changes/slash-div"><code>math.div</code> 函数</a> 找不到，请升级 <code>sass</code> 到 <code>>=1.33.0</code>。</p>\n</blockquote>\n<ul>\n<li>✨ 语义化主题支持，同时新增 <code>@zent/theme-sdk</code> 用于主题配置的生成</li>\n<li>✨ 组件新增日文(<code>jaJP</code>)翻译</li>\n<li>\n<p>🦀️ <code>Tree</code> CSS 类名增加前缀</p>\n<ul>\n<li><code>switcher</code> => <code>zent-tree-switcher</code></li>\n<li><code>content</code> => <code>zent-tree-content</code></li>\n<li><code>opt</code> => <code>zent-tree-operation</code></li>\n<li><code>operation</code> => <code>zent-tree-operation-container</code></li>\n<li><code>off</code> => <code>zent-tree-bar--off</code></li>\n</ul>\n</li>\n<li>\n<p>🦀️ <code>NumberInput</code></p>\n<ul>\n<li>修复在非受控模式下更新 <code>props.value</code> 会导致 <code>state.value</code> 变化的问题</li>\n<li>修复文档中示例行为错误的问题</li>\n</ul>\n</li>\n<li>\n<p>🦀️ <code>Form</code></p>\n<ul>\n<li><code>Form.useFieldArrayValue</code> 重命名为 <code>Form.useFieldArrayChildModels</code>，旧字段被标记为废弃，但依旧可用</li>\n<li>修复 <code>Form</code> 文档中示例丢失的问题</li>\n</ul>\n</li>\n<li>🦀️ 由于在 SSR 环境下 <code>useLayoutEffect</code> 会不停的输出警告信息，已禁用 <code>useLayoutEffect</code>，可以使用 <code>utils/hooks/useIsomorphicLayoutEffect</code> 替代</li>\n<li>📚 <code>Dialog</code> 文档中增加使用 <code>openDialog</code> 返回值关闭对话框的示例</li>\n<li>NPM 包中移除 <code>postcss-plugin-constants</code> 插件</li>\n<li>升级 <code>caniuse-lite</code> 数据库</li>\n<li>使用 <code>stylelint</code> 替换 <code>sass-lint</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-8-0-2021-07-15">¶</a><a href="javascript:void(0)" id="9-8-0-2021-07-15" class="anchor-point"></a>9.8.0(2021-07-15)</h3>\n<ul>\n<li>✨ 重画所有图标，同时增加了一些新图标。由于新、旧图标大小可能有细微差别，个别场景下样式可能会有些许偏移</li>\n<li>🦀️ 修复 <code>Grid</code> 切换 <code>selection</code> 时视图和数据不同步的问题</li>\n<li>🦀️ 修复 <code>Select</code> 组件挂载时通过 <code>display: none</code> 隐藏，之后再渲染出来的时候弹层宽度错误的问题</li>\n<li>🦀️ 清理并重写仓库 <code>eslint</code> 规则</li>\n<li>📚 文档网站骨架迁移到 <code>TypeScript</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-7-3-2021-07-02">¶</a><a href="javascript:void(0)" id="9-7-3-2021-07-02" class="anchor-point"></a>9.7.3(2021-07-02)</h3>\n<ul>\n<li>🦀️ <code>Upload</code> 文件对象上公开 <code>file</code> 和 <code>id</code> 属性，之前的 <code>_file</code> 和 <code>_id</code> 仍保留，如果有使用 <code>_</code> 开头的属性请尽快替换</li>\n<li>🦀️ 修复 <code>bootstrap</code> 脚本参数问题</li>\n<li>📚 <code>Form</code> 文档中 <code>useMAppend</code> 替换成 <code>useMulti</code></li>\n<li>\n<p>依赖升级</p>\n<ul>\n<li><code>TypeScript</code> <code>4.1</code> 升级到 <code>4.3</code></li>\n<li><code>rxjs</code> <code>v6</code> 升级到 <code>v7</code></li>\n<li><code>sortablejs</code> <code>1.12.0</code> 升级到 <code>1.13.0</code></li>\n<li><code>webpack</code> <code>v4</code> 升级到 <code>v5</code>，开发模式编译性能有较大提升</li>\n<li><code>jest</code> <code>v24</code> 升级到 <code>v27</code></li>\n<li><code>postcss</code> <code>v6</code> 升级到 <code>v8</code></li>\n<li>升级其他所有依赖到最新版</li>\n</ul>\n</li>\n<li>📚 使用 <code>react-refresh-webpack-plugin</code> 替换 <code>@hot-loader/react-dom</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-7-2-2021-06-25">¶</a><a href="javascript:void(0)" id="9-7-2-2021-06-25" class="anchor-point"></a>9.7.2(2021-06-25)</h3>\n<ul>\n<li>🦀️ 修复 <code>Tag</code> 组件无法作为 <code>Pop</code> 的 trigger 使用的问题</li>\n<li>🦀️ 修复 <code>DatePicker</code> 组件中当前时间按钮的禁用逻辑</li>\n<li>🦀️ 更新 <code>caniuse-lite</code> 数据库</li>\n<li>📚 修复 <code>DataPicker</code> 英文文档中示例丢失的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-7-1-2021-06-17">¶</a><a href="javascript:void(0)" id="9-7-1-2021-06-17" class="anchor-point"></a>9.7.1(2021-06-17)</h3>\n<ul>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 之前版本 Model 被销毁后仍能被操作，导致一些比较奇怪的视图/数据不一致的问题，因此增加了 Model 销毁后继续被使用的检查，更及时的暴露问题</li>\n<li>🦀️ 修复性能警告文案错误问题</li>\n<li>📚 文档增加 Model 常用 API 描述</li>\n<li>📚 修改 <code>destroyOnUnmount</code> 的文档，减少歧义</li>\n</ul>\n</li>\n<li>📚 <code>Pop</code> 文档增加长文本的 FAQ</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-7-0-2021-06-04">¶</a><a href="javascript:void(0)" id="9-7-0-2021-06-04" class="anchor-point"></a>9.7.0(2021-06-04)</h3>\n<p>这个版本都是 <code>Form</code> 相关改动。</p>\n<p>✨ 放宽绝大部分 Hooks 对 <code>FormContext</code> 的依赖。</p>\n<ul>\n<li>允许 <code>Field</code> 和 <code>FieldArray</code> 相关 hooks 传入 <code>Model</code> 类型参数时在 <code>FormContext</code> 之外使用；<code>FieldSet</code> 相关 hooks 依旧必须在 <code>FormContext</code> 之中使用</li>\n<li>Hooks 在 <code>Model</code> 模式下允许使用 <code>name</code> 来引用 model 对象，不再限制仅在 <code>View</code> 模式允许使用 <code>name</code></li>\n<li>废弃临时解决方案 <code>useModelValue</code> 和 <code>useModelValid</code>，直接使用 <code>useFieldValue</code> 和 <code>useFieldValid</code> 即可</li>\n</ul>\n<p>✨ <code>Model</code> 模式下支持动态增/删表单项，<a href="https://github.com/youzan/zent/discussions/1663">设计文档</a>。</p>\n<ul>\n<li>所有 model 对象上都增加了 <code>builder</code> 属性来获取生成这个 model 的 <code>Builder</code> 对象，<code>View</code> 模式下该字段永远为空</li>\n<li><code>FieldSetModel</code> 和 <code>FormModel</code> 上导出两个新方法 <code>removeChild</code> 以及 <code>registerChild</code> 用于删除/添加子 model</li>\n<li>重载 <code>FieldArrayModel</code> 上的 <code>push</code>, <code>unshift</code> 以及 <code>splice</code> 方法接受 model 类型的参数，之前仅支持传 model 的值</li>\n<li>新增 <code>useNamedChildModel</code> hook，用于订阅 <code>FieldSetModel</code> 以及 <code>FormModel</code> 子 model 的增加/删除行为</li>\n<li>增加 <code>Model</code> 模式下动态增/删表单项的文档和示例</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-6-0-2021-05-28">¶</a><a href="javascript:void(0)" id="9-6-0-2021-05-28" class="anchor-point"></a>9.6.0(2021-05-28)</h3>\n<ul>\n<li>✨ <code>InfiniteScroller</code> 增加 <code>threshold</code> 参数，用以控制触发 <code>loadMore</code> 时距离列表底部的距离</li>\n<li>✨ <code>Menu</code> <code>inline</code> 模式支持受控的菜单展开和选中</li>\n<li>✨ <code>Checkbox</code> 支持 <code>style</code> 内联样式</li>\n<li>🦀️ 修复 <code>Select</code> 中 <code>width</code> 为非数字并且没有设置 <code>popupWidth</code> 时，弹层和输入框宽度不一致的问题</li>\n<li>📚 更新 <code>Collapse</code> 的类型定义和文档描述</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-5-0-2021-05-07">¶</a><a href="javascript:void(0)" id="9-5-0-2021-05-07" class="anchor-point"></a>9.5.0(2021-05-07)</h3>\n<ul>\n<li>✨ <code>Affix</code> 支持相对非 <code>window</code> 节点定位</li>\n<li>✨ <code>InfiniteScroller</code> 支持 <code>ref</code></li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>willScrollToError</code> 支持自定义滚动的节点</li>\n<li>🦀️ <code>ArrayBuilder</code> 类型中移除 <code>null</code></li>\n<li>🦀️ 调整订阅容器值/校验状态时的警告逻辑，内部代码不再触发警告</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Popover</code> trigger 中对 <code>Fragment</code> 的错误处理</li>\n<li>🦀️ 修复 <code>ButtonDirective</code> 中对 <code>Fragment</code> 的错误处理</li>\n<li>🦀️ 修复某些浏览器(Safari)里 <code>IMEComposition</code> 内输入框不触发 <code>onChange</code> 事件</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀️ 修复并统一单选/多选/展开列的样式</li>\n<li>🦀️ 列配置中的 <code>nowrap</code> 重命名为 <code>noWrap</code>，老字段仍然兼容</li>\n<li>📚 更新文档中对于 <code>Table</code> 的描述</li>\n</ul>\n</li>\n<li>📚 更新 <code>Form</code> 的文档，补充了基础 API 的信息</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-4-2-2021-03-26">¶</a><a href="javascript:void(0)" id="9-4-2-2021-03-26" class="anchor-point"></a>9.4.2(2021-03-26)</h3>\n<ul>\n<li>🦀️ <code>Badge</code> 类型定义中 <code>children</code> 属性改为可选</li>\n<li>🦀️ 更新 <code>@wojtekmaj/enzyme-adapter-react-17</code> 到最新版</li>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>🦀️ 修复 <code>getUploadSuccessOverrideProps</code> 不生效的问题</li>\n<li>🦀️ 修复一些文档和代码中的拼写错误</li>\n</ul>\n</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ <code>FormInputField</code>, <code>FormImageUploadField</code> 以及 <code>FormUploadField</code> 增加往 <code>props.props</code> 上设置默认值的警告</li>\n<li>📚 修复 <code>Model</code> 模式示例中数组下标作为 <code>key</code> 的问题</li>\n<li>📚 调整了文档结构，增加了一些概述性说明，方便理解表单的工作原理</li>\n</ul>\n</li>\n<li>📚 修复 <code>Select</code> 虚拟滚动示例特殊情况下崩溃的问题</li>\n<li>\n<p>文档</p>\n<ul>\n<li>📚 Github Actions 中增加同步 Gitee Pages 的能力</li>\n<li>📚 Github Actions 中发版完成后增加企业微信通知</li>\n<li>📚 更新 logo 以及设计语言网站链接</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-4-1-2021-03-11">¶</a><a href="javascript:void(0)" id="9-4-1-2021-03-11" class="anchor-point"></a>9.4.1(2021-03-11)</h3>\n<ul>\n<li>✨ 导出 <code>Form</code> 中的 <code>useFormChild</code>，并添加了文档</li>\n<li>🦀️ 修复 <code>Cascader</code> 设置 <code>options</code> 后选中状态不同步的问题</li>\n<li>📚 不同版本的文档链接使用相对路径，方便部署到其他平台</li>\n<li>📚 升级文档代码高亮包 <code>prismjs</code>，修复安全问题</li>\n<li>📚 <code>v9</code> 的升级指南中将 <code>Dialog</code> 的视觉交互改动列入不兼容改动</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-4-0-2021-02-26">¶</a><a href="javascript:void(0)" id="9-4-0-2021-02-26" class="anchor-point"></a>9.4.0(2021-02-26)</h3>\n<ul>\n<li>✨ <code>Popover</code> / <code>Pop</code> / <code>Tooltip</code> hover 模式兼容 <code>disabled</code> 的 <code>input</code> 和 <code>button</code>，目前仅支持 zent 内置组件，三方组件需要自行处理兼容问题，具体请参考文档</li>\n<li>\n<p><code>Select</code></p>\n<ul>\n<li>✨ <code>onKeywordChange</code> 增加 <code>meta</code> 参数标识回调函数触发的原因</li>\n<li>🦀️ 修复搜索框使用输入法时触发 <code>onChange</code> 的时机问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-3-0-2021-01-28">¶</a><a href="javascript:void(0)" id="9-3-0-2021-01-28" class="anchor-point"></a>9.3.0(2021-01-28)</h3>\n<ul>\n<li>✨ <code>MenuCascader</code> 多选模式支持通过 <code>simplifySelection</code> 参数控制是否合并展示子节点全选的选项</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ Model 上新增 <code>clearError</code> 函数，用于手动清除错误状态</li>\n<li>✨ 增加 <code>useModelValue</code> 和 <code>useModelValid</code> 两个不依赖 <code>FormContext</code> 的 Hooks</li>\n</ul>\n</li>\n<li>📚 9.0 的 changelog 中补充遗漏的 <code>Table</code> 迁移描述</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-2-0-2021-01-21">¶</a><a href="javascript:void(0)" id="9-2-0-2021-01-21" class="anchor-point"></a>9.2.0(2021-01-21)</h3>\n<ul>\n<li>✨ <code>Grid</code> 支持单选</li>\n<li>\n<p><code>DatePicker</code></p>\n<ul>\n<li>🦀️ 修复年份、月份的禁用逻辑</li>\n<li>🦀️ 优化 <code>CombinedDatePicker</code> 交互</li>\n<li>🦀️ <code>DateRangePicker</code> 支持数组形式的 <code>disabled</code> 和 <code>canClear</code></li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>DateRangeQuickPicker</code> <code>min</code> 和 <code>max</code> 不生效的问题</li>\n<li>🦀️ 修复 <code>Select</code>, <code>Switch</code> 以及 <code>CheckboxGroup</code> defaultProps 引起的类型问题</li>\n<li>🦀️ 修复 <code>Form</code> 渲染时 <code>willScrollToError</code> 的警告信息</li>\n<li>🦀️ 更新 <code>Select</code> 以及 <code>Cascader</code> 下拉箭头样式</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-1-2-2021-01-11">¶</a><a href="javascript:void(0)" id="9-1-2-2021-01-11" class="anchor-point"></a>9.1.2(2021-01-11)</h3>\n<ul>\n<li>🦀️ 修复 <code>Grid</code> 多选框串数据的问题</li>\n<li>🦀️ 修复 <code>Tree</code> <code>expandAll</code> 变更不生效的问题</li>\n<li>🦀️ 修复 <code>Form</code> 文档中 <code>FormInputField</code> 代码问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-1-1-2021-01-05">¶</a><a href="javascript:void(0)" id="9-1-1-2021-01-05" class="anchor-point"></a>9.1.1(2021-01-05)</h3>\n<ul>\n<li>✨ 新增一个图标</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ 滚动到第一个错误处功能支持通过 <code>willScrollToError</code> 自定义偏移量</li>\n<li>🦀️ 调整表单域垂直间距为 24px</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-1-0-2020-12-21">¶</a><a href="javascript:void(0)" id="9-1-0-2020-12-21" class="anchor-point"></a>9.1.0(2020-12-21)</h3>\n<ul>\n<li>💥 修复 <code>Select</code> 范型参数的问题，原来一个范型参数改为两个范型参数，<code>Select&#x3C;ISelecItem&#x3C;number>></code> => <code>Select&#x3C;number></code></li>\n<li>✨ 新增单文件上传组件</li>\n<li>✨ <code>NumberInput</code> 支持自定义步进</li>\n<li>🦀️ 修复 <code>Button</code> 禁用时边框的样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-0-2-2020-12-18">¶</a><a href="javascript:void(0)" id="9-0-2-2020-12-18" class="anchor-point"></a>9.0.2(2020-12-18)</h3>\n<ul>\n<li>✨ <code>Swiper</code> 支持自定义上一个/下一个按钮</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-0-1-2020-12-18">¶</a><a href="javascript:void(0)" id="9-0-1-2020-12-18" class="anchor-point"></a>9.0.1(2020-12-18)</h3>\n<ul>\n<li>\n<p><code>Select</code></p>\n<ul>\n<li>✨ 支持受控模式下回填选中的值</li>\n<li>✨ 支持自定义渲染输入框中已选择的选项列表，仅在多选模式可用</li>\n</ul>\n</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>✨ <code>batchRender</code> 添加位置参数</li>\n<li>🦀️ 修复表头分组场景下浮动列表头高度问题</li>\n</ul>\n</li>\n<li>🦀️ <code>DateRangeQuickPicker</code> 修改今日结束时间为当前时间</li>\n</ul>\n<h3 class="anchor-heading"><a href="#9-0-0-2020-12-14">¶</a><a href="javascript:void(0)" id="9-0-0-2020-12-14" class="anchor-point"></a>9.0.0(2020-12-14)</h3>\n<p>详见 <a href="./changelog-v9">9.x 升级指南</a></p>\n<h3 class="anchor-heading"><a href="#8-6-3-2021-03-19">¶</a><a href="javascript:void(0)" id="8-6-3-2021-03-19" class="anchor-point"></a>8.6.3(2021-03-19)</h3>\n<ul>\n<li>🦀️ 修复 <code>Upload</code> 的 <code>onUpload</code> 返回值没有生效的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-6-2-2021-01-11">¶</a><a href="javascript:void(0)" id="8-6-2-2021-01-11" class="anchor-point"></a>8.6.2(2021-01-11)</h3>\n<ul>\n<li>🦀️ 修复 <code>Tree</code> <code>expandAll</code> 不受控的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-6-1-2020-12-18">¶</a><a href="javascript:void(0)" id="8-6-1-2020-12-18" class="anchor-point"></a>8.6.1(2020-12-18)</h3>\n<ul>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀️ 修复浮动列在表头分组场景下高度问题</li>\n<li>🦀️ <code>batchRender</code> 增加渲染位置可选参数</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-6-0-2020-12-15">¶</a><a href="javascript:void(0)" id="8-6-0-2020-12-15" class="anchor-point"></a>8.6.0(2020-12-15)</h3>\n<ul>\n<li>✨ 主题色支持透明度，主题色定义兼容老版本，但老版本无法使用透明度</li>\n<li>🦀️ 调整 <code>Radio</code> 的右边距为 <code>24px</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-12-2020-11-05">¶</a><a href="javascript:void(0)" id="8-5-12-2020-11-05" class="anchor-point"></a>8.5.12(2020-11-05)</h3>\n<ul>\n<li>🦀️ 修复 <code>Upload</code> 上传文件时顺序变化的问题</li>\n<li>🦀️ 修复 <code>Grid</code> 自定义行组件的类型</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-11-2020-10-28">¶</a><a href="javascript:void(0)" id="8-5-11-2020-10-28" class="anchor-point"></a>8.5.11(2020-10-28)</h3>\n<ul>\n<li>🦀️ 修复 <code>Form</code> 的类型定义问题</li>\n<li>🦀️ <code>WindowEventHandler</code> 兼容 SSR 场景</li>\n<li>🦀️ <code>Input</code> 不可编辑状态下隐藏清除按钮</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-10-2020-10-22">¶</a><a href="javascript:void(0)" id="8-5-10-2020-10-22" class="anchor-point"></a>8.5.10(2020-10-22)</h3>\n<ul>\n<li>修复 <code>Sortable</code> 无法将元素移动到第一个的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-9-2020-10-12">¶</a><a href="javascript:void(0)" id="8-5-9-2020-10-12" class="anchor-point"></a>8.5.9(2020-10-12)</h3>\n<ul>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 修复 <code>FormModel.prototype.owner</code> 不能赋值的问题</li>\n<li>🦀️ 优化了 <code>value-listener</code> 中异步订阅的逻辑</li>\n<li>🦀️ 类型定义优化</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Button</code> 部分场景下 <code>disabled</code> 处理逻辑不对的问题</li>\n<li>🦀️ 修复 <code>Portal</code> 在 SSR 场景下的报错</li>\n<li>🦀️ 修复 <code>ClampLines</code> 在文本为空时可能出现的渲染问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-8-2020-09-11">¶</a><a href="javascript:void(0)" id="8-5-8-2020-09-11" class="anchor-point"></a>8.5.8(2020-09-11)</h3>\n<ul>\n<li>🦀️ 调整 <code>Button</code> 之间的间距</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>Field</code> 组件支持初始值 <code>initialValue</code>，并增加 <code>reset</code> 事件用于触发表单重置</li>\n<li>🦀️ 修复 <code>state</code> 变更导致 <code>ZentForm</code> 不必要的重新创建</li>\n</ul>\n</li>\n<li>\n<p><code>Input</code></p>\n<ul>\n<li>✨ 增加 <code>onIconClick</code> 回调</li>\n<li>✨ <code>TextareaInput</code> 新增 <code>maxCharacterCount</code> 属性支持文本超长及错误提示</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-7-2020-08-28">¶</a><a href="javascript:void(0)" id="8-5-7-2020-08-28" class="anchor-point"></a>8.5.7(2020-08-28)</h3>\n<ul>\n<li>🦀️ 修复 <code>Progress</code> 组件 <code>circle</code> 类型的 <code>normalColor</code>，<code>successColor</code>，<code>exceptionColor</code> 和 <code>strokeWidth</code> 不生效问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-6-2020-08-21">¶</a><a href="javascript:void(0)" id="8-5-6-2020-08-21" class="anchor-point"></a>8.5.6(2020-08-21)</h3>\n<ul>\n<li>🦀️ 修复 <code>Slider</code> 值超出范围的问题</li>\n<li>🦀️ 调整 <code>Checkbox</code> 之间的间距</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 导出 <code>IMaybeError</code> 和 <code>ValidatorContext</code></li>\n<li>🦀️ 优化 <code>FormSelectField</code> 的类型定义</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-5-2020-08-14">¶</a><a href="javascript:void(0)" id="8-5-5-2020-08-14" class="anchor-point"></a>8.5.5(2020-08-14)</h3>\n<ul>\n<li>✨ <code>Loading</code> 组件支持 <code>colorPreset</code> 参数</li>\n<li>✨ <code>ColorPicker</code> 支持 <code>disabled</code> 参数禁用，并兼容 <code>Disabled</code> 组件</li>\n<li>🦀️ 修复 <code>Table</code> 组件 <code>renderBody</code> 参数的类型定义</li>\n<li>🦀️ 修复 <code>Form</code> 组件 <code>scrollToError</code> 定位错误的问题</li>\n<li>🦀️ 删除无用的 <code>formulr</code> 依赖</li>\n<li>🦀️ 更新两个图标 <code>calendar-o</code> 和 <code>gift</code></li>\n<li>📚 更新文档高亮依赖的 <code>prismjs</code> 版本至 <code>1.21.0</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-4-2020-08-04">¶</a><a href="javascript:void(0)" id="8-5-4-2020-08-04" class="anchor-point"></a>8.5.4(2020-08-04)</h3>\n<ul>\n<li>🦀️ 修复上个版本 <code>TypeScript</code> 和 <code>tslib</code> 不匹配的问题</li>\n<li>🦀️ 修复 <code>Checkbox</code> 禁用时的文字颜色</li>\n<li>📚 增加一个 <code>Form</code> 自定义表单项的示例</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-3-2020-07-22">¶</a><a href="javascript:void(0)" id="8-5-3-2020-07-22" class="anchor-point"></a>8.5.3(2020-07-22)</h3>\n<ul>\n<li>✨ 添加新图标 <code>thumbnail</code></li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>formulr</code> 合入仓库内，不再单独发包</li>\n<li>✨ 增加 <code>FormContext</code> 支持自定义 <code>labelStyle</code></li>\n<li>🦀️ 确保 <code>FieldArray</code> 的 child 上一定存在 <code>id</code> 属性，可以避免使用数组下标作为 key</li>\n<li>🦀️ 修复一个 React 的 warning</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Grid</code> <code>batchComponents</code> 为空数组是的渲染问题</li>\n<li>🦀️ 修复编译自定义主题时的代码校验逻辑</li>\n<li>🦀️ <code>ClampLines</code> 允许超长非 CJK 字符串词内折行</li>\n<li>📚 文档导航增加 <code>babel-plugin-zent</code> 的链接</li>\n<li>📚 修复文档的一些样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-2-2020-06-23">¶</a><a href="javascript:void(0)" id="8-5-2-2020-06-23" class="anchor-point"></a>8.5.2(2020-06-23)</h3>\n<ul>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 修复一些逻辑问题</li>\n<li>🦀️ <code>FormSelectField</code> 支持 <code>onDelete</code> 逻辑处理，兼容 <code>tags</code> 模式</li>\n<li>🦀️ 导出 validator 相关的类型</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Swiper</code> 组件在一些场景下跳动的问题</li>\n<li>🦀️ 修复 <code>ScrollAlert</code> children 识别问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-1-2020-06-10">¶</a><a href="javascript:void(0)" id="8-5-1-2020-06-10" class="anchor-point"></a>8.5.1(2020-06-10)</h3>\n<ul>\n<li>✨ <code>Tooltip</code> 支持 <code>display</code> 属性透传到 <code>Popover</code> 组件</li>\n<li>✨ 新增 <code>drag</code> 图标</li>\n<li>🦀️ 更新 <code>Dialog</code> 的 TypeScript 类型定义</li>\n<li>🦀️ 修复 <code>NumberInput</code> 的类型定义</li>\n<li>🦀️ 修复 <code>Form</code> React 16.13 之后版本的 warning</li>\n<li>📚 补充了 <code>Form</code> <code>ValidateOption</code> 相关的文档</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-5-0-2020-05-07">¶</a><a href="javascript:void(0)" id="8-5-0-2020-05-07" class="anchor-point"></a>8.5.0(2020-05-07)</h3>\n<ul>\n<li>✨ 新增 4 个图标：<code>folder-o</code>, <code>open-folder-o</code>, <code>refresh</code>, <code>save-o</code></li>\n<li>✨ <code>Upload</code> 删除默认辅助文案，不提供 <code>tips</code> 属性时不展示辅助文案</li>\n<li>\n<p><code>Alert</code></p>\n<ul>\n<li>✨ 增加 <code>hint</code> 样式类型</li>\n<li>✨ 增加 <code>ScrollAlert</code>，支持轮播的通知</li>\n</ul>\n</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>Field</code> 的 <code>validate</code> 会向上冒泡到上层的 <code>FieldArray</code> 或者 <code>FieldSet</code></li>\n<li>✨ 新增 <code>ValidatorMiddlewares</code>，用于动态修改 validator 的行为</li>\n<li>✨ <code>FormSelectField</code> 支持透传 <code>children</code></li>\n<li>🦀️ 修复 <code>Form</code> <code>submit</code> 后 use after unmount 的问题</li>\n<li>🦀️ 修复 <code>Select</code>、<code>Option</code>、<code>FormInputField</code> 的类型定义</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Grid</code> <code>scroll.x</code> 变化时固定列阴影展示问题</li>\n<li>🦀️ 修复 <code>Collapse</code> 的类型定义</li>\n<li>🦀️ 修复 <code>Pagination</code> 跳转页码按回车没反应的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-4-0-1-2020-11-17">¶</a><a href="javascript:void(0)" id="8-4-0-1-2020-11-17" class="anchor-point"></a>8.4.0-1(2020-11-17)</h3>\n<ul>\n<li>🦀️ 修复部分组件主题色不支持 CSS Variable 配置的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-4-0-2020-03-16">¶</a><a href="javascript:void(0)" id="8-4-0-2020-03-16" class="anchor-point"></a>8.4.0(2020-03-16)</h3>\n<ul>\n<li>✨ <code>Upload</code> 支持自定义上传项 UI</li>\n<li>✨ <code>Tabs</code> 按钮样式优化</li>\n<li>🦀️ 修复 <code>Windows</code> 系统开发兼容性问题</li>\n<li>🦀️ <code>DatePicker</code> 不修改传入的 <code>Date</code> 类型参数</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>🦀️ 修复窗口尺寸变化时固定列的阴影没有同步更新的问题</li>\n<li>🦀️ 修复禁用行 hover 高亮时的背景色问题</li>\n<li>🦀️ 修复 <code>getCheckboxProps</code> 类型定义</li>\n</ul>\n</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 导出 <code>BasicForm</code></li>\n<li>🦀️ 修复 <code>required</code> 参数类型处理不正确的问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-3-0-2020-02-26">¶</a><a href="javascript:void(0)" id="8-3-0-2020-02-26" class="anchor-point"></a>8.3.0(2020-02-26)</h3>\n<ul>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>✨ 增加禁用行高亮的参数 <code>disableHoverHighlight</code></li>\n<li>🦀️ 修复跨页反选后数据错误的问题</li>\n</ul>\n</li>\n<li>🦀️ 修复了部分文档样式问题</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 更新样式</li>\n<li>🦀️ 修复 <code>FieldSet</code> 类型定义</li>\n<li>🦀️ 导出 <code>ValidateOption</code></li>\n</ul>\n</li>\n<li>📚 升级了文档网站的依赖</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-2-0-2020-02-18">¶</a><a href="javascript:void(0)" id="8-2-0-2020-02-18" class="anchor-point"></a>8.2.0(2020-02-18)</h3>\n<ul>\n<li>✨ <code>BlockHeader</code> 增加一种极简样式</li>\n<li>✨ <code>Grid</code> 表头吸顶支持自定义顶部偏移量</li>\n<li>🦀️ 修复兼容百分比超出范围时 <code>Progress</code> 样式错误的问题</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 更新错误样式</li>\n<li>🦀️ 修复 TypeScript 类型定义问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-1-0-2020-02-10">¶</a><a href="javascript:void(0)" id="8-1-0-2020-02-10" class="anchor-point"></a>8.1.0(2020-02-10)</h3>\n<ul>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>✨ 表头支持吸顶</li>\n<li>✨ 行复选框禁用时支持设置提示文案展示原因</li>\n</ul>\n</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ 增加表单值联动的示例</li>\n<li>✨ 使用 <code>model</code> 模式时 <code>Field</code> 组件支持 <code>validators</code> 参数，主要应用场景是用在 <code>FieldArray</code> 中</li>\n<li>🦀️ 修复 <code>FormNumberInputField</code> 数据和视图不一致的问题</li>\n<li>🦀️ 调整了非输入框的 <code>Field</code> 行高，视觉上更紧凑</li>\n</ul>\n</li>\n<li>🦀️ 优化了 <code>ColorPicker</code> 的拖拽性能，视觉上更加平滑，不卡顿</li>\n<li>🦀️ 修复 <code>Select</code> 组件首次渲染时选中元素为空的问题</li>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>🦀️ 修改上传组件的文件数量计算规则，将上传失败的文件也统计到上传文件数量中</li>\n<li>🦀️ 修改 <code>FILE_UPLOAD_STATUS</code> 常量的导出方式为组件上的静态属性</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-0-1-2020-01-19">¶</a><a href="javascript:void(0)" id="8-0-1-2020-01-19" class="anchor-point"></a>8.0.1(2020-01-19)</h3>\n<ul>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>🦀️ 新版使用和老版本不一样的类名</li>\n<li>🦀️ 修复一个删除上传项时页数计算错误的问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#8-0-0-2020-01-17">¶</a><a href="javascript:void(0)" id="8-0-0-2020-01-17" class="anchor-point"></a>8.0.0(2020-01-17)</h3>\n<ul>\n<li>🎉 增加 <code>Waypoint</code> 组件，这个组件抽象了元素移入/移除屏幕的逻辑</li>\n<li>🎉 增加 <code>Dropdown</code> 组件，只是对 <code>Popover</code> 组件的一层简单封装</li>\n<li>🎉 [breaking change] 重写 <code>Upload</code> 组件，不兼容老版本；老版本请使用 <code>@zent/compat</code></li>\n<li>\n<p><code>Affix</code></p>\n<ul>\n<li>[breaking change] ✨ <code>offsetTop</code> 不再有默认值 0，必须自己传</li>\n<li>✨ 使用 <code>Waypoint</code> 重写</li>\n<li>✨ 支持同时设置 <code>offsetTop</code> 和 <code>offsetBottom</code></li>\n</ul>\n</li>\n<li>\n<p><code>InfiniteScroller</code></p>\n<ul>\n<li>✨ 使用 <code>Waypoint</code> 重写</li>\n<li>[breaking change] ✨ 删除无用的 <code>offset</code>，<code>useCapture</code> 和 <code>prefix</code> 属性</li>\n<li>[breaking change] ✨ 重命名 <code>initialLoad</code> 为 <code>skipLoadOnMount</code>，意义相反，默认值行为没变</li>\n<li>[breaking change] ✨ <code>hasMore</code> 默认值修改为 <code>false</code></li>\n<li>[breaking change] ✨ <code>useWindow</code> 默认值修改为 <code>false</code></li>\n</ul>\n</li>\n<li>\n<p><code>Cascader</code></p>\n<ul>\n<li>✨ 支持 <code>disabled</code> 属性</li>\n<li>✨ 删除 <code>prefix</code> 支持</li>\n<li>🦀️ <code>onChange</code> 现在传入的是原始的 option 元素</li>\n<li>🦀️ 更新 placeholder 文字颜色</li>\n<li>🦀️ [breaking change] 所有 CSS 类名增加前缀，例如 <code>.open</code> 这种</li>\n</ul>\n</li>\n<li>\n<p><code>Select</code></p>\n<ul>\n<li>✨ 删除 <code>prefix</code> 支持</li>\n<li>🦀️ 更新组件的箭头图标，和其他组件保持一致</li>\n<li>🦀️ [breaking change] 所有 CSS 类名增加前缀，例如 <code>.tags__empty</code> 这种都被替换掉了</li>\n</ul>\n</li>\n<li>✨ 优化了全局事件处理</li>\n<li>\n<p><code>Icon</code></p>\n<ul>\n<li>✨ 增加两个新图标 <code>filter-o</code> 和 <code>scan-code-o</code></li>\n<li>✨ 重命名 <code>text-guide</code> 为 <code>text-guide-o</code></li>\n<li>✨ 重命名 <code>video-guide</code> 为 <code>video-guide-o</code></li>\n</ul>\n</li>\n<li>✨ <code>QuickDateRangePicker</code> 支持默认选中一个 preset</li>\n<li>✨ <code>eslint</code> 替换 <code>tslint</code></li>\n<li>🦀️ 更新 <code>Dialog</code> 关闭按钮样式</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ 增加 <code>useFieldValue</code> hook</li>\n<li>✨ <code>Form</code> 上增加 <code>getSubmitValue</code> 方法</li>\n<li>🦀️ 更新错误样式</li>\n<li>🦀️ 更新类型定义</li>\n<li>🦀️ 导出 <code>FormDescription</code> 组件</li>\n<li>🦀️ <code>FormSelectField</code> 透传 <code>withoutLabel</code> 属性</li>\n<li>🦀️ <code>layout</code> 改为可选参数</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>CopyButton</code> 的类型定义</li>\n<li>🦀️ 修复 <code>Pagination</code> 的字体样式</li>\n<li>🦀️ 修复 <code>Rate</code> 组件小数值时的图标显示问题</li>\n<li>🦀️ 修复部分组件 <code>babel-plugin-zent</code> 处理不正确的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-4-5-2021-03-11">¶</a><a href="javascript:void(0)" id="7-4-5-2021-03-11" class="anchor-point"></a>7.4.5(2021-03-11)</h3>\n<ul>\n<li>🦀️ 回迁 <a href="https://github.com/youzan/zent/pull/1406">PR#1406</a>，修复 <code>Swiper</code> 的快速切换的逻辑问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-4-4-2020-05-11">¶</a><a href="javascript:void(0)" id="7-4-4-2020-05-11" class="anchor-point"></a>7.4.4(2020-05-11)</h3>\n<ul>\n<li>🦀️ 修复一个 <code>NumberInput</code> 输入状态不对的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-4-3-2019-12-19">¶</a><a href="javascript:void(0)" id="7-4-3-2019-12-19" class="anchor-point"></a>7.4.3(2019-12-19)</h3>\n<ul>\n<li>🦀️ 修复 <code>FormSelectField</code> 的 <code>destroyOnUnmount</code> 没有生效的问题</li>\n<li>🦀️ 优化 <code>Form</code> 的类型定义</li>\n<li>🦀️ <code>FormNumberInputField</code>(<code>integer</code>) 以及 <code>FormSelectField</code>(<code>tags</code>, <code>data</code>) 的所有属性都归入 <code>props</code> 下，跟其他组件统一</li>\n<li>🦀️ 更新表单报错的样式</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-4-2-2019-12-13">¶</a><a href="javascript:void(0)" id="7-4-2-2019-12-13" class="anchor-point"></a>7.4.2(2019-12-13)</h3>\n<ul>\n<li>🦀️ 修复 <code>Grid</code> 一个样式问题</li>\n<li>🦀️ 修复 <code>DateRangeQuickPicker</code> 的类型问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-4-1-2019-12-13">¶</a><a href="javascript:void(0)" id="7-4-1-2019-12-13" class="anchor-point"></a>7.4.1(2019-12-13)</h3>\n<ul>\n<li>✨ 新增 3 个新图标：<code>doc</code>, <code>video</code>, <code>audio</code></li>\n<li>✨ 使用一个内置的精简版替换 <code>tinycolor2</code></li>\n<li>🦀️ 修复 <code>Layout</code> 组件不兼容 SSR 的问题</li>\n<li>🦀️ <code>Grid</code> 的 column name 支持 <code>a.b.c</code> 这种写法，不推荐使用，仅为和老版本兼容</li>\n<li>🦀️ 修复 <code>Sortable</code> 组件重复初始化的问题以及类型定义</li>\n<li>🦀️ 修复 <code>TextMark</code> 的类型定义</li>\n<li>🦀️ 增大时间选择组件的图标大小</li>\n<li>🦀️ 调整 <code>BlockHeader</code> 的 <code>title</code> 类型为 <code>ReactNode</code></li>\n<li>🦀️ 清理了 <code>createAlias</code> 相关的无用代码</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-4-0-2019-12-06">¶</a><a href="javascript:void(0)" id="7-4-0-2019-12-06" class="anchor-point"></a>7.4.0(2019-12-06)</h3>\n<ul>\n<li>✨ 新增 <code>Tooltip</code> 组件，用于展示提示信息</li>\n<li>✨ 删除 <code>lodash-es</code> 依赖，改用内置函数以及语言特性，同时明确了必须的 polyfill</li>\n<li>🦀️ <strong>[breaking change]</strong> 所有时间选择组件的 <code>isFooterVisble</code> 参数重命名为 <code>isFooterVisible</code>，这是个存在很久的拼写错误；如有使用地方，全局替换即可，不发大版本了。</li>\n<li>🦀️ 修复 <code>Select</code> 选项过滤之后按回车选择没有用的问题</li>\n<li>🦀️ 修复 <code>Upload</code> 组件在上传中删除某一项时报错的问题</li>\n<li>🦀️ <code>Upload</code> 组件拖动排序之后不再重置每个图片的唯一 ID</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-3-2-2019-11-29">¶</a><a href="javascript:void(0)" id="7-3-2-2019-11-29" class="anchor-point"></a>7.3.2(2019-11-29)</h3>\n<ul>\n<li>✨ <code>Link</code> 组件独立目录，同时兼容 <code>Disabled</code> 组件</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-3-1-2019-11-27">¶</a><a href="javascript:void(0)" id="7-3-1-2019-11-27" class="anchor-point"></a>7.3.1(2019-11-27)</h3>\n<ul>\n<li>✨ 新增 <code>Link</code> 组件替换 <code>zent-link</code> CSS 的使用场景</li>\n<li>✨ <code>Radio</code> 和 <code>Checkbox</code> 新增 <code>labelStyle</code></li>\n<li>🦀️ 修复 <code>ButtonDirective</code> 样式问题</li>\n<li>🦀️ 修复打包编译时读取到的包版本和发布的版本不一致的问题</li>\n<li>🦀️ 回滚 <code>Radio</code> 文字标签的 <code>display</code> 为 <code>inline</code></li>\n<li>🦀️ 修复 <code>RadioGroup</code> 内非 <code>Radio</code> 组件不可见的问题</li>\n<li>🦀️ 修复 <code>CheckboxGroup</code> 内非 <code>Checkbox</code> 组件不可见的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-3-0-2019-11-25">¶</a><a href="javascript:void(0)" id="7-3-0-2019-11-25" class="anchor-point"></a>7.3.0(2019-11-25)</h3>\n<ul>\n<li>🎉 隔离不同版本 zent 的样式，避免页面上存在两份 zent 时的样式污染。</li>\n<li>🎉 增加了一批编译期常量，可在 TypeScript 或者 SCSS 文件内使用，类似 C 语言的 <code>__FILE__</code> 这种变量</li>\n<li>🦀️ 更新 <code>BlockHeader</code> 内部图标颜色</li>\n<li>🦀️ 修复 <code>Grid</code> 批量操作导致滚动展示异常的问题</li>\n<li>🦀️ 修复 <code>FormRadioGroupField</code> <code>defaultValue</code> 的判空问题</li>\n</ul>\n<h4 class="anchor-heading"><a href="#yang-shi-ge-chi-ke-neng-de-bu-jian-rong-ying-xiang">¶</a><a href="javascript:void(0)" id="yang-shi-ge-chi-ke-neng-de-bu-jian-rong-ying-xiang" class="anchor-point"></a>样式隔离可能的不兼容影响</h4>\n<ul>\n<li>如果有代码直接使用了 zent 的 CSS 样式，但是没有使用 zent 的组件，这个版本之后这些使用方式都会失效。</li>\n<li>部分自定义样式如果优先级和组件库内的是一样的，但是依赖样式出现的顺序来实现覆盖的，在这个版本之后可能会遇到自定义样式失效的问题；解决方案是增加一个自定义类名，提高自定义样式的优先级。</li>\n</ul>\n<h4 class="anchor-heading"><a href="#yi-zhi-shou-ying-xiang-de-shi-yong-chang-jing">¶</a><a href="javascript:void(0)" id="yi-zhi-shou-ying-xiang-de-shi-yong-chang-jing" class="anchor-point"></a>已知受影响的使用场景</h4>\n<ul>\n<li>直接使用 <code>Icon</code> CSS 样式的请使用 <code>Icon</code> 组件</li>\n<li>直接使用 <code>Breadcrumb</code> CSS 样式的请使用 <code>Breadcrumb</code> 组件</li>\n<li>使用 <code>zent-link</code> CSS 样式的请使用 <code>Link</code> 组件，这个组件就是一个 <code>a</code> 标签，封装了样式</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-2-0-2019-11-18">¶</a><a href="javascript:void(0)" id="7-2-0-2019-11-18" class="anchor-point"></a>7.2.0(2019-11-18)</h3>\n<ul>\n<li>🎉 新增 <code>IMEComposition</code> 组件，同时对有用到 <code>input</code> 的组件内部做了兼容处理</li>\n<li>✨ <code>Grid</code> 添加批量操作支持</li>\n<li>✨ <code>Pagination</code> 增加到达最后一页时的提示支持</li>\n<li>✨ 升级 <code>date-fns</code> 到 2.x 版本</li>\n<li>✨ Fork <code>fecha</code>，用 TypeScript 重写；官方的包类型定义问题反反复复出现，不跟他们玩了</li>\n<li>📚 扩充了 <code>Form</code> 的上手文档</li>\n<li>🦀️ 增大 <code>BlockHeader</code> 的图标</li>\n<li>🦀️ 修复 <code>Radio</code> 以及 <code>Checkbox</code> 的高度问题，现在不会有多余的垂直方向空白了</li>\n<li>🦀️ 修复了 <code>useFieldArrayValue</code> 数据丢失的问题</li>\n<li>🦀️ 优化 <code>Form</code> 默认的错误渲染函数处理 <code>undefined</code> 的逻辑</li>\n<li>🦀️ 修复 <code>FormSelectField</code>, <code>Form</code> 以及 <code>FieldSet</code> 的类型定义问题</li>\n<li>🦀️ 修复 <code>Switch</code>, <code>CopyButton</code> 以及 <code>DatePicker</code> 的类型定义问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-1-0-2019-11-08">¶</a><a href="javascript:void(0)" id="7-1-0-2019-11-08" class="anchor-point"></a>7.1.0(2019-11-08)</h3>\n<ul>\n<li>✨ <code>Select</code> 增加 <code>retainNullOption</code> 参数允许选中值为 <code>null</code> 的选项</li>\n<li>✨ 新增 <code>Notify.info</code></li>\n<li>📚 全新的图标列表</li>\n<li>🦀️ 修复 <code>Progress</code> 在 Safari 下页面缩放时的样式错位问题</li>\n<li>🦀️ 修复 <code>Form</code> 和 <code>Cascader</code> 的类型定义</li>\n<li>🦀️ 更新 <code>Pagination</code> 和 <code>QuarterPicker</code> 中 <code>i18n</code> 的使用方法</li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-0-1-2019-11-01">¶</a><a href="javascript:void(0)" id="7-0-1-2019-11-01" class="anchor-point"></a>7.0.1 (2019-11-01)</h3>\n<ul>\n<li>🦀️ <code>Form</code> 增加 <code>default export</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#7-0-0-2019-11-01">¶</a><a href="javascript:void(0)" id="7-0-0-2019-11-01" class="anchor-point"></a>7.0.0 (2019-11-01)</h3>\n<p>改动较多，参考<a href="./changelog-v7">这个文档</a>。</p>\n<h3 class="anchor-heading"><a href="#6-6-2-2019-02-26">¶</a><a href="javascript:void(0)" id="6-6-2-2019-02-26" class="anchor-point"></a>6.6.2 (2019-02-26)</h3>\n<ul>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 修复异步检验通过还是报错的问题</li>\n<li>🦀️ 更新 <code>createForm</code> 的 TypeScript 定义</li>\n</ul>\n</li>\n<li>🦀️ 增加 <code>Affix</code> 以及 <code>Avatar</code> DOM 节点不存在时的异常校验</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-6-1-2019-01-30">¶</a><a href="javascript:void(0)" id="6-6-1-2019-01-30" class="anchor-point"></a>6.6.1 (2019-01-30)</h3>\n<ul>\n<li>🦀️ 修复 <code>Grid</code> 表头滚动时内容不跟着滚动的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-6-0-2019-01-29">¶</a><a href="javascript:void(0)" id="6-6-0-2019-01-29" class="anchor-point"></a>6.6.0 (2019-01-29)</h3>\n<ul>\n<li>✨ <code>Grid</code> 支持表头分组</li>\n<li>🦀️ 修复了 <code>Table</code>, <code>Grid</code>, <code>WindowResizeHandler</code> 的 <code>undefined</code> 报错问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-5-3-2019-01-13">¶</a><a href="javascript:void(0)" id="6-5-3-2019-01-13" class="anchor-point"></a>6.5.3 (2019-01-13)</h3>\n<ul>\n<li>✨ <code>Pop</code> 支持函数形式的 <code>position</code> 参数，参考 <code>Popover.Position.create</code></li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>📚 增加了自定义校验函数的文档</li>\n<li>🦀️ 修复了使用 <code>Fragment</code> 时滚动报错的问题</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>ClampLines</code> 组件修改 <code>text</code> 后不更新的问题</li>\n<li>🦀️ 修复了几个组件中 unmount 之后部分代码报错的问题，包括 <code>Table</code>, <code>Select</code>, <code>Grid</code>, <code>ClampLines</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-5-2-2018-12-12">¶</a><a href="javascript:void(0)" id="6-5-2-2018-12-12" class="anchor-point"></a>6.5.2 (2018-12-12)</h3>\n<ul>\n<li>⚠️ 回滚了之前 <code>6.4.0</code> 版本引入的一个 <code>FormSelectField</code> 在 <code>tags</code> 模式下的不兼容改动，不影响 <code>Select</code> 组件本身，且这个问题只在使用了 <code>FormSelectField</code> 的 <code>tags</code> 模式才会出现。</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-5-1-2018-12-07">¶</a><a href="javascript:void(0)" id="6-5-1-2018-12-07" class="anchor-point"></a>6.5.1 (2018-12-07)</h3>\n<p>⚠️ <code>6.4.0</code> 版本引入了一个 <code>FormSelectField</code> 在 <code>tags</code> 模式下的不兼容改动，<code>6.5.2</code> 已经回滚这个改动。</p>\n<ul>\n<li>✨ 增加维权图标</li>\n<li>\n<p><code>Table</code></p>\n<ul>\n<li>✨ 支持在行内渲染半选中状态的复选框</li>\n<li>🦀️ 修复右对齐无效的问题</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Form</code> 对组件类型的检查</li>\n<li>🦀️ 修复了一些 TypeScript 的类型定义问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-5-0-2018-10-29">¶</a><a href="javascript:void(0)" id="6-5-0-2018-10-29" class="anchor-point"></a>6.5.0 (2018-10-29)</h3>\n<p>⚠️ <code>6.4.0</code> 版本引入了一个 <code>FormSelectField</code> 在 <code>tags</code> 模式下的不兼容改动，<code>6.5.2</code> 已经回滚这个改动。</p>\n<p>⚠️ <code>Form</code> 的改动可能会导致之前写的有问题代码暴露出问题来，如果遇到这个问题请在 <code>onSubmitFail</code> 里处理这些异常。</p>\n<ul>\n<li>✨ 增加一批新的图标</li>\n<li>🦀️ <code>Form</code> 提交时不会再静默吞掉未处理的异常</li>\n<li>🦀️ 用 <code>lodash/assign</code> 替换了代码中对 <code>Object.assign</code> 的依赖</li>\n<li>🦀️ 修复 <code>SKU</code> 组件中弹窗的层级问题</li>\n<li>🦀️ 修复 <code>Grid</code> 组件的 <code>TypeScript</code> 定义</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-4-1-2018-10-16">¶</a><a href="javascript:void(0)" id="6-4-1-2018-10-16" class="anchor-point"></a>6.4.1 (2018-10-16)</h3>\n<p>⚠️ <code>6.4.0</code> 版本引入了一个 <code>FormSelectField</code> 在 <code>tags</code> 模式下的不兼容改动，<code>6.5.2</code> 已经回滚这个改动。</p>\n<ul>\n<li>✨ <code>Tabs</code> 通过 <code>navExtraContent</code> 增加导航栏自定义额外内容的能力</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-4-0-2018-09-26">¶</a><a href="javascript:void(0)" id="6-4-0-2018-09-26" class="anchor-point"></a>6.4.0 (2018-09-26)</h3>\n<p>⚠️ 这个版本引入了一个 <code>FormSelectField</code> 在 <code>tags</code> 模式下的不兼容改动，<code>6.5.2</code> 已经回滚这个改动。</p>\n<ul>\n<li>✨ <code>FormSelectField</code> 支持 <code>tags</code> 模式 (<em>已回滚</em>)</li>\n<li>🦀️ 修复 <code>Select</code> 组件 placeholder 颜色不对的问题</li>\n<li>🦀️ 修复 <code>Upload</code> 上传多个音频时的样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-3-0-2018-09-07">¶</a><a href="javascript:void(0)" id="6-3-0-2018-09-07" class="anchor-point"></a>6.3.0 (2018-09-07)</h3>\n<ul>\n<li>✨ <code>TimePicker</code> 组件增加 <code>disabledTime</code> 时间禁用函数属性</li>\n<li>✨ <code>Loading</code> 支持延迟显示</li>\n<li>✨ 打包支持 ES module 输出形式</li>\n<li>✨ <code>babel-plugin-zent@1.2.1</code> 支持只处理样式引入，配合 ES module 实现 tree shaking（需要打包工具支持）</li>\n<li>\n<p><code>InfiniteScroller</code></p>\n<ul>\n<li>🦀️ 修复反复触发 <code>loadMore</code> 回调的问题</li>\n<li>🦀️ 修复文档问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-2-0-2018-08-24">¶</a><a href="javascript:void(0)" id="6-2-0-2018-08-24" class="anchor-point"></a>6.2.0 (2018-08-24)</h3>\n<ul>\n<li>🎉 新增多文本缩略显示 <code>ClampLines</code> 组件</li>\n<li>✨ <code>Grid</code> 支持拖拽操作</li>\n<li>✨ <code>Menu</code> 添加子菜单折叠/展开以及点击的回调函数</li>\n<li>🦀️ <code>DatePicker</code> 关闭浏览器自动填充输入框的行为</li>\n<li>🦀️ 修复 <code>Form</code> 初始化 <code>FieldArray</code> 时的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-1-0-2018-08-03">¶</a><a href="javascript:void(0)" id="6-1-0-2018-08-03" class="anchor-point"></a>6.1.0 (2018-08-03)</h3>\n<ul>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>✨ 支持给每一列设置一个默认的展示文案</li>\n<li>🦀️ 修复 <code>selection.getCheckboxProps</code> 没有实时更新的问题</li>\n</ul>\n</li>\n<li>✨ 新增几个 <code>Icon</code></li>\n<li>✨ <code>Cascader</code> 支持通过 <code>expandTrigger</code> 设置子菜单的触发方式</li>\n<li>✨ <code>Pop</code> 增加 <code>containerSelector</code> 支持</li>\n<li>\n<p><code>Button</code></p>\n<ul>\n<li>✨ 样式更新</li>\n<li>✨ 当按钮文案为两个中文字符时，会在两个字符中间插入一个空格</li>\n</ul>\n</li>\n<li>🦀️ 修复了 <code>NumberInput</code> 处理 <code>.xy</code> 形式的浮点数的问题</li>\n<li>🦀️ <code>Table</code> 选择模式下支持将行设置为选中同时是禁用的状态</li>\n<li>🦀️ 修复 <code>Form</code> 中 <code>FieldArray</code> 没有正确更新的问题</li>\n<li>🦀️ 修复了非常多的 <code>TypeScript</code> 定义问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-0-1-2018-07-13">¶</a><a href="javascript:void(0)" id="6-0-1-2018-07-13" class="anchor-point"></a>6.0.1 (2018-07-13)</h3>\n<blockquote>\n<p>⚠️ 之前的版本 <code>Icon</code> 字体文件可能在 Windows 下展示会有问题，如果 Window 环境对你很重要建议使用这个版本。</p>\n</blockquote>\n<ul>\n<li>🦀️ 修复 Windows 下 <code>Icon</code> 显示不正常的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#6-0-0-2018-07-04">¶</a><a href="javascript:void(0)" id="6-0-0-2018-07-04" class="anchor-point"></a>6.0.0 (2018-07-04)</h3>\n<blockquote>\n<p>这个版本移除了对 React 15.3 以下版本的支持。</p>\n<p>文档网站从这个版本开始将放到 <a href="https://youzan.github.io/zent">github pages</a> 上维护。</p>\n</blockquote>\n<ul>\n<li>💥 [breaking change] 删除 <code>Loading</code> 组件的 <code>on</code>, <code>off</code> 以及 <code>newInstance</code> 方法</li>\n<li>💥 [breaking change] 修复 <code>WeekPicker</code> 的禁用和选中逻辑</li>\n<li>💥 [breaking change] <code>Table</code> 单元格的 <code>box-sizing</code> 变为 <code>border-box</code></li>\n<li>💥 [breaking change] 删除 <code>Select</code> 弹层上的 <code>zent-select</code> 类名，这个类名只应该存在于 trigger 上面</li>\n<li>🎉 新组件 <code>Mention</code></li>\n<li>🎉 新组件 <code>Timeline</code></li>\n<li>🎉 <code>Tree</code> 重写了一个新版，兼容老的 API，通过 <code>useNew</code> 启用；新版加入了受控模式支持</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>FieldArray</code> 支持串行调用多次操作函数，如 <code>push</code> 等</li>\n<li>✨ <code>DateRangePickerField</code> 以及 <code>DateRangeQuickPickerField</code> 支持通过 <code>dateFormat</code> 来透传依赖组件的 <code>format</code> prop</li>\n<li>✨ 补全 <code>DatePicker</code> 相关的 <code>Field</code> 类型，比如 <code>FormWeekPickerField</code> 等</li>\n<li>✨ <code>FieldArray</code> 支持通过 <code>setFieldsValue</code> 以及 <code>initialize</code> 修改值</li>\n</ul>\n</li>\n<li>\n<p><code>Grid</code></p>\n<ul>\n<li>✨ 增加 <code>TypeScript</code> 类型定义</li>\n<li>✨ 支持 <code>expandation</code> 行展开配置</li>\n<li>✨ 增加行展开时的 <code>onExpand</code> 回调函数</li>\n<li>✨ <code>onChange</code> 回调支持传递分页大小</li>\n<li>🦀️ 移除 <code>cloneDeep</code> 的使用，React 16 下复制 jsx 会报错</li>\n<li>🦀️ 修复 <code>rowKey</code> 无效的问题</li>\n<li>📚 文档优化</li>\n</ul>\n</li>\n<li>\n<p><code>ErrorBoundary</code></p>\n<ul>\n<li>✨ 增加 <code>catchError</code> HOC，适合使用 decorator 的场景</li>\n<li>📚 修复文档中 <code>withErrorBoundary</code> 的描述</li>\n</ul>\n</li>\n<li>\n<p><code>Cascader</code></p>\n<ul>\n<li>✨ 增加 <code>displayText</code> 回调自定义选中值的展示</li>\n<li>🦀️ 修复 <code>value</code> 值不存在时报错的问题</li>\n</ul>\n</li>\n<li>✨ <code>Table</code> 组件的 <code>onChange</code> 回调支持传递分页大小</li>\n<li>✨ <code>AutoComplete</code> 增加 <code>TAB</code> 按键处理</li>\n<li>✨ <code>SplitButton</code> 支持下拉菜单位置配置</li>\n<li>✨ <code>Pagination</code> 支持在分页大小改变时触发 <code>onPageSizeChange</code> 回调函数</li>\n<li>🦀️ 修复 <code>BlockHeader</code> 标签类型限制的问题(<code>p</code> 不能嵌套 <code>div</code>)</li>\n<li>🦀️ 修复 <code>Avatar</code> 的 <code>TypeScript</code> 类型定义</li>\n<li>🦀️ 修复 <code>Sortable</code> 的 <code>TypeScript</code> 类型定义</li>\n<li>🦀️ 修复 <code>SplitButton</code> 的 <code>TypeScript</code> 类型定义</li>\n<li>🦀️ 修复 <code>Tabs</code> 的 <code>TypeScript</code> 类型定义</li>\n<li>🦀️ 添加了几个新的图标</li>\n<li>🦀️ 修复 <code>Input</code> 组件的 <code>addonBefore</code> 和 <code>addonAfter</code> 样式</li>\n<li>🦀️ 修复 <code>Swiper</code> 组件只有两个元素时删除其中一个元素时位置错位的问题</li>\n<li>\n<p><code>Dialog</code></p>\n<ul>\n<li>🦀️ 修复关闭时报错的问题</li>\n<li>🦀️ 修复 SSR 报错</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Button</code> 组件代码里的一些拼写错误，不影响功能</li>\n<li>🦀️ 修复 <code>Collapse</code> 组件的 props 类型申明</li>\n<li>🦀️ 修复 <code>DatePicker</code> 时间禁用逻辑</li>\n<li>🦀️ 修复 <code>Select</code> 某些情况下 <code>focus</code> 报错的问题</li>\n<li>🦀️ 修复 <code>Loading</code> 组件在 React 16 下关闭报错的问题</li>\n<li>🦀️ 删除了 <code>Card</code> 中的一些无用样式</li>\n<li>📚 修复文档的 <code>babel</code> 拼写错误</li>\n</ul>\n<h4 class="anchor-heading"><a href="#breaking-change-qian-yi-fang-an">¶</a><a href="javascript:void(0)" id="breaking-change-qian-yi-fang-an" class="anchor-point"></a>Breaking change 迁移方案</h4>\n<blockquote>\n<p><code>Loading</code> <code>on</code>, <code>off</code>, <code>newInstance</code> 的迁移方案：</p>\n</blockquote>\n<p>将 <code>Loading.on</code> 以及 <code>Loading.off</code> 替换为组件形式，并通过 <code>state</code> 上的开关控制。</p>\n<pre><code class="language-js"><span class="token operator">&#x3C;</span><span class="token maybe-class-name">Loading</span> float show<span class="token operator">=</span><span class="token punctuation">{</span><span class="token keyword">this</span><span class="token punctuation">.</span><span class="token property-access">state</span><span class="token punctuation">.</span><span class="token property-access">loading</span><span class="token punctuation">}</span> <span class="token operator">/</span><span class="token operator">></span></code></pre>\n<p>如果使用了 <code>newInstance</code> 方法，渲染多个 <code>Loading</code> 实例即可。</p>\n<blockquote>\n<p><code>WeekPicker</code> 迁移方案:</p>\n</blockquote>\n<ul>\n<li>涉及到自定义了 <code>diabledDate</code> 的场景，新版中返回的日期区间将只包含可选的日期，老版本会返回整个完整的周，包括那些不可选的日期。这个代码里自行处理下，多数情况应该没有影响。</li>\n<li>内部维护的周日期区间 <code>[start, end]</code> 两个值的时间部分有变化，新版 <code>start</code> 时间部分是 <code>00:00:00:000</code>, <code>end</code> 时间部分是 <code>23:59:59:999</code>。所以在 <code>disabledDate</code> 的回调函数里判断日期是否禁用的时候需要注意时间部分的差，原则上日期比较是不应该关注时间部分的，但是很多写得不好的代码是直接 <code>a.getTime() &#x3C; b.getTime()</code> 这样比较的，这种用法很大概率上会出问题。</li>\n</ul>\n<blockquote>\n<p><code>Table</code> 单元格样式迁移方案:</p>\n</blockquote>\n<p>之前是 <code>content-box</code>，这次更新之后变为 <code>border-box</code>，有些情况下可能会出现单元格变窄的情况，需要在使用的地方适当将受影响的单元格加宽。</p>\n<blockquote>\n<p><code>Select</code> 弹层的 <code>zent-select</code> 类名迁移方案：</p>\n</blockquote>\n<p>首先把这个类名删除是正确的，trigger 和 弹层是不应该公用一个类名的。之前依赖弹层上的 <code>zent-select</code> 类名的地方改为 <code>zent-select__popover</code> 就行了。</p>\n<h3 class="anchor-heading"><a href="#5-1-1-2018-04-19">¶</a><a href="javascript:void(0)" id="5-1-1-2018-04-19" class="anchor-point"></a>5.1.1 (2018-04-19)</h3>\n<ul>\n<li>🦀️ 修复 <code>Dialog</code> 某些情况下关闭的时候没有动画的问题</li>\n<li>🦀️ 修复 <code>Table</code> 单元格宽度超出设置值的问题</li>\n<li>🦀️ <code>Form</code> 滚动到第一个错误位置时允许非 <code>ControlGroup</code> 封装的 <code>Field</code></li>\n<li>✨ 升级 <code>lerna</code> 到最新版</li>\n</ul>\n<h3 class="anchor-heading"><a href="#5-1-0-2018-04-17">¶</a><a href="javascript:void(0)" id="5-1-0-2018-04-17" class="anchor-point"></a>5.1.0 (2018-04-17)</h3>\n<ul>\n<li>🎉 新组件 <code>ErrorBoundary</code>，需要 <code>React</code> >= 16</li>\n<li>🎉 新组件 <code>SplitButton</code></li>\n<li>✨ <code>previewImage</code> 支持图片缩放</li>\n<li>✨ <code>BlockHeader</code> 增加 <code>childAlign</code> 属性，支持子元素靠右侧显示</li>\n<li>✨ <code>Portal</code> 组件重构，新增 <code>PurePortal</code> 和 <code>LayeredPortal</code></li>\n<li>✨ 升级 <code>Design</code> 组件的拖拽库</li>\n<li>✨ <code>Dialog</code> 增加打开/关闭动画</li>\n<li>\n<p><code>YearPicker</code></p>\n<ul>\n<li>✨ 支持设置 <code>max</code> 和 <code>min</code></li>\n<li>✨ <code>value</code> 支持 <code>Date</code> 类型</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>height</code> 在 <code>Loading</code> 不显示的时候被忽略的问题</li>\n<li>🦀️ 修复 <code>BlockHeader</code> 弹层样式</li>\n<li>🦀️ 修复 <code>Popover</code> 在 <code>React</code> 16 下位置计算不正确的问题</li>\n<li>🦀️ 修复 <code>Form</code> 组件 <code>asyncValidate</code> 的返回值在某些条件下不是 <code>Promise</code> 的问题</li>\n<li>🦀️ 修复 <code>Pagination</code> 样式问题</li>\n<li>🦀️ <code>Select</code> 的 <code>tag</code> 模式会撑大内容区域，而不是出现滚动条</li>\n<li>🦀️ <code>Cascader</code> 单测兼容 <code>React</code> 16</li>\n<li>📚 更新文档网站中英文截图</li>\n</ul>\n<h3 class="anchor-heading"><a href="#5-0-1-2018-03-20">¶</a><a href="javascript:void(0)" id="5-0-1-2018-03-20" class="anchor-point"></a>5.0.1 (2018-03-20)</h3>\n<ul>\n<li>🦀️ 修复 <code>WeekPicker</code> 文字溢出问题</li>\n<li>🦀️ 修复了一些打包问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#5-0-0-2018-03-16">¶</a><a href="javascript:void(0)" id="5-0-0-2018-03-16" class="anchor-point"></a>5.0.0 (2018-03-16)</h3>\n<blockquote>\n<p>⚠️ 这个版本 <code>Upload</code> 组件有问题，请不要使用。</p>\n<p>从这个版本开始正式支持 <code>React</code> 16，后续开发都将基于 16。</p>\n</blockquote>\n<ul>\n<li>🎉 升级 <code>React</code> 以及 <code>Enzyme</code> 到最新版本，正式支持 <code>React</code> 16</li>\n<li>\n<p><code>Button</code></p>\n<ul>\n<li>✨ 添加对图标的支持</li>\n<li>✨ 新增 <code>Button.Group</code> 容器</li>\n</ul>\n</li>\n<li>✨ <code>Steps</code> 组件新增一个 <code>process</code> 状态，并且默认值也修改为 <code>process</code></li>\n<li>🦀️ 修复 <code>Loading</code> 组件高度问题</li>\n<li>🦀️ 更新 <code>BlockHeader</code> 组件样式</li>\n<li>\n<p><code>Tree</code></p>\n<ul>\n<li>🦀️ 修复节点 <code>expand</code> 不生效的问题</li>\n<li>📚 补充 <code>loadMore</code> 的文档</li>\n</ul>\n</li>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>✨ 允许通过 <code>errorMessages</code> 参数自定义错误提示文案</li>\n<li>🦀️ 收敛 CSS 的类名，降低冲突风险</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-3-2-2018-03-07">¶</a><a href="javascript:void(0)" id="4-3-2-2018-03-07" class="anchor-point"></a>4.3.2 (2018-03-07)</h3>\n<blockquote>\n<p>⚠️ 这个版本 <code>Loading</code> 组件样式有问题，请不要使用。</p>\n</blockquote>\n<ul>\n<li>🦀️ 更新 <code>Loading</code> 组件高度设置逻辑</li>\n<li>🦀️ 修复 <code>Pagination</code> 文案</li>\n<li>🦀️ 修复 <code>Radio</code> 和 <code>Checkbox</code> 组件嵌套使用时的问题</li>\n<li>🦀️ <code>Radio</code> 和 <code>Checkbox</code> 的分组组件只读或禁用时会忽略组件自身的设置</li>\n<li>🦀️ 修复 <code>Upload</code> 组件样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-3-1-2018-03-05">¶</a><a href="javascript:void(0)" id="4-3-1-2018-03-05" class="anchor-point"></a>4.3.1 (2018-03-05)</h3>\n<ul>\n<li>🦀️ 修复 <code>Select</code> 组件在标签样式下 placeholder 缩进不一致的问题</li>\n<li>🦀️ 修复 <code>Popover</code> 在特定情况下循环调用 <code>adjustPosition</code> 的问题</li>\n<li>🦀️ 调整 <code>Tree</code> 组件的字体大小</li>\n<li>🦀️ 修复 <code>Grid</code> 组件在 Windows 系统下的现实问题</li>\n<li>🦀️ 修复 <code>CopyButton</code> 在某些情况下选择错误的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-3-0-2018-02-14">¶</a><a href="javascript:void(0)" id="4-3-0-2018-02-14" class="anchor-point"></a>4.3.0 (2018-02-14)</h3>\n<blockquote>\n<p>情人节快乐！新春快乐!</p>\n</blockquote>\n<ul>\n<li>🎉 新增 <code>AutoComplete</code> 组件</li>\n<li>🎉 新增 <code>Rate</code> 评分组件</li>\n<li>🦀️ 优化 <code>Notify</code> 动画</li>\n<li>🦀️ 去除 <code>Tabs</code> 组件样式中不必要的 <code>!important</code></li>\n<li>🦀️ 修复 <code>Select</code> 搜索框无法获取输入焦点的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-2-3-2018-02-09">¶</a><a href="javascript:void(0)" id="4-2-3-2018-02-09" class="anchor-point"></a>4.2.3 (2018-02-09)</h3>\n<ul>\n<li>🦀️ 修复 <code>Sortable</code> 在没传 <code>items</code> 时的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-2-2-2018-02-07">¶</a><a href="javascript:void(0)" id="4-2-2-2018-02-07" class="anchor-point"></a>4.2.2 (2018-02-07)</h3>\n<ul>\n<li>✨ <code>Steps</code> 新增垂直样式</li>\n<li>🦀️ 修复 <code>Grid</code> 表头高度问题</li>\n<li>🦀️ 修复打包 CSS 样式丢失问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-2-1-2018-02-06">¶</a><a href="javascript:void(0)" id="4-2-1-2018-02-06" class="anchor-point"></a>4.2.1 (2018-02-06)</h3>\n<blockquote>\n<p>⚠️ 这个版本 CSS 打包有问题，请不要使用。</p>\n</blockquote>\n<ul>\n<li>🦀️ 修复 <code>Upload</code> 文件类型判断问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-2-0-2018-02-05">¶</a><a href="javascript:void(0)" id="4-2-0-2018-02-05" class="anchor-point"></a>4.2.0 (2018-02-05)</h3>\n<blockquote>\n<p>⚠️ 这个版本 CSS 打包有问题，请不要使用。</p>\n</blockquote>\n<ul>\n<li>🎉 新组件 <code>Avatar</code></li>\n<li>🎉 新组件 <code>Collapase</code></li>\n<li>✨ <code>Menu</code> 增加内联模式</li>\n<li>✨ <code>Cascader</code> 支持菜单样式</li>\n<li>✨ <code>Input</code> 清空按钮的回调函数中加入判断来自按钮的参数</li>\n<li>✨ 补全各个时间选择器的 <code>TypeScript</code> 定义</li>\n<li>✨ <code>Badge</code> 组件支持自定义偏移量</li>\n<li>✨ <code>NumberInput</code> 支持回车确认输入</li>\n<li>✨ <code>Upload</code> 的 <code>onUpload</code> 回调支持返回一个 <code>Promise</code></li>\n<li>🦀️ 修复 <code>Sortable</code> 中 <code>onMove</code>, <code>onEnd</code> 与 <code>onChange</code> 同时传入时的问题</li>\n<li>🦀️ 修复 <code>Form</code> 中的多行文本框无法换行的问题</li>\n<li>🦀️ 修复 <code>InfiniteScroller</code> 样式问题</li>\n<li>🦀️ 修复 <code>Select</code> 键盘事件无效的问题</li>\n<li>🦀️ 修复 <code>Grid</code> 边框样式问题</li>\n<li>🦀️ 修复 <code>Select</code> 死循环问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-1-0-2018-01-29">¶</a><a href="javascript:void(0)" id="4-1-0-2018-01-29" class="anchor-point"></a>4.1.0 (2018-01-29)</h3>\n<ul>\n<li>🎉 新增 <code>TimePicker</code> 和 <code>TimeRangePicker</code></li>\n<li>🎉 新增 <code>Placeholder</code> 组件</li>\n<li>🎉 新的文档网站样式</li>\n<li>\n<p><code>Card</code></p>\n<ul>\n<li>✨ 新增 <code>loading</code> 状态支持</li>\n<li>✨ 支持嵌套的卡片</li>\n<li>🦀️ 样式更新</li>\n</ul>\n</li>\n<li>✨ <code>DatePicker</code> 支持 <code>canClear</code> 参数配置是否可以清除选中的时间</li>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>✨ 支持外部传入分组</li>\n<li>🦀️ 修复可以选择超过 <code>maxAmount</code> 数量文件的问题</li>\n<li>🦀️ 修复自动弹出的问题</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Notify</code> 背景色</li>\n</ul>\n<h3 class="anchor-heading"><a href="#4-0-0-2018-01-23">¶</a><a href="javascript:void(0)" id="4-0-0-2018-01-23" class="anchor-point"></a>4.0.0 (2018-01-23)</h3>\n<ul>\n<li>💥 <code>DateRangePicker</code> 不再支持合并模式，<code>type</code> 参数废弃，升级请注意样式</li>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>✨ 支持分组功能</li>\n<li>✨ 国际化支持</li>\n</ul>\n</li>\n<li>✨ <code>Menu</code> 支持图标展示</li>\n<li>\n<p><code>DatePicker</code></p>\n<ul>\n<li>🦀️ 修复未选择时间直接确认没有考虑最小时间的问题</li>\n<li>🦀️ 修复最小时间的判断问题</li>\n</ul>\n</li>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>🦀️ 文档样式修复</li>\n<li>🦀️ <code>DesignEditor</code> 不再继承 <code>PureComponent</code></li>\n</ul>\n</li>\n<li>🦀️ <code>Slider</code> 样式修复</li>\n<li>🦀️ 修复文档网站锚点失效的问题</li>\n<li>🦀️ <code>Grid</code> 修复头部高度不同步的问题</li>\n<li>🦀️ 优化 <code>Notify</code> 的动画</li>\n<li>\n<p><code>Select</code></p>\n<ul>\n<li>🦀️ 修复在部分浏览器下的兼容性问题</li>\n<li>🦀️ 修复 <code>emptyText</code> 无效的问题</li>\n</ul>\n</li>\n<li>🦀️ <code>Sortable</code> 修复示例</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-12-3-2018-01-10">¶</a><a href="javascript:void(0)" id="3-12-3-2018-01-10" class="anchor-point"></a>3.12.3 (2018-01-10)</h3>\n<ul>\n<li>🦀️ 修复 <code>Slider</code> 组件背景色问题</li>\n<li>🦀️ <code>Upload</code> 添加 <code>image/bmp</code> 支持</li>\n<li>🦀️ 修复 <code>Design</code> demo 中按钮布局和样式</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-12-2-2018-01-09">¶</a><a href="javascript:void(0)" id="3-12-2-2018-01-09" class="anchor-point"></a>3.12.2 (2018-01-09)</h3>\n<ul>\n<li>✨ <code>Loading</code> 没有 <code>children</code> 时去掉蒙层的背景色</li>\n<li>✨ 重命名文件，保持项目内统一</li>\n<li>🦀️ 修复 <code>Grid</code> 头部样式</li>\n<li>🦀️ 修复大号 <code>Button</code> 字体大小</li>\n<li>🦀️ 修复 <code>MonthPicker</code> 没有判断年份的问题</li>\n<li>📚 增加了国际化的文档</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-12-1-2018-01-05">¶</a><a href="javascript:void(0)" id="3-12-1-2018-01-05" class="anchor-point"></a>3.12.1 (2018-01-05)</h3>\n<ul>\n<li>🦀️ 修复 <code>CombineDateRangePicker</code> 没有选完就关闭的问题</li>\n<li>🦀️ 修复 <code>Notify</code> 出场动画问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-12-0-2018-01-04">¶</a><a href="javascript:void(0)" id="3-12-0-2018-01-04" class="anchor-point"></a>3.12.0 (2018-01-04)</h3>\n<ul>\n<li>🎉 新增拖拽排序组件 <code>Sortable</code></li>\n<li>🎉 组件国际化支持</li>\n<li>✨ <code>Tag</code> 支持外部控制显示隐藏</li>\n<li>✨ <code>Input</code> 组件支持清除按钮</li>\n<li>✨ <code>Grid</code> 组件支持表头固定垂直滚动</li>\n<li>✨ <code>Notify</code> 支持多个实例排列显示，同时加上了进出场动画</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ <code>Field</code> 修改错误显示逻辑，支持 <code>displayError</code> 控制错误是否显示</li>\n<li>✨ <code>Field</code> 支持 <code>relatedFields</code> 指定检验时同时触发的其他字段</li>\n<li>✨ 重写 <code>FieldArray</code></li>\n</ul>\n</li>\n<li>✨ <code>Swiper</code> 支持动态增减图片</li>\n<li>✨ <code>Design</code> 支持 <code>settings</code> 以及 <code>onSettingsChange</code> 来设置动态全局配置</li>\n<li>✨ <code>Sweetalert</code> 支持配置关闭按钮以及点击蒙层是否关闭</li>\n<li>🦀️ 修复 <code>DateRangePicker</code> 禁用样式</li>\n<li>🦀️ 修复 <code>Loading</code> 布局中的问题</li>\n<li>🦀️ 修复 <code>DatePicker</code> <code>onChange</code> 值不对的问题</li>\n<li>🦀️ 修复 <code>NumberInput</code> <code>onBlur</code> 与 <code>onChange</code> 事件抛出的值不一致的问题</li>\n<li>🦀️ 修复 <code>Upload</code> 上传图片乱序的问题</li>\n<li>🦀️ 修复 <code>Select</code> tag 类型选中顺序不一致的问题</li>\n<li>🦀️ 修复 <code>ColorPicker</code> 颜色输入框无法删除的问题</li>\n<li>🦀️ 修复 <code>textarea</code> 高度抖动的问题</li>\n<li>🦀️ 修复了一些 typo</li>\n<li>🦀️ 修复 <code>yarn new-component</code> 命令</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-11-0-2017-12-20">¶</a><a href="javascript:void(0)" id="3-11-0-2017-12-20" class="anchor-point"></a>3.11.0 (2017-12-20)</h3>\n<ul>\n<li>🎉 新组件季度选择器 <code>QuarterPicker</code></li>\n<li>✨ <code>Select</code> 支持选中后清除</li>\n<li>✨ <code>Grid</code> 支持表头固定的纵向滚动方式</li>\n<li>✨ <code>DatePicker</code> 交互优化，没有时间的时候不需要按确认按钮</li>\n<li>✨ <code>Upload</code> 支持已选图片拖拽排序</li>\n<li>✨ <code>Input</code> 的 <code>textarea</code> 模式支持文字计数</li>\n<li>✨ <code>Input</code> 的 <code>textarea</code> 模式支持根据高度自动撑高</li>\n<li>✨ <code>BlockHeader</code> 修改弹层位置</li>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>✨ 新增图片广告示例组件</li>\n<li>✨ 新增富文本示例组件</li>\n<li>✨ 支持在 preview 底部显示额外的信息</li>\n</ul>\n</li>\n<li>✨ <code>Popover</code> 和 <code>Pop</code> 新增 <code>onPositionUpdated</code> 回调函数</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>✨ 修改 <code>required</code> 校验规则，<code>null</code> 也认为是错误</li>\n<li>✨ 支持禁止表单内部输入框回车提交表单的行为</li>\n<li>🦀️ 修复 <code>validationOnChange</code> 为 <code>false</code> 时部分情况下组件重新渲染的问题</li>\n<li>🦀️ 修复自动滚动到第一个错误处无法处理 Functional Component 的问题</li>\n</ul>\n</li>\n<li>\n<p><code>Swiper</code></p>\n<ul>\n<li>🦀️ 修复只有一个图片时的问题</li>\n<li>🦀️ 修复快速连续点击上一张/下一张的动画问题</li>\n</ul>\n</li>\n<li>🦀️ <code>Loading</code> 修复图标不居中的问题</li>\n<li>🦀️ 滚动函数支持运行在 <code>node.js</code> 环境</li>\n<li>🦀️ <code>Table</code> 修复使用 <code>batchcomponents</code> 时报错的问题</li>\n<li>📚 <code>InfiniteScroller</code> 修复文档错误</li>\n<li>📚 <code>Button</code> 修复示例</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-7-2017-12-07">¶</a><a href="javascript:void(0)" id="3-10-7-2017-12-07" class="anchor-point"></a>3.10.7 (2017-12-07)</h3>\n<ul>\n<li>✨ <code>Menu</code> 支持传入额外的自定义样式</li>\n<li>🦀️ <code>Upload</code> 修复单文件上传的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-6-2017-12-06">¶</a><a href="javascript:void(0)" id="3-10-6-2017-12-06" class="anchor-point"></a>3.10.6 (2017-12-06)</h3>\n<ul>\n<li>✨ <code>Form</code> 组件支持表单报错事滚动到第一个错误处</li>\n<li>🦀️ <code>Upload</code> 增加文件过滤支持</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-5-2017-12-05">¶</a><a href="javascript:void(0)" id="3-10-5-2017-12-05" class="anchor-point"></a>3.10.5 (2017-12-05)</h3>\n<ul>\n<li>🦀️ 回滚 <code>Design</code> 的预览宽度为 <code>320px</code></li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-4-2017-12-04">¶</a><a href="javascript:void(0)" id="3-10-4-2017-12-04" class="anchor-point"></a>3.10.4 (2017-12-04)</h3>\n<ul>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>✨ 预览区域宽度调整为 <code>375px</code></li>\n<li>🦀️ 样式优化</li>\n</ul>\n</li>\n<li>✨ <code>Pop</code> 和 <code>Popover</code> 组件导出了 <code>adjustPosition</code> 用于在极端情况下手动触发位置更新</li>\n<li>🦀️ 修复 <code>Button</code> 组件在某些全局环境下，样式错误的问题</li>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>🦀️ 样式优化</li>\n<li>🦀️ 处理了一些 ES6 的兼容问题</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-3-2017-11-29">¶</a><a href="javascript:void(0)" id="3-10-3-2017-11-29" class="anchor-point"></a>3.10.3 (2017-11-29)</h3>\n<ul>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>🦀️ 修复 <code>accept</code> 参数无效的问题</li>\n<li>🦀️ 修复语音上传问题</li>\n</ul>\n</li>\n<li>🦀️ <code>Pagination</code> 样式修复</li>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>✨ 修改添加组件按钮样式</li>\n<li>✨ 优化删除组件逻辑</li>\n<li>🦀️ 去掉添加/删除组件时的自动滚动</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-2-2017-11-28">¶</a><a href="javascript:void(0)" id="3-10-2-2017-11-28" class="anchor-point"></a>3.10.2 (2017-11-28)</h3>\n<ul>\n<li>🦀️ 修复 <code>Upload</code> 组件 <code>accept</code> 参数无效的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-1-2017-11-27">¶</a><a href="javascript:void(0)" id="3-10-1-2017-11-27" class="anchor-point"></a>3.10.1 (2017-11-27)</h3>\n<ul>\n<li>🎉 <code>NumberInput</code> 新增一种新样式，通过 <code>showCounter</code> 开启</li>\n<li>\n<p><code>Upload</code></p>\n<ul>\n<li>✨ 组件增强文件类型判断功能</li>\n<li>✨ 支持语音上传</li>\n<li>🦀️ 修复删除图片位置不对的问题</li>\n</ul>\n</li>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>🦀️ 修复了一些样式问题</li>\n<li>✨ 新增 <code>canInsert</code>, <code>canDelete</code> 用于细粒度控制添加/删除按钮</li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Form</code> 组件有异步校验导致无法提交的问题</li>\n<li>🦀️ 修复 <code>Pop</code> 的 TypeScript 类型定义</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-10-0-2017-11-24">¶</a><a href="javascript:void(0)" id="3-10-0-2017-11-24" class="anchor-point"></a>3.10.0 (2017-11-24)</h3>\n<ul>\n<li>🎉 新增年份选择组件 <code>YearPicker</code></li>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>✨ 新的添加组件交互</li>\n<li>✨ 不再依赖 <code>react-dnd</code></li>\n</ul>\n</li>\n<li>🦀️ 修复 <code>Cascader</code> 数据不能为空的问题</li>\n</ul>\n<p>如果你的 <code>Design</code> 组件依赖 <code>react-dnd</code> 你可能需要在 App 的顶层自己注入 <code>react-dnd</code> 的 context.</p>\n<pre><code class="language-jsx"><span class="token keyword module">import</span> <span class="token imports"><span class="token maybe-class-name">HTML5Backend</span></span> <span class="token keyword module">from</span> <span class="token string">\'react-dnd-html5-backend\'</span><span class="token punctuation">;</span>\n<span class="token keyword module">import</span> <span class="token imports"><span class="token punctuation">{</span> <span class="token maybe-class-name">DragDropContextProvider</span> <span class="token punctuation">}</span></span> <span class="token keyword module">from</span> <span class="token string">\'react-dnd\'</span><span class="token punctuation">;</span>\n\n<span class="token keyword module">export</span> <span class="token keyword module">default</span> <span class="token keyword">class</span> <span class="token class-name">YourApp</span> <span class="token punctuation">{</span>\n  <span class="token function">render</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>\n    <span class="token keyword control-flow">return</span> <span class="token punctuation">(</span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;</span><span class="token class-name">DragDropContextProvider</span></span> <span class="token attr-name">backend</span><span class="token script language-javascript"><span class="token script-punctuation punctuation">=</span><span class="token punctuation">{</span><span class="token maybe-class-name">HTML5Backend</span><span class="token punctuation">}</span></span><span class="token punctuation">></span></span>\n        <span class="token comment">/* ... */</span>\n      <span class="token tag"><span class="token tag"><span class="token punctuation">&#x3C;/</span><span class="token class-name">DragDropContextProvider</span></span><span class="token punctuation">></span></span>\n    <span class="token punctuation">)</span><span class="token punctuation">;</span>\n  <span class="token punctuation">}</span>\n<span class="token punctuation">}</span></code></pre>\n<h3 class="anchor-heading"><a href="#3-9-9-2017-11-22">¶</a><a href="javascript:void(0)" id="3-9-9-2017-11-22" class="anchor-point"></a>3.9.9 (2017-11-22)</h3>\n<ul>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>🦀️ 修复添加组件浮层字体颜色不对的问题</li>\n<li>🦀️ 暂时去掉了选中组件时滚动到屏幕内的行为</li>\n</ul>\n</li>\n<li>\n<p><code>Form</code></p>\n<ul>\n<li>🦀️ 修复 <code>FieldArray</code> 因删减导致的表单校验报错的问题</li>\n<li>🦀️ 修复 <code>FieldArray</code> 在嵌套使用时，部分域增删时数据不对问题</li>\n<li>🦀️ 修复文档中错误文字</li>\n<li>🦀️ 修复 <code>setFieldsValue</code> 和 <code>initialize</code> 方法无法设定表单域为 <code>0</code> 的问题</li>\n<li>🦀️ 修复 <code>validateOnChange</code> 和 <code>validateOnBlur</code> 同为 <code>false</code> 时，部分情况下仍然在非提交时报错</li>\n</ul>\n</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-8-2017-11-21">¶</a><a href="javascript:void(0)" id="3-9-8-2017-11-21" class="anchor-point"></a>3.9.8 (2017-11-21)</h3>\n<ul>\n<li>🦀️ 更新 <code>Design</code> 删除/添加组件的交互</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-7-2017-11-20">¶</a><a href="javascript:void(0)" id="3-9-7-2017-11-20" class="anchor-point"></a>3.9.7 (2017-11-20)</h3>\n<ul>\n<li>🦀️ 修复 <code>Design</code> 分组样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-6-2017-11-20">¶</a><a href="javascript:void(0)" id="3-9-6-2017-11-20" class="anchor-point"></a>3.9.6 (2017-11-20)</h3>\n<ul>\n<li>\n<p><code>Design</code></p>\n<ul>\n<li>✨ 当组件达到最大可添加数量时，支持展示一个提示给用户</li>\n<li>✨ 样式更新，最主要的是去掉了添加组件区域上面的箭头</li>\n</ul>\n</li>\n<li>\n<p><code>Input</code></p>\n<ul>\n<li>✨ 增加了一个 <code>select</code> 方法用于选中输入框的文字，同时也支持 <code>autoSelect</code> 来默认选中部分文字</li>\n<li>🦀️ 修复了 <code>diabled</code> 状态的样式问题</li>\n</ul>\n</li>\n<li>🦀️ 修复了 <code>Upload</code> 组件无法重复上传同一个组件的问题</li>\n<li>🦀️ 修复了 <code>Select</code> 中 <code>data</code> 参数为 <code>undefined</code> 或者 <code>null</code> 时报错的问题</li>\n<li>🦀️ 修复了 <code>MonthPicker</code> 的禁用逻辑</li>\n<li>🦀️ 修复了 <code>Table</code> 组件的 <code>emptyLabel</code> 类型</li>\n<li>🦀️ 修复了 <code>Button</code> 组件的 TypeScript 定义</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-5-2017-11-13">¶</a><a href="javascript:void(0)" id="3-9-5-2017-11-13" class="anchor-point"></a>3.9.5 (2017-11-13)</h3>\n<ul>\n<li>✨ 文档网站增加组件搜索功能</li>\n<li>🦀️ 修复了 <code>DatePicker</code> 时间联动禁用逻辑</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-4-2017-11-09">¶</a><a href="javascript:void(0)" id="3-9-4-2017-11-09" class="anchor-point"></a>3.9.4 (2017-11-09)</h3>\n<ul>\n<li>🦀️ 更新英文文档</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-3-2017-11-09">¶</a><a href="javascript:void(0)" id="3-9-3-2017-11-09" class="anchor-point"></a>3.9.3 (2017-11-09)</h3>\n<ul>\n<li>🎉 新版文档网站，加入了英文文档支持</li>\n<li>✨ <code>Progress</code> 组件支持自定义颜色</li>\n<li>✨ 表单组件（例如 <code>Input</code>, <code>Select</code> 等）支持通过传入 <code>width=xx</code> 来设置宽度</li>\n<li>✨ <code>Notify</code> 组件支持 <code>config</code> 函数来设置全局弹框消失延迟时间</li>\n<li>✨ <code>DatePicker</code> 支持 <code>max</code> 和 <code>min</code> 来禁用时间</li>\n<li>🦀️ 修复了 <code>Form</code> 组件提交表单时不触发没有校验过的异步校验的问题</li>\n<li>🦀️ 修复了 <code>Popover</code> 组件某些情况下调用 <code>getBoundingClientRect</code> 出错的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-2-2017-11-06">¶</a><a href="javascript:void(0)" id="3-9-2-2017-11-06" class="anchor-point"></a>3.9.2 (2017-11-06)</h3>\n<ul>\n<li>✨ <code>Design</code> 组件支持创建时自定义默认类型</li>\n<li>🦀️ 修复了 <code>Table</code> 某些情况下跨页多选失败的问题</li>\n<li>🦀️ 修复了一些 React 16 下的兼容问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-1-2017-11-02">¶</a><a href="javascript:void(0)" id="3-9-1-2017-11-02" class="anchor-point"></a>3.9.1 (2017-11-02)</h3>\n<ul>\n<li>🦀️ 修复了 <code>Design</code> 的一些样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-9-0-2017-10-31">¶</a><a href="javascript:void(0)" id="3-9-0-2017-10-31" class="anchor-point"></a>3.9.0 (2017-10-31)</h3>\n<ul>\n<li>✨ 增加了基础全局样式，类似 <code>normalize.css</code> 和 <code>reset.css</code></li>\n<li>\n<p><code>Grid</code>:</p>\n<ul>\n<li>🦀️ 修复了不能动态修改 <code>columns</code> 的问题</li>\n<li>🦀️ 修复当行高高于默认高度时，左侧固定列和右侧固定列高度不一致的问题</li>\n<li>🦀️ 修复滚动到最右侧时，最右侧固定列的阴影不消失的问题</li>\n</ul>\n</li>\n<li>🦀️ 修复了 <code>Design</code> 代码中的一个变量名错误，不影响代码功能</li>\n<li>🦀️ 修复了 <code>Form</code> 的 <code>ControlGroup</code> 不能处理 Functional Component 的问题</li>\n<li>📚 更新了文档网站细节样式</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-8-1-2017-10-26">¶</a><a href="javascript:void(0)" id="3-8-1-2017-10-26" class="anchor-point"></a>3.8.1 (2017-10-26)</h3>\n<ul>\n<li>🎉 新增组件库 Demo，可以在文档的<a href="demos">项目示例</a>页面查看</li>\n<li>🎉 新增新建组件样板的脚本 <code>yarn new-component</code></li>\n<li>✨ <code>Table</code> 支持整行选择，通过参数 <code>canRowSelect</code> 控制，默认关闭</li>\n<li>\n<p><code>Design</code>:</p>\n<ul>\n<li>🦀️ 修复了 <code>defaultSelectedIndex</code> 的应用逻辑</li>\n<li>🦀️ 修复了 Chrome 62 中的按钮样式问题</li>\n</ul>\n</li>\n<li>🦀️ 修复了 <code>Select</code> 组件在格式化数据时会修改 <code>data</code> 数组中对象的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#babel-plugin-zent-1-1-0-2017">¶</a><a href="javascript:void(0)" id="babel-plugin-zent-1-1-0-2017" class="anchor-point"></a>babel-plugin-zent@1.1.0 (2017-10-26)</h3>\n<ul>\n<li>✨ 新增 <code>useRawStyle</code> 参数，支持 import postcss 样式，需要配合 zent >= 3.8.1 使用</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-8-0-2017-10-20">¶</a><a href="javascript:void(0)" id="3-8-0-2017-10-20" class="anchor-point"></a>3.8.0 (2017-10-20)</h3>\n<ul>\n<li>🎉 新组件 <code>InfiniteScroller</code>，用来实现滚动自动加载</li>\n<li>\n<p><code>Form</code>:</p>\n<ul>\n<li>🎉 新增 <code>FormSection</code> 以及 <code>FieldArray</code> 支持</li>\n<li>🎉 新增 <code>setFieldsValue</code> 以及 <code>initialize</code> 方法</li>\n<li>🎉 更多内置表单元素组件: <code>FormColorPickerField</code>, <code>FormDateRangePickerField</code>, <code>FormNumberInputField</code>, <code>FormSwitchField</code></li>\n<li>🎉 <code>Field</code> 添加重要提示 <code>notice</code> 属性</li>\n<li>✨ 增加 <code>setFormDirty</code> 和 <code>isFieldDirty</code> 方法</li>\n</ul>\n</li>\n<li>✨ <code>Select</code> 做了一些代码逻辑优化</li>\n<li>✨ <code>Design</code> 添加组件的时候支持回调函数终止当前操作</li>\n<li>✨ <code>Popover</code> 的 <code>onBeforeClose</code> 以及 <code>onBeforeShow</code> 支持终止当前操作</li>\n<li>🦀️ <code>Slider</code> 组件现在高亮圆点的时候会同时高亮滑动条</li>\n<li>🦀️ 修复了 <code>DateRangePicker</code> 的 TypeScript 定义</li>\n<li>🦀 修复了 <code>SearchInput</code> 的一个样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-7-0-2017-09-28">¶</a><a href="javascript:void(0)" id="3-7-0-2017-09-28" class="anchor-point"></a>3.7.0 (2017-09-28)</h3>\n<ul>\n<li>🎉 新组件 <code>Grid</code>，功能和 <code>Table</code> 组件类似，但是底层是用 <code>&#x3C;table></code> 实现的，现在 <code>Grid</code> 有些 <code>Table</code> 的功能还没有实现</li>\n<li>🎉 Zent 支持自定义主题，文档网站同步添加了<a href="colors">色彩</a>和<a href="theme">主题定制</a>的章节</li>\n<li>\n<p><code>Steps</code>:</p>\n<ul>\n<li>✨ 新增了 <code>onStepChange</code> 和 <code>sequence</code> 参数</li>\n<li>✨ 更新了 <code>number</code> 类型的样式</li>\n</ul>\n</li>\n<li>🦀️ 修复了 React 16 下面的一些警告</li>\n<li>🦀️ 修复了 <code>Slider</code> 文档页面上的警告</li>\n<li>🦀️ 更新了 <code>DateRangeQuickPicker</code> 的样式</li>\n<li>🦀️ 修复了 <code>Select</code> 在选项数组置空后选中项不会重置的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-6-1-2017-09-21">¶</a><a href="javascript:void(0)" id="3-6-1-2017-09-21" class="anchor-point"></a>3.6.1 (2017-09-21)</h3>\n<ul>\n<li>🦀️ 修复了 <code>Design</code> 的样式问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-6-0-2017-09-21">¶</a><a href="javascript:void(0)" id="3-6-0-2017-09-21" class="anchor-point"></a>3.6.0 (2017-09-21)</h3>\n<ul>\n<li>\n<p><code>Design</code>:</p>\n<ul>\n<li>✨ 支持添加区域组件的分组展示</li>\n<li>✨ 支持限制每个组件可添加的次数</li>\n</ul>\n</li>\n<li>✨ <code>DatePicker</code> 添加了 <code>onBeforeConfirm</code> 以及 <code>onBeforeClear</code> 的钩子</li>\n<li>️🦀️ 修复了 <code>Table</code> 全选复选框在整页都不可选时没有禁用的问题</li>\n<li>🦀️ 修复了某些情况下 <code>Popover</code> 在屏幕滚动后弹出层位置错误的问题</li>\n<li>🦀️ 修复了 <code>MonthPicker</code> 禁用的日期依然可以选择的问题</li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-5-4-2017-09-15">¶</a><a href="javascript:void(0)" id="3-5-4-2017-09-15" class="anchor-point"></a>3.5.4 (2017-09-15)</h3>\n<ul>\n<li>\n<p><code>Swiper</code>：</p>\n<ul>\n<li>🦀️ 修复了只有一张图片时的显示问题</li>\n<li>📚 增加了实例 API 文档，用于外部控制切换</li>\n</ul>\n</li>\n<li>🦀️ 修复了 <code>Table</code> 跨页多选在全选按钮上无效的问题</li>\n<li>🦀️ 回滚了 <code>Select</code> 组件的宽度样式</li>\n<li>🦀️ 修复了 <code>Design</code> 组件没有正确删除 <code>beforeunload</code> 事件回调函数的问题</li>\n<li>🦀️ 更新了 <code>Tabs</code> 组件的 Typescript 定义</li>\n<li>📚 更新了文档网站，添加了<a href="contribute">组件开发的详细文档</a></li>\n</ul>\n<h3 class="anchor-heading"><a href="#3-5-3-2017-09-13">¶</a><a href="javascript:void(0)" id="3-5-3-2017-09-13" class="anchor-point"></a>3.5.3 (2017-09-13)</h3>\n<ul>\n<li>🦀️ 修复了同时打开多个 <code>Dialog</code> 时遮罩 <code>z-index</code> 不正确的问题</li>\n<li>🦀️ 修复了 <code>DateRangeQuickPicker</code> 最近 7 天的语义，包含今天</li>\n<li>🦀️ 修复了 <code>Tabs</code> 组件中 <code>activeId</code> 为 0 时无法选中的问题</li>\n<li>🦀️ 修复了 <code>Form</code> 组件 <code>validateOnChange</code> 和 <code>validateOnBlur</code> 同时设为 <code>false</code> 时，表单提交时不显示校验错误的问题</li>\n<li>\n<p><code>Table</code>:</p>\n<ul>\n<li>🦀️ 修复了 <code>clearfix</code> 样式不存在的问题</li>\n<li>🦀️ 修复了 <code>totalItem</code> 没有正确读取的问题</li>\n<li>📚 修改了 <code>title</code> 类型的描述</li>\n</ul>\n</li>\n<li>🦀️ 修复了 <code>Select</code> 组件高度不正确的问题</li>\n</ul>'}))}}}}]);