mce 0.15.24 → 0.15.26

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

@@ -5,13 +5,17 @@ declare global {
         }
         type Theme = 'system' | 'light' | 'dark';
         type TypographyStrategy = 'autoHeight' | 'autoWidth' | 'fixedWidthHeight' | 'autoFontSize';
-        type HandleShape = 'rect' | 'circle';
-        interface ScreenCenterOffset {
+        interface ScreenOffset {
             left?: number;
             top?: number;
             right?: number;
             bottom?: number;
         }
+        interface TransformControlsConfig {
+            handleShape?: 'rect' | 'circle';
+            handleStrategy?: 'point';
+            rotator?: boolean;
+        }
         interface Config {
             theme: Theme;
             watermark?: string;
@@ -24,9 +28,9 @@ declare global {
             frameOutline: boolean;
             frameGap: number;
             typographyStrategy: TypographyStrategy;
-            handleShape: HandleShape;
+            transformControls: TransformControlsConfig;
             localDb: boolean;
-            screenCenterOffset: ScreenCenterOffset;
+            screenCenterOffset: ScreenOffset;
         }
     }
 }

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

@@ -2,7 +2,8 @@ import type { ComputedRef } from 'vue';
 declare global {
     namespace Mce {
         interface Editor {
-            screenCenterOffset: ComputedRef<Required<ScreenCenterOffset>>;
+            screenControlsOffset: ComputedRef<Required<ScreenOffset>>;
+            screenCenterOffset: ComputedRef<Required<ScreenOffset>>;
             screenCenter: ComputedRef<{
                 x: number;
                 y: number;

package/dist/mixins/scroll.d.ts

@@ -3,6 +3,10 @@ declare global {
     namespace Mce {
         type ScrollTarget = 'root' | 'selection' | {
             x: number;
+        } | {
+            y: number;
+        } | {
+            x: number;
             y: number;
         } | Element2D[];
         interface ScrollToOptions {

package/dist/mixins/zoom.d.ts

@@ -2,7 +2,7 @@ import type { Element2D } from 'modern-canvas';
 declare global {
     namespace Mce {
         type ZoomTarget = 'root' | 'selection' | Element2D | Element2D[] | number;
-        type ZoomToMode = 'contain' | 'cover';
+        type ZoomToMode = 'contain' | 'cover' | 'width' | 'height';
         interface ZoomToOptions {
             intoView?: boolean;
             mode?: ZoomToMode;

package/dist/plugins/transform.d.ts

@@ -1,9 +1,15 @@
 declare global {
     namespace Mce {
         interface Commands {
+            enter: () => void;
             flipHorizontal: () => void;
             flipVertical: () => void;
         }
+        interface Hotkeys {
+            enter: [event: KeyboardEvent];
+            flipHorizontal: [event: KeyboardEvent];
+            flipVertical: [event: KeyboardEvent];
+        }
     }
 }
 declare const _default: import("..").Plugin;

package/dist/plugins/ui.d.ts

@@ -1,21 +1,27 @@
-import type { PointerInputEvent } from 'modern-canvas';
-import type { AxisAlignedBoundingBox } from '../types';
+import type { Element2D, PointerInputEvent } from 'modern-canvas';
 declare global {
     namespace Mce {
-        interface StartPointerdownOptions {
+        interface PointerDownOptions {
             allowTopFrame?: boolean;
         }
         interface Commands {
-            startPointerdown: (e: PointerInputEvent, options?: StartPointerdownOptions) => void;
+            pointerDown: (e: PointerInputEvent, options?: PointerDownOptions) => void;
             startTyping: (e?: MouseEvent | PointerEvent) => Promise<boolean>;
             startTransform: (e?: MouseEvent | PointerEvent) => boolean;
             openContextMenu: (e?: MouseEvent | PointerEvent) => boolean;
             layerScrollIntoView: () => boolean;
         }
+        type TransformableHandle = 'move' | 'resize-t' | 'resize-r' | 'resize-b' | 'resize-l' | 'resize-tl' | 'resize-tr' | 'resize-bl' | 'resize-br' | 'rotate-tl' | 'rotate-tr' | 'rotate-bl' | 'rotate-br' | 'round-tl' | 'round-tr' | 'round-bl' | 'round-br';
+        interface SelectionTransformContext {
+            startEvent: MouseEvent | PointerEvent;
+            handle: TransformableHandle;
+            elements: Element2D[];
+        }
         interface Events {
-            setTransform: [value: {
-                aabb: AxisAlignedBoundingBox;
-            }];
+            pointerMove: [event: PointerEvent];
+            selectionTransformStart: [context: SelectionTransformContext];
+            selectionTransforming: [context: SelectionTransformContext];
+            selectionTransformEnd: [context: SelectionTransformContext];
         }
     }
 }

package/dist/plugins/zoom.d.ts

@@ -8,7 +8,6 @@ declare global {
             zoomOut: () => void;
             zoomTo100: () => void;
             zoomToFit: () => void;
-            zoomToCover: () => void;
             zoomToSelection: (options?: ZoomToOptions) => void;
         }
         interface Hotkeys {
@@ -16,11 +15,8 @@ declare global {
             zoomOut: [event: KeyboardEvent];
             zoomTo100: [event: KeyboardEvent];
             zoomToFit: [event: KeyboardEvent];
-            zoomToCover: [event: KeyboardEvent];
             zoomToSelection: [event: KeyboardEvent];
         }
-        interface Editor {
-        }
     }
 }
 declare const _default: import("..").Plugin;

package/dist/typed-plugins.d.ts

@@ -32,7 +32,6 @@ import './plugins/copyAs'
 import './plugins/delete'
 import './plugins/drawingTool'
 import './plugins/edit'
-import './plugins/enter'
 import './plugins/frame'
 import './plugins/gif'
 import './plugins/group'

package/dist/utils/helper.d.ts

@@ -11,6 +11,7 @@ export declare function convertToUnit(str: number, unit?: string): string;
 export declare function convertToUnit(str: string | number | null | undefined, unit?: string): string | undefined;
 export declare function templateRef(): TemplateRef;
 export declare function findChildrenWithProvide(key: InjectionKey<any> | symbol, vnode?: VNodeChild): ComponentInternalInstance[];
+export declare function isInputElement(target: HTMLElement): boolean;
 export declare function isInputEvent(event?: Event): boolean;
 export declare function toKebabCase(str?: string): string;
 export declare namespace toKebabCase {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.15.24",
+  "version": "0.15.26",
   "description": "The headless canvas editor framework. only the ESM.",
   "author": "wxm",
   "license": "MIT",

package/dist/plugins/enter.d.ts

@@ -1,12 +0,0 @@
-declare global {
-    namespace Mce {
-        interface Commands {
-            enter: () => void;
-        }
-        interface Hotkeys {
-            enter: [event: KeyboardEvent];
-        }
-    }
-}
-declare const _default: import("..").Plugin;
-export default _default;