tdesign-react 0.20.1 → 0.20.2

package/esm/_common/style/web/components/select/_index.less

@@ -5,7 +5,7 @@
 @import "../../mixins/_text.less";
 
 // select
-.@{prefix}-select__wrap {
+.@{prefix}-select-wrap {
   width: 100%;
 }
 
@@ -28,7 +28,7 @@
     cursor: pointer;
     border-color: @select-border-color-active;
 
-    & > .@{prefix}-select__right-icon:not(.@{prefix}-select__right-icon-clear) {
+    & > .@{prefix}-select-right-icon:not(.@{prefix}-select-right-icon__clear) {
       color: @select-right-icon-hover;
       opacity: 1;
     }
@@ -38,25 +38,25 @@
     line-height: @select-height-default;
   }
 
-  .@{prefix}-select__placeholder {
+  .@{prefix}-select-placeholder {
     margin-left: @select-placeholder-margin;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
   }
 
-  &:not(.@{prefix}-is-disabled) .@{prefix}-select__placeholder {
+  &:not(.@{prefix}-is-disabled) .@{prefix}-select-placeholder {
     color: @select-placeholder-color;
   }
 
-  & .@{prefix}-select__single {
+  & .@{prefix}-select-selectedSingle {
     margin-left: @select-placeholder-margin;
     display: block;
     color: @select-input-color;
     .text-ellipsis();
   }
 
-  & .@{prefix}-select__right-icon {
+  & .@{prefix}-select-right-icon {
     position: absolute;
     height: 100%;
     margin: @select-icon-margin;
@@ -66,11 +66,11 @@
     transition: color @anim-duration-base @anim-time-fn-easing;
   }
 
-  .@{prefix}-select__active-icon {
+  .@{prefix}-select-active-icon {
     color: @select-border-color-active;
   }
 
-  .@{prefix}-select__right-icon.@{prefix}-is-visible {
+  .@{prefix}-select-right-icon.@{prefix}-is-visible {
     transform: scaleY(-1);
     transition: transform @anim-duration-base @anim-time-fn-easing;
 
@@ -78,7 +78,7 @@
     filter: flipv;
   }
 
-  & .@{prefix}-select__left-icon {
+  & .@{prefix}-select-left-icon {
     position: absolute;
     height: 100%;
     margin: @select-icon-margin;
@@ -90,7 +90,7 @@
     align-items: center;
   }
 
-  .@{prefix}-select__input {
+  .@{prefix}-select-input {
     margin-left: @select-placeholder-margin;
     flex: 1;
 
@@ -134,7 +134,7 @@
     box-shadow: @select-input-shadow; // 无边框选择器没有阴影
   }
 
-  .@{prefix}-select__right-icon:not(.@{prefix}-select__right-icon-clear) {
+  .@{prefix}-select-right-icon:not(.@{prefix}-select-right-icon__clear) {
     color: @select-border-color-active;
     opacity: 1;
   }
@@ -157,7 +157,7 @@
     background-color: @select-option-bg-color-active;
   }
 
-  > .@{prefix}-select__single {
+  > .@{prefix}-select-selectedSingle {
     margin-right: @select-no-border-margin-right;
   }
 }
@@ -166,7 +166,7 @@
   line-height: (@select-height-l - 2px);
   font-size: @select-font-size-l;
 
-  .@{prefix}-select__input {
+  .@{prefix}-select-input {
     line-height: (@select-height-l - 2px);
     height: (@select-height-l - 2px);
 
@@ -186,7 +186,7 @@
   line-height: (@select-height-s - 2px);
   font-size: @select-font-size-s;
 
-  .@{prefix}-select__input {
+  .@{prefix}-select-input {
     line-height: (@select-height-s - 2px);
     height: (@select-height-s - 2px);
 
@@ -208,24 +208,24 @@
   color: @select-placeholder-color-disabled;
   border-color: @select-border-color;
 
-  & > .@{prefix}-select__right-icon {
+  & > .@{prefix}-select-right-icon {
     color: @select-icon-color-disabled;
   }
 
-  & > .@{prefix}-select__left-icon {
+  & > .@{prefix}-select-left-icon {
     color: @select-icon-color-disabled;
   }
 
-  & > .@{prefix}-select__single {
+  & > .@{prefix}-select-selectedSingle {
     color: @select-color-disabled;
   }
 }
 
-.@{prefix}-select__popup-reference {
+.@{prefix}-select-popup-reference {
   width: 100%;
 }
 // dropdown
-.@{prefix}-select__dropdown {
+.@{prefix}-select-dropdown {
   margin: @select-dropdown-margin;
   padding: 0; // 展开动画 如果有padding会直接生长 需要移动到内部
   max-height: @select-dropdown-max-height;
@@ -238,50 +238,49 @@
   }
 }
 
-.@{prefix}-select__dropdown.@{prefix}-popup {
+.@{prefix}-select-dropdown.@{prefix}-popup {
   padding: @select-dropdown-popup-padding;
 }
 // empty
-.@{prefix}-select__empty.@{prefix}-size-s {
+.@{prefix}-select-empty.@{prefix}-size-s {
   line-height: @select-height-s;
 }
 
-.@{prefix}-select__empty {
+.@{prefix}-select-empty {
   text-align: center;
   color: @select-color-empty;
   line-height: @select-height-default;
 }
 
-.@{prefix}-select__empty.@{prefix}-size-l {
+.@{prefix}-select-empty.@{prefix}-size-l {
   line-height: @select-height-l;
 }
 
 // loading tips
-.@{prefix}-select__loading-tips.@{prefix}-size-s {
+.@{prefix}-select-loading-tips.@{prefix}-size-s {
   line-height: @select-height-s;
 }
 
-.@{prefix}-select__loading-tips {
+.@{prefix}-select-loading-tips {
   text-align: center;
   line-height: @select-height-default;
-  color: @select-color-empty;
 }
 
-.@{prefix}-select__loading-tips.@{prefix}-size-l {
+.@{prefix}-select-loading-tips.@{prefix}-size-l {
   line-height: @select-height-l;
 }
 
 // option group
-.@{prefix}-select-option-group + .@{prefix}-select-option-group {
+.@{prefix}-option-group + .@{prefix}-option-group {
   padding-top: @select-optiongroup-border-padding;
   margin-top: @select-optiongroup-border-margin;
 }
 
-.@{prefix}-select-option-group__divider + .@{prefix}-select-option-group__divider {
+.@{prefix}-option-group__divider + .@{prefix}-option-group__divider {
   border-top: 1px @select-optiongroup-border-color solid;
 }
 
-.@{prefix}-select-option-group__header {
+.@{prefix}-option-group-header {
   ul&,
   & {
     color: @select-option-group-header-color;
@@ -293,12 +292,12 @@
   }
 }
 
-.@{prefix}-select-option-group__header.@{prefix}-size-l {
+.@{prefix}-option-group-header.@{prefix}-size-l {
   height: @select-option-height-l;
   padding: @select-option-padding-l;
 }
 
-.@{prefix}-select-option-group__header.@{prefix}-size-s {
+.@{prefix}-option-group-header.@{prefix}-size-s {
   height: @select-option-height-s;
   padding: @select-option-padding-s;
 }
@@ -381,18 +380,6 @@
   }
 }
 
-.@{prefix}-select-option.@{prefix}-select-option__hover {
-  &:not(.@{prefix}-is-disabled)&:not(.@{prefix}-is-selected) {
-    background-color: @select-option-bg-color-hover;
-    .@{prefix}-checkbox__input {
-      border-color: @select-option-checkbox-input-color-hover;
-    }
-  }
-  .@{prefix}-checkbox__label {
-    color: @select-option-checkbox-label-color-hover;
-  }
-}
-
 .@{prefix}-select-option + .@{prefix}-select-option {
   margin-top: @select-options-margin;
 }

package/esm/_common/style/web/components/table/_index.less

@@ -6,15 +6,11 @@
 
 @import "../../mixins/_scrollbar.less";
 
-@padding: @table-td-padding-vertical-top @table-td-padding-horizontal
-  @table-td-padding-vertical-bottom @table-td-padding-horizontal;
-
 .scrollbar {
   .scrollbar();
 }
 
 .@{prefix}-table {
-  width: 100%;
   font-size: @table-font-size;
   color: @table--text-color;
   background-color: @table-bg;
@@ -54,7 +50,9 @@
   th,
   td {
     position: relative;
-    padding: @padding;
+    padding:
+      @table-td-padding-vertical-top @table-td-padding-horizontal
+      @table-td-padding-vertical-bottom @table-td-padding-horizontal;
     border-bottom: 1px solid @table-border-color;
     line-height: @table-line-height;
     vertical-align: middle;
@@ -660,36 +658,6 @@
   }
 }
 
-.@{prefix}-table-expandable-icon-cell + .@{prefix}-table__cell--selectable[key="row-select"] {
+.t-table-expandable-icon-cell + .t-table__cell--selectable[key="row-select"] {
   padding-left: 10px;
 }
-
-.@{prefix}-table__filter--bottom-buttons {
-  display: flex;
-  justify-content: flex-end;
-  padding: 16px;
-  border-top: 1px solid @table-border-color;
-  > .@{prefix}-button + .@{prefix}-button {
-    margin-left: 8px;
-  }
-}
-
-.@{prefix}-table td.@{prefix}-table__row--full {
-  padding: 0;
-}
-
-.@{prefix}-table__row-filter-inner {
-  position: sticky;
-  left: 0;
-  padding: @padding;
-  text-align: center;
-}
-
-.@{prefix}-table__filter-result {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  > .@{prefix}-button {
-    margin-left: 8px;
-  }
-}

package/esm/_common/style/web/components/tooltip/_var.less

@@ -17,7 +17,7 @@
 @tooltip-shadow: @shadow-2;
 
 // 动画
-@tooltip-flow: t-popup--animation;
+@tooltip-flow: t-popup_animation;
 @cubic-bezier: cubic-bezier(0, .48, .33, 1);
 @flowin-transition: opacity @anim-duration-base @cubic-bezier;
 

package/esm/_common/style/web/components/transfer/_index.less

@@ -15,7 +15,7 @@
   color: @transfer-font-color;
   max-height: 100%;
 
-  &__list {
+  &-list {
     position: relative;
     display: inline-block;
     min-width: @transfer-common-width;
@@ -31,7 +31,7 @@
       border-radius: @transfer-border-radius;
     }
 
-    &-header {
+    &__header {
       position: absolute;
       display: flex;
       justify-content: space-between;
@@ -42,7 +42,7 @@
       padding: @transfer-list-header-padding;
       margin: @transfer-list-header-margin;
 
-      & + :not(.@{prefix}-transfer__list--with-search) {
+      & + :not(.@{prefix}-transfer-list-with-search) {
         border-top: @transfer-border;
       }
 
@@ -67,18 +67,25 @@
       }
     }
 
-    &-body {
+    &__body {
       position: relative;
       height: 100%;
       padding: @transfer-list-body-padding;
     }
 
-    &--with-search {
+    &-with-search {
       padding-top: @transfer-list-with-search-padding-top;
       border-top: @transfer-list-with-search-border;
     }
 
-    &-content {
+    &-search-wrapper {
+      position: absolute;
+      top: 0;
+      width: 100%;
+      padding: @transfer-list-search-wrapper-margin;
+    }
+
+    &__content {
       height: 100%;
       width: 100%;
       overflow: auto;
@@ -106,7 +113,7 @@
       }
     }
 
-    &-item {
+    &__item {
       padding: @transfer-list-item-padding;
       display: flex;
       cursor: pointer;
@@ -125,16 +132,16 @@
       }
     }
 
-    &-item:hover {
+    &__item:hover {
       background: @transfer-bg-hover;
       transition: background-color @anim-duration-base @anim-time-fn-easing;
     }
 
-    &-item.@{prefix}-is-checked {
+    &__item.@{prefix}-is-checked {
       background: @transfer-bg-checked;
     }
 
-    &-wrapper {
+    &__wrapper {
       position: relative;
       height: 100%;
       width: 100%;
@@ -142,14 +149,14 @@
       padding: @transfer-list-wrapper-padding;
     }
 
-    &-pagination {
+    &__pagination {
       height: @transfer-list-pagination-height;
       vertical-align: middle;
       padding: @transfer-list-pagination-padding;
       line-height: @transfer-list-pagination-line-height;
     }
 
-    &-footer {
+    &__footer {
       position: absolute;
       left: 0;
       bottom: 0;
@@ -158,7 +165,7 @@
     }
   }
 
-  &__operations {
+  &-operations {
     display: inline-flex;
     flex-direction: column;
     margin: @transfer-operations-margin;
@@ -190,7 +197,7 @@
     }
   }
 
-  &__empty {
+  &-empty {
     text-align: center;
     position: absolute;
     color: @text-color-placeholder;
@@ -198,88 +205,81 @@
     left: 50%;
     transform: translate(-50%, -50%);
   }
-
-  &__search-wrapper {
-    position: absolute;
-    top: 0;
-    width: 100%;
-    padding: @transfer-list-search-wrapper-margin;
-  }
 }
 
 // 只有search时候的高度
-.@{prefix}-transfer__search {
+.@{prefix}-transfer-search {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-with-search-height;
   }
 }
 
 // 与Tree组件结合使用时的高度
-.@{prefix}-transfer--with-tree {
+.@{prefix}-transfer-with-tree {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: auto;
   }
 }
 
 // 只有翻页时候的高度
-.@{prefix}-transfer__pagination {
+.@{prefix}-transfer-pagination {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-with-pagination-height;
     padding-bottom: @transfer-with-pagination-padding-bottom;
   }
 }
 
 // 只有footer时候的高度
-.@{prefix}-transfer__footer {
+.@{prefix}-transfer-footer {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-with-footer-height;
     padding-bottom: @transfer-with-footer-padding-bottom;
   }
 }
 
 // 同时有翻页和footer时候的高度
-.@{prefix}-transfer__pagination.@{prefix}-transfer__footer {
+.@{prefix}-transfer-pagination.@{prefix}-transfer-footer {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-with-footer-both-height;
     padding-bottom: @transfer-with-pagination-footer-padding-bottom;
   }
 }
 
 // 同时有search和footer时候的高度
-.@{prefix}-transfer__search.@{prefix}-transfer__footer {
+.@{prefix}-transfer-search.@{prefix}-transfer-footer {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-with-footer-both-height;
     padding-bottom: @transfer-with-search-footer-padding-bottom;
   }
 }
 
 // 同时有search和pagination时候的高度
-.@{prefix}-transfer__search.@{prefix}-transfer__pagination {
+.@{prefix}-transfer-search.@{prefix}-transfer-pagination {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-with-both-height;
     padding-bottom: @transfer-with-search-pagination-padding-bottom;
   }
 }
 
 // 同时有search和pagination和footer
-.@{prefix}-transfer__search.@{prefix}-transfer__footer.@{prefix}-transfer__pagination {
+.@{prefix}-transfer-search.@{prefix}-transfer-footer.@{prefix}-transfer-pagination {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-with-all-height;
     padding-bottom: @transfer-with-all-padding-bottom;
   }
 }
 
-.@{prefix}-transfer__wrapper {
+.@{prefix}-transfer-wrapper {
 
-  .@{prefix}-transfer__list {
+  .@{prefix}-transfer-list {
     height: @transfer-wrap-height;
     width: @transfer-wrap-width;
     overflow: scroll;

package/esm/_util/callBoth.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/composeRefs.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/dom.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import raf from 'raf';
-import { i as isString_1 } from '../_chunks/dep-317889a5.js';
+import { i as isString_1 } from '../_chunks/dep-14d83b52.js';
 import { easeInOutCubic } from './easing.js';
-import '../_chunks/dep-78d4ad78.js';
-import '../_chunks/dep-c5bd66b6.js';
-import '../_chunks/dep-d541888e.js';
-import '../_chunks/dep-b1123411.js';
-import '../_chunks/dep-c7a7cca5.js';
-import '../_chunks/dep-323dbaea.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-c5dffd03.js';
 
 var isServer = typeof window === "undefined";
 

package/esm/_util/easing.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/forwardRefWithStatics.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/getScrollbarWidth.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/hasScrollBar.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/helper.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-a221c507.js';
-import { _ as _slicedToArray } from '../_chunks/dep-ee1eafaa.js';
-import { _ as _defineProperty } from '../_chunks/dep-357a46bf.js';
-import { c as camelCase_1 } from '../_chunks/dep-89143f95.js';
-import '../_chunks/dep-6af2eddd.js';
-import '../_chunks/dep-78d4ad78.js';
-import '../_chunks/dep-4aa3f99d.js';
-import '../_chunks/dep-c5bd66b6.js';
-import '../_chunks/dep-d541888e.js';
-import '../_chunks/dep-b1123411.js';
-import '../_chunks/dep-c7a7cca5.js';
-import '../_chunks/dep-3a99cbcd.js';
-import '../_chunks/dep-323dbaea.js';
-import '../_chunks/dep-4bede666.js';
-import '../_chunks/dep-ff5aee02.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-3d9b45dc.js';
+import { _ as _slicedToArray } from '../_chunks/dep-85854991.js';
+import { _ as _defineProperty } from '../_chunks/dep-2e97cc0d.js';
+import { c as camelCase_1 } from '../_chunks/dep-768ebd82.js';
+import '../_chunks/dep-38c06164.js';
+import '../_chunks/dep-00ccaf0c.js';
+import '../_chunks/dep-ec30068f.js';
+import '../_chunks/dep-88b40b60.js';
+import '../_chunks/dep-759bc4af.js';
+import '../_chunks/dep-cc2481d3.js';
+import '../_chunks/dep-964eef6f.js';
+import '../_chunks/dep-1567c5ea.js';
+import '../_chunks/dep-c5dffd03.js';
+import '../_chunks/dep-2b9a47a9.js';
+import '../_chunks/dep-b7df124f.js';
 
 var _excluded = ["from", "to", "direction"];
 

package/esm/_util/injectValue.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/insertCSS.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/isCallable.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/esm/_util/linearGradient.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.20.1
+ * tdesign v0.20.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-a221c507.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-3d9b45dc.js';
 
 var _excluded = ["from", "to", "direction"];