tdesign-react 0.35.0-alpha.1 → 0.35.0-alpha.2

package/dist/tdesign.css

@@ -5195,8 +5195,8 @@ template {
 .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 {
+.t-input-number .t-input-number__decrease,
+.t-input-number .t-input-number__increase {
   width: 32px;
   height: 32px;
   position: absolute;
@@ -5220,65 +5220,65 @@ template {
   -webkit-transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
   transition: all cubic-bezier(0.38, 0, 0.24, 1) 0.2s;
 }
-.t-input-number__decrease:hover,
-.t-input-number__increase:hover {
+.t-input-number .t-input-number__decrease:hover,
+.t-input-number .t-input-number__increase:hover {
   color: var(--td-brand-color);
   border-color: var(--td-brand-color);
 }
-.t-input-number__decrease:hover .t-icon,
-.t-input-number__increase:hover .t-icon {
+.t-input-number .t-input-number__decrease:hover .t-icon,
+.t-input-number .t-input-number__increase:hover .t-icon {
   color: var(--td-brand-color);
 }
-.t-input-number__decrease:active,
-.t-input-number__increase:active {
+.t-input-number .t-input-number__decrease:active,
+.t-input-number .t-input-number__increase:active {
   color: var(--td-brand-color);
   background-color: var(--td-bg-color-container-hover);
 }
-.t-input-number__decrease .t-icon,
-.t-input-number__increase .t-icon {
+.t-input-number .t-input-number__decrease .t-icon,
+.t-input-number .t-input-number__increase .t-icon {
   position: relative;
   z-index: 1;
   font-size: 16px;
   color: var(--td-text-color-secondary);
 }
-.t-input-number__decrease.t-is-disabled,
-.t-input-number__increase.t-is-disabled {
+.t-input-number .t-input-number__decrease.t-is-disabled,
+.t-input-number .t-input-number__increase.t-is-disabled {
   color: var(--td-text-color-disabled);
   cursor: no-drop;
   background-color: var(--td-bg-color-component-disabled);
 }
-.t-input-number__decrease.t-is-disabled .t-icon,
-.t-input-number__increase.t-is-disabled .t-icon {
+.t-input-number .t-input-number__decrease.t-is-disabled .t-icon,
+.t-input-number .t-input-number__increase.t-is-disabled .t-icon {
   color: var(--td-text-color-disabled);
 }
-.t-input-number__decrease.t-is-disabled:hover,
-.t-input-number__increase.t-is-disabled:hover {
+.t-input-number .t-input-number__decrease.t-is-disabled:hover,
+.t-input-number .t-input-number__increase.t-is-disabled:hover {
   border-color: var(--td-border-level-2-color);
 }
-.t-input-number__decrease.t-is-disabled:hover .t-icon,
-.t-input-number__increase.t-is-disabled:hover .t-icon {
+.t-input-number .t-input-number__decrease.t-is-disabled:hover .t-icon,
+.t-input-number .t-input-number__increase.t-is-disabled:hover .t-icon {
   color: var(--td-text-color-disabled);
 }
-.t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
+.t-input-number .t-input-number__decrease.t-is-disabled::-webkit-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-webkit-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number__increase.t-is-disabled::-moz-placeholder {
+.t-input-number .t-input-number__decrease.t-is-disabled::-moz-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-moz-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
+.t-input-number .t-input-number__decrease.t-is-disabled:-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled:-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
+.t-input-number .t-input-number__decrease.t-is-disabled::-ms-input-placeholder, .t-input-number .t-input-number__increase.t-is-disabled::-ms-input-placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input-number__decrease.t-is-disabled::placeholder,
-.t-input-number__increase.t-is-disabled::placeholder {
+.t-input-number .t-input-number__decrease.t-is-disabled::placeholder,
+.t-input-number .t-input-number__increase.t-is-disabled::placeholder {
   color: var(--td-text-color-disabled);
 }
-.t-input-number__decrease {
+.t-input-number .t-input-number__decrease {
   left: 0;
 }
-.t-input-number__increase {
+.t-input-number .t-input-number__increase {
   right: -8px;
 }
 .t-input-number.t-is-disabled .t-input {
@@ -7829,6 +7829,12 @@ ul.t-select-option-group__header,
 .t-table__filter-pop .t-table__filter-pop-content .t-table__filter-pop-content-button .t-button + .t-button {
   margin-left: 16px;
 }
+.t-table__filter-pop-content-inner {
+  padding: 16px;
+}
+.t-table__filter-pop-content-inner .t-input__wrap {
+  width: 200px;
+}
 .t-table__sort-icon--active {
   color: var(--td-brand-color);
 }
@@ -9954,8 +9960,6 @@ a.t-menu__item:active {
   background-color: var(--td-bg-color-container);
   position: relative;
   border-radius: 3px;
-  max-height: 100%;
-  overflow: auto;
 }
 .t-dialog .t-icon.t-is-info {
   color: var(--td-brand-color);
@@ -10021,9 +10025,6 @@ a.t-menu__item:active {
 .t-dialog--default {
   padding: 28px 32px 32px 32px;
 }
-.t-dialog--default .t-dialog__body {
-  max-height: calc(100% - (50px + 32px * 2));
-}
 .t-dialog--primary {
   padding: 32px;
 }
@@ -10060,7 +10061,7 @@ a.t-menu__item:active {
   background: var(--td-bg-color-container-active);
 }
 .t-dialog__ctx {
-  pointer-events: none;
+  pointer-events: auto;
   outline: none;
 }
 .t-dialog__ctx.t-dialog__ctx--fixed {
@@ -10087,7 +10088,7 @@ a.t-menu__item:active {
   display: none;
 }
 .t-dialog__ctx .t-dialog__mask {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
@@ -10096,6 +10097,38 @@ a.t-menu__item:active {
   background: var(--td-mask-active);
   pointer-events: auto;
 }
+.t-dialog__ctx .t-dialog__wrap {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  overflow: auto;
+}
+.t-dialog__ctx .t-dialog__position {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  min-height: 100%;
+  width: 100%;
+  position: relative;
+  padding: 48px 0;
+}
+.t-dialog__ctx .t-dialog__position.t-dialog--top {
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  padding-top: 20%;
+}
+.t-dialog__ctx .t-dialog__position.t-dialog--center {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
 .t-dialog__ctx .t-is-hidden {
   background: none;
 }
@@ -10111,22 +10144,6 @@ a.t-menu__item:active {
 .t-dialog__ctx .t-dialog.t-dialog--absolute {
   position: absolute;
 }
-.t-dialog__ctx .t-dialog--top {
-  top: 20%;
-  left: 50%;
-  -webkit-transform-origin: -25% 25%;
-          transform-origin: -25% 25%;
-  -webkit-transform: translate(-50%, 0);
-          transform: translate(-50%, 0);
-}
-.t-dialog__ctx .t-dialog--center {
-  top: 50%;
-  left: 50%;
-  -webkit-transform-origin: -25% -25%;
-          transform-origin: -25% -25%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-}
 
 .t-tree {
   line-height: 42px;
@@ -13313,10 +13330,6 @@ a.t-menu__item:active {
   padding: 0;
   min-width: 280px;
 }
-.t-date-picker__panel-container .t-select__dropdown,
-.t-date-range-picker__panel-container .t-select__dropdown {
-  max-height: 160px;
-}
 .t-date-picker__panel,
 .t-date-range-picker__panel {
   display: -webkit-box;
@@ -13334,6 +13347,10 @@ a.t-menu__item:active {
       -ms-flex-direction: row;
           flex-direction: row;
 }
+.t-date-picker__panel .t-select__dropdown,
+.t-date-range-picker__panel .t-select__dropdown {
+  max-height: 160px;
+}
 .t-date-picker__panel .t-time-picker__panel,
 .t-date-range-picker__panel .t-time-picker__panel {
   width: 216px;