0.0.10 • Published 2 years ago

mindmap-tree v0.0.10

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

mindmap-tree demo

Demo

Demo

Feature

  • Add & Delete Node
  • Edit Node Text
  • Undo & Redo
  • Change Scale
  • Drag Node to change Father
  • Keyboard operation
  • Multi select
  • Expand & Shrink Node

Get Started

Installation

npm install -S mindmap-tree

Usage

<body>
  <div id="container" style="width:100vh;height:100vh;"></div>
</body>
import MindmapTree from 'mindmap-tree';
import 'mindmap-tree/style.css';

new MindmapTree({
  container: '#container',
});

Params

MindmapTree constructor options:

PropTypeDefaultDescription
containerString | Element''HTML element of container
dataNodeDataMapRecord<string, NodeData>Initial data of mindmap
isDebugBooleanfalseIs debug or not

NodeData params:

PropTypeDefaultDescription
labelString''Node label
directionNumber0Node direction, 1:right, 0:none, -1:left
isRootBooleanfalseIs root node or not
childrenString[][]children ids
isExpandBooleantrueTo expand node or not

License

MIT

Copyright (c) 2023 - present, RockyRen

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago

0.0.0-beta.4

2 years ago

0.0.0-beta.3

2 years ago

0.0.0-beta.2

2 years ago

0.0.0-beta.1

2 years ago

0.0.0-beta.0

2 years ago