Zt448143356

Zt448143356

Member Since 2 years ago

Experience Points
5
follower
Lessons Completed
0
follow
Lessons Completed
6
stars
Best Reply Awards
9
repos

120 contributions in the last year

Pinned
⚡ 🦋Butterfly,A JavaScript Diagramming library which concentrate on flow layout field
⚡ 会议室预定的前端android App(调用红软的人脸识别)(服务外包大赛项目)
⚡ a web of vue(一个练手的vue开发的网页)
⚡ 一个练手的安卓app(密码本地存储)
⚡ Daily record 笔记
⚡ 微信的小程序,商店(无后台)
Activity
Jan
19
10 hours ago
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

请问vue版的节点组是否支持设置width和height

image image

在groups数据里设置了width和height无效,请问是vue版不支持改属性还是我使用的版本有问题?或者有无其他的可替代方法去设置节点组的width和height

Zt448143356
Zt448143356

现在是不支持改这个属性直接有影响的。 在groups数据里设置了width和height,这个是生效了。但是画布上没有体现出现。(这个参数就是拿来计算节点是否拖入到group的) 这部分还没解决,在找替代方案。周末看情况帮你弄这块。这周事情有点多,干不完。

Jan
18
1 day ago
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

Edges and Endpoints don't show up properly at the right position.

I am facing this very strange problem where I had perfectly working code a week ago and I didn't make any updates to the code related to the rendering of the nodes groups and edges but now I see that it is totally broken and only readjusts to normal when vue hotreload triggers a rebuild.

Is there a way for me to retrigger a rebuild like how hot reload does in order to fix this ?

Your environment(such as: Butterfly version、Browser version、OS and so on)

<img width="627" alt="Screenshot 2022-01-17 at 11 28 36 AM" src="https://user-images.githubusercontent.com/2786378/1 Screenshot 2022-01-17 at 11 28 30 AM 49708165-9bce029f-8f22-4f17-b1d7-b2c398e1ac6d.png">

What are possible reasons usually for this to happen. I don't see any errors in the logs as well

Right now I am on "butterfly-dag": "^4.1.22", "butterfly-vue": "^1.0.10",

Steps To Reproduce, Maybe you can provide a simple demo.

This is my canvas Config

canvasConfig: {
      linkable: false,
      draggable: true,
      zoomable: true,
      moveable: true,
      preventOverlap: true,
      condense: false,
      theme: {
        group: {
          type: 'normal', // Node group type: normal (drag in and drag out), inner (can only be dragged in and not out)
          dragGroupZIndex: 50, // Node group z-index: (optional, Default:50)
        },
        autoFixCanvas: { // auto expand canvas when drag nodes or edges near the edge of canvas.
          enable: true,
          autoMovePadding: [20, 20, 20, 20],
        },
        node: {
          dragNodeZIndex: 250, // node z-index/2 (optional, Default:250)
        },
        edge: {
        //  dragEdgeZindex: 499,
        },
        endpoint: {
          position: [], // limit endpoint position ['Top', 'Bottom', 'Left', 'Right'],
          linkableHighlight: true, // point.linkable method is triggered when connecting, can be highlighted
          limitNum: 4, // limit the number of anchor connections
          expandArea: { // when the anchor point is too small, the connection hot zone can be expanded.
            left: 10,
            right: 10,
            top: 10,
            bottom: 10,
          },
        },
      },
    },
    ```
Zt448143356
Zt448143356

You can try whether the upgrade of Vue version causes this problem. image There may be a problem with the version I recently provided. Thank you for your feedback after the test

Jan
17
2 days ago
Activity icon
fork

Zt448143356 forked yeoman/update-notifier

⚡ Update notifications for your CLI app
Zt448143356 BSD 2-Clause "Simplified" License Updated
fork time in 2 days ago
Jan
16
3 days ago
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

请问vue版的节点组是否支持设置width和height

image image

在groups数据里设置了width和height无效,请问是vue版不支持改属性还是我使用的版本有问题?或者有无其他的可替代方法去设置节点组的width和height

Zt448143356
Zt448143356

这个我要查一下,我先确定下情况。

Jan
15
4 days ago
started
started time in 4 days ago
started
started time in 4 days ago
started
started time in 4 days ago
Jan
14
5 days ago
Activity icon
published release 1.0.16

Zt448143356 in Zt448143356/butterfly create published release 1.0.16

createdAt 5 days ago
Activity icon
commit_comment

alibaba/butterfly

push

Zt448143356 push Zt448143356/butterfly

Zt448143356
Zt448143356

fix:修复自定义锚点没有props.canvasNode导致的报错

commit sha: f7933849bd9c48f439c8bf93cbdd0442fade7dea

push time in 5 days ago
Activity icon
commit_comment

alibaba/butterfly

Activity icon
commit_comment

alibaba/butterfly

Jan
13
6 days ago
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

发现一个问题

https://github.com/alibaba/butterfly/blob/0533669ecb3ea1b630fd8900a86149eb42f0ee46/vue/util/re-layout.js#L48

if (_.get(tempNodeObj,`[${item.id}].left`)) {

是不是改成

if (_.get(tempNodeObj,`[${item.id}].top`)) {
Activity icon
published release 1.0.15

Zt448143356 in Zt448143356/butterfly create published release 1.0.15

createdAt 5 days ago
push

Zt448143356 push Zt448143356/butterfly

Zt448143356
Zt448143356

fix: 修复布局问题和一些冗余

commit sha: e5731e28a2c5a767ee9a7a5f403ff91154fd3f4b

push time in 5 days ago
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

发现一个问题

https://github.com/alibaba/butterfly/blob/0533669ecb3ea1b630fd8900a86149eb42f0ee46/vue/util/re-layout.js#L48

if (_.get(tempNodeObj,`[${item.id}].left`)) {

是不是改成

if (_.get(tempNodeObj,`[${item.id}].top`)) {
Zt448143356
Zt448143356

是的。7个月前的手误。我和删除冗余代码一起处理下

Activity icon
commit_comment

alibaba/butterfly

Activity icon
commit_comment

alibaba/butterfly

Jan
12
1 week ago
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

ReactButterfly setData node top 位置未更新

The current behavior

更改node 的left值,节点未重绘

The expected behavior

更改node 的left值,节点重绘,位置更新

Your environment(such as: Butterfly version、Browser version、OS and so on)

Butterfly version: butterfly-react: 0.0.37-beta Browser version:

OS:

Steps To Reproduce, Maybe you can provide a simple demo.

Zt448143356
Zt448143356

因为你的data这个对象的应用没变,没有触发更新。

Activity icon
commit_comment

alibaba/butterfly

Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

发布[email protected]

  1. 重构自定义锚点的添加方式
  2. 修复1.0.12版本的自定义锚点变更导致线条绘制展示出错的bug
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

更新到butterfly-vue1.0.13,node_modules/butterfly-vue文件夹下,只有一个package.json文件

更新到butterfly-vue1.0.13,node_modules/butterfly-vue文件夹下,只有一个package.json文件,没有其它文件; 重新npm install下,也没有文件 图片

Zt448143356
Zt448143356

我查了下确实存在这个问题。我从新发布下新版本看下。[email protected].完毕

Jan
10
1 week ago
Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

vue里面如何获取undo方法,我设置了不生效

switchColor: function() { this.graphData.edges.pop() this.graphData.nodes.splice(this.graphData.nodes.length - 1, 1) this.myDiagram.canvas.undo() this.$options.currentCanvas.redraw() }, 我设置了必须要用pop或者slice才能回退,请问能给个例子吗

Zt448143356
Zt448143356

大多数数可以的,也有一些不可以。这部分没有用过,不确定。do和undo部分需要自己处理.用dag的也不行。

Activity icon
issue

Zt448143356 issue comment alibaba/butterfly

Zt448143356
Zt448143356

Edges overlap when connecting between nodes

The current behavior

When connecting nodes, is there a way to make sure that the path doesn't overlap on top of an existing node ? Screenshot 2022-01-07 at 1 52 54 PM

The expected behavior

I would to connect nodes without overallping the edges between nodes.

Your environment(such as: Butterfly version、Browser version、OS and so on)

Currently I am on "butterfly-dag": "^4.1.22", "butterfly-vue": "^1.0.10",

Steps To Reproduce, Maybe you can provide a simple demo.

Zt448143356
Zt448143356

This is a historical reason(jquery was very popular when coding butterfly). jquery was first used to facilitate DOM operation. We have an idea to remove jQuery.But the workload is very heavy.

Jan
9
1 week ago
Previous