Files
mnote/design/mindmap-checklist.md
T

2.6 KiB
Raw Blame History

思维导图官方功能落地 Checklist(阶段推进)

思维导图的要求:请参考cankao\kmind-plugin,思维导图应该是像当前luckysheet一样,能够在主页面中生成,并且可以使用斜杆菜单生成。当前主页面中的思维导图生成时会保存内容文件至当前的文件目录下。

思维导图布局:

  • 阶段1:顶栏工具组
    • 回退/前进/格式刷(参考:cankao/lx-doc-main/mind-map/src/pages/Edit/components/ToolbarNodeBtnList.vue
    • 同级/子节点插入、删除(同上 ToolbarNodeBtnList.vue 插入/删除按钮)
    • 资源操作:图片、图标、超链接、备注、标签、概要、关联线、公式、外框、AI(AI 先占位)(同上文件 image/icon/link/note/tag/summary/associativeLine/formula/attachment/outerFrame 按钮)
    • 目录/新建/打开/另存为/导入/导出(参考:cankao/lx-doc-main/mind-map/src/pages/Edit/components/Toolbar.vue 导入/导出/更多)
  • 阶段2:右侧侧栏 Tabs
    • 节点样式、基础样式、连线、主题、结构(参考:cankao/lx-doc-main/mind-map/src/pages/Edit/components/BaseStyle.vueStyle.vueTheme.vueStructure.vue
    • 大纲视图与编辑、设置(滚轮行为/自由拖拽/AI等)、图标/贴纸、公式、备注、AI 对话(参考:OutlineSidebar.vueSidebarTrigger.vue;图标/贴纸 NodeIconSidebar.vue;公式 FormulaSidebar.vue
  • [] 阶段2附加:组件化与文件化
    • [] Mindmap 组件可嵌入笔记,创建时自动生成子文件并通过斜杠菜单插入
  • 阶段3:浮动导航与 MiniMap
    • 右下导航条(回到根、适配画布、缩放、只读切换、mini map 开关、搜索、全屏 、语言/滚轮模式等)(参考:cankao/lx-doc-main/mind-map/src/pages/Edit/components/NavigatorToolbar.vue
    • MiniMap 视窗拖动(参考:cankao/lx-doc-main/mind-map/src/pages/Edit/components/Navigator.vueMiniMap 插件在 Edit.vue 注册)
  • 阶段4:状态栏
    • 左下字数/节点统计(监听 data_change)(参考:cankao/lx-doc-main/mind-map/src/pages/Edit/components/Count.vue
  • 阶段5:清理与同步
    • 移除旧自研画布/入口,保留新版实现
    • 同步 srcwolai-frontend 两套前端
  • 阶段6:测试验证
    • desktop:hot 本地跑通,手测核心按钮/侧栏/mini map/统计栏
    • 补充必要的快捷键/命令映射用例(人工验证)

完成每个子项后请及时勾选,便于阶段推进与回溯。