@tmagic/editor 1.8.0-manmanyu.13 → 1.8.0-manmanyu.14

package/dist/tmagic-editor.umd.cjs

@@ -7190,6 +7190,13 @@
 				} else this.selectionBeforeOp = null;
 			}
 			this.emit("add", newNodes);
+			this.emit("change", {
+				type: "add",
+				data: newNodes.map((node) => ({
+					node,
+					page: this.getPageOfNode(node.id)
+				}))
+			});
 			return Array.isArray(addNode) ? newNodes : newNodes[0];
 		}
 		async doRemove(node, { doNotSelect = false, doNotSwitchPage = false } = {}) {
@@ -7253,6 +7260,10 @@
 		async remove(nodeOrNodeList, { doNotSelect = false, doNotSwitchPage = false, doNotPushHistory = false, historyDescription, historySource } = {}) {
 			this.captureSelectionBeforeOp();
 			const nodes = Array.isArray(nodeOrNodeList) ? nodeOrNodeList : [nodeOrNodeList];
+			const changeItems = nodes.map((node) => ({
+				node,
+				page: this.getPageOfNode(node.id)
+			}));
 			const removedItems = [];
 			let pageForOp = null;
 			if (!((0, _tmagic_utils.isPage)(nodes[0]) || (0, _tmagic_utils.isPageFragment)(nodes[0]))) for (const n of nodes) {
@@ -7282,6 +7293,10 @@
 			});
 			else this.selectionBeforeOp = null;
 			this.emit("remove", nodes);
+			this.emit("change", {
+				type: "remove",
+				data: changeItems
+			});
 		}
 		async doUpdate(config, { changeRecords = [], historySource } = {}) {
 			if (!this.get("root")) throw new Error("root为空");
@@ -7367,6 +7382,13 @@
 				} else this.selectionBeforeOp = null;
 			}
 			this.emit("update", updateData);
+			this.emit("change", {
+				type: "update",
+				data: updateData.map((node) => ({
+					node,
+					page: this.getPageOfNode(node.newNode.id)
+				}))
+			});
 			return Array.isArray(config) ? updateData.map((item) => item.newNode) : updateData[0].newNode;
 		}
 		/**
@@ -7532,6 +7554,14 @@
 				});
 			} else this.selectionBeforeOp = null;
 			this.emit("move-layer", offset);
+			this.emit("change", {
+				type: "move-layer",
+				data: [{
+					node,
+					page: this.getPageOfNode(node.id)
+				}],
+				offset
+			});
 		}
 		/**
 		* 移动一个或多个节点到指定容器中。
@@ -7661,6 +7691,15 @@
 				configs,
 				targetParent
 			});
+			this.emit("change", {
+				type: "drag-to",
+				data: configs.map((node) => ({
+					node,
+					page: this.getPageOfNode(node.id)
+				})),
+				targetIndex,
+				targetParent
+			});
 		}
 		/**
 		* 下列 *AndGetHistoryId 方法与对应的普通操作（add / remove / update ...）行为完全一致，
@@ -7919,6 +7958,19 @@
 		addModifiedNodeId(id) {
 			this.get("modifiedNodeIds").set(id, id);
 		}
+		/**
+		* 获取指定节点所属的页面 / 页面片：
+		* - 普通节点返回其所在的 page；
+		* - 节点本身就是 page / pageFragment 时返回它自己；
+		* - 找不到时返回 null。
+		* 供 `change` 事件携带「变更节点对应的 page」（而非编辑器当前选中页）。
+		*/
+		getPageOfNode(id) {
+			const { node, page } = this.getNodeInfo(id, false);
+			if (page) return page;
+			if (node && ((0, _tmagic_utils.isPage)(node) || (0, _tmagic_utils.isPageFragment)(node))) return node;
+			return null;
+		}
 		captureSelectionBeforeOp() {
 			if (this.selectionBeforeOp) return;
 			this.selectionBeforeOp = this.get("nodes").map((n) => n.id);
@@ -8366,17 +8418,13 @@
 	};
 	//#endregion
 	//#region packages/editor/src/hooks/use-services.ts
-	var useServices;
-	var init_use_services = __esmMin((() => {
-		useServices = () => {
-			const services = (0, vue.inject)("services");
-			if (!services) throw new Error("services is required");
-			return services;
-		};
-	}));
+	var useServices = () => {
+		const services = (0, vue.inject)("services");
+		if (!services) throw new Error("services is required");
+		return services;
+	};
 	//#endregion
 	//#region packages/editor/src/hooks/use-float-box.ts
-	init_use_services();
 	var useFloatBox = (slideKeys) => {
 		const { uiService } = useServices();
 		const floatBoxStates = (0, vue.ref)(slideKeys.value.reduce((total, cur) => ({
@@ -8467,7 +8515,6 @@
 	};
 	//#endregion
 	//#region packages/editor/src/hooks/use-editor-content-height.ts
-	init_use_services();
 	var useEditorContentHeight = () => {
 		const { uiService } = useServices();
 		const frameworkHeight = (0, vue.computed)(() => uiService.get("frameworkRect").height);
@@ -9434,7 +9481,6 @@
 	}));
 	//#endregion
 	//#region packages/editor/src/components/ToolButton.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	init_Icon();
 	var _hoisted_1$74 = {
 		key: 1,
@@ -9569,7 +9615,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/page-bar/AddButton.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_editor();
 	var _hoisted_1$73 = {
 		key: 0,
@@ -9623,7 +9668,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/page-bar/PageBarScrollContainer.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	var _hoisted_1$72 = {
 		class: "m-editor-page-bar",
 		ref: "pageBar"
@@ -9740,7 +9784,6 @@
 	var PageBarScrollContainer_default = PageBarScrollContainer_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/page-bar/PageList.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var _hoisted_1$71 = {
 		key: 0,
 		id: "m-editor-page-bar-list-icon",
@@ -9850,7 +9893,6 @@
 	var Search_default = Search_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/page-bar/PageBar.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var _hoisted_1$69 = { class: "m-editor-page-bar-tabs" };
 	var _hoisted_2$26 = ["data-page-id", "onClick"];
 	var _hoisted_3$13 = { class: "m-editor-page-bar-title" };
@@ -9981,7 +10023,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/AddPageBox.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_editor();
 	var _hoisted_1$68 = { class: "m-editor-empty-panel" };
 	var _hoisted_2$25 = { class: "m-editor-empty-content" };
@@ -10295,7 +10336,6 @@
 	}));
 	//#endregion
 	//#region packages/editor/src/layouts/Framework.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	init_config();
 	init_CodeEditor();
 	var Framework_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -11040,7 +11080,10 @@
 		key: 0,
 		class: "m-editor-history-list-empty"
 	};
-	var _hoisted_2$20 = { class: "m-editor-history-list-toolbar" };
+	var _hoisted_2$20 = {
+		key: 0,
+		class: "m-editor-history-list-toolbar"
+	};
 	var _hoisted_3$9 = ["title"];
 	var BucketTab_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorHistoryListBucketTab",
@@ -11060,11 +11103,11 @@
 		],
 		setup(__props) {
 			return (_ctx, _cache) => {
-				return !__props.buckets.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$63, "暂无操作记录")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.createElementVNode)("div", _hoisted_2$20, [(0, vue.createElementVNode)("span", {
+				return !__props.buckets.length ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_1$63, "暂无操作记录")) : ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [__props.config.showClear !== false ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", _hoisted_2$20, [(0, vue.createElementVNode)("span", {
 					class: "m-editor-history-list-clear",
 					title: `清空${__props.config.title}的历史记录`,
 					onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("clear"))
-				}, "清空", 8, _hoisted_3$9)]), (0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicScrollbar), { "max-height": "360px" }, {
+				}, "清空", 8, _hoisted_3$9)])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicScrollbar), { "max-height": "360px" }, {
 					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(__props.buckets, (bucket) => {
 						return (0, vue.openBlock)(), (0, vue.createBlock)(Bucket_default, {
 							key: `${__props.config.prefix}-${bucket.id}`,
@@ -11186,7 +11229,6 @@
 	var PageTab_default = PageTab_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/history-list/useHistoryList.ts
-	init_use_services();
 	/**
 	* 历史记录面板共享逻辑：
 	* - 暴露三类历史的聚合数据（页面 / 数据源 / 代码块）；
@@ -11243,7 +11285,6 @@
 	var CompareForm_vue_vue_type_script_setup_true_lang_default;
 	var init_CompareForm_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 		init_lodash();
-		init_use_services();
 		CompareForm_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 			name: "MEditorCompareForm",
 			__name: "CompareForm",
@@ -11262,11 +11303,10 @@
 				baseFormState: {},
 				selfDiffFieldTypes: {},
 				loadConfig: {},
-				services: { default: () => useServices() }
+				services: {}
 			},
 			setup(__props, { expose: __expose }) {
 				const props = __props;
-				const { propsService, dataSourceService, codeBlockService, editorService } = props.services;
 				(0, vue.provide)("services", props.services);
 				const config = (0, vue.ref)([]);
 				/** vs-code 编辑器的 monaco 配置项，沿用 Editor 顶层 provide('codeOptions', ...) 的注入。 */
@@ -11346,16 +11386,17 @@
 				* 作为 ctx.defaultLoadConfig 透传给自定义 `loadConfig`，方便复用与二次加工。
 				*/
 				const defaultLoadConfig = async () => {
+					if (!props.services) return [];
 					switch (props.category) {
 						case "node":
 							if (!props.type) return [];
-							return removeStyleDisplayConfig(await propsService.getPropsConfig(props.type, { node: props.value }));
-						case "data-source": return dataSourceService.getFormConfig(props.type || "base").map((item) => "type" in item && item.type === "tab" ? {
+							return removeStyleDisplayConfig(await props.services.propsService.getPropsConfig(props.type, { node: props.value }));
+						case "data-source": return props.services.dataSourceService.getFormConfig(props.type || "base").map((item) => "type" in item && item.type === "tab" ? {
 							...item,
 							active: "fields"
 						} : item);
 						case "code-block": return getCodeBlockFormConfig({
-							paramColConfig: codeBlockService.getParamsColConfig(),
+							paramColConfig: props.services.codeBlockService.getParamsColConfig(),
 							isDataSource: () => Boolean(props.dataSourceType),
 							dataSourceType: () => props.dataSourceType,
 							codeOptions,
@@ -11394,10 +11435,9 @@
 				* - services：整个 useServices() 返回的服务集合；
 				* - stage：当前 editorService.get('stage') 的最新值。
 				*/
-				const stage = (0, vue.computed)(() => editorService.get("stage"));
 				(0, vue.watchEffect)(() => {
-					if (formRef.value) {
-						formRef.value.formState.stage = stage.value;
+					if (formRef.value && props.services) {
+						formRef.value.formState.stage = props.services.editorService.get("stage");
 						formRef.value.formState.services = props.services;
 					}
 				});
@@ -11448,7 +11488,6 @@
 	var init_HistoryDiffDialog_vue_vue_type_script_setup_true_lang = __esmMin((() => {
 		init_lodash();
 		init_CompareForm();
-		init_use_services();
 		init_CodeEditor();
 		_hoisted_1$61 = {
 			key: 0,
@@ -11470,7 +11509,7 @@
 			name: "MEditorHistoryDiffDialog",
 			__name: "HistoryDiffDialog",
 			props: {
-				services: { default: () => useServices() },
+				services: {},
 				extendState: {},
 				loadConfig: {},
 				width: { default: "900px" },
@@ -11511,6 +11550,20 @@
 				};
 				const dialogTitle = (0, vue.computed)(() => props.onConfirm ? "确认回滚" : "查看修改差异");
 				const hasCurrent = (0, vue.computed)(() => payload.value?.currentValue !== void 0 && payload.value?.currentValue !== null);
+				/** 是否存在该步「修改后的值」：不存在（如仅删除）时「与修改前对比」无意义，置灰禁用。 */
+				const hasValue = (0, vue.computed)(() => payload.value?.value !== void 0 && payload.value?.value !== null);
+				/** 指定模式当前是否可用：before 依赖「修改后的值」，current 依赖「当前值」。 */
+				const isModeAvailable = (m) => m === "current" ? hasCurrent.value : hasValue.value;
+				/**
+				* 计算 open 时的初始对比模式：
+				* - 调用方通过 payload.mode 指定且该模式可用时，优先使用指定模式；
+				* - 否则没有「修改后的值」但有当前值时（「与修改前对比」不可用），默认进入「与当前对比」；
+				* - 其余情况默认「与修改前对比」。
+				*/
+				const resolveInitialMode = (specified) => {
+					if (specified && isModeAvailable(specified)) return specified;
+					return !hasValue.value && hasCurrent.value ? "current" : "before";
+				};
 				/** 左侧（旧/参照）值 */
 				const leftValue = (0, vue.computed)(() => {
 					if (!payload.value) return {};
@@ -11553,7 +11606,7 @@
 				});
 				const open = (p) => {
 					payload.value = p;
-					mode.value = "before";
+					mode.value = resolveInitialMode(p.mode);
 					viewMode.value = "form";
 					visible.value = true;
 				};
@@ -11645,10 +11698,13 @@
 								size: "small",
 								class: "m-editor-history-diff-dialog-mode"
 							}, {
-								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicRadioButton), { value: "before" }, {
+								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicRadioButton), {
+									value: "before",
+									disabled: !hasValue.value
+								}, {
 									default: (0, vue.withCtx)(() => [..._cache[7] || (_cache[7] = [(0, vue.createTextVNode)("与修改前对比", -1)])]),
 									_: 1
-								}), (0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicRadioButton), {
+								}, 8, ["disabled"]), (0, vue.createVNode)((0, vue.unref)(_tmagic_design.TMagicRadioButton), {
 									value: "current",
 									disabled: !hasCurrent.value
 								}, {
@@ -11776,6 +11832,7 @@
 			loadConfig: options.loadConfig,
 			selfDiffFieldTypes: options.selfDiffFieldTypes,
 			compareFormState: options.compareFormState,
+			width: options.width,
 			onClose: options.onClose
 		});
 		if (options.appContext) Object.assign(app._context, options.appContext);
@@ -11847,15 +11904,14 @@
 	* ```ts
 	* import { useHistoryRevert } from '@tmagic/editor';
 	*
-	* const { onPageRevert, onPageDiff } = useHistoryRevert(editorRef.value); // editorRef.value 即 Editor 暴露的 services
+	* const { onPageRevert, onPageDiff } = useHistoryRevert({}, editorRef.value); // editorRef.value 即 Editor 暴露的 services
 	* await onPageRevert(index); // 弹出差异 / 二次确认弹窗后回滚
 	* onPageDiff(index); // 弹出只读差异弹窗查看前后值差异
 	* ```
 	*/
-	var useHistoryRevert = (services, options = {}) => {
-		const { editorService, dataSourceService, codeBlockService, historyService } = services;
+	var useHistoryRevert = (options = {}, services) => {
 		const appContext = options.appContext ?? (0, vue.getCurrentInstance)()?.appContext ?? null;
-		const { extendState, getPropsPanelFormState } = options;
+		const { extendState, getPropsPanelFormState, dialogWidth } = options;
 		/** 目标数据已被删除、无法回滚时的统一提示。 */
 		const showRevertTargetMissing = () => {
 			_tmagic_design.tMagicMessage.error("回滚失败：该记录对应的数据已被删除");
@@ -11876,28 +11932,29 @@
 				appContext,
 				extendState,
 				services,
-				...extra
+				...extra,
+				width: extra?.width ?? dialogWidth
 			});
 			return confirmRevert();
 		};
 		const buildPageDiffPayload = (index) => buildDiffPayload({
 			category: "node",
-			groups: () => historyService.getHistoryGroups("page", editorService.get("page")?.id),
-			getCurrent: (id) => editorService.getNodeById(id),
+			groups: () => services?.historyService.getHistoryGroups("page", services?.editorService.get("page")?.id) ?? [],
+			getCurrent: (id) => services?.editorService.getNodeById(id),
 			resolveType: (n, o) => n.type || o.type || "",
 			resolveLabel: (n, o) => n.name || o.name || n.type || o.type || ""
 		}, index);
 		const buildDataSourceDiffPayload = (id, index) => buildDiffPayload({
 			category: "data-source",
-			groups: () => historyService.getHistoryGroups("dataSource"),
-			getCurrent: (id) => dataSourceService.getDataSourceById(`${id}`),
+			groups: () => services?.historyService.getHistoryGroups("dataSource") ?? [],
+			getCurrent: (id) => services?.dataSourceService.getDataSourceById(`${id}`),
 			resolveType: (n, o) => n.type || o.type || "base",
 			resolveLabel: (n, o, id) => n.title || o.title || `${id}`
 		}, index, id);
 		const buildCodeBlockDiffPayload = (id, index) => buildDiffPayload({
 			category: "code-block",
-			groups: () => historyService.getHistoryGroups("codeBlock"),
-			getCurrent: (id) => codeBlockService.getCodeContentById(id),
+			groups: () => services?.historyService.getHistoryGroups("codeBlock") ?? [],
+			getCurrent: (id) => services?.codeBlockService.getCodeContentById(id),
 			resolveLabel: (n, o, id) => n.name || o.name || `${id}`
 		}, index, id);
 		/**
@@ -11907,45 +11964,45 @@
 		* add（回滚即删除）即使目标已不在，也已达成「删除」目的，不视为失败。
 		*/
 		const isPageRevertTargetMissing = (index) => {
-			const step = historyService.getStepList("page", editorService.get("page")?.id)[index]?.step;
+			const step = services?.historyService.getStepList("page", services?.editorService.get("page")?.id)[index]?.step;
 			if (!step) return false;
 			if (step.opType === "update") return (step.diff ?? []).some((item) => {
 				const id = item.newSchema?.id ?? item.oldSchema?.id;
-				return id !== void 0 && !editorService.getNodeById(id, false);
+				return id !== void 0 && !services?.editorService.getNodeById(id, false);
 			});
-			if (step.opType === "remove") return (step.diff ?? []).some((item) => item.parentId !== void 0 && !editorService.getNodeById(item.parentId, false));
+			if (step.opType === "remove") return (step.diff ?? []).some((item) => item.parentId !== void 0 && !services?.editorService.getNodeById(item.parentId, false));
 			return false;
 		};
 		/** 数据源 update 步骤回滚时，对应数据源必须仍存在（已删除则无处写回旧值）。 */
 		const isDataSourceRevertTargetMissing = (id, index) => {
-			const step = historyService.getStepList("dataSource", id)[index]?.step;
-			return Boolean(step?.opType === "update" && !dataSourceService.getDataSourceById(`${id}`));
+			const step = services?.historyService.getStepList("dataSource", id)[index]?.step;
+			return Boolean(step?.opType === "update" && !services?.dataSourceService.getDataSourceById(`${id}`));
 		};
 		/** 代码块 update 步骤回滚时，对应代码块必须仍存在（已删除则无处写回旧值）。 */
 		const isCodeBlockRevertTargetMissing = (id, index) => {
-			const step = historyService.getStepList("codeBlock", id)[index]?.step;
-			return Boolean(step?.opType === "update" && !codeBlockService.getCodeContentById(id));
+			const step = services?.historyService.getStepList("codeBlock", id)[index]?.step;
+			return Boolean(step?.opType === "update" && !services?.codeBlockService.getCodeContentById(id));
 		};
 		const onPageRevert = (index) => {
 			if (isPageRevertTargetMissing(index)) {
 				showRevertTargetMissing();
 				return Promise.resolve(null);
 			}
-			return runRevert(buildPageDiffPayload(index), { compareFormState: getPropsPanelFormState?.() }).then((result) => result ? editorService.revertPageStep(index) : null);
+			return runRevert(buildPageDiffPayload(index), { compareFormState: getPropsPanelFormState?.() }).then((result) => result ? services?.editorService.revertPageStep(index) : null);
 		};
 		const onDataSourceRevert = (id, index) => {
 			if (isDataSourceRevertTargetMissing(id, index)) {
 				showRevertTargetMissing();
 				return Promise.resolve(null);
 			}
-			return runRevert(buildDataSourceDiffPayload(id, index)).then((result) => result ? dataSourceService.revert(id, index) : null);
+			return runRevert(buildDataSourceDiffPayload(id, index)).then((result) => result ? services?.dataSourceService.revert(id, index) : null);
 		};
 		const onCodeBlockRevert = (id, index) => {
 			if (isCodeBlockRevertTargetMissing(id, index)) {
 				showRevertTargetMissing();
 				return Promise.resolve(null);
 			}
-			return runRevert(buildCodeBlockDiffPayload(id, index)).then((result) => result ? codeBlockService.revert(id, index) : null);
+			return runRevert(buildCodeBlockDiffPayload(id, index)).then((result) => result ? services?.codeBlockService.revert(id, index) : null);
 		};
 		/**
 		* 「查看差异」：可差异对比的步骤（单实体 update）动态挂载只读 HistoryDiffDialog 展示前后值差异，
@@ -11957,6 +12014,7 @@
 				appContext,
 				extendState,
 				services,
+				width: dialogWidth,
 				compareFormState: getPropsPanelFormState?.()
 			});
 		};
@@ -11965,7 +12023,8 @@
 			if (payload) return viewHistoryDiffDialog(payload, {
 				appContext,
 				extendState,
-				services
+				services,
+				width: dialogWidth
 			});
 		};
 		const onCodeBlockDiff = (id, index) => {
@@ -11973,7 +12032,8 @@
 			if (payload) return viewHistoryDiffDialog(payload, {
 				appContext,
 				extendState,
-				services
+				services,
+				width: dialogWidth
 			});
 		};
 		/**
@@ -11999,7 +12059,8 @@
 			}
 			if (!await runRevert(revertOptions.diffPayload ?? null, {
 				loadConfig: revertOptions.loadConfig,
-				selfDiffFieldTypes: revertOptions.selfDiffFieldTypes
+				selfDiffFieldTypes: revertOptions.selfDiffFieldTypes,
+				width: revertOptions.width
 			})) return null;
 			return await revertOptions.revert();
 		};
@@ -12012,7 +12073,8 @@
 				appContext,
 				extendState,
 				services,
-				...extra
+				...extra,
+				width: extra?.width ?? dialogWidth
 			});
 		};
 		return {
@@ -12035,7 +12097,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/history-list/HistoryListPanel.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	var _hoisted_1$60 = { class: "m-editor-history-list" };
 	var HistoryListPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorHistoryListPanel",
@@ -12177,12 +12238,12 @@
 			/**
 			* 「单步回滚」与「查看差异」的完整逻辑收敛到 useHistoryRevert，面板与业务方共用：
 			* 二者均由 useHistoryRevert 内部按需动态挂载 HistoryDiffDialog，
-			* 业务方亦可直接 import useHistoryRevert(services) 调用，无需自行挂载任何弹窗。
+			* 业务方亦可直接 import useHistoryRevert(options, services) 调用，无需自行挂载任何弹窗。
 			*/
-			const { onPageRevert, onDataSourceRevert, onCodeBlockRevert, onPageDiff, onDataSourceDiff, onCodeBlockDiff } = useHistoryRevert(services, {
+			const { onPageRevert, onDataSourceRevert, onCodeBlockRevert, onPageDiff, onDataSourceDiff, onCodeBlockDiff } = useHistoryRevert({
 				extendState: extendFormState,
 				getPropsPanelFormState
-			});
+			}, services);
 			/**
 			* 把内存中（已清空对应类别后的）历史状态重新写回 IndexedDB，
 			* 使本地持久化的那份与内存保持一致——即「连同本地保存的一并删除」。
@@ -12554,7 +12615,6 @@
 	var NavMenuColumn_default = NavMenuColumn_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/NavMenu.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	init_type();
 	var NavMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorNavMenu",
@@ -12743,7 +12803,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/props-panel/FormPanel.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_CodeEditor();
 	var _hoisted_1$58 = { class: "m-editor-props-form-panel" };
 	var FormPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -12905,7 +12964,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/props-panel/PropsPanel.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	var _hoisted_1$57 = {
 		ref: "propsPanel",
 		class: "m-editor-props-panel"
@@ -13089,7 +13147,6 @@
 	//#endregion
 	//#region packages/editor/src/components/FloatingBox.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	var _hoisted_1$56 = {
 		ref: "title",
 		class: "m-editor-float-box-title"
@@ -13252,7 +13309,6 @@
 	var FloatingBox_default = FloatingBox_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/components/CodeBlockEditor.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	init_CodeEditor();
 	init_code_block();
 	init_config();
@@ -13897,7 +13953,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_type();
 	var CodeBlockList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorCodeBlockList",
@@ -14109,7 +14164,6 @@
 	};
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/code-block/CodeBlockListPanel.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var _hoisted_1$52 = { class: "search-wrapper" };
 	var CodeBlockListPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorCodeBlockListPanel",
@@ -14289,7 +14343,6 @@
 	var DataSourceAddButton_default = DataSourceAddButton_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var DataSourceConfigPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorDataSourceConfigPanel",
 		__name: "DataSourceConfigPanel",
@@ -14402,7 +14455,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/data-source/DataSourceList.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	var DataSourceList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorDataSourceList",
 		__name: "DataSourceList",
@@ -14615,7 +14667,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/data-source/DataSourceListPanel.vue?vue&type=script&setup=true&lang.ts
 	init_lodash();
-	init_use_services();
 	var _hoisted_1$51 = { class: "search-wrapper" };
 	var DataSourceListPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorDataSourceListPanel",
@@ -14868,7 +14919,6 @@
 	};
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/layer/LayerMenu.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var LayerMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorLayerMenu",
 		__name: "LayerMenu",
@@ -14954,7 +15004,6 @@
 	var LayerMenu_default = LayerMenu_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/layer/LayerNodeTool.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var LayerNodeTool_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		__name: "LayerNodeTool",
 		props: { data: {} },
@@ -15451,7 +15500,6 @@
 	};
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/layer/LayerPanel.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var LayerPanel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorLayerPanel",
 		__name: "LayerPanel",
@@ -15558,7 +15606,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/ComponentListPanel.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_type();
 	var _hoisted_1$49 = ["onClick", "onDragstart"];
 	var _hoisted_2$14 = ["title"];
@@ -15675,7 +15722,6 @@
 	//#endregion
 	//#region packages/editor/src/layouts/sidebar/Sidebar.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_type();
 	var _hoisted_1$48 = {
 		key: 0,
@@ -16168,7 +16214,6 @@
 	var ScrollViewer_default = ScrollViewer_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var NodeListMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		__name: "NodeListMenu",
 		setup(__props) {
@@ -16251,7 +16296,6 @@
 	var NodeListMenu_default = NodeListMenu_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/workspace/viewer/StageOverlay.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var _hoisted_1$46 = {
 		key: 0,
 		class: "m-editor-stage-overlay"
@@ -16375,7 +16419,6 @@
 	var CenterIcon_default = CenterIcon_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/workspace/viewer/ViewerMenu.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	init_type();
 	var ViewerMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorViewerMenu",
@@ -16502,7 +16545,6 @@
 	var ViewerMenu_default = ViewerMenu_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/workspace/viewer/Stage.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	init_type();
 	init_config();
 	var Stage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -16776,7 +16818,6 @@
 	var Stage_default = Stage_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/workspace/Breadcrumb.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var _hoisted_1$44 = {
 		key: 0,
 		class: "m-editor-breadcrumb-ellipsis"
@@ -16889,7 +16930,6 @@
 	var Breadcrumb_default = Breadcrumb_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/layouts/workspace/Workspace.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var _hoisted_1$43 = { class: "m-editor-workspace" };
 	var Workspace_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MEditorWorkspace",
@@ -16983,6 +17023,7 @@
 		async setCodeDsl(codeDsl) {
 			this.state.codeDsl = codeDsl;
 			this.emit("code-dsl-change", this.state.codeDsl);
+			this.emit("change", this.state.codeDsl);
 		}
 		/**
 		* 获取活动的代码块dsl数据源（默认从dsl中的codeBlocks字段读取）
@@ -17059,6 +17100,7 @@
 				this.lastPushedHistoryId = (step ? history_default.push("codeBlock", step, id) : null)?.uuid ?? null;
 			}
 			this.emit("addOrUpdate", id, codeDsl[id]);
+			this.emit("change", this.getCodeDsl());
 		}
 		/**
 		* 根据代码块id数组获取代码dsl
@@ -17156,6 +17198,7 @@
 				}
 				this.emit("remove", id);
 			});
+			this.emit("change", this.getCodeDsl());
 		}
 		/**
 		* 下列 *AndGetHistoryId 方法与对应的写入方法行为完全一致，
@@ -17571,6 +17614,7 @@
 				this.lastPushedHistoryId = (step ? history_default.push("dataSource", step, newConfig.id) : null)?.uuid ?? null;
 			}
 			this.emit("add", newConfig);
+			this.emit("change", this.get("dataSources"));
 			return newConfig;
 		}
 		/**
@@ -17601,6 +17645,7 @@
 				oldConfig,
 				changeRecords
 			});
+			this.emit("change", this.get("dataSources"));
 			return newConfig;
 		}
 		/**
@@ -17625,6 +17670,7 @@
 				this.lastPushedHistoryId = (step ? history_default.push("dataSource", step, id) : null)?.uuid ?? null;
 			}
 			this.emit("remove", id);
+			this.emit("change", this.get("dataSources"));
 		}
 		/**
 		* 下列 *AndGetHistoryId 方法与对应的 add / update / remove 行为完全一致，
@@ -19161,7 +19207,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/CodeSelect.vue?vue&type=script&setup=true&lang.ts
 	init_lodash();
-	init_use_services();
 	var CodeSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MFieldsCodeSelect",
 		__name: "CodeSelect",
@@ -19394,7 +19439,6 @@
 	//#region packages/editor/src/fields/CodeSelectCol.vue?vue&type=script&setup=true&lang.ts
 	init_lodash();
 	init_Icon();
-	init_use_services();
 	init_type();
 	var _hoisted_1$42 = { class: "m-fields-code-select-col" };
 	var _hoisted_2$11 = { class: "code-select-container" };
@@ -19572,7 +19616,6 @@
 	var CodeSelectCol_default = CodeSelectCol_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/fields/DataSourceFields.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var _hoisted_1$41 = { class: "m-editor-data-source-fields" };
 	var _hoisted_2$10 = {
 		key: 0,
@@ -19983,7 +20026,6 @@
 	var DataSourceFields_default = DataSourceFields_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/fields/DataSourceMocks.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	init_CodeEditor();
 	var _hoisted_1$40 = { class: "m-editor-data-source-fields" };
 	var _hoisted_2$9 = {
@@ -20419,7 +20461,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/DataSourceInput.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	var _hoisted_1$38 = { style: {
 		"display": "flex",
 		"flex-direction": "column",
@@ -20687,7 +20728,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/DataSourceSelect.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_type();
 	var _hoisted_1$37 = { class: "m-fields-data-source-select" };
 	var DataSourceSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -20791,7 +20831,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/DataSourceMethodSelect.vue?vue&type=script&setup=true&name=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_type();
 	var _hoisted_1$36 = { class: "m-fields-data-source-method-select" };
 	var _hoisted_2$6 = { class: "data-source-method-select-container" };
@@ -20991,7 +21030,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/DataSourceFieldSelect/FieldSelect.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	init_type();
 	var _hoisted_1$34 = { class: "m-editor-data-source-field-select" };
 	var FieldSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -21182,7 +21220,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/DataSourceFieldSelect/Index.vue?vue&type=script&setup=true&lang.ts
 	init_Icon();
-	init_use_services();
 	var Index_vue_vue_type_script_setup_true_lang_default$1 = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MFieldsDataSourceFieldSelect",
 		__name: "Index",
@@ -21348,7 +21385,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/EventSelect.vue?vue&type=script&setup=true&lang.ts
 	init_lodash();
-	init_use_services();
 	var _hoisted_1$33 = { class: "m-fields-event-select" };
 	var _hoisted_2$5 = {
 		key: 1,
@@ -21950,7 +21986,6 @@
 	//#region packages/editor/src/fields/PageFragmentSelect.vue?vue&type=script&setup=true&lang.ts
 	init_HistoryDiffDialog();
 	init_Icon();
-	init_use_services();
 	var _hoisted_1$30 = { class: "m-fields-page-fragment-select" };
 	var _hoisted_2$3 = { class: "page-fragment-select-container" };
 	var PageFragmentSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
@@ -22031,7 +22066,6 @@
 	var PageFragmentSelect_default = PageFragmentSelect_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/fields/DisplayConds.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var DisplayConds_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "m-fields-display-conds",
 		__name: "DisplayConds",
@@ -22193,7 +22227,6 @@
 	var DisplayConds_default = DisplayConds_vue_vue_type_script_setup_true_lang_default;
 	//#endregion
 	//#region packages/editor/src/fields/CondOpSelect.vue?vue&type=script&setup=true&lang.ts
-	init_use_services();
 	var CondOpSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
 		name: "MFieldsCondOpSelect",
 		__name: "CondOpSelect",
@@ -24218,7 +24251,6 @@
 	//#endregion
 	//#region packages/editor/src/fields/UISelect.vue?vue&type=script&setup=true&lang.ts
 	init_lodash();
-	init_use_services();
 	var _hoisted_1 = {
 		key: 1,
 		class: "m-fields-ui-select",