tdesign-vue-next

English | 简体中文

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

🎉 Features

• Desktop application interaction
• High quality UI components for Vue 3.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-next

🔨 Usage

import { createApp } from 'vue';
import { Button } from 'tdesign-vue-next';

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

import App from './app.vue';

const app = createApp(App);
app.use(Button);

The package of tdesign-vue-next 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 Next UI components.

Browser Support

IE / Edge	Firefox	Chrome	Safari
Edge >=84	Firefox >=83	Chrome >=84	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 2.x : tdesign-vue
• 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.

Changelog

🌈 1.10.6 2024-12-31

🚀 Features

• List: 新增scrollTo方法，支持滚动到指定元素，可参考示例使用 @natural1024 (#4863)
• Radio: 新增 theme API，用于决定 options 方式渲染的 Radio 样式 @myronliu347 @liweijie0812 (#4872)

🐞 Bug Fixes

• Table:
  • 修复 isFilterValueExist 无法正常处理 null 值导致无法正常清除筛选的问题 @HHaoWang (#4829)
  • 修复 filterIcon 不生效 @liweijie0812 (#4837)
  • 修复 1.10.0 版本的 updateEditedCellValue 的功能异常问题 @uyarn (#4869)
  • 修复删除行操作后使用 validateTableData 方法进行校验仍存在删除行的问题 @uyarn (#4878)
• Cascader:
  • 当 valueType 为 full 时会意外触发 change 事件 @betavs (#4870)
  • 校验无效值逻辑错误并优化代码 @betavs (#4870)
• Dialog:
  • 当 header 和 closeBtn 都为 false 时，不渲染 header dom @chensid @ylunwang (#4841)
  • 修复1.10.4版本后closeOnClickOverlay默认开启行为和挂载body行为的缺失问题 @uyarn (#4877)
• Swiper: 修复 autopaly=false, 修改 current 无效 @liweijie0812 (#4845)
• Upload: 上传组件图片展示样式优化 @huangchen1031 (#4853)
• Slider: 滑块可以正常在移动端设备中拖动 @zd5043039119 (#4860)
• DatePicker: 优化日期范围选择面板初始化展示的逻辑，保持右侧面板大于左侧面板 @uyarn (#4879)
• DateRangePicker: 修复开始结束值同时存在的逻辑判断错误问题 @betavs (#4868)
• Tree: 修复使用keys定义value无法配合 scrollTo 一起使用的问题 @uyarn (#4880)

📝 Documentation

• Tree: 新增关于唯一键值不可重复的问题FAQ @RSS1102 @uyarn (#4852)