mce 0.12.5 → 0.13.1

package/dist/locale/en.d.ts

@@ -47,6 +47,12 @@ declare const _default: {
     'view:timeline': string;
     'view:statusbar': string;
     'view:frameOutline': string;
+    'checkerboardStyle:grid': string;
+    'checkerboardStyle:dot': string;
+    panels: string;
+    'panels:layers': string;
+    pixelate: string;
+    layers: string;
     zoomIn: string;
     zoomOut: string;
     zoomTo100: string;

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

@@ -0,0 +1,84 @@
+declare const _default: {
+    cancel: string;
+    constrainToAxis: string;
+    loading: string;
+    exporting: string;
+    selecting: string;
+    selectObject: string;
+    commitChanges: string;
+    extend: string;
+    goBackSelectedArea: string;
+    selectArea: string;
+    dragSelected: string;
+    file: string;
+    new: string;
+    open: string;
+    import: string;
+    export: string;
+    'saveAs:png': string;
+    'saveAs:jpeg': string;
+    'saveAs:webp': string;
+    'saveAs:svg': string;
+    'saveAs:gif': string;
+    'saveAs:mp4': string;
+    'saveAs:pdf': string;
+    'saveAs:pptx': string;
+    'saveAs:json': string;
+    edit: string;
+    undo: string;
+    redo: string;
+    cut: string;
+    copy: string;
+    copyAs: string;
+    'copyAs:svg': string;
+    'copyAs:json': string;
+    paste: string;
+    duplicate: string;
+    delete: string;
+    selectAll: string;
+    deselectAll: string;
+    selectParent: string;
+    previousSelection: string;
+    nextSelection: string;
+    view: string;
+    'view:checkerboard': string;
+    'view:pixelGrid': string;
+    'view:ruler': string;
+    'view:scrollbar': string;
+    'view:timeline': string;
+    'view:statusbar': string;
+    'view:frameOutline': string;
+    'checkerboardStyle:grid': string;
+    'checkerboardStyle:dot': string;
+    panels: string;
+    'panels:layers': string;
+    pixelate: string;
+    layers: string;
+    zoomIn: string;
+    zoomOut: string;
+    zoomTo100: string;
+    zoomToFit: string;
+    zoomToSelection: string;
+    object: string;
+    groupSelection: string;
+    frameSelection: string;
+    ungroup: string;
+    flip: string;
+    flipHorizontal: string;
+    flipVertical: string;
+    'hide/show': string;
+    'lock/unlock': string;
+    layerOrder: string;
+    bringToFront: string;
+    bringForward: string;
+    sendBackward: string;
+    sendToBack: string;
+    layerPosition: string;
+    alignLeft: string;
+    alignHorizontalCenter: string;
+    alignRight: string;
+    alignTop: string;
+    alignVerticalCenter: string;
+    alignBottom: string;
+};
+export default _default;

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

@@ -1,3 +1,4 @@
+import type { CheckerboardStyle } from 'modern-canvas';
 declare global {
     namespace Mce {
         interface Options extends Partial<Config> {
@@ -15,14 +16,17 @@ declare global {
         interface Config {
             theme: Theme;
             viewMode: ViewMode;
+            watermark?: string;
             checkerboard: boolean;
+            checkerboardStyle: CheckerboardStyle;
             pixelGrid: boolean;
+            pixelate: boolean;
             camera: boolean;
             ruler: boolean;
             scrollbar: boolean;
+            layers: boolean;
             timeline: boolean;
             statusbar: boolean;
-            wheelZoom: boolean;
             frameOutline: boolean;
             frameGap: number;
             typographyStrategy: TypographyStrategy;

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

@@ -18,6 +18,8 @@ declare global {
             drawboardPointer: Ref<Vector2Data | undefined>;
             doc: Ref<Doc>;
             root: ComputedRef<Node>;
+            nodes: Ref<Node[]>;
+            nodeIndexMap: Map<string, number>;
             state: Ref<State | undefined>;
             setState: (state: State, context?: StateContext) => void;
             stateContext: Ref<StateContext | undefined>;

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

@@ -1,9 +1,11 @@
-import type { Element2D } from 'modern-canvas';
+import type { Node } from 'modern-canvas';
 import type { Ref } from 'vue';
+import { Element2D } from 'modern-canvas';
 declare global {
     namespace Mce {
         interface Editor {
-            selection: Ref<Element2D[]>;
+            selection: Ref<Node[]>;
+            elementSelection: Ref<Element2D[]>;
             textSelection: Ref<any[] | undefined>;
             hoverElement: Ref<Element2D | undefined>;
         }

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

@@ -1,5 +1,4 @@
-import type { Node } from 'modern-canvas';
-import { Element2D } from 'modern-canvas';
+import { Element2D, Node } from 'modern-canvas';
 declare global {
     namespace Mce {
         type Tblock = 'top' | 'bottom';
@@ -17,9 +16,13 @@ declare global {
         };
         interface Editor {
             parseAnchor: (anchor: Anchor, isRtl?: boolean) => ParsedAnchor;
+            isRoot: (value: any) => value is Node;
+            isElement: (value: any) => value is Element2D;
             isFrame: (node: Node) => node is Element2D;
-            isLocked: (element: Element2D) => boolean;
-            setLock: (element: Element2D, lock: boolean) => void;
+            isVisible: (node: Node) => boolean;
+            setVisible: (node: Node, visible: boolean) => void;
+            isLock: (node: Node) => boolean;
+            setLock: (node: Node, lock: boolean) => void;
         }
     }
 }

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

@@ -1,4 +1,4 @@
-import type { Element2D } from 'modern-canvas';
+import type { Element2D, Node } from 'modern-canvas';
 import type { ComputedRef, Ref } from 'vue';
 import type { AxisAlignedBoundingBox } from '../types';
 declare global {
@@ -14,7 +14,7 @@ declare global {
             currentFrameIndex: Ref<number>;
             currentFrame: ComputedRef<Element2D | undefined>;
             currentFrameAabb: ComputedRef<AxisAlignedBoundingBox>;
-            getAncestorFrame: (element?: Element2D) => Element2D | undefined;
+            getAncestorFrame: (node?: Node) => Element2D | undefined;
         }
     }
 }

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

@@ -1,11 +1,12 @@
+import type { ComputedRef } from 'vue';
 declare global {
     namespace Mce {
         interface Editor {
-            getScreenCenterOffset: () => Required<ScreenCenterOffset>;
-            getScreenCenter: () => {
+            screenCenterOffset: ComputedRef<Required<ScreenCenterOffset>>;
+            screenCenter: ComputedRef<{
                 x: number;
                 y: number;
-            };
+            }>;
         }
     }
 }

package/dist/plugins/layerOrder.d.ts

@@ -1,4 +1,4 @@
-import type { Element2D } from 'modern-canvas';
+import type { Node } from 'modern-canvas';
 declare global {
     namespace Mce {
         interface Hotkeys {
@@ -8,10 +8,10 @@ declare global {
             sendToBack: [event: KeyboardEvent];
         }
         interface Commands {
-            bringToFront: (target?: Element2D | Element2D[]) => void;
-            bringForward: (target?: Element2D) => void;
-            sendBackward: (target?: Element2D) => void;
-            sendToBack: (target?: Element2D | Element2D[]) => void;
+            bringToFront: (target?: Node | Node[]) => void;
+            bringForward: (target?: Node) => void;
+            sendBackward: (target?: Node) => void;
+            sendToBack: (target?: Node | Node[]) => void;
         }
     }
 }

package/dist/plugins/menu.d.ts

@@ -5,7 +5,8 @@ declare global {
             key: string;
             disabled?: boolean;
             checked?: boolean;
-            children: MenuItem[];
+            children?: MenuItem[];
+            handle?: (event: MouseEvent) => void;
         }
         interface Editor {
             mainMenu: ComputedRef<MenuItem[]>;

package/dist/plugins/panels.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    namespace Mce {
+        interface Panels {
+            layers: [];
+        }
+        interface Commands {
+            panel: <T extends keyof Panels>(panel: T, ...args: Panels[T]) => Promise<boolean>;
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/typed-plugins.d.ts

@@ -45,6 +45,7 @@ import './plugins/menu'
 import './plugins/move'
 import './plugins/new'
 import './plugins/open'
+import './plugins/panels'
 import './plugins/saveAs'
 import './plugins/scroll'
 import './plugins/select'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.12.5",
+  "version": "0.13.1",
   "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.0",
+    "modern-canvas": "^0.13.1",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.5",
     "modern-text": "^1.10.3",