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

package/dist/tmagic-editor.es.js

@@ -10,7 +10,7 @@ import { DEFAULT_EVENTS, DEFAULT_METHODS } from '@tmagic/core';
 import Gesto from 'gesto';
 import { ElMessage } from 'element-plus';
 import KeyController from 'keycon';
-import StageCore from '@tmagic/stage';
+import StageCore, { GuidesType } from '@tmagic/stage';
 
 if (typeof global === "undefined") {
   window.global = window;
@@ -722,6 +722,8 @@ var Keys = /* @__PURE__ */ ((Keys2) => {
   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) => {
@@ -848,6 +850,19 @@ const Fixed2Other = async (node, root, getLayout) => {
   }
   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) => {
 };
@@ -3412,6 +3427,7 @@ const _sfc_main$2 = defineComponent({
     const node = computed(() => services?.editorService.get("node"));
     let stage = null;
     let runtime = null;
+    const getGuideLineKey = (key) => `${key}_${root.value?.id}_${page.value?.id}`;
     watchEffect(() => {
       if (stage)
         return;
@@ -3437,6 +3453,10 @@ const _sfc_main$2 = defineComponent({
       });
       services?.editorService.set("stage", 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);
       });
@@ -3449,8 +3469,16 @@ const _sfc_main$2 = defineComponent({
       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 === 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;
@@ -3703,7 +3731,9 @@ class ComponentList extends BaseService {
 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,
@@ -3779,10 +3809,10 @@ class Ui extends BaseService {
       ...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;
@@ -4015,5 +4045,5 @@ var index = {
   }
 };
 
-export { COPY_STORAGE_KEY, ComponentListPanel, DEFAULT_CONFIG, Fixed2Other, Keys, LayerOffset, LayerPanel, Layout, PropsPanel, CodeEditor as TMagicCodeEditor, Editor as TMagicEditor, ToolButton, change2Fixed, debug, index as default, editorService, error, eventsService, fillConfig, generatePageName, generatePageNameByApp, getConfig, getDefaultPropsValue, getNodeIndex, getPageList, getPageNameList, historyService, info, initPosition, isFixed, log, propsService, setConfig, setLayout, toRelative, uiService, warn };
+export { COPY_STORAGE_KEY, ComponentListPanel, DEFAULT_CONFIG, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, Keys, LayerOffset, LayerPanel, Layout, PropsPanel, CodeEditor as TMagicCodeEditor, Editor as TMagicEditor, ToolButton, V_GUIDE_LINE_STORAGE_KEY, change2Fixed, debug, index as default, editorService, error, eventsService, fillConfig, generatePageName, generatePageNameByApp, getConfig, getDefaultPropsValue, getGuideLineFromCache, getNodeIndex, getPageList, getPageNameList, historyService, info, initPosition, isFixed, log, propsService, setConfig, setLayout, toRelative, uiService, warn };
 //# sourceMappingURL=tmagic-editor.es.js.map