mce 0.13.4 → 0.13.5

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

@@ -21,13 +21,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<import("..").ActiveStrategy>;
         default: import("..").ActiveStrategy;
     };
+    doubleclickStrategy: {
+        type: import("vue").PropType<import("..").DoubleclickStrategy>;
+        default: import("..").DoubleclickStrategy;
+    };
     hoverStrategy: {
         type: import("vue").PropType<import("..").HoverStrategy>;
         default: import("..").HoverStrategy;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "dblclick:drawboard": (event: Event) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     editor: typeof Editor;
     resizeStrategy: {
         type: import("vue").PropType<import("..").ResizeStrategy>;
@@ -37,15 +39,18 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<import("..").ActiveStrategy>;
         default: import("..").ActiveStrategy;
     };
+    doubleclickStrategy: {
+        type: import("vue").PropType<import("..").DoubleclickStrategy>;
+        default: import("..").DoubleclickStrategy;
+    };
     hoverStrategy: {
         type: import("vue").PropType<import("..").HoverStrategy>;
         default: import("..").HoverStrategy;
     };
-}>> & Readonly<{
-    "onDblclick:drawboard"?: ((event: Event) => any) | undefined;
-}>, {
+}>> & Readonly<{}>, {
     resizeStrategy: import("..").ResizeStrategy;
     activeStrategy: import("..").ActiveStrategy;
+    doubleclickStrategy: import("..").DoubleclickStrategy;
     hoverStrategy: import("..").HoverStrategy;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -27,7 +27,7 @@ declare var __VLS_7: {
         onPointerdown: typeof start;
     };
     start: typeof start;
-}, __VLS_9: {
+}, __VLS_14: {
     box: {
         left: number;
         top: number;
@@ -40,7 +40,7 @@ declare var __VLS_7: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 } & {
-    svg?: (props: typeof __VLS_9) => any;
+    svg?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     start: typeof start;

package/dist/composables/strategy.d.ts

@@ -1,10 +1,14 @@
 import type { Element2D, PointerInputEvent } from 'modern-canvas';
 import type { PropType } from 'vue';
+import type { Editor } from '../editor';
 export interface ActiveStrategyContext {
     element: Element2D | undefined;
-    oldElement: Element2D | undefined;
     event: PointerInputEvent;
-    isExcluded: (element: Element2D) => boolean;
+    editor: Editor;
+}
+export interface DoubleclickStrategyContext {
+    event: PointerInputEvent;
+    editor: Editor;
 }
 export interface HoverStrategyContext extends ActiveStrategyContext {
 }
@@ -13,6 +17,7 @@ export type ActiveStrategy = (context: ActiveStrategyContext) => {
     element: Element2D | undefined;
     state: Mce.State | undefined;
 } | Element2D | undefined;
+export type DoubleclickStrategy = (context: DoubleclickStrategyContext) => Mce.State | undefined;
 export type HoverStrategy = (context: HoverStrategyContext) => {
     element: Element2D | undefined;
     cursor: string | undefined;
@@ -20,6 +25,7 @@ export type HoverStrategy = (context: HoverStrategyContext) => {
 export declare const makeMceStrategyProps: <Defaults extends {
     resizeStrategy?: unknown;
     activeStrategy?: unknown;
+    doubleclickStrategy?: unknown;
     hoverStrategy?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
     resizeStrategy: unknown extends Defaults["resizeStrategy"] ? PropType<ResizeStrategy> : {
@@ -30,6 +36,10 @@ export declare const makeMceStrategyProps: <Defaults extends {
         type: PropType<unknown extends Defaults["activeStrategy"] ? ActiveStrategy : ActiveStrategy | Defaults["activeStrategy"]>;
         default: unknown extends Defaults["activeStrategy"] ? ActiveStrategy : ActiveStrategy | Defaults["activeStrategy"];
     };
+    doubleclickStrategy: unknown extends Defaults["doubleclickStrategy"] ? PropType<DoubleclickStrategy> : {
+        type: PropType<unknown extends Defaults["doubleclickStrategy"] ? DoubleclickStrategy : DoubleclickStrategy | Defaults["doubleclickStrategy"]>;
+        default: unknown extends Defaults["doubleclickStrategy"] ? DoubleclickStrategy : DoubleclickStrategy | Defaults["doubleclickStrategy"];
+    };
     hoverStrategy: unknown extends Defaults["hoverStrategy"] ? PropType<HoverStrategy> : {
         type: PropType<unknown extends Defaults["hoverStrategy"] ? HoverStrategy : HoverStrategy | Defaults["hoverStrategy"]>;
         default: unknown extends Defaults["hoverStrategy"] ? HoverStrategy : HoverStrategy | Defaults["hoverStrategy"];
@@ -37,4 +47,5 @@ export declare const makeMceStrategyProps: <Defaults extends {
 };
 export declare const defaultResizeStrategy: ResizeStrategy;
 export declare const defaultActiveStrategy: ActiveStrategy;
+export declare const defaultDoubleclickStrategy: DoubleclickStrategy;
 export declare const defaultHoverStrategy: HoverStrategy;

package/dist/index.css

@@ -498,7 +498,7 @@
 .mce-transformable--dashed .mce-transformable__rect {
   stroke-dasharray: 4px;
 }
-.mce-transformable--lockAspectRatio.mce-transformable--resizing .mce-transformable__diagonal, .mce-transformable--lockAspectRatioDiagonal.mce-transformable--resizing .mce-transformable__diagonal {
+.mce-transformable--resizing .mce-transformable__diagonal {
   visibility: visible;
 }
 .mce-transformable--moving .mce-transformable__handle {

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Node as Node$1, Element2D, Timeline, Engine, Camera2D, DrawboardEffect, IN_BROWSER, clamp, assets, TimelineNode, Transform2D, DEG_TO_RAD, render, Animation } from "modern-canvas";
-import { ref, computed, watch, markRaw, reactive, warn, shallowRef, onBeforeUnmount, onMounted, inject, provide, defineComponent, createVNode, mergeProps, createElementVNode, toValue, getCurrentInstance, onScopeDispose, createElementBlock, openBlock, Fragment, renderList, unref, normalizeStyle, normalizeClass, readonly, toRef, useId, onDeactivated, onActivated, useAttrs, createBlock, resolveDynamicComponent, useTemplateRef, renderSlot, Teleport, createCommentVNode, mergeModels, useModel, resolveComponent, withCtx, createTextVNode, toDisplayString, createSlots, normalizeProps, guardReactiveProps, onBeforeMount, withDirectives, vShow, vModelText, nextTick, withModifiers, isRef } from "vue";
+import { ref, computed, watch, markRaw, reactive, warn, shallowRef, onBeforeUnmount, onMounted, inject, provide, defineComponent, createVNode, mergeProps, createElementVNode, toValue, getCurrentInstance, onScopeDispose, createElementBlock, openBlock, Fragment, renderList, unref, normalizeStyle, normalizeClass, readonly, toRef, useId, onDeactivated, onActivated, useAttrs, createBlock, resolveDynamicComponent, useTemplateRef, renderSlot, Teleport, createCommentVNode, mergeModels, useModel, resolveComponent, withCtx, createTextVNode, toDisplayString, createSlots, normalizeProps, guardReactiveProps, onBeforeMount, withDirectives, vShow, vModelText, nextTick, withModifiers, h, isRef } from "vue";
 import { useFileDialog, useEventListener, isClient, useResizeObserver as useResizeObserver$1, useLocalStorage, onClickOutside, useMouse, useDebounceFn } from "@vueuse/core";
 import { getObjectValueByPath, setObjectValueByPath, Observable, Reactivable, idGenerator, property, normalizeElement, normalizeTextContent } from "modern-idoc";
 import { saveAs } from "file-saver";
@@ -1054,8 +1054,8 @@ const _0_helper = defineMixin((editor) => {
   function isElement(value) {
     return value instanceof Element2D;
   }
-  function isFrame(node) {
-    return isElement(node) && node.meta.inEditorIs === "Frame";
+  function isFrame(value) {
+    return isElement(value) && value.meta.inEditorIs === "Frame";
   }
   function isVisible(node) {
     return isElement(node) && node.style.visibility === "visible";
@@ -1432,11 +1432,11 @@ function getImageSizeFromUrl(url, opts = {}) {
       if (timer)
         clearTimeout(timer);
       const w = this.naturalWidth;
-      const h = this.naturalHeight;
-      if (!w || !h) {
+      const h2 = this.naturalHeight;
+      if (!w || !h2) {
         reject(new Error("failed to read natural size"));
       } else {
-        resolve({ width: w, height: h });
+        resolve({ width: w, height: h2 });
       }
     };
     img.onerror = function() {
@@ -6214,6 +6214,7 @@ function useOverlay() {
 const makeMceStrategyProps = propsFactory({
   resizeStrategy: Function,
   activeStrategy: Function,
+  doubleclickStrategy: Function,
   hoverStrategy: Function
 }, "makeMceStrategyProps");
 const defaultResizeStrategy = (element) => {
@@ -6223,32 +6224,49 @@ const defaultResizeStrategy = (element) => {
   return void 0;
 };
 const defaultActiveStrategy = (context) => {
-  const { element, oldElement, isExcluded } = context;
-  if (element && !isExcluded(element)) {
-    if (element.equal(oldElement)) {
-      if (element.text.isValid()) {
-        return {
-          element,
-          state: "typing"
-        };
-      }
+  const { element, editor } = context;
+  if (!element) {
+    return void 0;
+  }
+  const { isRoot, isFrame, isElement, elementSelection } = editor;
+  const activeElement = elementSelection.value[0];
+  const cb = (node) => {
+    if (isElement(node) && (node.equal(activeElement) || node.parent?.equal(activeElement) || node.parent?.equal(activeElement?.parent) || isFrame(node.parent) && isRoot(node.parent.parent) || isRoot(node.parent) && !isFrame(node))) {
+      return true;
     }
+    return false;
+  };
+  if (cb(element)) {
     return element;
   }
+  return element.findAncestor(cb);
+};
+const defaultDoubleclickStrategy = (context) => {
+  const { editor } = context;
+  const { elementSelection } = editor;
+  const element = elementSelection.value[0];
+  if (element) {
+    return element.foreground.isValid() ? void 0 : "typing";
+  }
   return void 0;
 };
 const defaultHoverStrategy = (context) => {
-  const { element, isExcluded, oldElement } = context;
-  if (element && !isExcluded(element)) {
-    if (element.equal(oldElement)) {
-      return {
-        element,
-        cursor: "move"
-      };
+  const { element, editor } = context;
+  if (!element) {
+    return void 0;
+  }
+  const { isRoot, isFrame, isElement, elementSelection } = editor;
+  const activeElement = elementSelection.value[0];
+  const cb = (node) => {
+    if (isElement(node) && (node.equal(activeElement) || node.parent?.equal(activeElement) || node.parent?.equal(activeElement?.parent) || isFrame(node.parent) && isRoot(node.parent.parent) || isRoot(node.parent) && !isFrame(node))) {
+      return true;
     }
+    return false;
+  };
+  if (cb(element)) {
     return element;
   }
-  return void 0;
+  return element.findAncestor(cb);
 };
 const _hoisted_1$l = { class: "mce-auxiliary" };
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
@@ -8122,31 +8140,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$a = { class: "mce-transformable__svg" };
 const _hoisted_2$5 = ["rx", "ry"];
-const _hoisted_3$5 = {
-  key: 0,
-  class: "mce-transformable__diagonal",
-  x1: "100%",
-  y1: "0",
-  x2: "0",
-  y2: "100%"
-};
-const _hoisted_4$3 = {
-  key: 1,
-  class: "mce-transformable__diagonal",
-  x1: "0",
-  y1: "0",
-  x2: "100%",
-  y2: "100%"
-};
-const _hoisted_5$2 = ["x", "y", "width", "height", "aria-label"];
-const _hoisted_6$2 = ["cx", "cy", "r", "aria-label"];
-const _hoisted_7$2 = { "pointer-events": "all" };
-const _hoisted_8$1 = ["x", "y", "width", "height", "aria-label", "cursor", "onPointerdown"];
-const _hoisted_9$1 = {
+const _hoisted_3$5 = ["x", "y", "width", "height", "aria-label"];
+const _hoisted_4$3 = ["cx", "cy", "r", "aria-label"];
+const _hoisted_5$2 = { "pointer-events": "all" };
+const _hoisted_6$2 = ["x", "y", "width", "height", "aria-label", "cursor", "onPointerdown"];
+const _hoisted_7$2 = {
   "pointer-events": "all",
   class: "mce-transformable__svg-slot"
 };
-const _hoisted_10$1 = {
+const _hoisted_8$1 = {
   key: 0,
   class: "mce-transformable__tip"
 };
@@ -8583,6 +8585,41 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       activeHandle,
       transforming
     });
+    function Diagonal() {
+      const handle = activeHandle.value;
+      if (!handle || !handle.startsWith("resize")) {
+        return void 0;
+      }
+      switch (props.resizeStrategy) {
+        case "lockAspectRatio":
+          break;
+        case "lockAspectRatioDiagonal":
+          if (handle.split("-").length === 2) {
+            return void 0;
+          }
+          break;
+        default:
+          return void 0;
+      }
+      if (handle === "resize-top" || handle === "resize-right" || handle === "resize-top-right" || handle === "resize-bottom-left") {
+        return h("line", {
+          class: "mce-transformable__diagonal",
+          x1: "100%",
+          y1: "0",
+          x2: "0",
+          y2: "100%"
+        });
+      } else if (handle === "resize-left" || handle === "resize-bottom" || handle === "resize-top-left" || handle === "resize-bottom-right") {
+        return h("line", {
+          class: "mce-transformable__diagonal",
+          x1: "0",
+          y1: "0",
+          x2: "100%",
+          y2: "100%"
+        });
+      }
+      return void 0;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
         class: normalizeClass(["mce-transformable", [
@@ -8620,7 +8657,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               rx: model.value.borderRadius,
               ry: model.value.borderRadius
             }, null, 8, _hoisted_2$5),
-            activeHandle.value === "resize-top" || activeHandle.value === "resize-right" || activeHandle.value === "resize-top-right" || activeHandle.value === "resize-bottom-left" ? (openBlock(), createElementBlock("line", _hoisted_3$5)) : activeHandle.value === "resize-left" || activeHandle.value === "resize-bottom" || activeHandle.value === "resize-top-left" || activeHandle.value === "resize-bottom-right" ? (openBlock(), createElementBlock("line", _hoisted_4$3)) : createCommentVNode("", true),
+            createVNode(Diagonal),
             createElementVNode("g", null, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(computedHandles.value, (handle, index) => {
                 return openBlock(), createElementBlock(Fragment, { key: index }, [
@@ -8633,19 +8670,19 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                       height: handle.height,
                       "aria-label": handle.type,
                       class: "mce-transformable__handle"
-                    }, null, 8, _hoisted_5$2)) : (openBlock(), createElementBlock("circle", {
+                    }, null, 8, _hoisted_3$5)) : (openBlock(), createElementBlock("circle", {
                       key: 1,
                       cx: handle.x + handle.width / 2,
                       cy: handle.y + handle.width / 2,
                       r: handle.width / 2,
                       "aria-label": handle.type,
                       class: "mce-transformable__handle"
-                    }, null, 8, _hoisted_6$2))
+                    }, null, 8, _hoisted_4$3))
                   ], 64)) : createCommentVNode("", true)
                 ], 64);
               }), 128))
             ]),
-            createElementVNode("g", _hoisted_7$2, [
+            createElementVNode("g", _hoisted_5$2, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(computedHandles.value, (handle, index) => {
                 return openBlock(), createElementBlock("rect", {
                   key: index,
@@ -8660,14 +8697,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   class: "mce-transformable__handle-rect",
                   cursor: transforming.value ? "auto" : getCursor(handle.type),
                   onPointerdown: (event) => start(event, index)
-                }, null, 40, _hoisted_8$1);
+                }, null, 40, _hoisted_6$2);
               }), 128))
             ]),
-            createElementVNode("g", _hoisted_9$1, [
+            createElementVNode("g", _hoisted_7$2, [
               renderSlot(_ctx.$slots, "svg", { box: model.value })
             ])
           ])),
-          tip.value ? (openBlock(), createElementBlock("div", _hoisted_10$1, toDisplayString(tip.value), 1)) : createCommentVNode("", true)
+          tip.value ? (openBlock(), createElementBlock("div", _hoisted_8$1, toDisplayString(tip.value), 1)) : createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["class", "style"]);
@@ -9236,7 +9273,11 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       const editor = textEditor.value;
       editor.set(element.text.base);
       await nextTick();
-      return editor.pointerdown(e);
+      if (editor.pointerDown(e)) {
+        editor.selectAll();
+        return true;
+      }
+      return false;
     }
     onBeforeMount(() => registerCommand({ command: "startTyping", handle: startTyping }));
     onBeforeUnmount(() => unregisterCommand("startTyping"));
@@ -9574,14 +9615,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     ...makeMceStrategyProps({
       resizeStrategy: defaultResizeStrategy,
       activeStrategy: defaultActiveStrategy,
+      doubleclickStrategy: defaultDoubleclickStrategy,
       hoverStrategy: defaultHoverStrategy
     }),
     editor: Editor
   },
-  emits: ["dblclick:drawboard"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
     let editor;
     if (props.editor) {
       editor = provideEditor(props.editor);
@@ -9644,25 +9684,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       renderEngine.value.off("pointermove", onPointermove);
       renderEngine.value.off("pointerover", onPointerover);
     });
-    function isExcluded(element) {
-      return isFrame(element);
-    }
     function onHover(event) {
       let cursor;
       let hovered;
-      if (isPointInsideAabb(
+      if (elementSelection.value.length > 1 && isPointInsideAabb(
         { x: event.clientX, y: event.clientY },
         getAabbInDrawboard(elementSelection.value)
       )) {
         cursor = "move";
       } else {
         const element = event.target;
-        const oldElement = elementSelection.value[0];
         const result = props.hoverStrategy({
           element,
-          oldElement,
           event,
-          isExcluded
+          editor
         });
         if (result && !(result instanceof Element2D)) {
           hovered = result.element;
@@ -9678,11 +9713,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (downEvent.srcElement !== drawboardDom.value && downEvent.srcElement.dataset?.pointerdown_to_drawboard === void 0 || camera.value.spaceKey || ![0, 2].includes(downEvent.button)) {
         return;
       }
-      const oldElement = elementSelection.value[0];
       const element = downEvent.target;
       const start = { x: downEvent.clientX, y: downEvent.clientY };
       let current = { ...start };
       let dragging = false;
+      let selecting = false;
       let isUp = false;
       let selected = [];
       let ctxState;
@@ -9694,9 +9729,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         if (!inSelection) {
           const result = props.activeStrategy({
             element,
-            oldElement,
             event: downEvent,
-            isExcluded
+            editor
           });
           if (result && !(result instanceof Element2D)) {
             selected = result.element ? [result.element] : [];
@@ -9710,9 +9744,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       function onDrag(event) {
         const result = props.activeStrategy({
           element,
-          oldElement,
           event,
-          isExcluded
+          editor
         });
         if (result && !(result instanceof Element2D)) {
           selected = result.element ? [result.element] : [];
@@ -9722,6 +9755,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         elementSelection.value = selected;
       }
       function onSelectArea() {
+        selecting = true;
         if (state.value !== "selecting") {
           state.value = "selecting";
         }
@@ -9736,9 +9770,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       function onActivate() {
         const result = props.activeStrategy({
           element,
-          oldElement,
           event: downEvent,
-          isExcluded: () => false
+          editor
         });
         let _element;
         if (result && !(result instanceof Element2D)) {
@@ -9788,12 +9821,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }
         }
       }
-      async function onUp(_event) {
+      async function onUp(upEvent) {
         if (state.value) {
           state.value = void 0;
         }
         if (!dragging) {
-          if (element) {
+          if (element && !selecting) {
             onActivate();
           }
           elementSelection.value = selected;
@@ -9801,7 +9834,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             if (selected[0] && !isLock(selected[0])) {
               switch (ctxState) {
                 case "typing": {
-                  await exec("startTyping", _event);
+                  await exec("startTyping", upEvent);
                   break;
                 }
               }
@@ -9843,6 +9876,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       }
     }
+    async function onDoubleclick(event) {
+      const state2 = props.doubleclickStrategy({
+        event,
+        editor
+      });
+      switch (state2) {
+        case "typing": {
+          await exec("startTyping", event);
+          break;
+        }
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$d, { class: "mce-editor" }, {
         default: withCtx(() => [
@@ -9854,7 +9899,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ref: drawboardDom,
                 class: "mce-editor__drawboard",
                 "data-pixel-ratio": unref(renderEngine).pixelRatio,
-                onDblclick: _cache[1] || (_cache[1] = ($event) => emit("dblclick:drawboard", $event)),
+                onDblclick: _cache[1] || (_cache[1] = ($event) => onDoubleclick($event)),
                 onScroll,
                 onWheel: _cache[2] || (_cache[2] = withModifiers(() => {
                 }, ["prevent"]))
@@ -10028,6 +10073,7 @@ export {
   createLayout,
   createTextElement,
   defaultActiveStrategy,
+  defaultDoubleclickStrategy,
   defaultHoverStrategy,
   defaultResizeStrategy,
   defineMixin,

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

@@ -18,7 +18,7 @@ declare global {
             parseAnchor: (anchor: Anchor, isRtl?: boolean) => ParsedAnchor;
             isRoot: (value: any) => value is Node;
             isElement: (value: any) => value is Element2D;
-            isFrame: (node: Node) => node is Element2D;
+            isFrame: (value: any) => value is Element2D;
             isVisible: (node: Node) => boolean;
             setVisible: (node: Node, visible: boolean) => void;
             isLock: (node: Node) => boolean;

package/dist/plugins/ui.d.ts

@@ -2,9 +2,9 @@ import type { AxisAlignedBoundingBox } from '../types';
 declare global {
     namespace Mce {
         interface Commands {
-            startTyping: (e?: PointerEvent) => Promise<boolean>;
-            startTransform: (e?: PointerEvent) => boolean;
-            openContextMenu: (e?: PointerEvent) => boolean;
+            startTyping: (e?: MouseEvent | PointerEvent) => Promise<boolean>;
+            startTransform: (e?: MouseEvent | PointerEvent) => boolean;
+            openContextMenu: (e?: MouseEvent | PointerEvent) => boolean;
         }
         interface Events {
             setTransform: [value: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mce",
   "type": "module",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "description": "The headless canvas editor framework. only the ESM.",
   "author": "wxm",
   "license": "MIT",
@@ -64,7 +64,7 @@
     "modern-canvas": "^0.13.1",
     "modern-font": "^0.4.4",
     "modern-idoc": "^0.10.5",
-    "modern-text": "^1.10.3",
+    "modern-text": "^1.10.4",
     "yjs": "^13.6.27"
   },
   "peerDependencies": {