tdesign-react 0.32.2-alpha.1 → 0.32.2-alpha.4

package/CHANGELOG.md

@@ -39,7 +39,8 @@ spline: explain
 
 * Card: 新增 `Card` 组件 ([9c66dc3](https://github.com/Tencent/tdesign-react/commit/9c66dc36c351d80e22926fe2d4ff56783cda334d)) [@weikee94](https://github.com/weikee94)
 * ColorPicker: 新增 `ColorPicker` 组件 ([920263a](https://github.com/Tencent/tdesign-react/commit/920263af9c5ec3671f214182f26b6fc7ce0528b8)) [insekkei](https://github.com/insekkei) [@carolin913](https://github.com/carolin913)
-* Table: 重构 `table` 组件, 修复众多问题 ([ea678be](https://github.com/Tencent/tdesign-react/commit/ea678be56e466a5a7f4cfaecdea4413d3753ba09)) [@chaishi](https://github.com/chaishi) [@uyarn](https://github.com/uyarn)
+* Table: 重构 `table` 组件, 支持表头吸顶、简易列拖拽排序、自定义列配置、懒加载、自定义展开图标及树形结构 ([ea678be](https://github.com/Tencent/tdesign-react/commit/ea678be56e466a5a7f4cfaecdea4413d3753ba09)) [@chaishi](https://github.com/chaishi) [@uyarn](https://github.com/uyarn)
+  
 * Divider: 优化文本模式在竖型模式下样式问题 ([#662](https://github.com/Tencent/tdesign-react/issues/662)) ([213c67d](https://github.com/Tencent/tdesign-react/commit/213c67d9107960e02dff6baf8861770a8a822272)) [@HQ-Lin](https://github.com/HQ-Lin)
 
 

package/dist/tdesign.css

@@ -5175,6 +5175,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 +5191,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 +5286,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 +5311,7 @@ template {
   padding: 0 24px;
 }
 .t-input-number.t-size-s .t-input {
+  font-size: 12px;
   height: 24px;
   line-height: 24px;
 }
@@ -5362,6 +5345,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 +5483,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 +6725,7 @@ ul.t-select-option-group__header,
 }
 
 .t-pagination {
+  width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6736,6 +6738,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 +6857,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 +6902,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 +6956,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;
@@ -7055,6 +7050,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;
 }
@@ -11717,7 +11722,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 +12044,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 +12123,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;
@@ -15902,15 +15912,18 @@ small.t-upload__tips-error {
   font-family: PingFang SC, Microsoft YaHei, Arial Medium;
   color: var(--td-text-color-primary);
   margin-right: 8px;
+  word-break: break-all;
 }
 .t-card__subtitle {
   font-size: 14px;
   color: var(--td-text-color-secondary);
+  word-break: break-all;
 }
 .t-card__description {
   font-size: 14px;
   color: var(--td-text-color-secondary);
   margin-top: 4px;
+  word-break: break-all;
 }
 .t-card__actions {
   color: var(--td-text-color-link);