-
Notifications
You must be signed in to change notification settings - Fork 1k
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
缩放画布之后,框选元素并进行移动,元素的位移不正确 #1102
Comments
感谢提出,确实存在画布缩小后,框选元素移动距离和鼠标距离不一致的问题。 |
这个bug 有计划解决吗? |
Merged
DymoneLewis
pushed a commit
that referenced
this issue
Aug 7, 2024
## Core&Extension - core 包中 'preact' -> 'preact/compat' 解决 svg 属性问题 - 完成 core 包 roolup 打包及core 包中类型定义更新 - extension 包中代码重构,解决 TypeScript 类型定义的问题,完成打包改造 - core 包中类型定义完善,解决在 extension 包重构过程中遇到的 Core 包问题 - 优化 core 包中类型定义,增加 GraphData 类型,区别于 GraphConfigData - 优化 bpmn 插件的导出内容 - 修复 GraphModel 中 getAreaElement 方法的 bug 及一些其他类型定义的优化 - 修复 GroupNode 中 getNodeStyle 解构后调用,BaseNodeModel 中 getNodeStyle 方法 this 为空的问题 - 确认解构后赋值和直接 this.props.model.getNodeStyle() 方法调用的区别 -> this 指向的问题 - LogicFlow Examples 中新增 Group 插件 - 主要修复 TextEditTool 无效的 bug,后注原因 - TextEditTool 组件更新时,原先的 graphModel 和 LogicFlow props 不会触发组件的更新,通过将 textEditElement 传入触发组件更新 - 移除代码中无用的 console - 更新依赖 @babel/plugin-proposal-class-properties -> @babel/plugin-transform-class-properties - EventArgs 相关类型由 unknown 改为 any - 框选插件重构与示例内容丰富 - 完善部分类型定义 - 框选插件示例内容丰富 - 修复使用框选插件后,网页滚轮事件被阻塞的问题 - 修复缩放后框选元素与鼠标位移不一致的问题(#1102) - 增加新事件 selection:selected-area,返回框选范围(#1104) - 优化框选工具在缩放时的边距与外边框宽度计算 - feat: 小地图插件重构与相关示例增加 - 优化画布移动时,小地图的更新策略,减少性能消耗 - 小地图显示区域计算逻辑修改,现在由画布元素与视口共同决定 - 优化小地图预览视窗的拖拽交互 - 修复点击小地图预览视窗会触发不可预期的画布移动的问题 - 新增小地图插件的示例 - selection-select 插件中 disabled 默认设置为 true - 用于解决当用于 stopMoveGraph 设置为 true 且启用了 selection-select 插件时,插件状态默认开启的 bug - 更新 LICENSE 文件,格式化内容 - 其它 demo 的一些样式更新 - 移除 extension 包中 examples 文件夹,已转移到 examples/feature-examples 项目中 - 完善core包与group插件的类型定义 - 完善与修正core包的部分类型定义 - minimap插件功能完善与相关示例丰富 - 小地图中可选择是否渲染连线,支持初始化时设置或通过`setShowEdge`方法更新设置 - 更完善的代码注释与类型定义 - 现在,小地图默认将位于画布的右下角,保留`show`方法设置画布位置的功能,新增`updatePosition`方法用于更新小地图相对画布的决定定位 - 在小地图等示例中增加了新增功能的演示(连线可选渲染与位置调整) - 完善 BaseEdge 和 BaseNode 泛型类型,内置节点 props 定义更新 - 重构 LogicFlow.tsx 以及 GraphMode 代码,代码按功能分区管理 - Fix typo -> fakerNode 重命名为 fakeNode,意指虚拟节点 - 主要重构 LogicFlow.tsx 中代码: 将代码按 Register,Nodes,Edges,Element,Text,EditConfig,Graph,EventCenter,History 等分模块管理 - 重构 LogicFlow 中 getPointByClient 方法,通过重载,支持多种类型参数 - 重构 LogicFlow 中 focusOn 方法,通过重载,支持多种传参方式 - core包类型定义完善 - 小地图插件新增功能与示例丰富 - 小地图插件现在支持设置关闭小地图时的回调,用于外部更新小地图的显示状态(#829) - 小地图插件示例增加与新增功能相关的内容 - extension包的类型定义修复 - 修复 349252c 提交后,extension 包中的类型错误问题 - 为 BaseNode 的范型设置默认类型 - 修复小地图的预览视窗无法拖拽的问题 - 小地图设置回调逻辑调整为抛出事件 - 删除原有设置关闭时回调的逻辑 - 现在小地图插件在关闭时会抛出事件 `miniMap:close`,可以通过 `lf.on()` 监听该事件来设置小地图关闭时的回调 - 事件系统的类型定义完善 - 将节点 Resize 功能内置 - 新增 Control 组件,用于控制节点放大缩小,并在 BaseNodeModel 中增加 resize 方法 - 更新 GitHub Actions 任务名 - 重命名 allowRotation -> allowRotate;后续增加 allowResize 选项,保持命名一致性 - circle/diamond/ellipse/polygon 等节点增加 resize 能力 - 节点 model 中增加初始化时 properties 的保存,调试多边形节点 outline 不符合预期的问题 - 解决resize 结束后节点重新定位的问题 - Control.tsx 中 new StepDrag 参数中 step 传入 graphModel.gridSize,保证调整时拖拽以 gridSize 为步长移动 - 完成自定义节点内置功能的开发 - 移除目前系统中无用的 defaultTheme 和 defaultAnimation 文件 - 通过 points 置原点并基于设定的 width 和 height 缩放的方法,解决多边形形状与边框定位异常的问题 - 网格组件重构 - 修正原有网格存在偏移的问题 - 修正网格配置选项的类型声明 - 由 Grid 类自行实现网格配置选项的初始化 - 将Grid相关的类型声明与静态成员与方法移至命名空间 - 修改点状网格中点的最大半径计算逻辑,并增加相关注释 - 修复 HtmlREsize 节点 outlineStyle fill 默认为 黑色的 bug - 统一 NodeResize 中 getResizeOutlineStyle fill 和 stroke 的返回值 - 更新插件相关类型定义,完善插件相关方法 use/installPlugins/installPlugin 的功能 - 解决插件中一些类型问题 - 测试并修复 LogicFlow.use api 的功能 bug - 调整安装插件的顺序,如有重名默认优先使用 plugins 中定义的插件 - 重构项目中 basic shape 组件,修复功能 bug、完善类型定义 - rename formateAnchorConnectValidateData - formatAnchorConnectValidateData - rename setHoverON -> setHoverOn, setHoverOFF -> setHoverOff - 修复 Text 文本节点,文本不在节点中间的显示 bug,通过设置 dominantBaseline: central 解决 - TextNode getBackground 中 rectAttr 设置 y: y-1, 移除该设置 - 新增 common 文件夹用于存放通用方法 - 增加用户设置画布 100% ,在调整视窗时,画布大小同步更新的逻辑,优化体验 - 优化初始化时设置画布大小的逻辑 - 优化 DEMO 代码,解决设置 theme 未生效的 bug( 代码问题。在初始化时 style 覆盖了 defaultConfig 中的 style) - 支持导出节点中的网络图片 - 修复线的 menu 无法正常显示的 bug (#1679) - 修复初始化时 edgeConfig 中 type 未传值场景下,未使用 graphModel.edgeType(默认边类型) 初始化边的 bug - 优化 snapshot 交互体验,内容居中且开启拖拽画布,调整菜单顺序 - 完善snapshot使用方式和修复跨域报错 - 修复画布拖动阻止滚动 (#1700) - 新增Label文本模式, 支持配置多文本和修改文本朝向 - graphModel 中增加 textMode 属性,用于标识当前使用什么文本模式 - BaseNodeMode and BaseEdgeModel 以及 graphModel 中增加 更新 textMode 的方法 - 更新 tool 中 props 名称,logicflow -> lf,便于理解 - 增加 next-label demo - 重构 editConfigModel.ts,完善配置项优先级从 textEdit(全局) -> nodeTextEdit/edgeTextEdit(分类) -> 元素本身 editable - 项目中后续可以移除 useLabelText 的判断逻辑及相关的事件触发 - 配置 tool 名称通过 短横线 隔开的方式命名, eg: text-edit-tool, multiple-select-tool - tool 增加 disableTool 和 enableTool 的方法,用于互斥 Tool 注册时,禁用掉另一个 - 优化 mediumEditor 的配置项及初始化流程。移除无用配置项,增加默认主题样式 - 开发 NextLabel 插件,取得阶段性胜利 - 移除 BaseNodeModel 中 useLabelText 相关逻辑 - node:mousemove 事件中抛出 deltaX、deltaY 数据 - 调整 Control 的范围大小,解决调整大小时,鼠标离开区域后切换回默认鼠标样式,体验不好 - 调整 NextLabel 代码逻辑,LabelModel 只做数据的存储,不做更新。用于传递 props。在 Label 中触发 - element 数据更新,LabelOverlay 渲染,Label 更新 - 增加 API,updateTextMode 可切换 textMode 并更新页面 - 增加双击节点 or 边增加 Label 的功能 - 可传入设置样式 设置 label - 富文本编辑内容无法同步到 content 的问题 - 如果 properties 中没有 _label 配置项时,MediumEditor 初始化有点问题,选中文本无法显示工具栏 - 更新完Label content 后,Label 拖拽无效的问题(isDragging state 更新时机问题) - 完成 Label 溢出模式配置能力开发 - 将 PluginsOptions 中插件对应的属性值 当 props 传入到插件的实例化中 - label 的 textOverflowMode 增加 'ellipsis' | 'wrap' | 'clip' | 'nowrap' | 'default' 配置项 - 更新 Label dragging 时,兼容画布存在缩放的情况 - 完成 Label 在节点旋转时,保持位置不变,且 Label 自身跟阶段旋转角度保持一致 - 完成节点缩放时,Label 保持相对位置不变 - 增加 labelWidth 配置,可以统一项目中 labelWidth 的宽度,也可做单独个性化配置 - 优化 node:resize 以及 node:rotate 事件抛出的数据 - 移除或注释项目中无用的 console - 移植 Label 在边上定位 的相关代码,在调整节点更新边时,保持 Label 位置 - 根据 PR 整理代码中 Text 和 Label 相关逻辑,移除无效代码 - next-label 中增加 Edge 计算相关的逻辑 - 同步节点的 zIndex 到 Label 上,过滤掉 text 为空时的 Label - 修复 rangy.createClassApplier is not a function 的错误 - 修复 isMultiple 对于双击节点或边增加 label 无效的 bug - 调整core包tool文件夹 - 将 snapline 移出 tool 文件夹,因为它本身非 tool,放这里面会有误导 - 优化 tool 文件夹,将 tool 内容移至 index 中,并更新项目中相关导入 - 新增 adjustEdgeStart 和 adjustEdgeEnd,可单独控制调整起始点或结束点 - 支持cmd - 鼠标滚动操作放大缩小画布 - 节点文本支样式持通过properties传入textStylele配置 - 重构 core 包中 properties 类型定义,通过泛型的方式约束其类型 - 修复 node-selection 中 properties 未定义类型导致的报错 - 升级 group 插件为 dynamic-group 插件 - 完成 dynamic-group 插件 isCollased 初始化及groupAddable 状态即时更新 - 优化 editConfigModel 中属性的初始化逻辑及其初始化值调整 - 调小 ResizeControl 的范围 30 -> 15,原因是会盖住 Group 折叠的小按钮 - 优化允许文本拖动的逻辑判断 -> nodeTextDraggable && draggable 才可以允许拖动 - 开发节点缩放旋转时,同步缩放 or 旋转节点内部元素功能 - 完善 node:resize 及 node:rotate 事件抛出的数据 - 将 Control 中 resize 相关的方法提取到 utils/resize.ts 中,方便在插件中直接调用 - 在 group 组件中监听 node:resize 和 node:rotate 事件,完成对子元素的更新 - 测试 SelectionSelct 与 DynamicGroup 不兼容的问题并修复 - 边支持传入自定义样式 - 优化高亮插件功能 - **Breaking Change**调整 pluginOptions 只传入插件对应的 options 数据(之前是全量传入) ## feat: 开发 react-node-registry 包用于用户自定义 react 节点 - 通过监听 properties 变化的事件,触发节点的更新 - 通过 Portal 的方式,可以获取到宿主系统的数据(比如状态),保持组件渲染和系统同步 - react-node-registry 包增加 LICENSE 文件 ## feat: 开发 vue-node-registry 包用于用户自定义 vue 节点 - 通过监听 properties 变化的事件,触发节点的更新 - 利用 Teleport 将组件内部的一部分模板传送到组件的 DOM 结构外层的位置去 - 修复 vue-node-registry 包在 vue2 项目中渲染失效的问题 - 更新 extension 包的 package.json - 修复 vue-node-registry 渲染顺序,先 appendChild,再 new Vue - 修复渲染自定义节点 new Vue2 实例时未传 el 的问题 ## sites 中新增 docs 作为文档官网 - update 「sites/docs」更新官方文档 - 解决 docs 中类型定义错误的问题 - 更新示例 - 解决 docs 中的一些类型定义问题 - 更新core包中事件系统的文档 - 解决 docs 启动时「The same observable object cannot appear twice in the same tree」错误 - 节点定义写法有问题,observer 属性赋值给另一个 observer 属性,导致触发上面错误 - 更新包版本 - DEFAULT_GRID_SIZE 将默认的 gridSize 值提成常量值,放在 constant 中,方便修改 - 快速上手页优化 & API页方法分类 & 修复sites启动运行warning & 修复API页中英切换左侧nav不一致问题 - 官网优化 - 补充节点properties属性demo - 优化和修正概念解释 - 添加项目模块命名空间,可以单独往某个模块添加依赖 - 矩形、椭圆、多边形、菱形、圆可在properties.style设置样式属性 - 文案统一 - 增加微信官方号二维码 - 快速上手页补充插件使用和数据转换 - 文档中,内部导航统一放到右边 - api顺序调整 - 处理官网demo-ts报错提示 - 增加企业用户展示墙 - 更新 menu extension 官网文档示例代码 - 更新官网项目 dumi 主题,使用 @logicflow/dumi-theme-simple 作为主题 - 根据主题配置优化官网命名,en -> English, zh - 中文 - 格式化所有 md 文档,修复文档中链接错误问题,解决代码块代码错误问题 - 文档文件夹分组优化 - 引入 examples 能力,支持在项目中实时更改并查看效果 - 调整官网 markdown 资源结构,新模板配置项更新 - 使用 [email protected] 版本,更新 Header 布局 - 格式化文档,并更新文档中资源链接 - 调整资源配置,使得官网可正常访问 - 官网 API、文章模块修复链接跳转错误和细节优化 - 增加 NodeResize/Group 插件废弃的说明,整理 extension 中导出插件分类 - 增加树状逻辑编排demo&示例增加github跳转入口 - doc use mako 打包,增加 Label 和 DynamicGroup 插件 demo - 新增 react-node-registry & vue-node-registry 包文档 - 调整插件文档顺序 - 格式化 highlight 插件文档格式 - 增加 Label、DynamicGroup 插件文档 - 更新、新增、待废弃 插件新增 tag 标记 - 新增 dynamic-group 和 label 插件的文档 - 完善mini-map官网文档 ## refactor: 重构 LogicFlow 项目结构,升级打包工具,使用 pnpm 做包管理工具 - rename index.tsx -> index.ts, update dependencies and declare module mobx-preact - 配置 husky pre-commit - 完善 LogicFlow.tsx 主文件类型定义 - update .gitignore - git rm -r --cached sites/docs/.dumi/tmp - add index.less - 解决项目中 core 包 TypeScript 类型错误导致打包失败的问题 - 项目代码重构,包括 examples、extension 及 core 包 - remove react-umi-app demo - rename lf-engine-browser -> engine-browser-examples - rename lf-engine-node -> engine-node-examples - extension 包中修改文件夹名大小写未生效,恢复成 Control 和 Node 文件夹,后续再处理 - add feature-examples DEMO 项目,用于汇总所有官方 demo,后续再 docs 中使用 - 完成 feature-examples 中 demo 的改造,增加 graph 页面 - 优化 DndPanel 的demo - 开发 feature-examples 中 BPMN 插件 demo - feature-examples 中增加 BPMN demo - engine-browser-examples 中增加 graph demo,方便后续在 vite 环境下调试包功能,测试 umi 与 vite 是否一致 - engine-browser-examples bpmn demo 更新 - 新增 next-app 用来测试服务端渲染项目中 window is not defined 的问题 - 修复 vue3-memory-leak 项目中引入 vue 文件报错的问题 - 新增 vue3-app 用于测试 vue-node-registry,后续使用该项目开发 vue 组件或 demo - feature-examples 类型完善 - 修复 engine-browser-examples 中类型错误问题 - 优化 engine-browser-examples 样式 - 补充自定义折线、圆角折线、节点选择示例 (#1680) - 添加insert-node-in-polyline,rules两个插件的demo - 增加测试vue3性能demo - 增加rect-label-node插件示例 - 增加高亮插件说明文档 - 优化高亮插件示例 - 文件夹重命名,将大驼峰命名修改为 小写+短横线 - DefaultAnimation.ts -> defaultAnimation.ts - DefatultTheme.ts -> defaultTheme.ts - history/History.ts -> history/index.ts - 并更新项目中各个文件的引用地址 - 解决 git config core.ignorecase 为 true 导致修改文件夹名大小写不生效的问题 - 重命名 BPMN -> bpmn; Control -> control - 命名规范:文件夹名小写(name or name1-name2-name3);.js or .ts 小驼峰;.tsx or .jsx 大驼峰 - 新增 Vue3-memory-leak demo 用于定位内存泄漏的问题,后续基于此 demo 增加 LogicFlow destroy 的方法 - 优化 properties 类型定义为 Record<string, any>,避免 unknow 引起的问题,后续再优化 - 解决 graph demo 中发现 BezierEdge 初始化 path 为空的问题,可以看 -> BezierEdgeModel.ts 的改动 - 通过 git rm --cached Xxxx 移除修改大小写的文件夹内容 - 完善 README.md 以及 CONTRIBUTING 相关文档,解决 eslint 问题 - 完善开源共享引导文档:README 以及 CONTRIBUTING - 项目根目录运行 pnpm run lint:ts,解决项目中 eslint 错误及 warning - Update update_contributors.yml - update package.json, add changesets to generate CHANGELOG - .gitnore add .umi/ and delete .npmrc file - dependencies 中 'workspace:latest' -> 'workspace:*' 解决 changeset 中生成 CHANGELOG 报错的问题 - update build-docs shell - add @changesets/cli and related scripts - 更新 rollup config 并增加 umd 包使用 demo 文件 - npm 包 dependencies 中新增 lodash-es 依赖,解决引入项目中报错的问题 - 开发节点文本换行等体验优化的功能 - 解决 examples 中报错的问题 - 移除文档中 lodash-es 依赖,移除无用 console - 优化代码注释歧义的问题 - 更新 turbo 版本并解决 extension 打包 core 依赖报错的问题 ## refactor: 重构 engine 模块代码,使用 sandbox.js 解决 iframe 频繁 append 导致的性能问题 - @logicflow/engine 默认使用 browser 执行代码,node 端也使用 @nyariv/sandboxjs 执行代码片段,保持两端一致 ## 贡献者 Co-authored-by: boyongjiong <[email protected]> Co-authored-by: Camille <[email protected]> Co-authored-by: ChangeSuger <[email protected]> Co-authored-by: fanyang <[email protected]> Co-authored-by: yiidot <[email protected]> Co-authored-by: chengweiw <[email protected]> Co-authored-by: liqiweiliqiwei <[email protected]> Co-authored-by: DymoneLewis <[email protected]>
DymoneLewis
added a commit
that referenced
this issue
Aug 7, 2024
## Core&Extension - core 包中 'preact' -> 'preact/compat' 解决 svg 属性问题 - 完成 core 包 roolup 打包及core 包中类型定义更新 - extension 包中代码重构,解决 TypeScript 类型定义的问题,完成打包改造 - core 包中类型定义完善,解决在 extension 包重构过程中遇到的 Core 包问题 - 优化 core 包中类型定义,增加 GraphData 类型,区别于 GraphConfigData - 优化 bpmn 插件的导出内容 - 修复 GraphModel 中 getAreaElement 方法的 bug 及一些其他类型定义的优化 - 修复 GroupNode 中 getNodeStyle 解构后调用,BaseNodeModel 中 getNodeStyle 方法 this 为空的问题 - 确认解构后赋值和直接 this.props.model.getNodeStyle() 方法调用的区别 -> this 指向的问题 - LogicFlow Examples 中新增 Group 插件 - 主要修复 TextEditTool 无效的 bug,后注原因 - TextEditTool 组件更新时,原先的 graphModel 和 LogicFlow props 不会触发组件的更新,通过将 textEditElement 传入触发组件更新 - 移除代码中无用的 console - 更新依赖 @babel/plugin-proposal-class-properties -> @babel/plugin-transform-class-properties - EventArgs 相关类型由 unknown 改为 any - 框选插件重构与示例内容丰富 - 完善部分类型定义 - 框选插件示例内容丰富 - 修复使用框选插件后,网页滚轮事件被阻塞的问题 - 修复缩放后框选元素与鼠标位移不一致的问题(#1102) - 增加新事件 selection:selected-area,返回框选范围(#1104) - 优化框选工具在缩放时的边距与外边框宽度计算 - feat: 小地图插件重构与相关示例增加 - 优化画布移动时,小地图的更新策略,减少性能消耗 - 小地图显示区域计算逻辑修改,现在由画布元素与视口共同决定 - 优化小地图预览视窗的拖拽交互 - 修复点击小地图预览视窗会触发不可预期的画布移动的问题 - 新增小地图插件的示例 - selection-select 插件中 disabled 默认设置为 true - 用于解决当用于 stopMoveGraph 设置为 true 且启用了 selection-select 插件时,插件状态默认开启的 bug - 更新 LICENSE 文件,格式化内容 - 其它 demo 的一些样式更新 - 移除 extension 包中 examples 文件夹,已转移到 examples/feature-examples 项目中 - 完善core包与group插件的类型定义 - 完善与修正core包的部分类型定义 - minimap插件功能完善与相关示例丰富 - 小地图中可选择是否渲染连线,支持初始化时设置或通过`setShowEdge`方法更新设置 - 更完善的代码注释与类型定义 - 现在,小地图默认将位于画布的右下角,保留`show`方法设置画布位置的功能,新增`updatePosition`方法用于更新小地图相对画布的决定定位 - 在小地图等示例中增加了新增功能的演示(连线可选渲染与位置调整) - 完善 BaseEdge 和 BaseNode 泛型类型,内置节点 props 定义更新 - 重构 LogicFlow.tsx 以及 GraphMode 代码,代码按功能分区管理 - Fix typo -> fakerNode 重命名为 fakeNode,意指虚拟节点 - 主要重构 LogicFlow.tsx 中代码: 将代码按 Register,Nodes,Edges,Element,Text,EditConfig,Graph,EventCenter,History 等分模块管理 - 重构 LogicFlow 中 getPointByClient 方法,通过重载,支持多种类型参数 - 重构 LogicFlow 中 focusOn 方法,通过重载,支持多种传参方式 - core包类型定义完善 - 小地图插件新增功能与示例丰富 - 小地图插件现在支持设置关闭小地图时的回调,用于外部更新小地图的显示状态(#829) - 小地图插件示例增加与新增功能相关的内容 - extension包的类型定义修复 - 修复 349252c 提交后,extension 包中的类型错误问题 - 为 BaseNode 的范型设置默认类型 - 修复小地图的预览视窗无法拖拽的问题 - 小地图设置回调逻辑调整为抛出事件 - 删除原有设置关闭时回调的逻辑 - 现在小地图插件在关闭时会抛出事件 `miniMap:close`,可以通过 `lf.on()` 监听该事件来设置小地图关闭时的回调 - 事件系统的类型定义完善 - 将节点 Resize 功能内置 - 新增 Control 组件,用于控制节点放大缩小,并在 BaseNodeModel 中增加 resize 方法 - 更新 GitHub Actions 任务名 - 重命名 allowRotation -> allowRotate;后续增加 allowResize 选项,保持命名一致性 - circle/diamond/ellipse/polygon 等节点增加 resize 能力 - 节点 model 中增加初始化时 properties 的保存,调试多边形节点 outline 不符合预期的问题 - 解决resize 结束后节点重新定位的问题 - Control.tsx 中 new StepDrag 参数中 step 传入 graphModel.gridSize,保证调整时拖拽以 gridSize 为步长移动 - 完成自定义节点内置功能的开发 - 移除目前系统中无用的 defaultTheme 和 defaultAnimation 文件 - 通过 points 置原点并基于设定的 width 和 height 缩放的方法,解决多边形形状与边框定位异常的问题 - 网格组件重构 - 修正原有网格存在偏移的问题 - 修正网格配置选项的类型声明 - 由 Grid 类自行实现网格配置选项的初始化 - 将Grid相关的类型声明与静态成员与方法移至命名空间 - 修改点状网格中点的最大半径计算逻辑,并增加相关注释 - 修复 HtmlREsize 节点 outlineStyle fill 默认为 黑色的 bug - 统一 NodeResize 中 getResizeOutlineStyle fill 和 stroke 的返回值 - 更新插件相关类型定义,完善插件相关方法 use/installPlugins/installPlugin 的功能 - 解决插件中一些类型问题 - 测试并修复 LogicFlow.use api 的功能 bug - 调整安装插件的顺序,如有重名默认优先使用 plugins 中定义的插件 - 重构项目中 basic shape 组件,修复功能 bug、完善类型定义 - rename formateAnchorConnectValidateData - formatAnchorConnectValidateData - rename setHoverON -> setHoverOn, setHoverOFF -> setHoverOff - 修复 Text 文本节点,文本不在节点中间的显示 bug,通过设置 dominantBaseline: central 解决 - TextNode getBackground 中 rectAttr 设置 y: y-1, 移除该设置 - 新增 common 文件夹用于存放通用方法 - 增加用户设置画布 100% ,在调整视窗时,画布大小同步更新的逻辑,优化体验 - 优化初始化时设置画布大小的逻辑 - 优化 DEMO 代码,解决设置 theme 未生效的 bug( 代码问题。在初始化时 style 覆盖了 defaultConfig 中的 style) - 支持导出节点中的网络图片 - 修复线的 menu 无法正常显示的 bug (#1679) - 修复初始化时 edgeConfig 中 type 未传值场景下,未使用 graphModel.edgeType(默认边类型) 初始化边的 bug - 优化 snapshot 交互体验,内容居中且开启拖拽画布,调整菜单顺序 - 完善snapshot使用方式和修复跨域报错 - 修复画布拖动阻止滚动 (#1700) - 新增Label文本模式, 支持配置多文本和修改文本朝向 - graphModel 中增加 textMode 属性,用于标识当前使用什么文本模式 - BaseNodeMode and BaseEdgeModel 以及 graphModel 中增加 更新 textMode 的方法 - 更新 tool 中 props 名称,logicflow -> lf,便于理解 - 增加 next-label demo - 重构 editConfigModel.ts,完善配置项优先级从 textEdit(全局) -> nodeTextEdit/edgeTextEdit(分类) -> 元素本身 editable - 项目中后续可以移除 useLabelText 的判断逻辑及相关的事件触发 - 配置 tool 名称通过 短横线 隔开的方式命名, eg: text-edit-tool, multiple-select-tool - tool 增加 disableTool 和 enableTool 的方法,用于互斥 Tool 注册时,禁用掉另一个 - 优化 mediumEditor 的配置项及初始化流程。移除无用配置项,增加默认主题样式 - 开发 NextLabel 插件,取得阶段性胜利 - 移除 BaseNodeModel 中 useLabelText 相关逻辑 - node:mousemove 事件中抛出 deltaX、deltaY 数据 - 调整 Control 的范围大小,解决调整大小时,鼠标离开区域后切换回默认鼠标样式,体验不好 - 调整 NextLabel 代码逻辑,LabelModel 只做数据的存储,不做更新。用于传递 props。在 Label 中触发 - element 数据更新,LabelOverlay 渲染,Label 更新 - 增加 API,updateTextMode 可切换 textMode 并更新页面 - 增加双击节点 or 边增加 Label 的功能 - 可传入设置样式 设置 label - 富文本编辑内容无法同步到 content 的问题 - 如果 properties 中没有 _label 配置项时,MediumEditor 初始化有点问题,选中文本无法显示工具栏 - 更新完Label content 后,Label 拖拽无效的问题(isDragging state 更新时机问题) - 完成 Label 溢出模式配置能力开发 - 将 PluginsOptions 中插件对应的属性值 当 props 传入到插件的实例化中 - label 的 textOverflowMode 增加 'ellipsis' | 'wrap' | 'clip' | 'nowrap' | 'default' 配置项 - 更新 Label dragging 时,兼容画布存在缩放的情况 - 完成 Label 在节点旋转时,保持位置不变,且 Label 自身跟阶段旋转角度保持一致 - 完成节点缩放时,Label 保持相对位置不变 - 增加 labelWidth 配置,可以统一项目中 labelWidth 的宽度,也可做单独个性化配置 - 优化 node:resize 以及 node:rotate 事件抛出的数据 - 移除或注释项目中无用的 console - 移植 Label 在边上定位 的相关代码,在调整节点更新边时,保持 Label 位置 - 根据 PR 整理代码中 Text 和 Label 相关逻辑,移除无效代码 - next-label 中增加 Edge 计算相关的逻辑 - 同步节点的 zIndex 到 Label 上,过滤掉 text 为空时的 Label - 修复 rangy.createClassApplier is not a function 的错误 - 修复 isMultiple 对于双击节点或边增加 label 无效的 bug - 调整core包tool文件夹 - 将 snapline 移出 tool 文件夹,因为它本身非 tool,放这里面会有误导 - 优化 tool 文件夹,将 tool 内容移至 index 中,并更新项目中相关导入 - 新增 adjustEdgeStart 和 adjustEdgeEnd,可单独控制调整起始点或结束点 - 支持cmd - 鼠标滚动操作放大缩小画布 - 节点文本支样式持通过properties传入textStylele配置 - 重构 core 包中 properties 类型定义,通过泛型的方式约束其类型 - 修复 node-selection 中 properties 未定义类型导致的报错 - 升级 group 插件为 dynamic-group 插件 - 完成 dynamic-group 插件 isCollased 初始化及groupAddable 状态即时更新 - 优化 editConfigModel 中属性的初始化逻辑及其初始化值调整 - 调小 ResizeControl 的范围 30 -> 15,原因是会盖住 Group 折叠的小按钮 - 优化允许文本拖动的逻辑判断 -> nodeTextDraggable && draggable 才可以允许拖动 - 开发节点缩放旋转时,同步缩放 or 旋转节点内部元素功能 - 完善 node:resize 及 node:rotate 事件抛出的数据 - 将 Control 中 resize 相关的方法提取到 utils/resize.ts 中,方便在插件中直接调用 - 在 group 组件中监听 node:resize 和 node:rotate 事件,完成对子元素的更新 - 测试 SelectionSelct 与 DynamicGroup 不兼容的问题并修复 - 边支持传入自定义样式 - 优化高亮插件功能 - **Breaking Change**调整 pluginOptions 只传入插件对应的 options 数据(之前是全量传入) ## feat: 开发 react-node-registry 包用于用户自定义 react 节点 - 通过监听 properties 变化的事件,触发节点的更新 - 通过 Portal 的方式,可以获取到宿主系统的数据(比如状态),保持组件渲染和系统同步 - react-node-registry 包增加 LICENSE 文件 ## feat: 开发 vue-node-registry 包用于用户自定义 vue 节点 - 通过监听 properties 变化的事件,触发节点的更新 - 利用 Teleport 将组件内部的一部分模板传送到组件的 DOM 结构外层的位置去 - 修复 vue-node-registry 包在 vue2 项目中渲染失效的问题 - 更新 extension 包的 package.json - 修复 vue-node-registry 渲染顺序,先 appendChild,再 new Vue - 修复渲染自定义节点 new Vue2 实例时未传 el 的问题 ## sites 中新增 docs 作为文档官网 - update 「sites/docs」更新官方文档 - 解决 docs 中类型定义错误的问题 - 更新示例 - 解决 docs 中的一些类型定义问题 - 更新core包中事件系统的文档 - 解决 docs 启动时「The same observable object cannot appear twice in the same tree」错误 - 节点定义写法有问题,observer 属性赋值给另一个 observer 属性,导致触发上面错误 - 更新包版本 - DEFAULT_GRID_SIZE 将默认的 gridSize 值提成常量值,放在 constant 中,方便修改 - 快速上手页优化 & API页方法分类 & 修复sites启动运行warning & 修复API页中英切换左侧nav不一致问题 - 官网优化 - 补充节点properties属性demo - 优化和修正概念解释 - 添加项目模块命名空间,可以单独往某个模块添加依赖 - 矩形、椭圆、多边形、菱形、圆可在properties.style设置样式属性 - 文案统一 - 增加微信官方号二维码 - 快速上手页补充插件使用和数据转换 - 文档中,内部导航统一放到右边 - api顺序调整 - 处理官网demo-ts报错提示 - 增加企业用户展示墙 - 更新 menu extension 官网文档示例代码 - 更新官网项目 dumi 主题,使用 @logicflow/dumi-theme-simple 作为主题 - 根据主题配置优化官网命名,en -> English, zh - 中文 - 格式化所有 md 文档,修复文档中链接错误问题,解决代码块代码错误问题 - 文档文件夹分组优化 - 引入 examples 能力,支持在项目中实时更改并查看效果 - 调整官网 markdown 资源结构,新模板配置项更新 - 使用 [email protected] 版本,更新 Header 布局 - 格式化文档,并更新文档中资源链接 - 调整资源配置,使得官网可正常访问 - 官网 API、文章模块修复链接跳转错误和细节优化 - 增加 NodeResize/Group 插件废弃的说明,整理 extension 中导出插件分类 - 增加树状逻辑编排demo&示例增加github跳转入口 - doc use mako 打包,增加 Label 和 DynamicGroup 插件 demo - 新增 react-node-registry & vue-node-registry 包文档 - 调整插件文档顺序 - 格式化 highlight 插件文档格式 - 增加 Label、DynamicGroup 插件文档 - 更新、新增、待废弃 插件新增 tag 标记 - 新增 dynamic-group 和 label 插件的文档 - 完善mini-map官网文档 ## refactor: 重构 LogicFlow 项目结构,升级打包工具,使用 pnpm 做包管理工具 - rename index.tsx -> index.ts, update dependencies and declare module mobx-preact - 配置 husky pre-commit - 完善 LogicFlow.tsx 主文件类型定义 - update .gitignore - git rm -r --cached sites/docs/.dumi/tmp - add index.less - 解决项目中 core 包 TypeScript 类型错误导致打包失败的问题 - 项目代码重构,包括 examples、extension 及 core 包 - remove react-umi-app demo - rename lf-engine-browser -> engine-browser-examples - rename lf-engine-node -> engine-node-examples - extension 包中修改文件夹名大小写未生效,恢复成 Control 和 Node 文件夹,后续再处理 - add feature-examples DEMO 项目,用于汇总所有官方 demo,后续再 docs 中使用 - 完成 feature-examples 中 demo 的改造,增加 graph 页面 - 优化 DndPanel 的demo - 开发 feature-examples 中 BPMN 插件 demo - feature-examples 中增加 BPMN demo - engine-browser-examples 中增加 graph demo,方便后续在 vite 环境下调试包功能,测试 umi 与 vite 是否一致 - engine-browser-examples bpmn demo 更新 - 新增 next-app 用来测试服务端渲染项目中 window is not defined 的问题 - 修复 vue3-memory-leak 项目中引入 vue 文件报错的问题 - 新增 vue3-app 用于测试 vue-node-registry,后续使用该项目开发 vue 组件或 demo - feature-examples 类型完善 - 修复 engine-browser-examples 中类型错误问题 - 优化 engine-browser-examples 样式 - 补充自定义折线、圆角折线、节点选择示例 (#1680) - 添加insert-node-in-polyline,rules两个插件的demo - 增加测试vue3性能demo - 增加rect-label-node插件示例 - 增加高亮插件说明文档 - 优化高亮插件示例 - 文件夹重命名,将大驼峰命名修改为 小写+短横线 - DefaultAnimation.ts -> defaultAnimation.ts - DefatultTheme.ts -> defaultTheme.ts - history/History.ts -> history/index.ts - 并更新项目中各个文件的引用地址 - 解决 git config core.ignorecase 为 true 导致修改文件夹名大小写不生效的问题 - 重命名 BPMN -> bpmn; Control -> control - 命名规范:文件夹名小写(name or name1-name2-name3);.js or .ts 小驼峰;.tsx or .jsx 大驼峰 - 新增 Vue3-memory-leak demo 用于定位内存泄漏的问题,后续基于此 demo 增加 LogicFlow destroy 的方法 - 优化 properties 类型定义为 Record<string, any>,避免 unknow 引起的问题,后续再优化 - 解决 graph demo 中发现 BezierEdge 初始化 path 为空的问题,可以看 -> BezierEdgeModel.ts 的改动 - 通过 git rm --cached Xxxx 移除修改大小写的文件夹内容 - 完善 README.md 以及 CONTRIBUTING 相关文档,解决 eslint 问题 - 完善开源共享引导文档:README 以及 CONTRIBUTING - 项目根目录运行 pnpm run lint:ts,解决项目中 eslint 错误及 warning - Update update_contributors.yml - update package.json, add changesets to generate CHANGELOG - .gitnore add .umi/ and delete .npmrc file - dependencies 中 'workspace:latest' -> 'workspace:*' 解决 changeset 中生成 CHANGELOG 报错的问题 - update build-docs shell - add @changesets/cli and related scripts - 更新 rollup config 并增加 umd 包使用 demo 文件 - npm 包 dependencies 中新增 lodash-es 依赖,解决引入项目中报错的问题 - 开发节点文本换行等体验优化的功能 - 解决 examples 中报错的问题 - 移除文档中 lodash-es 依赖,移除无用 console - 优化代码注释歧义的问题 - 更新 turbo 版本并解决 extension 打包 core 依赖报错的问题 ## refactor: 重构 engine 模块代码,使用 sandbox.js 解决 iframe 频繁 append 导致的性能问题 - @logicflow/engine 默认使用 browser 执行代码,node 端也使用 @nyariv/sandboxjs 执行代码片段,保持两端一致 ## 贡献者 Co-authored-by: boyongjiong <[email protected]> Co-authored-by: Camille <[email protected]> Co-authored-by: ChangeSuger <[email protected]> Co-authored-by: fanyang <[email protected]> Co-authored-by: yiidot <[email protected]> Co-authored-by: chengweiw <[email protected]> Co-authored-by: liqiweiliqiwei <[email protected]> Co-authored-by: DymoneLewis <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
①缩小画布
②框选元素
③点住框选到的元素并移动这些元素
④发现这些元素不会紧跟鼠标进行移动
The text was updated successfully, but these errors were encountered: