tdesign-react 0.36.4-alpha.1 → 0.36.5-alpha.1

package/CHANGELOG.md

@@ -5,6 +5,23 @@ toc: false
 spline: explain
 ---
 
+## 🌈 0.36.4 `2022-07-11` 
+### 🚀 Features
+- `Table`: 树形结构，支持懒加载 @chaishi ([#1046](https://github.com/Tencent/tdesign-react/pull/1046))
+- `CascaderPanel`: 增加 `cascader-panel` 组件 @pengYYYYY ([#1045](https://github.com/Tencent/tdesign-react/pull/1045))
+- `Cascader`: 增加 `inputProps`, ` tagInputProps`, `tagProps` 属性 @pengYYYYY ([#1045](https://github.com/Tencent/tdesign-react/pull/1045))
+- `Dialog`: 修复打开对话框，出现滚动条([#1163](https://github.com/Tencent/tdesign-vue-next/issues/1163)) @pengYYYYY ([#1045](https://github.com/Tencent/tdesign-react/pull/1045))
+- `Form`: 支持 formList 初始化渲染initialData 数据 @HQ-Lin ([#1058](https://github.com/Tencent/tdesign-react/pull/1058))
+- `Drawer`: 新增`sizeDraggable` 支持通过拖拽改变抽屉宽度/高度 @uyarn ([#1059](https://github.com/Tencent/tdesign-react/pull/1059))
+- `TimePicker`: 支持毫秒场景使用 @uyarn ([#1069](https://github.com/Tencent/tdesign-react/pull/1069))
+
+### 🐞 Bug Fixes
+- `Table`: 可编辑功能，值为 `null` 时会导致页面报错，如清除 Select 数据，[issue#1043](https://github.com/Tencent/tdesign-react/issues/1043)，[dac72dfd](https://github.com/Tencent/tdesign-react/pull/1046/commits/dac72dfd58c47ec46cfa7d00e9ae13365c81edfa) @chaishi ([#1046](https://github.com/Tencent/tdesign-react/pull/1046))
+- `Dialog`: 修复 dialog 阻止冒泡导致 popup 无法正常关闭 @HQ-Lin ([#1057](https://github.com/Tencent/tdesign-react/pull/1057))
+- `Input`: 修复在 dialog 内中文输入导致光标定位错误问题 @HQ-Lin ([#1066](https://github.com/Tencent/tdesign-react/pull/1066))
+- `Button`: 修复渲染空字符串样式问题 @HQ-Lin ([#1063](https://github.com/Tencent/tdesign-react/pull/1063))
+- `Form`: 修复 getFieldsValue 类型定义 @zousandian ([#1020](https://github.com/Tencent/tdesign-react/pull/1020))
+
 ## 🌈 0.36.3 `2022-07-05` 
 
 ### 🚀 Features

package/dist/tdesign.css

@@ -3661,6 +3661,7 @@
 }
 .t-button--shape-circle.t-size-l {
   width: 40px;
+  padding: 0;
   border-radius: 20px;
 }
 .t-button--ghost {
@@ -3685,7 +3686,7 @@
   --ripple-color: var(--td-error-color-active);
 }
 
-@-webkit-keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.t-icon{display:inline-block;vertical-align:middle;width:1em;height:1em}.t-icon:before{font-family:unset}.t-icon-loading{-webkit-animation:t-spin 1s linear infinite;animation:t-spin 1s linear infinite}.t-icon{fill:currentColor}.t-icon.t-size-s{font-size:14px}.t-icon.t-size-m{font-size:16px}.t-icon.t-size-l{font-size:18px}
+@-webkit-keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes t-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.t-icon{display:inline-block;vertical-align:middle;width:1em;height:1em}.t-icon:before{font-family:unset}.t-icon-loading{-webkit-animation:t-spin 1s linear infinite;animation:t-spin 1s linear infinite}.t-icon{fill:currentColor}.t-icon.t-size-s,i.t-size-s{font-size:14px}.t-icon.t-size-m,i.t-size-m{font-size:16px}.t-icon.t-size-l,i.t-size-l{font-size:18px}
 .input-disabled.t-is-disabled {
   color: var(--td-text-color-disabled);
   background-color: var(--td-bg-color-component-disabled);
@@ -4540,30 +4541,7 @@
 .t-radio-group.t-radio-group__outline {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-}
-.t-radio-group.t-radio-group__outline .t-radio-button:not(:first-child)::before,
-.t-radio-group.t-radio-group__outline .t-radio-button:not(:first-child)::after {
-  content: "";
-  position: absolute;
-  top: -1px;
-  display: block;
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  width: 1px;
-  height: 100%;
-  padding: 1px 0;
-  background-color: var(--td-bg-color-component);
-}
-.t-radio-group.t-radio-group__outline .t-radio-button:not(:first-child)::before {
-  z-index: -1;
-  left: -1px;
-}
-.t-radio-group.t-radio-group__outline .t-radio-button:not(:first-child)::after {
-  right: -1px;
-}
-.t-radio-group.t-radio-group__outline .t-radio-button:not(:first-child).t-is-checked::before,
-.t-radio-group.t-radio-group__outline .t-radio-button:not(:first-child).t-is-checked::after {
-  background-color: var(--td-brand-color);
+  row-gap: 4px;
 }
 .t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
   color: var(--td-brand-color);
@@ -8153,6 +8131,7 @@ ul.t-select-option-group__header,
   border: 1px solid var(--td-component-border);
   border-bottom: 0;
   border-right: 0;
+  left: 1px;
 }
 .t-table--bordered .t-table__affixed-footer-elm {
   border-left: 1px solid var(--td-component-border);
@@ -8202,7 +8181,7 @@ ul.t-select-option-group__header,
 .t-table--col-draggable .t-table__th-cell-inner {
   cursor: move;
 }
-.t-table__cell--editable {
+.t-table:not(.t-table--row-edit) .t-table__cell--editable {
   cursor: pointer;
 }
 /** 吸底的分页器，需要背景色，避免表格文本内容显示穿透 */
@@ -9430,6 +9409,8 @@ a.t-menu__item:active {
   border-radius: 3px;
   -webkit-transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
   transition: background-color 0.28s cubic-bezier(0.38, 0, 0.24, 1), padding 0.28s cubic-bezier(0.38, 0, 0.24, 1);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-default-menu .t-menu__item:first-child {
   margin-top: 0;
@@ -9685,9 +9666,6 @@ a.t-menu__item:active {
   max-height: unset;
   width: 0;
 }
-.t-menu__popup.t-is-vertical .t-menu__popup-wrapper {
-  min-width: 216px;
-}
 .t-menu__popup.t-is-vertical.t-is-opened {
   width: var(--popup-width, 216px);
 }
@@ -10179,6 +10157,8 @@ a.t-menu__item:active {
   width: 100%;
   position: relative;
   padding: 48px 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .t-dialog__ctx .t-dialog__position.t-dialog--top {
   -webkit-box-align: start;
@@ -10298,6 +10278,37 @@ a.t-menu__item:active {
 .t-tree__item--clickable {
   cursor: pointer;
 }
+.t-tree__item--draggable {
+  cursor: pointer;
+}
+.t-tree__item--draggable::before {
+  position: absolute;
+  top: -2px;
+  right: 0;
+  left: 0;
+  display: block;
+  height: 2px;
+  border-radius: 1px;
+  content: "";
+  padding: inherit;
+  background-clip: content-box;
+}
+.t-tree__item--draggable:hover {
+  background-color: var(--td-bg-color-container-hover);
+  background-clip: content-box;
+}
+.t-tree__item--tip-top::before {
+  background-color: var(--td-brand-color-6);
+}
+.t-tree__item--tip-bottom::before {
+  top: unset;
+  bottom: -2px;
+  background-color: var(--td-brand-color-6);
+}
+.t-tree__item--tip-highlight {
+  background-color: var(--td-brand-color-light);
+  background-clip: content-box;
+}
 .t-tree--block-node .t-tree__label {
   -webkit-box-flex: 1;
       -ms-flex: 1;
@@ -11947,6 +11958,7 @@ a.t-menu__item:active {
   min-height: 32px;
 }
 .t-form__controls .t-form__item {
+  margin-bottom: 0;
   margin-right: 24px;
 }
 .t-form__controls.t-is-success .t-form__status .t-icon {
@@ -13344,6 +13356,9 @@ a.t-menu__item:active {
 }
 .t-cascader__item {
   position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
   height: 40px;
   line-height: 40px;
   color: var(--td-text-color-primary);
@@ -13352,6 +13367,7 @@ a.t-menu__item:active {
   margin-top: 4px;
   -webkit-transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
   transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
+  list-style: none;
   --ripple-color: var(--td-bg-color-container-active);
 }
 .t-cascader__item.t-size-s {