tdesign-react 0.32.2-alpha.5 → 0.32.2-alpha.6

package/dist/tdesign.css

@@ -5175,9 +5175,6 @@ 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;
@@ -5191,15 +5188,6 @@ 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;
@@ -5286,6 +5274,36 @@ 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);
@@ -5311,7 +5329,6 @@ template {
   padding: 0 24px;
 }
 .t-input-number.t-size-s .t-input {
-  font-size: 12px;
   height: 24px;
   line-height: 24px;
 }
@@ -5345,36 +5362,6 @@ 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;
@@ -5483,6 +5470,18 @@ 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;
@@ -6725,7 +6724,6 @@ ul.t-select-option-group__header,
 }
 
 .t-pagination {
-  width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -6738,9 +6736,6 @@ 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;
@@ -6857,12 +6852,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-disabled);
+  color: var(--td-text-color-placeholder);
 }
 .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-disabled);
+  color: var(--td-text-color-placeholder);
   border-color: var(--td-component-border);
 }
 .t-pagination__number--more {
@@ -6902,8 +6897,12 @@ 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;
 }
@@ -6956,6 +6955,12 @@ 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;
@@ -7050,16 +7055,6 @@ 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;
 }
@@ -11722,8 +11717,7 @@ small.t-upload__tips-error {
   display: inline-block;
   margin-right: 24px;
 }
-.t-input__extra,
-.t-input__help {
+.t-input__extra {
   margin: 0;
   width: 100%;
   height: auto;
@@ -12044,8 +12038,6 @@ 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;
@@ -12123,8 +12115,6 @@ 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;
@@ -15937,4 +15927,76 @@ 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-gray-color-1);
+}
+.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);
+}
+.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-gray-color-2);
+}
+.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 */