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

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,10 +21,17 @@ 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,
+* });
 * ```
 */
 var submitForm = (options) => {
-	const { native, appContext, timeout = 1e4, ...formProps } = options;
+	const { native, appContext, timeout = 1e4, returnChangeRecords, ...formProps } = options;
 	return new Promise((resolve, reject) => {
 		const container = document.createElement("div");
 		container.style.display = "none";
@@ -40,7 +47,12 @@ var submitForm = (options) => {
 					stop();
 					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);
 					} catch (err) {
 						reject(err);
 					} finally {

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;
 }