mce 0.15.20 → 0.15.22

package/dist/locale/en.d.ts

@@ -57,9 +57,10 @@ declare const _default: {
     delete: string;
     selectAll: string;
     deselectAll: string;
+    selectChildren: string;
     selectParent: string;
-    previousSelection: string;
-    nextSelection: string;
+    selectPreviousSibling: string;
+    selectNextSibling: string;
     view: string;
     'view:checkerboard': string;
     'view:pixelGrid': string;
@@ -83,6 +84,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

@@ -58,9 +58,10 @@ declare const _default: {
     delete: string;
     selectAll: string;
     deselectAll: string;
+    selectChildren: string;
     selectParent: string;
-    previousSelection: string;
-    nextSelection: string;
+    selectPreviousSibling: string;
+    selectNextSibling: string;
     view: string;
     'view:checkerboard': string;
     'view:pixelGrid': string;
@@ -84,6 +85,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, context?: Record<string, any>) => 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,10 @@
 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 {
+            intoView?: boolean;
             mode?: ZoomToMode;
             duration?: number;
             behavior?: 'smooth' | 'instant';

package/dist/plugins/{layerPosition.d.ts → arrange.d.ts}

@@ -1,14 +1,19 @@
+import type { Node } from 'modern-canvas';
 declare global {
     namespace Mce {
         type AlignCommandDirection = 'left' | 'horizontal-center' | 'right' | 'top' | 'vertical-center' | 'bottom';
         interface Commands {
+            bringForward: (target?: Node) => void;
+            sendBackward: (target?: Node) => void;
+            bringToFront: (target?: Node | Node[]) => void;
+            sendToBack: (target?: Node | Node[]) => void;
             align: (direction: AlignCommandDirection) => void;
             alignLeft: () => void;
-            alignHorizontalCenter: () => void;
             alignRight: () => void;
             alignTop: () => void;
-            alignVerticalCenter: () => void;
             alignBottom: () => void;
+            alignHorizontalCenter: () => void;
+            alignVerticalCenter: () => void;
         }
     }
 }

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

@@ -3,16 +3,18 @@ declare global {
         interface Hotkeys {
             selectAll: [event: KeyboardEvent];
             deselectAll: [event: KeyboardEvent];
+            selectChildren: [event: KeyboardEvent];
             selectParent: [event: KeyboardEvent];
-            previousSelection: [event: KeyboardEvent];
-            nextSelection: [event: KeyboardEvent];
+            selectPreviousSibling: [event: KeyboardEvent];
+            selectNextSibling: [event: KeyboardEvent];
         }
         interface Commands {
             selectAll: () => void;
             deselectAll: () => void;
+            selectChildren: () => 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/typed-plugins.d.ts

@@ -26,13 +26,13 @@ import './mixins/drawingTool'
 import './mixins/scroll'
 import './mixins/snapshot'
 import './mixins/zoom'
+import './plugins/arrange'
 import './plugins/cancel'
-import './plugins/clipboard'
 import './plugins/copyAs'
 import './plugins/delete'
 import './plugins/drawingTool'
+import './plugins/edit'
 import './plugins/enter'
-import './plugins/flip'
 import './plugins/frame'
 import './plugins/gif'
 import './plugins/group'
@@ -42,8 +42,6 @@ import './plugins/html'
 import './plugins/image'
 import './plugins/import'
 import './plugins/json'
-import './plugins/layerOrder'
-import './plugins/layerPosition'
 import './plugins/layers'
 import './plugins/lock'
 import './plugins/madeWith'
@@ -58,7 +56,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'
@@ -66,6 +64,7 @@ import './plugins/statusbar'
 import './plugins/text'
 import './plugins/timeline'
 import './plugins/toolbelt'
+import './plugins/transform'
 import './plugins/ui'
 import './plugins/url'
 import './plugins/view'

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.20",
+  "version": "0.15.22",
   "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",

package/dist/plugins/layerOrder.d.ts

@@ -1,19 +0,0 @@
-import type { Node } from 'modern-canvas';
-declare global {
-    namespace Mce {
-        interface Hotkeys {
-            bringToFront: [event: KeyboardEvent];
-            bringForward: [event: KeyboardEvent];
-            sendBackward: [event: KeyboardEvent];
-            sendToBack: [event: KeyboardEvent];
-        }
-        interface Commands {
-            bringToFront: (target?: Node | Node[]) => void;
-            bringForward: (target?: Node) => void;
-            sendBackward: (target?: Node) => void;
-            sendToBack: (target?: Node | Node[]) => void;
-        }
-    }
-}
-declare const _default: import("..").Plugin;
-export default _default;