procomponent-tdesign-vue v1.2.47

ProComponent-TDesign-Vue

ProComponent-TDesign-Vue 是基于 TDesign 而开发的模板组件，提供了更高级别的抽象支持，开箱即用。可以显著地提升制作 CRUD 页面的效率，更加专注于页面。

• PageContainer 解决布局的问题，提供开箱即用的标签和面包屑功能
• ProTable 表格模板组件，抽象网络请求和表格格式化
• ProForm 表单模板组件，预设常见布局和行为
• ProCard 提供卡片切分
• ProDescriptions 定义列表模板组件

官网链接

点击查看 ProComponent-TDesign-Vue 文档

注意事项

1. Vue 请确保在 3.2 及以上版本
2. 本组件仅支持 TDesign-vue-next （Vue3）版本, 不支持 Vue2 TDesign 组件，所以 Vue2 项目请绕道。

安装

1. 安装 TDesign

npm 方式安装

npm i tdesign-vue-next

2. 使用 TDesign

import { createApp } from 'vue';
import TDesign from 'tdesign-vue-next';
import App from './app.vue';

// 引入组件库的少量全局样式变量
import 'tdesign-vue-next/es/style/index.css';

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

3. 下载 procomponent-tdesign-vue

npm 方式安装

npm i procomponent-tdesign-vue

4. 使用 Procomponent

因为还没有单独组件导出所以现在只能全量使用, 请等待后续更新

import { createApp } from 'vue';
import TDesign from 'tdesign-vue-next';
import App from './app.vue';

// 引入组件库的少量全局样式变量
import 'tdesign-vue-next/es/style/index.css';
import ProComponents from 'procomponent-tdesign-vue';
import 'procomponent-tdesign-vue/style.css';
const app = createApp(App);
app.use(TDesign);
app.use(ProComponents);