tdesign-react 0.32.2-alpha.4 → 0.32.2

package/CHANGELOG.md

@@ -5,6 +5,31 @@ toc: false
 spline: explain
 ---
 
+## 0.32.2 `2022-04-28`
+
+### Bug Fixes
+
+* Table:
+  * 修复 `getBoundingClientRect` 在 `jsdom` 环境为 null 问题 ([22077bd](https://github.com/Tencent/tdesign-react/commit/22077bdf0dc406bd92a9c5d25362382bfdf23f6e)) [@uyarn](https://github.com/uyarn)
+  * 修复 `loading` 状态文案问题 ([e021c8b](https://github.com/Tencent/tdesign-react/commit/e021c8b3c75274eca9842ad8ef3c8839b60d4eab)) [@uyarn](https://github.com/uyarn)
+* Datepicker: 修复空数组确定事件报错问题 ([#697](https://github.com/Tencent/tdesign-react/issues/697)) ([871065d](https://github.com/Tencent/tdesign-react/commit/871065d35c75d87fd9002f16b438246da80fd10a)) [@HQ-Lin](https://github.com/HQ-Lin)
+* Dialog: 修复组件销毁后 body 样式不重置问题 & 移除多余 div 渲染 ([#690](https://github.com/Tencent/tdesign-react/issues/690)) ([d6d5131](https://github.com/Tencent/tdesign-react/commit/d6d513151f7548b3ea3b1f0b8c26fa96ecdbb1dc)) [@HQ-Lin](https://github.com/HQ-Lin)
+* Textarea: 修复在 `Form` 组件下换行问题 ([507eaf3](https://github.com/Tencent/tdesign-react/commit/507eaf3b9533b19681e9bd10f666ded9e61b430d)) [@HQ-Lin](https://github.com/HQ-Lin)
+* Colorpicker: 修复 Popupprops 透传问题 ([#700](https://github.com/Tencent/tdesign-react/issues/700)) ([804c7b4](https://github.com/Tencent/tdesign-react/commit/804c7b4f64968d12d2ca665b23289e0cd1037fff)), closes [#698](https://github.com/Tencent/tdesign-react/issues/698) [@carolin913](https://github.com/carolin913)
+* Form: 修复 `help` 文案状态响应样式问题 ([#682](https://github.com/Tencent/tdesign-react/issues/682)) ([282602d](https://github.com/Tencent/tdesign-react/commit/282602d8ab3a1ff10a1146b5519d13b08fc7a2c6)) [@HQ-Lin](https://github.com/HQ-Lin)
+* Upload: 修复 `onDrop` 事件不响应问题 ([3efa2c6](https://github.com/Tencent/tdesign-react/commit/3efa2c6c9758725aa4159b122bfad3b154959404)) [@wookaoer](https://github.com/wookaoer)
+
+
+### Features
+
+* Collapse: 新增 `Collapse` 组件 ([9c2ce29](https://github.com/Tencent/tdesign-react/commit/9c2ce29625a11979aff5de6adeda157b319d7ad3)) [@ZhaoRB](https://github.com/ZhaoRB)
+* Pagination:
+  * 新增 `showPageSize`、`showPageNumber` API ([#696](https://github.com/Tencent/tdesign-react/issues/696)) ([c11e692](https://github.com/Tencent/tdesign-react/commit/c11e69218df8bcf20f5b5104f6967e04246dc182)) [@HQ-Lin](https://github.com/HQ-Lin)
+  * 新增 `showFirstAndLastBtn` api ([#694](https://github.com/Tencent/tdesign-react/issues/694)) ([d085cf8](https://github.com/Tencent/tdesign-react/commit/d085cf862454173e0a191f842cc0a5b44c0477a5)) [@HQ-Lin](https://github.com/HQ-Lin)
+* InputNumber: 完善尺寸类型 ([#694](https://github.com/Tencent/tdesign-react/issues/694)) ([d085cf8](https://github.com/Tencent/tdesign-react/commit/d085cf862454173e0a191f842cc0a5b44c0477a5)) [@HQ-Lin](https://github.com/HQ-Lin)
+* Tooltip: 支持 `plcement="mouse"` 基于鼠标位置 ([26afab8](https://github.com/Tencent/tdesign-react/commit/26afab81ce1bd3bcaaf51618123e7b21e1241279)), closes [#608](https://github.com/Tencent/tdesign-react/issues/608) [@carolin913](https://github.com/carolin913)
+
+
 ## 0.32.1 `2022-04-24`
 
 ### Bug Fixes
@@ -22,7 +47,7 @@ spline: explain
 
 ### BREAKING CHANGES
 
-* Table: 重构 `table` 组件, 样式结构有所变动 ([ea678be](https://github.com/Tencent/tdesign-react/commit/ea678be56e466a5a7f4cfaecdea4413d3753ba09)) [@chaishi](https://github.com/chaishi) [@uyarn](https://github.com/uyarn)
+* Table: 重构 `table` 组件, 样式结构有所变动，废弃`minWidth`，`排序功能`使用有所调整，详情请参考API和demo的写法 ([ea678be](https://github.com/Tencent/tdesign-react/commit/ea678be56e466a5a7f4cfaecdea4413d3753ba09)) [@chaishi](https://github.com/chaishi) [@uyarn](https://github.com/uyarn)
 
 ### Bug Fixes
 

package/dist/tdesign.css

@@ -481,6 +481,7 @@ template {
   --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
   --td-table-shadow-color: rgba(0, 0, 0, 0.08);
   --td-scrollbar-color: rgba(0, 0, 0, 0.1);
+  --td-scroll-track-color: #fff;
 }
 :root[theme-mode="dark"] {
   --td-brand-color-1: #1b2f51;
@@ -604,6 +605,7 @@ template {
   --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
   --td-table-shadow-color: rgba(0, 0, 0, 0.55);
   --td-scrollbar-color: rgba(255, 255, 255, 0.1);
+  --td-scroll-track-color: #333;
 }
 
 .t-layout,
@@ -7013,6 +7015,12 @@ ul.t-select-option-group__header,
   background: var(--td-scrollbar-color);
   border-radius: 11px;
 }
+.scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-track {
+  background: var(--td-scroll-track-color);
+}
+.t-table__affixed-footer-wrap > .scrollbar.t-table__affixed-footer-elm::-webkit-scrollbar-thumb {
+  background: transparent;
+}
 .t-table.t-table--overflow-visible {
   overflow: initial;
 }
@@ -7221,10 +7229,10 @@ ul.t-select-option-group__header,
 .t-table--bordered .t-table__td-last-row {
   border-bottom: none;
 }
-.t-table--striped.t-table__header--fixed tbody tr:nth-of-type(even) {
+.t-table--striped.t-table--header-fixed tbody tr:nth-of-type(even) {
   background-color: var(--td-bg-color-secondarycontainer);
 }
-.t-table--striped:not(.t-table__header--fixed) tbody tr:nth-of-type(odd) {
+.t-table--striped:not(.t-table--header-fixed) tbody tr:nth-of-type(odd) {
   background-color: var(--td-bg-color-secondarycontainer);
 }
 .t-table--striped.t-table--hoverable.t-table__header--fixed tbody tr:nth-of-type(even):hover {
@@ -7727,7 +7735,7 @@ ul.t-select-option-group__header,
   position: sticky;
   z-index: 50;
 }
-.t-table__footer > tr {
+.t-table:not(.t-table--striped) .t-table__footer > tr {
   background-color: var(--td-bg-color-secondarycontainer);
 }
 .t-table__header--fixed:not(.t-table__header--multiple) > tr > th {
@@ -7858,13 +7866,8 @@ ul.t-select-option-group__header,
   opacity: 1;
 }
 .t-table__affixed-footer-elm {
-  position: absolute;
-  left: 0;
-  overflow: hidden;
-  z-index: 51;
-  -webkit-transition: opacity 0.15s linear;
-  transition: opacity 0.15s linear;
-  opacity: 1;
+  overflow: auto;
+  z-index: 50;
 }
 .t-table__affixed-header-elm {
   pointer-events: none;
@@ -7878,16 +7881,12 @@ ul.t-select-option-group__header,
   border-right: 0;
 }
 .t-table--bordered .t-table__affixed-footer-elm {
-  border: 1px solid var(--td-component-border);
-  border-top: 0;
-  border-right: 0;
+  border-left: 1px solid var(--td-component-border);
+  border-bottom: 1px solid var(--td-component-border);
 }
 .t-table--multiple-header.t-table--bordered .t-table__affixed-header-elm {
   border-right: 0;
 }
-.t-table--multiple-header.t-table--bordered .t-table__affixed-footer-elm {
-  border-right: 0;
-}
 .t-is-hidden {
   display: none;
 }
@@ -11088,6 +11087,8 @@ a.t-menu__item:active {
   line-height: 20px;
   overflow: hidden;
   width: 100%;
+  margin: 0;
+  padding: 0;
 }
 .t-upload__card .t-is-disabled :hover {
   cursor: not-allowed;
@@ -11309,6 +11310,9 @@ a.t-menu__item:active {
 .t-upload__tips {
   margin-top: 8px;
 }
+.t-upload__tips.t-upload__tips-error {
+  color: var(--td-error-color);
+}
 .t-upload__placeholder {
   color: var(--td-text-color-placeholder);
 }
@@ -11571,9 +11575,6 @@ a.t-menu__item:active {
   margin-top: 24px;
   width: 100%;
 }
-small.t-upload__tips-error {
-  color: var(--td-error-color);
-}
 
 .t-form {
   font-size: 14px;
@@ -15937,4 +15938,79 @@ small.t-upload__tips-error {
   padding-top: 16px;
 }
 
+.t-collapse {
+  border: solid 1px var(--td-component-border);
+  border-bottom: 0;
+  background: var(--td-bg-color-container);
+}
+.t-collapse.t--border-less {
+  border: none;
+}
+.t-collapse.t--border-less .t-collapse-panel__header {
+  border-bottom: none;
+}
+.t-collapse.t--border-less .t-collapse-panel__body {
+  background: var(--td-bg-color-container);
+  border: none;
+}
+.t-collapse-panel__icon {
+  cursor: pointer;
+}
+.t-collapse-panel__icon--left {
+  margin-right: 8px;
+}
+.t-collapse-panel__icon--right {
+  margin-left: 8px;
+}
+.t-collapse-panel__wrapper {
+  overflow: hidden;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__header {
+  padding: 0 16px;
+  border-bottom: solid 1px var(--td-component-border);
+  height: 46px;
+  font-size: 14px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__header--blank {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__header.t-is-clickable {
+  cursor: pointer;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__body {
+  border-bottom: solid 1px var(--td-component-border);
+  background: var(--td-bg-color-secondarycontainer);
+}
+.t-collapse-panel__wrapper .t-collapse-panel__body--collapsed {
+  border: none;
+}
+.t-collapse-panel__wrapper .t-collapse-panel__content {
+  padding: 12px 16px 12px 40px;
+}
+.t-collapse-panel.t-is-disabled {
+  background: var(--td-bg-color-component-disabled);
+}
+.t-collapse-panel.t-is-disabled .t-collapse-panel__header {
+  cursor: not-allowed;
+}
+.t-collapse-panel.t-is-disabled .t-collapse-panel__icon {
+  cursor: not-allowed;
+}
+.t-collapse-panel.t-is-disabled .t-collapse-panel__body {
+  background: var(--td-bg-color-component-disabled);
+}
+.t-slide-down-enter-active,
+.t-slide-down-leave-active {
+  -webkit-transition: height 0.3s, padding 0.3s;
+  transition: height 0.3s, padding 0.3s;
+}
+
 /*# sourceMappingURL=tdesign.css.map */