tdesign-vue-next 0.6.1 → 0.6.4

package/CHANGELOG.md

@@ -5,56 +5,92 @@ toc: false
 docClass: timeline
 ---
 
-## 0.6.1 `2022-01-06`
+## 0.6.4 `2022-01-16`
+
 
 ### Bug Fixes
 
-* DatePicker: 修复 `date-picker` 样式问题和选择面板无法点击的问题 ([06994ab](https://github.com/Tencent/tdesign-vue-next/commit/06994ab48b213f55606ed51bc87265f421011166)), closes [#30](https://github.com/Tencent/tdesign-vue-next/issues/30)
-* Drawer: 
-  修复当抽屉打开时，`body` 有滚动条时可以滚动([8b94878](https://github.com/Tencent/tdesign-vue-next/commit/8b9487825d338a78f9e027d7e5fa64b1a7f1bf7b))
-  修复上方抽屉无动画效果，并且显示卡顿([52a4f37](https://github.com/Tencent/tdesign-vue-next/commit/8b9487825d338a78f9e027d7e5fa64b1a7f1bf7b))[#79](https://github.com/Tencent/tdesign-vue-next/issues/79)
-* Dropdown: 修复使用 `slot` 时点击无法关闭 ([e6f7cd1](https://github.com/Tencent/tdesign-common/pull/60/commits/52a4f37af5beb21d0bfe5e7291e6a03db1863b2f))
-* Input:
-  * 修复点击清除 `icon` 后无法 `focus`([2c34e05](https://github.com/Tencent/tdesign-vue-next/commit/2c34e05cf183985ffd734e8bf14d77cbd07a041e))
-  * 修复 `size` 属性无效 ([db155b3](https://github.com/Tencent/tdesign-vue-next/commit/db155b30fb009374308b2376d4a7dd7bf64338e8)) [#112](https://github.com/Tencent/tdesign-vue-next/issues/112)
-* Breadcrumb: 修复点击后触发两次的问题 ([abe1c1b](https://github.com/Tencent/tdesign-vue-next/commit/abe1c1bf4e1c1f549029e2c5c1dc3f57aa41b15d))
-* Calendar: 修复月份与年份组件参数对象使用错误 ([a3284d5](https://github.com/Tencent/tdesign-vue-next/commit/a3284d5efd1c619ac90799d301071415d7628955)), closes [#69](https://github.com/Tencent/tdesign-vue-next/issues/69)
-* Pagination: 使用`InputNumber` 组件替代 `input`，并内置跳转页码控制 ([86a2d09](https://github.com/Tencent/tdesign-vue-next/commit/86a2d09d0649b655b8ce9b8611f84bfc60a64b4a))
-* Transfer: fix tree-select clear without stopPropagation and transfer tree render ([3324aae](https://github.com/Tencent/tdesign-vue-next/commit/3324aaeb232eb31a7c41b1bf6adb4feb93c51442)), closes [#34](https://github.com/Tencent/tdesign-vue-next/issues/34)
+* Cascader: 修复 `input` 宽度处理和过滤状态下的输入框样式 ([3f054b7](https://github.com/Tencent/tdesign-vue-next/commit/3f054b7ade7cf062f2f39a0d31b6457abb66ebd2))
+* Dropdown: 修复 `popupProps` 的 `overlayClass` 属性透传 ([98e83ce](https://github.com/Tencent/tdesign-vue-next/commit/98e83ce2323ab8cf578fff41f1b645bae785dea4))
+* Swiper: 修复循环渲染无效 ([a1dc97d](https://github.com/Tencent/tdesign-vue-next/commit/a1dc97d8bdf5420552549a5ecde8f30941290062)), ([#169](https://github.com/Tencent/tdesign-vue-next/issues/169))
+* Tabs: 修复 `change` 事件触发两次 ([1a6cbb2](https://github.com/Tencent/tdesign-vue-next/commit/1a6cbb20f94fda106fdd05c88f0436cb6420392d))
+* Menu: 修复 菜单时间触发两次 ([f8b234c](https://github.com/Tencent/tdesign-vue-next/pull/206/commits/f8b234c441d0741fce0b5b1bcac6e14b597235ff))
+* Icon: 修复修改 `name` 无法重新渲染 ([7708a56](https://github.com/Tencent/tdesign-vue-next/pull/178/commits/7708a560ed8dd9e934588188c95d9dfb2bedef2a)), ([#41](https://github.com/Tencent/tdesign-vue-next/issues/41)), ([#130](https://github.com/Tencent/tdesign-vue-next/issues/130))
+* Dialog: 修复 `closeOnEscKeydown` 事件 ([72f5bcb](https://github.com/Tencent/tdesign-vue-next/pull/207/commits/72f5bcbe2173186f61481218b9e009c777e3448c)), ([@vnues](https://github.com/vnues))
+* Drawer: 修复 `closeOnEscKeydown` 事件 ([433de96](https://github.com/Tencent/tdesign-vue-next/pull/207/commits/433de96d5ec7e72efe882375b81a1f9ca8a6b520)), ([@vnues](https://github.com/vnues))
+* Datepicker: 修复周起始为月最后一天时，周显示错误的问题，([pr 117](https://github.com/Tencent/tdesign-vue-next/pull/196))，([@xiaosansiji](https://github.com/xiaosansiji))
+* Select: 修复禁用状态下下拉 icon 展示问题，([pr 113](https://github.com/Tencent/tdesign-common/pull/113))，([@pengYYYYY](https://github.com/pengYYYYY))
+* Tab: ([@vnues](https://github.com/vnues)), ([#116](https://github.com/Tencent/tdesign-vue-next/issues/116)), ([#115](https://github.com/Tencent/tdesign-vue-next/issues/115))
+  * 修复关闭全部选项卡时，无选项卡 ([e3608b3](https://github.com/Tencent/tdesign-vue-next/pull/148/commits/e3608b39d05c1e105a5b3eb48ffb8b13921d2d09))
+  * 修复可滑动的选项卡中 点击左右切换会需要先点击选项卡才能点击切换 ([a8bd20a](https://github.com/Tencent/tdesign-vue-next/pull/148/commits/a8bd20a59c9b5b7f56ecfc5eb3b18b2298b738af))
+* Calendar: ([fde826e](https://github.com/Tencent/tdesign-vue-next/pull/163/commits/fde826ed62e17fd3e275824c8fa3c10a7e75afff)), ([@PsTiu](https://github.com/PsTiu))
+  * 修复单元格三个点击事件无效
+  * 修复controllerChange返回值不正确
+  * 修复点击了“隐藏周末”后切换为年模式会展示不出单元格
+* Table:
+  * 修复过滤功能不显示空数据元素 ([e52c4d8](https://github.com/Tencent/tdesign-vue-next/commit/e52c4d842107cd9a0d05f3c5e260f4879a6b042e))
+  * 修复行拖不生效与拖拽动画 ([8673e87](https://github.com/Tencent/tdesign-vue-next/commit/8673e875f3b83971097401b2bfead11a4f5bb668))
+  * 修复固定表头与内容没有对齐 ([0a161e8](https://github.com/Tencent/tdesign-vue-next/commit/0a161e8e27cec2024ecdbff4bd03d78664735c8f))
+  * 修复异步拉取数据 `maxHeight` 不生效 ([367c0dc](https://github.com/Tencent/tdesign-vue-next/commit/367c0dcdd4f54fc7a86c4b4f59104569e9372002))
+  * 修复固定表头没有对齐 ([bbea4de](https://github.com/Tencent/tdesign-vue-next/commit/bbea4de85000651d29035ffb8cc3ca8db841b0d7))
+  * 修复过滤功能不显示空数据元素 ([9047bef](https://github.com/Tencent/tdesign-vue-next/commit/9047bef197ea90c20a4d2b632123e2f081b4075a))
+
+### Features
+
+* Calendar: 增加 `monthChange` 事件 ([fde826e](https://github.com/Tencent/tdesign-vue-next/commit/fde826ed62e17fd3e275824c8fa3c10a7e75afff)), ([@PsTiu](https://github.com/PsTiu))
+* Avatar: 使用 `compositionApi` 重构组件逻辑 ([1547cb9](https://github.com/Tencent/tdesign-vue-next/pull/160/commits/1547cb90b6103841280f7ead98f0ae69763c9eb6)), ([@vnues](https://github.com/vnues))
+* Alert: ([@simpleAndElegant](https://github.com/simpleAndElegant))
+  * 增加展开动画 ([76ee15f](https://github.com/Tencent/tdesign-vue-next/pull/159/commits/76ee15f338dfce59e3ad31fab2b332c256c5484d))
+  * 使用 `compositionApi` 重构组件逻辑 ([4aec957](https://github.com/Tencent/tdesign-vue-next/pull/159/commits/76ee15f338dfce59e3ad31fab2b332c256c5484d))
+
+## 0.6.3 `2022-01-06`
+
+### Bug Fixes
+
+* Menu:
+  * 修复 `menu-item` 在不使用 `icon` 插槽的时候, 在左侧收回的时候多了一个数字 ([f801349](https://github.com/Tencent/tdesign-vue-next/commit/f80134917b20ce6400b013743628299c40db2f65)),  ([#124](https://github.com/Tencent/tdesign-vue-next/issues/124)), ([@LeeJim](https://github.com/LeeJim))
+  * 修复三级菜单无缩进效果([f6e6142](https://github.com/Tencent/tdesign-vue-next/commit/f6e6142ccf6eea353926c5743138cd7992aa5fff)), ([#118](https://github.com/Tencent/tdesign-vue-next/issues/118)), ([@simpleAndElegant](https://github.com/simpleAndElegant))
+  * 修复禁用菜单未禁用点击 ([45db957](https://github.com/Tencent/tdesign-vue-next/commit/45db9574dc76590a1ce27e3aafdd3a040a844a7f)), ([#119](https://github.com/Tencent/tdesign-vue-next/issues/119)), ([@simpleAndElegant](https://github.com/simpleAndElegant))
+  * 修复双层导航显示错误 ([99749ed](https://github.com/Tencent/tdesign-vue-next/commit/99749ed4b0eaa57ccfef05a9fa920f36ba313f03)), ([#75](https://github.com/Tencent/tdesign-vue-next/issues/75))
+  * 修复 `change` 事件两次触发 ([0b65c7a](https://github.com/Tencent/tdesign-vue-next/commit/0b65c7a1852a3e03084a86226d82c7f8d5a70925))
 * Popup:
-  * 修复 `mousedown` 事件 ([a1d3303](https://github.com/Tencent/tdesign-vue-next/commit/a1d330327b27288c362bfb5d6cb4953c764426a6))
+  * 修复 `mousedown` 事件无效 ([a1d3303](https://github.com/Tencent/tdesign-vue-next/commit/a1d330327b27288c362bfb5d6cb4953c764426a6))
   * 修复 `destory on close` 事件无效 ([fde46e7](https://github.com/Tencent/tdesign-vue-next/commit/fde46e73c7c439101663c2c5591ed08ab9aca854))
-* Select: 修复点击清空后的触发下拉菜单展开的问题 ([7340f8d](https://github.com/Tencent/tdesign-vue-next/commit/7340f8df87ef20ce44a34ee9c9e102192abd4262)) 
-* Steps: 修复 `slot` 无法渲染的问题 ([e841050](https://github.com/Tencent/tdesign-vue-next/commit/e84105013267ea4292c6b42c74d287f062294bfd))
-* Menu:
-  * 修复三级菜单无缩进效果([f6e6142](https://github.com/Tencent/tdesign-vue-next/commit/f6e6142ccf6eea353926c5743138cd7992aa5fff)[#118](https://github.com/Tencent/tdesign-vue-next/issues/118)
-  * 修复禁用菜单还可以点击的问题 ([45db957](https://github.com/Tencent/tdesign-vue-next/commit/45db9574dc76590a1ce27e3aafdd3a040a844a7f)) [#119](https://github.com/Tencent/tdesign-vue-next/issues/119)
-  * 修复 `menu-item` 在不使用 `icon` 插槽的时候, 在左侧收回的时候多了一个数字 ([f801349](https://github.com/Tencent/tdesign-vue-next/commit/f80134917b20ce6400b013743628299c40db2f65))[#124](https://github.com/Tencent/tdesign-vue-next/issues/124)
-  * 修复双层导航显示错误 ([99749ed](https://github.com/Tencent/tdesign-vue-next/commit/99749ed4b0eaa57ccfef05a9fa920f36ba313f03)), closes [#75](https://github.com/Tencent/tdesign-vue-next/issues/75)
-  * 修复 `change` 事件两次触发的问题([0b65c7a](https://github.com/Tencent/tdesign-vue-next/commit/0b65c7a1852a3e03084a86226d82c7f8d5a70925))
-* Table: 修复 `mouseenter` 和 `mouseleave` 事件无效问题 ([52b6ac0](https://github.com/Tencent/tdesign-vue-next/commit/52b6ac0a67bb8dab59edf4da5a689679ab5d9c92))
-* Table: 修复合并表格下的列宽度无效问题 ([02898ac](https://github.com/Tencent/tdesign-vue-next/commit/02898ac8deb67ee054e3aa7cc80ca733efb5019a))
-* Tabs: 修复循环创建下的结点渲染错误([07d79b6](https://github.com/Tencent/tdesign-vue-next/commit/07d79b6db603e16f63870cae15b2721b7d3ffc29))
-* Textarea: 修复私有类名传入无效问题([e9ad3c4](https://github.com/Tencent/tdesign-vue-next/commit/e9ad3c4003c830e8589ac41e5af3b42f4f71e305))
-* TreeSelect: fix tree-select clear without stopPropagation and transfer tree render ([3324aae](https://github.com/Tencent/tdesign-vue-next/commit/3324aaeb232eb31a7c41b1bf6adb4feb93c51442)), closes[#35](https://github.com/Tencent/tdesign-vue-next/issues/35)
-  * 修复在空状态下的加载无效问题 ([797f8a7](https://github.com/Tencent/tdesign-vue-next/commit/797f8a7076f3bb209a41ab8c1fbbdc8ed8023b8b))
-  * 修复 `collapsedItem` 渲染异常 ([7539d67](https://github.com/Tencent/tdesign-vue-next/commit/7539d675ee2075d878693367a97945c2fe5d5ea7)),closes [#36](https://github.com/Tencent/tdesign-vue-next/issues/36)
-* Tree:
-  * 修复 `expand` 无效问题 ([ed526af](https://github.com/Tencent/tdesign-vue-next/commit/ed526af41f47c51b9f205f9d7319f97094808aba))
-* Update:
-  * 修复出现两个删除按钮 ([4296ebd](https://github.com/Tencent/tdesign-vue-next/commit/4296ebd908b6a615c8d9307d849c471906a205f9)),[#120](https://github.com/Tencent/tdesign-vue-next/issues/120)
+* Input:
+  * 修复 `size` 属性无效 ([db155b3](https://github.com/Tencent/tdesign-vue-next/commit/db155b30fb009374308b2376d4a7dd7bf64338e8)), ([#112](https://github.com/Tencent/tdesign-vue-next/issues/112))
+  * 修复点击清除 `icon` 后无法 `focus` ([2c34e05](https://github.com/Tencent/tdesign-vue-next/commit/2c34e05cf183985ffd734e8bf14d77cbd07a041e))
+* Drawer:
+  * 修复当抽屉打开时，`body` 有滚动条时可以滚动 ([8b94878](https://github.com/Tencent/tdesign-vue-next/commit/8b9487825d338a78f9e027d7e5fa64b1a7f1bf7b)), ([@caoML](https://github.com/caoML))
+  * 修复上方抽屉无动画效果，并且显示卡顿 ([52a4f37](https://github.com/Tencent/tdesign-vue-next/commit/8b9487825d338a78f9e027d7e5fa64b1a7f1bf7b)), ([#79](https://github.com/Tencent/tdesign-vue-next/issues/79))
+* Table:
+  * 修复 `mouseenter` 和 `mouseleave` 事件无效 ([52b6ac0](https://github.com/Tencent/tdesign-vue-next/commit/52b6ac0a67bb8dab59edf4da5a689679ab5d9c92))
+  * 修复合并表格下的列宽度无效与错乱 ([02898ac](https://github.com/Tencent/tdesign-vue-next/commit/02898ac8deb67ee054e3aa7cc80ca733efb5019a))
+* Textarea:
+  * 修复私有类名传入无效 ([e9ad3c4](https://github.com/Tencent/tdesign-vue-next/commit/e9ad3c4003c830e8589ac41e5af3b42f4f71e305))
+  * 修复在空状态下的加载无效 ([797f8a7](https://github.com/Tencent/tdesign-vue-next/commit/797f8a7076f3bb209a41ab8c1fbbdc8ed8023b8b))
+* Dropdown: 修复使用 `slot` 时点击无法关闭 ([e6f7cd1](https://github.com/Tencent/tdesign-common/pull/60/commits/52a4f37af5beb21d0bfe5e7291e6a03db1863b2f))
+* DatePicker: 修复 `date-picker` 样式问题和选择面板无法点击 ([06994ab](https://github.com/Tencent/tdesign-vue-next/commit/06994ab48b213f55606ed51bc87265f421011166)), ([#30](https://github.com/Tencent/tdesign-vue-next/issues/30))
+* TreeSelect: 修复 `collapsedItem` 渲染异常 ([7539d67](https://github.com/Tencent/tdesign-vue-next/commit/7539d675ee2075d878693367a97945c2fe5d5ea7)), ([#36](https://github.com/Tencent/tdesign-vue-next/issues/36))
+* Breadcrumb: 修复点击后触发两次 ([abe1c1b](https://github.com/Tencent/tdesign-vue-next/commit/abe1c1bf4e1c1f549029e2c5c1dc3f57aa41b15d))
+* Calendar: 修复月份与年份组件参数对象使用错误 ([a3284d5](https://github.com/Tencent/tdesign-vue-next/commit/a3284d5efd1c619ac90799d301071415d7628955)), ([#69](https://github.com/Tencent/tdesign-vue-next/issues/69)), ([@Dreamcreative](https://github.com/Dreamcreative))
+* Pagination: 使用`InputNumber` 组件替代 `input`，并内置跳转页码控制 ([86a2d09](https://github.com/Tencent/tdesign-vue-next/commit/86a2d09d0649b655b8ce9b8611f84bfc60a64b4a))
+* Select: 修复点击清空后的触发下拉菜单展开 ([7340f8d](https://github.com/Tencent/tdesign-vue-next/commit/7340f8df87ef20ce44a34ee9c9e102192abd4262)) 
+* Steps: 修复 `slot` 无法渲染 ([e841050](https://github.com/Tencent/tdesign-vue-next/commit/e84105013267ea4292c6b42c74d287f062294bfd)), ([@vnues](https://github.com/vnues))
+* Tabs: 修复循环创建下的结点渲染错误 ([07d79b6](https://github.com/Tencent/tdesign-vue-next/commit/07d79b6db603e16f63870cae15b2721b7d3ffc29))
+* Upload: 修复上传文件后出现两个删除按钮 ([4296ebd](https://github.com/Tencent/tdesign-vue-next/commit/4296ebd908b6a615c8d9307d849c471906a205f9)), ([#120](https://github.com/Tencent/tdesign-vue-next/issues/120))
 
 ### Features
 
 * Cascader:
   * 增加 `value-type` ([f7aaba2](https://github.com/Tencent/tdesign-vue-next/commit/f7aaba26804610fb9c9daec69e7b58003bf311b6))
   * 选择器宽度调整为继承外部宽度 ([41d4434](https://github.com/Tencent/tdesign-vue-next/commit/41d4434ef9cc1a75453b2fc477c11f363b2d55f2))
-* Input: 
-  * 增加左侧、右侧文本 ([db155b3](https://github.com/Tencent/tdesign-vue-next/commit/db155b30fb009374308b2376d4a7dd7bf64338e8))
+* Input:
+  * 增加左侧、右侧文本 ([db155b3](https://github.com/Tencent/tdesign-vue-next/commit/db155b30fb009374308b2376d4a7dd7bf64338e8)), ([@mokywu](https://github.com/mokywu))
   * 增加 `placeholder` 全局配置  ([d727836](https://github.com/Tencent/tdesign-vue-next/commit/d72783641f4724cd16823ff5afe6de8f27933a9a))
 * Steps: 增加 `readonly` 配置 ([d1ba7aa](https://github.com/Tencent/tdesign-vue-next/commit/d1ba7aa0aeb26fb69f57a1e2d41535249a3cad8b))
 * Radio: 支持 `allowUnCheck` ([fa3acbf](https://github.com/Tencent/tdesign-vue-next/commit/fa3acbf199d818fe95d9b4493e641da47ebe2de5))
-* Slider: fix the slider component popup display ([076afde](https://github.com/Tencent/tdesign-vue-next/commit/076afded5e81ab6c09600dc2e0eb97ee05a68860))[#117](https://github.com/Tencent/tdesign-vue-next/issues/117)
+* Slider: 优化 `popup` 显示行为 ([076afde](https://github.com/Tencent/tdesign-vue-next/commit/076afded5e81ab6c09600dc2e0eb97ee05a68860)), ([#117](https://github.com/Tencent/tdesign-vue-next/issues/117)), ([@vnues](https://github.com/vnues))
+
 ## 0.6.0 `2021-12-22`
 
 ### BREAKING CHANGES

package/README.md

@@ -47,7 +47,7 @@ const app = createApp(App);
 app.use(Button);
 ```
 
-npm package 中提供了多种构建产物，可以阅读 [这里](https://github.com/Tencent/tdesign-common/blob/develop/develop-install.md) 了解不同目录下产物的差别。
+npm package 中提供了多种构建产物，可以阅读 [这里](https://github.com/Tencent/tdesign/blob/main/docs/develop-install.md) 了解不同目录下产物的差别。
 
 ### 快速体验
 
@@ -56,8 +56,8 @@ npm package 中提供了多种构建产物，可以阅读 [这里](https://githu
 ### 浏览器兼容性
 
 | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br> IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
-| --- | --- | --- | --- |
-| Edge >=79 | Firefox >=83 | Chrome >=69 | Safari >=12 |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Edge >=79                                                                                                                                                                                                        | Firefox >=83                                                                                                                                                                                                      | Chrome >=69                                                                                                                                                                                                   | Safari >=12                                                                                                                                                                                                   |
 
 详情参见[桌面端组件库浏览器兼容性说明](https://github.com/Tencent/tdesign/wiki/%E6%A1%8C%E9%9D%A2%E7%AB%AF%E7%BB%84%E4%BB%B6%E5%BA%93%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7%E8%AF%B4%E6%98%8E)
 

package/dist/tdesign.css

@@ -52,6 +52,26 @@
             transform: rotate(360deg);
   }
 }
+@-webkit-keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
 .t-loading {
   position: relative;
   color: var(--td-brand-color);
@@ -976,11 +996,11 @@
   font-size: 16px;
 }
 .t-button--shape-circle.t-size-s {
-  width: 32px;
+  width: 24px;
   border-radius: 12px;
 }
 .t-button--shape-circle.t-size-l {
-  width: 32px;
+  width: 40px;
   border-radius: 20px;
 }
 .t-button--ghost {
@@ -3236,74 +3256,74 @@
 .t-fake-arrow--active path {
   d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
 }
-.arrow-placment-top .t-popup[data-popper-placement^="top"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement^="top"] .t-popup__arrow {
   bottom: calc(-8px / 2);
 }
-.arrow-placment-top .t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
+.arrow-placement-top .t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
   border-top-left-radius: 100%;
   -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
           box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
 }
-.arrow-placment-top .t-popup[data-popper-placement="top-start"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement="top-start"] .t-popup__arrow {
   left: 8px;
 }
-.arrow-placment-top .t-popup[data-popper-placement="top"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement="top"] .t-popup__arrow {
   left: 50%;
   margin-left: calc(-8px / 2);
 }
-.arrow-placment-top .t-popup[data-popper-placement="top-end"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement="top-end"] .t-popup__arrow {
   left: calc(100% - 8px * 2);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
   top: calc(-8px / 2);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
+.arrow-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
   border-bottom-right-radius: 100%;
   -webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
           box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
   left: 8px;
 }
-.arrow-placment-bottom .t-popup[data-popper-placement="bottom"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement="bottom"] .t-popup__arrow {
   left: 50%;
   margin-left: calc(-8px / 2);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
   left: calc(100% - 8px * 2);
 }
-.arrow-placment-left .t-popup[data-popper-placement^="left"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement^="left"] .t-popup__arrow {
   right: calc(-8px / 2);
 }
-.arrow-placment-left .t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
+.arrow-placement-left .t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
   -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
           box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
 }
-.arrow-placment-left .t-popup[data-popper-placement="left-start"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement="left-start"] .t-popup__arrow {
   top: 8px;
 }
-.arrow-placment-left .t-popup[data-popper-placement="left"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement="left"] .t-popup__arrow {
   top: 50%;
   margin-top: calc(-8px / 2);
 }
-.arrow-placment-left .t-popup[data-popper-placement="left-end"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement="left-end"] .t-popup__arrow {
   top: calc(100% - 8px * 2);
 }
-.arrow-placment-right .t-popup[data-popper-placement^="right"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement^="right"] .t-popup__arrow {
   left: calc(-8px / 2);
 }
-.arrow-placment-right .t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
+.arrow-placement-right .t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
   -webkit-box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
           box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
 }
-.arrow-placment-right .t-popup[data-popper-placement="right-start"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement="right-start"] .t-popup__arrow {
   top: 8px;
 }
-.arrow-placment-right .t-popup[data-popper-placement="right"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement="right"] .t-popup__arrow {
   top: 50%;
   margin-top: calc(-8px / 2);
 }
-.arrow-placment-right .t-popup[data-popper-placement="right-end"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement="right-end"] .t-popup__arrow {
   top: calc(100% - 8px * 2);
 }
 .t-popup {
@@ -3444,12 +3464,12 @@
           transform: none;
 }
 .t-popup--animation-enter-active {
-  -webkit-transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-popup--animation-leave-active {
-  -webkit-transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 
 .narrow-scrollbar::-webkit-scrollbar {
@@ -5069,6 +5089,26 @@ a.t-menu__item:active {
             transform: rotate(360deg);
   }
 }
+@-webkit-keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
+@keyframes t-zoom-out {
+  from {
+    -webkit-transform: scale(0.2);
+            transform: scale(0.2);
+  }
+  to {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+  }
+}
 .t-input-number {
   display: inline-block;
   position: relative;
@@ -5555,18 +5595,18 @@ a.t-menu__item:active {
 .t-input.t-size-s.t-input__inner {
   height: 24px;
 }
-.t-input .t-input__prefix .t-icon,
-.t-input .t-input__suffix .t-icon {
+.t-input .t-input__prefix > .t-icon,
+.t-input .t-input__suffix > .t-icon {
   font-size: inherit;
 }
-.t-input .t-input__prefix .t-icon {
+.t-input .t-input__prefix > .t-icon {
   color: var(--td-text-color-placeholder);
 }
-.t-input .t-input__suffix .t-icon {
+.t-input .t-input__suffix > .t-icon {
   color: var(--td-text-color-placeholder);
 }
-.t-input.t-is-focused .t-input__prefix .t-icon,
-.t-input.t-is-focused .t-input__suffix:not(.t-input__clear) .t-icon {
+.t-input.t-is-focused .t-input__prefix > .t-icon,
+.t-input.t-is-focused .t-input__suffix:not(.t-input__clear) > .t-icon {
   color: var(--td-brand-color);
 }
 .t-input-group {
@@ -5691,6 +5731,24 @@ a.t-menu__item:active {
 .t-addon--prepend.t-addon--append > .t-input .t-input__inner {
   border-radius: 0;
 }
+.t-input__wrap {
+  width: 100%;
+}
+.t-input__tips {
+  line-height: 24px;
+}
+.t-input__tips--normal {
+  color: var(--td-text-color-secondary);
+}
+.t-input__tips--success {
+  color: var(--td-success-color);
+}
+.t-input__tips--warning {
+  color: var(--td-warning-color);
+}
+.t-input__tips--error {
+  color: var(--td-error-color);
+}
 
 .narrow-scrollbar::-webkit-scrollbar {
   width: 8px;
@@ -6106,13 +6164,13 @@ a .t-tag:active {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.t-select:hover,
-.t-select :active {
+.t-select:hover:not(.t-is-disabled),
+.t-select :active:not(.t-is-disabled) {
   cursor: pointer;
   border-color: var(--td-brand-color);
 }
-.t-select:hover > .t-select__right-icon:not(.t-select__right-icon-clear),
-.t-select :active > .t-select__right-icon:not(.t-select__right-icon-clear) {
+.t-select:hover:not(.t-is-disabled) > .t-select__right-icon:not(.t-select__right-icon-clear),
+.t-select :active:not(.t-is-disabled) > .t-select__right-icon:not(.t-select__right-icon-clear) {
   color: var(--td-brand-color);
   opacity: 1;
 }
@@ -6552,8 +6610,6 @@ ul.t-select-option-group__header,
   border-radius: 3px;
   cursor: pointer;
   background-color: var(--td-bg-color-container);
-  -webkit-transition: border 0.2s linear, background-color 0.2s linear;
-  transition: border 0.2s linear, background-color 0.2s linear;
   height: 32px;
   min-width: 32px;
   line-height: 30px;
@@ -6569,15 +6625,11 @@ ul.t-select-option-group__header,
   background-color: var(--td-brand-color-8);
   color: var(--td-text-color-anti);
   border-color: var(--td-brand-color-8);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination__number.t-is-current {
   background-color: var(--td-brand-color);
   color: var(--td-text-color-anti);
   border-color: var(--td-brand-color);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination__number.t-is-current.t-is-disabled,
 .t-pagination__number.t-is-current.t-is-disabled:hover,
@@ -6585,8 +6637,6 @@ ul.t-select-option-group__header,
   background-color: var(--td-brand-color-2);
   color: var(--td-text-color-anti);
   border-color: var(--td-brand-color-2);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination__number.t-is-disabled {
   cursor: auto;
@@ -6674,8 +6724,6 @@ ul.t-select-option-group__header,
   background-color: var(--td-brand-color-2);
   color: var(--td-text-color-anti);
   border-color: var(--td-brand-color-2);
-  -webkit-transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-  transition: all 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-pagination.t-size-s .t-pagination__btn {
   border: 0 none;
@@ -7357,13 +7405,13 @@ ul.t-select-option-group__header,
 .t-cascader--multiple.t-size-s {
   padding: 0px 28px 0px 1px;
 }
-.t-cascader .t-input__inner {
+.t-cascader .t-input {
   border: 0;
   padding: 0;
   margin-left: 4px;
 }
-.t-cascader .t-input__inner:hover,
-.t-cascader .t-input__inner:focus {
+.t-cascader .t-input:hover,
+.t-cascader .t-input:focus {
   -webkit-box-shadow: none;
           box-shadow: none;
   border-color: transparent;
@@ -7404,7 +7452,7 @@ ul.t-select-option-group__header,
   min-height: 32px;
   font-size: 14px;
 }
-.t-cascader.t-size-m .t-input__inner {
+.t-cascader.t-size-m .t-input {
   height: 28px;
   line-height: 28px;
 }
@@ -7414,7 +7462,7 @@ ul.t-select-option-group__header,
   font-size: 12px;
   min-height: 24px;
 }
-.t-cascader.t-size-s .t-input__inner {
+.t-cascader.t-size-s .t-input {
   height: calc(24px - 2px);
   line-height: calc(32px - 4px);
 }
@@ -7650,9 +7698,6 @@ ul.t-select-option-group__header,
 .t-date-picker--year tbody tr:first-child .t-date-picker__cell-wrapper {
   margin-top: 16px;
 }
-.t-date-picker--year tbody tr:last-child .t-date-picker__cell {
-  text-align: left;
-}
 .t-date-picker--month tbody tr .t-date-picker__cell-wrapper {
   margin-top: 8px;
 }
@@ -11549,7 +11594,7 @@ ul.t-select-option-group__header,
   display: -ms-flexbox;
   display: flex;
 }
-.t-table.t-table__row--draggable tbody.dragging tr {
+.t-table.t-table__row--draggable tbody.t-table__body--dragging tr {
   -webkit-transition: -webkit-transform 0.2s;
   transition: -webkit-transform 0.2s;
   transition: transform 0.2s;
@@ -11719,14 +11764,10 @@ ul.t-select-option-group__header,
 .t-table__filter--bottom-buttons > .t-button + .t-button {
   margin-left: 8px;
 }
-.t-table td.t-table__row--full {
-  padding: 0;
-}
 .t-table__row-filter-inner {
   position: -webkit-sticky;
   position: sticky;
   left: 0;
-  padding: 13px 24px 12px 24px;
   text-align: center;
 }
 .t-table__filter-result {
@@ -11869,6 +11910,8 @@ ul.t-select-option-group__header,
   -webkit-box-flex: 0;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
+  -webkit-transition: height 0.2s;
+  transition: height 0.2s;
 }
 .t-alert__operation {
   -webkit-box-flex: 0;
@@ -13049,18 +13092,18 @@ ul.t-select-option-group__header,
 .t-input.t-size-s.t-input__inner {
   height: 24px;
 }
-.t-input .t-input__prefix .t-icon,
-.t-input .t-input__suffix .t-icon {
+.t-input .t-input__prefix > .t-icon,
+.t-input .t-input__suffix > .t-icon {
   font-size: inherit;
 }
-.t-input .t-input__prefix .t-icon {
+.t-input .t-input__prefix > .t-icon {
   color: var(--td-text-color-placeholder);
 }
-.t-input .t-input__suffix .t-icon {
+.t-input .t-input__suffix > .t-icon {
   color: var(--td-text-color-placeholder);
 }
-.t-input.t-is-focused .t-input__prefix .t-icon,
-.t-input.t-is-focused .t-input__suffix:not(.t-input__clear) .t-icon {
+.t-input.t-is-focused .t-input__prefix > .t-icon,
+.t-input.t-is-focused .t-input__suffix:not(.t-input__clear) > .t-icon {
   color: var(--td-brand-color);
 }
 .t-input-group {
@@ -13185,6 +13228,24 @@ ul.t-select-option-group__header,
 .t-addon--prepend.t-addon--append > .t-input .t-input__inner {
   border-radius: 0;
 }
+.t-input__wrap {
+  width: 100%;
+}
+.t-input__tips {
+  line-height: 24px;
+}
+.t-input__tips--normal {
+  color: var(--td-text-color-secondary);
+}
+.t-input__tips--success {
+  color: var(--td-success-color);
+}
+.t-input__tips--warning {
+  color: var(--td-warning-color);
+}
+.t-input__tips--error {
+  color: var(--td-error-color);
+}
 .t-upload .t-size-s {
   display: block;
   color: var(--td-text-color-placeholder);
@@ -13605,6 +13666,9 @@ ul.t-select-option-group__header,
 .t-upload__single-file-input .t-upload__trigger {
   margin-left: 16px;
 }
+.t-upload__single-file-input .t-upload__trigger .t-button {
+  margin-left: 8px;
+}
 .t-upload__single-file-input .t-upload__single-progress {
   white-space: nowrap;
 }