tdesign-react 0.33.1 → 0.33.2

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

@@ -1,11 +1,11 @@
 .step-item-basic() {
-
   .@{prefix}-steps-item {
     flex: 1;
     overflow: hidden;
     vertical-align: top;
     margin-right: @steps-item-margin-right;
     position: relative;
+    display: flex;
 
     &:last-child {
       flex: none;
@@ -94,7 +94,6 @@
 @anchor-status: wait;
 .default-anchor-status(@anchor-status) {
   & when(@anchor-status = finish) {
-
     .@{prefix}-steps-item__icon {
       .t-icon {
         color: @steps-item-icon-anchor-color;
@@ -113,9 +112,8 @@
     .@{prefix}-steps-item__description {
       color: @steps-description-color-finish;
     }
-  };
+  }
   & when(@anchor-status = process) {
-
     .@{prefix}-steps-item__icon {
       .t-icon {
         color: @steps-item-icon-anchor-color;
@@ -137,9 +135,8 @@
     .@{prefix}-steps-item__description {
       color: @steps-description-color-process;
     }
-  };
+  }
   & when(@anchor-status = error) {
-
     .@{prefix}-steps-item__icon {
       .t-icon {
         color: @steps-item-icon-anchor-color-error;
@@ -158,36 +155,32 @@
     .@{prefix}-steps-item__description {
       color: @steps-description-color-error;
     }
-  };
-};
+  }
+}
 
 .dot-anchor-status(@anchor-status) {
   & when(@anchor-status = finish) {
-
     .@{prefix}-steps-item__icon {
       border-color: @steps-item-icon-dot-border-color-finish;
     }
-  };
+  }
   & when(@anchor-status = process) {
-
     .@{prefix}-steps-item__icon {
       background: @steps-item-icon-dot-bg-color-process;
       border-color: @steps-item-icon-dot-border-color-process;
     }
-  };
+  }
   & when(@anchor-status = error) {
-
     .@{prefix}-steps-item__icon {
       background: @steps-item-icon-dot-bg-color-error;
       border-color: @steps-item-icon-dot-border-color-error;
     }
-  };
+  }
 }
 
 // icon 和 内容
 @item-direction: horizontal;
 .dot-icon(@item-direction) {
-
   .@{prefix}-steps-item__icon {
     display: block;
     width: @steps-dot-item-icon-width;
@@ -212,15 +205,15 @@
 // 连接线
 .connector-default(@direction; @isReverse:false) {
   & when (@direction = horizontal) {
-
     .@{prefix}-steps-item:not(:last-child) {
-
       .@{prefix}-steps-item__title:after {
         content: "";
         display: block;
         width: 9999px;
-        height: @step-stroke-width;
-        background: @steps-line-bg-color-horizontal-default;
+        border-left: 0;
+        border-top: 0;
+        border-bottom-width: @step-stroke-width;
+        border-bottom-color: @steps-line-bg-color-horizontal-default;
         position: absolute;
         left: 100%;
         top: 50%;
@@ -228,16 +221,90 @@
       }
     }
 
-    .@{prefix}-steps-item--finish:not(:last-child) {
+    // arrow分隔符
+    &.@{prefix}-steps--arrow-separator {
+      .@{prefix}-steps-item:not(:last-child):after {
+        flex: 1;
+        height: 24px;
+        content: "^";
+        transform: rotateZ(90deg);
+        display: inline-flex;
+        justify-content: center;
+        align-items: flex-end;
+        border: 0;
+        font-size: @spacer-2;
+        color: @steps-line-bg-color-horizontal-default;
+      }
+
+      .@{prefix}-steps-item--finish:not(:last-child)::after {
+        color: @steps-line-bg-color-horizontal-finish;
+      }
+
+      & when(@isReverse = true) {
+        .@{prefix}-steps-item:not(:last-child):after {
+          transform: rotateZ(-90deg);
+        }
+
+        .@{prefix}-steps-item--process:not(:last-child)::after,
+        .@{prefix}-steps-item--finish:not(:last-child)::after {
+          color: @steps-line-bg-color-horizontal-finish;
+        }
+      }
+    }
 
+    .@{prefix}-steps-item--finish:not(:last-child) {
       .@{prefix}-steps-item__title:after {
-        background: @steps-line-bg-color-horizontal-finish;
-        height: @steps-line-height;
+        border-bottom-width: @steps-line-height;
+        border-bottom-color: @steps-line-bg-color-horizontal-finish;
+        color: @steps-line-bg-color-horizontal-finish;
+      }
+    }
+
+    & when(@isReverse = true) {
+      .@{prefix}-steps-item--process:not(:last-child),
+      .@{prefix}-steps-item--finish:not(:last-child) {
+        .@{prefix}-steps-item__title:after {
+          border-bottom-width: @steps-line-height;
+          border-bottom-color: @steps-line-bg-color-horizontal-finish;
+          color: @steps-line-bg-color-horizontal-finish;
+        }
       }
     }
   }
 
   & when (@direction = vertical) {
+    // arrow分隔符
+    &.@{prefix}-steps--arrow-separator {
+      .@{prefix}-steps-item:not(:last-child)::before {
+        content: "^";
+        border: 0;
+        height: calc(100% - @spacer-3);
+        position: absolute;
+        top: @spacer-3;
+        left: @spacer-m;
+        display: flex;
+        align-items: center;
+        font-size: @spacer-2;
+        transform: rotateZ(180deg);
+        color: @steps-line-bg-color-vertical-default;
+      }
+
+      .@{prefix}-steps-item--finish:not(:last-child)::before {
+        color: @steps-line-bg-color-vertical-finish;
+      }
+
+      & when(@isReverse = true) {
+        .@{prefix}-steps-item:not(:last-child)::before {
+          transform: rotateZ(0);
+          margin-top: @spacer-s;
+        }
+
+        .@{prefix}-steps-item--process:not(:last-child)::before,
+        .@{prefix}-steps-item--finish:not(:last-child)::before {
+          color: @steps-line-bg-color-vertical-finish;
+        }
+      }
+    }
 
     .@{prefix}-steps-item {
       padding-bottom: @steps-item-padding-bottom-vertical;
@@ -248,8 +315,10 @@
           content: "";
           display: block;
           height: 100%;
-          width: @steps-item-icon-number-line-width;
-          background: @steps-line-bg-color-vertical-default;
+          border-left: 0;
+          border-top: 0;
+          border-right-width: @steps-item-icon-number-line-width;
+          border-right-color: @steps-line-bg-color-vertical-default;
           position: absolute;
           top: @steps-item-icon-number-line-top;
           left: @steps-item-icon-number-line-left;
@@ -257,18 +326,21 @@
 
         &--finish {
           &:not(:last-child)::before {
-            background: @steps-line-bg-color-vertical-finish;
-            width: @steps-line-width;
+            border-right-width: @steps-line-width;
+            border-right-color: @steps-line-bg-color-vertical-finish;
+            color: @steps-line-bg-color-vertical-finish;
           }
         }
       }
       & when(@isReverse = true) {
-        &:not(:first-child)::before {
+        &:not(:last-child)::before {
           content: "";
           display: block;
           height: 100%;
-          width: @steps-item-icon-number-line-width;
-          background: @steps-line-bg-color-vertical-default;
+          border-left: 0;
+          border-bottom: 0;
+          border-right-width: @steps-item-icon-number-line-width;
+          border-right-color: @steps-line-bg-color-vertical-default;
           position: absolute;
           top: @steps-item-icon-number-line-top;
           left: @steps-item-icon-number-line-left;
@@ -276,9 +348,10 @@
 
         &--process,
         &--finish {
-          &:not(:first-child)::before {
-            width: @steps-line-width;
-            background: @steps-line-bg-color-vertical-process;
+          &:not(:last-child)::before {
+            border-right-width: @steps-line-width;
+            border-right-color: @steps-line-bg-color-vertical-process;
+            color: @steps-line-bg-color-vertical-process;
           }
         }
       }
@@ -288,14 +361,45 @@
 
 .connector-dot(@direction; @isReverse:false) {
   & when(@direction = horizontal) {
+    // arrow分隔符
+    &.@{prefix}-steps--arrow-separator {
+      .@{prefix}-steps-item:not(:last-child)::after {
+        flex: 1;
+        content: "^";
+        display: inline-flex;
+        justify-content: center;
+        align-items: flex-start;
+        border: 0;
+        font-size: @spacer-2;
+        transform: rotateZ(90deg);
+        color: @steps-line-bg-color-horizontal-default;
+      }
+
+      .@{prefix}-steps-item--finish:not(:last-child)::after {
+        color: @steps-line-dot-bg-color-vertical-finish;
+      }
+
+      & when(@isReverse = true) {
+        .@{prefix}-steps-item:not(:last-child)::after {
+          transform: rotateZ(-90deg);
+        }
+
+        .@{prefix}-steps-item--process:not(:last-child)::after,
+        .@{prefix}-steps-item--finish:not(:last-child)::after {
+          color: @steps-line-dot-bg-color-vertical-finish;
+        }
+      }
+    }
 
     .@{prefix}-steps-item:not(:last-child) {
       &::after {
         content: "";
         display: block;
         width: @steps-item-connector-line-width;
-        height: @steps-item-icon-number-line-height;
-        background: @steps-line-dot-bg-color-vertical-default;
+        border-left: 0;
+        border-top: 0;
+        border-bottom-width: @steps-item-icon-number-line-height;
+        border-bottom-color: @steps-line-dot-bg-color-vertical-default;
         position: absolute;
         left: @steps-dot-connector-position-left-horizontal;
         top: @steps-dot-connector-position-top-horizontal;
@@ -304,22 +408,61 @@
 
     .@{prefix}-steps-item--finish:not(:last-child) {
       &::after {
-        background: @steps-line-dot-bg-color-vertical-finish;
-        height: @steps-line-height;
+        color: @steps-line-dot-bg-color-vertical-finish;
+        border-bottom-color: @steps-line-dot-bg-color-vertical-finish;
+        border-bottom-width: @steps-line-height;
+      }
+    }
+
+    & when(@isReverse = true) {
+      .@{prefix}-steps-item--process:not(:last-child),
+      .@{prefix}-steps-item--finish:not(:last-child) {
+        &::after {
+          color: @steps-line-dot-bg-color-vertical-finish;
+          border-bottom-color: @steps-line-dot-bg-color-vertical-finish;
+          border-bottom-width: @steps-line-height;
+        }
       }
     }
   }
   & when(@direction = vertical) {
+    // arrow分隔符
+    &.@{prefix}-steps--arrow-separator {
+      .@{prefix}-steps-item:not(:last-child)::before {
+        content: "^";
+        border: 0;
+        height: calc(100% - @spacer-s);
+        position: absolute;
+        top: @spacer;
+        left: 0;
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        color: @steps-line-bg-color-vertical-default;
+      }
 
-    .@{prefix}-steps-item {
+      .@{prefix}-steps-item--finish:not(:last-child)::before {
+        color: @steps-line-dot-bg-color-vertical-finish;
+      }
 
+      & when(@isReverse = true) {
+        .@{prefix}-steps-item--process:not(:last-child)::before,
+        .@{prefix}-steps-item--finish:not(:last-child)::before {
+          color: @steps-line-dot-bg-color-vertical-finish;
+        }
+      }
+    }
+
+    .@{prefix}-steps-item {
       & when(@isReverse = false) {
         &:not(:last-child)::before {
           content: "";
           display: block;
           height: 100%;
-          width: @steps-item-icon-number-line-height;
-          background: @steps-line-dot-bg-color-vertical-default;
+          border-bottom: 0;
+          border-left: 0;
+          border-right-width: @steps-item-icon-number-line-height;
+          border-right-color: @steps-line-dot-bg-color-vertical-default;
           position: absolute;
           left: @steps-dot-connector-position-left-vertical;
           top: @steps-dot-connector-position-top-vertical;
@@ -327,34 +470,38 @@
 
         &--finish {
           &:not(:last-child)::before {
-            background: @steps-line-dot-bg-color-vertical-finish;
-            width: @steps-line-width;
+            color: @steps-line-dot-bg-color-vertical-finish;
+            border-right-color: @steps-line-dot-bg-color-vertical-finish;
+            border-right-width: @steps-line-width;
           }
         }
       }
       & when(@isReverse = true) {
         margin-bottom: 0;
 
-        &:not(:first-child)::before {
+        &:not(:last-child)::before {
           content: "";
           display: block;
           height: 100%;
-          width: @steps-item-icon-number-line-height;
-          background: @steps-line-dot-bg-color-vertical-default;
+          border-bottom: 0;
+          border-left: 0;
+          border-right-width: @steps-item-icon-number-line-height;
+          border-right-color: @steps-line-dot-bg-color-vertical-default;
           position: absolute;
           left: @steps-dot-connector-position-left-vertical-reverse;
           top: @steps-dot-connector-position-top-vertical;
         }
 
-        &:first-child::before {
+        &:last-child::before {
           display: none;
         }
 
         &--process,
         &--finish {
-          &:not(:first-child)::before {
-            width: @steps-line-width;
-            background: @steps-line-dot-bg-color-vertical-process;
+          &:not(:last-child)::before {
+            border-right-width: @steps-line-width;
+            border-right-color: @steps-line-dot-bg-color-vertical-process;
+            color: @steps-line-dot-bg-color-vertical-process;
           }
         }
       }

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

@@ -40,9 +40,9 @@
 @steps-dot-connector-position-top-horizontal: 2.5px;
 @steps-dot-connector-position-left-horizontal: calc(@steps-dot-content-width / 2 + @spacer);
 @steps-dot-connector-position-top-vertical: 17px;
-@steps-dot-connector-position-left-vertical: 2.5px;
+@steps-dot-connector-position-left-vertical: 3.5px;
 @steps-dot-connector-position-left-vertical-reverse: 3.5px;
-@steps-item-icon-number-margin-top: 3px;
+@steps-item-icon-number-margin-top: 4px;
 
 // 描边宽度
 @step-stroke-width: 1px;

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

@@ -941,6 +941,8 @@
 .@{prefix}-table__tree-op-icon {
   margin-right: @spacer-2;
   cursor: pointer;
+  display: inline-flex;
+  vertical-align: text-bottom;
 
   &:hover {
     color: @table-icon-active-color;

package/esm/_util/callBoth.js

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

package/esm/_util/composeRefs.js

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

package/esm/_util/dom.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import raf from 'raf';
-import { i as isString_1 } from '../_chunks/dep-f9af608c.js';
+import { i as isString_1 } from '../_chunks/dep-7963b6d9.js';
 import { easeInOutCubic } from './easing.js';
-import '../_chunks/dep-f59d3651.js';
-import '../_chunks/dep-99b6334a.js';
-import '../_chunks/dep-bf5b1132.js';
-import '../_chunks/dep-4cc036f1.js';
-import '../_chunks/dep-6e16f4e7.js';
-import '../_chunks/dep-f2595f47.js';
+import '../_chunks/dep-c0617d36.js';
+import '../_chunks/dep-730b5017.js';
+import '../_chunks/dep-ef7b8824.js';
+import '../_chunks/dep-acb05a99.js';
+import '../_chunks/dep-c4190bcd.js';
+import '../_chunks/dep-cc41fc2a.js';
 
 var canUseDocument = !!(typeof window !== "undefined" && window.document && window.document.createElement);
 

package/esm/_util/easing.js

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

package/esm/_util/forwardRefWithStatics.js

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

package/esm/_util/getScrollbarWidth.js

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

package/esm/_util/hasScrollBar.js

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

package/esm/_util/helper.js

@@ -1,24 +1,24 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-0685b0e1.js';
-import { _ as _slicedToArray } from '../_chunks/dep-6f4668cb.js';
-import { _ as _defineProperty } from '../_chunks/dep-47b7c0d2.js';
-import { c as camelCase_1 } from '../_chunks/dep-a4503b88.js';
-import '../_chunks/dep-7147c831.js';
-import '../_chunks/dep-f59d3651.js';
-import '../_chunks/dep-76f9888f.js';
-import '../_chunks/dep-99b6334a.js';
-import '../_chunks/dep-bf5b1132.js';
-import '../_chunks/dep-4cc036f1.js';
-import '../_chunks/dep-6e16f4e7.js';
-import '../_chunks/dep-ba9c49d2.js';
-import '../_chunks/dep-f2595f47.js';
-import '../_chunks/dep-33f2ee4f.js';
-import '../_chunks/dep-d097c582.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-c3768276.js';
+import { _ as _slicedToArray } from '../_chunks/dep-3f6e6a10.js';
+import { _ as _defineProperty } from '../_chunks/dep-25d5498c.js';
+import { c as camelCase_1 } from '../_chunks/dep-15e49f97.js';
+import '../_chunks/dep-59e5dea8.js';
+import '../_chunks/dep-c0617d36.js';
+import '../_chunks/dep-6a9f0366.js';
+import '../_chunks/dep-730b5017.js';
+import '../_chunks/dep-ef7b8824.js';
+import '../_chunks/dep-acb05a99.js';
+import '../_chunks/dep-c4190bcd.js';
+import '../_chunks/dep-7bd9b493.js';
+import '../_chunks/dep-cc41fc2a.js';
+import '../_chunks/dep-db5f5154.js';
+import '../_chunks/dep-59484d72.js';
 
 var _excluded = ["from", "to", "direction"];
 

package/esm/_util/injectValue.js

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

package/esm/_util/insertCSS.js

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

package/esm/_util/isCallable.js

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

package/esm/_util/linearGradient.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _objectWithoutProperties } from '../_chunks/dep-0685b0e1.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-c3768276.js';
 
 var _excluded = ["from", "to", "direction"];
 

package/esm/_util/noop.js

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

package/esm/_util/number.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.33.1
+ * tdesign v0.33.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-6f4668cb.js';
-import '../_chunks/dep-7147c831.js';
+import { _ as _slicedToArray } from '../_chunks/dep-3f6e6a10.js';
+import '../_chunks/dep-59e5dea8.js';
 
 function accAdd(num1, num2) {
   var isFloat = function isFloat(n) {

package/esm/_util/renderTNode.js

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

package/esm/_util/setStyle.js

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