tdesign-react 0.32.2-alpha.6 → 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,
@@ -5175,6 +5177,9 @@ template {
           user-select: none;
   width: 128px;
 }
+.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
+  margin-left: 4px;
+}
 .t-input-number input::-webkit-outer-spin-button,
 .t-input-number input::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -5188,6 +5193,15 @@ template {
 .t-input-number .t-input {
   color: var(--td-text-color-primary);
 }
+.t-input-number.t-input-number--auto-width {
+  width: auto;
+}
+.t-input-number.t-input-number--auto-width.t-is-controls-right {
+  min-width: 88px;
+}
+.t-input-number.t-input-number--auto-width:not(.t-input-number--column) .t-input-number__increase {
+  right: -4px;
+}
 .t-input-number__decrease,
 .t-input-number__increase {
   width: 32px;
@@ -5274,36 +5288,6 @@ template {
 .t-input-number__increase {
   right: -8px;
 }
-.t-input-number--normal {
-  padding: 0;
-  border-radius: 3px;
-}
-.t-input-number--normal.t-is-disabled {
-  cursor: no-drop;
-  color: var(--td-text-color-disabled);
-}
-.t-input-number--normal.t-is-disabled:hover .t-input {
-  border-color: var(--td-border-level-2-color);
-}
-.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
-  color: var(--td-text-color-disabled);
-}
-.t-input-number--normal.t-is-disabled::-moz-placeholder {
-  color: var(--td-text-color-disabled);
-}
-.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
-  color: var(--td-text-color-disabled);
-}
-.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
-  color: var(--td-text-color-disabled);
-}
-.t-input-number--normal.t-is-disabled::placeholder {
-  color: var(--td-text-color-disabled);
-}
-.t-input-number--normal.t-is-disabled .t-input:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .t-input-number.t-is-disabled .t-input {
   cursor: no-drop;
   background-color: var(--td-bg-color-component-disabled);
@@ -5329,6 +5313,7 @@ template {
   padding: 0 24px;
 }
 .t-input-number.t-size-s .t-input {
+  font-size: 12px;
   height: 24px;
   line-height: 24px;
 }
@@ -5362,6 +5347,36 @@ template {
   width: 40px;
   font-size: 16px;
 }
+.t-input-number.t-input-number--normal {
+  padding: 0;
+  border-radius: 3px;
+}
+.t-input-number.t-input-number--normal.t-is-disabled {
+  cursor: no-drop;
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled:hover .t-input {
+  border-color: var(--td-border-level-2-color);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-webkit-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-moz-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled:-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::-ms-input-placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled::placeholder {
+  color: var(--td-text-color-disabled);
+}
+.t-input-number.t-input-number--normal.t-is-disabled .t-input:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 .t-input-number.t-is-controls-right {
   width: 96px;
   padding: 0;
@@ -5470,18 +5485,6 @@ template {
 .t-input-number.t-is-controls-right.t-size-s .t-input-number__decrease {
   top: 13px;
 }
-.t-input-number:not(.t-input-number--column) > .t-input-number__decrease + .t-input__wrap {
-  margin-left: 4px;
-}
-.t-input-number.t-input-number--auto-width {
-  width: auto;
-}
-.t-input-number.t-input-number--auto-width.t-is-controls-right {
-  min-width: 88px;
-}
-.t-input-number.t-input-number--auto-width:not(.t-input-number--column) .t-input-number__increase {
-  right: -4px;
-}
 
 .default-step-icon {
   display: -webkit-box;
@@ -6724,6 +6727,7 @@ ul.t-select-option-group__header,
 }
 
 .t-pagination {
+  width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6736,6 +6740,9 @@ ul.t-select-option-group__header,
   white-space: nowrap;
   color: var(--td-text-color-secondary);
 }
+.t-pagination.t-is-disabled {
+  color: var(--td-text-color-disabled);
+}
 .t-pagination__total {
   font-size: 14px;
   -webkit-box-flex: 1;
@@ -6852,12 +6859,12 @@ ul.t-select-option-group__header,
 .t-pagination__number.t-is-disabled {
   cursor: auto;
   background-color: var(--td-bg-color-component-disabled);
-  color: var(--td-text-color-placeholder);
+  color: var(--td-text-color-disabled);
 }
 .t-pagination__number.t-is-disabled:hover,
 .t-pagination__number.t-is-disabled:active {
   background-color: var(--td-bg-color-component-disabled);
-  color: var(--td-text-color-placeholder);
+  color: var(--td-text-color-disabled);
   border-color: var(--td-component-border);
 }
 .t-pagination__number--more {
@@ -6897,12 +6904,8 @@ ul.t-select-option-group__header,
 .t-pagination .t-input-number {
   margin-left: 4px;
   margin-right: 4px;
-  height: 32px;
   width: 48px;
 }
-.t-pagination .t-input-number .t-input {
-  width: calc(100% - 8px);
-}
 .t-pagination.t-size-s .t-pagination__total {
   font-size: 12px;
 }
@@ -6955,12 +6958,6 @@ ul.t-select-option-group__header,
   background: none;
   color: var(--td-text-color-disabled);
 }
-.t-pagination.t-is-disabled {
-  background-color: var(--td-bg-color-component-disabled);
-}
-.t-pagination.t-is-disabled .t-pagination__jump {
-  color: var(--td-text-color-placeholder);
-}
 
 .t-popup .t-tooltip {
   display: inline-block;
@@ -7018,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;
 }
@@ -7055,6 +7058,16 @@ ul.t-select-option-group__header,
   border-left: 1px solid var(--td-component-border);
   pointer-events: none;
 }
+.t-table .t-table__resize-line {
+  display: none;
+  position: absolute;
+  left: 10px;
+  top: 0;
+  bottom: 0;
+  width: 0;
+  border-left: 1px solid var(--td-component-border);
+  z-index: 72;
+}
 .t-table__column-controller {
   padding: 16px 0;
 }
@@ -7216,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 {
@@ -7722,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 {
@@ -7853,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;
@@ -7873,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;
 }
@@ -11083,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;
@@ -11304,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);
 }
@@ -11566,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;
@@ -11717,7 +11723,8 @@ small.t-upload__tips-error {
   display: inline-block;
   margin-right: 24px;
 }
-.t-input__extra {
+.t-input__extra,
+.t-input__help {
   margin: 0;
   width: 100%;
   height: auto;
@@ -12038,6 +12045,8 @@ small.t-upload__tips-error {
   height: 100%;
   background: var(--td-brand-color);
   border-radius: 50px;
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-progress__info {
   margin-left: 8px;
@@ -12115,6 +12124,8 @@ small.t-upload__tips-error {
 }
 .t-progress--circle .t-progress__circle-inner {
   stroke: var(--td-brand-color);
+  -webkit-transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: all 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-progress--circle .t-progress__icon {
   font-size: 2.4em;
@@ -15976,13 +15987,16 @@ small.t-upload__tips-error {
 }
 .t-collapse-panel__wrapper .t-collapse-panel__body {
   border-bottom: solid 1px var(--td-component-border);
-  background: var(--td-gray-color-1);
+  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-gray-color-2);
+  background: var(--td-bg-color-component-disabled);
 }
 .t-collapse-panel.t-is-disabled .t-collapse-panel__header {
   cursor: not-allowed;
@@ -15991,7 +16005,7 @@ small.t-upload__tips-error {
   cursor: not-allowed;
 }
 .t-collapse-panel.t-is-disabled .t-collapse-panel__body {
-  background: var(--td-gray-color-2);
+  background: var(--td-bg-color-component-disabled);
 }
 .t-slide-down-enter-active,
 .t-slide-down-leave-active {