mce 0.13.0 → 0.13.1

package/README.md

@@ -46,14 +46,15 @@ npm i mce
     ],
     theme: 'system',
     viewMode: 'edgeless',
-    clipboard: true,
+    watermark: '/example.jpg',
     checkerboard: true,
+    checkerboardStyle: 'grid',
     pixelGrid: true,
+    pixelate: true,
     camera: true,
     ruler: true,
     scrollbar: true,
     statusbar: true,
-    wheelZoom: false,
     frameGap: 48,
     typographyStrategy: 'autoHeight',
     handleShape: 'rect',

package/dist/components/Floatbar.vue.d.ts

@@ -12,6 +12,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: Omit<{
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    }, "type" | "default"> & {
+        type: import("vue").PropType<any[] | ("shift" | "offset" | "flip")[]>;
+        default: any[] | ("shift" | "offset" | "flip")[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -31,6 +38,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: Omit<{
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    }, "type" | "default"> & {
+        type: import("vue").PropType<any[] | ("shift" | "offset" | "flip")[]>;
+        default: any[] | ("shift" | "offset" | "flip")[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -43,6 +57,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     offset: number;
     location: import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start";
     attach: string | boolean | Element | null | undefined;
+    middlewares: any[] | ("shift" | "offset" | "flip")[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/shared/Dialog.vue.d.ts

@@ -13,6 +13,10 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -32,6 +36,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -47,6 +55,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
 }>, {
     attach: string | boolean | Element | null | undefined;
+    middlewares: ("shift" | "offset" | "flip")[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/shared/Menu.vue.d.ts

@@ -20,6 +20,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     persistent: BooleanConstructor;
     location: PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: PropType<{
         x: number;
         y: number;
@@ -43,6 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     persistent: BooleanConstructor;
     location: PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: PropType<{
         x: number;
         y: number;
@@ -59,6 +67,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onClick:item"?: ((item: MenuItem, event: MouseEvent) => any) | undefined;
 }>, {
     attach: string | boolean | Element | null | undefined;
+    middlewares: ("shift" | "offset" | "flip")[];
     openOnHover: boolean;
     persistent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/shared/Overlay.vue.d.ts

@@ -12,6 +12,10 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -35,6 +39,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
     offset: NumberConstructor;
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -52,6 +60,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
 }>, {
     attach: string | boolean | Element | null | undefined;
+    middlewares: ("shift" | "offset" | "flip")[];
     modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/shared/Tooltip.vue.d.ts

@@ -19,6 +19,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -43,6 +47,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number>;
         default: number;
     };
+    middlewares: {
+        type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    };
     target: import("vue").PropType<{
         x: number;
         y: number;
@@ -60,6 +68,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     offset: number;
     location: import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start";
     attach: string | boolean | Element | null | undefined;
+    middlewares: ("shift" | "offset" | "flip")[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/composables/overlay.d.ts

@@ -15,6 +15,7 @@ export declare const MceOverlaySymbol: InjectionKey<MceOverlayProvide>;
 export declare const makeMceOverlayProps: <Defaults extends {
     location?: unknown;
     offset?: unknown;
+    middlewares?: unknown;
     target?: unknown;
     attach?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
@@ -26,6 +27,16 @@ export declare const makeMceOverlayProps: <Defaults extends {
         type: PropType<unknown extends Defaults["offset"] ? number : number | Defaults["offset"]>;
         default: unknown extends Defaults["offset"] ? number : number | Defaults["offset"];
     };
+    middlewares: unknown extends Defaults["middlewares"] ? {
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    } : Omit<{
+        type: PropType<("offset" | "flip" | "shift")[]>;
+        default: () => string[];
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["middlewares"] ? ("shift" | "offset" | "flip")[] : ("shift" | "offset" | "flip")[] | Defaults["middlewares"]>;
+        default: unknown extends Defaults["middlewares"] ? ("shift" | "offset" | "flip")[] : ("shift" | "offset" | "flip")[] | Defaults["middlewares"];
+    };
     target: unknown extends Defaults["target"] ? PropType<{
         x: number;
         y: number;

package/dist/index.js

@@ -111,23 +111,26 @@ const _0_config_base = defineMixin((editor, options) => {
   } = editor;
   registerConfig("theme", "system");
   registerConfig("viewMode", "edgeless");
+  registerConfig("watermark", void 0);
   registerConfig("checkerboard", false);
+  registerConfig("checkerboardStyle", "grid");
   registerConfig("pixelGrid", false);
+  registerConfig("pixelate", true);
   registerConfig("camera", false);
   registerConfig("ruler", false);
   registerConfig("scrollbar", false);
   registerConfig("layers", false);
   registerConfig("timeline", false);
   registerConfig("statusbar", false);
-  registerConfig("wheelZoom", false);
   registerConfig("frameOutline", false);
   registerConfig("frameGap", 48);
   registerConfig("typographyStrategy", "autoHeight");
   registerConfig("handleShape", "rect");
-  registerConfig("localDb", false);
   registerConfig("screenCenterOffset", { left: 0, top: 0, bottom: 0, right: 0 });
+  registerConfig("localDb", false);
   return () => {
     const {
+      renderEngine,
       camera,
       drawboardEffect
     } = editor;
@@ -136,6 +139,11 @@ const _0_config_base = defineMixin((editor, options) => {
         config.value[key] = options[key];
       }
     });
+    watch(
+      () => config.value.pixelate,
+      (value) => renderEngine.value.pixelate = value,
+      { immediate: true }
+    );
     watch(
       () => config.value.camera,
       (enable) => {
@@ -143,14 +151,24 @@ const _0_config_base = defineMixin((editor, options) => {
       },
       { immediate: true }
     );
+    watch(
+      () => config.value.watermark,
+      (value) => drawboardEffect.value.watermark = value,
+      { immediate: true }
+    );
     watch(
       () => config.value.checkerboard,
-      (enable) => drawboardEffect.value.checkerboard = enable,
+      (value) => drawboardEffect.value.checkerboard = value,
+      { immediate: true }
+    );
+    watch(
+      () => config.value.checkerboardStyle,
+      (value) => drawboardEffect.value.checkerboardStyle = value,
       { immediate: true }
     );
     watch(
       () => config.value.pixelGrid,
-      (enable) => drawboardEffect.value.pixelGrid = enable,
+      (value) => drawboardEffect.value.pixelGrid = value,
       { immediate: true }
     );
   };
@@ -1118,10 +1136,14 @@ const en = {
   "view:pixelGrid": "Pixel grid",
   "view:ruler": "Ruler",
   "view:scrollbar": "Scrollbar",
-  "view:layers": "Layers",
   "view:timeline": "Timeline",
   "view:statusbar": "Statusbar",
   "view:frameOutline": "Frame outlines",
+  "checkerboardStyle:grid": "Grid checkerboard",
+  "checkerboardStyle:dot": "Dot checkerboard",
+  "panels": "Panels",
+  "panels:layers": "Open layers panel",
+  "pixelate": "Pixelate",
   "layers": "Layers",
   "zoomIn": "Zoom in",
   "zoomOut": "Zoom out",
@@ -1198,10 +1220,14 @@ const zhHans = {
   "view:pixelGrid": "像素网格",
   "view:ruler": "标尺",
   "view:scrollbar": "滚动条",
-  "view:layers": "图层",
   "view:timeline": "时间线",
   "view:statusbar": "状态栏",
   "view:frameOutline": "框架轮廓",
+  "checkerboardStyle:grid": "网格棋盘",
+  "checkerboardStyle:dot": "点状棋盘",
+  "panels": "面板",
+  "panels:layers": "打开图层面板",
+  "pixelate": "像素化",
   "layers": "图层",
   "zoomIn": "放大",
   "zoomOut": "缩小",
@@ -4865,7 +4891,8 @@ const _image = definePlugin((editor) => {
     addElement,
     to,
     fonts,
-    upload
+    upload,
+    drawboardEffect
   } = editor;
   const insertImage = async (url, options) => {
     return addElement(await createImageElement(url), {
@@ -4892,7 +4919,17 @@ const _image = definePlugin((editor) => {
           data: doc,
           fonts,
           width: doc.style.width,
-          height: doc.style.height
+          height: doc.style.height,
+          onBefore: (engine) => {
+            engine.root.append(
+              new DrawboardEffect({
+                internalMode: "back",
+                effectMode: "before",
+                ...drawboardEffect.value.getProperties()
+              })
+            );
+            console.log(drawboardEffect.value.getProperties());
+          }
         });
         return await new Promise((resolve) => {
           canvas.toBlob(
@@ -5140,13 +5177,14 @@ const _layerOrder = definePlugin((editor) => {
 });
 const _layerPosition = definePlugin((editor) => {
   const {
-    currentFrameAabb,
+    isElement,
+    rootAabb,
     elementSelection,
     getAabb
   } = editor;
   function align(direction) {
-    const box = elementSelection.value.length === 1 ? currentFrameAabb.value : getAabb(elementSelection.value);
     elementSelection.value.forEach((el) => {
+      const box = el.parent && isElement(el.parent) ? getAabb(el.parent) : rootAabb.value;
       switch (direction) {
         case "left":
           el.style.left = 0;
@@ -5282,20 +5320,55 @@ const _menu = definePlugin((editor, options) => {
       { key: "zoomToSelection", disabled: !hasSelected.value }
     ]
   }));
+  const panelsMenu = computed(() => ({
+    key: "panels",
+    children: [
+      { key: "panels:layers", checked: config.value.layers }
+    ]
+  }));
+  function setCheckerboard(value) {
+    if (config.value.checkerboard && config.value.checkerboardStyle === value) {
+      config.value.checkerboard = false;
+    } else {
+      config.value.checkerboard = true;
+      config.value.checkerboardStyle = value;
+    }
+  }
+  const checkerboardMenu = computed(() => ({
+    key: "view:checkerboard",
+    children: [
+      {
+        key: "checkerboardStyle:grid",
+        checked: config.value.checkerboard && config.value.checkerboardStyle === "grid",
+        handle: () => setCheckerboard("grid")
+      },
+      {
+        key: "checkerboardStyle:dot",
+        checked: config.value.checkerboard && config.value.checkerboardStyle === "dot",
+        handle: () => setCheckerboard("dot")
+      }
+    ]
+  }));
   const viewMenu = computed(() => ({
     key: "view",
     children: [
-      { key: "view:checkerboard", checked: config.value.checkerboard },
+      checkerboardMenu.value,
       { key: "view:pixelGrid", checked: config.value.pixelGrid },
       { key: "view:ruler", checked: config.value.ruler },
       { key: "view:scrollbar", checked: config.value.scrollbar },
-      { key: "view:layers", checked: config.value.layers },
       { key: "view:timeline", checked: config.value.timeline },
       { key: "view:statusbar", checked: config.value.statusbar },
       { key: "view:frameOutline", checked: config.value.frameOutline },
       { type: "divider" },
+      {
+        key: "pixelate",
+        checked: config.value.pixelate,
+        handle: () => config.value.pixelate = !config.value.pixelate
+      },
+      panelsMenu.value,
+      { type: "divider" },
       ...zoomViewMenu.value.children
-    ]
+    ].filter(Boolean)
   }));
   const objectMenu1 = computed(() => [
     { key: "groupSelection", disabled: !hasSelected.value },
@@ -5479,6 +5552,20 @@ const _open = definePlugin((editor) => {
     ]
   };
 });
+const _panels = definePlugin((editor) => {
+  const {
+    config
+  } = editor;
+  return {
+    name: "mce:panels",
+    commands: [
+      { command: "panels", handle: (panel) => config.value[panel] = !config.value[panel] }
+    ],
+    hotkeys: [
+      { command: "panels:layers", key: "Alt+¡" }
+    ]
+  };
+});
 const _saveAs = definePlugin((editor) => {
   const {
     to,
@@ -5790,6 +5877,7 @@ const plugins = [
   _move,
   _new,
   _open,
+  _panels,
   _saveAs,
   _scroll,
   _select,
@@ -6071,6 +6159,10 @@ const MceOverlaySymbol = Symbol.for("MceOverlaySymbol");
 const makeMceOverlayProps = propsFactory({
   location: String,
   offset: Number,
+  middlewares: {
+    type: Object,
+    default: () => ["offset", "flip", "shift"]
+  },
   target: Object,
   attach: {
     type: [String, Boolean, Object],
@@ -6587,14 +6679,15 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     });
     const contentEl = useTemplateRef("contentElTpl");
     const attach = computed(() => props.attach ?? overlayItem.attach?.value ?? "body");
+    const middlewares = new Set(props.middlewares);
     const { floatingStyles, update } = useFloating(target, contentEl, {
       placement: computed(() => props.location),
       whileElementsMounted: autoUpdate,
       middleware: [
-        offset(() => props.offset ?? 0),
-        flip(),
-        shift({ padding: 20 })
-      ]
+        middlewares.has("offset") && offset(() => props.offset ?? 0),
+        middlewares.has("flip") && flip(),
+        middlewares.has("shift") && shift({ padding: 20 })
+      ].filter(Boolean)
     });
     const style = computed(() => {
       return {
@@ -6686,7 +6779,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const isActive = useModel(__props, "modelValue");
     const opened = ref(-1);
     const overlay = useTemplateRef("overlayTpl");
-    const menuItemRefs = useTemplateRef("menuItemTplRefs");
+    const menuItemRefs = ref([]);
     const hasPrepend = computed(() => Boolean(props.items?.some((v) => "checked" in v)));
     const uid = useId();
     const parent = inject(MceMenuSymbol, null);
@@ -6723,10 +6816,16 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       } else {
         isActive.value = false;
         parent?.closeParents(e);
-        item.handle?.(e);
-        emit("click:item", item, e);
+        if (item.handle) {
+          item.handle?.(e);
+        } else {
+          emit("click:item", item, e);
+        }
       }
     }
+    function onMouseenter(item, index) {
+      opened.value = item.disabled ? -1 : index;
+    }
     function onMouseleave() {
       if (props.items?.[opened.value]?.children?.length === void 0) {
         opened.value = -1;
@@ -6765,14 +6864,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 item.type === "divider" ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   ref_for: true,
-                  ref: "menuItemTplRefs",
+                  ref: (el) => menuItemRefs.value[index] = el ?? void 0,
                   class: "mce-list__divider"
                 }, null, 512)) : (openBlock(), createElementBlock("div", {
                   key: 1,
                   ref_for: true,
-                  ref: "menuItemTplRefs",
+                  ref: (el) => menuItemRefs.value[index] = el ?? void 0,
                   class: "mce-list__item",
-                  onMouseenter: ($event) => item.disabled ? opened.value = -1 : opened.value = index
+                  onMouseenter: ($event) => onMouseenter(item, index)
                 }, [
                   createElementVNode("div", {
                     class: normalizeClass(["mce-list-item", [
@@ -6956,6 +7055,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   props: {
     ...makeMceOverlayProps({
       location: "top-start",
+      middlewares: ["offset", "shift"],
       offset: 8
     })
   },
@@ -6981,6 +7081,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         ref: "overlayTpl",
         class: "mce-floatbar",
         location: props.location,
+        middlewares: props.middlewares,
         offset: unref(selection)[0] && unref(isFrame)(unref(selection)[0]) ? 32 : 8,
         target: props.target,
         attach: false,
@@ -6990,7 +7091,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           unref(selection).length > 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["location", "offset", "target"]);
+      }, 8, ["location", "middlewares", "offset", "target"]);
     };
   }
 });

package/dist/locale/en.d.ts

@@ -44,10 +44,14 @@ declare const _default: {
     'view:pixelGrid': string;
     'view:ruler': string;
     'view:scrollbar': string;
-    'view:layers': 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;

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

@@ -45,10 +45,14 @@ declare const _default: {
     'view:pixelGrid': string;
     'view:ruler': string;
     'view:scrollbar': string;
-    'view:layers': 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;

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,15 +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/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.13.0",
+  "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",