# twa-ui

**Repository Path**: twang-gitee/twa-ui

## Basic Information

- **Project Name**: twa-ui
- **Description**: 日常收集的组件库、工具库。如：cron表达式生成组件，省市区组件，表单功能组件，表格功能组件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2024-07-18
- **Last Updated**: 2025-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 项目简介
个人收集组件库，收集日常可能使用的插件或一些功能组件统一整理，方便使用。
* 新的功能组件或业务组件，针对特定的一些使用场所

## 项目依赖
1. 必须使用vue3 + typescript 作为基础框架
2. 内容基于element-plus进行封装
3. 一些常用插件按需引入，如dayjs，lodash-es，decimal.js，@vueuse/core

## 项目结构
* docs 组件功能演示项目，基于vitepress搭建
* internal 项目构建与规范配置区域
* packages 项目源码工具包
* play 引用与测试项目

## 功能预览
| 名称                                             | 说明              |   
|------------------------------------------------- |------------------|
| [TArea]                                           | 省市区选择         |
| [TForm]                                           | 二次封装表单     |
| [TPagination]                                     | 统一分页组件     |
| [TProTable]                                       | 二次封装表格     |
| [TSelectTable]                                    | 内容选择表格     |
| [TSkuTable]                                       | 商品规格表格     |
| [TUpload]                                         | 单文件上传     |
| [TUploadMultiple]                                 | 多文件上传     |

## 快速开始
1. 安装依赖 `pnpm i`
2. 运行项目 
  `npm run docs:dev` // 运行文档项目
  `npm run docs:build` // 打包文档项目
  `npm run play:dev` // 运行测试项目
  `npm run play:build` // 打包测试项目
  `npm run packages:build` // 打包源码功能组件

#### 目前还未做成npm发包，如需使用直接复制packages目录下的内容至项目即可
相关参数，可启动文档项目参考或读源码