vue-willtable
Version:
An editable table component for Vue
12 lines (6 loc) • 879 B
Markdown
# 架构与原理
## 整体架构
主要以`React` + `TypeScript`开发组件，`Svg`绘制边线，`React-Redux`作为状态管理。
组件中`Editor`（主组件）、`Canvas`（画布）、`Node`（节点）、`Edge`（边）为必备组件，而`NodeActions`（节点操作菜单）、`Menu`（内置菜单）、`Map`（小地图）、`Toolbar`（工具栏）可视情况是否展示使用。
对外暴露 API 中菜单列表属性与设置数据来完成基本画布渲染，需额外自定义样式可通过点边渲染属性与方法（如自定义节点、自定义边名称与箭头），需一定的操作回调可通过相应事件回调方法（如节点添加、点击节点），需额外扩展功能可通过工具栏方法（如撤销重做、放大缩小等）。