From 63b63ed5ebad6d9eb15c9e622ed5e283bec0fe98 Mon Sep 17 00:00:00 2001 From: rookie4show Date: Tue, 17 Feb 2026 17:20:35 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20=E6=9B=B4=E6=96=B0=20plan.md=EF=BC=8C?= =?UTF-8?q?=E8=AE=B0=E5=BD=95=20textNode=20Label=20=E5=AE=BD=E5=BA=A6?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 更新画布模块完成度为 100% - 添加 Label 插件集成说明 - 记录 textNode 动态宽度调整功能 --- docs/1management/plan.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/1management/plan.md b/docs/1management/plan.md index 534bb5d..8c29126 100644 --- a/docs/1management/plan.md +++ b/docs/1management/plan.md @@ -56,11 +56,11 @@ ## 📋 详细模块状态 -## 1. 画布（LogicFlow） — 完成度：92% +## 1. 画布（LogicFlow） — 完成度：100% - 已完成： - 初始化与销毁：LogicFlow 实例、网格/缩放/旋转、节点选中/空白取消（src/components/flow/FlowEditor.vue） - 自定义节点注册：`shikigamiSelect`、`yuhunSelect`、`propertySelect`、`imageNode`、`textNode`（src/components/flow/FlowEditor.vue:567-574） - - **textNode 完整实现**：采用模型-视图分离架构，TextNodeModel 配置文本样式和编辑行为，TextNode.vue 提供渲染容器，LogicFlow 自动处理文本编辑（src/components/flow/nodes/common/TextNode.vue, TextNodeModel.ts） + - **textNode 完整实现**：采用模型-视图分离架构，使用 LogicFlow Label 插件实现富文本标签，TextNodeModel 动态设置 Label 宽度和坐标，支持节点 resize 时自动调整文本宽度，文本自动换行（src/components/flow/nodes/common/TextNode.vue, TextNodeModel.ts） - 与 Store 联动：读取/写入 `graphRawData` 与 `transform`（缩放/位移）（src/ts/useStore.ts, src/ts/useLogicFlow.ts） - DnD 接入：由组件库触发拖拽放置 - **右键菜单完整功能**：图层控制（置顶/上移/下移/置底）、编辑操作（复制/粘贴）、组合操作（组合/解组）、状态控制（锁定/隐藏）、删除操作，所有快捷键功能均可通过右键触发（src/components/flow/FlowEditor.vue:714-821） @@ -70,6 +70,7 @@ - **快捷键系统**：Del/Backspace 删除、方向键微移（2px/10px）、Ctrl+C/V 复制粘贴、Ctrl+G/U 组/解组、Ctrl+L 锁定、Ctrl+Shift+H 隐藏（src/components/flow/FlowEditor.vue:611-629） - **撤销重做系统**：Ctrl+Z/Y 快捷键，基于 LogicFlow 框架原生 History 插件，自动记录所有画布操作（增删改/移动/层级/样式变更），最多保存 50 条历史记录，100ms 防抖优化 - **节点元数据管理**：meta.visible、meta.locked、meta.groupId 支持与规范化（src/components/flow/FlowEditor.vue:133-209） + - **Label 插件集成**：限制每个节点一个 Label（isMultiple: false），支持文本自动换行，Label 宽度跟随节点宽度动态调整（src/components/flow/FlowEditor.vue:704-709） - 未完成： - 无