@tmagic/form 1.8.0-beta.1 → 1.8.0-beta.11

package/dist/es/containers/GroupListItem.vue_vue_type_script_setup_true_lang.js

@@ -10,7 +10,7 @@ var _hoisted_2 = { style: {
 	"margin-top": "20px"
 } };
 var _hoisted_3 = ["innerHTML"];
-var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var GroupListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormGroupListItem",
 	__name: "GroupListItem",
 	props: {
@@ -99,16 +99,17 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						}), createElementVNode("span", { innerHTML: title.value }, null, 8, _hoisted_1)]),
 						_: 1
 					}, 8, ["disabled"]),
-					withDirectives(createVNode(unref(TMagicButton), {
+					!__props.isCompare ? withDirectives((openBlock(), createBlock(unref(TMagicButton), {
+						key: 0,
 						type: "danger",
 						size: "small",
 						link: "",
 						icon: unref(Delete),
 						disabled: __props.disabled,
 						onClick: removeHandler
-					}, null, 8, ["icon", "disabled"]), [[vShow, showDelete.value]]),
-					copyable.value ? (openBlock(), createBlock(unref(TMagicButton), {
-						key: 0,
+					}, null, 8, ["icon", "disabled"])), [[vShow, showDelete.value]]) : createCommentVNode("v-if", true),
+					copyable.value && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicButton), {
+						key: 1,
 						link: "",
 						size: "small",
 						type: "primary",
@@ -119,7 +120,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode("复制", -1)])]),
 						_: 1
 					}, 8, ["icon", "disabled"])) : createCommentVNode("v-if", true),
-					movable.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [withDirectives(createVNode(unref(TMagicButton), {
+					movable.value && !__props.isCompare ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [withDirectives(createVNode(unref(TMagicButton), {
 						link: "",
 						size: "small",
 						disabled: __props.disabled,
@@ -138,8 +139,8 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						default: withCtx(() => [..._cache[8] || (_cache[8] = [createTextVNode("下移", -1)])]),
 						_: 1
 					}, 8, ["disabled", "icon"]), [[vShow, __props.index !== length.value - 1]])], 64)) : createCommentVNode("v-if", true),
-					__props.config.moveSpecifyLocation ? (openBlock(), createBlock(unref(TMagicPopover), {
-						key: 2,
+					__props.config.moveSpecifyLocation && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicPopover), {
+						key: 3,
 						trigger: "click",
 						placement: "top",
 						width: "200",
@@ -185,7 +186,7 @@ var GroupListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						_: 1
 					}, 8, ["visible"])) : createCommentVNode("v-if", true),
 					itemExtra.value ? (openBlock(), createElementBlock("span", {
-						key: 3,
+						key: 4,
 						innerHTML: itemExtra.value,
 						class: "m-form-tip"
 					}, null, 8, _hoisted_3)) : createCommentVNode("v-if", true)

package/dist/es/containers/Panel.vue_vue_type_script_setup_true_lang.js

@@ -16,7 +16,7 @@ var _hoisted_3 = {
 };
 var _hoisted_4 = { style: { "flex": "1" } };
 var _hoisted_5 = ["src"];
-var Panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormPanel",
 	__name: "Panel",
 	props: {

package/dist/es/containers/Row.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import Col_default from "./Col.js";
 import { Fragment, createBlock, createElementBlock, defineComponent, inject, openBlock, renderList, unref, withCtx } from "vue";
 import { TMagicRow } from "@tmagic/design";
 //#region packages/form/src/containers/Row.vue?vue&type=script&setup=true&lang.ts
-var Row_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Row_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormRow",
 	__name: "Row",
 	props: {

package/dist/es/containers/Step.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import Container_default from "./Container.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, openBlock, ref, renderList, unref, vShow, watchEffect, withCtx, withDirectives } from "vue";
 import { TMagicStep, TMagicSteps } from "@tmagic/design";
 //#region packages/form/src/containers/Step.vue?vue&type=script&setup=true&lang.ts
-var Step_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Step_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormStep",
 	__name: "Step",
 	props: {

package/dist/es/containers/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -1,10 +1,10 @@
 import { display, filterFunction, initValue } from "../utils/form.js";
 import Container_default from "./Container.js";
-import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, openBlock, ref, renderList, resolveDynamicComponent, toDisplayString, unref, watch, watchEffect, withCtx } from "vue";
 import { isEmpty } from "lodash-es";
 import { TMagicBadge, getDesignConfig } from "@tmagic/design";
 //#region packages/form/src/containers/Tabs.vue?vue&type=script&setup=true&lang.ts
-var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTabs",
 	__name: "Tabs",
 	props: {
@@ -74,6 +74,9 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				prop: props.prop
 			});
 		});
+		watch([() => props.model, () => props.lastValues], () => {
+			diffCount.value = {};
+		});
 		const tabItems = (tab) => props.config.dynamic ? props.config.items : tab.items;
 		const tabClickHandler = (tab) => {
 			if (typeof tab === "object") tabClick(mForm, tab, props);
@@ -148,7 +151,7 @@ var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tabs.value, (tab, tabIndex) => {
 					return openBlock(), createBlock(resolveDynamicComponent(unref(tabPaneComponent)?.component || "el-tab-pane"), mergeProps({ key: tab[unref(mForm)?.keyProp || "__key"] ?? tabIndex }, { ref_for: true }, unref(tabPaneComponent)?.props({
 						name: filter(tab.status) || tabIndex.toString(),
-						lazy: tab.lazy || false
+						lazy: __props.isCompare ? false : tab.lazy || false
 					}) || {}), {
 						label: withCtx(() => [createElementVNode("span", null, [createTextVNode(toDisplayString(filter(tab.title)), 1), createVNode(unref(TMagicBadge), {
 							hidden: !diffCount.value[Number(tabIndex)],

package/dist/es/containers/table/ActionsColumn.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { cloneDeep } from "lodash-es";
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { Delete, DocumentCopy, Sort } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/table/ActionsColumn.vue?vue&type=script&setup=true&lang.ts
-var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ActionsColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ActionsColumn",
 	props: {
 		config: {},

package/dist/es/containers/table/SortColumn.vue_vue_type_script_setup_true_lang.js

@@ -2,7 +2,7 @@ import { Fragment, createBlock, createCommentVNode, createElementBlock, createVN
 import { TMagicButton, TMagicTooltip } from "@tmagic/design";
 import { ArrowDown, ArrowUp } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/table/SortColumn.vue?vue&type=script&setup=true&lang.ts
-var SortColumn_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SortColumn_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SortColumn",
 	props: {
 		index: {},

package/dist/es/containers/table/Table.vue_vue_type_script_setup_true_lang.js

@@ -21,7 +21,7 @@ var _hoisted_4 = {
 	class: "bottom",
 	style: { "text-align": "right" }
 };
-var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTable",
 	__name: "Table",
 	props: {
@@ -122,7 +122,7 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(isFullscreen) ? "退出全屏" : "全屏编辑"), 1)]),
 						_: 1
 					}, 8, ["icon", "onClick"])) : createCommentVNode("v-if", true),
-					unref(importable) ? (openBlock(), createBlock(unref(TMagicUpload), {
+					unref(importable) && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicUpload), {
 						key: 2,
 						style: { "display": "inline-block" },
 						ref: "excelBtn",
@@ -142,7 +142,7 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						}, 8, ["disabled"])]),
 						_: 1
 					}, 8, ["disabled", "on-change"])) : createCommentVNode("v-if", true),
-					unref(importable) ? (openBlock(), createBlock(unref(TMagicButton), {
+					unref(importable) && !__props.isCompare ? (openBlock(), createBlock(unref(TMagicButton), {
 						key: 3,
 						size: "small",
 						type: "warning",
@@ -153,7 +153,7 @@ var Table_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 						default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("清空", -1)])]),
 						_: 1
 					}, 8, ["disabled", "onClick"])) : createCommentVNode("v-if", true)
-				]), renderSlot(_ctx.$slots, "add-button")]),
+				]), !__props.isCompare ? renderSlot(_ctx.$slots, "add-button", { key: 0 }) : createCommentVNode("v-if", true)]),
 				__props.config.pagination ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(unref(TMagicPagination), {
 					layout: "total, sizes, prev, pager, next, jumper",
 					"hide-on-single-page": __props.model[modelName.value].length < unref(pageSize),

package/dist/es/containers/table-group-list/TableGroupList.vue_vue_type_script_setup_true_lang.js

@@ -5,7 +5,7 @@ import { computed, createBlock, createCommentVNode, createSlots, createTextVNode
 import { TMagicButton } from "@tmagic/design";
 import { Grid, Plus } from "@element-plus/icons-vue";
 //#region packages/form/src/containers/table-group-list/TableGroupList.vue?vue&type=script&setup=true&lang.ts
-var TableGroupList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var TableGroupList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTableGroupList",
 	inheritAttrs: false,
 	__name: "TableGroupList",

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

@@ -4,7 +4,7 @@ import { filterFunction } from "../utils/form.js";
 import { computed, createBlock, defineComponent, inject, openBlock, ref, unref, watchEffect } from "vue";
 import { TMagicCascader } from "@tmagic/design";
 //#region packages/form/src/fields/Cascader.vue?vue&type=script&setup=true&lang.ts
-var Cascader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Cascader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormCascader",
 	__name: "Cascader",
 	props: {

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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { computed, createBlock, createSlots, createTextVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { TMagicCheckbox } from "@tmagic/design";
 //#region packages/form/src/fields/Checkbox.vue?vue&type=script&setup=true&lang.ts
-var Checkbox_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormCheckbox",
 	__name: "Checkbox",
 	props: {

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

@@ -3,7 +3,7 @@ import { filterFunction } from "../utils/form.js";
 import { Fragment, computed, createBlock, createElementBlock, createTextVNode, defineComponent, inject, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 import { TMagicCheckbox, TMagicCheckboxGroup } from "@tmagic/design";
 //#region packages/form/src/fields/CheckboxGroup.vue?vue&type=script&setup=true&lang.ts
-var CheckboxGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var CheckboxGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormCheckGroup",
 	__name: "CheckboxGroup",
 	props: {

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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicColorPicker } from "@tmagic/design";
 //#region packages/form/src/fields/ColorPicker.vue?vue&type=script&setup=true&lang.ts
-var ColorPicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ColorPicker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormColorPicker",
 	__name: "ColorPicker",
 	props: {

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

@@ -3,7 +3,7 @@ import { datetimeFormatter } from "../utils/form.js";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicDatePicker } from "@tmagic/design";
 //#region packages/form/src/fields/Date.vue?vue&type=script&setup=true&lang.ts
-var Date_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Date_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDate",
 	__name: "Date",
 	props: {

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

@@ -3,7 +3,7 @@ import { datetimeFormatter } from "../utils/form.js";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicDatePicker } from "@tmagic/design";
 //#region packages/form/src/fields/DateTime.vue?vue&type=script&setup=true&lang.ts
-var DateTime_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var DateTime_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDateTime",
 	__name: "DateTime",
 	props: {

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

@@ -3,7 +3,7 @@ import { datetimeFormatter } from "../utils/form.js";
 import { createBlock, defineComponent, onUnmounted, openBlock, ref, unref, watch } from "vue";
 import { TMagicDatePicker } from "@tmagic/design";
 //#region packages/form/src/fields/Daterange.vue?vue&type=script&setup=true&lang.ts
-var Daterange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Daterange_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDateRange",
 	__name: "Daterange",
 	props: {

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

@@ -3,7 +3,7 @@ import { filterFunction } from "../utils/form.js";
 import { computed, createCommentVNode, createElementBlock, defineComponent, inject, openBlock, toDisplayString } from "vue";
 //#region packages/form/src/fields/Display.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
-var Display_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Display_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDisplay",
 	__name: "Display",
 	props: {

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

@@ -4,7 +4,7 @@ import { Fragment, createBlock, createElementBlock, createVNode, defineComponent
 import { TMagicForm, TMagicFormItem, TMagicInput } from "@tmagic/design";
 //#region packages/form/src/fields/DynamicField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-dynamic-field" };
-var DynamicField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var DynamicField_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDynamicField",
 	__name: "DynamicField",
 	props: {

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

@@ -1,7 +1,7 @@
 import { useAddField } from "../utils/useAddField.js";
 import { createCommentVNode, createElementBlock, defineComponent, openBlock, vModelText, withDirectives } from "vue";
 //#region packages/form/src/fields/Hidden.vue?vue&type=script&setup=true&lang.ts
-var Hidden_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Hidden_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormHidden",
 	__name: "Hidden",
 	props: {

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

@@ -8,7 +8,7 @@ var _hoisted_2 = {
 	key: 2,
 	class: "m-fields-link"
 };
-var Link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormLink",
 	__name: "Link",
 	props: {

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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { createBlock, createCommentVNode, defineComponent, inject, openBlock, ref, unref, watch } from "vue";
 import { TMagicInputNumber } from "@tmagic/design";
 //#region packages/form/src/fields/Number.vue?vue&type=script&setup=true&lang.ts
-var Number_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Number_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormNumber",
 	__name: "Number",
 	props: {

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

@@ -3,7 +3,7 @@ import { createElementBlock, createElementVNode, createVNode, defineComponent, o
 import { TMagicInput } from "@tmagic/design";
 //#region packages/form/src/fields/NumberRange.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "m-fields-number-range" };
-var NumberRange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var NumberRange_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormNumberRange",
 	__name: "NumberRange",
 	props: {

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

@@ -3,7 +3,7 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { TMagicIcon, TMagicRadio, TMagicRadioButton, TMagicRadioGroup, TMagicTooltip } from "@tmagic/design";
 //#region packages/form/src/fields/RadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 1 };
-var RadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RadioGroup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormRadioGroup",
 	__name: "RadioGroup",
 	props: {

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

@@ -5,7 +5,7 @@ import { TMagicSelect, getDesignConfig } from "@tmagic/design";
 import { getValueByKeyPath } from "@tmagic/utils";
 //#region packages/form/src/fields/Select.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 2 };
-var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormSelect",
 	__name: "Select",
 	props: {

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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { computed, createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicSwitch } from "@tmagic/design";
 //#region packages/form/src/fields/Switch.vue?vue&type=script&setup=true&lang.ts
-var Switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Switch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormSwitch",
 	__name: "Switch",
 	props: {

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

@@ -11,7 +11,7 @@ var _hoisted_3 = { style: {
 	"display": "flex",
 	"justify-content": "flex-end"
 } };
-var Text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Text_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormText",
 	__name: "Text",
 	props: {

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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, inject, openBlock, ref, unref, watch } from "vue";
 import { TMagicInput } from "@tmagic/design";
 //#region packages/form/src/fields/Textarea.vue?vue&type=script&setup=true&lang.ts
-var Textarea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTextarea",
 	__name: "Textarea",
 	props: {

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

@@ -2,7 +2,7 @@ import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, openBlock, unref } from "vue";
 import { TMagicTimePicker } from "@tmagic/design";
 //#region packages/form/src/fields/Time.vue?vue&type=script&setup=true&lang.ts
-var Time_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Time_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTime",
 	__name: "Time",
 	props: {

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

@@ -4,7 +4,7 @@ import { createBlock, defineComponent, onUnmounted, openBlock, ref, unref, watch
 import { TMagicTimePicker } from "@tmagic/design";
 import dayjs from "dayjs";
 //#region packages/form/src/fields/Timerange.vue?vue&type=script&setup=true&lang.ts
-var Timerange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var Timerange_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormTimeRange",
 	__name: "Timerange",
 	props: {

package/dist/es/index.js

@@ -1,4 +1,5 @@
 import "./_virtual/_rolldown/runtime.js";
+import { FORM_DIFF_CONFIG_KEY } from "./schema.js";
 import { useAddField } from "./utils/useAddField.js";
 import Hidden_default from "./fields/Hidden.js";
 import { deleteField, getField, registerField } from "./utils/config.js";
@@ -38,4 +39,4 @@ import plugin_default from "./plugin.js";
 export * from "@tmagic/form-schema";
 var createForm = (config) => config;
 //#endregion
-export { Cascader_default as MCascader, Checkbox_default as MCheckbox, CheckboxGroup_default as MCheckboxGroup, ColorPicker_default as MColorPicker, Container_default as MContainer, Date_default as MDate, DateTime_default as MDateTime, Daterange_default as MDaterange, Display_default as MDisplay, DynamicField_default as MDynamicField, Fieldset_default as MFieldset, FlexLayout_default as MFlexLayout, Form_default as MForm, FormBox_default as MFormBox, FormDialog_default as MFormDialog, FormDrawer_default as MFormDrawer, TableGroupList_default as MGroupList, Hidden_default as MHidden, Link_default as MLink, Number_default as MNumber, NumberRange_default as MNumberRange, Panel_default as MPanel, RadioGroup_default as MRadioGroup, Row_default as MRow, Select_default as MSelect, Switch_default as MSwitch, TableGroupList_default as MTable, TableGroupList_default as MTableGroupList, Tabs_default as MTabs, Text_default as MText, Textarea_default as MTextarea, Time_default as MTime, Timerange_default as MTimerange, createForm, createObjectProp, createValues, datetimeFormatter, plugin_default as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };
+export { FORM_DIFF_CONFIG_KEY, Cascader_default as MCascader, Checkbox_default as MCheckbox, CheckboxGroup_default as MCheckboxGroup, ColorPicker_default as MColorPicker, Container_default as MContainer, Date_default as MDate, DateTime_default as MDateTime, Daterange_default as MDaterange, Display_default as MDisplay, DynamicField_default as MDynamicField, Fieldset_default as MFieldset, FlexLayout_default as MFlexLayout, Form_default as MForm, FormBox_default as MFormBox, FormDialog_default as MFormDialog, FormDrawer_default as MFormDrawer, TableGroupList_default as MGroupList, Hidden_default as MHidden, Link_default as MLink, Number_default as MNumber, NumberRange_default as MNumberRange, Panel_default as MPanel, RadioGroup_default as MRadioGroup, Row_default as MRow, Select_default as MSelect, Switch_default as MSwitch, TableGroupList_default as MTable, TableGroupList_default as MTableGroupList, Tabs_default as MTabs, Text_default as MText, Textarea_default as MTextarea, Time_default as MTime, Timerange_default as MTimerange, createForm, createObjectProp, createValues, datetimeFormatter, plugin_default as default, deleteField as deleteFormField, display, filterFunction, getDataByPage, getField as getFormField, getRules, initValue, registerField as registerFormField, sortArray, sortChange, submitForm, useAddField };

package/dist/es/schema.js

@@ -1,2 +1,6 @@
 import "./_virtual/_rolldown/runtime.js";
 export * from "@tmagic/form-schema";
+//#region packages/form/src/schema.ts
+var FORM_DIFF_CONFIG_KEY = Symbol("mFormDiffConfig");
+//#endregion
+export { FORM_DIFF_CONFIG_KEY };

package/dist/es/style.css

@@ -10,7 +10,10 @@
 .m-form-container.has-tip .tmagic-design-form-item {
   flex: 1;
 }
-.m-form-container .tmagic-design-form-item.show-diff {
+.m-form-container .tmagic-design-form-item.show-after-diff {
+  background: rgb(225, 243, 216);
+}
+.m-form-container .tmagic-design-form-item.show-before-diff {
   background: #f7dadd;
 }
 

package/dist/es/submitForm.js

@@ -21,13 +21,27 @@ import { createApp, defineComponent, h, nextTick, ref, watch } from "vue";
 * } catch (e) {
 *   console.error(e);
 * }
+*
+* // 需要同时获取变更记录时：
+* const { values, changeRecords } = await submitForm({
+*   config: [...],
+*   initValues: { name: 'foo' },
+*   returnChangeRecords: true,
+* });
+*
+* // 调试模式：可见地渲染表单，点击「确定」才提交：
+* const values = await submitForm({
+*   config: [...],
+*   initValues: { name: 'foo' },
+*   debug: true,
+* });
 * ```
 */
 var submitForm = (options) => {
-	const { native, appContext, timeout = 1e4, ...formProps } = options;
+	const { native, appContext, timeout = 1e4, returnChangeRecords, debug = false, ...formProps } = options;
 	return new Promise((resolve, reject) => {
 		const container = document.createElement("div");
-		container.style.display = "none";
+		if (!debug) container.style.display = "none";
 		document.body.appendChild(container);
 		let cleaned = false;
 		let timer = null;
@@ -35,17 +49,106 @@ var submitForm = (options) => {
 			name: "MFormSubmitWrapper",
 			setup() {
 				const formRef = ref(null);
-				const stop = watch(() => formRef.value?.initialized, async (initialized) => {
-					if (!initialized) return;
-					stop();
+				const errorMsg = ref("");
+				const doSubmit = async () => {
 					try {
 						await nextTick();
-						resolve(await formRef.value.submitForm(native));
+						const changeRecords = [...formRef.value?.changeRecords ?? []];
+						const result = await formRef.value.submitForm(native);
+						resolve(returnChangeRecords ? {
+							values: result,
+							changeRecords
+						} : result);
+						cleanup();
 					} catch (err) {
+						if (debug) {
+							errorMsg.value = err instanceof Error ? err.message : String(err);
+							return;
+						}
 						reject(err);
-					} finally {
 						cleanup();
 					}
+				};
+				if (debug) {
+					const handleCancel = () => {
+						reject(/* @__PURE__ */ new Error("submitForm canceled in debug mode."));
+						cleanup();
+					};
+					const btnBase = {
+						padding: "8px 20px",
+						fontSize: "14px",
+						lineHeight: "1",
+						border: "1px solid #dcdfe6",
+						borderRadius: "4px",
+						cursor: "pointer"
+					};
+					return () => h("div", { style: {
+						position: "fixed",
+						inset: "0",
+						zIndex: "10000",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "center",
+						background: "rgba(0, 0, 0, 0.5)"
+					} }, [h("div", { style: {
+						display: "flex",
+						flexDirection: "column",
+						width: "600px",
+						maxWidth: "90vw",
+						maxHeight: "85vh",
+						background: "#fff",
+						borderRadius: "8px",
+						boxShadow: "0 8px 24px rgba(0, 0, 0, 0.2)",
+						overflow: "hidden"
+					} }, [
+						h("div", { style: {
+							padding: "16px 20px",
+							fontSize: "16px",
+							fontWeight: "600",
+							borderBottom: "1px solid #ebeef5"
+						} }, "submitForm 调试"),
+						h("div", { style: {
+							flex: "1",
+							padding: "20px",
+							overflow: "auto"
+						} }, [h(Form_default, {
+							...formProps,
+							ref: formRef
+						}), errorMsg.value ? h("div", {
+							style: {
+								marginTop: "12px",
+								color: "#f56c6c",
+								fontSize: "13px",
+								lineHeight: "1.5"
+							},
+							innerHTML: errorMsg.value
+						}) : null]),
+						h("div", { style: {
+							display: "flex",
+							justifyContent: "flex-end",
+							gap: "12px",
+							padding: "12px 20px",
+							borderTop: "1px solid #ebeef5"
+						} }, [h("button", {
+							type: "button",
+							onClick: handleCancel,
+							style: { ...btnBase }
+						}, "取消"), h("button", {
+							type: "button",
+							onClick: doSubmit,
+							style: {
+								...btnBase,
+								color: "#fff",
+								background: "#409eff",
+								borderColor: "#409eff"
+							}
+						}, "确定")])
+					])]);
+				}
+				const stop = watch(() => formRef.value?.initialized, (initialized) => {
+					if (!initialized) return;
+					stop();
+					doSubmit();
 				}, {
 					flush: "post",
 					immediate: true
@@ -69,7 +172,7 @@ var submitForm = (options) => {
 			} catch {}
 			container.parentNode?.removeChild(container);
 		};
-		if (timeout > 0) timer = setTimeout(() => {
+		if (timeout > 0 && !debug) timer = setTimeout(() => {
 			if (!cleaned) {
 				reject(/* @__PURE__ */ new Error(`submitForm timeout after ${timeout}ms: form is not initialized.`));
 				cleanup();

package/dist/es/utils/form.js

@@ -4,7 +4,7 @@ import { getValueByKeyPath } from "@tmagic/utils";
 import dayjs from "dayjs";
 import utc from "dayjs/plugin/utc";
 //#region packages/form/src/utils/form.ts
-var TABLE_SELECT_TYPES = new Set(["table-select", "tableSelect"]);
+var TABLE_SELECT_TYPES = /* @__PURE__ */ new Set(["table-select", "tableSelect"]);
 var isTableSelect = (type) => typeof type === "string" && TABLE_SELECT_TYPES.has(type);
 var asyncLoadConfig = (value, initValue, { asyncLoad, name, type }) => {
 	if (type === "html" && typeof asyncLoad === "object" && typeof name !== "undefined") {
@@ -12,7 +12,7 @@ var asyncLoadConfig = (value, initValue, { asyncLoad, name, type }) => {
 		value.asyncLoad = typeof initValue.asyncLoad === "object" ? initValue.asyncLoad : asyncLoad;
 	}
 };
-var MULTIPLE_VALUE_TYPES = new Set([
+var MULTIPLE_VALUE_TYPES = /* @__PURE__ */ new Set([
 	"checkbox-group",
 	"checkboxGroup",
 	"table",

package/dist/style.css

@@ -10,7 +10,10 @@
 .m-form-container.has-tip .tmagic-design-form-item {
   flex: 1;
 }
-.m-form-container .tmagic-design-form-item.show-diff {
+.m-form-container .tmagic-design-form-item.show-after-diff {
+  background: rgb(225, 243, 216);
+}
+.m-form-container .tmagic-design-form-item.show-before-diff {
   background: #f7dadd;
 }