BPDCorev1.0说明文档
BPD-Core是web形式的bpm设计器，BPD-Core仅提供建模和渲染，不提供相应页面
演示:demo
项目目录[build]webpackbuild.jscheck-versios.jswebpack.cofig.jswebpack.cofig.server.js[src]源码[assets]资源[core]核心[draw]绘图[features]功能[achor]锚点[backgroud]背景[directio]流向[drag]拖拽[group-pael]分组面板[hotkey]快捷键[i18]国际化[select]选择[saplie]参考线[tooltip]提示[xml][utils]工具[static]静态文件.babelrc.editorcofig.eslitigore.eslitrc.js.gitigore.postcssrc.js_cofig.ymlpackage.jsoreadme.md安装使用pm安装
pmistallbpd-core--save引入importBPDCorefrom'bpd-core'import'bpd-core/dist/css/bpd-core.css';初始化ewBPDCore({cotaier:'#cavas',readoly:true,extesios:{t:Extesio},filter:['ServiceTask'],...})配置参数说明类型默认值cotaier容器strig-readoly只读booleafalseextesios扩展属性(参考extesios.js){key:jso}-filter需要过滤的节点类型[bpmName][]local国际化"zh_CN"|"zh_TW"|"e_US"zh_CNbpmStyle节点样式{bpmName:{}}-shapeStyle特定节点样式[{odeId,fillStyle}]-cofig功能配置{}-功能配置锚点(achor)参数说明类型默认值size尺寸umber8color颜色strig#ec5343背景(backgroud)参数说明类型默认值show显示booleatruesize网关间距umber15分组面板(group-pael)参数说明类型默认值width图形画布宽度umber30height图形画布高度umber30选择(select)参数说明类型默认值color选中颜色strig#ec5343oSelected选中方法fuctio(shapeData)-API名称说明参数备注iit初始化设计器callback回调函数destroy销毁设计器 createShape创建图形evet,callback{bpmName:节点名称},回调函数getAllElemet获取全部元素-retur[shapeData]getRootElemet获取根元素-returprocessDatagetFrotElemet获取选中元素之前的元素elemetreturshapeDatagetFrotElemets获取选中元素之前的全部元素elemetretur[shapeData]getFrotElemetsByBpm根据类型获取选中元素之前的元素elemet,bpmNameretur[shapeData]updateProperties更新元素属性shapeId,data目前仅支持标题和扩展属性updateProcessProperties更新流程属性data目前仅支持标题和扩展属性updataLieStyle更新图形边框颜色id,style destroy销毁设计器--importBpm导入解析xml文件xml,callback回调函数exportBpm导出xmlcallback回调函数数据结构(shapeData){//节点类型"bpmName":"StartEvet",//扩展属性"extesios":[{"ame":"t:test1","value":"测试1"}],//分组类型"groupName":"StartEvet",//id"id":"obj_1567qa",//"ame":"test"}支持节点名称bpmNamegroupName开始事件StartEvetStartEvet用户任务UserTaskTask系统任务ServiceTaskTask排他网关ExclusiveGatewayGateway包容网关IclusiveGatewayGateway复杂网关ComplexGatewayGateway并行网关ParallelGatewayGateway调用子流程CallActivityCallActivity结束事件EdEvetEdEvet终止事件TermiateEdEvetEdEvet连线SequeceFlow-其他详细demo代码参考static/idex.html
未来画布拖拽操作记录其他快捷键
评论