@plait/mind 0.16.0 → 0.17.0

package/interfaces/element-data.d.ts

@@ -2,10 +2,19 @@ import { Element } from 'slate';
 export interface EmojiItem {
     name: string;
 }
+export interface ImageItem {
+    url: string;
+    width: number;
+    height: number;
+}
 export interface BaseData {
     topic: Element;
     emojis?: EmojiItem[];
+    image?: ImageItem;
 }
 export interface EmojiData extends BaseData {
     emojis: EmojiItem[];
 }
+export interface ImageData extends BaseData {
+    image: ImageItem;
+}

package/interfaces/element.d.ts

@@ -1,6 +1,6 @@
 import { MindLayoutType } from '@plait/layouts';
 import { PlaitBoard, PlaitElement, Point } from '@plait/core';
-import { BaseData, EmojiData } from './element-data';
+import { BaseData, EmojiData, ImageData } from './element-data';
 export interface MindElement<T = BaseData> extends PlaitElement {
     data: T;
     children: MindElement[];
@@ -38,6 +38,7 @@ export declare const MindElement: {
     getNode(element: MindElement): import("@plait/mind").MindNode;
     findParentNode(element: MindElement): import("@plait/mind").MindNode | undefined;
     hasEmojis(element: MindElement): element is MindElement<EmojiData>;
+    hasImage(element: MindElement): element is MindElement<ImageData>;
     getEmojis(element: MindElement<EmojiData>): import("./element-data").EmojiItem[];
     hasMounted(element: MindElement): boolean;
     getTextEditor(element: MindElement): import("slate").BaseEditor & import("slate-angular").AngularEditor & import("slate-history").HistoryEditor;

package/interfaces/options.d.ts

@@ -1,7 +1,9 @@
-import { WithPluginOptions } from '@plait/core';
+import { ComponentType, WithPluginOptions } from '@plait/core';
 import { TextPlugin } from '@plait/text';
+import { MindImageBaseComponent } from '../base';
 export interface WithMindOptions extends WithPluginOptions {
     emojiPadding: number;
     spaceBetweenEmojis: number;
     textPlugins?: TextPlugin[];
+    imageComponentType?: ComponentType<MindImageBaseComponent>;
 }

package/node.component.d.ts

@@ -10,6 +10,7 @@ import { NodeInsertDrawer } from './drawer/node-insert.drawer';
 import { PlaitMindBoard } from './plugins/with-mind.board';
 import { NodeActiveDrawer } from './drawer/node-active.drawer';
 import { CollapseDrawer } from './drawer/node-collapse.drawer';
+import { NodeImageDrawer } from './drawer/node-image.drawer';
 import * as i0 from "@angular/core";
 export declare class MindNodeComponent extends PlaitPluginElementComponent<MindElement, PlaitMindBoard> implements OnInit, OnDestroy, OnContextChanged<MindElement, PlaitMindBoard> {
     private viewContainerRef;
@@ -24,6 +25,7 @@ export declare class MindNodeComponent extends PlaitPluginElementComponent<MindE
     destroy$: Subject<void>;
     nodeEmojisDrawer: NodeEmojisDrawer;
     nodeInsertDrawer: NodeInsertDrawer;
+    imageDrawer: NodeImageDrawer;
     textManage: TextManage;
     activeDrawer: NodeActiveDrawer;
     collapseDrawer: CollapseDrawer;
@@ -33,6 +35,7 @@ export declare class MindNodeComponent extends PlaitPluginElementComponent<MindE
     editTopic(): void;
     onContextChanged(value: PlaitPluginElementContext<MindElement, PlaitMindBoard>, previous: PlaitPluginElementContext<MindElement, PlaitMindBoard>): void;
     drawEmojis(): void;
+    drawImage(): void;
     drawShape(): void;
     destroyShape(): void;
     drawLink(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plait/mind",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "peerDependencies": {
     "@angular/common": "^15.2.2",
     "@angular/core": "^15.2.2"

package/plugins/with-mind-image.d.ts

@@ -0,0 +1,2 @@
+import { PlaitBoard } from '@plait/core';
+export declare const withMindImage: (board: PlaitBoard) => PlaitBoard;

package/transforms/image.d.ts

@@ -0,0 +1,3 @@
+import { PlaitBoard } from '@plait/core';
+import { ImageData, MindElement } from '../interfaces';
+export declare const removeImage: (board: PlaitBoard, element: MindElement<ImageData>) => void;

package/transforms/index.d.ts

@@ -12,4 +12,5 @@ export declare const MindTransforms: {
     insertNodes: (board: import("@plait/core").PlaitBoard, elements: import("@plait/mind").MindElement<import("@plait/mind").BaseData>[], path: import("slate").Path) => void;
     insertAbstractNodes: (board: import("@plait/core").PlaitBoard, validAbstractRefs: import("@plait/mind").AbstractRef[], elements: import("@plait/mind").MindElement<import("@plait/mind").BaseData>[], path: import("slate").Path) => void;
     setRightNodeCountByRefs: (board: import("@plait/core").PlaitBoard, refs: import("@plait/mind").RightNodeCountRef[]) => void;
+    removeImage: (board: import("@plait/core").PlaitBoard, element: import("@plait/mind").MindElement<import("@plait/mind").ImageData>) => void;
 };

package/utils/position/emoji.d.ts

@@ -1,7 +1,7 @@
-import { PlaitBoard, Point, RectangleClient } from "@plait/core";
-import { MindElement } from "../../interfaces/element";
-import { EmojiData } from "../../interfaces/element-data";
-import { PlaitMindBoard } from "../../plugins/with-mind.board";
+import { PlaitBoard, Point, RectangleClient } from '@plait/core';
+import { MindElement } from '../../interfaces/element';
+import { EmojiData } from '../../interfaces/element-data';
+import { PlaitMindBoard } from '../../plugins/with-mind.board';
 export declare function getEmojiRectangle(board: PlaitMindBoard, element: MindElement<EmojiData>): RectangleClient;
 export declare function getEmojiForeignRectangle(board: PlaitMindBoard, element: MindElement<EmojiData>): RectangleClient;
 export declare const isHitEmojis: (board: PlaitBoard, element: MindElement<EmojiData>, point: Point) => boolean;

package/utils/position/image.d.ts

@@ -0,0 +1,6 @@
+import { PlaitBoard, Range, RectangleClient } from '@plait/core';
+import { MindElement } from '../../interfaces/element';
+import { ImageData } from '../../interfaces/element-data';
+import { PlaitMindBoard } from '../../plugins/with-mind.board';
+export declare function getImageForeignRectangle(board: PlaitMindBoard, element: MindElement<ImageData>): RectangleClient;
+export declare const isHitImage: (board: PlaitBoard, element: MindElement<ImageData>, range: Range) => boolean;

package/utils/position/index.d.ts

@@ -1,3 +1,4 @@
 export * from './node';
 export * from './emoji';
 export * from './topic';
+export * from './image';

package/utils/space/node-space.d.ts

@@ -6,6 +6,7 @@ export declare const NodeSpace: {
     getNodeHeight(board: PlaitMindBoard, element: MindElement): number;
     getTextLeftSpace(board: PlaitMindBoard, element: MindElement): number;
     getTextTopSpace(element: MindElement): number;
+    getImageTopSpace(element: MindElement): number;
     getEmojiLeftSpace(board: PlaitMindBoard, element: MindElement<EmojiData>): number;
     getEmojiTopSpace(element: MindElement): number;
 };