tencent / tdesign-vue

A Vue.js UI components lib for TDesign.

English | 简体中文

TDesign Vue is a UI component library for Vue 2 and desktop application.

🎉 Features

• Desktop application interaction
• High quality UI components for Vue 2.x
• Consistent API and UI with TDesign component libraries for other frameworks
• Dark mode and customizable theme
• Support tree-shaking

📦 Installation

npm i tdesign-vue  // for vue 2.6
npm i tdesign-vue@naruto  // for vue 2.7

🔨 Usage

import Vue from 'vue';
import TDesign from 'tdesign-vue';

import 'tdesign-vue/es/style/index.css';

Vue.use(TDesign);

The package of tdesign-vue provides kinds of bundles, read the documentation for the detail of differences between bundles.

Quick Start

Visit TDesign Starter to experience in the application built with TDesign Vue UI components.

Browser Support

IE / Edge	Firefox	Chrome	Safari
Edge >=91	Firefox >=83	Chrome >=91	Safari >=14.1

Read our browser compatibility for more details.

TDesign component libraries

TDesign also provides component libraries for other platforms and frameworks.

• component library for Vue 3.x : tdesign-vue-next
• component library for React : tdesign-react
• component library for Wechat miniprogram : tdesign-miniprogram

Contributing

Contributing is welcome. Read guidelines for contributing before submitting your Pull Request.

Contributors

Feedback

Create your Github issues or scan the QR code below to join our user groups

License

The MIT License. Please see the license file for more information.

tdesign-vue's Issues

input输入框移除内容后没有聚焦

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe the bug
带移除图标的输入框，在点击移除按钮后，输入框变成了blur状态，应该是聚焦状态。
目前状态如图：

2021-12-24.22.16.29.mov

参考别的组件库，如图：

2021-12-24.22.18.48.mov

DatePicker 日期选择器组件禁用日期样式问题

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Mac 10.14.6 Chrome 96

Describe the bug
日历组件日期禁用样式在年份和月份的时候没有边距，圆角感觉是不是可以调整下更好，如图所示：

Additional context
可以设置下边距 padding，圆角是设计如此么？

windows10,1920*1080,150%缩放，chrome高版本（本机96），会出现boder线显示粗细明显差别

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

样式问题，使用border-collapse: collapse;在浏览器进行缩放时不能按预期工作，边框的粗细会不一致
Additional context
Add any other context about the problem here.

form里面的select，如果是多选，保存再编辑的时候，select回显不出来，审查元素，删除<div class="t-input t-size-m t-select__input">竟然显示出来了，版本0.31.0是正常的

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

select组件也没有添加readonly属性，而且很奇怪placeholder明明是“请输入员工英文名搜索”，为啥变成了“请输入”？

steps(bug):

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

官网

streps 组件 extra demo

未出现 extra 内容

`Dialog`组件的`body`样式问题（缺少左右`padding`造成）

Describe Framework

• tdesign-vue

Describe Environment
https://codesandbox.io/s/tdesign-vue-demo-forked-z36ce?file=/src/demo.vue

Describe the bug
在Dialog组件中使用Input组件，当Input组件处于foucs状态时，input的box-shadow左右两边无法正常显示

Additional context
建议为Dialog的t-dialog__body样式至少添加 2px 的左右padding

为什么至少是2px呢？

因为input的box-shadow的扩散半径是2px;

暂时不知其他带阴影组件的范围是不是2px

新增贡献指南，子项目未拉取可以运行 `git submodule update --init`

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

popup中含有select时，会在select选中时popup消失

Describe Framework

tdesign-vue

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

TimePicker 时间选择器 在火狐浏览器下 样式不对

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment
火狐浏览器 95.0.2 (64 位)

Describe the bug
TimePicker 时间选择器 在火狐浏览器下 样式不对

Upload的基础上传在点击空白处也会触发

Describe Framework

• tdesign-vue

Describe Environment
官网示例

Describe the bug

form表单校验trigger属性似乎没有正确支持

Describe Framework

tdesign-vue

Describe Environment
稳定复线

Describe the bug
form的表单校验 trigger属性似乎是有问题的

以官方文档这个demo为例,这个url的校验我想失去了焦点再校验, 这里改成blur 失去了焦点不会校验了 submit才会校验
同时 使用change校验的时候, 输入框的border会同时显示红色和蓝色 体验不好

Additional context
希望能正确支持表单校验的triggeer属性并修复css样式问题

input placeholder为空时，展示了默认值【请输入】，期望是展示为空

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment
0.32.0
Add browser version here

Describe the bug
A clear and concise description of what the bug is.
比如select多选过滤模式时，此时设计是不展示placeholder的，但是这里展示了input的默认placeholder值（并且跟select里定义的placeholder 请选择云产品不一致）

Additional context
Add any other context about the problem here.

tdesign-miniprogram

是否可以提供类似于 element Timeline 时间线 这样的组件

https://element.eleme.io/#/zh-CN/component/timeline

使用firstFullRow和lastFullRow属性，表格没有渲染对应内容

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here
Google Chrome 96
Describe the bug
A clear and concise description of what the bug is.

tdesign-vue/src/table/base-table/table-body.tsx props缺少lastFullRow属性；
tdesign-vue/src/table/primary-table/index.tsx 94行，丢失了用户传递的firstFullRow属性
Additional context
Add any other context about the problem here.

日历组件当选择年，隐藏周末的时候，月份会被清空

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment
https://tdesign.tencent.com/vue/components/calendar
Add browser version here
chrome 96.0.4664.110
Describe the bug
https://tdesign.tencent.com/vue/components/calendar 日历组件，当选择年，点击隐藏周末，月份的组件会被清空。

Additional context
官方事例

【BUG】【table】当列固定的时候，标题看起来为啥呈现灰色了？

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

关于 Dialog 对话框过渡效果优化建议。

我还没使用，只是在文档里面试了一下 Dialog 对话框，对话框开启与关闭的时候感觉有点闪，哪里不对？看了下是因为对话框是有透明度与缩放动画过渡的，但是半透明的遮罩是没有的，这样一起的话就会感觉很奇怪。我觉得给遮罩加个过渡应该会好点（算是我吹毛求疵吧🐶）。

Upload 组件 `list-style` 样式未重置

Describe Framework

• tdesign-vue

Describe the bug
Upload 组件 list-style 样式未重置，在官网上看起来正常，是因为官网 reset css 对其进行了设置

异常效果可看 https://codesandbox.io/s/hd5jg?file=/src/demo.vue

时间选择器滚动时没有对齐

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here
Chrome 版本 96.0.4664.110（正式版本） （64 位）
Describe the bug
A clear and concise description of what the bug is.
时间选择器滚动时没有对齐

Additional context
Add any other context about the problem here.

QQ.20211227144959.mp4

QQ录屏鼠标位置不对, 忽略就好

表格的源码好像有报错：index.tsx:162 Uncaught TypeError: Cannot read properties of undefined (reading 'scrollLeft')

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

文件位置：/node_modules/tdesign-vue/src/table/base-table/index.tsx

Table是否提供虚拟滚动特性？现在大数据量的场景还是不少的

建议EnhanceTable提供虚拟滚动，提高对大数据量列表的支持

桌面端Vue分页组件切换效果闪烁

Is your feature request related to a problem? Please describe.

切换分页时，例如从12->10，会出现闪烁
https://tdesign.tencent.com/vue/components/pagination

当table组件的数据是异步加载的时候，maxHeight属性不生效

Describe Framework

tdesign-vue

Describe Environment

Describe the bug
table组件data来自计算属性的时候，maxHeight不起作用

Additional context

复现地址：https://codesandbox.io/s/tdesign-vue-demo-forked-yzbfc?file=/src/demo.vue

t-icon无法离线使用

Describe Framework

tdesign-vue

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

设置表格高度后，表格没有滚动条时，theader与tbody的边框不对齐

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

tdesign-vue/src/table/base-table/index.tsx 231行，表格没有滚动条时，表头不应设置padding-right

Additional context
Add any other context about the problem here.

table(bug): 暗黑模式下滚动条样式问题

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• #57

Describe Environment

Input 组件新增 `label` 和 `suffix`

Is your feature request related to a problem? Please describe.

• 支持组件内部显示 label 名称
• 支持组件添加后缀内容，如：单位 元

表格列在设置ellipsis之后，鼠标悬浮此时滚动，会带着提示一直移动

Describe Framework

tdesign-vue

Describe Environment

mac google
version ：96.0.4664.110（正式版本） (x86_64)

Describe the bug
Q：When the Table component sets the column property ellipsis, the scrolling Table cursor hover will always be present, even beyond the entire Table area

Additional context
Set the columns of the table

tree-select, select等filterable时，关闭弹出层需要在其他地方单击两下才行

Describe Framework

tdesign-vue

Describe Environment

Add browser version here

Describe the bug

Additional context
Add any other context about the problem here.

select如果没有数据的话，能把select里面自定义的内容保留么

有数据是可以渲染自定义内容的

如果没有数据自定义的内容就被清空了

Icon Button 圆形small时，变成椭圆形了

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

input组件样式看起来有问题

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

TimePicker 时间选择器 具备清空按钮 点击清空时候,会出现意外变化

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Google Chrome
版本 96.0.4664.45（正式版本） （64 位）

https://tdesign.tencent.com/vue/components/time-picker#%E4%B8%8D%E5%B1%95%E7%A4%BA%E6%B8%85%E7%A9%BA%E6%8C%89%E9%92%AE

Describe the bug
TimePicker 时间选择器 具备清空按钮
选择新的时间后, 点击清空时候,会出现意外变化

1. 选项中的数字消失
2. 文字颜色由白变黑

Additional context

关于Dialog 对话框组件及使用文档疑问

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Additional context

关于Dialog 对话框组件的疑问，拖拽只有非模态对话框时候才可以拖动，api中是存在该参数的，但是文档似乎漏掉了DEMO。
https://github.com/Tencent/tdesign-vue/blob/develop/src/dialog/dialog.tsx#L52
这一行添加了一个dragend事件是什么时候会有这种情况呢，mouseUpHandler这个事件逻辑好像有点问题，创建移除会重复移除多次，可以通过弹出-关闭，弹出-关闭 来进行测试。 我看dragend只写了添加了event没有移除event事件，是否需要修复呢？

感谢回复，如果需要添加修复，我可以提供pr

【Bug】合并单元格后内容丢失

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment
バージョン: 96.0.4664.110（Official Build） （x86_64）
Add browser version here

Describe the bug
A clear and concise description of what the bug is.
tdesign-vue >=0.31 后合并单元格丢失内容

0.30 效果

0.31-0.32 丢失 cell

详看：
https://codesandbox.io/s/tdesign-vue-demo-forked-4j9d5?file=/src/demo.vue

tag

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react

Describe Environment

pkg version: lts

Describe the bug

codesandbox demo

no disabled style

Form 组件行内布局 `labelWidth` 为 `auto` 时UI展示异常

Describe Framework

• tdesign-vue

Describe the bug
t-form 行内布局(layout=inline)时， labelWidth 设置为 auto 时，label过长会导致布局产生异常。

Additional context
将 t-form__controls 元素清除浮动可解决该问题：

当select在modal里面的时候，出现下拉框的时候，需要在外面点击两次才能关闭，麻烦看看

Describe Framework

tdesign-vue

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

css的更新文档有重复的和写错的

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

0.31.0 升级至 0.32.0 版本 CSS BEM 规范改动列表

由于历史原因，之前的 CSS 类名没有很好地规范，为了以后可以更好更规范地推进，在 0.32.0 的版本中，我们把之前很多不规范的 CSS类名都进行了改动，具体改动如列表所示：

表格组件

组件	原类名	新类名
Table	table-body	t-table__body
Table	align-center	t-align-center
Table	align-left	t-align-left
Table	align-right	t-align-right
Table	text-ellipsis	t-text-ellipsis
Table	t-table-pagination	t-table__pagination
Table	t-table-sort-icon	t-table__sort-icon
Table	t-table-double-icons	t-table__double-icons
Table	t-table-sort-icon-active	t-table__sort-icon--active
Table	t-table-expand-box	t-table__expand-box
Table	t-table-sort-icon-active	t-table__sort-icon--active
Table	t-table-content	t-table__content
Table	t-table-expandable-icon-cell	t-table__expandable-icon-cell
Table	t-table--empty	t-table__empty
Table	t-table-valign__top	t-table--align-top
Table	t-table--loading-async	t-table__async-loading
Table	t-table--loading-status-loading	t-is-loading
Table	t-table--loading-status-load-more	t-is-load-more
Table	t-table-filter-icon	t-table__filter-icon
Table	t-table-filter-pop	t-table__filter-pop
Table	t-table-filter-pop-content	t-table__filter-pop-content
Table	t-table-filter-pop-content__inner	t-table__filter-pop-content-inner
Table	t-table-content--scrollable-to-left	t-table__content--scrollable-to-left
Table	t-table-content--scrollable-to-right	t-table__content--scrollable-to-right
Table	t-table-expanded-cell	t-table__expanded-cell

Menu 组件

组件	原类名	新类名
MenuGroup	t-menu-group-title	t-menu-group__title

Dropdown组件

组件	原类名	新类名
Dropdown	t-dropdown__menu__column	t-dropdown__menu-column
Dropdown	t-dropdown__item__content	t-dropdown__item-content
Dropdown	t-dropdown__item__content_text	t-dropdown__item-text
Dropdown	has-suffix	t-dropdown--suffix
Dropdown	children-suffix	t-dropdown__item-icon

Divider组件

组件	原类名	新类名
Divider 组件	t-divider-inner-text	t-divider__inner-text

Drawer组件

组件	原类名	新类名
Drawer	t-drawer-attach	t-drawer--attach
Drawer	t-drawer-left	t-drawer--left
Drawer	t-drawer-right	t-drawer--right
Drawer	t-drawer-top	t-drawer--top
Drawer	t-drawer-bottom	t-drawer--bottom
Drawer	t-drawer-open	t-drawer--open
Drawer	t-drawer-no-mask	t-drawer--without-mask
Drawer	t-drawer-confirm	t-drawer__confirm
Drawer	t-drawer-cancel	t-drawer__cancel

组件	原类名	新类名
Pagination	t-pagiantion__btn--prev	t-pagiantion__btn-prev
Pagination	t-pagiantion__btn--next	t-pagiantion__btn-next

Dialog 组件

组件	原类名	新类名
Dialog	t-dialog-ctx	t-dialog__ctx
Dialog	t-dialog-ctx--fixed	t-dialog__ctx--fixed
Dialog	t-not-visable	t-is-hidden
Dialog	t-dialog-mask	t-dialog__mask
Dialog	t-dialog-mask--hidden	t-is-hidden
Dialog	t-dialog-confirm	t-dialog__confirm
Dialog	t-dialog-cancel	t-dialog__cancel

Message

组件	原类名	新类名
Message	t-message-close	t-message__close
Message	t-message-list	t-message__list

Notification

组件	原类名	新类名
Notification	t-notification__detail--item	t-notification__detail-item

Anchor组件

组件	原类名	新类名
Anchor	t-anchor_line	t-anchor__line
Anchor	t-anchor-item	t-anchor__item
Anchor	t-anchor-item_link	t-anchor__item-link
Anchor	t-anchor-target	t-anchor__target
Anchor	cursor-wrapper	t-anchor__line-cursor-wrapper
Anchor	cursor	t-anchor__line-cursor
Anchor	t-copy	t-anchor__copy

Slider组件

组件	原类名	新类名
Slider	t-slider-contianer	t-slider__container
Slider	t-slider-input-container	t-slider__input-container
Slider	center-line	t-slider__center-line
Slider	t-slide-vertical	t-slide--vertical

Form 组件

组件	原类名	新类名
Form	t-form__controls--content	t-form__controls-content

Badge

组件	原类名	新类名
Badge	t-badge-static	t-badge--static

List

组件	原类名	新类名
List	t-list-items	t-list__inner

Cascader 组件

组件	原类名	新类名
Cascade	t-cascader-placeholder	t-cascader__placeholder
Cascade	t-cascader-content	t-cascader__content
Cascade	t-cascader-is-multiple	t-cascader--multiple
Cascade	t-cascader-dropdown	t-cascader__dropdown
Cascade	t-cascader-panel	t-cascader__panel
Cascade	t-cascader-menu	t-cascader__menu
Cascade	t-cascader-item	t-cascader__item
Cascade	t-cascader-item--highlight	t-cascader__item--highlight
Cascade	t-cascader-item-have-icon	t-cascader__item--with-icon
Cascade	t-cascader-item-is-leaf	t-cascader__item--leaf
Cascade	t-cascader-item__label	t-cascader__item-label
Cascade	t-cascader-item__label--filter	t-cascader__item-label--filter
Cascade	t-cascader-item__is-empty	t-cascader__empty
Cascade	t-cascader-menu__seperator	t-cascader__menu-seperator
Cascade	t-cascader-menu__filter	t-cascader__menu-filter
Cascade	t-cascader-search-input	t-cascader__search-input
Cascade	t-cascader-icon	t-cascader__icon
Cascade	t-cascader-item-icon	t-cascader__item-icon
Cascade	t-cascader-panel	t-cascader__panel

Calendar组件

组件	原类名	新类名
Calendar	t-is-now	t-calendar__table-body-cell--now
Calendar	t-calendar__table-body-cell-value	t-calendar__table-body-cell-display

DatePicker 组件

组件	原类名	新类名
DatePicker	t-date-picker-popup-reference	t-date-picker__popup-reference
DatePicker	t-date-picker--container	t-date-picker__container
DatePicker	t-date-picker--panels	t-date-picker__panels
DatePicker	t-date-picker-header	t-date-picker__header
DatePicker	t-date-picker-header-title	t-date-picker__header-title
DatePicker	t-date-header__btn	t-date-picker__header-btn
DatePicker	t-date-picker-header-controller	t-date-picker__header-controller
DatePicker	t-date-cell__wrapper	t-date-picker__cell-wrapper
DatePicker	t-date-picker-year	t-date-picker--year
DatePicker	t-date-picker-month	t-date-picker--month
DatePicker	t-date-picker-date	t-date-picker--date
DatePicker	t-date-picker-range	t-date-picker--range
DatePicker	t-date-cell__text	t-date-picker__cell-text
DatePicker	t-date-picker-presets	t-date-picker__presets
DatePicker	t-date	t-date-picker__panel
DatePicker	t-date-cell--now	t-date-picker__cell--now
DatePicker	t-date-cell--active	t-date-picker__cell--active
DatePicker	t-date-cell--disabled	t-date-picker__cell--disabled
DatePicker	t-date-cell--highlight	t-date-picker__cell--highlight
DatePicker	t-date-cell--active-start	t-date-picker__cell--active-start
DatePicker	t-date-cell--active-end	t-date-picker__cell--active-end
DatePicker	t-date-cell--additional	t-date-picker__cell--additional
DatePicker	t-date-cell--first-day-of-month	t-date-picker__cell--first-day-of-month
DatePicker	t-date-cell--last-day-of-month	t-date-picker__cell--last-day-of-month

Grid 组件

组件	原类名	新类名
Grid	t-row-start	r-row--start
Grid	t-row-center	r-row--center
Grid	t-row-end	r-row--end
Grid	t-row-space-between	t-row--space-between
Grid	t-row-space-around	t-row--space-around
Grid	t-row-top	t-row--top
Grid	t-row-middle	t-row--middle
Grid	t-row-bottom	t-row--bottom

Layout

组件	原类名	新类名
Layout	t-layout-has-sider	t-layout--with-sider
Layout	t-layout--header	t-layout__header
Layout	t-layout--content	t-layout__content
Layout	t-layout--sider	t-layout__sider
Layout	t-layout--footer	t-layout__footer

Popup

组件	原类名	新类名
Popup	t-popup-content	t-popup__content
Popup	t-popup-reference	t-popup__reference
Popup	t-popup_animation-enter	t-popup--animation-enter
Popup	t-popup_animation-enter-from	t-popup--animation-enter-from
Popup	t-popup_animation-exiting	t-popup--animation-exiting
Popup	t-popup_animation-leave-to	t-popup--animation-leave-to
Popup	t-popup_animation-enter-to	t-popup--animation-enter-to
Popup	t-popup_animation-entering	t-popup--animation-entering
Popup	t-popup_animation-leave-from	t-popup--animation-leave-from
Popup	t-popup_animation-leave	t-popup--animation-leave
Popup	t-popup_animation-enter-active	t-popup--animation-enter-active
Popup	t-popup_animation-leave-active	t-popup--animation-leave-active

Tooltip

组件	原类名	新类名
Tooltip	t-tooltip-light	t-tooltip--light
Tooltip	t-tooltip-default	t-tooltip--default
Tooltip	t-tooltip-primary	t-tooltip--primary
Tooltip	t-tooltip-success	t-tooltip--success
Tooltip	t-tooltip-danger	t-tooltip--danger
Tooltip	t-tooltip-warning	t-tooltip--warning

Tooltip

组件	原类名	新类名
Tooltip	t-tooltip-light	t-tooltip--light
Tooltip	t-tooltip-default	t-tooltip--default
Tooltip	t-tooltip-primary	t-tooltip--primary
Tooltip	t-tooltip-success	t-tooltip--success
Tooltip	t-tooltip-danger	t-tooltip--danger
Tooltip	t-tooltip-warning	t-tooltip--warning

Radio

组件	原类名	新类名
Radio	t-radio-group-outline	t-radio-group__outline
Radio	t-radio-group-filled	t-radio-group--filled
Radio	t-radio-group-filled-bg-block	t-radio-group__bg-block
Radio	t-radio-group-primary-filled	t-radio-group--primary-filled
Radio	t-radio-group-small	t-size-s
Radio	t-radio-group-medium	t-size-m
Radio	t-radio-group-large	t-size-l

TimePicker

组件	原类名	新类名
TimePicker	t-time-picker-panel__container	t-time-picker__panel-container
TimePicker	t-time-picker-panel	t-time-picker__panel
TimePicker	t-time-picker-panel__body	t-time-picker__panel-body
TimePicker	t-time-picker-panel-section	t-time-picker__panel-section
TimePicker	t-time-picker-panel-section__body	t-time-picker__panel-section-body
TimePicker	t-time-picker-panel-section__footer	t-time-picker__panel-section-footer

Tree

组件	原类名	新类名
Tree	t-tree--fx	t-tree--transition
Tree	t-tree-toggle-enter-active	t-tree__item--enter-active
Tree	t-tree-toggle-leave-active	t-tree__item--leave-active

Upload

组件	原类名	新类名
Upload	t-upload-icon-delete	t-upload__icon-delete
Upload	t-upload-list__file	t-upload__list-file
Upload	t-upload-list__item	t-upload__list-item
Upload	t-upload-list__name	t-upload__list-name
Upload	t-upload-list__content	t-upload__list-content
Upload	t-upload-list__controll	t-upload__list-controll
Upload	t-upload-list__img	t-upload__list-img
Upload	t-upload__highlight	t-upload--highlight
Upload	t-upload-dialog	t-upload__dialog
Upload	t-upload-card__mask-disabled	t-is-disabled
Upload	t-upload__small	t-size-s
Upload	t-display-text--margin	t-upload__display-text--margin
Upload	t-upload-card-container	t-upload__card-container
Upload	t-upload-card	t-upload__card
Upload	t-upload-card__item	t-upload__card-item
Upload	t-upload-card__name	t-upload__card-name
Upload	t-upload-card__content	t-upload__card-content
Upload	t-upload-card__mask__item	t-upload__card-mask-item
Upload	t-upload-card__status-wrap	t-upload__card-status-wrap
Upload	t-upload-card__content-border	t-is-bordered
Upload	t-upload-card__status	t-upload__card-status
Upload	t-upload-card__mask	t-upload__card-mask
Upload	t-upload-dialog__body-img-box	t-upload__dialog-body-img-box

Transfer

组件	原类名	新类名
Transfer	t-transfer-list	t-transfer__list
Transfer	t-transfer-list-source	t-transfer__list-source
Transfer	t-transfer-list-target	t-transfer__list-target
Transfer	t-transfer-list__header	t-transfer__list-header
Transfer	t-transfer-list__body	t-transfer__list-body
Transfer	t-transfer-list-with-search	t-transfer__list--with-search
Transfer	t-transfer-list-search-wrapper	t-transfer__search-wrapper
Transfer	t-transfer-list__content	t-transfer__list-content
Transfer	t-transfer-list__item	t-transfer__list-item
Transfer	t-transfer-list__wrapper	t-transfer__list-wrapper
Transfer	t-transfer-list__pagination	t-transfer__list-pagination
Transfer	t-transfer-list__footer	t-transfer__list-footer
Transfer	t-transfer-operations	t-transfer__operations
Transfer	t-transfer-search	t-transfer__search
Transfer	t-transfer-with-tree	t-transfer--with-tree
Transfer	t-transfer-pagination	t-transfer__pagination
Transfer	t-transfer-footer	t-transfer__footer
Transfer	t-transfer-wrapper	t-transfer__wrapper

Select组件

组件	原类名	新类名
Select	t-select-wrap	t-select__wrap
Select	t-select-right-icon	t-select__right-icon
Select	t-select-left-icon	t-select__left-icon
Select	t-select-placeholder	t-select__placeholder
Select	t-select-input	t-select__input
Select	t-select-popup-reference	t-select__popup-reference
Select	t-select-dropdown	t-select__dropdown
Select	t-select-empty	t-select__empty
Select	t-select-loading-tips	t-select__loading-tips
Select	t-select-selectedSingle	t-select__single
Select	t-option-group	t-select-option-group
Select	t-option-group__divider	t-select-option-group__divider
Select	t-option-group-header	t-select-option-group__header
Select	t-select-right-icon__clear	t-select__right-icon-clear
Select	t-select-active-icon	t-select__active-icon

Steps

组件	原类名	新类名
Steps	t-steps-item-content	t-steps-item__content
Steps	t-steps-item-title	t-steps-item__title
Steps	t-steps-item-icon	t-steps-item__icon
Steps	t-steps-item-description	t-steps-item__description
Steps	t-steps-item-canclick	t-steps-item--clickable

可以添加固定在表尾的合计行吗？

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[Bug?] [Table] table-header 并不存在 columnsProp，但是传了值

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Latest Chrome stable, mac os

复现地址：https://tdesign.tencent.com/vue/components/table?tab=demo

Describe the bug

偶然注意到一个问题，table 组件的 thead 标签里有找不到对应 prop 的绑定。

翻查代码发现 src/table/base-table/index.tsx 中有给 TableHeader 绑定相关值，

但是 table-header 里实际上并没有这个prop（路径： src/table/base-table/table-header.tsx）。

这里是编码失误，还是 columnsProp 在 table-header 中是有用途的？

Table组件渲染DOM结构存在不明attr

Describe Framework

Describe Environment

chrome 90

Describe the bug

查看官网 table 渲染出来的 DOM 结构，不应该出现这个

TreeSelect空数据虽然不报错了，但是渲染出来的是value而不是label，并且父元素没选中

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
A clear and concise description of what the bug is.

Additional context
Add any other context about the problem here.

table(bug): fiexd col no shadow with ellipsis

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react

Describe Environment

codesandbox

Form 组件 - 无法重置自定义校验消息

当抽屉打开时，body有滚动条时可以滚动

版本：
0.31.0

demo:
https://tdesign.tencent.com/vue/components/drawer

步骤：
点击第一个可查看的抽屉，鼠标滚轮可以滚动底部遮照部分

add `readonly` to `steps`

Is your feature request related to a problem? Please describe.

add readonly to steps

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

tree 组件bug

Describe Framework

• tdesign-vue
• tdesign-vue-next
• tdesign-react
• tdesign-miniprogram

Describe Environment

Add browser version here

Describe the bug
请问 为什么我的子节点已经禁用了，但是点击父节点还可以影响到子节点的选中呢～