Package Exports
- tdesign-vue-next
- tdesign-vue-next/es/index.mjs
- tdesign-vue-next/lib/index-lib.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tdesign-vue-next) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
TDesign 适配桌面端的组件库，适合在 vue 3.x 技术栈项目中使用。
🎉 特性
- 适配桌面端交互
- 基于 vue-next
- 与其他框架（Vue/React/Angular）版本 API、UI 保持一致
- 支持暗黑模式及其他主题定制
- 支持按需加载
安装
npm i tdesign-vue-next基础使用
推荐使用 Webpack 或 Rollup 等支持 tree-shaking 特性的构建工具，无需额外配置即可实现组件按需引入：
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);npm package 中提供了多种构建产物，可以阅读 这里 了解不同目录下产物的差别。
快速体验
可以访问官方提供的 tdesign-starter 项目体验使用 TDesign 组件快速搭建业务系统。
浏览器兼容性
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|
| Edge >=84 | Firefox >=83 | Chrome >=84 | Safari >=14.1 |
详情参见桌面端组件库浏览器兼容性说明
其他技术栈实现
开源协议
TDesign 遵循 MIT 协议。