@tmagic/editor 1.1.0-beta.2 → 1.1.0-beta.3

package/dist/tmagic-editor.es.js

@@ -3,9 +3,9 @@ import serialize from 'serialize-javascript';
 import { Delete, Pointer, Close, Plus, Edit, ArrowDown, Grid, ScaleToOriginal, ZoomOut, ZoomIn, Right, Back, Files, DocumentCopy, Coin, ArrowLeftBold, ArrowRightBold, CaretBottom, Top, Bottom } from '@element-plus/icons-vue';
 import { throttle, cloneDeep, mergeWith, random } from 'lodash-es';
 import * as monaco from 'monaco-editor';
-import StageCore, { GHOST_EL_ID_PREFIX, GuidesType, getOffset, calcValueByFontsize, CONTAINER_HIGHLIGHT_CLASS } from '@tmagic/stage';
+import StageCore, { GuidesType, getOffset, calcValueByFontsize, CONTAINER_HIGHLIGHT_CLASS } from '@tmagic/stage';
 import { NodeType } from '@tmagic/schema';
-import { toLine, isPop, getNodePath, isNumber, isPage, removeClassNameByClassName, addClassName } from '@tmagic/utils';
+import { toLine, isPop, getNodePath, isNumber, isPage, removeClassNameByClassName } from '@tmagic/utils';
 import { EventEmitter } from 'events';
 import { DEFAULT_EVENTS, DEFAULT_METHODS } from '@tmagic/core';
 import Gesto from 'gesto';
@@ -461,17 +461,12 @@ const doAction = async (args, scope, sourceMethod, beforeMethodName, afterMethod
   try {
     let beforeArgs = args;
     for (const beforeMethod of scope.pluginOptionsList[beforeMethodName]) {
-      let beforeReturnValue = await beforeMethod(...beforeArgs) || [];
-      if (isError(beforeReturnValue))
-        throw beforeReturnValue;
-      if (!Array.isArray(beforeReturnValue)) {
-        beforeReturnValue = [beforeReturnValue];
+      beforeArgs = await beforeMethod(...beforeArgs) || [];
+      if (isError(beforeArgs))
+        throw beforeArgs;
+      if (!Array.isArray(beforeArgs)) {
+        beforeArgs = [beforeArgs];
       }
-      beforeArgs = beforeArgs.map((v, index) => {
-        if (typeof beforeReturnValue[index] === "undefined")
-          return v;
-        return beforeReturnValue[index];
-      });
     }
     let returnValue = await fn(beforeArgs, sourceMethod.bind(scope));
     for (const afterMethod of scope.pluginOptionsList[afterMethodName]) {
@@ -861,23 +856,13 @@ const fixNodeLeft = (config, parent, doc) => {
     return config.style?.left;
   const el = doc.getElementById(`${config.id}`);
   const parentEl = doc.getElementById(`${parent.id}`);
-  if (el && parentEl && el.offsetWidth + config.style?.left > parentEl.offsetWidth) {
+  const left = Number(config.style?.left) || 0;
+  if (el && parentEl && el.offsetWidth + left > parentEl.offsetWidth) {
     return parentEl.offsetWidth - el.offsetWidth;
   }
   return config.style.left;
 };
 
-const log = (...args) => {
-};
-const info = (...args) => {
-};
-const warn = (...args) => {
-};
-const debug = (...args) => {
-};
-const error = (...args) => {
-};
-
 class Editor$1 extends BaseService {
   constructor() {
     super([
@@ -1039,7 +1024,7 @@ class Editor$1 extends BaseService {
     parentNode?.items?.push(newNode);
     const stage = this.get("stage");
     const root = this.get("root");
-    await stage?.add({ config: cloneDeep(newNode), root: cloneDeep(root) });
+    await stage?.add({ config: cloneDeep(newNode), parent: cloneDeep(parentNode), root: cloneDeep(root) });
     if (layout === Layout.ABSOLUTE) {
       const fixedLeft = fixNodeLeft(newNode, parentNode, stage?.renderer.contentWindow?.document);
       if (typeof fixedLeft !== "undefined") {
@@ -1624,6 +1609,17 @@ const getDefaultPropsValue = (type, id) => ["page", "container"].includes(type)
   name: type
 };
 
+const log = (...args) => {
+};
+const info = (...args) => {
+};
+const warn = (...args) => {
+};
+const debug = (...args) => {
+};
+const error = (...args) => {
+};
+
 const _sfc_main$i = defineComponent({
   components: { Plus },
   setup() {
@@ -2289,20 +2285,9 @@ const _sfc_main$b = defineComponent({
           }
           return;
         }
-        if (timeout)
+        if (timeout || !stage.value)
           return;
-        timeout = globalThis.setTimeout(async () => {
-          if (!stageOptions || !stage.value)
-            return;
-          const doc = stage.value.renderer.contentWindow?.document;
-          const els = stage.value.getElementsFromPoint(e);
-          for (const el of els) {
-            if (doc && !el.id.startsWith(GHOST_EL_ID_PREFIX) && await stageOptions.isContainer(el)) {
-              addClassName(el, doc, stageOptions?.containerHighlightClassName);
-              break;
-            }
-          }
-        }, stageOptions?.containerHighlightDuration);
+        timeout = stage.value.getAddContainerHighlightClassNameTimeout(e);
       }
     };
   }