logic-flow / docs Goto Github PK
View Code? Open in Web Editor NEWLogicFlow文档&示例
Home Page: https://docs.logic-flow.cn/
LogicFlow文档&示例
Home Page: https://docs.logic-flow.cn/
鼠标经过边,也会触发画布的history:change事件,这不合理。 只是经过,并没有点击和拖动或者改变数据。
新增组件后 不能点击上一步和下一步, 经查看案例代码,代码中引入的 // import { History } from '@didi/suda-utils' 已被注释,并且工具栏的 上一步和下一步 的对应函数 均被注释
LogicFlow.use(BpmnElement);
LogicFlow.use(BpmnXmlAdapter);
设置导出的 xml转化为 bpmn 格式 const data = this.lf.getGraphData() this.download("diagram.xml", data); 导出文件
但是导出的文件是这样的
<bpmn:process isExecutable="true" id="Process_9d9e128">
</bpmn:process>
画的圆没有进行转换 导致识别不出来 不知道哪一个出问题了
this.lf.on('node:click', (data) => {
const _that = this
if (data) {
// 在元素库编辑了元素该名后, 使用静默刷新 强制把多节点绑定的同一元素 值保持一样
document.onkeydown = function (e) {
let key = window.event.keyCode;
// 判断上下左右箭头的key之后,执行对应节点移动处理
if (key === 38) {
// 上
_that.lf.graphModel.moveNode(data.data.id, 0, -1, false);
} else if (key === 40) {
// 下
_that.lf.graphModel.moveNode(data.data.id, 0, 1, false);
} else if (key === 37) {
// 左
_that.lf.graphModel.moveNode(data.data.id, -1, 0, false);
} else if (key === 39) {
// 右
_that.lf.graphModel.moveNode(data.data.id, 1, 0, false);
}
};
}
})
使用这个方法上下左右箭头微调节点位置,在按住箭头不动,上下左右任意调整节点位置后,用getGraphRawData获取流程图数据,保存起来,然后重新进来加载页面,会发现节点的文字不再居中了。节点文字位置开始错乱。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.