# vue3-process-dev **Repository Path**: fyname/vue3-process-dev ## Basic Information - **Project Name**: vue3-process-dev - **Description**: vue3集成bpmnjs的仓库 - **Primary Language**: NodeJS - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 2 - **Created**: 2023-01-27 - **Last Updated**: 2024-06-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

logo

Vite Vue Bpmn Process Editor

English | 中文

GitHub stars GitHub stars

## 项目简介 Vite Vue Bpmn流程编辑器,基于[Bpmn.js](https://github.com/bpmn-io/bpmn-js), [Vite](https://vitejs.dev), [Vue.js 3.x](https://vuejs.org/)。 实现了Bpmn.js和Diagram.js的typescript类型声明,typescript可以用来在编辑器中编写代码。 ## 友情赞助 生活不易,猪猪叹气。如果对您有帮助,您可以请我喝杯咖啡。十分感谢 (毕竟这个项目还是写了几个月, typescript 部分实在是太难写了)~ ~ ~ ~
微信 支付宝
## 结构目录 ``` |-- public |-- src | |-- additional-functions 扩展的事件函数方法,包括右键事件等 | |-- additional-modules bpmn.js 自定义模块(扩展与重写) | |-- AutoPlace | |-- ContextPad | |-- Lint | |-- Palette | |-- PopupMenu | |-- Renderer | |-- Rules | |-- Translate | |-- bo-utils businessObject 相关属性处理函数 | |-- components 组件 与 bpmn.js 自定义模块 | |-- common 公共组件 | |-- Designer 流程设计器 | |-- Palette 重写的 bpmn.js 的 Palette 组件 | |-- Panel 重写的 bpmn.js 的 Panel 组件 | |-- Setting 项目配置表单组件 | |-- Toolbar 编辑器工具栏组件 | |-- bpmn-icons bpmn 对应的图标文件 svg | |-- config 项目配置文件 | |-- moddle-extensions bpmn.js 扩展解析文件 | |-- activiti.json | |-- bpmn.json bpmn 基础元素和属性配置 | |-- camunda.json | |-- flowable.json | |-- miyue.json 自定义扩展配置 | |-- zeebe.json zeebe 表单配置 | |-- store | |-- editor | |-- modeler | |-- styles | |-- camunda-penal.scss camunda 官方侧边栏样式 | |-- context-pad.scss bpmn.js 上下文菜单样式(扩展部分) | |-- designer.scss 流程设计器样式 | |-- index.scss 项目样式统一入口 | |-- palette.scss bpmn.js 的 Palette 组件样式(扩展部分) | |-- panel.scss bpmn.js 的 Panel 组件样式(重写panel) | |-- setting.scss 项目配置表单样式 | |-- toolbar.scss 编辑器工具栏样式 | |-- utils | |-- EmptyXML.ts 生成空的 XML 文件 | |-- EventEmitter.ts 事件发布订阅器 | |-- files.ts 文件相关操作 | |-- index.ts 常用工具函数 | |-- Logger.ts 控制台日志输出美化 | |-- storage.ts 本地存储操作 | |-- tools.ts 常用工具函数 | |-- uuid.ts uuid 生成器 | |-- App.vue | |-- main.ts | |-- env.d.ts |-- types | |-- bpmn-moddle | |-- declares | |-- bpmn.d.ts bpmn.js 的类型声明文件 | |-- bpmn-js-bpmnlint.d.ts bpmn.js lint 模块 | |-- bpmn-js-token-simulation.d.ts bpmn.js 流转模拟模块 | |-- bpmn-moddle.d.ts bpmn.js 的 moddle 类型声明文件 | |-- camunda-bpmn-moddle.d.ts camunda 官方 moddle 类型声明文件 | |-- diagram.d.ts diagram.js 的类型声明文件 | |-- diagram-js-direct-editing.d.ts diagram.js 的双击编辑类型声明文件 | |-- didi.d.ts [Nikku - didi](https://github.com/nikku/didi/blob/master/lib/index.d.ts) | |-- moddle.d.ts moddle 的类型声明文件 | |-- object-refs.d.ts | |-- editor |-- LICENSE |-- README.md |-- tsconfig.json |-- package.json |-- vite.config.js ``` > > Activiti moddle json: https://github.com/Activiti/activiti-modeling-app/blob/master/projects/process-editor/src/services/activiti.json