mce 0.15.22 → 0.15.24

package/dist/index.js

@@ -5287,8 +5287,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         const cloend = renderEngine.value.input._clonePointerEvent(event);
         cloend.srcElement = drawboardDom.value;
         cloend.target = frame.value;
+        cloend.__FORM__ = event.target;
         exec("startPointerdown", cloend, {
-          allowRootFrame: true
+          allowTopFrame: true
         });
       }
     }
@@ -11959,7 +11960,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       t,
       exec
     } = useEditor();
-    const isActive = computed(() => !viewportAabb.value.overlap(selectionAabb.value));
+    const isActive = computed(() => {
+      return selectionAabb.value.width && selectionAabb.value.height && !viewportAabb.value.overlap(selectionAabb.value);
+    });
     return (_ctx, _cache) => {
       return isActive.value ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -15555,8 +15558,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     } = useEditor();
     const transformable = useTemplateRef("transformableTpl");
     const startContext = ref({});
+    const currentEvent = ref();
     onBeforeMount(() => {
-      registerCommand({ command: "startTransform", handle: (e) => Boolean(transformable.value?.start(e)) });
+      registerCommand({
+        command: "startTransform",
+        handle: (event) => {
+          currentEvent.value = event;
+          Boolean(transformable.value?.start(event));
+        }
+      });
     });
     onBeforeUnmount(() => {
       unregisterCommand("startTransform");
@@ -15687,13 +15697,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             }
             return false;
           });
-          handleDragOutReparent(
-            element,
-            {
-              ...startContext.value[element.instanceId],
-              pointer: getGlobalPointer()
-            }
-          );
+          if (handle === "move" && !currentEvent.value?.__FORM__) {
+            handleDragOutReparent(
+              element,
+              {
+                ...startContext.value[element.instanceId],
+                pointer: getGlobalPointer()
+              }
+            );
+          }
         });
       }
     });
@@ -16211,10 +16223,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         return;
       }
       const {
-        allowRootFrame = false
+        allowTopFrame = false
       } = options;
       function isIncluded(node) {
-        return isElement(node) && !isLock(node) && (allowRootFrame || !isTopFrame(node)) && !node.findAncestor((ancestor) => isLock(ancestor));
+        return isElement(node) && !isLock(node) && (allowTopFrame || !isTopFrame(node)) && !node.findAncestor((ancestor) => isLock(ancestor));
       }
       const drawing = state.value === "drawing";
       const hand = state.value === "hand";

package/dist/plugins/ui.d.ts

@@ -3,7 +3,7 @@ import type { AxisAlignedBoundingBox } from '../types';
 declare global {
     namespace Mce {
         interface StartPointerdownOptions {
-            allowRootFrame?: boolean;
+            allowTopFrame?: boolean;
         }
         interface Commands {
             startPointerdown: (e: PointerInputEvent, options?: StartPointerdownOptions) => void;

package/package.json

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