mce 0.13.13 → 0.13.14

package/dist/locale/en.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     cancel: string;
     constrainToAxis: string;
     loading: string;
+    drawing: string;
     selecting: string;
     selectObject: string;
     commitChanges: string;
@@ -9,6 +10,19 @@ declare const _default: {
     goBackSelectedArea: string;
     selectArea: string;
     dragSelected: string;
+    move: string;
+    hand: string;
+    frame: string;
+    text: string;
+    doubleClickEditText: string;
+    rectangle: string;
+    line: string;
+    arrow: string;
+    ellipse: string;
+    polygon: string;
+    star: string;
+    image: string;
+    pencil: string;
     file: string;
     new: string;
     open: string;
@@ -51,6 +65,7 @@ declare const _default: {
     'panels:layers': string;
     'panels:timeline': string;
     'panels:statusbar': string;
+    toolbelt: string;
     msaa: string;
     pixelate: string;
     layers: string;

package/dist/locale/zh-Hans.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     cancel: string;
     constrainToAxis: string;
     loading: string;
+    drawing: string;
     exporting: string;
     selecting: string;
     selectObject: string;
@@ -10,6 +11,19 @@ declare const _default: {
     goBackSelectedArea: string;
     selectArea: string;
     dragSelected: string;
+    move: string;
+    hand: string;
+    frame: string;
+    text: string;
+    doubleClickEditText: string;
+    rectangle: string;
+    line: string;
+    arrow: string;
+    ellipse: string;
+    polygon: string;
+    star: string;
+    image: string;
+    pencil: string;
     file: string;
     new: string;
     open: string;
@@ -52,6 +66,7 @@ declare const _default: {
     'panels:layers': string;
     'panels:statusbar': string;
     'panels:timeline': string;
+    toolbelt: string;
     msaa: string;
     pixelate: string;
     layers: string;

package/dist/mixins/0.config/base.d.ts

@@ -23,8 +23,6 @@ declare global {
             pixelGrid: boolean;
             pixelate: boolean;
             camera: boolean;
-            timeline: boolean;
-            statusbar: boolean;
             frameOutline: boolean;
             frameGap: number;
             typographyStrategy: TypographyStrategy;

package/dist/mixins/0.context.d.ts

@@ -39,8 +39,6 @@ declare global {
             textSelection: Ref<IndexCharacter[] | undefined>;
             hoverElement: Ref<Element2D | undefined>;
             state: Ref<State | undefined>;
-            setState: (state: State, context?: StateContext) => void;
-            stateContext: Ref<StateContext | undefined>;
             getGlobalPointer: () => Vector2Data;
             parseAnchor: (anchor: Anchor, isRtl?: boolean) => ParsedAnchor;
             isNode: (value: any) => value is Node;
@@ -52,9 +50,6 @@ declare global {
             isLock: (node: Node) => boolean;
             setLock: (node: Node, lock: boolean) => void;
         }
-        interface Events {
-            setState: [state: State];
-        }
     }
 }
 declare const _default: import("..").Mixin;

package/dist/mixins/drawingTool.d.ts

@@ -0,0 +1,25 @@
+import type { Vector2Data } from 'modern-canvas';
+import type { Reactive, Ref } from 'vue';
+declare global {
+    namespace Mce {
+        interface DrawingTools {
+        }
+        type DrawingToolHandle = (position: Vector2Data) => {
+            move?: (position: Vector2Data) => void;
+            end?: (position: Vector2Data) => void;
+        } | void;
+        interface DrawingTool {
+            name: string;
+            handle?: DrawingToolHandle;
+        }
+        interface Editor {
+            drawingTools: Reactive<Map<string, Mce.DrawingTool>>;
+            registerDrawingTool: (tool: Mce.DrawingTool | Mce.DrawingTool[]) => void;
+            unregisterDrawingTool: (tool: string) => void;
+            activeDrawingTool: Ref<Mce.DrawingTool>;
+            setActiveDrawingTool: (tool: string | keyof DrawingTools | undefined) => void;
+        }
+    }
+}
+declare const _default: import("..").Mixin;
+export default _default;

package/dist/plugin.d.ts

@@ -25,6 +25,7 @@ export interface PluginObject {
     hotkeys?: Mce.Hotkey[];
     loaders?: Mce.Loader[];
     exporters?: Mce.Exporter[];
+    drawingTools?: Mce.DrawingTool[];
     components?: PluginComponent[];
     setup?: () => void | Promise<void>;
 }

package/dist/plugins/cancel.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    namespace Mce {
+        interface Commands {
+            cancel: () => void;
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/drawingTool.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    namespace Mce {
+        interface Commands {
+            setActiveDrawingTool: (tool: string | keyof DrawingTools | undefined) => void;
+        }
+    }
+}
+declare const _default: import("../plugin").Plugin;
+export default _default;

package/dist/plugins/image.d.ts

@@ -5,13 +5,15 @@ declare global {
         }
         interface Commands {
             insertImage: (url: string, options?: InsertImageOptions) => Promise<Element2D>;
-            drawImage: () => void;
         }
         interface Exporters {
             png: Promise<Blob>;
             jpeg: Promise<Blob>;
             webp: Promise<Blob>;
         }
+        interface DrawingTools {
+            image: [];
+        }
     }
 }
 declare const _default: import("..").Plugin;

package/dist/plugins/pen.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    namespace Mce {
+        interface DrawingTools {
+            pencil: [];
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/shape.d.ts

@@ -0,0 +1,27 @@
+declare global {
+    namespace Mce {
+        interface DrawingTools {
+            rectangle: [];
+            line: [];
+            arrow: [];
+            ellipse: [];
+            polygon: [];
+            star: [];
+        }
+    }
+}
+interface Point {
+    x: number;
+    y: number;
+}
+type ArrowType = 'none' | 'open' | 'filled';
+interface ArrowOptions {
+    size?: number;
+    angle?: number;
+    startMarker?: ArrowType;
+    endMarker?: ArrowType;
+    roundValues?: boolean;
+}
+export declare function getArrowPath(p1: Point, p2: Point, options?: ArrowOptions): string;
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/state.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    namespace Mce {
+        interface Commands {
+            setState: (val: State) => void;
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/plugins/statusbar.d.ts

@@ -1,5 +1,8 @@
 declare global {
     namespace Mce {
+        interface Config {
+            statusbar: boolean;
+        }
         interface Panels {
             statusbar: [];
         }

package/dist/plugins/text.d.ts

@@ -1,12 +1,15 @@
 import type { Element2D } from 'modern-canvas';
 declare global {
     namespace Mce {
-        interface InsertTextOptions extends AddElementOptions {
+        interface addTextElementOptions extends AddElementOptions {
+            content?: string;
             style?: Record<string, any>;
         }
         interface Commands {
-            insertText: (content?: string, options?: InsertTextOptions) => Element2D;
-            drawText: (content?: string, options?: InsertTextOptions) => void;
+            addTextElement: (options?: addTextElementOptions) => Element2D;
+        }
+        interface DrawingTools {
+            text: [options?: addTextElementOptions];
         }
     }
 }

package/dist/plugins/timeline.d.ts

@@ -1,5 +1,8 @@
 declare global {
     namespace Mce {
+        interface Config {
+            timeline: boolean;
+        }
         interface Panels {
             timeline: [];
         }

package/dist/plugins/toolbelt.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    namespace Mce {
+        interface Config {
+            toolbelt: boolean;
+        }
+    }
+}
+declare const _default: import("../plugin").Plugin;
+export default _default;

package/dist/typed-global.d.ts

@@ -1,3 +1,4 @@
+import type { Vector2Data } from 'modern-canvas'
 import 'modern-canvas'
 
 declare module 'modern-canvas' {
@@ -28,6 +29,7 @@ declare global {
 
     type State
       = | 'loading'
+        | 'hand'
         | 'drawing'
         | 'selecting'
         | 'transforming'
@@ -37,7 +39,12 @@ declare global {
         | 'shapeReplacing'
         | undefined
 
-    type StateContext = Record<string, any>
+    interface DrawingContext {
+      tip?: string
+      start?: (position: Vector2Data) => void
+      move?: (position: Vector2Data) => void
+      end?: (position: Vector2Data) => void
+    }
   }
 }
 

package/dist/typed-plugins.d.ts

@@ -21,14 +21,17 @@ import './mixins/4.0.text'
 import './mixins/4.2.element'
 import './mixins/4.3.frame'
 import './mixins/4.4.doc'
+import './mixins/drawingTool'
 import './mixins/scroll'
 import './mixins/snapshot'
 import './mixins/zoom'
+import './plugins/cancel'
 import './plugins/clipboard'
 import './plugins/copyAs'
 import './plugins/delete'
+import './plugins/drawingTool'
 import './plugins/flip'
-import './plugins/frames'
+import './plugins/frame'
 import './plugins/gif'
 import './plugins/group'
 import './plugins/history'
@@ -47,14 +50,18 @@ import './plugins/move'
 import './plugins/new'
 import './plugins/open'
 import './plugins/panels'
+import './plugins/pen'
 import './plugins/ruler'
 import './plugins/saveAs'
 import './plugins/scroll'
 import './plugins/select'
+import './plugins/shape'
 import './plugins/smartGuides'
+import './plugins/state'
 import './plugins/statusbar'
 import './plugins/text'
 import './plugins/timeline'
+import './plugins/toolbelt'
 import './plugins/ui'
 import './plugins/url'
 import './plugins/view'

package/dist/utils/create.d.ts

@@ -1,3 +1,4 @@
-import type { NormalizedElement } from 'modern-idoc';
-export declare function createTextElement(content: string, style?: Record<string, any>): NormalizedElement;
-export declare function createImageElement(image: string): Promise<NormalizedElement>;
+import type { Element, Fill, Outline } from 'modern-idoc';
+export declare function createShapeElement(shape?: Element['shape'], fill?: Fill, outline?: Outline): Element;
+export declare function createTextElement(content: string, style?: Record<string, any>): Element;
+export declare function createImageElement(image: string): Promise<Element>;

package/dist/utils/helper.d.ts

@@ -11,3 +11,7 @@ export declare function convertToUnit(str: string | number | null | undefined, u
 export declare function templateRef(): TemplateRef;
 export declare function findChildrenWithProvide(key: InjectionKey<any> | symbol, vnode?: VNodeChild): ComponentInternalInstance[];
 export declare function isInputEvent(event?: Event): boolean;
+export declare function toKebabCase(str?: string): string;
+export declare namespace toKebabCase {
+    var cache: Map<string, string>;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.13.13",
+  "version": "0.13.14",
   "description": "The headless canvas editor framework. only the ESM.",
   "author": "wxm",
   "license": "MIT",
@@ -61,7 +61,7 @@
     "diff": "^8.0.2",
     "file-saver": "^2.0.5",
     "lodash-es": "^4.17.21",
-    "modern-canvas": "^0.13.3",
+    "modern-canvas": "^0.13.4",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.5",
     "modern-text": "^1.10.4",
@@ -91,7 +91,7 @@
   "devDependencies": {
     "@types/file-saver": "^2.0.7",
     "@types/lodash-es": "^4.17.12",
-    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitejs/plugin-vue": "^6.0.2",
     "jiti": "^2.6.1",
     "modern-gif": "^2.0.4",
     "sass-embedded": "^1.93.3"