mind-elixir 4.1.5 → 4.2.1

package/dist/types/i18n.d.ts

@@ -11,6 +11,6 @@ type LangPack = {
     clickTips: string;
     summary: string;
 };
-export type Locale = 'cn' | 'zh_CN' | 'zh_TW' | 'en' | 'ru' | 'ja' | 'pt' | 'it' | 'es';
+export type Locale = 'cn' | 'zh_CN' | 'zh_TW' | 'en' | 'ru' | 'ja' | 'pt' | 'it' | 'es' | 'fr' | 'ko';
 declare const i18n: Record<Locale, LangPack>;
 export default i18n;

package/dist/types/index.d.ts

@@ -5,7 +5,7 @@ import { findEle } from './utils/dom';
 export * from './types/index';
 export * from './types/dom';
 import type { MindElixirData, MindElixirInstance, MindElixirMethods, Options } from './types/index';
-declare function MindElixir(this: MindElixirInstance, { el, direction, locale, draggable, editable, contextMenu, contextMenuOption, toolBar, keypress, mouseSelectionButton, before, newTopicName, allowUndo, generateMainBranch, generateSubBranch, overflowHidden, mobileMenu, theme, }: Options): void;
+declare function MindElixir(this: MindElixirInstance, { el, direction, locale, draggable, editable, contextMenu, contextMenuOption, toolBar, keypress, mouseSelectionButton, selectionContainer, before, newTopicName, allowUndo, generateMainBranch, generateSubBranch, overflowHidden, mobileMenu, theme, }: Options): void;
 declare namespace MindElixir {
     export var prototype: {
         init(this: MindElixirInstance, data: MindElixirData): Error | undefined;

package/dist/types/plugin/contextMenu.d.ts

@@ -1,3 +1,13 @@
 import type { MindElixirInstance } from '../types/index';
 import './contextMenu.less';
-export default function (mind: MindElixirInstance, option: any): () => void;
+type Options = {
+    focus?: boolean;
+    link?: boolean;
+    extend?: {
+        name: string;
+        key?: string;
+        onclick: (e: MouseEvent) => void;
+    }[];
+};
+export default function (mind: MindElixirInstance, option: Options): () => void;
+export {};

package/dist/types/types/index.d.ts

@@ -96,6 +96,7 @@ export interface MindElixirInstance extends MindElixirMethods {
     undo: () => void;
     redo: () => void;
     selection: SelectionArea;
+    selectionContainer?: string | HTMLElement;
 }
 type PathString = string;
 /**
@@ -123,6 +124,7 @@ export type Options = {
     mobileMenu?: boolean;
     theme?: Theme;
     nodeMenu?: boolean;
+    selectionContainer?: string | HTMLElement;
 };
 export type Uid = string;
 /**

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

@@ -67,6 +67,7 @@ export type EventMap = {
     unselectNode: () => void;
     unselectNodes: () => void;
     expandNode: (nodeObj: NodeObj) => void;
+    linkDiv: () => void;
 };
 declare const Bus: {
     create<T extends Record<string, (...args: any[]) => void> = EventMap>(): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mind-elixir",
-  "version": "4.1.5",
+  "version": "4.2.1",
   "type": "module",
   "description": "Mind elixir is a free open source mind map core.",
   "keywords": [
@@ -70,6 +70,7 @@
   "devDependencies": {
     "@commitlint/cli": "^17.8.1",
     "@commitlint/config-conventional": "^17.8.1",
+    "@microsoft/api-documenter": "^7.25.14",
     "@microsoft/api-extractor": "^7.47.0",
     "@playwright/test": "^1.44.1",
     "@rollup/plugin-strip": "^3.0.4",
@@ -87,8 +88,5 @@
     "typescript": "^5.4.5",
     "vite": "^4.5.3",
     "vite-plugin-css-injected-by-js": "^3.5.1"
-  },
-  "dependencies": {
-    "@microsoft/api-documenter": "^7.25.14"
   }
 }

package/readme.md

@@ -25,7 +25,9 @@
 
 [中文 README](https://github.com/ssshooter/mind-elixir-core/blob/master/readme.cn.md)
 
-Mind elixir is a free open source mind map core.
+Mind elixir is a open source JavaScript mind map core. You can use it with any frontend framework you like.
+
+Features:
 
 - Lightweight
 - High performance
@@ -55,6 +57,8 @@ Mind elixir is a free open source mind map core.
   - [Data Export And Import](#data-export-and-import)
   - [Operation Guards](#operation-guards)
 - [Export as a Image](#export-as-a-image)
+  - [Solution 1](#solution-1)
+  - [Solution 2](#solution-2)
 - [APIs](#apis)
 - [Theme](#theme)
 - [Shortcuts](#shortcuts)
@@ -265,6 +269,8 @@ let mind = new MindElixir({
 
 ## Export as a Image
 
+### Solution 1
+
 ```typescript
 const mind = {
   /** mind elixir instance */
@@ -281,6 +287,33 @@ const downloadPng = async () => {
 }
 ```
 
+### Solution 2
+
+Install `@ssshooter/modern-screenshot`, then:
+
+```typescript
+import { domToPng } from '@ssshooter/modern-screenshot'
+
+const download = async () => {
+  const dataUrl = await domToPng(mind.nodes, {
+    onCloneNode: node => {
+      const n = node as HTMLDivElement
+      n.style.position = ''
+      n.style.top = ''
+      n.style.left = ''
+      n.style.bottom = ''
+      n.style.right = ''
+    },
+    padding: 300,
+    quality: 1,
+  })
+  const link = document.createElement('a')
+  link.download = 'screenshot.png'
+  link.href = dataUrl
+  link.click()
+}
+```
+
 ## APIs
 
 https://github.com/ssshooter/mind-elixir-core/blob/master/api/mind-elixir.api.md