guozhaolong / wfd Goto Github PK

相比于官方的modeler，好像少了很多属性，是遗漏了还是我需要集成其他插件呢？目前我的需求是要给审批节点添加form url

看了下源码，好像要自定义anchor ，然后 注册 自定义behavior dragPoint来监听 anchor:dragStart 事件等。请问有简单点的实现方式吗？

在线示例也是这种情况;
希望大牛在更新版本之后能把接口都暴露出来;
希望能支持item command 和 detail 自定义

在页面demo能复现，活动的矩形方块使用上边界或下边界对齐时，方块之间的连接线会有一点错位，使用中线连接线对齐时不会出现

D:\wfd-master>umi dev
fs.js:904
return binding.readdir(pathModule._makeLong(path), options.encoding);
^

Error: ENOENT: no such file or directory, scandir 'D:\wfd-master\pages'
at fs.readdirSync (fs.js:904:18)

save方法的问题。我改变了节点的图片，然后预览时调用save()方法，但是预览的节点现实的图片还是改变前的图片，感觉是更换了图片但是没有检测到数据的变化，节点使用的是group中包裹的image。点击更换了图片的节点，查看时image节点的值没有改变。大佬有什么好的方法解决这个问题呢？

请教大佬，怎样增加节点的拖拽缩放功能？
考虑通过一个事件如节点的双击事件，使得节点可以通过拖拽控制节点的大小？这个功能应该怎么实现呢？

TypeError: Cannot read property 'getContainer' of undefined

1633 | var group = subProcess.getContainer();
652 | cmdPlugin._deleteSubProcessNode(graph, i);
646 | selectedItems.forEach(function (i) {
528 | this.method && (isString(this.method) ? graphthis.method : this.method(graph));
557 | cmd.execute(graph);
503 | _this.execute(name, graph, cfg);
910 | graph.commandEnable(cmdName) && graph.executeCommand(cmdName);

1.这错误是模块原有的吗 ？(删除节点时出现)

2.图片改文字可行，只是拖拽时默认是选中文字，如果先选中文字，再拖动是可以的，如下图GIF：

G6直接把shape去掉了。现在升级就gg。我用了g2 升级g2的话 辅助包就升级了，g6就也用不了。郁闷。锁版本要把g2和g6一起锁了才行，吐槽下。。。
大神，弱弱的问一下。你计划接下来怎么弄？ 继续使用g6，还是使用后面开源的x6？ x6正式版也不知道什么时候可以出来？

关于流程名称，流程标识传入什么值，才能被接收并初始化呢？

比如删除img，将自定义属性放在div上，但文字无法拖拽

<div data-item={"{clazz:'start',size:'30*30',label:''}"} >{i18n['startEvent']}</div>

比较初级，希望指点一下

我需要先npm run build 然后在npm run dev 才能启动 如果直接把../../dist 替换为../../src 页面会报

在example下执行 umi dev 和上面的报错一样。。

1.项目在chrome，Edge等运行正常，IE11界面直接报白，项目是否支持IE11？

谢谢！

ERROR Failed to compile with 1 errors
This relative module was not found:

• ../../dist in ./pages/index.js

请教大佬，想增加显示类似echarts图表的节点应该怎么实现？目前使用自定义dom节点的方式，无法成功的增加类似于echarts这样的图表，大佬是否有考虑过增加此类型的实现？也就是说在节点中，显示echarts，感觉上不难，实际上实现就比较困难！请教下大佬，如果要实现此类的功能，应该怎么实现。

哥，我放到项目里，这种引入方法报错，下面一种不报错，是差什么loader，求指导啊

不好意思，提错了，我去vue那边提

鼠标在node上已出现可拖动cursor，此时拖动鼠标，node并没有移动。demo上可以复现此问题，开始事件、捕获事件、结束事件出现该问题的几率比较大，暂不知道原因。

在更新wfd-vue到g6 3.5 时遇到的问题，然后到wfd中复查，发现也有此问题。

运行wfd时，behaviour事件无反应，经debug发现是this.graph.setItemState的问题

onNodeMouseOver(e) {
      if (this.graph.getCurrentMode() === 'edit') {
        // this.graph.setItemState(e.item, 'hover', true); // 无法设置状态,hasState均为false
        e.item.setState('hover', true) // 可以设置状态 // hasState均为true
        console.log(e.item.hasState('hover'))
      } else {
        // this.graph.setItemState(e.item, 'hover', false);
        e.item.setState('hover', false)
      }
    },

改为e.item.setState() 就可以了。

"@antv/g6@~3.5.0":
version "3.5.3"

直接用的最新wfd repo，yarn运行的，有人遇到同样问题么？

请问下，如果要在普通的html中，要如何引用这个呢？还有就是是否考虑支撑activiti?

项目很精致，逻辑也很顺畅，费心了。
不过提一个小建议，试用后感觉业务耦合有些过于紧密，实际应用中可能不够灵活，不知有没有发布简化版的计划。将数据、业务逻辑和具体渲染拆分，比如为itempanel和canvas展示提供配置化的node基础信息，节点绘制后，节点通过逻辑接口决定toolbar，contextmenu的渲染内容，节点点击后提供回调函数决定detailpanel的渲染，等等。这样的话项目可能能更方便的应用于各个场景，而项目维护也可以更专注于工作流的渲染与编辑交互上，将具体业务的渲染和业务逻辑解放出来。

请教大佬。更新节点的size属性后，调用的是updataItem（），视图没有变化，可以从控制台上看到数据是变了的，但是节点的视图没有重新绘制，按您先前说的使用keyShape.attr()的方法，也不能解决！数据是变化的，但是视图就是不更新，就很尴尬！

当我执行npm run dev的时候报上述错误

目前鼠标左键按下想要选定区域进行删除操作时会移动画布，请问API中有框选或多元素选择吗？谢谢！

看完你的代码后，又去官方文档上看了一遍，还是不能实现

 afterDraw(item) {
    const shape = item.getGraphicGroup().get('children')[0];
    const length = 9;
    let totalArray = [];
    for (let i = 0; i < length; i += interval) {
      totalArray = totalArray.concat(lineDash);
    }
    let index = 0;
    shape.animate({
      onFrame(ratio) {
        const cfg = {
          lineDash: dashArray[index].concat(totalArray)
        };
        index = (index + 1) % interval;
        return cfg;
      },
      fill: 'red',
      repeat: true
    }, 5000, 'easeLinear',  ()=> {
      console.log(11)
    });
  },
......

采用与源码package.json一致的版本引入项目后依然报错

@antv/dom-util": "^2.0.2",
    "@antv/matrix-util": "^2.0.7",
    "@antv/g-canvas": "^0.4.12",
    "@antv/g6": "3.5.2",
    "@antv/util": "~2.0.9",
    "antd": "^4.2.5",
    "antd-etable": "^1.3.44",
    "moment": "^2.26.0"

These dependencies were not found:

* @antv/g6/src in ./node_modules/wfd/dist/index.esm.js
* @antv/g6/src/item/item in ./node_modules/wfd/dist/index.esm.js
* @antv/g6/src/shape/single-shape-mixin in ./node_modules/wfd/dist/index.esm.js

node_modules\wfd\dist\index.esm.js:2:15: Cannot resolve dependency '@antv/g6/src'

�G6 不支持自定义的 group ，把 子流程当初一个node的话。 Group中又不支持 添加 node 和 edge。进行不下去了，你这边有没有啥好的建议？

大佬，我想给线添加锚点，并且可以进行拖拽进行拉动线，能不能给一个思路?

1. 结点、连线是否支持鼠标点击事件。比如点击弹出页面，输入数据，然后提交后台。

2.左侧拖拽结点，是否支持纯文字的，树形菜单？

谢谢！

请问apd表单设计器开源吗?

设置流程的标识后，调用 save 方法，获取到的json中没有流程的信息，是否是bug？

另外再次编辑时，如何把流程标识的信息设置上，readme中貌似只可以设置节点

如题，谢谢~能否加个好友，交流交流这方面的，大佬

关于toFront()/toBack()方法，在节点调用这两个方法的时候，是直接将选中的节点置为顶层或者底层了。有什么方法可以使节点每次只移动一层？
比如有三个节点，A，B，C,如图。选中B节点调用toBack()方法，B节点视觉上位于A,C节点的下方，但是在调用toFront()方法后，B节点会位于A,C节点的上方，怎么做才能才能时B向上移动一层而不是直接移动到顶层？

请教大佬，添加节点（部分节点需要后台数据）时要选择数据源（类似于弹框选择数据来源等）。这个操作怎么实现？
在dragPanelItemAddNode.js中判断进行判断（给需要数据的节点添加了标识），然后对对应节点进行数据的添加，使用element-ui的弹框，数据选择时使用树状表格。

项目中刚好需要这样的流程配置图，特希望能有vue的版本

有时鼠标悬停在node的anchor上，cursor已变成 ‘+’ 状态，此时拖动鼠标，并没有拉出edge。demo上可以复现该问题。demo上出现该问题的概率略低

大佬，你这个编辑器，简洁明了直观，很给力，但是强烈建议支持vue，因为现在国内用vue的太多了，越来越多的人用vue