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

package/dist/es/fields/DataSourceFields.vue_vue_type_script_setup_true_lang.js

@@ -7,10 +7,13 @@ import { MFormBox } from "@tmagic/form";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, tMagicMessage, tMagicMessageBox } from "@tmagic/design";
 import { getDefaultValueFromFields } from "@tmagic/utils";
-import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
 //#region packages/editor/src/fields/DataSourceFields.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-data-source-fields" };
-var _hoisted_2 = { class: "m-editor-data-source-fields-footer" };
+var _hoisted_2 = {
+	key: 0,
+	class: "m-editor-data-source-fields-footer"
+};
 var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MFieldsDataSourceFields",
 	__name: "DataSourceFields",
@@ -51,6 +54,9 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const props = __props;
 		const emit = __emit;
 		const { uiService } = useServices();
+		const mForm = inject("mForm");
+		/** 对比模式下隐藏新增/编辑/删除等操作按钮，仅保留只读展示。 */
+		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const fieldValues = ref({});
 		const fieldTitle = ref("");
 		const width = useModel(__props, "width");
@@ -130,6 +136,8 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				}]
 			}
 		];
+		/** 对比模式下移除「操作」列（编辑/删除按钮），仅保留只读列。 */
+		const displayColumns = computed(() => isCompare.value ? fieldColumns.filter((col) => !col.actions) : fieldColumns);
 		const dataSourceFieldsConfig = [
 			{
 				name: "index",
@@ -306,10 +314,10 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(unref(MagicTable), {
 					data: __props.model[__props.name],
-					columns: fieldColumns,
+					columns: displayColumns.value,
 					border: true
-				}, null, 8, ["data"]),
-				createElementVNode("div", _hoisted_2, [createVNode(unref(TMagicButton), {
+				}, null, 8, ["data", "columns"]),
+				!isCompare.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(TMagicButton), {
 					size: "small",
 					disabled: __props.disabled,
 					plain: "",
@@ -326,7 +334,7 @@ var DataSourceFields_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				}, {
 					default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode("添加", -1)])]),
 					_: 1
-				}, 8, ["disabled"])]),
+				}, 8, ["disabled"])])) : createCommentVNode("v-if", true),
 				createVNode(FloatingBox_default, {
 					visible: addDialogVisible.value,
 					"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => addDialogVisible.value = $event),

package/dist/es/fields/DataSourceMethodSelect.vue_vue_type_script_setup_true_name_true_lang.js

@@ -38,6 +38,8 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 		const props = __props;
 		const hasDataSourceSidePanel = computed(() => (uiService.get("sideBarItems") || []).find((item) => item.$key === SideItemKey.DATA_SOURCE));
 		const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
+		/** 对比模式下隐藏查看/编辑操作按钮，仅保留只读展示。 */
+		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const dataSources = computed(() => dataSourceService.get("dataSources"));
 		const isCustomMethod = computed(() => {
 			const [id, name] = props.model[props.name];
@@ -143,7 +145,7 @@ var DataSourceMethodSelect_vue_vue_type_script_setup_true_name_true_lang_default
 				"size",
 				"disabled",
 				"prop"
-			]), __props.model[__props.name] && isCustomMethod.value && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+			]), __props.model[__props.name] && isCustomMethod.value && hasDataSourceSidePanel.value && !isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
 				key: 0,
 				content: notEditable.value ? "查看" : "编辑"
 			}, {

package/dist/es/fields/DataSourceMethods.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,14 @@
 import CodeBlockEditor_default from "../components/CodeBlockEditor.js";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, tMagicMessageBox } from "@tmagic/design";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, openBlock, ref, unref, useTemplateRef, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, nextTick, openBlock, ref, unref, useTemplateRef, withCtx } from "vue";
 import { cloneDeep } from "lodash-es";
 //#region packages/editor/src/fields/DataSourceMethods.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-data-source-methods" };
-var _hoisted_2 = { class: "m-editor-data-source-methods-footer" };
+var _hoisted_2 = {
+	key: 0,
+	class: "m-editor-data-source-methods-footer"
+};
 var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MFieldsDataSourceMethods",
 	__name: "DataSourceMethods",
@@ -28,6 +31,9 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const mForm = inject("mForm");
+		/** 对比模式下隐藏新增/编辑/删除等操作按钮，仅保留只读展示。 */
+		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const codeConfig = ref();
 		const codeBlockEditorRef = useTemplateRef("codeBlockEditor");
 		let editIndex = -1;
@@ -78,6 +84,8 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				}]
 			}
 		];
+		/** 对比模式下移除「操作」列（编辑/删除按钮），仅保留只读列。 */
+		const displayColumns = computed(() => isCompare.value ? methodColumns.filter((col) => !col.actions) : methodColumns);
 		const createCodeHandler = () => {
 			codeConfig.value = {
 				name: "",
@@ -115,10 +123,10 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(unref(MagicTable), {
 					data: __props.model[__props.name],
-					columns: methodColumns,
+					columns: displayColumns.value,
 					border: true
-				}, null, 8, ["data"]),
-				createElementVNode("div", _hoisted_2, [createVNode(unref(TMagicButton), {
+				}, null, 8, ["data", "columns"]),
+				!isCompare.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(TMagicButton), {
 					size: "small",
 					type: "primary",
 					disabled: __props.disabled,
@@ -127,9 +135,9 @@ var DataSourceMethods_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				}, {
 					default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("添加", -1)])]),
 					_: 1
-				}, 8, ["disabled"])]),
+				}, 8, ["disabled"])])) : createCommentVNode("v-if", true),
 				codeConfig.value ? (openBlock(), createBlock(CodeBlockEditor_default, {
-					key: 0,
+					key: 1,
 					ref: "codeBlockEditor",
 					disabled: __props.disabled,
 					content: codeConfig.value,

package/dist/es/fields/DataSourceMocks.vue_vue_type_script_setup_true_lang.js

@@ -7,10 +7,13 @@ import { MFormBox } from "@tmagic/form";
 import { MagicTable } from "@tmagic/table";
 import { TMagicButton, TMagicSwitch, tMagicMessageBox } from "@tmagic/design";
 import { getDefaultValueFromFields } from "@tmagic/utils";
-import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
+import { computed, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, isRef, mergeModels, openBlock, ref, unref, useModel, withCtx } from "vue";
 //#region packages/editor/src/fields/DataSourceMocks.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-editor-data-source-fields" };
-var _hoisted_2 = { class: "m-editor-data-source-fields-footer" };
+var _hoisted_2 = {
+	key: 0,
+	class: "m-editor-data-source-fields-footer"
+};
 var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "MFieldsDataSourceMocks",
 	__name: "DataSourceMocks",
@@ -42,6 +45,9 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const props = __props;
 		const emit = __emit;
 		const { uiService } = useServices();
+		const mForm = inject("mForm");
+		/** 对比模式下隐藏新增/编辑/删除等操作按钮，仅保留只读展示。 */
+		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const width = useModel(__props, "width");
 		const drawerTitle = ref("");
 		const formValues = ref({});
@@ -175,6 +181,8 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				}]
 			}
 		];
+		/** 对比模式下移除「操作」列（编辑/删除按钮），仅保留只读列。 */
+		const displayColumns = computed(() => isCompare.value ? columns.filter((col) => !col.actions) : columns);
 		const newHandler = () => {
 			const isFirstRow = props.model[props.name].length === 0;
 			formValues.value = {
@@ -209,9 +217,9 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			return openBlock(), createElementBlock("div", _hoisted_1, [
 				createVNode(unref(MagicTable), {
 					data: __props.model[__props.name],
-					columns
-				}, null, 8, ["data"]),
-				createElementVNode("div", _hoisted_2, [createVNode(unref(TMagicButton), {
+					columns: displayColumns.value
+				}, null, 8, ["data", "columns"]),
+				!isCompare.value ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(TMagicButton), {
 					size: "small",
 					type: "primary",
 					disabled: __props.disabled,
@@ -220,7 +228,7 @@ var DataSourceMocks_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				}, {
 					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("添加", -1)])]),
 					_: 1
-				}, 8, ["disabled"])]),
+				}, 8, ["disabled"])])) : createCommentVNode("v-if", true),
 				createVNode(FloatingBox_default, {
 					visible: addDialogVisible.value,
 					"onUpdate:visible": _cache[1] || (_cache[1] = ($event) => addDialogVisible.value = $event),

package/dist/es/fields/DataSourceSelect.vue_vue_type_script_setup_true_lang.js

@@ -34,6 +34,8 @@ var DataSourceSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		const eventBus = inject("eventBus");
 		const dataSources = computed(() => dataSourceService.get("dataSources"));
 		const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
+		/** 对比模式下隐藏查看/编辑操作按钮，仅保留只读展示。 */
+		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const hasDataSourceSidePanel = computed(() => uiService.get("sideBarItems").find((item) => item.$key === SideItemKey.DATA_SOURCE));
 		const selectConfig = computed(() => {
 			const { type, dataSourceType, value, ...config } = props.config;
@@ -80,7 +82,7 @@ var DataSourceSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				"disabled",
 				"config",
 				"last-values"
-			]), __props.model[__props.name] && hasDataSourceSidePanel.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+			]), __props.model[__props.name] && hasDataSourceSidePanel.value && !isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
 				key: 0,
 				content: notEditable.value ? "查看" : "编辑"
 			}, {

package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js

@@ -4,7 +4,7 @@ import { MContainer, MPanel, MTable, defineFormItem } from "@tmagic/form";
 import { TMagicButton } from "@tmagic/design";
 import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX, traverseNode } from "@tmagic/utils";
 import { ActionType } from "@tmagic/core";
-import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
 import { has } from "lodash-es";
 import { Delete } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/EventSelect.vue?vue&type=script&setup=true&lang.ts
@@ -243,6 +243,39 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			if (props.model[props.name].length === 0) return false;
 			return !has(props.model[props.name][0], "actions");
 		});
+		/**
+		* 对比模式判定：
+		*
+		* event-select 内部由「事件列表 + 嵌套子表单」组成，属于复合字段。父级 `MFormContainer` 已将其
+		* 归入「自接管对比字段」（见 Container.vue 的 `SELF_DIFF_FIELD_TYPES`），即对比时只渲染一次本组件，
+		* 并把当前值 `model` 与历史值 `lastValues` 一并传入，由本组件把 `is-compare`/`lastValues` 透传给
+		* 内部的 MPanel / MFormContainer，逐项（事件名、动作）展示前后差异。
+		*
+		* 仅当存在历史值时才启用对比，避免 lastValues 缺失时退化为「全部新增」的空对比。
+		*/
+		const isCompareMode = computed(() => Boolean(props.isCompare && props.lastValues));
+		/**
+		* 待渲染的事件卡片列表。
+		*
+		* - 非对比模式：直接映射当前事件列表，`lastCardItem` 为空；
+		* - 对比模式：按索引对齐当前值与历史值，取两者长度的最大值，使得「新增」（仅当前有）与
+		*   「删除」（仅历史有）的事件都能被渲染出来；缺失的一侧用空对象兜底，从而让子级正确高亮差异。
+		*/
+		const displayList = computed(() => {
+			const current = props.model[props.name] || [];
+			if (!isCompareMode.value) return current.map((cardItem, index) => ({
+				cardItem,
+				lastCardItem: void 0,
+				index
+			}));
+			const last = props.lastValues?.[props.name] || [];
+			const length = Math.max(current.length, last.length);
+			return Array.from({ length }, (_, index) => ({
+				cardItem: current[index] ?? {},
+				lastCardItem: last[index] ?? {},
+				index
+			}));
+		});
 		const addEvent = () => {
 			const defaultEvent = {
 				name: "",
@@ -267,14 +300,19 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				size: __props.size,
 				disabled: __props.disabled,
 				model: __props.model,
+				"last-values": __props.lastValues,
+				"is-compare": isCompareMode.value,
 				config: tableConfig.value,
 				onChange: onChangeHandler
 			}, null, 8, [
 				"size",
 				"disabled",
 				"model",
+				"last-values",
+				"is-compare",
 				"config"
-			])) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(TMagicButton), {
+			])) : (openBlock(), createElementBlock("div", _hoisted_2, [!isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
+				key: 0,
 				class: "create-button",
 				type: "primary",
 				size: __props.size,
@@ -283,44 +321,51 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			}, {
 				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("添加事件", -1)])]),
 				_: 1
-			}, 8, ["size", "disabled"]), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.model[__props.name], (cardItem, index) => {
+			}, 8, ["size", "disabled"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(displayList.value, (entry) => {
 				return openBlock(), createBlock(unref(MPanel), {
-					key: index,
+					key: entry.index,
 					disabled: __props.disabled,
 					size: __props.size,
-					prop: `${__props.prop}.${index}`,
+					prop: `${__props.prop}.${entry.index}`,
 					config: actionsConfig.value,
-					model: cardItem,
+					model: entry.cardItem,
+					"last-values": entry.lastCardItem,
+					"is-compare": isCompareMode.value,
 					"label-width": __props.config.labelWidth || "100px",
 					onChange: onChangeHandler
 				}, {
 					header: withCtx(() => [createVNode(unref(MContainer), {
 						class: "fullWidth",
 						config: eventNameConfig.value,
-						model: cardItem,
+						model: entry.cardItem,
+						"last-values": entry.lastCardItem,
+						"is-compare": isCompareMode.value,
 						disabled: __props.disabled,
 						size: __props.size,
-						prop: `${__props.prop}.${index}`,
+						prop: `${__props.prop}.${entry.index}`,
 						onChange: eventNameChangeHandler
 					}, null, 8, [
 						"config",
 						"model",
+						"last-values",
+						"is-compare",
 						"disabled",
 						"size",
 						"prop"
-					]), createVNode(unref(TMagicButton), {
+					]), !isCompareMode.value ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 0,
 						style: { "color": "#f56c6c" },
 						link: "",
 						icon: unref(Delete),
 						disabled: __props.disabled,
 						size: __props.size,
-						onClick: ($event) => removeEvent(Number(index))
+						onClick: ($event) => removeEvent(Number(entry.index))
 					}, null, 8, [
 						"icon",
 						"disabled",
 						"size",
 						"onClick"
-					])]),
+					])) : createCommentVNode("v-if", true)]),
 					_: 2
 				}, 1032, [
 					"disabled",
@@ -328,6 +373,8 @@ var EventSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					"prop",
 					"config",
 					"model",
+					"last-values",
+					"is-compare",
 					"label-width"
 				]);
 			}), 128))]))]);

package/dist/es/fields/KeyValue.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import CodeEditor_default from "../layouts/CodeEditor.js";
 import CodeIcon_default from "../icons/CodeIcon.js";
 import { TMagicButton, TMagicInput } from "@tmagic/design";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, unref, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, openBlock, ref, renderList, unref, watchEffect, withCtx } from "vue";
 import { Delete, Plus } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/KeyValue.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-key-value" };
@@ -28,6 +28,9 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const mForm = inject("mForm");
+		/** 对比模式下隐藏增删/代码切换等操作按钮，仅保留只读展示。 */
+		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const records = ref([]);
 		const showCode = ref(false);
 		watchEffect(() => {
@@ -98,7 +101,8 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 							"disabled",
 							"size"
 						]),
-						createVNode(unref(TMagicButton), {
+						!isCompare.value ? (openBlock(), createBlock(unref(TMagicButton), {
+							key: 0,
 							class: "m-fields-key-value-delete",
 							type: "danger",
 							size: __props.size,
@@ -112,9 +116,10 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 							"disabled",
 							"icon",
 							"onClick"
-						])
+						])) : createCommentVNode("v-if", true)
 					]);
-				}), 128)), createVNode(unref(TMagicButton), {
+				}), 128)), !isCompare.value ? (openBlock(), createBlock(unref(TMagicButton), {
+					key: 0,
 					type: "primary",
 					size: __props.size,
 					disabled: __props.disabled,
@@ -128,7 +133,7 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					"size",
 					"disabled",
 					"icon"
-				])])) : createCommentVNode("v-if", true),
+				])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
 				__props.config.advanced && showCode.value ? (openBlock(), createBlock(CodeEditor_default, {
 					key: 1,
 					"editor-custom-type": "m-fields-key-value",
@@ -142,7 +147,7 @@ var KeyValue_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					parse: true,
 					onSave: save
 				}, null, 8, ["init-values", "options"])) : createCommentVNode("v-if", true),
-				__props.config.advanced ? (openBlock(), createBlock(unref(TMagicButton), {
+				__props.config.advanced && !isCompare.value ? (openBlock(), createBlock(unref(TMagicButton), {
 					key: 2,
 					size: "default",
 					disabled: __props.disabled,

package/dist/es/fields/StyleSetter/Index.vue_vue_type_script_setup_true_lang.js

@@ -24,7 +24,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		lastValues: {},
 		isCompare: { type: Boolean }
 	},
-	emits: ["change"],
+	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -63,6 +63,7 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			});
 			emit("change", v, eventData);
 		};
+		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(TMagicCollapse), {
 				class: "m-fields-style-setter",
@@ -78,11 +79,16 @@ var Index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						default: withCtx(() => [item.component ? (openBlock(), createBlock(resolveDynamicComponent(item.component), {
 							key: 0,
 							values: __props.model[__props.name],
+							"last-values": __props.lastValues?.[__props.name],
+							"is-compare": __props.isCompare,
 							size: __props.size,
 							disabled: __props.disabled,
-							onChange: change
+							onChange: change,
+							onAddDiffCount
 						}, null, 40, [
 							"values",
+							"last-values",
+							"is-compare",
 							"size",
 							"disabled"
 						])) : createCommentVNode("v-if", true)]),

package/dist/es/fields/StyleSetter/components/Border.vue_vue_type_script_setup_true_lang.js

@@ -11,10 +11,12 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	__name: "Border",
 	props: {
 		model: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
 		size: {}
 	},
-	emits: ["change"],
+	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const direction = ref("");
 		const config = computed(() => defineFormItem({ items: [
@@ -57,6 +59,7 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				emit("change", record.value, { modifyKey: record.propPath });
 			});
 		};
+		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [
 				createElementVNode("div", _hoisted_3, [createElementVNode("div", {
@@ -84,12 +87,17 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			]), createElementVNode("div", _hoisted_6, [createVNode(unref(MContainer), {
 				config: config.value,
 				model: __props.model,
+				"last-values": __props.lastValues,
+				"is-compare": __props.isCompare,
 				size: __props.size,
 				disabled: __props.disabled,
-				onChange: change
+				onChange: change,
+				onAddDiffCount
 			}, null, 8, [
 				"config",
 				"model",
+				"last-values",
+				"is-compare",
 				"size",
 				"disabled"
 			])])]);

package/dist/es/fields/StyleSetter/components/Box.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,9 @@ var Box_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 	props: {
 		disabled: { type: Boolean },
 		size: {},
-		model: {}
+		model: {},
+		lastValues: {},
+		isCompare: { type: Boolean }
 	},
 	emits: ["change"],
 	setup(__props, { emit: __emit }) {

package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js

@@ -10,10 +10,12 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 	__name: "Background",
 	props: {
 		values: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
 		size: {}
 	},
-	emits: ["change"],
+	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const config = defineFormItem({ items: [
@@ -95,16 +97,22 @@ var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
+		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MContainer), {
 				config: unref(config),
 				model: __props.values,
+				"last-values": __props.lastValues,
+				"is-compare": __props.isCompare,
 				size: __props.size,
 				disabled: __props.disabled,
-				onChange: change
+				onChange: change,
+				onAddDiffCount
 			}, null, 8, [
 				"config",
 				"model",
+				"last-values",
+				"is-compare",
 				"size",
 				"disabled"
 			]);

package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js

@@ -6,10 +6,12 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 	__name: "Border",
 	props: {
 		values: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
 		size: {}
 	},
-	emits: ["change"],
+	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const config = defineFormItem({ items: [{
@@ -22,25 +24,36 @@ var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
+		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(MContainer), {
 				config: unref(config),
 				model: __props.values,
+				"last-values": __props.lastValues,
+				"is-compare": __props.isCompare,
 				size: __props.size,
 				disabled: __props.disabled,
-				onChange: change
+				onChange: change,
+				onAddDiffCount
 			}, null, 8, [
 				"config",
 				"model",
+				"last-values",
+				"is-compare",
 				"size",
 				"disabled"
 			]), createVNode(Border_default, {
 				model: __props.values,
+				"last-values": __props.lastValues,
+				"is-compare": __props.isCompare,
 				size: __props.size,
 				disabled: __props.disabled,
-				onChange: change
+				onChange: change,
+				onAddDiffCount
 			}, null, 8, [
 				"model",
+				"last-values",
+				"is-compare",
 				"size",
 				"disabled"
 			])], 64);

package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js

@@ -8,10 +8,12 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	__name: "Font",
 	props: {
 		values: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
 		size: {}
 	},
-	emits: ["change"],
+	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
 		const config = defineFormItem({ items: [
@@ -79,16 +81,22 @@ var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		const change = (value, eventData) => {
 			emit("change", value, eventData);
 		};
+		const onAddDiffCount = () => emit("addDiffCount");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(MContainer), {
 				config: unref(config),
 				model: __props.values,
+				"last-values": __props.lastValues,
+				"is-compare": __props.isCompare,
 				size: __props.size,
 				disabled: __props.disabled,
-				onChange: change
+				onChange: change,
+				onAddDiffCount
 			}, null, 8, [
 				"config",
 				"model",
+				"last-values",
+				"is-compare",
 				"size",
 				"disabled"
 			]);