@tmagic/form 1.8.0-manmanyu.9 → 1.8.1

package/dist/es/fields/{DynamicField.vue_vue_type_script_setup_true_lang.js → DynamicField/Index.vue_vue_type_script_setup_true_lang.js}

@@ -1,12 +1,13 @@
-import { useAddField } from "../utils/useAddField.js";
-import { getConfig } from "../utils/config.js";
+import { getConfig } from "../../utils/config.js";
+import { useAddField } from "../../utils/useAddField.js";
+import { eachDynamicField } from "./effect.js";
 import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, onBeforeUnmount, openBlock, reactive, renderList, unref, watch, withCtx } from "vue";
 import { TMagicForm, TMagicFormItem, TMagicInput } from "@tmagic/design";
-//#region packages/form/src/fields/DynamicField.vue?vue&type=script&setup=true&lang.ts
+//#region packages/form/src/fields/DynamicField/Index.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 Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormDynamicField",
-	__name: "DynamicField",
+	__name: "Index",
 	props: {
 		config: {},
 		model: {},
@@ -44,15 +45,10 @@ var DynamicField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			const fields = await props.config.returnFields(props.config, props.model, request);
 			fieldMap.value = {};
 			fieldLabelMap.value = {};
-			fields.forEach((v) => {
-				if (typeof v !== "object" || v.name === void 0) return;
-				let oldVal = props.model?.[v.name] || "";
-				if (!oldVal && v.defaultValue !== void 0) {
-					oldVal = v.defaultValue;
-					emit("change", oldVal, { modifyKey: v.name });
-				}
-				fieldMap.value[v.name] = oldVal;
-				fieldLabelMap.value[v.name] = v.label || "";
+			eachDynamicField(fields, props.model, (field, value, isDefaultApplied) => {
+				if (isDefaultApplied) emit("change", value, { modifyKey: field.name });
+				fieldMap.value[field.name] = value;
+				fieldLabelMap.value[field.name] = field.label || "";
 			});
 		};
 		const unwatch = watch(() => props.model?.[props.config.dynamicKey], (val) => {
@@ -91,4 +87,4 @@ var DynamicField_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	}
 });
 //#endregion
-export { DynamicField_vue_vue_type_script_setup_true_lang_default as default };
+export { Index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,40 @@
+import { getConfig } from "../../utils/config.js";
+import { setValueByKeyPath } from "@tmagic/utils";
+//#region packages/form/src/fields/DynamicField/effect.ts
+/**
+* 遍历动态字段列表，按「原值为空且声明了 defaultValue 则取默认值」求出每个字段当前的值。
+*
+* `isDefaultApplied` 为真表示该值来自 `defaultValue`，需要写回表单值
+* （组件通过 emit change 写回，初始化写入直接写 `values`）。
+*/
+var eachDynamicField = (fields, model, onField) => {
+	for (const field of fields) {
+		if (typeof field !== "object" || field?.name === void 0) continue;
+		let value = model?.[field.name] || "";
+		let isDefaultApplied = false;
+		if (!value && field.defaultValue !== void 0) {
+			value = field.defaultValue;
+			isDefaultApplied = true;
+		}
+		onField(field, value, isDefaultApplied);
+	}
+};
+/**
+* 同步 `returnFields` 的 defaultValue 按 prop 写入值根对象。
+*
+* 该组件读取的是同级 model，但写入走 Container 的 modifyKey 分支，落在 `${prop}.${key}`，
+* 这里保持与渲染一致（含这层不对称），避免两条链路产出不同的值。
+* 异步 returnFields 由组件挂载后的 watch 负责，此处不等待。
+*/
+var effect = ({ config, model, prop, values }) => {
+	const { returnFields, dynamicKey } = config;
+	if (typeof returnFields !== "function" || !model) return;
+	if (model[dynamicKey] === "") return;
+	const result = returnFields(config, model, getConfig("request"));
+	if (!result || typeof result.then === "function" || !Array.isArray(result)) return;
+	eachDynamicField(result, model, (field, value, isDefaultApplied) => {
+		if (isDefaultApplied) setValueByKeyPath(`${prop}.${field.name}`, value, values || model);
+	});
+};
+//#endregion
+export { eachDynamicField, effect };

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

@@ -1,7 +1,8 @@
+import { isGlobalFlat } from "../utils/config.js";
 import { useAddField } from "../utils/useAddField.js";
 import FormDialog_default from "../FormDialog.js";
 import { computed, createElementBlock, createTextVNode, createVNode, defineComponent, inject, normalizeStyle, openBlock, readonly, ref, toDisplayString, unref, withCtx } from "vue";
-import { TMagicButton, TMagicIcon, useTheme } from "@tmagic/design";
+import { TMagicButton, TMagicIcon } from "@tmagic/design";
 import { Notebook } from "@element-plus/icons-vue";
 //#region packages/form/src/fields/Link.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["href"];
@@ -10,7 +11,7 @@ var _hoisted_3 = {
 	key: 3,
 	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: {
@@ -33,7 +34,6 @@ var Link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const displayTheme = useTheme(props);
 		useAddField(props.prop);
 		const formValue = ref({});
 		const editor = ref();
@@ -71,7 +71,7 @@ var Link_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			editor.value && (editor.value.dialogVisible = false);
 		};
 		return (_ctx, _cache) => {
-			return unref(displayTheme) === "magic-admin" && __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
+			return unref(isGlobalFlat) && __props.config.href && !__props.disabled ? (openBlock(), createElementBlock("a", {
 				key: 0,
 				target: "_blank",
 				href: href.value,

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

@@ -1,8 +1,9 @@
+import { isGlobalFlat } from "../utils/config.js";
 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: {
@@ -43,7 +44,7 @@ var Number_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				modelValue: value.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
 				clearable: "",
-				"controls-position": "right",
+				"controls-position": unref(isGlobalFlat) ? "" : "right",
 				size: __props.size,
 				max: __props.config.max,
 				min: __props.config.min,
@@ -54,6 +55,7 @@ var Number_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				onInput: inputHandler
 			}, null, 8, [
 				"modelValue",
+				"controls-position",
 				"size",
 				"max",
 				"min",

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

@@ -0,0 +1,5 @@
+import Index_vue_vue_type_script_setup_true_lang_default from "./Index.vue_vue_type_script_setup_true_lang.js";
+//#region packages/form/src/fields/NumberRange/Index.vue
+var Index_default = Index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Index_default as default };

package/dist/es/fields/{NumberRange.vue_vue_type_script_setup_true_lang.js → NumberRange/Index.vue_vue_type_script_setup_true_lang.js}

@@ -1,11 +1,11 @@
-import { useAddField } from "../utils/useAddField.js";
+import { useAddField } from "../../utils/useAddField.js";
 import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, unref, watch } from "vue";
 import { TMagicInput } from "@tmagic/design";
-//#region packages/form/src/fields/NumberRange.vue?vue&type=script&setup=true&lang.ts
+//#region packages/form/src/fields/NumberRange/Index.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 Index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "MFormNumberRange",
-	__name: "NumberRange",
+	__name: "Index",
 	props: {
 		config: {},
 		model: {},
@@ -35,7 +35,6 @@ var NumberRange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			deep: true
 		});
 		useAddField(props.prop);
-		if (!Array.isArray(props.model[props.name])) props.model[props.name] = [];
 		const minChangeHandler = (v) => {
 			emit("change", [Number(v), props.model[props.name][1]]);
 		};
@@ -76,4 +75,4 @@ var NumberRange_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	}
 });
 //#endregion
-export { NumberRange_vue_vue_type_script_setup_true_lang_default as default };
+export { Index_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -0,0 +1,8 @@
+//#region packages/form/src/fields/NumberRange/effect.ts
+/** 值不是数组时修正为空数组。 */
+var effect = ({ config, model }) => {
+	const { name } = config;
+	if (model && !Array.isArray(model[name])) model[name] = [];
+};
+//#endregion
+export { effect };

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

@@ -7,7 +7,7 @@ var _hoisted_2 = {
 	key: 1,
 	class: "m-fields-radio-group__text"
 };
-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: {
@@ -31,10 +31,12 @@ var RadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const itemComponent = computed(() => props.config.childType === "button" ? TMagicRadioButton : TMagicRadio);
 		const emit = __emit;
 		const clickHandler = (item) => {
+			if (props.disabled) return;
 			emit("change", props.model[props.name] === item ? "" : item);
 		};
 		useAddField(props.prop);
 		const iconSize = computed(() => {
+			if (props.config.iconSize) return props.config.iconSize;
 			if (props.size === "small") return "14";
 			if (props.size === "large") return "16";
 			return "16";
@@ -44,7 +46,8 @@ var RadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				key: 0,
 				"model-value": __props.model[__props.name],
 				size: __props.size,
-				disabled: __props.disabled
+				disabled: __props.disabled,
+				class: "icon-{{ iconSize }}"
 			}, {
 				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.config.options, (option) => {
 					return openBlock(), createBlock(resolveDynamicComponent(itemComponent.value), {

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

@@ -1,11 +1,11 @@
-import { useAddField } from "../utils/useAddField.js";
 import { getConfig } from "../utils/config.js";
+import { useAddField } from "../utils/useAddField.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, mergeProps, nextTick, openBlock, ref, renderList, resolveDirective, resolveDynamicComponent, unref, watch, watchEffect, withCtx, withDirectives } from "vue";
-import { TMagicSelect, getDesignConfig } from "@tmagic/design";
 import { getValueByKeyPath } from "@tmagic/utils";
+import { TMagicSelect, getDesignConfig } from "@tmagic/design";
 //#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: {
@@ -199,7 +199,10 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				prop: props.prop,
 				postOptions
 			});
-			let initData = getValueByKeyPath(initRoot || root, res);
+			let initData;
+			try {
+				initData = getValueByKeyPath(initRoot || root, res);
+			} catch {}
 			if (initData) {
 				if (!Array.isArray(initData)) initData = [initData];
 				if (typeof option.item === "function") options = option.item(initData);
@@ -230,7 +233,12 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				const v = props.model[props.name];
 				if (Array.isArray(v) ? !v.length : typeof v === "undefined") return;
 				if (typeof v === "undefined" || hasOption(v)) return;
-				setOptions(await getInitOption());
+				try {
+					const data = await getInitOption();
+					setOptions(data);
+				} catch {
+					setOptions([]);
+				}
 			};
 			watch(() => props.model?.[props.name], () => {
 				initOption();
@@ -325,7 +333,7 @@ var Select_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				}), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(options.value, (option) => {
 					return openBlock(), createBlock(resolveDynamicComponent(unref(optionComponent)?.component || "el-option"), mergeProps({
 						class: "tmagic-design-option",
-						key: __props.config.valueKey ? option.value[__props.config.valueKey] : option.value
+						key: __props.config.valueKey ? option.value?.[__props.config.valueKey] : option.value
 					}, { ref_for: true }, unref(optionComponent)?.props({
 						label: option.text,
 						value: option.value,

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

@@ -1,8 +1,8 @@
 import { useAddField } from "../utils/useAddField.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, readonly, ref, shallowRef, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
 import { debounce } from "lodash-es";
-import { TMagicButton, TMagicInput } from "@tmagic/design";
 import { isNumber } from "@tmagic/utils";
+import { TMagicButton, TMagicInput } from "@tmagic/design";
 import { createPopper } from "@popperjs/core";
 //#region packages/form/src/fields/Text.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { key: 0 };
@@ -19,7 +19,7 @@ var _hoisted_8 = { 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: {
@@ -120,14 +120,17 @@ var Text_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			const ctrl = navigator.platform.match("Mac") ? $event.metaKey : $event.ctrlKey;
 			const shift = $event.shiftKey;
 			const alt = $event.altKey;
-			if (arrowUp) if (ctrl) num += 100;
-			else if (alt) num = (num * 1e4 + 1e3) / 1e4;
-			else if (shift) num = num + 10;
-			else num += 1;
-			else if (arrowDown) if (ctrl) num -= 100;
-			else if (alt) num = (num * 1e4 - 1e3) / 1e4;
-			else if (shift) num -= 10;
-			else num -= 1;
+			if (arrowUp) {
+				if (ctrl) num += 100;
+				else if (alt) num = (num * 1e4 + 1e3) / 1e4;
+				else if (shift) num = num + 10;
+				else num += 1;
+			} else if (arrowDown) {
+				if (ctrl) num -= 100;
+				else if (alt) num = (num * 1e4 - 1e3) / 1e4;
+				else if (shift) num -= 10;
+				else num -= 1;
+			}
 			props.model[props.name] = `${num}${unit || ""}`;
 			emit("change", props.model[props.name]);
 		};

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

@@ -1,10 +1,10 @@
-import { useAddField } from "../utils/useAddField.js";
 import { datetimeFormatter } from "../utils/form.js";
+import { useAddField } from "../utils/useAddField.js";
 import { createBlock, defineComponent, onUnmounted, openBlock, ref, unref, watch } from "vue";
-import { TMagicTimePicker } from "@tmagic/design";
 import dayjs from "dayjs";
+import { TMagicTimePicker } from "@tmagic/design";
 //#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/headless.js

@@ -0,0 +1,13 @@
+import { FORM_CONTEXT_KEY, FORM_DIFF_CONFIG_KEY, FORM_TYPE_MATCH_VALID_KEY } from "./schema.js";
+import { isLeafFieldType } from "./utils/fieldValueEffects.js";
+import { MAX_SUGGESTION_OPTIONS, clearTypeMatchRules, deleteTypeMatchRule, getTypeMatchRule, optionSuggestion, stringifyExampleValue, validateTypeMatch } from "./utils/typeMatch.js";
+import { createFormStateProxy, mergeFormContexts } from "./utils/formStateProxy.js";
+import { adaptFormValidator, appendProp, createFormStateBase, createObjectProp, createValues, datetimeFormatter, display, filterFunction, getDataByPage, getItemProp, getNativeRules, getRules, initValue, isValidName, resolveItemType, sortArray, sortChange } from "./utils/form.js";
+import { FieldInnerConfigError, applyMountValueEffects, collectValidatableFields, isFieldInnerConfigError } from "./utils/collectFields.js";
+import { formatValidateError, getTextByName } from "./utils/validateError.js";
+import { createHeadlessFormState, validateValues } from "./utils/validateValues.js";
+import { submitForm, validateForm } from "./utils/submitHeadless.js";
+import { clearFields, getField, mergeFieldOptions, registerBuiltInFields, registerField, registerFields, unregisterField } from "./utils/registerField.js";
+import { builtInFields } from "./utils/builtInFields.js";
+export * from "@tmagic/form-schema";
+export { FORM_CONTEXT_KEY, FORM_DIFF_CONFIG_KEY, FORM_TYPE_MATCH_VALID_KEY, FieldInnerConfigError, MAX_SUGGESTION_OPTIONS, adaptFormValidator, appendProp, applyMountValueEffects, builtInFields, clearFields, clearTypeMatchRules, collectValidatableFields, createFormStateBase, createFormStateProxy, createHeadlessFormState, createObjectProp, createValues, datetimeFormatter, deleteTypeMatchRule, display, filterFunction, formatValidateError, getDataByPage, getField as getFormField, getItemProp, getNativeRules, getRules, getTextByName, getTypeMatchRule, initValue, isFieldInnerConfigError, isLeafFieldType, isValidName, mergeFieldOptions, mergeFormContexts, optionSuggestion, registerBuiltInFields, registerField, registerFields, resolveItemType, sortArray, sortChange, stringifyExampleValue, submitForm, unregisterField, validateForm, validateTypeMatch, validateValues };

package/dist/es/index.js

@@ -1,12 +1,17 @@
-import "./_virtual/_rolldown/runtime.js";
-import { FORM_DIFF_CONFIG_KEY } from "./schema.js";
+import { FORM_CONTEXT_KEY, FORM_DIFF_CONFIG_KEY, FORM_TYPE_MATCH_VALID_KEY } from "./schema.js";
+import { isLeafFieldType } from "./utils/fieldValueEffects.js";
+import { MAX_SUGGESTION_OPTIONS, clearTypeMatchRules, deleteTypeMatchRule, getTypeMatchRule, optionSuggestion, stringifyExampleValue, validateTypeMatch } from "./utils/typeMatch.js";
+import { createFormStateProxy, mergeFormContexts } from "./utils/formStateProxy.js";
+import { adaptFormValidator, appendProp, createFormStateBase, createObjectProp, createValues, datetimeFormatter, display, filterFunction, getDataByPage, getItemProp, getNativeRules, getRules, initValue, isValidName, resolveItemType, sortArray, sortChange } from "./utils/form.js";
+import { FieldInnerConfigError, applyMountValueEffects, collectValidatableFields, isFieldInnerConfigError } from "./utils/collectFields.js";
+import { formatValidateError, getTextByName } from "./utils/validateError.js";
+import { createHeadlessFormState, validateValues } from "./utils/validateValues.js";
 import { useAddField } from "./utils/useAddField.js";
 import Hidden_default from "./fields/Hidden.js";
-import { deleteField, getField, registerField } from "./utils/config.js";
-import { createObjectProp, createValues, datetimeFormatter, display, filterFunction, getDataByPage, getRules, initValue, sortArray, sortChange } from "./utils/form.js";
+import { clearFields, getField, mergeFieldOptions, registerBuiltInFields, registerField, registerFields, unregisterField } from "./utils/registerField.js";
 import Container_default from "./containers/Container.js";
 import Form_default from "./Form.js";
-import { submitForm } from "./submitForm.js";
+import { stripTabItemsLazy, submitForm, validateForm } from "./submitForm.js";
 import FormDialog_default from "./FormDialog.js";
 import FormDrawer_default from "./FormDrawer.js";
 import FormBox_default from "./FormBox.js";
@@ -18,25 +23,27 @@ import Tabs_default from "./containers/Tabs.js";
 import TableGroupList_default from "./containers/table-group-list/TableGroupList.js";
 import Text_default from "./fields/Text.js";
 import Number_default from "./fields/Number.js";
-import NumberRange_default from "./fields/NumberRange.js";
+import Index_default$5 from "./fields/NumberRange/Index.js";
 import Textarea_default from "./fields/Textarea.js";
-import Date_default from "./fields/Date.js";
-import DateTime_default from "./fields/DateTime.js";
+import Index_default$1 from "./fields/Date/Index.js";
+import Index_default$2 from "./fields/DateTime/Index.js";
 import Time_default from "./fields/Time.js";
 import Checkbox_default from "./fields/Checkbox.js";
 import Switch_default from "./fields/Switch.js";
 import Daterange_default from "./fields/Daterange.js";
 import Timerange_default from "./fields/Timerange.js";
 import ColorPicker_default from "./fields/ColorPicker.js";
-import CheckboxGroup_default from "./fields/CheckboxGroup.js";
+import Index_default from "./fields/CheckboxGroup/Index.js";
 import RadioGroup_default from "./fields/RadioGroup.js";
-import Display_default from "./fields/Display.js";
+import Index_default$3 from "./fields/Display/Index.js";
 import Link_default from "./fields/Link.js";
 import Select_default from "./fields/Select.js";
 import Cascader_default from "./fields/Cascader.js";
-import DynamicField_default from "./fields/DynamicField.js";
+import Index_default$4 from "./fields/DynamicField/Index.js";
+import { builtInFields } from "./utils/builtInFields.js";
 import plugin_default from "./plugin.js";
 export * from "@tmagic/form-schema";
+//#region packages/form/src/index.ts
 var createForm = (config) => config;
 //#endregion
-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 };
+export { FORM_CONTEXT_KEY, FORM_DIFF_CONFIG_KEY, FORM_TYPE_MATCH_VALID_KEY, FieldInnerConfigError, MAX_SUGGESTION_OPTIONS, Cascader_default as MCascader, Checkbox_default as MCheckbox, Index_default as MCheckboxGroup, ColorPicker_default as MColorPicker, Container_default as MContainer, Index_default$1 as MDate, Index_default$2 as MDateTime, Daterange_default as MDaterange, Index_default$3 as MDisplay, Index_default$4 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, Index_default$5 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, adaptFormValidator, appendProp, applyMountValueEffects, builtInFields, clearFields, clearTypeMatchRules, collectValidatableFields, createForm, createFormStateBase, createFormStateProxy, createHeadlessFormState, createObjectProp, createValues, datetimeFormatter, plugin_default as default, deleteTypeMatchRule, display, filterFunction, formatValidateError, getDataByPage, getField as getFormField, getItemProp, getNativeRules, getRules, getTextByName, getTypeMatchRule, initValue, isFieldInnerConfigError, isLeafFieldType, isValidName, mergeFieldOptions, mergeFormContexts, optionSuggestion, registerBuiltInFields, registerField, registerFields, resolveItemType, sortArray, sortChange, stringifyExampleValue, stripTabItemsLazy, submitForm, unregisterField, useAddField, validateForm, validateTypeMatch, validateValues };

package/dist/es/plugin.js

@@ -1,5 +1,6 @@
-import Hidden_default from "./fields/Hidden.js";
 import { setConfig } from "./utils/config.js";
+import Hidden_default from "./fields/Hidden.js";
+import { registerBuiltInFields, registerFields } from "./utils/registerField.js";
 import Container_default from "./containers/Container.js";
 import Form_default from "./Form.js";
 import FormDialog_default from "./FormDialog.js";
@@ -12,64 +13,81 @@ import Tabs_default from "./containers/Tabs.js";
 import TableGroupList_default from "./containers/table-group-list/TableGroupList.js";
 import Text_default from "./fields/Text.js";
 import Number_default from "./fields/Number.js";
-import NumberRange_default from "./fields/NumberRange.js";
+import Index_default from "./fields/NumberRange/Index.js";
 import Textarea_default from "./fields/Textarea.js";
-import Date_default from "./fields/Date.js";
-import DateTime_default from "./fields/DateTime.js";
+import Index_default$1 from "./fields/Date/Index.js";
+import Index_default$2 from "./fields/DateTime/Index.js";
 import Time_default from "./fields/Time.js";
 import Checkbox_default from "./fields/Checkbox.js";
 import Switch_default from "./fields/Switch.js";
 import Daterange_default from "./fields/Daterange.js";
 import Timerange_default from "./fields/Timerange.js";
 import ColorPicker_default from "./fields/ColorPicker.js";
-import CheckboxGroup_default from "./fields/CheckboxGroup.js";
+import Index_default$3 from "./fields/CheckboxGroup/Index.js";
 import RadioGroup_default from "./fields/RadioGroup.js";
-import Display_default from "./fields/Display.js";
+import Index_default$4 from "./fields/Display/Index.js";
 import Link_default from "./fields/Link.js";
 import Select_default from "./fields/Select.js";
 import Cascader_default from "./fields/Cascader.js";
-import DynamicField_default from "./fields/DynamicField.js";
+import Index_default$5 from "./fields/DynamicField/Index.js";
+import { builtInFields } from "./utils/builtInFields.js";
 import Step_default from "./containers/Step.js";
 /* empty css            */
 //#region packages/form/src/plugin.ts
+var builtInFieldVue = {
+	text: { component: Text_default },
+	"img-upload": { component: Text_default },
+	number: { component: Number_default },
+	"number-range": { component: Index_default },
+	textarea: { component: Textarea_default },
+	hidden: { component: Hidden_default },
+	date: { component: Index_default$1 },
+	datetime: { component: Index_default$2 },
+	daterange: { component: Daterange_default },
+	timerange: { component: Timerange_default },
+	time: { component: Time_default },
+	checkbox: { component: Checkbox_default },
+	switch: { component: Switch_default },
+	"color-picker": { component: ColorPicker_default },
+	"checkbox-group": { component: Index_default$3 },
+	"radio-group": { component: RadioGroup_default },
+	display: { component: Index_default$4 },
+	link: { component: Link_default },
+	select: { component: Select_default },
+	cascader: { component: Cascader_default },
+	"dynamic-field": { component: Index_default$5 },
+	container: { container: Container_default },
+	tab: { container: Tabs_default },
+	row: { container: Row_default },
+	"flex-layout": { container: FlexLayout_default },
+	fieldset: { container: Fieldset_default },
+	panel: { container: Panel_default },
+	step: { container: Step_default },
+	table: { container: TableGroupList_default },
+	"group-list": { container: TableGroupList_default },
+	"table-group-list": { container: TableGroupList_default }
+};
 var defaultInstallOpt = {};
-var plugin_default = { install(app, opt = {}) {
-	const option = Object.assign(defaultInstallOpt, opt);
+var plugin_default = { 
+/**
+* 安装 `@tmagic/form`：登记内置字段、挂载 `m-form` / `m-form-dialog` / `m-form-drawer`。
+*
+* @param app - Vue 应用
+* @param [opt] - 安装选项
+*/
+install(app, opt = {}) {
+	const option = {
+		...defaultInstallOpt,
+		...opt
+	};
 	app.config.globalProperties.$MAGIC_FORM = option;
 	setConfig(option);
+	registerBuiltInFields(builtInFields);
+	registerBuiltInFields(builtInFieldVue, app);
+	if (option.fields) registerFields(option.fields, app);
 	app.component("m-form", Form_default);
 	app.component("m-form-dialog", FormDialog_default);
 	app.component("m-form-drawer", FormDrawer_default);
-	app.component("m-form-container", Container_default);
-	app.component("m-form-fieldset", Fieldset_default);
-	app.component("m-form-group-list", TableGroupList_default);
-	app.component("m-form-panel", Panel_default);
-	app.component("m-form-row", Row_default);
-	app.component("m-form-step", Step_default);
-	app.component("m-form-table", TableGroupList_default);
-	app.component("m-form-tab", Tabs_default);
-	app.component("m-form-flex-layout", FlexLayout_default);
-	app.component("m-fields-text", Text_default);
-	app.component("m-fields-img-upload", Text_default);
-	app.component("m-fields-number", Number_default);
-	app.component("m-fields-number-range", NumberRange_default);
-	app.component("m-fields-textarea", Textarea_default);
-	app.component("m-fields-hidden", Hidden_default);
-	app.component("m-fields-date", Date_default);
-	app.component("m-fields-datetime", DateTime_default);
-	app.component("m-fields-daterange", Daterange_default);
-	app.component("m-fields-timerange", Timerange_default);
-	app.component("m-fields-time", Time_default);
-	app.component("m-fields-checkbox", Checkbox_default);
-	app.component("m-fields-switch", Switch_default);
-	app.component("m-fields-color-picker", ColorPicker_default);
-	app.component("m-fields-checkbox-group", CheckboxGroup_default);
-	app.component("m-fields-radio-group", RadioGroup_default);
-	app.component("m-fields-display", Display_default);
-	app.component("m-fields-link", Link_default);
-	app.component("m-fields-select", Select_default);
-	app.component("m-fields-cascader", Cascader_default);
-	app.component("m-fields-dynamic-field", DynamicField_default);
 } };
 //#endregion
 export { plugin_default as default };

package/dist/es/schema.js

@@ -1,6 +1,15 @@
-import "./_virtual/_rolldown/runtime.js";
 export * from "@tmagic/form-schema";
 //#region packages/form/src/schema.ts
 var FORM_DIFF_CONFIG_KEY = Symbol("mFormDiffConfig");
+var FORM_TYPE_MATCH_VALID_KEY = Symbol("mFormTypeMatchValid");
+/**
+* 宿主业务上下文，由 `MForm`（或更外层的 Editor）通过 `provide` 下发。
+*
+* 嵌套表单（Link 子表单、FormBox、临时校验表单等）会自动继承最近祖先的 context，
+* 无需层层透传。
+*
+* 配置回调统一通过 `mForm.xxx` 读取，由 formState 的读穿 Proxy 落到这里。
+*/
+var FORM_CONTEXT_KEY = Symbol("mFormContext");
 //#endregion
-export { FORM_DIFF_CONFIG_KEY };
+export { FORM_CONTEXT_KEY, FORM_DIFF_CONFIG_KEY, FORM_TYPE_MATCH_VALID_KEY };