@tmagic/editor 1.8.0-beta.2 → 1.8.0-beta.21

package/dist/es/services/keybinding.js

@@ -2,7 +2,7 @@ import { KeyBindingCommand } from "../type.js";
 import BaseService from "./BaseService.js";
 import editor_default from "./editor.js";
 import ui_default from "./ui.js";
-import { isPage, isPageFragment } from "@tmagic/utils";
+import { isPageOrFragment } from "@tmagic/utils";
 import KeyController from "keycon";
 //#region packages/editor/src/services/keybinding.ts
 var Keybinding = class extends BaseService {
@@ -12,8 +12,8 @@ var Keybinding = class extends BaseService {
 	commands = {
 		[KeyBindingCommand.DELETE_NODE]: () => {
 			const nodes = editor_default.get("nodes");
-			if (!nodes || isPage(nodes[0]) || isPageFragment(nodes[0])) return;
-			editor_default.remove(nodes);
+			if (!nodes || isPageOrFragment(nodes[0])) return;
+			editor_default.remove(nodes, { historySource: "shortcut" });
 		},
 		[KeyBindingCommand.COPY_NODE]: () => {
 			const nodes = editor_default.get("nodes");
@@ -21,15 +21,15 @@ var Keybinding = class extends BaseService {
 		},
 		[KeyBindingCommand.CUT_NODE]: () => {
 			const nodes = editor_default.get("nodes");
-			if (!nodes || isPage(nodes[0]) || isPageFragment(nodes[0])) return;
+			if (!nodes || isPageOrFragment(nodes[0])) return;
 			editor_default.copy(nodes);
-			editor_default.remove(nodes);
+			editor_default.remove(nodes, { historySource: "shortcut" });
 		},
 		[KeyBindingCommand.PASTE_NODE]: () => {
 			editor_default.get("nodes") && editor_default.paste({
 				offsetX: 10,
 				offsetY: 10
-			});
+			}, void 0, { historySource: "shortcut" });
 		},
 		[KeyBindingCommand.UNDO]: () => {
 			editor_default.undo();

package/dist/es/services/props.js

@@ -1,5 +1,5 @@
-import BaseService from "./BaseService.js";
 import { fillConfig } from "../utils/props.js";
+import BaseService from "./BaseService.js";
 import editor_default from "./editor.js";
 import { getNodePath, getValueByKeyPath, guid, setValueByKeyPath, toLine } from "@tmagic/utils";
 import { Target, Watcher } from "@tmagic/core";
@@ -187,7 +187,8 @@ var Props = class extends BaseService {
 			const targetConfig = path[path.length - 1];
 			if (!targetConfig) return;
 			target.deps[config.id]?.keys?.forEach((fullKey) => {
-				const relateTargetId = relateIdMap[getValueByKeyPath(fullKey, config)];
+				const relateOriginId = getValueByKeyPath(fullKey, config);
+				const relateTargetId = relateIdMap[relateOriginId];
 				if (!relateTargetId) return;
 				setValueByKeyPath(fullKey, relateTargetId, targetConfig);
 			});

package/dist/es/services/storage.js

@@ -1,5 +1,5 @@
-import BaseService from "./BaseService.js";
 import { getEditorConfig } from "../utils/config.js";
+import BaseService from "./BaseService.js";
 import serialize from "serialize-javascript";
 //#region packages/editor/src/services/storage.ts
 var Protocol = /* @__PURE__ */ function(Protocol) {
@@ -124,4 +124,4 @@ var WebStorage = class extends BaseService {
 };
 var storage_default = new WebStorage();
 //#endregion
-export { Protocol, storage_default as default };
+export { Protocol, WebStorage, storage_default as default };

package/dist/es/services/ui.js

@@ -19,10 +19,13 @@ var state = shallowReactive({
 		height: 817
 	},
 	columnWidth: {
-		left: storage_default.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 310,
+		left: 0,
 		center: 0,
-		right: storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480
+		right: 0
 	},
+	minLeftColumnWidth: 345,
+	minCenterColumnWidth: 400,
+	minRightColumnWidth: 300,
 	showGuides: true,
 	hasGuides: false,
 	showRule: true,
@@ -31,6 +34,7 @@ var state = shallowReactive({
 	showPageListButton: true,
 	hideSlideBar: false,
 	sideBarItems: [],
+	sideBarActiveTabName: "",
 	navMenuRect: {
 		left: 0,
 		top: 0,
@@ -44,6 +48,8 @@ var state = shallowReactive({
 		top: 0
 	}
 });
+state.columnWidth.left = Math.max(storage_default.getItem("$MagicEditorLeftColumnWidthData", { protocol: Protocol.NUMBER }) || 345, state.minLeftColumnWidth);
+state.columnWidth.right = Math.max(storage_default.getItem("$MagicEditorRightColumnWidthData", { protocol: Protocol.NUMBER }) || 480, state.minRightColumnWidth);
 var canUsePluginMethods = {
 	async: ["zoom", "calcZoom"],
 	sync: []
@@ -63,7 +69,9 @@ var Ui = class extends BaseService {
 		}
 		if (name === "showGuides") mask?.showGuides(value);
 		if (name === "showRule") mask?.showRule(value);
+		const preValue = state[name];
 		state[name] = value;
+		if (preValue !== value) this.emit("state-change", name, value, preValue);
 	}
 	get(name) {
 		return state[name];