Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update article-23.md #1637

Open
wants to merge 61 commits into
base: next
Choose a base branch
from
Open

Update article-23.md #1637

wants to merge 61 commits into from

Conversation

VarianLIn
Copy link

添加在连线上显示条件小图标vue3版本实现参考

boyongjiong and others added 30 commits May 6, 2024 14:22
 - todo: 后续需统一 nodejs 与 browser 端能力,目前有差异
 - 解决 docs 中类型定义错误的问题
 - 完成 core 包 roolup 打包及core 包中类型定义更新
 - remove react-umi-app demo
 - rename lf-engine-browser -> engine-browser-examples
 - rename lf-engine-node -> engine-node-examples
 - extension 包中修改文件夹名大小写未生效,恢复成 Control 和 Node 文件夹,后续再处理
 - engine-browser-examples 中增加 graph demo,方便后续在 vite 环境下调试包功能,测试 umi 与 vite 是否一致
 - 优化 core 包中类型定义,增加 GraphData 类型,区别于 GraphConfigData
 - 解决 docs 中的一些类型定义问题
…法 this 为空的问题

 - 确认解构后赋值和直接 this.props.model.getNodeStyle() 方法调用的区别 -> this 指向的问题
 - LogicFlow Examples 中新增 Group 插件
boyongjiong and others added 26 commits June 4, 2024 17:51
 - TextEditTool 组件更新时,原先的 graphModel 和 LogicFlow props 不会触发组件的更新,通过将 textEditElement 传入触发组件更新
 - 移除代码中无用的 console
 - 更新依赖 @babel/plugin-proposal-class-properties -> @babel/plugin-transform-class-properties
 - EventArgs 相关类型由 unknown 改为 any
- 完善部分类型定义
- 框选插件示例内容丰富
- 修复使用框选插件后,网页滚轮事件被阻塞的问题
- 修复缩放后框选元素与鼠标位移不一致的问题(didi#1102)
- 增加新事件 selection:selected-area,返回框选范围(didi#1104)
- 优化框选工具在缩放时的边距与外边框宽度计算
- 优化画布移动时,小地图的更新策略,减少性能消耗
- 小地图显示区域计算逻辑修改,现在由画布元素与视口共同决定
- 优化小地图预览视窗的拖拽交互
- 修复点击小地图预览视窗会触发不可预期的画布移动的问题
- 新增小地图插件的示例
 - 通过监听 properties 变化的事件,触发节点的更新
 - 通过 Portal 的方式,可以获取到宿主系统的数据(比如状态),保持组件渲染和系统同步
 - 通过监听 properties 变化的事件,触发节点的更新
 - 利用 Teleport 将组件内部的一部分模板传送到组件的 DOM 结构外层的位置去
 - 用于解决当用于 stopMoveGraph 设置为 true 且启用了 selection-select 插件时,插件状态默认开启的 bug
 - 更新 LICENSE 文件,格式化内容
 - 其它 demo 的一些样式更新
 - 完善开源共享引导文档:README 以及 CONTRIBUTING
 - 项目根目录运行 pnpm run lint:ts,解决项目中 eslint 错误及 warning
- 小地图中可选择是否渲染连线,支持初始化时设置或通过`setShowEdge`方法更新设置
- 更完善的代码注释与类型定义
- 现在,小地图默认将位于画布的右下角,保留`show`方法设置画布位置的功能,新增`updatePosition`方法用于更新小地图相对画布的决定定位
- 在小地图等示例中增加了新增功能的演示(连线可选渲染与位置调整)
 - Fix typo -> fakerNode 重命名为 fakeNode,意指虚拟节点
 - 主要重构 LogicFlow.tsx 中代码:
将代码按 Register,Nodes,Edges,Element,Text,EditConfig,Graph,EventCenter,History 等分模块管理
 - 重构 LogicFlow 中 getPointByClient 方法,通过重载,支持多种类型参数
 - 重构 LogicFlow 中 focusOn 方法,通过重载,支持多种传参方式
- 小地图插件现在支持设置关闭小地图时的回调,用于外部更新小地图的显示状态(didi#829)
- 小地图插件示例增加与新增功能相关的内容
- 修复 349252c 提交后,extension 包中的类型错误问题
- 为 BaseNode 的范型设置默认类型
- 删除原有设置关闭时回调的逻辑
- 现在小地图插件在关闭时会抛出事件 `miniMap:close`,可以通过 `lf.on()` 监听该事件来设置小地图关闭时的回调
添加在连线上显示条件小图标vue3版本实现参考
@boyongjiong
Copy link
Collaborator

这个建议新开一个 demo ,加一个页面写呢?

next 分支, examples/vue3-app 中,新加一个路由,实现你在文章中加的这个能力

需要注意的点:

  • 在使用 vue 自定义内容时,时候会有内存泄漏问题 (比如通过 v-show 隐藏组件时,是否会引起内存泄漏; 可以参考 examples/vue3-memory-leak)
  • 我们 next 分支提供了 vue-node-registry 包,这个包目前用来使用 vue 自定义节点,看是否能做能力增强到自定义 连线 label

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants