@tmagic/editor 1.0.0-rc.12 → 1.0.0-rc.13

package/dist/tmagic-editor.umd.js

@@ -740,6 +740,8 @@
     Keys2["ESCAPE"] = "Space";
     return Keys2;
   })(Keys || {});
+  const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
+  const V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
 
   const COPY_STORAGE_KEY = "$MagicEditorCopyData";
   const getPageList = (app) => {
@@ -866,6 +868,19 @@
     }
     return toRelative(node);
   };
+  const getGuideLineFromCache = (key) => {
+    if (!key)
+      return [];
+    const guideLineCacheData = globalThis.localStorage.getItem(key);
+    if (guideLineCacheData) {
+      try {
+        return JSON.parse(guideLineCacheData) || [];
+      } catch (e) {
+        console.error(e);
+      }
+    }
+    return [];
+  };
 
   const log = (...args) => {
   };
@@ -3430,6 +3445,7 @@
       const node = vue.computed(() => services?.editorService.get("node"));
       let stage = null;
       let runtime = null;
+      const getGuideLineKey = (key) => `${key}_${root.value?.id}_${page.value?.id}`;
       vue.watchEffect(() => {
         if (stage)
           return;
@@ -3455,6 +3471,10 @@
         });
         services?.editorService.set("stage", vue.markRaw(stage));
         stage?.mount(stageContainer.value);
+        stage.mask.setGuides([
+          getGuideLineFromCache(getGuideLineKey(H_GUIDE_LINE_STORAGE_KEY)),
+          getGuideLineFromCache(getGuideLineKey(V_GUIDE_LINE_STORAGE_KEY))
+        ]);
         stage?.on("select", (el) => {
           services?.editorService.select(el.id);
         });
@@ -3467,8 +3487,16 @@
         stage?.on("sort", (ev) => {
           services?.editorService.sort(ev.src, ev.dist);
         });
-        stage?.on("changeGuides", () => {
+        stage?.on("changeGuides", (e2) => {
           services?.uiService.set("showGuides", true);
+          if (!root.value || !page.value)
+            return;
+          const storageKey = getGuideLineKey(e2.type === StageCore.GuidesType.HORIZONTAL ? H_GUIDE_LINE_STORAGE_KEY : V_GUIDE_LINE_STORAGE_KEY);
+          if (e2.guides.length) {
+            globalThis.localStorage.setItem(storageKey, JSON.stringify(e2.guides));
+          } else {
+            globalThis.localStorage.removeItem(storageKey);
+          }
         });
         if (!node.value?.id)
           return;
@@ -3721,7 +3749,9 @@
   var componentListService = new ComponentList();
 
   const DEFAULT_LEFT_COLUMN_WIDTH = 310;
+  const MIN_LEFT_COLUMN_WIDTH = 45;
   const DEFAULT_RIGHT_COLUMN_WIDTH = 480;
+  const MIN_RIGHT_COLUMN_WIDTH = 1;
   const COLUMN_WIDTH_STORAGE_KEY = "$MagicEditorColumnWidthData";
   const defaultColumnWidth = {
     left: DEFAULT_LEFT_COLUMN_WIDTH,
@@ -3797,10 +3827,10 @@
         ...vue.toRaw(this.get("columnWidth"))
       };
       if (left) {
-        columnWidth.left = left;
+        columnWidth.left = Math.max(left, MIN_LEFT_COLUMN_WIDTH);
       }
       if (right) {
-        columnWidth.right = right;
+        columnWidth.right = Math.max(right, MIN_RIGHT_COLUMN_WIDTH);
       }
       if (!center || center === "auto") {
         const bodyWidth = globalThis.document.body.clientWidth;
@@ -4037,6 +4067,7 @@
   exports.ComponentListPanel = ComponentListPanel;
   exports.DEFAULT_CONFIG = DEFAULT_CONFIG;
   exports.Fixed2Other = Fixed2Other;
+  exports.H_GUIDE_LINE_STORAGE_KEY = H_GUIDE_LINE_STORAGE_KEY;
   exports.Keys = Keys;
   exports.LayerOffset = LayerOffset;
   exports.LayerPanel = LayerPanel;
@@ -4045,6 +4076,7 @@
   exports.TMagicCodeEditor = CodeEditor;
   exports.TMagicEditor = Editor;
   exports.ToolButton = ToolButton;
+  exports.V_GUIDE_LINE_STORAGE_KEY = V_GUIDE_LINE_STORAGE_KEY;
   exports.change2Fixed = change2Fixed;
   exports.debug = debug;
   exports["default"] = index;
@@ -4056,6 +4088,7 @@
   exports.generatePageNameByApp = generatePageNameByApp;
   exports.getConfig = getConfig;
   exports.getDefaultPropsValue = getDefaultPropsValue;
+  exports.getGuideLineFromCache = getGuideLineFromCache;
   exports.getNodeIndex = getNodeIndex;
   exports.getPageList = getPageList;
   exports.getPageNameList = getPageNameList;