# pit-flow-ui

## 项目简介
pit-flow-ui 是一个基于 Vue.js 的流程管理 UI 组件库，专注于提供企业级的 BPMN 流程可视化、流程审批、任务处理等功能。该组件库由湖南创智艾泰克科技有限公司前端组开发维护。

## 核心功能
- BPMN 流程设计与可视化
- 流程实例运行与监控
- 任务审批与处理
- 组织结构与用户选择
- 流程历史记录与追踪
- 数字签名集成

## 技术栈
- Vue.js 2.6.x
- BPMN-js
- Element UI
- SCSS
- Webpack

## 目录结构
```
pit-flow-ui/
├── build/           # 构建配置
├── packages/        # 组件包
│   ├── bpmn/        # BPMN 相关组件
│   ├── bpmn-review/ # BPMN 查看器
│   ├── flow-box/    # 流程审批管理组件
│   └── theme-chalk/ # 主题样式
├── src/             # 源代码
│   ├── api/         # API 接口
│   ├── utils/       # 工具函数
│   └── index.js     # 入口文件
├── types/           # 类型定义
├── package.json     # 项目配置
└── README.md        # 项目说明
```

## 安装指南

### npm 安装
```bash
npm install pit-flow-ui --save
```

### yarn 安装
```bash
yarn add pit-flow-ui
```

## 项目使用

### 引入组件
```javascript
// 全局引入
import Vue from 'vue';
import PitFlowUI from 'pit-flow-ui';
import 'pit-flow-ui/lib/theme-chalk/index.css';

Vue.use(PitFlowUI);

// 按需引入
import Vue from 'vue';
import { FlowBox, BpmnReview } from 'pit-flow-ui';
import 'pit-flow-ui/lib/theme-chalk/index.css';

Vue.component('FlowBox', FlowBox);
Vue.component('BpmnReview', BpmnReview);
```

## 构建与开发

### 构建项目
```bash
# 安装依赖
npm install

# 构建组件库
npm run build
```