English | 简体中文
TDesign Vue is a UI component library for Vue 2 and desktop application.
- 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
npm i tdesign-vue // for vue 2.6
npm i tdesign-vue@naruto // for vue 2.7
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.
Visit TDesign Starter to experience in the application built with TDesign Vue UI components.
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|
| Edge >=91 | Firefox >=83 | Chrome >=91 | Safari >=14.1 |
Read our browser compatibility for more details.
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 is welcome. Read guidelines for contributing before submitting your Pull Request.
Create your Github issues or scan the QR code below to join our user groups
The MIT License. Please see the license file for more information.
tdesign-vue's People
Contributors
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
Stargazers
Watchers
Forkers
honkinglin idrnyu leejim bigliao avenirzheng geff1991 chaishi xiaosansiji godlike-meteor ogurimuio mprofessor chrysalis1215 machunyu1995 turkyden scope9ri backrunner jfinal slowlydd yfant jlzm yjy1200 wdlnydhcg gzg1023 feigehenmang byq1213 cong-min mokywu clark-cui caoml wz930206 smashdunk wulibinbin ghost1030 waitinhope start940315 hankjs shei04 mjw-git deftliang 868618 huihuimoe 05ttxx smile33 drugdl ming995 wookaoer lzxhqs zj2015262624 dreamsqin vnues carolin913 haishancai justforuse jidaqi luojunfei loopzhou romeochen fengxianqi zhihuilai huanyue2019 dufemeng wwervin72 liugongxun lanniuniu gh-mrhuang shuangbaojun zwow fython yilun-sun xiewenxia brianzhang tinnazhang ddosakura holylinyy novlan1 samhou1988 ccccpj lufeng4828 mxj0808 zack921 dellyoung hulang-btb luckywinty jiankang-wang xiezongchen linjielinlin luchuanqi cocstang louiszhai tabspace yikaj jackeyaw xiecz123 lrwlf xiaojiangmax qunbotop attacki dut3062796s yde55188 dengzygxtdesign-vue's Issues
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.
当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
[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 中是有用途的？
Input 组件新增 `label` 和 `suffix`
Is your feature request related to a problem? Please describe.
- 支持组件内部显示 label 名称
- 支持组件添加后缀内容，如：单位 元
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.
Form 组件 - 无法重置自定义校验消息
可以添加固定在表尾的合计行吗？
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.
Table组件渲染DOM结构存在不明attr
Describe Framework
Describe Environment
chrome 90
Describe the bug
查看官网 table 渲染出来的 DOM 结构，不应该出现这个
Table是否提供虚拟滚动特性？现在大数据量的场景还是不少的
建议EnhanceTable提供虚拟滚动，提高对大数据量列表的支持
select如果没有数据的话，能把select里面自定义的内容保留么
有数据是可以渲染自定义内容的
如果没有数据自定义的内容就被清空了
表格的源码好像有报错：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
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.
tag
Describe Framework
- tdesign-vue
- tdesign-vue-next
- tdesign-react
Describe Environment
pkg version: lts
Describe the bug
no disabled style
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 |
table(bug): fiexd col no shadow with ellipsis
时间选择器滚动时没有对齐
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录屏鼠标位置不对, 忽略就好
使用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.
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，圆角是设计如此么？
关于 Dialog 对话框过渡效果优化建议。
我还没使用，只是在文档里面试了一下 Dialog 对话框，对话框开启与关闭的时候感觉有点闪，哪里不对？看了下是因为对话框是有透明度与缩放动画过渡的，但是半透明的遮罩是没有的，这样一起的话就会感觉很奇怪。我觉得给遮罩加个过渡应该会好点（算是我吹毛求疵吧🐶）。
设置表格高度后，表格没有滚动条时，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.
【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
关于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
`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
Upload的基础上传在点击空白处也会触发
Describe Framework
- tdesign-vue
Describe Environment
官网示例
Describe the bug
tdesign-miniprogram
日历组件当选择年，隐藏周末的时候，月份会被清空
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.
当抽屉打开时，body有滚动条时可以滚动
TimePicker 时间选择器 具备清空按钮 点击清空时候,会出现意外变化
Describe Framework
- tdesign-vue
- tdesign-vue-next
- tdesign-react
- tdesign-miniprogram
Describe Environment
Google Chrome
版本 96.0.4664.45（正式版本） （64 位）
Describe the bug
TimePicker 时间选择器 具备清空按钮
选择新的时间后, 点击清空时候,会出现意外变化
- 选项中的数字消失
- 文字颜色由白变黑
Additional context
Form 组件行内布局 `labelWidth` 为 `auto` 时UI展示异常
Describe Framework
- tdesign-vue
Describe the bug
t-form 行内布局(layout=inline)时， labelWidth 设置为 auto 时，label过长会导致布局产生异常。
Additional context
将 t-form__controls 元素清除浮动可解决该问题：
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.
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.
表格列在设置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
Upload 组件 `list-style` 样式未重置
Describe Framework
- tdesign-vue
Describe the bug
Upload 组件 list-style 样式未重置，在官网上看起来正常，是因为官网 reset css 对其进行了设置
异常效果可看 https://codesandbox.io/s/hd5jg?file=/src/demo.vue
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.
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.
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.
form表单校验trigger属性似乎没有正确支持
Describe Framework
tdesign-vue
Describe Environment
稳定复线
Describe the bug
form的表单校验 trigger属性似乎是有问题的
以官方文档这个demo为例,这个url的校验我想失去了焦点再校验, 这里改成blur 失去了焦点不会校验了 submit才会校验
同时 使用change校验的时候, 输入框的border会同时显示红色和蓝色 体验不好
Additional context
希望能正确支持表单校验的triggeer属性并修复css样式问题
steps(bug):
Describe Framework
- tdesign-vue
- tdesign-vue-next
- tdesign-react
- tdesign-miniprogram
Describe Environment
官网
streps 组件 extra demo
未出现 extra 内容
桌面端Vue分页组件切换效果闪烁
Is your feature request related to a problem? Please describe.
切换分页时，例如从12->10，会出现闪烁
https://tdesign.tencent.com/vue/components/pagination
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
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明明是“请输入员工英文名搜索”，为啥变成了“请输入”？
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.
当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.
新增贡献指南，子项目未拉取可以运行 `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.
是否可以提供类似于 element Timeline 时间线 这样的组件
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): 暗黑模式下滚动条样式问题
TimePicker 时间选择器 在火狐浏览器下 样式不对
Describe Framework
- tdesign-vue
- tdesign-vue-next
- tdesign-react
- tdesign-miniprogram
Describe Environment
火狐浏览器 95.0.2 (64 位)
Describe the bug
TimePicker 时间选择器 在火狐浏览器下 样式不对
tree 组件bug
Describe Framework
- tdesign-vue
- tdesign-vue-next
- tdesign-react
- tdesign-miniprogram
Describe Environment
Add browser version here
Describe the bug
请问 为什么我的子节点已经禁用了，但是点击父节点还可以影响到子节点的选中呢～
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.