resus-diagrams
Advanced tools
Comparing version 1.0.1 to 1.0.2
{ | ||
"name": "resus-diagrams", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"repository": { | ||
"type": "git", | ||
"url": "https://github.com/2-NOW/resus-ide-diagrams" | ||
"url": "https://gitlab.com/yunpil/resus-diagrams" | ||
}, | ||
@@ -8,0 +8,0 @@ "keywords": [ |
@@ -1,19 +0,6 @@ | ||
2now fork version | ||
# Resus - Diagrams Core | ||
# STORM React Diagrams | ||
**DEMO**: http://www.projectstorm.io/react-diagrams | ||
A super simple, no-nonsense diagramming library written in React that just works. | ||
It is storm-react-diagrams fork version for Resus-ide. | ||
[](https://gitter.im/projectstorm/react-diagrams?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) | ||
[](https://npmjs.org/package/storm-react-diagrams) | ||
[](https://npmjs.org/package/storm-react-diagrams) | ||
 | ||
 | ||
 | ||
## Introduction | ||
@@ -37,3 +24,3 @@ | ||
``` | ||
npm install storm-react-diagrams | ||
npm install resus-diagrams | ||
``` | ||
@@ -44,11 +31,5 @@ | ||
``` | ||
yarn add storm-react-diagrams | ||
yarn add resus-diagrams | ||
``` | ||
## How to build | ||
Simply run `webpack` in the root directory (or `export NODE_ENV=production && webpack` if you want a production build) and it will spit out the transpiled code and typescript definitions into the dist directory as a single file. **It will also compile the code for the demos** .We use webpack for this because TSC cannot compile a single UMD file (TSC can currently only output multiple UMD files). | ||
_NOTE:_ We turn off name mangeling in production builds because we require class names to be left intact when serializing. | ||
## Make your own nodes | ||
@@ -58,4 +39,2 @@ | ||
 | ||
## How does it work | ||
@@ -75,31 +54,30 @@ | ||
## Events | ||
[Event System](docs/Events.md) | ||
## Questions | ||
[Questions](docs/Questions.md) | ||
## Usage | ||
**Delete** removes any selected items | ||
 | ||
![__Delete__] | ||
**Shift + Mouse Drag** triggers a multi-selection box | ||
 | ||
![Shift + Mouse Drag] | ||
**Shift + Mouse Click** selects the item (items can be multi-selected) | ||
 | ||
![Shift + Mouse Click] | ||
**Mouse Drag** drags the entire diagram | ||
 | ||
![Mouse Drag] | ||
**Mouse Wheel** zooms the diagram in / out | ||
 | ||
![Mouse Wheel] | ||
**Click Link + Drag** creates a new link point | ||
 | ||
![Click Link + Drag] | ||
**Click Node Port + Drag** creates a new link | ||
 | ||
![Click Node Port + Drag] | ||
## What's new | ||
### 2021-05 | ||
- node model에 onclick event param 추가 | ||
- canvas에 onclick event 추가 |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
5876
171350
80