yiuman / bpmn-vue-activiti Goto Github PK

基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器(Activiti process designer based on Vue3.x + Vite + BPMN-JS + Element-Plus + TSX implementation)

Home Page: https://yiuman.github.io/bpmn-vue-activiti/

License: MIT License

JavaScript 1.28% HTML 2.66% TypeScript 90.10% CSS 5.04% Dockerfile 0.31% Shell 0.62%

vue-next vue element-plus bpmn bpmn-js activiti tsx vite vue3 process

bpmn-vue-activiti's People

Contributors

Stargazers

Watchers

Forkers

ningsy1017 changsongyao tibo-vip kick-pixel cocochuxing jxwright xintao222 fengsiyu1234 sydonay adleader tongfuhu 929496959 zwn007hcy hiliyongke yinwh79 ruanzy nullporinter lichun168 gtiger666 torns lulusayhi lvlvda hejun5448 xiehongfei lianggaouser brucedchen1991 signupyang gduxj iallionjht chenrongxu duanfangrui homeless2010 zhaopufeng yanzhao1 dystudio luhai1 debugoftheroad 824759494 cheneygan hongjunshi cgb-workflow xinghuaqiang dmcdoudou zhonglh snowman828 lhztop zhanll1986 whzxxyf geekcheng salmongit hhpop massinger a7enger hhc87 kinbod huangzhaorongit chordmo fuxiangrong xusyang wangrognjie himozhang qau2264 liuhuawu zhuzhuzhenbang huangyiman dowhere imxiexie urbanecat poundhu zk923852367 joslin1215 p1an8 daoos zyu yangtaoxf wl794321 nm-cmd gong9 liuhaogui zgf523 trioinsight wwwk dbcloud-team zcc0511 aldler tanmeijun muze-xu wangcongxing basd1995 hh481 cosolar archyink 582635133 yuanan darrenni snamper cuichengjie sramler jacobguan changsongyang

bpmn-vue-activiti's Issues

项目的开源协议是什么？

你好，更新最新代码后运行不起来，请问要怎么运行？

我之前执行如下可以运行，现在不能运行，请问要如何直接运行？
npm install --registry=https://registry.npm.taobao.org;
npm run dev;

搭配的是activiti7,有人知道如何获取task配置的表单属性和拓展数据吗

端口只能是3000吗？

端口只能是3000吗？能改成其它的吗？有没有vue.config.js这种可以配置代理端口的地方呢，或者其它地方能配置？

能直接使用flowable上么？

请问可以整成组件发布到npm上嘛

我自己将代码下载想试着打包成组件，然后我在vite.config.ts里面配置了build.lib打包时候就会报错Invalid value "umd" for option "output.format" - UMD and IIFE output formats are not supported for code-splitting builds.
大佬，能帮忙看下嘛

任务节点修改为用户任务，再次点击节点会报错

任务节点修改为用户任务，再次点击节点会报错，但是演示例子是正常的，希望作者能更新一下，谢谢！
useOption.ts:38 Uncaught (in promise) TypeError: arr.includes is not a function

请问一下，扩展属性里加的配置在usertask里怎么获取到？

请问一下，bpmn的扩展属性（activiti:property）里加的一些配置在java代码里usertask里怎么获取到？

请问会持续更新吗？

如题

流程图的数据能转为xml吗

没有activiti:FormProperty属性

我尝试自己添加

interface FromPropertyElement {
$type: string;
id: string;
type: string;
$attrs: FromPropertyAttrsElement;
}

interface FromPropertyAttrsElement {
name: string;
}

/**

表单属性组配置
*/
export const FormProperties: GroupProperties = {
name: '表单属性',
icon: 'el-icon-document-add',
properties: {
'extensionElements.formProperty': {
component: SubList,
columns: [
{
prop: 'id',
label: '编码',
align: 'center',
},
{
prop: 'type',
label: '类型',
align: 'center',
},
{
prop: 'name',
label: '名称',
align: 'center',
},
],
rules: {
id: [{ required: true, message: '属性名不能为空' }],
type: [{ required: true, message: '属性值不能为空' }],
name: [{ required: true, message: '属性值不能为空' }],
},
getValue: (businessObject: ModdleElement): Array => {
return businessObject?.extensionElements?.values
?.filter((item: FromPropertyElement) => item.$type === 'activiti:FormProperty')
.map((elem: FromPropertyElement) => {
return { id: elem.id, type: elem.type, name: elem?.$attrs?.name };
})
},
setValue(businessObject: ModdleElement, key: string, value: []): void {
const bpmnContext = BpmnStore;
const moddle = bpmnContext.getModeler().get('moddle');
const properties = moddle.create(activiti:FormProperty, {
values: value.map((attr: { id: string; value: unknown }) => {
return moddle.create(activiti:FormProperty, { name: attr.name, value: attr.value });
}),
});
bpmnContext.updateExtensionElements('activiti:Properties', properties);
},
},
},
};

getValue 是可以的。
setValue 不知道这么搞

请问有QQ群没。

    return () => (
      <>
        {contextState.businessObject && contextState.activeBindDefine && (
          <>
            <div
              class="bpmn-panel-shrinkage"
              onClick={() => (panelState.shrinkageOff = !panelState.shrinkageOff)}
            >
              {panelState.shrinkageOff ? (
                <i class="el-icon-s-fold" />
              ) : (
                <i class="el-icon-s-unfold" />
              )}
            </div>
            <div class="bpmn-panel" v-show={!panelState.shrinkageOff}>
              <div class="title">{bpmnContext.getActiveElementName()}</div>
              <ElCollapse class="bpmn-panel-collapse" v-model={panelState.elCollapses}>
                {contextState.activeBindDefine.map((groupItem) => {
                  return (
                    <ElCollapseItem name={groupItem.name} v-slots={getSlotObject(groupItem)} />
                  );
                })}
              </ElCollapse>
            </div>
          </>
        )}
      </>
    );

这部分代码
contextState.activeBindDefine永远是NULL，其结果返回也是NULL，导致panel部分不能正常显示。