# t-antd-ui **Repository Path**: wocwin/t-antd-ui ## Basic Information - **Project Name**: t-antd-ui - **Description**: 基于 ant-design-vue 二次封装基础组件文档 - **Primary Language**: JavaScript - **License**: MIT - **Default Branch**: master - **Homepage**: https://wocwin.github.io/t-antd-ui/ - **GVP Project**: No ## Statistics - **Stars**: 7 - **Forks**: 5 - **Created**: 2023-09-27 - **Last Updated**: 2025-04-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: ant-design-vue, Vue, 组件封装, 基础组件, 二次封装 ## README # T-antd-ui > 此仓库已停止维护,请移步[Vue3 基础组件传送门](https://github.com/wocwin/t-ui-plus)或者[Vue2 基于Element-ui封装基础组件GitHub地址](https://github.com/wocwin/t-ui) ## [Vue3 基础组件传送门](https://github.com/wocwin/t-ui-plus) > 基于 Element-plus 二次封装基础组件地址 ## [Vue2 基于Element-ui封装基础组件GitHub地址](https://github.com/wocwin/t-ui) > 基于 Element-ui 二次封装基础组件地址 ## 介绍 > 基于 ant-design-vue 二次封装组件 这是我在学习 Vue 中[ant-design-vue](https://www.antdv.com/docs/vue/introduce-cn/)二次封装基础组件文档,希望对你有用。可查看 [详细组件案例文档](https://wocwin.github.io/t-antd-ui/) 预览 ## 动态效果图 ## npm 方式安装使用 > ### 前提条件是:全局注册ant-design-vue组件库 ```js // 先安装 npm i @wocwin/t-antd-ui // 1、 在main.js中按下引入(全局使用) import TAntdui from '@wocwin/t-antd-ui' Vue.use(TAntdui) // 2、按需引入,在单个vue文件如下引入,在注册;或者在main.js中如下引入在注册,皆可! import { TAntdTable, TAntdForm, TAntdConditional } from '@wocwin/t-antd-ui' ``` ## 直接在项目中全局使用 ```js // 1、把packages文件夹复制,放在自己项目中 // 2、假设 packages 与 src是同级,那么src下 main.js 如下操作即可全局使用t-antd-ui import TAntdui from '../packages' Vue.use(TAntdui) ``` ## 安装依赖 ```shell npm install ``` ## 本地运行 src 中组件示例 ```shell npm run serve ``` ## 本地运行 vuepress 中组件文档 ```shell npm run docs:dev ``` ## Git 提交规范 - `ci`: ci 配置文件和脚本的变动; - `chore`: 构建系统或辅助工具的变动; - `fix`: 代码 BUG 修复; - `feat`: 新功能; - `perf`: 性能优化和提升; - `refactor`: 仅仅是代码变动,既不是修复 BUG 也不是引入新功能; - `style`: 代码格式调整,可能是空格、分号、缩进等等; - `docs`: 文档变动; - `test`: 补充缺失的测试用例或者修正现有的测试用例; - `revert`: 回滚操作;