tencent / tdesign-vue Goto Github PK
View Code? Open in Web Editor NEWA Vue.js UI components lib for TDesign.
Home Page: https://tdesign.tencent.com/vue
License: MIT License
A Vue.js UI components lib for TDesign.
Home Page: https://tdesign.tencent.com/vue
License: MIT License
我还没使用,只是在文档里面试了一下 Dialog 对话框,对话框开启与关闭的时候感觉有点闪,哪里不对?看了下是因为对话框是有透明度与缩放动画过渡的,但是半透明的遮罩是没有的,这样一起的话就会感觉很奇怪。我觉得给遮罩加个过渡应该会好点(算是我吹毛求疵吧🐶)。
Describe Framework
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 后合并单元格丢失内容
详看:
https://codesandbox.io/s/tdesign-vue-demo-forked-4j9d5?file=/src/demo.vue
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.
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.
Describe Framework
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.
Describe Framework
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.
Describe Framework
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明明是“请输入员工英文名搜索”,为啥变成了“请输入”?
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.
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
由于历史原因,之前的 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 |
组件 | 原类名 | 新类名 |
---|---|---|
MenuGroup | t-menu-group-title | t-menu-group__title |
组件 | 原类名 | 新类名 |
---|---|---|
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 组件 | t-divider-inner-text | t-divider__inner-text |
组件 | 原类名 | 新类名 |
---|---|---|
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 | 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 | t-message-close | t-message__close |
Message | t-message-list | t-message__list |
组件 | 原类名 | 新类名 |
---|---|---|
Notification | t-notification__detail--item | t-notification__detail-item |
组件 | 原类名 | 新类名 |
---|---|---|
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 | 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 | t-form__controls--content | t-form__controls-content |
组件 | 原类名 | 新类名 |
---|---|---|
Badge | t-badge-static | t-badge--static |
组件 | 原类名 | 新类名 |
---|---|---|
List | t-list-items | t-list__inner |
组件 | 原类名 | 新类名 |
---|---|---|
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 | t-is-now | t-calendar__table-body-cell--now |
Calendar | t-calendar__table-body-cell-value | t-calendar__table-body-cell-display |
组件 | 原类名 | 新类名 |
---|---|---|
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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 | 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 |
Describe Framework
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
Describe Framework
Describe Environment
火狐浏览器 95.0.2 (64 位)
Describe the bug
TimePicker 时间选择器 在火狐浏览器下 样式不对
Describe Framework
Describe Environment
Google Chrome
版本 96.0.4664.45(正式版本) (64 位)
Describe the bug
TimePicker 时间选择器 具备清空按钮
选择新的时间后, 点击清空时候,会出现意外变化
Additional context
Describe Framework
Describe Environment
pkg version: lts
Describe the bug
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.
Describe Framework
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录屏鼠标位置不对, 忽略就好
Describe Framework
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.
Is your feature request related to a problem? Please describe.
切换分页时,例如从12->10,会出现闪烁
https://tdesign.tencent.com/vue/components/pagination
Describe Framework
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
官方事例
Describe Framework
Describe the bug
Upload 组件 list-style
样式未重置,在官网上看起来正常,是因为官网 reset css 对其进行了设置
Describe Framework
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.
Is your feature request related to a problem? Please describe.
Describe Framework
Additional context
关于Dialog 对话框组件的疑问,拖拽只有非模态对话框时候才可以拖动,api中是存在该参数的,但是文档似乎漏掉了DEMO。
https://github.com/Tencent/tdesign-vue/blob/develop/src/dialog/dialog.tsx#L52
这一行添加了一个dragend事件是什么时候会有这种情况呢,mouseUpHandler这个事件逻辑好像有点问题,创建移除会重复移除多次,可以通过弹出-关闭,弹出-关闭 来进行测试。 我看dragend只写了添加了event没有移除event事件,是否需要修复呢?
感谢回复,如果需要添加修复,我可以提供pr
Describe Framework
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.
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.
Describe Framework
Describe the bug
带移除图标的输入框,在点击移除按钮后,输入框变成了blur状态,应该是聚焦状态。
目前状态如图:
参考别的组件库,如图:
建议EnhanceTable提供虚拟滚动,提高对大数据量列表的支持
Describe Framework
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
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
中是有用途的?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.