mind-elixir 3.0.2 → 3.0.3

package/dist/types/const.d.ts

@@ -12,6 +12,9 @@ export declare const THEME: {
         '--main-bgcolor': string;
         '--color': string;
         '--bgcolor': string;
+        '--panel-color': string;
+        '--panel-bgcolor': string;
+        '--panel-border-color': string;
     };
 };
 export declare const DARK_THEME: {
@@ -22,5 +25,8 @@ export declare const DARK_THEME: {
         '--main-bgcolor': string;
         '--color': string;
         '--bgcolor': string;
+        '--panel-color': string;
+        '--panel-bgcolor': string;
+        '--panel-border-color': string;
     };
 };

package/dist/types/index.d.ts

@@ -80,6 +80,9 @@ declare namespace MindElixir {
             '--main-bgcolor': string;
             '--color': string;
             '--bgcolor': string;
+            '--panel-color': string;
+            '--panel-bgcolor': string;
+            '--panel-border-color': string;
         };
     };
     export var DARK_THEME: {
@@ -90,6 +93,9 @@ declare namespace MindElixir {
             '--main-bgcolor': string;
             '--color': string;
             '--bgcolor': string;
+            '--panel-color': string;
+            '--panel-bgcolor': string;
+            '--panel-border-color': string;
         };
     };
     export var version: string;

package/dist/types/utils/pubsub.d.ts

@@ -19,7 +19,7 @@ export type Operation = {
 } | {
     name: 'removeNode';
     obj: NodeObj;
-    originSiblingId?: string;
+    originIndex?: number;
     originParentId?: string;
 };
 export type EventMap = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [

package/readme.md

@@ -34,37 +34,29 @@ Mind elixir is a free open source mind map core.
 - Pluginable
 - Build-in drag and drop / node edit plugin
 - Styling your node with CSS
+- Undo / Redo
 
 <details>
 <summary>Table of Contents</summary>
 
-- [Doc](#doc)
 - [Try now](#try-now)
   - [Playground](#playground)
-    - [Vanilla JS](#vanilla-js)
-    - [Use with React](#use-with-react)
-    - [Use with Vue](#use-with-vue)
-    - [Use with Vue3](#use-with-vue3)
 - [Usage](#usage)
   - [Install](#install)
     - [NPM](#npm)
     - [Script tag](#script-tag)
-  - [HTML structure](#html-structure)
   - [Init](#init)
   - [Data Structure](#data-structure)
   - [Event Handling](#event-handling)
   - [Data Export And Import](#data-export-and-import)
   - [Operation Guards](#operation-guards)
+- [Methods](#methods)
 - [Theme](#theme)
 - [Not only core](#not-only-core)
 - [Development](#development)
 
 </details>
 
-## Doc
-
-https://doc.mind-elixir.com/
-
 ## Try now
 
 ![mindelixir](https://raw.githubusercontent.com/ssshooter/mind-elixir-core/master/images/screenshot2.png)
@@ -73,21 +65,10 @@ https://mind-elixir.com/
 
 ### Playground
 
-#### Vanilla JS
-
-https://codepen.io/ssshooter/pen/rNqGpwW
-
-#### Use with React
-
-https://codesandbox.io/s/mind-elixir-2-x-react-q9glxt
-
-#### Use with Vue
-
-https://codesandbox.io/s/mind-elixir-vue-nqjjl
-
-#### Use with Vue3
-
-https://codesandbox.io/s/mind-elixir-vue3-dtcq6u
+- Vanilla JS - https://codepen.io/ssshooter/pen/OJrJowN
+- React - https://codesandbox.io/s/mind-elixir-3-x-react-18-x-vy9fcq
+- Vue3 - https://codesandbox.io/s/mind-elixir-3-x-vue3-lth484
+- Vue2 - https://codesandbox.io/s/mind-elixir-3-x-vue-2-x-5kdfjp
 
 ## Usage
 
@@ -100,7 +81,7 @@ npm i mind-elixir -S
 ```
 
 ```javascript
-import MindElixir, { E } from 'mind-elixir'
+import MindElixir from 'mind-elixir'
 ```
 
 #### Script tag
@@ -109,7 +90,7 @@ import MindElixir, { E } from 'mind-elixir'
 <script src="https://cdn.jsdelivr.net/npm/mind-elixir/dist/MindElixir.js"></script>
 ```
 
-### HTML structure
+### Init
 
 ```html
 <div id="map"></div>
@@ -121,12 +102,10 @@ import MindElixir, { E } from 'mind-elixir'
 </style>
 ```
 
-### Init
-
 **Breaking Change** since 1.0.0, `data` should be passed to `init()`, not `options`.
 
 ```javascript
-import MindElixir, { E } from 'mind-elixir'
+import MindElixir from 'mind-elixir'
 import example from 'mind-elixir/dist/example1'
 
 let options = {
@@ -174,7 +153,7 @@ const data = MindElixir.new('new topic')
 mind.init(data)
 
 // get a node
-E('node-id')
+MindElixir.E('node-id')
 ```
 
 ### Data Structure
@@ -272,6 +251,10 @@ let mind = new MindElixir({
 })
 ```
 
+## Methods
+
+https://github.com/ssshooter/mind-elixir-core/blob/master/api/mind-elixir.api.md
+
 ## Theme
 
 ```javascript
@@ -287,6 +270,8 @@ const options = {
       '--main-bgcolor': '#4c4f69',
       '--color': '#cccccc',
       '--bgcolor': '#252526',
+      '--panel-color': '255, 255, 255',
+      '--panel-bgcolor': '45, 55, 72',
     },
     // all variables see /src/index.less
   },
@@ -307,11 +292,12 @@ mind.changeTheme({
 })
 ```
 
-Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`. Please change the theme manually when the scheme changes.
+Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`. Please change the theme **manually** when the scheme changes.
 
 ## Not only core
 
 - [@mind-elixir/node-menu](https://github.com/ssshooter/node-menu)
+- [@mind-elixir/node-menu-neo](https://github.com/ssshooter/node-menu-neo)
 - [@mind-elixir/export-xmind](https://github.com/ssshooter/export-xmind)
 - [@mind-elixir/export-html](https://github.com/ssshooter/export-html)
 - [@mind-elixir/export-image](https://github.com/ssshooter/export-image) (WIP🚧)
@@ -320,7 +306,7 @@ Be aware that Mind Elixir will not observe the change of `prefers-color-scheme`.
 ## Development
 
 ```
-yarn
+pnpm i
 npm start
 ```
 
@@ -330,5 +316,4 @@ Test generated files with `dev.dist.ts`:
 npm run build
 npm link
 npm link mind-elixir
-npm run startd
 ```