tdesign-react 0.25.1 → 0.26.0

package/esm/_common/js/upload/xhr.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_common/js/utils/calcTextareaHeight.js

@@ -1,14 +1,14 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import { calculateNodeSize } from './helper.js';
-import '../../../_chunks/dep-c0b93c23.js';
-import '../../../_chunks/dep-bce0ce39.js';
-import '../../../_chunks/dep-f7f44030.js';
-import '../../../_chunks/dep-7b5ee09e.js';
+import '../../../_chunks/dep-9f6be541.js';
+import '../../../_chunks/dep-e9eb270f.js';
+import '../../../_chunks/dep-722fe6eb.js';
+import '../../../_chunks/dep-ada514b9.js';
 
 var TEXTAREA_STYLE = "\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n";
 var hiddenTextarea;

package/esm/_common/js/utils/calcTextareaHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"calcTextareaHeight.js","sources":["../../../../src/_common/js/utils/calcTextareaHeight.ts"],"sourcesContent":["import { calculateNodeSize } from './helper';\n\ntype CalculateStyleType = {\n  height?: string,\n  minHeight?: string\n};\n\ntype LimitType = number | null;\n\nconst TEXTAREA_STYLE = `\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n`;\n\nlet hiddenTextarea: HTMLTextAreaElement;\n\nfunction calcTextareaHeight(\n  targetElement: HTMLTextAreaElement,\n  minRows: LimitType = 1,\n  maxRows: LimitType = null,\n): CalculateStyleType {\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement('textarea');\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  const {\n    paddingSize,\n    borderSize,\n    boxSizing,\n    sizingStyle,\n  } = calculateNodeSize(targetElement);\n\n  hiddenTextarea.setAttribute('style', `${sizingStyle};${TEXTAREA_STYLE}`);\n  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';\n\n  let height = hiddenTextarea.scrollHeight;\n  const result: CalculateStyleType = {};\n  const isBorderbox = boxSizing === 'border-box';\n  const isContentbox = boxSizing === 'content-box';\n\n  if (isBorderbox) {\n    height += borderSize;\n  } else if (isContentbox) {\n    height -= paddingSize;\n  }\n\n  hiddenTextarea.value = '';\n  const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n  hiddenTextarea?.parentNode?.removeChild(hiddenTextarea);\n  hiddenTextarea = null;\n\n  const calcHeight = (rows: number) => {\n    let rowsHeight = singleRowHeight * rows;\n    if (isBorderbox) {\n      rowsHeight = rowsHeight + paddingSize + borderSize;\n    }\n    return rowsHeight;\n  };\n\n  if (minRows !== null) {\n    const minHeight = calcHeight(minRows);\n    height = Math.max(minHeight, height);\n    result.minHeight = `${minHeight}px`;\n  }\n  if (maxRows !== null) {\n    height = Math.min(calcHeight(maxRows), height);\n  }\n  result.height = `${height}px`;\n  return result;\n}\n\nexport default calcTextareaHeight;\n"],"names":["TEXTAREA_STYLE","hiddenTextarea","calcTextareaHeight","targetElement","minRows","maxRows","document","createElement","body","appendChild","calculateNodeSize","paddingSize","borderSize","boxSizing","sizingStyle","setAttribute","value","placeholder","height","scrollHeight","result","isBorderbox","isContentbox","singleRowHeight","parentNode","removeChild","calcHeight","rows","rowsHeight","minHeight","Math","max","min"],"mappings":";;;;;;;;;;;;AACA,IAAMA,cAAc,mQAApB;AAWA,IAAIC,cAAJ;;AACA,SAASC,kBAAT,CAA4BC,aAA5B,EAAwE;AAAA;;AAAA,MAA7BC,OAA6B,uEAAnB,CAAmB;AAAA,MAAhBC,OAAgB,uEAAN,IAAM;;AACtE,MAAI,CAACJ,cAAL,EAAqB;AACnBA,IAAAA,cAAc,GAAGK,QAAQ,CAACC,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BR,cAA1B;AACD;;AACD,2BAKIS,iBAAiB,CAACP,aAAD,CALrB;AAAA,MACEQ,WADF,sBACEA,WADF;AAAA,MAEEC,UAFF,sBAEEA,UAFF;AAAA,MAGEC,SAHF,sBAGEA,SAHF;AAAA,MAIEC,WAJF,sBAIEA,WAJF;;AAMAb,EAAAA,cAAc,CAACc,YAAf,CAA4B,OAA5B,YAAwCD,WAAxC,cAAuDd,cAAvD;AACAC,EAAAA,cAAc,CAACe,KAAf,GAAuBb,aAAa,CAACa,KAAd,IAAuBb,aAAa,CAACc,WAArC,IAAoD,EAA3E;AACA,MAAIC,MAAM,GAAGjB,cAAc,CAACkB,YAA5B;AACA,MAAMC,MAAM,GAAG,EAAf;AACA,MAAMC,WAAW,GAAGR,SAAS,KAAK,YAAlC;AACA,MAAMS,YAAY,GAAGT,SAAS,KAAK,aAAnC;;AACA,MAAIQ,WAAJ,EAAiB;AACfH,IAAAA,MAAM,IAAIN,UAAV;AACD,GAFD,MAEO,IAAIU,YAAJ,EAAkB;AACvBJ,IAAAA,MAAM,IAAIP,WAAV;AACD;;AACDV,EAAAA,cAAc,CAACe,KAAf,GAAuB,EAAvB;AACA,MAAMO,eAAe,GAAGtB,cAAc,CAACkB,YAAf,GAA8BR,WAAtD;AACA,qBAAAV,cAAc,UAAd,mFAAgBuB,UAAhB,gFAA4BC,WAA5B,CAAwCxB,cAAxC;AACAA,EAAAA,cAAc,GAAG,IAAjB;;AACA,MAAMyB,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAU;AAC3B,QAAIC,UAAU,GAAGL,eAAe,GAAGI,IAAnC;;AACA,QAAIN,WAAJ,EAAiB;AACfO,MAAAA,UAAU,GAAGA,UAAU,GAAGjB,WAAb,GAA2BC,UAAxC;AACD;;AACD,WAAOgB,UAAP;AACD,GAND;;AAOA,MAAIxB,OAAO,KAAK,IAAhB,EAAsB;AACpB,QAAMyB,SAAS,GAAGH,UAAU,CAACtB,OAAD,CAA5B;AACAc,IAAAA,MAAM,GAAGY,IAAI,CAACC,GAAL,CAASF,SAAT,EAAoBX,MAApB,CAAT;AACAE,IAAAA,MAAM,CAACS,SAAP,aAAsBA,SAAtB;AACD;;AACD,MAAIxB,OAAO,KAAK,IAAhB,EAAsB;AACpBa,IAAAA,MAAM,GAAGY,IAAI,CAACE,GAAL,CAASN,UAAU,CAACrB,OAAD,CAAnB,EAA8Ba,MAA9B,CAAT;AACD;;AACDE,EAAAA,MAAM,CAACF,MAAP,aAAmBA,MAAnB;AACA,SAAOE,MAAP;AACD;;;;"}
+{"version":3,"file":"calcTextareaHeight.js","sources":["../../../../src/_common/js/utils/calcTextareaHeight.ts"],"sourcesContent":["import { calculateNodeSize } from './helper';\n\ntype CalculateStyleType = {\n  height?: string,\n  minHeight?: string\n};\n\ntype LimitType = number | null;\n\nconst TEXTAREA_STYLE = `\n  min-height:0 !important;\n  max-height:none !important;\n  height:0 !important;\n  visibility:hidden !important;\n  overflow:hidden !important;\n  position:absolute !important;\n  z-index:-1000 !important;\n  top:0 !important;\n  right:0 !important\n`;\n\nlet hiddenTextarea: HTMLTextAreaElement;\n\nfunction calcTextareaHeight(\n  targetElement: HTMLTextAreaElement,\n  minRows: LimitType = 1,\n  maxRows: LimitType = null,\n): CalculateStyleType {\n  if (!hiddenTextarea) {\n    hiddenTextarea = document.createElement('textarea');\n    document.body.appendChild(hiddenTextarea);\n  }\n\n  const {\n    paddingSize,\n    borderSize,\n    boxSizing,\n    sizingStyle,\n  } = calculateNodeSize(targetElement);\n\n  hiddenTextarea.setAttribute('style', `${sizingStyle};${TEXTAREA_STYLE}`);\n  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';\n\n  let height = hiddenTextarea.scrollHeight;\n  const result: CalculateStyleType = {};\n  const isBorderbox = boxSizing === 'border-box';\n  const isContentbox = boxSizing === 'content-box';\n\n  if (isBorderbox) {\n    height += borderSize;\n  } else if (isContentbox) {\n    height -= paddingSize;\n  }\n\n  hiddenTextarea.value = '';\n  const singleRowHeight = hiddenTextarea.scrollHeight - paddingSize;\n  hiddenTextarea?.parentNode?.removeChild(hiddenTextarea);\n  // @ts-ignore\n  hiddenTextarea = null;\n\n  const calcHeight = (rows: number) => {\n    let rowsHeight = singleRowHeight * rows;\n    if (isBorderbox) {\n      rowsHeight = rowsHeight + paddingSize + borderSize;\n    }\n    return rowsHeight;\n  };\n\n  if (minRows !== null) {\n    const minHeight = calcHeight(minRows);\n    height = Math.max(minHeight, height);\n    result.minHeight = `${minHeight}px`;\n  }\n  if (maxRows !== null) {\n    height = Math.min(calcHeight(maxRows), height);\n  }\n  result.height = `${height}px`;\n  return result;\n}\n\nexport default calcTextareaHeight;\n"],"names":["TEXTAREA_STYLE","hiddenTextarea","calcTextareaHeight","targetElement","minRows","maxRows","document","createElement","body","appendChild","calculateNodeSize","paddingSize","borderSize","boxSizing","sizingStyle","setAttribute","value","placeholder","height","scrollHeight","result","isBorderbox","isContentbox","singleRowHeight","parentNode","removeChild","calcHeight","rows","rowsHeight","minHeight","Math","max","min"],"mappings":";;;;;;;;;;;;AACA,IAAMA,cAAc,mQAApB;AAWA,IAAIC,cAAJ;;AACA,SAASC,kBAAT,CAA4BC,aAA5B,EAAwE;AAAA;;AAAA,MAA7BC,OAA6B,uEAAnB,CAAmB;AAAA,MAAhBC,OAAgB,uEAAN,IAAM;;AACtE,MAAI,CAACJ,cAAL,EAAqB;AACnBA,IAAAA,cAAc,GAAGK,QAAQ,CAACC,aAAT,CAAuB,UAAvB,CAAjB;AACAD,IAAAA,QAAQ,CAACE,IAAT,CAAcC,WAAd,CAA0BR,cAA1B;AACD;;AACD,2BAKIS,iBAAiB,CAACP,aAAD,CALrB;AAAA,MACEQ,WADF,sBACEA,WADF;AAAA,MAEEC,UAFF,sBAEEA,UAFF;AAAA,MAGEC,SAHF,sBAGEA,SAHF;AAAA,MAIEC,WAJF,sBAIEA,WAJF;;AAMAb,EAAAA,cAAc,CAACc,YAAf,CAA4B,OAA5B,YAAwCD,WAAxC,cAAuDd,cAAvD;AACAC,EAAAA,cAAc,CAACe,KAAf,GAAuBb,aAAa,CAACa,KAAd,IAAuBb,aAAa,CAACc,WAArC,IAAoD,EAA3E;AACA,MAAIC,MAAM,GAAGjB,cAAc,CAACkB,YAA5B;AACA,MAAMC,MAAM,GAAG,EAAf;AACA,MAAMC,WAAW,GAAGR,SAAS,KAAK,YAAlC;AACA,MAAMS,YAAY,GAAGT,SAAS,KAAK,aAAnC;;AACA,MAAIQ,WAAJ,EAAiB;AACfH,IAAAA,MAAM,IAAIN,UAAV;AACD,GAFD,MAEO,IAAIU,YAAJ,EAAkB;AACvBJ,IAAAA,MAAM,IAAIP,WAAV;AACD;;AACDV,EAAAA,cAAc,CAACe,KAAf,GAAuB,EAAvB;AACA,MAAMO,eAAe,GAAGtB,cAAc,CAACkB,YAAf,GAA8BR,WAAtD;AACA,qBAAAV,cAAc,UAAd,mFAAgBuB,UAAhB,gFAA4BC,WAA5B,CAAwCxB,cAAxC;AACAA,EAAAA,cAAc,GAAG,IAAjB;;AACA,MAAMyB,UAAU,GAAG,SAAbA,UAAa,CAACC,IAAD,EAAU;AAC3B,QAAIC,UAAU,GAAGL,eAAe,GAAGI,IAAnC;;AACA,QAAIN,WAAJ,EAAiB;AACfO,MAAAA,UAAU,GAAGA,UAAU,GAAGjB,WAAb,GAA2BC,UAAxC;AACD;;AACD,WAAOgB,UAAP;AACD,GAND;;AAOA,MAAIxB,OAAO,KAAK,IAAhB,EAAsB;AACpB,QAAMyB,SAAS,GAAGH,UAAU,CAACtB,OAAD,CAA5B;AACAc,IAAAA,MAAM,GAAGY,IAAI,CAACC,GAAL,CAASF,SAAT,EAAoBX,MAApB,CAAT;AACAE,IAAAA,MAAM,CAACS,SAAP,aAAsBA,SAAtB;AACD;;AACD,MAAIxB,OAAO,KAAK,IAAhB,EAAsB;AACpBa,IAAAA,MAAM,GAAGY,IAAI,CAACE,GAAL,CAASN,UAAU,CAACrB,OAAD,CAAnB,EAA8Ba,MAA9B,CAAT;AACD;;AACDE,EAAAA,MAAM,CAACF,MAAP,aAAmBA,MAAnB;AACA,SAAOE,MAAP;AACD;;;;"}

package/esm/_common/js/utils/helper.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../../../_chunks/dep-c0b93c23.js';
-import { _ as _slicedToArray } from '../../../_chunks/dep-bce0ce39.js';
-import { _ as _defineProperty } from '../../../_chunks/dep-7b5ee09e.js';
-import '../../../_chunks/dep-f7f44030.js';
+import { _ as _objectWithoutProperties } from '../../../_chunks/dep-9f6be541.js';
+import { _ as _slicedToArray } from '../../../_chunks/dep-e9eb270f.js';
+import { _ as _defineProperty } from '../../../_chunks/dep-ada514b9.js';
+import '../../../_chunks/dep-722fe6eb.js';
 
 var _excluded = ["from", "to", "direction"];
 

package/esm/_common/js/utils/set-style.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

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

@@ -48,6 +48,8 @@
 
 @import "./tree/_index.less";
 
+@import "./tree-select/_index.less";
+
 @import "./tooltip/_index.less";
 
 @import "./anchor/_index.less";

package/esm/_common/style/web/components/anchor/_mixin.less

@@ -1,24 +0,0 @@
-.button() {
-  font-size: @btn-font-default;
-  outline: none;
-  border: 0;
-  background-color: transparent;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  vertical-align: middle;
-  white-space: nowrap;
-  border-radius: @btn-border-radius;
-}
-.button-size(@height;@font-size;@padding-horizontal) {
-  height: @height;
-  line-height: (@height - 4px);
-  font-size: @font-size;
-  padding-left: @padding-horizontal;
-  padding-right: @padding-horizontal;
-
-  .@{prefix}-icon {
-    font-size: @font-size;
-  }
-}

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

@@ -18,7 +18,7 @@
   .avatar-size(@avatar-size-medium,@avatar-font-medium,@avatar-icon-medium);
 
   &--circle {
-    border-radius: @avatar-border-radius-cicle;
+    border-radius: @avatar-border-radius-circle;
   }
 
   &--round {

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

@@ -18,7 +18,7 @@
 @avatar-icon-large: @icon-l;
 
 //边框
-@avatar-border-radius-cicle: @border-radius-50;
+@avatar-border-radius-circle: @border-radius-50;
 @avatar-border-radius-round: 3px;
 @avatar-border-color: @bg-color-container;
 
@@ -28,4 +28,4 @@
 @avatar-group-offset-large: -8px;
 
 //z-index
-@avatar-group-init-zIndex:50;
+@avatar-group-init-zIndex: 50;

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

@@ -116,6 +116,7 @@
 
     &.@{prefix}-button--theme-primary {
       .button-attr-color("primary", color);
+      .button-attr-color("primary", border-color);
     }
 
     &.@{prefix}-button--theme-success {

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

@@ -35,6 +35,7 @@
     display: flex;
     border-top: 0;
     white-space: nowrap;
+    align-items: center;
 
     .@{prefix}-divider__inner-text {
       padding: @divider-inner-text-padding;
@@ -44,11 +45,8 @@
     &::before,
     &::after {
       content: "";
-      position: relative;
-      top: 50%;
       width: 50%;
       border-top: @divider-border-width solid @divider-border-color;
-      transform: translateY(calc(50% - .5px));
     }
 
     &-left {

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

@@ -7,7 +7,6 @@
 @import "./_mixin.less";
 
 .@{prefix}-input {
-  display: inline-block;
   width: 100%;
   position: relative;
   box-sizing: border-box;
@@ -18,6 +17,7 @@
   &--focused {
     border-color: @input-border-color-default-focus;
     box-shadow: @input-box-shadow-focus;
+    z-index: 1;
   }
 
   :focus-visible {
@@ -269,7 +269,6 @@
   min-height: @input-tips-min-height;
   line-height: @input-tips-line-height;
   font-size: @input-tips-font-size;
-  display: inline-block;
 }
 
 .@{prefix}-input__tips--normal {
@@ -295,3 +294,14 @@
 .@{prefix}-align-right > .@{prefix}-input__inner {
   text-align: right;
 }
+
+.@{prefix}-input__input-pre {
+  position: absolute;
+  visibility: hidden;
+  white-space: nowrap;
+}
+
+.@{prefix}-input--auto-width {
+  width: fit-content;
+  min-width: 60px;
+}

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

@@ -41,7 +41,6 @@ a.@{prefix}-menu__item {
 
   .@{prefix}-menu__logo:not(:empty) {
     height: 100%;
-    font-size: 0;
     margin-right: 32px;
   }
 
@@ -521,10 +520,14 @@ a.@{prefix}-menu__item {
 
 // menu
 .@{prefix}-menu {
-  color: @menu-theme-light;
+  color: @menu-color-light;
   font-size: @menu-fontsize;
   .list-style-none();
 
+  &--dark {
+    color: @menu-color-dark;
+  }
+
   &__logo {
     &:not(:empty) {
       display: flex;

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

@@ -17,6 +17,8 @@
 @menu-theme-light: #fff;
 @menu-theme-dark: @gray-color-13;
 @menu-theme-primary: @brand-color;
+@menu-color-light: @font-gray-2;
+@menu-color-dark: @font-white-2;
 
 @menu-item-color--light: @font-gray-2;
 @menu-item-color--dark: rgba(255, 255, 255, .55);

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

@@ -26,9 +26,6 @@
 @popup-flow: t-popup--animation;
 @popup-flow-duration: @anim-duration-base;
 @popup-flow-fn: @anim-time-fn-ease-in;
-@popup-flow-transition-enter: opacity @popup-flow-duration linear,
-  visibility @popup-flow-duration @popup-flow-fn,
-  max-height @popup-flow-duration @anim-time-fn-easing;
-@popup-flow-transition-leave: opacity @popup-flow-duration @anim-time-fn-ease-out,
-  visibility @popup-flow-duration @popup-flow-fn,
-  max-height @popup-flow-duration @anim-time-fn-easing;
+@popup-flow-transition-enter: opacity @popup-flow-duration linear;
+@popup-flow-transition-leave: opacity @popup-flow-duration
+  @anim-time-fn-ease-out;

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

@@ -265,11 +265,14 @@
     &::after {
       content: "";
       position: absolute;
-      top: ((@radio-size - @radio-dot-size) / 2 - 1px);
-      left: ((@radio-size - @radio-dot-size) / 2 - 1px);
+      top: 50%;
+      left: 50%;
+      width: @radio-size;
+      height: @radio-size;
+      margin-top: -@radio-dot-size;
+      margin-left: -@radio-dot-size;
+      transform: scale(.5);
       opacity: @radio-opacity-transparent;
-      width: @radio-dot-size;
-      height: @radio-dot-size;
       border-radius: @border-radius-50;
       background-color: @radio-dot-color;
       transition: all @anim-duration-base @anim-time-fn-ease-out;

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

@@ -0,0 +1,56 @@
+@import "../../base.less";
+
+@import "./_var.less";
+
+.@{prefix}-select-input,
+.@{prefix}-select-input__wrap {
+  width: 100%;
+  display: inline-block;
+}
+
+// TODO borderless input 内置
+
+/** 无边框模式 */
+.@{prefix}-select-input--borderless {
+  .@{prefix}-input {
+    border: 0;
+    box-shadow: none;
+    transition: background-color @anim-duration-base linear;
+
+    &:hover {
+      background-color: @select-input-focus-bg;
+      border-radius: @select-input-border-radius;
+    }
+  }
+
+  .@{prefix}-input--focused {
+    background-color: @select-input-focus-bg;
+  }
+
+  /** 无边框模式的多选 */
+  &.@{prefix}-select-input--multiple:not(.@{prefix}-select-input--empty) {
+
+    &.@{prefix}-select-input--popup-visible {
+      input {
+        display: inline-block;
+      }
+      .@{prefix}-input {
+        background-color: @select-input-focus-bg;
+      }
+    }
+  }
+}
+
+// TODO 兼容vue2，透传到popup的attrs表现与vue3不一致，popup实现布局与vue3不同，待同步
+.@{prefix}-select-input--borderless {
+  &.t-tag-input {
+    border: 0;
+    box-shadow: none;
+    transition: background-color @anim-duration-base linear;
+
+    &:hover {
+      background-color: @select-input-focus-bg;
+      border-radius: @select-input-border-radius;
+    }
+  }
+}

package/esm/_common/style/web/components/select-input/_var.less

@@ -0,0 +1,2 @@
+@select-input-focus-bg: @bg-color-container-hover;
+@select-input-border-radius: @border-radius;

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

@@ -138,10 +138,14 @@
     color: @slider-text;
     top: @slider-text-top;
     line-height: @slider-text-line-height;
-    // transform: translateX(-50%);
+    transform: translateX(-50%);
     margin-top: @slider-border-radius;
     cursor: pointer;
 
+    &:first-child {
+      transform: translateX(0%);
+    }
+
     &:last-child {
       transform: translateX(-100%);
     }

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

@@ -36,6 +36,14 @@
     pointer-events: none;
   }
 
+  &__top-content {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+
   &__content {
     position: relative;
     .scrollbar();
@@ -489,6 +497,35 @@
       }
     }
   }
+
+  &__column-controller {
+    &-desc {
+      margin-bottom: 24px;
+    }
+
+    &-block {
+      padding: 10px 24px;
+      border: 1px solid @gray-color-3;
+
+      & + & {
+        border-top: 0;
+        padding-top: 8px;
+        padding-bottom: 24px;
+      }
+
+      .@{prefix}-checkbox {
+        &-group .@{prefix}-checkbox {
+          margin-top: 16px;
+        }
+      }
+    }
+
+    &--fixed {
+      .@{prefix}-checkbox {
+        width: 108px;
+      }
+    }
+  }
 }
 
 .@{prefix}-table__cell--sortable {

package/esm/_common/style/web/components/tag-input/_index.less

@@ -8,17 +8,23 @@
 
   .@{prefix}-tag {
     margin-right: @spacer-s;
-    animation: t-zoom-out .1s ease-in-out;
+    animation: t-fade-in .1s ease-in-out;
   }
 
   &.@{prefix}-input {
     padding-left: @spacer-s;
     overflow: hidden;
+
+    &.@{prefix}-size-s {
+      padding-left: @spacer-s * .5;
+    }
   }
 
-  .@{prefix}-input__inner {
-    min-width: 80px;
-    width: auto;
+  &:hover:not(.@{prefix}-input--auto-width),
+  .@{prefix}-input--focused {
+    .@{prefix}-input__inner {
+      min-width: 60px;
+    }
   }
 
   .@{prefix}-tag-input__prefix,
@@ -43,43 +49,16 @@
       text-align: left;
     }
 
-    .@{prefix}-tag-input__suffix-clear {
+    .@{prefix}-input__suffix-icon {
       position: absolute;
       right: @spacer;
-      bottom: @spacer;
+      bottom: 0;
     }
   }
 }
 
-// .@{prefix}-tag-input:hover {
-//   .@{prefix}-icon-close-circle-filled {
-//     display: inline-block;
-//     cursor: pointer;
-//   }
-// }
-
 .@{prefix}-tag-input__prefix {
   width: max-content;
   display: inline-block;
   margin-right: @spacer;
 }
-
-/** 光标动画 */
-@keyframes t-tag-cursor-show {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-.@{prefix}-tag-input__cursor {
-  display: inline-block;
-  border-left: 1px solid black;
-  height: 17px;
-  margin-right: @spacer-s;
-  opacity: 1;
-  animation: t-tag-cursor-show .8s ease infinite;
-}

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

@@ -15,7 +15,7 @@
 
 // 颜色
 @textarea-placeholder-color: @text-color-placeholder;
-@textarea-text-color: inherit;
+@textarea-text-color: @text-color-primary;
 @textarea-limit-color: @text-color-placeholder;
 @textarea-bg-color-default: @bg-color-specialcomponent;
 @textarea-bg-color-disabled: @bg-color-component-disabled;

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

@@ -3,6 +3,7 @@
   .@{prefix}-popup__reference,
   .@{prefix}-button {
     margin-right: 10px;
+    vertical-align: middle;
   }
 }
 

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

@@ -0,0 +1,29 @@
+@import "../../base.less";
+
+.@{prefix}-tree-select {
+  &--without-input {
+    input {
+      display: none;
+    }
+    .@{prefix}-input__suffix-icon {
+      margin-left: auto;
+    }
+  }
+
+  .@{prefix}-fake-arrow {
+    transition: color @anim-duration-base @anim-time-fn-easing;
+    color: @text-color-placeholder;
+
+    &--highlight {
+      color: @text-color-brand;
+    }
+
+    &--disable {
+      color: @text-color-disabled;
+    }
+  }
+
+  &--placeholder {
+    color: @text-color-placeholder;
+  }
+}

package/esm/_util/callBoth.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/composeRefs.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/dom.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import raf from 'raf';
-import { i as isString_1 } from '../_chunks/dep-35ecd49c.js';
+import { i as isString_1 } from '../_chunks/dep-f5031153.js';
 import { easeInOutCubic } from './easing.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-c50b5bb9.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.js';
+import '../_chunks/dep-d945c24c.js';
+import '../_chunks/dep-43841bc9.js';
+import '../_chunks/dep-456d7444.js';
 
 var canUseDocument = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 

package/esm/_util/easing.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/forwardRefWithStatics.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/getScrollbarWidth.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/hasScrollBar.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/helper.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c0b93c23.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { c as camelCase_1 } from '../_chunks/dep-0ff35b5e.js';
-import '../_chunks/dep-f7f44030.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-360d6135.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-6d5c2511.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-427158bb.js';
-import '../_chunks/dep-9b59ab07.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-9f6be541.js';
+import { _ as _slicedToArray } from '../_chunks/dep-e9eb270f.js';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
+import { c as camelCase_1 } from '../_chunks/dep-bce15148.js';
+import '../_chunks/dep-722fe6eb.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-9c495ff4.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.js';
+import '../_chunks/dep-d945c24c.js';
+import '../_chunks/dep-43841bc9.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-456d7444.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
 
 var _excluded = ["from", "to", "direction"];
 

package/esm/_util/injectValue.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/_util/insertCSS.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */