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

package/dist/es/fields/StyleSetter/icons/display/Block.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-96 64a32 32 0 0 1 32 32v448a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32h704z" }, null, -1)])]);
 }
-var Block_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Block_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Block_default as default };

package/dist/es/fields/StyleSetter/icons/display/Flex.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192zM352 256v512H160V256h192z m256 0v512h-192V256h192z m256 0v512h-192V256h192z" }, null, -1)])]);
 }
-var Flex_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Flex_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Flex_default as default };

package/dist/es/fields/StyleSetter/icons/display/Inline.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M787.616 651.36a142.72 142.72 0 0 0 52.864 31.904 205.504 205.504 0 0 0 67.264 10.848 245.76 245.76 0 0 0 38.784-2.4c9.504-1.6 19.36-4 30.208-7.04 8.16-2.24 15.968-5.12 23.36-8.32l23.392-10.816V587.52h-8.736c-3.968 3.424-8.96 7.648-15.104 12.544a190.272 190.272 0 0 1-19.936 13.504 120.32 120.32 0 0 1-27.616 12.544 102.528 102.528 0 0 1-62.72-0.576 80 80 0 0 1-29.824-17.088 89.28 89.28 0 0 1-21.664-32.512c-5.696-13.664-8.64-30.784-8.64-51.296 0-19.744 2.72-36.384 7.968-50.08 5.248-13.664 12.384-24.896 20.992-33.056 9.12-8.832 18.816-14.816 29.632-18.816a101.824 101.824 0 0 1 63.68-0.736c9.408 3.136 18.08 7.04 26.112 11.68 13.024 7.808 25.28 16.768 36.672 26.784H1024v-78.72c-6.08-2.88-13.12-6.08-21.12-9.6a205.984 205.984 0 0 0-57.152-15.36 270.016 270.016 0 0 0-37.056-2.304c-24.864 0-47.744 4-68.704 11.84-20.992 7.776-38.432 18.784-52.64 33.6a144.256 144.256 0 0 0-33.632 54.176 207.68 207.68 0 0 0-12.48 70.176c0 27.84 3.968 52.352 12.16 73.568a146.08 146.08 0 0 0 34.176 53.184l0.064 0.416z m-186.112 34.656a122.912 122.912 0 0 0 42.784-21.504c11.2-8.32 20.224-19.296 26.24-31.936 6.56-13.664 9.888-28.704 9.664-43.904 0-22.784-6.272-41.024-18.912-54.72-12.544-13.92-29.664-23.04-51.104-27.36v-2.304c14.4-6.24 26.688-16.448 35.52-29.408 8.384-12.544 12.544-27.008 12.544-43.52 0-14.24-2.944-26.784-9.12-37.6a65.696 65.696 0 0 0-27.936-26.24 117.44 117.44 0 0 0-36.48-12.096A437.312 437.312 0 0 0 526.656 352h-127.552v340.384h143.392c23.84 0 43.52-2.112 59.008-6.4z m-118.112-271.584h7.968c16.544 0 29.472 0.128 38.656 0.352 9.248 0.576 16.864 1.728 23.04 4a26.24 26.24 0 0 1 14.4 13.12c2.656 5.28 4.064 11.072 4.128 16.96 0.16 6.656-1.056 13.248-3.52 19.392a28.064 28.064 0 0 1-15.04 13.696c-7.04 2.912-14.56 4.48-22.208 4.576-9.472 0.32-20.864 0.544-34.24 0.544h-13.184v-72.64z m6.144 215.52h-6.144v-84.8h18.464c12.64 0 24.736 0 36.384 0.256 9.216-0.16 18.432 0.896 27.36 3.2 9.696 2.848 16.544 7.232 20.512 13.12 4 5.92 6.08 14.24 6.08 25.088 0 8.192-1.728 15.488-4.992 21.824-3.232 6.336-9.696 11.392-18.24 15.392-8.544 4-18.24 5.696-28.48 6.272-10.304 0.224-27.392 0.224-51.328 0.224l0.384-0.576z m-378.56-6.016h124.672l23.36 68.416H348.8L224.32 353.728H124.416L0 692.384h87.52l23.488-68.416-0.064-0.032z m62.336-183.552l41.472 121.44h-82.88l41.408-121.44z" }, null, -1)])]);
 }
-var Inline_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Inline_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Inline_default as default };

package/dist/es/fields/StyleSetter/icons/display/InlineBlock.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M960 128a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64h896z m0 64H64v640h896V192z m-131.936 158.496c65.984 1.824 109.024 32.512 129.184 92.064l-65.952 15.136-1.856-5.664c-9.984-27.52-30.432-42.112-61.376-43.84-46.72 2.784-71.456 35.296-74.208 97.6 1.856 63.2 26.56 96.64 74.24 100.32 37.536-0.928 59.52-23.36 65.92-67.328L960 559.36l-1.792 7.232c-16.96 63.872-60.352 95.84-130.144 95.84-93.44-4.608-142.464-56.8-147.04-156.672 4.576-98.048 53.6-149.792 147.04-155.296z m-568.928 4.128l114.08 302.336H297.6l-22.016-65.984H160.192L138.24 656.96H64l112.672-302.336h82.464z m278.976 0l7.68 0.32c62.816 3.36 96 27.104 99.52 71.136 0 35.744-19.712 59.552-59.104 71.456 42.144 9.184 65.952 32.544 71.456 70.08 0 59.552-37.568 89.344-112.672 89.344h-148.416v-302.336h141.536z m-4.128 173.152H465.28v81.088h67.328c33.92 0 51.296-13.76 52.224-41.248-2.752-25.632-19.68-38.912-50.848-39.84zM217.92 408.224h-1.376l-0.96 7.36c-1.184 7.232-3.168 13.92-5.92 20.128l-34.336 103.04h87.936l-38.464-104.416-2.624-9.024c-1.6-5.888-3.04-11.584-4.256-17.088z m309.184-2.752H465.28v71.456h61.824c29.344-0.928 44.448-13.76 45.376-38.464-0.96-22.016-16.032-32.992-45.376-32.992z" }, null, -1)])]);
 }
-var InlineBlock_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var InlineBlock_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { InlineBlock_default as default };

package/dist/es/fields/StyleSetter/icons/display/None.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M931.37 477.14c-43.94-69.49-93.39-125.03-147.99-166.35L663.31 441.46c8.79 21.36 13.63 44.91 13.63 69.62 0 96.27-73.84 174.32-164.95 174.32-21.63 0-42.28-4.39-61.32-12.47l-94.09 102.52a455.097 455.097 0 0 0 155.41 26.2c172.62 0 312.43-85.54 419.59-256.63 12.83-20.43 12.72-47.45-0.21-67.88zM795.52 127.99L682.24 252.82C627.73 231 570.1 220.04 512.11 220.5c-171.15 0-310.99 85.66-419.48 256.75-12.93 20.43-13.04 47.33-0.2 67.78 46.95 75.15 100.3 133.68 160.01 175.82L131.9 853.65l38.9 42.36 663.6-725.76-38.88-42.26zM519.68 438.37c-3.72-0.59-7.46-0.81-11.27-0.81-45.63 0-82.43 39.03-82.43 87.16 0 4.97 0.42 9.81 1.14 14.54l-57.15 60.14-5.92 8.33c-13.15-24.94-20.5-53.68-20.5-84.28 0-96.3 73.84-174.45 164.95-174.45 27.2 0 52.76 6.93 75.4 19.29l-64.22 70.08z m52.05 135.53c21.74-23.26 27.17-55.48 16.31-81.39l-96.42 103.16c26.59 9.08 58.38 1.48 80.11-21.77z" }, null, -1)])]);
 }
-var None_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var None_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { None_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/Column.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M896 320H128V0h768v320z m0 320H128v-256h768v256z m-128 192l-256 192-256-192 192-0.032V704h128v128h192z" }, null, -1)])]);
 }
-var Column_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Column_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Column_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/ColumnReverse.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M896 704H128v320h768V704z m0-320H128v256h768v-256z m-128-192l-256-192-256 192 192 0.032V320h128V192h192z" }, null, -1)])]);
 }
-var ColumnReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var ColumnReverse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { ColumnReverse_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/Row.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M320 128v768H0V128h320z m320 0v768h-256V128h256z m192 128l192 256-192 256-0.032-192H704v-128h128V256z" }, null, -1)])]);
 }
-var Row_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Row_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Row_default as default };

package/dist/es/fields/StyleSetter/icons/flex-direction/RowReverse.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M704 128v768h320V128H704zM384 128v768h256V128h-256zM192 256l-192 256 192 256 0.032-192H320v-128H192V256z" }, null, -1)])]);
 }
-var RowReverse_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var RowReverse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { RowReverse_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/Center.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M480 1024V0h64v1024h-64z m128-64V64h320v896H608zM96 960V64h320v896H96z" }, null, -1)])]);
 }
-var Center_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Center_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Center_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/FlexEnd.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M416 160H96v704h320V160z m384 0H480v704h320V160z m128-160h-64v1024h64V0z" }, null, -1)])]);
 }
-var FlexEnd_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var FlexEnd_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { FlexEnd_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/FlexStart.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M608 160h320v704H608V160zM224 160h320v704H224V160zM96 0h64v1024H96V0z" }, null, -1)])]);
 }
-var FlexStart_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var FlexStart_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { FlexStart_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/SpaceAround.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M320 864H192v160H128v-160H0V160h128V0h64v160h128v704z m704 0h-128v160h-64v-160h-128V160h128V0h64v160h128v704z" }, null, -1)])]);
 }
-var SpaceAround_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var SpaceAround_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { SpaceAround_default as default };

package/dist/es/fields/StyleSetter/icons/justify-content/SpaceBetween.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M64 1024H0V0h64v1024z m384-160H128V160h320v704z m448 0H576V160h320v704z m128 160h-64V0h64v1024z" }, null, -1)])]);
 }
-var SpaceBetween_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var SpaceBetween_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { SpaceBetween_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Center.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m128-170.666667h512v85.333333H256z m-128-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m128 170.666667h512v85.333333H256z" }, null, -1)])]);
 }
-var Center_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Center_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Center_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Left.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 810.666667h768v85.333333H128z m0-170.666667h512v85.333333H128z m0-170.666667h768v85.333334H128z m0-341.333333h768v85.333333H128z m0 170.666667h512v85.333333H128z" }, null, -1)])]);
 }
-var Left_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Left_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Left_default as default };

package/dist/es/fields/StyleSetter/icons/text-align/Right.js

@@ -9,6 +9,6 @@ var _hoisted_1 = {
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M128 128h768v85.333333H128z m0 682.666667h768v85.333333H128z m213.333333-170.666667h554.666667v85.333333H341.333333z m-213.333333-170.666667h768v85.333334H128z m213.333333-170.666666h554.666667v85.333333H341.333333z" }, null, -1)])]);
 }
-var Right_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+var Right_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
 //#endregion
 export { Right_default as default };

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

@@ -6,14 +6,16 @@ import NoRepeat_default from "../icons/background-repeat/NoRepeat.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Background.vue?vue&type=script&setup=true&lang.ts
-var Background_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Background_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__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

@@ -2,14 +2,16 @@ import Border_default from "../components/Border.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { Fragment, createElementBlock, createVNode, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Border.vue?vue&type=script&setup=true&lang.ts
-var Border_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Border_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__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

@@ -4,14 +4,16 @@ import Right_default from "../icons/text-align/Right.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, markRaw, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Font.vue?vue&type=script&setup=true&lang.ts
-var Font_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Font_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__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"
 			]);

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

@@ -16,14 +16,16 @@ import SpaceBetween_default from "../icons/justify-content/SpaceBetween.js";
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { Fragment, createElementBlock, createVNode, defineComponent, markRaw, openBlock, unref, vShow, withDirectives } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Layout.vue?vue&type=script&setup=true&lang.ts
-var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Layout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Layout",
 	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: [
@@ -259,25 +261,35 @@ var Layout_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"
 			]), withDirectives(createVNode(Box_default, {
 				model: __props.values,
+				"last-values": __props.lastValues,
+				"is-compare": __props.isCompare,
 				size: __props.size,
 				disabled: __props.disabled,
 				onChange: change
 			}, null, 8, [
 				"model",
+				"last-values",
+				"is-compare",
 				"size",
 				"disabled"
 			]), [[vShow, !["fixed", "absolute"].includes(__props.values.position)]])], 64);

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

@@ -1,14 +1,16 @@
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Position.vue?vue&type=script&setup=true&lang.ts
-var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Position_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Position",
 	props: {
 		values: {},
+		lastValues: {},
+		isCompare: { type: Boolean },
 		disabled: { type: Boolean },
 		size: {}
 	},
-	emits: ["change"],
+	emits: ["change", "addDiffCount"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -76,16 +78,22 @@ var Position_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		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/Transform.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,16 @@
 import { MContainer, defineFormItem } from "@tmagic/form";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 //#region packages/editor/src/fields/StyleSetter/pro/Transform.vue?vue&type=script&setup=true&lang.ts
-var Transform_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Transform_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Transform",
 	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: [{
@@ -34,16 +36,22 @@ var Transform_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		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/UISelect.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { UI_SELECT_MODE_EVENT_NAME } from "../utils/const.js";
 import { useServices } from "../hooks/use-services.js";
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { getIdFromEl } from "@tmagic/utils";
-import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, inject, openBlock, ref, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, inject, openBlock, ref, toDisplayString, unref, withCtx, withModifiers } from "vue";
 import { throttle } from "lodash-es";
 import { Close, Delete } from "@element-plus/icons-vue";
 //#region packages/editor/src/fields/UISelect.vue?vue&type=script&setup=true&lang.ts
@@ -11,7 +11,7 @@ var _hoisted_1 = {
 	class: "m-fields-ui-select",
 	style: { "display": "flex" }
 };
-var UISelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var UISelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFieldsUISelect",
 	__name: "UISelect",
 	props: {
@@ -34,6 +34,8 @@ var UISelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		const mForm = inject("mForm");
 		const val = computed(() => props.model[props.name]);
 		const uiSelectMode = ref(false);
+		/** 对比模式下隐藏清除/选择等操作按钮，仅保留只读展示。 */
+		const isCompare = computed(() => Boolean(mForm?.isCompare));
 		const cancelHandler = () => {
 			uiService.set("uiSelectMode", false);
 			uiSelectMode.value = false;
@@ -96,7 +98,8 @@ var UISelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 				"icon",
 				"disabled",
 				"size"
-			])])) : (openBlock(), createElementBlock("div", _hoisted_1, [val.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(TMagicTooltip), {
+			])])) : (openBlock(), createElementBlock("div", _hoisted_1, [val.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
+				key: 0,
 				content: "清除",
 				placement: "top"
 			}, {
@@ -114,7 +117,7 @@ var UISelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					"size"
 				])]),
 				_: 1
-			}), createVNode(unref(TMagicTooltip), {
+			})) : createCommentVNode("v-if", true), createVNode(unref(TMagicTooltip), {
 				content: "点击选中组件",
 				placement: "top"
 			}, {
@@ -134,7 +137,7 @@ var UISelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					_: 1
 				}, 8, ["disabled", "size"])]),
 				_: 1
-			})], 64)) : (openBlock(), createBlock(unref(TMagicTooltip), {
+			})], 64)) : !isCompare.value ? (openBlock(), createBlock(unref(TMagicTooltip), {
 				key: 1,
 				content: "点击此处选择",
 				placement: "top"
@@ -153,7 +156,7 @@ var UISelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 					_: 1
 				}, 8, ["disabled", "size"])]),
 				_: 1
-			}))]));
+			})) : createCommentVNode("v-if", true)]));
 		};
 	}
 });

package/dist/es/hooks/use-code-block-edit.js

@@ -33,12 +33,15 @@ var useCodeBlockEdit = (codeBlockService) => {
 		await nextTick();
 		codeBlockEditorRef.value?.show();
 	};
-	const deleteCode = async (key) => {
-		codeBlockService.deleteCodeDslByIds([key]);
+	const deleteCode = async (key, { historySource } = {}) => {
+		codeBlockService.deleteCodeDslByIds([key], { historySource });
 	};
-	const submitCodeBlockHandler = async (values) => {
+	const submitCodeBlockHandler = async (values, eventData) => {
 		if (!codeId.value) return;
-		await codeBlockService.setCodeDslById(codeId.value, values);
+		await codeBlockService.setCodeDslById(codeId.value, values, {
+			changeRecords: eventData?.changeRecords,
+			historySource: "props"
+		});
 		codeBlockEditorRef.value?.hide();
 	};
 	return {

package/dist/es/hooks/use-data-source-edit.js

@@ -12,8 +12,11 @@ var useDataSourceEdit = (dataSourceService) => {
 		editDialog.value.show();
 	};
 	const submitDataSourceHandler = (value, eventData) => {
-		if (value.id) dataSourceService.update(value, { changeRecords: eventData.changeRecords });
-		else dataSourceService.add(value);
+		if (value.id) dataSourceService.update(value, {
+			changeRecords: eventData.changeRecords,
+			historySource: "props"
+		});
+		else dataSourceService.add(value, { historySource: "props" });
 		editDialog.value?.hide();
 	};
 	return {

package/dist/es/hooks/use-stage.js

@@ -38,7 +38,8 @@ var useStage = (stageOptions) => {
 		guidesOptions: stageOptions.guidesOptions,
 		disabledMultiSelect: stageOptions.disabledMultiSelect,
 		alwaysMultiSelect: stageOptions.alwaysMultiSelect,
-		disabledRule: stageOptions.disabledRule
+		disabledRule: stageOptions.disabledRule,
+		disabledFlashTip: stageOptions.disabledFlashTip
 	});
 	watch(() => editor_default.get("disabledMultiSelect"), (disabledMultiSelect) => {
 		if (disabledMultiSelect) stage.disableMultiSelect();
@@ -69,32 +70,43 @@ var useStage = (stageOptions) => {
 	});
 	stage.on("update", (ev) => {
 		if (ev.parentEl) {
-			for (const data of ev.data) {
+			const pId = getIdFromEl()(ev.parentEl);
+			if (!pId) return;
+			const configs = ev.data.map((data) => {
 				const id = getIdFromEl()(data.el);
-				const pId = getIdFromEl()(ev.parentEl);
-				id && pId && editor_default.moveToContainer({
+				if (!id) return null;
+				return {
 					id,
 					style: data.style
-				}, pId);
-			}
+				};
+			}).filter((cfg) => Boolean(cfg));
+			if (configs.length > 0) editor_default.moveToContainer(configs, pId);
 			return;
 		}
+		const configs = [];
+		const changeRecordList = [];
 		ev.data.forEach((data) => {
 			const id = getIdFromEl()(data.el);
 			if (!id) return;
 			const { style = {} } = data;
-			editor_default.update({
+			configs.push({
 				id,
 				style
-			}, { changeRecords: buildChangeRecords(style, "style") });
+			});
+			changeRecordList.push(buildChangeRecords(style, "style"));
+		});
+		if (configs.length === 0) return;
+		editor_default.update(configs, {
+			changeRecordList,
+			historySource: "stage"
 		});
 	});
 	stage.on("sort", (ev) => {
-		editor_default.sort(ev.src, ev.dist);
+		editor_default.sort(ev.src, ev.dist, { historySource: "stage" });
 	});
 	stage.on("remove", (ev) => {
 		const nodes = ev.data.map(({ el }) => editor_default.getNodeById(getIdFromEl()(el) || ""));
-		editor_default.remove(nodes.filter((node) => Boolean(node)));
+		editor_default.remove(nodes.filter((node) => Boolean(node)), { historySource: "stage" });
 	});
 	stage.on("select-parent", () => {
 		const parent = editor_default.get("parent");

package/dist/es/icons/CenterIcon.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ var _hoisted_1 = {
 	fill: "none",
 	xmlns: "http://www.w3.org/2000/svg"
 };
-var CenterIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CenterIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorCenterIcon",
 	__name: "CenterIcon",
 	setup(__props) {

package/dist/es/icons/CodeIcon.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,7 @@ var _hoisted_1 = {
 	xmlns: "http://www.w3.org/2000/svg",
 	"xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-var CodeIcon_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CodeIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MEditorCodeIcon",
 	__name: "CodeIcon",
 	setup(__props) {