# electron-app

**Repository Path**: ydh-dosktop/electron-app

## Basic Information

- **Project Name**: electron-app
- **Description**: electron-app : vue3 + vite + ts + element-plus实现Demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-04-30
- **Last Updated**: 2025-04-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue3 + Vite + element-plus + TS + electron

本项目采用了 Vue3 + Vite + element-plus + TS + electron 开发的桌面端应用。采用logic-flow实现自定义的业务流程图绘制。

## 流程图绘制功能说明
>- 实现了工作流常见图标的自定义，支持拖拽、连线、删除、自定义节点属性。
>- 支持导出保存流程图json文件；
>- 支持流程图保存为图片；
>- 支持导入已保存的流程图json文件；
>- 支持节点连线的自定义校验；

## 效果预览
![效果1](./static/1.gif)
![效果2](./static/2.gif)

运行项目
```shell
npm run dev
```

## logic-flow 绘制流程图软件
> 官网地址  
https://site.logic-flow.cn/  
LogicFlow自定义业务节点  
https://1024code.com/collections/MO6KPPq/odupyrc  
Icon素材库  
https://www.iconfont.cn/  
自定义节点参考  
https://site.logic-flow.cn/api/model/graph-model    
https://gitee.com/xzs0822/logic-flow-project/blob/master/src/components/registerNode/registerStart.js  
logic-flow源码地址  
https://github.com/didi/LogicFlow  

## element-plus
> 指南  
https://element-plus.org/zh-CN/guide/quickstart  
组件  
https://element-plus.org/zh-CN/component/overview.html  
图标集合  
https://element-plus.org/zh-CN/component/icon.html  
菜单组件  
https://element-plus.org/zh-CN/component/menu.html  
Container 布局容器  
https://element-plus.org/zh-CN/component/container.html  
按钮  
https://element-plus.org/zh-CN/component/button.html