tdesign-vue-next 0.6.1 → 0.6.2

package/CHANGELOG.md

@@ -5,7 +5,7 @@ toc: false
 docClass: timeline
 ---
 
-## 0.6.1 `2022-01-06`
+## 0.6.2 `2022-01-06`
 
 ### Bug Fixes
 

package/dist/tdesign.css

@@ -3236,74 +3236,74 @@
 .t-fake-arrow--active path {
   d: path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425");
 }
-.arrow-placment-top .t-popup[data-popper-placement^="top"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement^="top"] .t-popup__arrow {
   bottom: calc(-8px / 2);
 }
-.arrow-placment-top .t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
+.arrow-placement-top .t-popup[data-popper-placement^="top"] .t-popup__arrow::before {
   border-top-left-radius: 100%;
   -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
           box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-bottom);
 }
-.arrow-placment-top .t-popup[data-popper-placement="top-start"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement="top-start"] .t-popup__arrow {
   left: 8px;
 }
-.arrow-placment-top .t-popup[data-popper-placement="top"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement="top"] .t-popup__arrow {
   left: 50%;
   margin-left: calc(-8px / 2);
 }
-.arrow-placment-top .t-popup[data-popper-placement="top-end"] .t-popup__arrow {
+.arrow-placement-top .t-popup[data-popper-placement="top-end"] .t-popup__arrow {
   left: calc(100% - 8px * 2);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow {
   top: calc(-8px / 2);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
+.arrow-placement-bottom .t-popup[data-popper-placement^="bottom"] .t-popup__arrow::before {
   border-bottom-right-radius: 100%;
   -webkit-box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
           box-shadow: var(--td-shadow-inset-top), var(--td-shadow-inset-right);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement="bottom-start"] .t-popup__arrow {
   left: 8px;
 }
-.arrow-placment-bottom .t-popup[data-popper-placement="bottom"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement="bottom"] .t-popup__arrow {
   left: 50%;
   margin-left: calc(-8px / 2);
 }
-.arrow-placment-bottom .t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
+.arrow-placement-bottom .t-popup[data-popper-placement="bottom-end"] .t-popup__arrow {
   left: calc(100% - 8px * 2);
 }
-.arrow-placment-left .t-popup[data-popper-placement^="left"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement^="left"] .t-popup__arrow {
   right: calc(-8px / 2);
 }
-.arrow-placment-left .t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
+.arrow-placement-left .t-popup[data-popper-placement^="left"] .t-popup__arrow::before {
   -webkit-box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
           box-shadow: var(--td-shadow-inset-left), var(--td-shadow-inset-top);
 }
-.arrow-placment-left .t-popup[data-popper-placement="left-start"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement="left-start"] .t-popup__arrow {
   top: 8px;
 }
-.arrow-placment-left .t-popup[data-popper-placement="left"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement="left"] .t-popup__arrow {
   top: 50%;
   margin-top: calc(-8px / 2);
 }
-.arrow-placment-left .t-popup[data-popper-placement="left-end"] .t-popup__arrow {
+.arrow-placement-left .t-popup[data-popper-placement="left-end"] .t-popup__arrow {
   top: calc(100% - 8px * 2);
 }
-.arrow-placment-right .t-popup[data-popper-placement^="right"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement^="right"] .t-popup__arrow {
   left: calc(-8px / 2);
 }
-.arrow-placment-right .t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
+.arrow-placement-right .t-popup[data-popper-placement^="right"] .t-popup__arrow::before {
   -webkit-box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
           box-shadow: var(--td-shadow-inset-right), var(--td-shadow-inset-bottom);
 }
-.arrow-placment-right .t-popup[data-popper-placement="right-start"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement="right-start"] .t-popup__arrow {
   top: 8px;
 }
-.arrow-placment-right .t-popup[data-popper-placement="right"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement="right"] .t-popup__arrow {
   top: 50%;
   margin-top: calc(-8px / 2);
 }
-.arrow-placment-right .t-popup[data-popper-placement="right-end"] .t-popup__arrow {
+.arrow-placement-right .t-popup[data-popper-placement="right-end"] .t-popup__arrow {
   top: calc(100% - 8px * 2);
 }
 .t-popup {
@@ -3444,12 +3444,12 @@
           transform: none;
 }
 .t-popup--animation-enter-active {
-  -webkit-transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: opacity 0.2s linear, visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-popup--animation-leave-active {
-  -webkit-transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: opacity 0.2s cubic-bezier(0.82, 0, 1, 0.9), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.32, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: opacity 0.2s cubic-bezier(0, 0, 0.32, 1), visibility 0.2s cubic-bezier(0.82, 0, 1, 0.9), max-height 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 
 .narrow-scrollbar::-webkit-scrollbar {
@@ -8013,8 +8013,8 @@ ul.t-select-option-group__header,
   width: 1px;
   height: calc(100% - 16px);
   background-color: var(--td-component-border);
-  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: opacity 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.32, 1);
+  transition: opacity 0.2s cubic-bezier(0, 0, 0.32, 1);
 }
 .t-radio-group.t-radio-group--filled .t-radio-button:first-child::before {
   opacity: 0;
@@ -8092,8 +8092,8 @@ ul.t-select-option-group__header,
   border-color: var(--td-border-level-2-color);
   border-right: 0;
   line-height: 22px;
-  -webkit-transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: color 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: color 0.2s cubic-bezier(0, 0, 0.32, 1);
+  transition: color 0.2s cubic-bezier(0, 0, 0.32, 1);
   color: var(--td-text-color-primary);
   white-space: nowrap;
 }
@@ -8116,8 +8116,8 @@ ul.t-select-option-group__header,
 .t-radio-group .t-radio-button.t-is-checked {
   border-right: 1px solid;
   border-color: var(--td-brand-color);
-  -webkit-transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: border-color 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: border-color 0.2s cubic-bezier(0, 0, 0.32, 1);
+  transition: border-color 0.2s cubic-bezier(0, 0, 0.32, 1);
 }
 .t-radio-group .t-radio-button.t-is-checked + .t-radio-button {
   border-left: 0;
@@ -8157,8 +8157,8 @@ ul.t-select-option-group__header,
   border-radius: 50%;
   border: 1px solid var(--td-border-level-2-color);
   background-color: var(--td-bg-color-container);
-  -webkit-transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: border 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: border 0.2s cubic-bezier(0, 0, 0.32, 1);
+  transition: border 0.2s cubic-bezier(0, 0, 0.32, 1);
 }
 .t-radio__input::after {
   content: "";
@@ -8170,8 +8170,8 @@ ul.t-select-option-group__header,
   height: 8px;
   border-radius: 50%;
   background-color: var(--td-brand-color);
-  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.32, 1);
+  transition: all 0.2s cubic-bezier(0, 0, 0.32, 1);
 }
 .t-radio__label {
   display: inline-block;
@@ -8480,8 +8480,8 @@ ul.t-select-option-group__header,
   line-height: 20px;
   border-radius: 10px;
   min-width: 36px;
-  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
-  transition: all 0.2s cubic-bezier(0, 0, 0.15, 1);
+  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.32, 1);
+  transition: all 0.2s cubic-bezier(0, 0, 0.32, 1);
   background-color: var(--td-bg-color-component);
   cursor: pointer;
   -webkit-user-select: none;