mce 0.15.7 → 0.15.9

package/dist/composables/layer.d.ts

@@ -8,7 +8,6 @@ export interface LayerItem {
 }
 export interface LayerProvide {
     selecting: Ref<boolean>;
-    sortedSelection: Ref<Node[]>;
     register: (vm: ComponentInternalInstance, item: LayerItem) => void;
     unregister: (id: string) => void;
     onMousedown?: (event: MouseEvent, id: string) => void;
@@ -19,7 +18,7 @@ export declare const MceLayerKey: InjectionKey<LayerProvide>;
 export declare const MceLayerItemKey: InjectionKey<{
     id: string;
 }>;
-export declare function createLayer(options: Pick<LayerProvide, 'sortedSelection'>): {
+export declare function createLayer(): {
     selecting: Ref<boolean, boolean>;
     openedItems: import("vue").Reactive<Map<string, Ref<boolean, boolean>>>;
     domItems: import("vue").Reactive<Map<string, Ref<HTMLElement | undefined, HTMLElement | undefined>>>;
@@ -30,7 +29,6 @@ export declare function useLayerItem(options: Omit<LayerItem, 'id'>): {
     dropping: import("vue").ComputedRef<boolean>;
     onMousedown: (e: MouseEvent) => void | undefined;
     selecting: Ref<boolean>;
-    sortedSelection: Ref<Node[]>;
     register: (vm: ComponentInternalInstance, item: LayerItem) => void;
     unregister: (id: string) => void;
     dragging: Ref<boolean>;

package/dist/crdt/Doc.d.ts

@@ -41,7 +41,7 @@ export declare class Doc extends Model {
     set(source: Document): this;
     protected _proxyProps(obj: CoreObject, yMap: Y.Map<any>, isMeta?: boolean): void;
     protected _proxyChildren(node: Node, childrenIds: Y.Array<string>): void;
-    protected _proxyNode(node: Node, yNode?: YNode, yChildrenIds?: Y.Array<string>): YNode;
+    protected _proxyNode(node: Node, yNode?: YNode, yChildrenIds?: Y.Array<string>): void;
     protected _initYNode(yNode: YNode): Node;
     toJSON(): Record<string, any>;
 }

package/dist/index.css

@@ -134,7 +134,6 @@
   border-radius: inherit;
 }
 .mce-layer--root {
-  margin-bottom: 4px;
   font-weight: bold;
 }
 .mce-layer--root .mce-layer__thumbnail {
@@ -148,12 +147,12 @@
   bottom: 0;
   border-radius: 0;
 }
-.mce-layer--first .mce-layer__underlay {
+.mce-layer--active:not(.mce-layer--active + .mce-layer--active) .mce-layer__underlay {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   top: 4px;
 }
-.mce-layer--last .mce-layer__underlay {
+.mce-layer--active:not(:has(+ .mce-layer--active)) .mce-layer__underlay {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   bottom: 4px;
@@ -225,17 +224,23 @@
   flex: none;
   display: flex;
   align-items: center;
-  background-color: var(--overlay-color, transparent);
-  backdrop-filter: blur(8px);
   border-radius: 4px;
-}
-.mce-layer__action--hide {
   background-color: transparent;
   backdrop-filter: none;
 }
-.mce-layer__action--hide .mce-layer__btn {
+.mce-layer__action .mce-layer__btn {
   opacity: 0;
 }
+.mce-layer__action--hover .mce-layer__btn {
+  opacity: 1;
+}
+.mce-layer__action--show {
+  background-color: var(--overlay-color, transparent);
+  backdrop-filter: blur(8px);
+}
+.mce-layer__btn--show {
+  opacity: 1 !important;
+}
 .mce-layer__btn + .mce-layer__btn {
   margin-left: -4px;
 }.mce-layers {
@@ -259,6 +264,9 @@
 }
 .mce-layers:hover .mce-layer:not(.mce-layer--root) .mce-layer__prepend {
   opacity: 1;
+}
+.mce-layers .mce-layer {
+  scroll-margin: 8px;
 }.mce-made-with {
   pointer-events: auto !important;
   position: absolute;

package/dist/index.js

@@ -688,7 +688,7 @@ class Doc extends Model {
   }
   _proxyChildren(node, childrenIds) {
     node.on("addChild", (child, newIndex) => {
-      if (this._transacting === false) {
+      if (this._transacting === false || child.internalMode !== "default") {
         return;
       }
       this.transact(() => {
@@ -698,7 +698,7 @@ class Doc extends Model {
       });
     });
     node.on("removeChild", (child, oldIndex) => {
-      if (this._transacting === false) {
+      if (this._transacting === false || child.internalMode !== "default") {
         return;
       }
       this.transact(() => {
@@ -715,7 +715,7 @@ class Doc extends Model {
     const cachedChildrenIds = childrenIds.toArray();
     const observeFn = (event, transaction) => {
       const skip = this._isSelfTransaction(transaction);
-      this._debug(`yChildren ${node.id} changes`, event.changes.delta);
+      this._debug(`yChildren ${node.id} changes skip:${skip}`, event.changes.delta);
       let retain = 0;
       event.changes.delta.forEach((action) => {
         if (action.retain !== void 0) {
@@ -771,6 +771,9 @@ class Doc extends Model {
     childrenIds.observe(observeFn);
   }
   _proxyNode(node, yNode, yChildrenIds) {
+    if (node.internalMode !== "default") {
+      return;
+    }
     const id = node.id;
     if (!yNode) {
       yNode = this._yChildren.get(id);
@@ -839,7 +842,6 @@ class Doc extends Model {
       }
       this._proxyChildren(node, yChildrenIds);
     }
-    return yNode;
   }
   _initYNode(yNode) {
     const id = yNode.get("id");
@@ -2245,6 +2247,13 @@ const _4_1_text = defineMixin((editor) => {
     elementSelection,
     textSelection
   } = editor;
+  const element = computed(() => elementSelection.value[0]);
+  const hasTextSelectionRange = computed(() => {
+    return (textSelection.value?.length ?? 0) > 1 && textSelection.value[0] !== textSelection.value[1];
+  });
+  const isTextAllSelected = computed(() => {
+    return textSelection.value?.[0].isFirst && textSelection.value?.[1].isLast && textSelection.value?.[1].isLastSelected;
+  });
   function textFontSizeToFit(element2, scale) {
     function _handle(element3) {
       if (!scale) {
@@ -2320,13 +2329,22 @@ const _4_1_text = defineMixin((editor) => {
       if (!element3.text?.isValid?.() || typeof element3.text?.content !== "object") {
         return;
       }
+      const isVertical = element3.text.base.isVertical;
       const style = element3.style.toJSON();
       switch (strategy) {
         case "autoWidth":
-          style.width = "auto";
+          if (isVertical) {
+            style.height = "auto";
+          } else {
+            style.width = "auto";
+          }
           break;
         case "autoHeight":
-          style.height = "auto";
+          if (isVertical) {
+            style.width = "auto";
+          } else {
+            style.height = "auto";
+          }
           break;
       }
       const { boundingBox } = measureText({
@@ -2347,10 +2365,6 @@ const _4_1_text = defineMixin((editor) => {
       return false;
     });
   }
-  const element = computed(() => elementSelection.value[0]);
-  const hasSelectionRange = computed(() => {
-    return (textSelection.value?.length ?? 0) > 1 && textSelection.value[0] !== textSelection.value[1];
-  });
   function handleSelection([start, end], cb) {
     let flag = true;
     element.value?.text?.content.forEach((p, pIndex, pItems) => {
@@ -2379,12 +2393,13 @@ const _4_1_text = defineMixin((editor) => {
     });
   }
   function getTextStyle(key) {
-    if (!element.value) {
+    const el = element.value;
+    if (!el) {
       return void 0;
     }
-    let value = element.value.style[key];
-    const content = element.value.text.content;
-    if (hasSelectionRange.value) {
+    let value = el.style[key];
+    const content = el.text.content;
+    if (hasTextSelectionRange.value) {
       const selection = textSelection.value;
       if (selection && selection[0] && selection[1]) {
         handleSelection(selection, ({ selected, fStyle }) => {
@@ -2411,109 +2426,121 @@ const _4_1_text = defineMixin((editor) => {
     }
     return value;
   }
-  function setTextStyle(key, value) {
-    if (!element.value) {
+  function setTextContentByEachFragment(handler) {
+    const el = element.value;
+    if (!el) {
       return;
     }
-    let isAllSelected = false;
-    if (hasSelectionRange.value) {
-      const selection = textSelection.value;
-      if (selection && selection[0] && selection[1]) {
-        if (selection[0].isFirst && selection[1].isLast && selection[1].isLastSelected) {
-          isAllSelected = true;
+    const newContent = [];
+    let newParagraph = { fragments: [] };
+    let newFragment;
+    handleSelection(textSelection.value, ({ selected, fIndex, fStyle, fLength, c, cIndex, cLength }) => {
+      if (fIndex === 0 && cIndex === 0) {
+        newParagraph = { fragments: [] };
+        newFragment = void 0;
+      }
+      const style = { ...fStyle };
+      if (selected) {
+        handler(style);
+      }
+      if (newFragment) {
+        const { content: _, ..._style } = newFragment;
+        if (isEqualObject(style, _style)) {
+          newFragment.content += c;
         } else {
-          const newContent = [];
-          let newParagraph = { fragments: [] };
-          let newFragment;
-          handleSelection(selection, ({ selected, fIndex, fStyle, fLength, c, cIndex, cLength }) => {
-            if (fIndex === 0 && cIndex === 0) {
-              newParagraph = { fragments: [] };
-              newFragment = void 0;
-            }
-            const style = { ...fStyle };
-            if (selected) {
-              style[key] = value;
-            }
-            if (newFragment) {
-              const { content: _, ..._style } = newFragment;
-              if (isEqualObject(style, _style)) {
-                newFragment.content += c;
-              } else {
-                newParagraph.fragments.push(newFragment);
-                newFragment = { ...style, content: c };
-              }
-            } else {
-              newFragment = { ...style, content: c };
-            }
-            if (fIndex === fLength - 1 && cIndex === cLength - 1) {
-              if (newFragment) {
-                newParagraph.fragments.push(newFragment);
-              }
-              if (newParagraph.fragments.length) {
-                newContent.push(newParagraph);
-                newParagraph = { fragments: [] };
-              }
-            }
-            return true;
-          });
-          if (newContent.length) {
-            element.value.text.content = newContent;
-          }
+          newParagraph.fragments.push(newFragment);
+          newFragment = { ...style, content: c };
+        }
+      } else {
+        newFragment = { ...style, content: c };
+      }
+      if (fIndex === fLength - 1 && cIndex === cLength - 1) {
+        if (newFragment) {
+          newParagraph.fragments.push(newFragment);
+        }
+        if (newParagraph.fragments.length) {
+          newContent.push(newParagraph);
+          newParagraph = { fragments: [] };
         }
       }
-    } else {
-      isAllSelected = true;
+      return true;
+    });
+    if (newContent.length) {
+      el.text = { ...el.text.toJSON(), content: newContent };
     }
-    if (isAllSelected) {
-      const el = element.value;
-      switch (key) {
-        case "fill":
-        case "outline":
-          el.text[key] = value;
-          break;
-        default:
+  }
+  function setTextStyle(key, value) {
+    const el = element.value;
+    if (!el) {
+      return;
+    }
+    switch (key) {
+      case "writingMode": {
+        if (el.style[key] !== value) {
+          const { width, height } = el.style;
+          el.style.width = height;
+          el.style.height = width;
           el.style[key] = value;
-          break;
+        }
+        break;
+      }
+      default: {
+        if (hasTextSelectionRange.value && !isTextAllSelected.value) {
+          setTextContentByEachFragment((fragment) => {
+            fragment[key] = value;
+          });
+        } else {
+          switch (key) {
+            case "fill":
+            case "outline":
+              el.text[key] = value;
+              break;
+            default:
+              el.style[key] = value;
+              break;
+          }
+          el.text.content.forEach((p) => {
+            delete p[key];
+            p.fragments.forEach((f) => {
+              delete f[key];
+            });
+          });
+          el.text = el.text.toJSON();
+        }
+        el.requestDraw();
+        textToFit(el);
+        break;
       }
-      const content = element.value.text.content;
-      content.forEach((p) => {
-        delete p[key];
-        p.fragments.forEach((f) => {
-          delete f[key];
-        });
-      });
-      el.text.content = content;
     }
-    element.value.requestRender();
-    textToFit(element.value);
   }
   function getTextFill() {
-    if (!element.value) {
+    const el = element.value;
+    if (!el) {
       return void 0;
     }
     let fill;
-    if (hasSelectionRange.value) {
+    if (hasTextSelectionRange.value) {
       fill = getTextStyle("fill");
       if (!fill) {
-        const color = getTextStyle("color");
-        fill = { color };
+        fill = { color: getTextStyle("color") };
       }
     }
-    fill = fill ?? element.value.text.fill ?? { color: element.value.style.color };
+    fill = fill ?? el.text.fill ?? { color: el.style.color };
     return fill;
   }
   function setTextFill(value) {
-    if (!element.value) {
-      return;
+    const el = element.value;
+    if (!el) {
+      return void 0;
     }
-    if (hasSelectionRange.value && value?.color) {
+    if (hasTextSelectionRange.value && value?.color) {
       setTextStyle("fill", value);
     } else {
-      element.value.text.fill = value;
+      el.text.fill = value;
       if (value?.color) {
-        element.value.style.color = value.color;
+        el.style.color = value.color;
       }
-      element.value.text.content.forEach((p) => {
+      el.text.content.forEach((p) => {
         delete p.fill;
         delete p.color;
         p.fragments.forEach((f) => {
@@ -2521,15 +2548,23 @@ const _4_1_text = defineMixin((editor) => {
           delete f.color;
         });
       });
+      el.text = {
+        ...el.text.toJSON(),
+        fill: value
+      };
+      el.requestDraw();
     }
   }
   Object.assign(editor, {
+    hasTextSelectionRange,
+    isTextAllSelected,
     textFontSizeToFit,
     textToFit,
     setTextStyle,
     getTextStyle,
     getTextFill,
-    setTextFill
+    setTextFill,
+    setTextContentByEachFragment
   });
   return () => {
     TextEditor.register();
@@ -3800,7 +3835,7 @@ function useIcon(props) {
 }
 const MceLayerKey = /* @__PURE__ */ Symbol.for("mce:layer");
 const MceLayerItemKey = /* @__PURE__ */ Symbol.for("mce:layer-item");
-function createLayer(options) {
+function createLayer() {
   const registered = ref([]);
   const nodeItems = /* @__PURE__ */ new Map();
   const openedItems = reactive(/* @__PURE__ */ new Map());
@@ -3819,7 +3854,6 @@ function createLayer(options) {
     return id;
   }
   provide(MceLayerKey, {
-    ...options,
     selecting,
     dragging,
     droppingItemId,
@@ -5093,7 +5127,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const dom = ref();
     const {
       selecting,
-      sortedSelection,
       dragging,
       dropping,
       onMousedown,
@@ -5103,17 +5136,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       node: computed(() => props.node),
       dom: computed(() => dom.value)
     });
-    const isFrist = computed(() => sortedSelection.value[0]?.equal(props.node));
-    const isLast = computed(() => {
-      const last = sortedSelection.value[sortedSelection.value.length - 1];
-      if (last) {
-        if (last.equal(props.node)) {
-          if (!opened.value || !props.node?.children.length)
-            return true;
-        } else if (last.equal(props.node?.parent)) ;
-      }
-      return false;
-    });
     const isActive = computed(() => selection.value.some((v) => v.equal(props.node)));
     const children = computed(() => props.node.children);
     const childrenLength = computed(() => children.value.length);
@@ -5160,6 +5182,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       opened.value = !opened.value;
     }
     function onMousedownContent(e) {
+      if (e.button === 2) {
+        return;
+      }
       selecting.value = true;
       if (e.shiftKey) {
         const _nodes = [
@@ -5257,8 +5282,6 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           class: normalizeClass(["mce-layer", [
             props.root && "mce-layer--root",
             (__props.active || isActive.value) && "mce-layer--active",
-            isFrist.value && "mce-layer--first",
-            isLast.value && "mce-layer--last",
             opened.value && "mce-layer--open",
             isHoverElement.value && "mce-layer--hover",
             unref(dropping) && "mce-layer--dropping"
@@ -5272,8 +5295,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           onMouseleave,
           onContextmenu
         }, [
-          _cache[5] || (_cache[5] = createElementVNode("span", { class: "mce-layer__underlay" }, null, -1)),
-          _cache[6] || (_cache[6] = createElementVNode("span", { class: "mce-layer__overlay" }, null, -1)),
+          _cache[4] || (_cache[4] = createElementVNode("span", { class: "mce-layer__underlay" }, null, -1)),
+          _cache[5] || (_cache[5] = createElementVNode("span", { class: "mce-layer__overlay" }, null, -1)),
           createElementVNode("div", _hoisted_2$c, [
             createElementVNode("div", _hoisted_3$b, [
               childrenLength.value ? (openBlock(), createBlock(unref(_sfc_main$C), {
@@ -5300,6 +5323,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => editValue.value = $event),
                 type: "text",
                 class: "mce-layer__input",
+                spellcheck: "false",
+                autocapitalize: "off",
+                autocorrect: "off",
                 autofocus: "",
                 onBlur: onInputBlur
               }, null, 544), [
@@ -5312,26 +5338,17 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             ], 32),
             createElementVNode("div", {
               class: normalizeClass(["mce-layer__action", {
-                "mce-layer__action--hide": !hovering.value && !unref(isLock)(props.node) && unref(isVisible)(props.node)
+                "mce-layer__action--hover": hovering.value,
+                "mce-layer__action--show": hovering.value || unref(isLock)(props.node) || !unref(isVisible)(props.node)
               }])
             }, [
-              props.root ? (openBlock(), createBlock(_sfc_main$y, {
-                key: 0,
-                icon: "",
-                class: "mce-layer__btn",
-                onClick: _cache[2] || (_cache[2] = ($event) => unref(setLock)(props.node, !unref(isLock)(props.node)))
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(_sfc_main$C), {
-                    icon: unref(isLock)(props.node) ? "$lock" : "$unlock"
-                  }, null, 8, ["icon"])
-                ]),
-                _: 1
-              })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              props.root ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 createVNode(_sfc_main$y, {
                   icon: "",
-                  class: "mce-layer__btn",
-                  onClick: _cache[3] || (_cache[3] = withModifiers(($event) => unref(setLock)(props.node, !unref(isLock)(props.node)), ["prevent", "stop"]))
+                  class: normalizeClass(["mce-layer__btn", {
+                    "mce-layer__btn--show": unref(isLock)(props.node)
+                  }]),
+                  onClick: _cache[2] || (_cache[2] = withModifiers(($event) => unref(setLock)(props.node, !unref(isLock)(props.node)), ["prevent", "stop"]))
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(_sfc_main$C), {
@@ -5339,11 +5356,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["icon"])
                   ]),
                   _: 1
-                }),
+                }, 8, ["class"]),
                 createVNode(_sfc_main$y, {
                   icon: "",
-                  class: "mce-layer__btn",
-                  onClick: _cache[4] || (_cache[4] = withModifiers(($event) => unref(setVisible)(props.node, !unref(isVisible)(props.node)), ["prevent", "stop"]))
+                  class: normalizeClass(["mce-layer__btn", {
+                    "mce-layer__btn--show": !unref(isVisible)(props.node)
+                  }]),
+                  onClick: _cache[3] || (_cache[3] = withModifiers(($event) => unref(setVisible)(props.node, !unref(isVisible)(props.node)), ["prevent", "stop"]))
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(_sfc_main$C), {
@@ -5351,7 +5370,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["icon"])
                   ]),
                   _: 1
-                })
+                }, 8, ["class"])
               ], 64))
             ], 2)
           ])
@@ -5376,25 +5395,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const {
       root,
       selection,
-      state,
-      nodeIndexMap
+      state
     } = useEditor();
-    const sortedSelection = computed(() => {
-      return selection.value.map((node) => {
-        return {
-          node,
-          index: nodeIndexMap.get(node.id) ?? 0
-        };
-      }).sort((a, b) => a.index - b.index).map((v) => v.node);
-    });
     const {
       selecting,
       openedItems,
       domItems,
       getIdByNode
-    } = createLayer({
-      sortedSelection
-    });
+    } = createLayer();
     watch(selection, (selection2) => {
       if (state.value === "selecting" || selecting.value) {
         return;
@@ -10485,6 +10493,23 @@ const _pen = definePlugin((editor) => {
     ]
   };
 });
+const _rotate = definePlugin((editor) => {
+  const {
+    elementSelection
+  } = editor;
+  function rotate(deg) {
+    elementSelection.value.forEach((el) => {
+      el.style.rotate += deg;
+    });
+  }
+  return {
+    name: "mce:rotate",
+    commands: [
+      { command: "rotate", handle: rotate },
+      { command: "rotate90", handle: () => rotate(90) }
+    ]
+  };
+});
 const _hoisted_1$g = {
   key: 0,
   class: "mce-tooltip__arrow"
@@ -13588,6 +13613,7 @@ const plugins = [
   _open,
   _panels,
   _pen,
+  _rotate,
   _ruler,
   _saveAs,
   _scroll,

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

@@ -1,5 +1,5 @@
 import type { Cursor, Vector2, Vector2Like } from 'modern-canvas';
-import type { IndexCharacter } from 'modern-text/web-components';
+import type { IndexCharacter as _IndexCharacter } from 'modern-text/web-components';
 import type { ComputedRef, Ref } from 'vue';
 import { Aabb2D, Camera2D, DrawboardEffect, Element2D, Engine, Node, Timeline } from 'modern-canvas';
 import { Fonts } from 'modern-font';
@@ -19,6 +19,7 @@ declare global {
             side: 'left' | 'right';
             align: Tblock | 'center';
         };
+        type IndexCharacter = _IndexCharacter;
         interface Editor {
             fonts: Fonts;
             renderEngine: Ref<Engine>;

package/dist/mixins/4.1.text.d.ts

@@ -1,14 +1,18 @@
 import type { Element2D } from 'modern-canvas';
-import type { NormalizedFill } from 'modern-idoc';
+import type { NormalizedFill, NormalizedFragment } from 'modern-idoc';
+import type { Ref } from 'vue';
 declare global {
     namespace Mce {
         interface Editor {
+            hasTextSelectionRange: Ref<boolean>;
+            isTextAllSelected: Ref<boolean>;
             textFontSizeToFit: (element: Element2D, scale?: number) => void;
             textToFit: (element: Element2D, typography?: Mce.TypographyStrategy) => void;
             getTextStyle: (key: string) => any;
             setTextStyle: (key: string, value: any) => void;
             getTextFill: () => NormalizedFill | undefined;
             setTextFill: (value: NormalizedFill | undefined) => void;
+            setTextContentByEachFragment: (handler: (fragment: NormalizedFragment) => void) => void;
         }
     }
 }

package/dist/plugins/rotate.d.ts

@@ -0,0 +1,10 @@
+declare global {
+    namespace Mce {
+        interface Commands {
+            rotate: (deg: number) => void;
+            rotate90: () => void;
+        }
+    }
+}
+declare const _default: import("..").Plugin;
+export default _default;

package/dist/typed-plugins.d.ts

@@ -53,6 +53,7 @@ import './plugins/node'
 import './plugins/open'
 import './plugins/panels'
 import './plugins/pen'
+import './plugins/rotate'
 import './plugins/ruler'
 import './plugins/saveAs'
 import './plugins/scroll'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.15.7",
+  "version": "0.15.9",
   "description": "The headless canvas editor framework. only the ESM.",
   "author": "wxm",
   "license": "MIT",
@@ -61,10 +61,10 @@
     "diff": "^8.0.2",
     "file-saver": "^2.0.5",
     "lodash-es": "^4.17.22",
-    "modern-canvas": "^0.14.22",
+    "modern-canvas": "^0.14.24",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.8",
-    "modern-text": "^1.10.6",
+    "modern-text": "^1.10.7",
     "yjs": "^13.6.28"
   },
   "peerDependencies": {