🎉 tdesign-vue v1

[xiaosansiji]

关于 TDesign

TDesign 是基于腾讯海量业务而沉淀的公司级设计体系，桌面端 vue 技术栈组件库产品也是其中重要组成部分，在腾讯内部率先进行开源协同，经过三年多的运作，现腾讯公司内已有1w+个项目引用。

自从对外开源之后，TDesign 的各个技术栈都保持了每周至少一个版本的频率迭代发版，经过87 个版本 迭代后，桌面端 Vue 和 Vue next 组件库已经逐步稳定。在 TDesign 对外开源一周年之际，正式发布桌面端 Vue/Vue next 技术栈 1.0.0 版本，后续将把 1.x 作为 LTS 版本长期维护。

正式版特性

更稳定的 API 和 UI 实现

在过去的一年中，我们通过 TDesign 统一的 API 维护平台走查、调整了不合理的功能设计，并同步到了各个技术栈仓库中，目前桌面端组件实现已经趋于稳定，对于后续可能存在的 API 调整，将会以向下兼容的方式处理，1.x 版本只会在开发环境告警，所有的不兼容改动会在下一个 LTS 版本 ( 2.x ) 中集中处理。

通过下半年专项的组件 UI 精细化调整，组件不合理的体验和样式已得到优化，完成了正式版设计质量提升，让组件达到设计稳定的状态。

更丰富的组件数量和功能

目前桌面端共计 62 个通用组件，相比 21年 12 月份对外开源时，新增 13 个组件

• Link 链接
• Space 间距
• ColorPicker 颜色选择器
• InputAdornment 输入装饰器
• RangeInput 范围输入框
• SelectInput 筛选器输入框
• TagInput 标签输入框
• Image 图片
• ImageViewer 图片预览
• Rate 评分
• Timeline 时间轴
• WaterMark 水印
• Guide 引导

针对一些复杂组件进行了完全的重构，优化了部分交互和 UI 实现

• Datepicker
• Upload
• Dropdown
• Tree
• Menu

Table、Form 等常用组件支持更多功能

Table 支持可编辑行、单元格，树形结构数据展示，行、列拖拽排序，懒加载等特性

Form 支持统一配置校验信息

Select 支持虚拟滚动

更全面的设计资源和指南

Figma、Sketch 和 Axure 已提供正式版设计资源，Figma 所有组件均提供变体能力并提供页面模板解决方案，Sketch 提供更多Symbol 和示例组件，Axure 提供了更多动态组件和原型组件。组件提供设计指南，满足不同角色都使用 TDesign 组件可以搭建出合理的的方案。

更完善的全局配置能力

针对 UI Token 的梳理，支持色彩、字体、圆角、阴影、尺寸等全局配置，覆盖了全部UI实现的基础样式。根据这一能力，官网已经上线了在线主题配置能力。

我们也支持多语言，新增官方英文、日文、韩文语言包。

为方便用户在某些场景下使用，也支持全局修改样式类前缀，使用请参照 TDesign Web Vue

我们的未来

我们正在做的

增加新的通用 UI 组件 📌 新组件招募 · Issue #220 · Tencent/tdesign · GitHub

升级主题配置生成器，支持智能色彩，主题模版，全局预设等能力

发布移动端微信小程序正式版本

提供移动端组件设计指南

发布桌面端 React 正式版本

对外开源移动端 Flutter

协助社区完成桌面端 Blazor 建设

无障碍改造移动端组件，详情参见 📄「技术向善，助力 TDesign 无障碍改造」主题活动开始啦 · Issue #1045 · Tencent/tdesign-miniprogram · GitHub

多端智能转换，支持 Vue/Vue next 等转换为微信小程序

我们准备做的

提供更全面的国际化多语言体验，适配 RTL 语言

搭建物料市场，承载更多来自社区贡献的组件、页面模板等资源

我们的优势

TDesign 基于公司海量业务沉淀，为 PC、Mobile、小程序等平台提供丰富组件库，支持众多主流技术栈的组件库产品，通过统一组件 API 接口为上层业务开发提供跨平台和跨端的同构方案。

致谢

TDesign web vue 开源协同工作均在 GitHub 上透明运行，不再局限于内网协同环境，内外共有190名+贡献者参与，其中设计师 30+, 感谢各位的贡献，才有今天 TDesign 正式版的发布。

联系我们

如有任何问题，可以微信扫码加入 TDesign 用户群