tdesign-vue-next 0.17.2 → 0.17.3

package/CHANGELOG.md

@@ -5,6 +5,34 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 0.17.3 `2022-07-04` 
+### 🚀 Features
+- `Form`: 添加内置校验方法 `whitespace` @timi137137 ([#1110](https://github.com/Tencent/tdesign-vue-next/pull/1110))
+- `table`: 可编辑单元格，支持编辑组件联动， [issue#995](https://github.com/Tencent/tdesign-react/issues/995) @chaishi ([#1137](https://github.com/Tencent/tdesign-vue-next/pull/1137))
+- `Table`: 树形结构支持半选状态 @chaishi ([#1142](https://github.com/Tencent/tdesign-vue-next/pull/1142))
+- `Jumper`: 新增 `jumper` 组件 @HQ-Lin ([#1104](https://github.com/Tencent/tdesign-vue-next/pull/1104))
+### 🐞 Bug Fixes
+- `Table`: 表头吸顶显示问题 @chaishi ([#1102](https://github.com/Tencent/tdesign-vue-next/pull/1102))
+- `Table`: `paginationAffixedBottom` 支持配置 Affix 组件全部特性 @chaishi ([#1102](https://github.com/Tencent/tdesign-vue-next/pull/1102))
+- `DatePicker`: 修复 `Jumper` 组件类名错误 @HQ-Lin ([#1085](https://github.com/Tencent/tdesign-vue-next/pull/1085))
+- `Upload`: 在每次上传前将错误提示数据重置 @sinbadmaster ([#1103](https://github.com/Tencent/tdesign-vue-next/pull/1103))
+- `RadioGroup`: 修复 `RadioGroup` 多次赋予不存在的值时文字不能正常显示 @timi137137 ([#1109](https://github.com/Tencent/tdesign-vue-next/pull/1109))
+- `Dialog`: 修复 `closeOnOverlayClick` `closeOnEscKeydown` 默认值导致的无法设置的问题 ([#1096 ](https://github.com/Tencent/tdesign-vue-next/issues/1100)) @pengYYYYY ([#1101](https://github.com/Tencent/tdesign-vue-next/pull/1101))
+- `Drawer`: 修复 `closeOnOverlayClick` `closeOnEscKeydown` 默认值导致的无法设置的问题 ([#1097 ](https://github.com/Tencent/tdesign-vue-next/issues/1100)) @pengYYYYY ([#1101](https://github.com/Tencent/tdesign-vue-next/pull/1101))
+- `DatePicker`: 修复日期选择器在表单禁用后还能点击的问题 @timi137137 ([#1117](https://github.com/Tencent/tdesign-vue-next/pull/1117))
+- `Tree`: `getRightData` 方法兼容 `value` 的 `alias`  @sufuwang ([#1118](https://github.com/Tencent/tdesign-vue-next/pull/1118))
+- `Form`: 修复不传 `form.onSubmit` 回调函数导致的 `scrollToFirstError` 参数失效的问题 @k1nz ([#1120](https://github.com/Tencent/tdesign-vue-next/pull/1120))
+- `DatePicker`: 修复 `clearble` 响应式问题 @HQ-Lin ([#1124](https://github.com/Tencent/tdesign-vue-next/pull/1124))
+- `Dialog`: 修复滚动失效问题  @HQ-Lin ([#1130](https://github.com/Tencent/tdesign-vue-next/pull/1130))
+- `Table`: 修复动态数据合并元格问题，[issue#1070](https://github.com/Tencent/tdesign-vue-next/issues/1070) @chaishi ([#1135](https://github.com/Tencent/tdesign-vue-next/pull/1135))
+- `Table`: 修复树形结构设置 `indent = 0` 无效问题，[issue#909](https://github.com/Tencent/tdesign-vue-next/issues/909) @chaishi ([#1135](https://github.com/Tencent/tdesign-vue-next/pull/1135))
+- `Slider`: 使用 `InputNumber` 时在使用 `range` 属性情况下传入 `min` 或 `max` 会导致手动输入显示 `NaN` 问题 @ChrisLee0211 ([#1136](https://github.com/Tencent/tdesign-vue-next/pull/1136))
+- `Select`: 修复多选下换行提前占满一行的问题 @uyarn ([#1143](https://github.com/Tencent/tdesign-vue-next/pull/1143))
+- `Select`: 修复 `input` 高度 `height 100%` 导致换行高度异常的问题 @uyarn ([#1143](https://github.com/Tencent/tdesign-vue-next/pull/1143))
+- `Pagination`: 修复如果页面总数变更后当前页数不变的问题 @timi137137 ([#1147](https://github.com/Tencent/tdesign-vue-next/pull/1147))
+- `RangeInput`: 修复 `rangeinput` 样式问题 @HQ-Lin ([#1123](https://github.com/Tencent/tdesign-vue-next/pull/1123))
+
+
 ## 🌈 0.17.2 `2022-06-28` 
 ### 🐞 Bug Fixes
 - `ClassPrefix`: 未使用classPrefix的节点修复 ([#1091](https://github.com/Tencent/tdesign-vue-next/issues/1091)) @pengYYYYY ([#1092](https://github.com/Tencent/tdesign-vue-next/pull/1092))

package/dist/tdesign.css

@@ -1432,6 +1432,8 @@
   position: relative;
   max-width: 100%;
   min-height: 1px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-col-12 {
   display: block;
@@ -3497,6 +3499,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.t-space .t-space-item {
+  width: inherit;
+}
 .t-space-align-start {
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -4302,6 +4307,41 @@
   margin-left: 8px;
 }
 
+.t-jumper {
+  font-family: PingFang SC, Microsoft YaHei, Arial Regular;
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--td-text-color-primary);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.t-jumper--outline .t-jumper__prev {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  position: relative;
+  z-index: 1;
+}
+.t-jumper--outline .t-jumper__current {
+  border-radius: 0;
+  position: relative;
+  margin-left: -1px;
+}
+.t-jumper--outline .t-jumper__current:hover {
+  z-index: 1;
+}
+.t-jumper--outline .t-jumper__next {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  position: relative;
+  margin-left: -1px;
+}
+.t-jumper--outline .t-jumper__next:hover {
+  z-index: 1;
+}
+
 .t-tabs {
   font-family: PingFang SC, Microsoft YaHei, Arial Regular;
   font-size: 14px;
@@ -5002,6 +5042,8 @@ a.t-menu__item:active {
   line-height: 20px;
   color: var(--td-font-gray-3);
   font-size: 12px;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-default-menu .t-submenu {
   margin-bottom: 4px;
@@ -5015,6 +5057,8 @@ a.t-menu__item:active {
   left: 0;
   text-align: left;
   border-top: solid 1px var(--td-component-stroke);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-default-menu .t-menu__operations-icon {
   width: 32px;
@@ -5485,7 +5529,6 @@ a.t-menu__item:active {
   background-color: transparent;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  height: 100%;
 }
 .t-input__inner:-moz-read-only {
   cursor: pointer;
@@ -8084,9 +8127,6 @@ ul.t-select-option-group__header,
 .t-cascader__panel.t-cascader--multiple {
   height: 280px;
 }
-.t-cascader__panel.t-cascader--tip {
-  height: 40px;
-}
 .t-cascader__panel--empty {
   width: 100%;
   height: 40px;
@@ -8154,6 +8194,9 @@ ul.t-select-option-group__header,
   color: var(--td-text-color-placeholder);
 }
 .t-cascader__item-icon.t-loading {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   color: var(--td-text-color-brand);
 }
 .t-cascader__item.t-is-expanded {
@@ -8579,16 +8622,22 @@ ul.t-select-option-group__header,
   width: 100%;
   border-collapse: collapse;
 }
-.t-date-picker__table th {
+.t-date-picker__table table th {
   text-align: center;
   color: var(--td-text-color-secondary);
   font-weight: 400;
 }
-.t-date-picker__table td {
+.t-date-picker__table table td.t-date-picker__cell {
   text-align: center;
   font-weight: 500;
 }
-.t-date-picker__table thead::after {
+.t-date-picker__table table th,
+.t-date-picker__table table td.t-date-picker__cell {
+  padding: 0;
+  border: 0;
+  line-height: initial;
+}
+.t-date-picker__table table thead::after {
   content: "-";
   display: block;
   line-height: 3px;
@@ -8608,24 +8657,24 @@ ul.t-select-option-group__header,
   gap: 8px;
 }
 .t-date-picker__footer--bottom {
-  border-top: 1px solid var(--td-gray-color-3);
+  border-top: 1px solid var(--td-component-stroke);
 }
 .t-date-picker__footer--top {
-  border-bottom: 1px solid var(--td-gray-color-3);
+  border-bottom: 1px solid var(--td-component-stroke);
 }
 .t-date-picker__footer--left {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  border-right: 1px solid var(--td-gray-color-3);
+  border-right: 1px solid var(--td-component-stroke);
 }
 .t-date-picker__footer--right {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  border-left: 1px solid var(--td-gray-color-3);
+  border-left: 1px solid var(--td-component-stroke);
 }
 .t-date-picker__presets {
   display: -webkit-box;
@@ -8633,7 +8682,7 @@ ul.t-select-option-group__header,
   display: flex;
   gap: 8px;
   white-space: nowrap;
-  min-width: 100px;
+  min-width: 40px;
 }
 .t-date-picker__presets .t-button {
   cursor: pointer;
@@ -8655,7 +8704,7 @@ ul.t-select-option-group__header,
           flex-direction: column;
   gap: 2px;
   padding: 12px;
-  border-left: 1px solid var(--td-gray-color-3);
+  border-left: 1px solid var(--td-component-stroke);
 }
 .t-date-picker__panel--time-viewer,
 .t-date-range-picker__panel--time-viewer {
@@ -8821,17 +8870,17 @@ ul.t-select-option-group__header,
 .t-date-picker__cell--disabled:hover .t-date-picker__cell-inner {
   -webkit-box-shadow: none;
           box-shadow: none;
-  background-color: var(--td-gray-color-2);
+  background-color: var(--td-bg-color-component-disabled);
 }
 .t-date-picker__cell--disabled .t-date-picker__cell-inner {
   cursor: not-allowed;
   color: var(--td-text-color-disabled);
-  background-color: var(--td-gray-color-2);
+  background-color: var(--td-bg-color-component-disabled);
 }
 .t-date-picker__cell--disabled + .t-date-picker__cell--disabled::before {
   left: -32px;
   right: 12px;
-  background-color: var(--td-gray-color-2);
+  background-color: var(--td-bg-color-component-disabled);
 }
 .t-date-picker__input--placeholder input {
   color: var(--td-text-color-placeholder);
@@ -9713,6 +9762,7 @@ ul.t-select-option-group__header,
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
+  position: relative;
 }
 .t-slider--vertical .t-slider__rail {
   width: 4px;
@@ -9753,9 +9803,26 @@ ul.t-select-option-group__header,
 }
 .t-slider--vertical .t-slider__button-wrapper {
   top: auto;
-  left: -14px;
-  -webkit-transform: translate(50%, 50%);
-          transform: translate(50%, 50%);
+  position: absolute;
+  z-index: 2;
+  left: 50%;
+  -webkit-transform: translate(-50%, 50%);
+          transform: translate(-50%, 50%);
+  background-color: transparent;
+  text-align: center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  line-height: normal;
+  outline: none;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .t-is-disabled {
   cursor: not-allowed;
@@ -14304,7 +14371,7 @@ ul.t-select-option-group__header,
 .t-table__filter-pop-content-inner {
   padding: 16px;
 }
-.t-table__filter-pop-content-inner .t-input__wrap {
+.t-table__filter-pop-content-inner > .t-input__wrap {
   width: 200px;
 }
 .t-table__sort-icon--active {
@@ -15445,7 +15512,6 @@ ul.t-select-option-group__header,
   height: 100%;
   z-index: 1;
   overflow: auto;
-  pointer-events: none;
 }
 .t-dialog__ctx .t-dialog__position {
   display: -webkit-box;