@tmagic/editor 1.8.0-beta.3 → 1.8.0-beta.4

package/dist/es/utils/content-menu.js

@@ -4,7 +4,12 @@ import { NodeType, cloneDeep } from "@tmagic/core";
 import { computed, markRaw } from "vue";
 import { CopyDocument, Delete, DocumentCopy } from "@element-plus/icons-vue";
 //#region packages/editor/src/utils/content-menu.ts
-var useDeleteMenu = () => ({
+/**
+* 共享的右键菜单项构造器（画布 ViewerMenu 与图层树 LayerMenu 共用）。
+* `historySource` 用于标记本次操作的途径，调用方按所在面板传入：
+* 画布传 `'stage-contextmenu'`，树形面板传 `'tree-contextmenu'`。
+*/
+var useDeleteMenu = (historySource) => ({
 	type: "button",
 	text: "删除",
 	icon: Delete,
@@ -14,7 +19,7 @@ var useDeleteMenu = () => ({
 	},
 	handler: ({ editorService }) => {
 		const nodes = editorService.get("nodes");
-		nodes && editorService.remove(nodes);
+		nodes && editorService.remove(nodes, { historySource });
 	}
 });
 var useCopyMenu = () => ({
@@ -26,7 +31,7 @@ var useCopyMenu = () => ({
 		nodes && editorService?.copy(nodes);
 	}
 });
-var usePasteMenu = (menu) => ({
+var usePasteMenu = (historySource, menu) => ({
 	type: "button",
 	text: "粘贴",
 	icon: markRaw(DocumentCopy),
@@ -43,17 +48,20 @@ var usePasteMenu = (menu) => ({
 			editorService.paste({
 				left: initialLeft,
 				top: initialTop
-			});
-		} else editorService.paste();
+			}, void 0, { historySource });
+		} else editorService.paste(void 0, void 0, { historySource });
 	}
 });
-var moveTo = async (id, { editorService }) => {
+var moveTo = async (id, { editorService }, historySource) => {
 	const nodes = editorService.get("nodes") || [];
 	const parent = editorService.getNodeById(id);
 	if (!parent || nodes.length === 0) return;
-	await editorService.moveToContainer(cloneDeep(nodes), parent.id, { doNotSwitchPage: true });
+	await editorService.moveToContainer(cloneDeep(nodes), parent.id, {
+		doNotSwitchPage: true,
+		historySource
+	});
 };
-var useMoveToMenu = ({ editorService }) => {
+var useMoveToMenu = ({ editorService }, historySource) => {
 	return {
 		type: "button",
 		text: "移动至",
@@ -66,7 +74,7 @@ var useMoveToMenu = ({ editorService }) => {
 			text: `${page.name}(${page.id})`,
 			type: "button",
 			handler: (services) => {
-				moveTo(page.id, services);
+				moveTo(page.id, services, historySource);
 			}
 		}))
 	};

package/dist/style.css

@@ -592,7 +592,7 @@ fieldset.m-fieldset .m-form-tip {
   position: absolute;
   top: 4px;
   right: 4px;
-  z-index: 1;
+  z-index: 2;
   display: flex;
   align-items: center;
   height: 40px;
@@ -804,6 +804,18 @@ fieldset.m-fieldset .m-form-tip {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.m-editor-history-list-popover .m-editor-history-list-item-source {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border: 1px solid #dcdfe6;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 14px;
+  color: #909399;
+  background-color: #f4f4f5;
+  white-space: nowrap;
+  font-weight: 400;
+}
 .m-editor-history-list-popover .m-editor-history-list-item-merge {
   flex: 0 0 auto;
   padding: 0 8px;
@@ -1452,7 +1464,7 @@ fieldset.m-fieldset .m-form-tip {
   position: absolute;
   right: 15px;
   bottom: 15px;
-  z-index: 30;
+  z-index: 32;
   opacity: 0.5;
 }
 .m-editor-props-panel .m-editor-props-panel-src-icon:hover {
@@ -1462,7 +1474,7 @@ fieldset.m-fieldset .m-form-tip {
   position: absolute;
   right: 15px;
   bottom: 60px;
-  z-index: 30;
+  z-index: 31;
   opacity: 0.5;
 }
 .m-editor-props-panel .m-editor-props-panel-style-icon:hover {
@@ -1472,7 +1484,7 @@ fieldset.m-fieldset .m-form-tip {
   position: absolute;
   left: 0;
   top: 0;
-  z-index: 10;
+  z-index: 31;
 }
 .m-editor-props-panel .m-editor-resizer {
   position: absolute;