miyuesc / bpmn-process-designer Goto Github PK

Refused to execute script from 'https://unpkg.com/browse/[email protected]/dist/bpmn-modeler.production.min.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

大佬好，想咨询个问题，我想扩展下图的一个场景，该怎么扩展呢，跟issues #31 实现不太一样

截图来自Camunda Modeler
此节点的XML文件如下：
`<bpmn:boundaryEvent id="Event_1i22ehq" attachedToRef="Activity_1pv2sy7">

  <bpmn:timerEventDefinition id="TimerEventDefinition_0demg1p">

    <bpmn:timeDate xsi:type="bpmn:tFormalExpression">xx</bpmn:timeDate>

  </bpmn:timerEventDefinition>

</bpmn:boundaryEvent>`

我曾尝试通过window.bpmnInstances.moddle.create("bpmn:boundaryEvent") 或者window.bpmnInstances.moddle.create("bpmn:timerEventDefinition")这种方式创建
报错如下图

"Error: unknown type <bpmn:boundaryEvent>"

之前有人提过这个问题，没看到回答！

Camundae Modeler:

RT. 在bpmnjs中右下角有个箭头可以进入折叠子流程. 但是这边好像没看到

window.bpmnInstances = {
modeler: this.bpmnModeler,
modeling: this.bpmnModeler.get("modeling"),
moddle: this.bpmnModeler.get("moddle"),
eventBus: this.bpmnModeler.get("eventBus"),
bpmnFactory: this.bpmnModeler.get("bpmnFactory"),
elementFactory: this.bpmnModeler.get("elementFactory"),
elementRegistry: this.bpmnModeler.get("elementRegistry"),
replace: this.bpmnModeler.get("replace"),
selection: this.bpmnModeler.get("selection")
};
——————————————————————————————————————————————————
以上代码是否可用vuex解决，不影响全局状态的话，加上namespace

尝试去修改了下，发现改成以下代码也可以隐藏label

code

   changeLabelVisibleStatus(status) {
      this.addis.labelVisible = status ? { paletteProvider: ["value", ""] } : false;
      //this.addis.customRenderer = status ? CustomRenderer : false;
      this.reloadProcessDesigner();
    }

1. 创建/更新元素属性，或者导出文件时报错 cannot read property 'isGeneric'

原因：
常见于 Vue 项目。由于更新时 Bpmn 接收的参数类型应该为 ModdleElement 类型，但是在编写组件时将对应的数据保存进了 data() { return { } } 的某个数据中，所以被 vue 进行了响应式处理，更改了原型与属性，导致无法解析。

解决：
在 data () { } 中使用 _ 或者 $ 符号作为开头，或者不在 data 中进行声明直接对 this 进行赋值，可避免被响应式处理。

2. 导入xml或者创建新标签/属性时报错 Uncaught Error: unknown type xxx:xxx

原因：
当前选用的表述文件（一个 json 文件， 比如该项目中 package/process-designer/plugins/descriptor/ 下的三个文件）不支持该标签/属性

解决：
根据需要的标签/属性类型，在对应的描述文件类增加对应的标签/属性。具体描述文件格式参见 bpmn 自定义解析文件

3. 更改元素/连线颜色

1. modeler 模式

直接使用 modeling.setColor(els, option) 方法更改元素颜色或者其他属性。

2. viewer 模式

1. 使用 canvas.addMarker(elId, marker) 为元素添加一个 class 类名，之后为该类添加 css 样式。
2. 使用 overlays.add(elId, option) 为元素添加一个遮罩层，为遮罩层添加 css 样式。

viewer 模式下的方式在 modeler 模式也可以使用。

请问大佬可以出一个vue3.0 + element-plus版本的吗?

自定义好像没有使用，请问如何用？

只有执行器监听，任务监听器没有

如题

大佬 为何定义了两个右侧面板，且demo直接采用的是没有监听器和表单选项的面板？是没有整合还是需要一些配置？

这为啥

重构的v2分支版本，用户任务该怎么添加节点审批用户呢
而且用户任务也没有任务监听器，只有执行监听器
如何在用户任务上挂载外部表单呢？

如何在事件组件上添加条件，例如定时事件等？
如何在服务任务上添加指定需要执行的服务属性呢？
能出一期操作文档吗？

现在好多在用element-plus了，作者有计划升级成element-plus吗

折叠的子流程点击右下角去画子流程,不能回到之前的主流程上

目前看元素以及流程图的定义ID都是自动生成的,且无法更改.
但实际使用场景可能是自定义输入的所以看有没有啥办法更改

请问有没有集成教程呀，网上找了个教程老报错

没有多实例子流相关的配置面板

拽入甬道后，其他节点拖拽报错

甬道添加子甬道时也会报错

如果用change监听，每次选择用户后下拉框会被关闭，建议改成visible-change监听

编辑多个用户任务的文档元素时，会出现更新不成功的问题。

rt.非常感谢

发现一个bug，创建用户任务，修改类型为其他类型，添加扩展属性再预览xml，扩展属性的节点没有插入进去。新建其他元素再修改类型也会有这样的问题。

在看flowable提供的Ui中， 可以为互斥网关设置条件控制后续流程流转：

但是在bpmn.js ui中并没有

工具栏怎么添加服务任务

点击flow线条，选择流转条件--流转类型之后，侧边的Panel会重新回到流程process 的panel，如何能点击切换了流转条件之后，仍然留在当前的panel

请大佬指导一下

使用Vue Devtools修改App中ControlForm中的value属性，以使MyProcessDesigner组件重新渲染流程设计器

修改后的渲染结果出现多组件之间状态不一致的情况

默认初始化的xml内容
<?xml version="1.0" encoding="UTF-8"?> <bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" id="diagram_Process_1618819111033" targetNamespace="http://bpmn.io/schema/bpmn" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd"> <bpmn2:process id="Process_1618819111033" name="业务流程_1618819111033" isExecutable="true" /> <bpmndi:BPMNDiagram id="BPMNDiagram_1"> <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1618819111033" /> </bpmndi:BPMNDiagram> </bpmn2:definitions>

通过Vue Devtool修改后的value值
<?xml version="1.0" encoding="UTF-8"?> <bpmn2:definitions xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bpmn2="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" id="diagram_Process_1618819111033" targetNamespace="http://bpmn.io/schema/bpmn" xsi:schemaLocation="http://www.omg.org/spec/BPMN/20100524/MODEL BPMN20.xsd"> <bpmn2:process id="Process_1618819111033" name="修改名称后的业务流程_1618819111033" isExecutable="true" /> <bpmndi:BPMNDiagram id="BPMNDiagram_1"> <bpmndi:BPMNPlane id="BPMNPlane_1" bpmnElement="Process_1618819111033" /> </bpmndi:BPMNDiagram> </bpmn2:definitions>

注意bpmn2:process元素中的name属性，经过调试，发现再次this.bpmnModeler.importXML(xml)后，似乎window.bpmnInstances.bpmnElement
未同步修改为新的对象。

原因是元素更改id后，di的id赋值和元素id相同，然后bpmn报错存在相同id的

flowable强制要求servicetask必有的几个属性，用这个没法从页面添加。扩展属性不行。比如

<servicetask id="t1" class="cn.Delegate"/>

中的class属性。

2个任务之间存在多条连线 这种也是允许的吗，若想要限制该如何解决呢

执行Loca: http://localhost:9999/ 后工具不可以拖拽而执行Network: http://192.168.2.111:9999 后才可以成功使用事件

Enter the page for the first time, drag a task, change it to "Call task", add an extension property after saving, click the canvas, click the call task again, the extension property that was just added disappeared
As shown in the figure:

vue.runtime.esm.js?2b0e:1888

vue.runtime.esm.js?2b0e:619

   [Vue warn]: Error in nextTick: "Error: unknown type <activiti:FormData>"

found in

---> at package/penal/form/ElementForm.vue
at packages/collapse/src/collapse-item.vue
at packages/collapse/src/collapse.vue
at package/penal/PropertiesPanel.vue


——————————————————————————————
Error: unknown type activiti:FormData
at Registry.mapTypes (index.esm.js?8475:518:1)
at Registry.getEffectiveDescriptor (index.esm.js?8475:543:1)
at BpmnModdle.Moddle.getType (index.esm.js?8475:768:1)
at BpmnModdle.Moddle.create (index.esm.js?8475:736:1)
at VueComponent.resetFormList (ElementForm.vue?d075:204:1)
at VueComponent.eval (ElementForm.vue?d075:191:1)
at Array.eval (vue.runtime.esm.js?2b0e:1980:1)
at flushCallbacks (vue.runtime.esm.js?2b0e:1906:1)

——————————————————————————————————

在ElementListeners.vue、UserTaskListeners.vue两个文件中，函数 ：removeListener ，希望this.otherExtensionList 的值能够重新赋值。

下图是编辑某个模型图时，如果直接删除监听器，此时this.otherExtensionList 这个变量是空值，导致：其他监听器被清空。

请问我把prefix切换成activiti，预览的xml为什么还是flowable版本的？

如题

main分支的 bpmn-process-designer/vue.config.js 在npm run demo报错

换成 dev分支的vue.config.js可以跑

hi, miyuesc:
我是开源项目 LogicFlow 的运营同学。LogicFlow 是流程可视化的前端框架，其核心是流程图的编辑器。在 github 关注到你正在做的 bpmn-process-designer 项目，不知道你是否对参与开源的流程可视化项目感兴趣，在此我代表 LogicFlow 项目组对你发出诚挚的邀请~
如果感兴趣的话，可以微信(logic-flow)联系我，期待~
因为在 github 上的联系方式添加你为好友失败，请原谅我用 issue 的方式联系你

关于 LogicFlow 更多可以参考
github：https://github.com/didi/LogicFlow
官网：http://logic-flow.org/