tdesign-vue-next 0.9.3 → 0.10.0

package/CHANGELOG.md

@@ -5,6 +5,36 @@ toc: false
 docClass: timeline
 ---
 
+## 0.10.0 `2022-03-11`
+
+### BREAKING CHANGES
+
+* Input: `DOM` 结构调整，最外层调整为 `t-input__wrap`([pr #409](https://github.com/Tencent/tdesign-vue-next/pull/409)), ([@pengYYYYY](https://github.com/pengYYYYY))
+
+### Bug Fixes
+
+* Select:
+  * 修复单选下斜八度动画覆盖文字的错误 ([pr #421](https://github.com/Tencent/tdesign-vue-next/pull/421)), ([@uyarn](https://github.com/uyarn))
+  * 修复 `filterable` 属性导致高度变化 ([pr #430](https://github.com/Tencent/tdesign-vue-next/pull/430)), ([issue #423](https://github.com/Tencent/tdesign-vue-next/issues/423)), ([@pengYYYYY](https://github.com/pengYYYYY))
+  * 修复事件与双向绑定数据更新时机不一致问题 ([pr #421](https://github.com/Tencent/tdesign-vue-next/pull/421)), ([@uyarn](https://github.com/uyarn))
+* cascader: ([pr #422](https://github.com/Tencent/tdesign-vue-next/pull/422)), ([@pengYYYYY](https://github.com/pengYYYYY))
+  * 修复 `filterable` 属性导致 `hover` 样式异常的问题
+  * 修复可选任意一级缺少高亮状  ([issue #114](https://github.com/Tencent/tdesign-vue-next/issue/114))
+* DatePicker: 修复按需引入时，按钮展示问题 ([pr #425](https://github.com/Tencent/tdesign-vue-next/pull/425)), ([issue #419](https://github.com/Tencent/tdesign-vue-next/issues/419)), ([@BuptStEve](https://github.com/BuptStEve))
+* Tree: 修复数据无法更新问题 ([pr #406](https://github.com/Tencent/tdesign-vue-next/pull/406)), ([@pengYYYYY](https://github.com/pengYYYYY))
+
+### Features
+
+* Badge: 使用 `compositionAPI` 重构组件 ([pr #402](https://github.com/Tencent/tdesign-vue-next/pull/402)), ([issue #58](https://github.com/Tencent/tdesign-vue-next/pull/58)), ([@ChrisLee0211](https://github.com/ChrisLee0211 ))
+
+
+## 0.9.4 `2022-03-04`
+
+### Bug Fixes
+
+* 修复在 `typescript` 严格模式下打包出错  ([issue #384](https://github.com/Tencent/tdesign-vue-next/issues/384))
+
+
 ## 0.9.3 `2022-03-04`
 
 

package/dist/tdesign.css

@@ -5878,9 +5878,28 @@ a.t-menu__item:active {
 .t-align-right > .t-input__inner {
   text-align: right;
 }
-.t-input-number__decrease + .t-input {
+.t-input-number__decrease + .t-input__wrap {
   margin-left: 4px;
 }
+.t-input-number__tips {
+  height: auto;
+  min-height: 24px;
+  line-height: 20px;
+  font-size: 12px;
+  margin-left: 4px;
+}
+.t-input-number__tips--normal {
+  color: var(--td-text-color-placeholder);
+}
+.t-input-number__tips--success {
+  color: var(--td-success-color);
+}
+.t-input-number__tips--warning {
+  color: var(--td-warning-color);
+}
+.t-input-number__tips--error {
+  color: var(--td-error-color);
+}
 
 .input-disabled.t-input.t-is-disabled {
   color: var(--td-text-color-disabled);
@@ -6157,25 +6176,32 @@ a.t-menu__item:active {
       -ms-flex-align: stretch;
           align-items: stretch;
 }
-.t-input-group .t-input {
+.t-input-group .t-input__wrap {
   border-radius: 0;
 }
-.t-input-group .t-input:first-child {
+.t-input-group .t-input__wrap:first-child {
   border-radius: 3px 0 0 3px;
 }
-.t-input-group .t-input:last-child {
+.t-input-group .t-input__wrap:last-child {
   border-radius: 0 3px 3px 0;
 }
-.t-input-group .t-input,
 .t-input-group .t-button,
 .t-input-group .t-select {
   border-radius: 0;
 }
-.t-input-group .t-input:not(:first-child),
 .t-input-group .t-button:not(:first-child),
 .t-input-group .t-select:not(:first-child) {
   margin-left: -1px;
 }
+.t-input-group .t-input__wrap:not(:first-child) .t-input {
+  margin-left: -1px;
+}
+.t-input-group .t-input__wrap:first-child .t-input {
+  border-radius: 3px 0 0 3px;
+}
+.t-input-group .t-input__wrap:last-child .t-input {
+  border-radius: 0 3px 3px 0;
+}
 .t-input-group .t-button:first-child,
 .t-input-group .t-select:first-child {
   border-radius: 3px 0 0 3px;
@@ -6184,7 +6210,7 @@ a.t-menu__item:active {
 .t-input-group .t-select:last-child {
   border-radius: 0 3px 3px 0;
 }
-.t-input-group--separate .t-input + .t-input {
+.t-input-group--separate .t-input__wrap + .t-input__wrap {
   margin-left: 8px;
 }
 .t-input-group--separate .t-button,
@@ -6199,13 +6225,13 @@ a.t-menu__item:active {
 .t-input-group--separate .t-select:last-child {
   border-radius: 0 3px 3px 0;
 }
-.t-input-group--separate .t-input {
+.t-input-group--separate .t-input__wrap .t-input {
   border-radius: 3px;
 }
-.t-input-group--separate .t-input:first-child {
+.t-input-group--separate .t-input__wrap .t-input:first-child {
   border-radius: 3px;
 }
-.t-input-group--separate .t-input:last-child {
+.t-input-group--separate .t-input__wrap .t-input:last-child {
   border-radius: 3px;
 }
 .t-input-group .t-input__inner,
@@ -6258,16 +6284,16 @@ a.t-menu__item:active {
   border-left: 0;
   border-radius: 0 3px 3px 0;
 }
-.t-addon > .t-input {
+.t-addon > .t-input__wrap {
   width: 100%;
 }
-.t-addon--prepend > .t-input {
+.t-addon--prepend .t-input {
   border-radius: 0 3px 3px 0;
 }
-.t-addon--append > .t-input {
+.t-addon--append .t-input {
   border-radius: 3px 0 0 3px;
 }
-.t-addon--prepend.t-addon--append > .t-input .t-input__inner {
+.t-addon--prepend.t-addon--append .t-input {
   border-radius: 0;
 }
 .t-input__wrap {
@@ -6650,6 +6676,11 @@ a .t-tag:active {
 .t-select__wrap {
   width: 100%;
 }
+.t-select-polyfill {
+  border: 1px solid var(--td-border-level-2-color);
+  border-radius: 3px;
+  padding: 0 26px 0 4px;
+}
 .t-select {
   position: relative;
   display: -webkit-inline-box;
@@ -6661,9 +6692,6 @@ a .t-tag:active {
   vertical-align: middle;
   line-height: 30px;
   background: var(--td-bg-color-specialcomponent);
-  border: 1px solid var(--td-border-level-2-color);
-  border-radius: 3px;
-  padding: 0 26px 0 4px;
   -webkit-transition: border-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
   transition: border-color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
   -ms-flex-wrap: wrap;
@@ -6701,14 +6729,16 @@ a .t-tag:active {
   text-overflow: ellipsis;
 }
 .t-select .t-select__right-icon {
+  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
+}
+.t-select .t-select__right-icon-polyfill {
   position: absolute;
   height: 100%;
   margin: 0 8px;
   right: 0;
   top: 0;
   color: var(--td-text-color-placeholder);
-  -webkit-transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
-  transition: color 0.2s cubic-bezier(0.38, 0, 0.24, 1);
 }
 .t-select .t-select__active-icon {
   color: var(--td-brand-color);
@@ -6747,6 +6777,7 @@ a .t-tag:active {
           flex: 1;
 }
 .t-select .t-select__input.t-input {
+  height: auto;
   border: 0;
   padding: 0;
 }
@@ -7003,6 +7034,25 @@ ul.t-select-option-group__header,
 .t-select-option + .t-select-option {
   margin-top: 4px;
 }
+.t-select.t-select-input--borderless .t-select__right-icon {
+  position: relative;
+  margin: 0;
+}
+.t-select .t-fake-arrow {
+  color: var(--td-text-color-placeholder);
+}
+.t-select .t-fake-arrow--active {
+  color: var(--td-brand-color);
+}
+.t-select .t-input:hover:not(.t-is-disabled),
+.t-select .t-input :active:not(.t-is-disabled) {
+  cursor: pointer;
+  border-color: var(--td-brand-color);
+}
+.t-select .t-input:hover:not(.t-is-disabled) .t-fake-arrow,
+.t-select .t-input :active:not(.t-is-disabled) .t-fake-arrow {
+  color: var(--td-brand-color);
+}
 
 .t-pagination {
   display: -webkit-box;
@@ -7859,6 +7909,8 @@ ul.t-select-option-group__header,
 .t-cascader .t-input {
   border: 0;
   padding: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-left: 4px;
 }
 .t-cascader .t-input:hover,
@@ -8322,14 +8374,31 @@ ul.t-select-option-group__header,
 .t-form__controls.t-form--success-border.t-is-success .t-input__extra {
   color: var(--td-success-color);
 }
-.t-form__controls.t-form--success-border.t-is-success > .t-form__controls-content > .t-input {
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner {
   border-color: var(--td-success-color);
 }
-.t-form__controls.t-form--success-border.t-is-success > .t-form__controls-content > .t-input--focused {
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-input--focused,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select--focused,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-radio-button--focused,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader--focused,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner--focused {
+  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
+          box-shadow: 0 0 0 2px var(--td-success-color-focus);
+}
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-textarea__inner.t-is-focused {
+  -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
+          box-shadow: 0 0 0 2px var(--td-success-color-focus);
+}
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-cascader.t-is-active,
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-select.t-is-active {
   -webkit-box-shadow: 0 0 0 2px var(--td-success-color-focus);
           box-shadow: 0 0 0 2px var(--td-success-color-focus);
 }
-.t-form__controls.t-form--success-border.t-is-success > .t-form__controls-content .t-form__status .t-icon {
+.t-form__controls.t-form--success-border.t-is-success .t-form__controls-content .t-form__status .t-icon {
   color: var(--td-success-color);
 }
 .t-form__help {
@@ -8383,27 +8452,61 @@ ul.t-select-option-group__header,
 .t-is-warning .t-input__extra {
   color: var(--td-warning-color);
 }
-.t-is-warning > .t-form__controls-content > .t-input {
+.t-is-warning .t-form__controls-content .t-input,
+.t-is-warning .t-form__controls-content .t-select,
+.t-is-warning .t-form__controls-content .t-radio-button,
+.t-is-warning .t-form__controls-content .t-cascader,
+.t-is-warning .t-form__controls-content .t-textarea__inner {
   border-color: var(--td-warning-color);
 }
-.t-is-warning > .t-form__controls-content > .t-input--focused {
+.t-is-warning .t-form__controls-content .t-input--focused,
+.t-is-warning .t-form__controls-content .t-select--focused,
+.t-is-warning .t-form__controls-content .t-radio-button--focused,
+.t-is-warning .t-form__controls-content .t-cascader--focused,
+.t-is-warning .t-form__controls-content .t-textarea__inner--focused {
+  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+}
+.t-is-warning .t-form__controls-content .t-textarea__inner.t-is-focused {
   -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
           box-shadow: 0 0 0 2px var(--td-warning-color-focus);
 }
-.t-is-warning > .t-form__controls-content .t-form__status .t-icon {
+.t-is-warning .t-form__controls-content .t-cascader.t-is-active,
+.t-is-warning .t-form__controls-content .t-select.t-is-active {
+  -webkit-box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+          box-shadow: 0 0 0 2px var(--td-warning-color-focus);
+}
+.t-is-warning .t-form__controls-content .t-form__status .t-icon {
   color: var(--td-warning-color);
 }
 .t-is-error .t-input__extra {
   color: var(--td-error-color);
 }
-.t-is-error > .t-form__controls-content > .t-input {
+.t-is-error .t-form__controls-content .t-input,
+.t-is-error .t-form__controls-content .t-select,
+.t-is-error .t-form__controls-content .t-radio-button,
+.t-is-error .t-form__controls-content .t-cascader,
+.t-is-error .t-form__controls-content .t-textarea__inner {
   border-color: var(--td-error-color);
 }
-.t-is-error > .t-form__controls-content > .t-input--focused {
+.t-is-error .t-form__controls-content .t-input--focused,
+.t-is-error .t-form__controls-content .t-select--focused,
+.t-is-error .t-form__controls-content .t-radio-button--focused,
+.t-is-error .t-form__controls-content .t-cascader--focused,
+.t-is-error .t-form__controls-content .t-textarea__inner--focused {
   -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
           box-shadow: 0 0 0 2px var(--td-error-color-focus);
 }
-.t-is-error > .t-form__controls-content .t-form__status .t-icon {
+.t-is-error .t-form__controls-content .t-textarea__inner.t-is-focused {
+  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
+          box-shadow: 0 0 0 2px var(--td-error-color-focus);
+}
+.t-is-error .t-form__controls-content .t-cascader.t-is-active,
+.t-is-error .t-form__controls-content .t-select.t-is-active {
+  -webkit-box-shadow: 0 0 0 2px var(--td-error-color-focus);
+          box-shadow: 0 0 0 2px var(--td-error-color-focus);
+}
+.t-is-error .t-form__controls-content .t-form__status .t-icon {
   color: var(--td-error-color);
 }
 
@@ -10077,6 +10180,7 @@ ul.t-select-option-group__header,
   height: 0;
   padding-top: 0;
   padding-bottom: 0;
+  overflow: hidden;
 }
 .t-tree--transition .t-tree__item--enter-active {
   -webkit-animation: t-tree-toggle 300ms linear;
@@ -13851,6 +13955,9 @@ ul.t-select-option-group__header,
 .t-upload__flow-table > tr > th {
   padding: 10px 24px;
 }
+.t-upload__flow-table__batch-row {
+  border-left: 1px solid var(--td-component-border);
+}
 .t-upload__flow-button {
   color: var(--td-text-color-placeholder);
   cursor: pointer;