mce 0.15.19 → 0.15.21

package/dist/locale/en.d.ts

@@ -58,8 +58,8 @@ declare const _default: {
     selectAll: string;
     deselectAll: string;
     selectParent: string;
-    previousSelection: string;
-    nextSelection: string;
+    selectPreviousSibling: string;
+    selectNextSibling: string;
     view: string;
     'view:checkerboard': string;
     'view:pixelGrid': string;
@@ -83,6 +83,8 @@ declare const _default: {
     zoomTo100: string;
     zoomToFit: string;
     zoomToSelection: string;
+    zoomToNextFrame: string;
+    zoomToPreviousFrame: string;
     object: string;
     groupSelection: string;
     frameSelection: string;

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

@@ -59,8 +59,8 @@ declare const _default: {
     selectAll: string;
     deselectAll: string;
     selectParent: string;
-    previousSelection: string;
-    nextSelection: string;
+    selectPreviousSibling: string;
+    selectNextSibling: string;
     view: string;
     'view:checkerboard': string;
     'view:pixelGrid': string;
@@ -84,6 +84,8 @@ declare const _default: {
     zoomTo100: string;
     zoomToFit: string;
     zoomToSelection: string;
+    zoomToNextFrame: string;
+    zoomToPreviousFrame: string;
     object: string;
     groupSelection: string;
     frameSelection: string;

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

@@ -4,7 +4,6 @@ declare global {
         interface Options extends Partial<Config> {
         }
         type Theme = 'system' | 'light' | 'dark';
-        type ViewMode = 'frame' | 'edgeless';
         type TypographyStrategy = 'autoHeight' | 'autoWidth' | 'fixedWidthHeight' | 'autoFontSize';
         type HandleShape = 'rect' | 'circle';
         interface ScreenCenterOffset {
@@ -15,7 +14,6 @@ declare global {
         }
         interface Config {
             theme: Theme;
-            viewMode: ViewMode;
             watermark?: string;
             msaa: boolean;
             checkerboard: boolean;

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

@@ -47,7 +47,7 @@ declare global {
             isRoot: (value: any) => value is Node;
             isElement: (value: any) => value is Element2D;
             isFrame: (value: any) => value is Element2D;
-            isTopLevelFrame: (value: any) => value is Element2D;
+            isTopFrame: (value: any) => value is Element2D;
             isVisible: (node: Node) => boolean;
             setVisible: (node: Node, visible: boolean) => void;
             isLock: (node: Node) => boolean;

package/dist/mixins/1.frame.d.ts

@@ -1,6 +1,5 @@
 import type { Element2D, Node } from 'modern-canvas';
 import type { ComputedRef, Ref } from 'vue';
-import type { AxisAlignedBoundingBox } from '../types';
 declare global {
     namespace Mce {
         interface FrameThumb {
@@ -12,10 +11,7 @@ declare global {
         interface Editor {
             frameThumbs: Ref<FrameThumb[]>;
             frames: ComputedRef<Element2D[]>;
-            currentFrameIndex: Ref<number>;
-            currentFrame: ComputedRef<Element2D | undefined>;
-            currentFrameAabb: ComputedRef<AxisAlignedBoundingBox>;
-            getAncestorFrame: (node?: Node) => Element2D | undefined;
+            getAncestorFrame: (node?: Node, isTop?: boolean) => Element2D | undefined;
         }
     }
 }

package/dist/mixins/2.box.d.ts

@@ -8,6 +8,7 @@ declare global {
             getObb: (node: Node | Node[] | undefined, inTarget?: 'drawboard' | 'frame' | 'parent') => Obb2D;
             getAabb: (node: Node | Node[] | undefined, inTarget?: 'drawboard' | 'frame' | 'parent') => Aabb2D;
             aabbToDrawboardAabb: (aabb: Aabb2D) => Aabb2D;
+            viewportAabb: ComputedRef<Aabb2D>;
             rootAabb: ComputedRef<Aabb2D>;
             selectionAabb: ComputedRef<Aabb2D>;
             selectionAabbInDrawboard: ComputedRef<Aabb2D>;

package/dist/mixins/3.view.d.ts

@@ -1,9 +1,6 @@
-import type { ComputedRef } from 'vue';
-import type { AxisAlignedBoundingBox } from '../types';
 declare global {
     namespace Mce {
         interface Editor {
-            viewAabb: ComputedRef<AxisAlignedBoundingBox>;
             bindRenderCanvas: (canvas: HTMLCanvasElement, setEventTarget?: HTMLElement) => () => void;
         }
     }

package/dist/mixins/4.0.node.d.ts

@@ -9,6 +9,7 @@ declare global {
             regenId?: boolean;
         }
         interface Editor {
+            findSibling: (target: 'previous' | 'next') => Node | undefined;
             addNode: (value: Element, options?: AddNodeOptions) => Node;
         }
     }

package/dist/mixins/4.2.frame.d.ts

@@ -1,12 +1,14 @@
-import type { Element2D } from 'modern-canvas';
+import type { Element2D, Vector2Like } from 'modern-canvas';
 declare global {
     namespace Mce {
-        interface Editor {
-            setCurrentFrame: (index?: number) => void;
-            handleElementInsideFrame: (element: Element2D) => void;
+        interface HandleDragOutReparentOptions {
+            pointer: Vector2Like;
+            parent: Element2D;
+            index: number;
         }
-        interface Events {
-            setCurrentFrame: [index: number, oldIndex: number];
+        interface Editor {
+            findFrame: (target: 'next' | 'previous') => Element2D | undefined;
+            handleDragOutReparent: (element: Element2D, context?: HandleDragOutReparentOptions) => void;
         }
     }
 }

package/dist/mixins/scroll.d.ts

@@ -6,6 +6,7 @@ declare global {
             y: number;
         } | Element2D[];
         interface ScrollToOptions {
+            intoView?: boolean;
             duration?: number;
             behavior?: 'smooth' | 'instant';
         }

package/dist/mixins/snapshot.d.ts

@@ -8,8 +8,7 @@ declare global {
         interface Editor {
             snapshot: () => void;
             captureElementScreenshot: (element: Element | Element2D) => Promise<HTMLCanvasElement>;
-            captureFrameScreenshot: (pageIndex: number) => void;
-            renderFrameThumb: (target: HTMLCanvasElement) => void;
+            captureFrameScreenshot: (index: number) => void;
         }
     }
 }

package/dist/mixins/zoom.d.ts

@@ -1,9 +1,11 @@
 import type { Element2D } from 'modern-canvas';
 declare global {
     namespace Mce {
-        type ZoomTarget = 'root' | 'selection' | Element2D[] | number;
+        type ZoomTarget = 'root' | 'selection' | Element2D | Element2D[] | number;
+        type ZoomToMode = 'contain' | 'cover';
         interface ZoomToOptions {
-            mode?: 'contain' | 'cover';
+            intoView?: boolean;
+            mode?: ZoomToMode;
             duration?: number;
             behavior?: 'smooth' | 'instant';
         }

package/dist/plugins/{select.d.ts → selection.d.ts}

@@ -4,15 +4,15 @@ declare global {
             selectAll: [event: KeyboardEvent];
             deselectAll: [event: KeyboardEvent];
             selectParent: [event: KeyboardEvent];
-            previousSelection: [event: KeyboardEvent];
-            nextSelection: [event: KeyboardEvent];
+            selectPreviousSibling: [event: KeyboardEvent];
+            selectNextSibling: [event: KeyboardEvent];
         }
         interface Commands {
             selectAll: () => void;
             deselectAll: () => void;
             selectParent: () => void;
-            previousSelection: () => void;
-            nextSelection: () => void;
+            selectPreviousSibling: () => void;
+            selectNextSibling: () => void;
         }
     }
 }

package/dist/plugins/ui.d.ts

@@ -10,6 +10,7 @@ declare global {
             startTyping: (e?: MouseEvent | PointerEvent) => Promise<boolean>;
             startTransform: (e?: MouseEvent | PointerEvent) => boolean;
             openContextMenu: (e?: MouseEvent | PointerEvent) => boolean;
+            layerScrollIntoView: () => boolean;
         }
         interface Events {
             setTransform: [value: {

package/dist/plugins/zoom.d.ts

@@ -1,5 +1,8 @@
 declare global {
     namespace Mce {
+        interface Config {
+            zoomToFit: ZoomToMode;
+        }
         interface Commands {
             zoomIn: () => void;
             zoomOut: () => void;

package/dist/typed-plugins.d.ts

@@ -58,7 +58,7 @@ import './plugins/rotate'
 import './plugins/ruler'
 import './plugins/saveAs'
 import './plugins/scroll'
-import './plugins/select'
+import './plugins/selection'
 import './plugins/shape'
 import './plugins/smartGuides'
 import './plugins/state'

package/dist/utils/helper.d.ts

@@ -1,4 +1,5 @@
 import type { ComponentInternalInstance, ComponentPublicInstance, InjectionKey, VNodeChild } from 'vue';
+export declare function noop(..._args: any): void;
 export declare function isClickInsideElement(event: MouseEvent, targetDiv: HTMLElement): boolean;
 export interface TemplateRef {
     (target: Element | ComponentPublicInstance | null): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.15.19",
+  "version": "0.15.21",
   "description": "The headless canvas editor framework. only the ESM.",
   "author": "wxm",
   "license": "MIT",
@@ -58,10 +58,10 @@
     "@floating-ui/vue": "^1.1.9",
     "@vueuse/components": "^14.1.0",
     "@vueuse/core": "^14.1.0",
-    "diff": "^8.0.2",
+    "diff": "^8.0.3",
     "file-saver": "^2.0.5",
     "lodash-es": "^4.17.22",
-    "modern-canvas": "^0.14.35",
+    "modern-canvas": "^0.14.36",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.9",
     "modern-text": "^1.10.15",