vft 0.0.524 → 0.0.525

package/lib/components/super-form/super-form.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,456 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_index$1 = require("../form/index.cjs");
+const require_index$2 = require("../row/index.cjs");
+const require_index$3 = require("../col/index.cjs");
+const require_use_form_context = require("./use/use-form-context.cjs");
+const require_super_form_action = require("./super-form-action.cjs");
+const require_helper = require("./use/helper.cjs");
+const require_super_form_item = require("./super-form-item.cjs");
+const require_use_auto_focus = require("./use/use-auto-focus.cjs");
+const require_use_form_events = require("./use/use-form-events.cjs");
+const require_use_form_values = require("./use/use-form-values.cjs");
+let _vft_utils = require("@vft/utils");
+let _vueuse_core = require("@vueuse/core");
+let vue = require("vue");
+//#region ../../packages/components/super-form/super-form.vue?vue&type=script&setup=true&lang.tsx
+const __default__ = (0, vue.defineComponent)({ name: "vft-super-form" });
+var super_form_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		size: {
+			type: String,
+			required: false,
+			default: "default"
+		},
+		rowProps: {
+			type: Object,
+			required: false,
+			default: { gutter: 20 }
+		},
+		baseColProps: {
+			type: Object,
+			required: false
+		},
+		quickColSpan: {
+			type: Number,
+			required: false,
+			default: 3
+		},
+		autoSetPlaceHolder: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		schemas: {
+			type: Array,
+			required: false
+		},
+		autoFocusFirstItem: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		submitOnReset: {
+			type: Boolean,
+			required: false
+		},
+		mergeDynamicData: {
+			type: null,
+			required: false
+		},
+		fieldMapToTime: {
+			type: Array,
+			required: false
+		},
+		autoSubmitOnEnter: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		rulesMessageJoinLabel: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		submitOnChange: {
+			type: Boolean,
+			required: false
+		},
+		showActionButtonGroup: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		autoCleanErrorMessage: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		beforeSubmitFunc: {
+			type: Function,
+			required: false
+		},
+		submitFunc: {
+			type: Function,
+			required: false
+		},
+		watchDataIsChange: {
+			type: Boolean,
+			required: false
+		},
+		compFullWidth: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		actionInline: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		resetFunc: {
+			type: Function,
+			required: false
+		},
+		customLayout: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		showResetButton: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		showSubmitButton: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		showCommonButton: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		resetButtonOptions: {
+			type: Object,
+			required: false
+		},
+		submitButtonOptions: {
+			type: Object,
+			required: false
+		},
+		commonButtonOptions: {
+			type: Object,
+			required: false
+		},
+		actionRowOptions: {
+			type: Object,
+			required: false
+		},
+		inputMaxLength: {
+			type: Number,
+			required: false
+		},
+		submitResetReverse: {
+			type: Boolean,
+			required: false
+		},
+		labelPosition: {
+			type: String,
+			required: false,
+			default: "right"
+		},
+		labelWidth: {
+			type: [String, Number],
+			required: false,
+			default: "auto"
+		},
+		labelSuffix: {
+			type: String,
+			required: false
+		},
+		formatter: {
+			type: Function,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		model: {
+			type: Object,
+			required: false
+		},
+		rules: {
+			type: Object,
+			required: false
+		},
+		requireAsteriskPosition: {
+			type: String,
+			required: false,
+			default: "left"
+		},
+		inline: {
+			type: Boolean,
+			required: false
+		},
+		inlineMessage: {
+			type: Boolean,
+			required: false
+		},
+		statusIcon: {
+			type: Boolean,
+			required: false
+		},
+		showMessage: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		validateOnRuleChange: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		hideRequiredAsterisk: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		scrollToError: {
+			type: Boolean,
+			required: false
+		},
+		scrollIntoViewOptions: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"register",
+		"reset",
+		"submit",
+		"field-value-change",
+		"common-btn-click"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const ns = require_index.useNamespace("super-form");
+		const attrs = (0, vue.useAttrs)();
+		const formModel = (0, vue.reactive)({});
+		const defaultValueRef = (0, vue.ref)({});
+		const isInitedDefaultRef = (0, vue.ref)(false);
+		const propsRef = (0, vue.ref)({});
+		const schemaRef = (0, vue.ref)();
+		const formElRef = (0, vue.ref)(null);
+		const initValues = (0, vue.ref)();
+		const getProps = (0, vue.computed)(() => {
+			return {
+				...props,
+				...(0, vue.unref)(propsRef)
+			};
+		});
+		const getBindValue = (0, vue.computed)(() => ({
+			...attrs,
+			...props,
+			...(0, vue.unref)(getProps)
+		}));
+		const getSchema = (0, vue.computed)(() => {
+			return (0, _vft_utils.cloneDeep)((0, vue.unref)(schemaRef));
+		});
+		const { handleFormValues, initDefault } = require_use_form_values.useFormValues({
+			getProps,
+			defaultValueRef,
+			getSchema,
+			formModel
+		});
+		require_use_auto_focus.useAutoFocus({
+			getSchema,
+			getProps,
+			isInitedDefault: isInitedDefaultRef,
+			formElRef
+		});
+		const { handleSubmit, setFieldsValue, clearValidate, validate, validateField, getFieldsValue, updateSchema, resetSchema, appendSchemaByField, removeSchemaByField, resetFields, scrollToField, getFieldValue, setFormItemError } = require_use_form_events.useFormEvents({
+			emit,
+			getProps,
+			formModel,
+			getSchema,
+			defaultValueRef,
+			formElRef,
+			schemaRef,
+			handleFormValues,
+			initValues
+		});
+		require_use_form_context.createFormContext({
+			resetAction: resetFields,
+			submitAction: handleSubmit,
+			commonAction: () => emit("common-btn-click")
+		});
+		(0, vue.watch)(() => (0, vue.unref)(getProps).model, () => {
+			const { model } = (0, vue.unref)(getProps);
+			if (!model) return;
+			setFieldsValue(model);
+		}, { immediate: true });
+		(0, vue.watch)(() => (0, vue.unref)(getProps).schemas, (schemas, oldSchemas) => {
+			if (!(0, _vft_utils.isEqual)(schemas, oldSchemas)) resetSchema(schemas ?? []);
+		});
+		(0, vue.watch)(() => getSchema.value, (schema) => {
+			(0, vue.nextTick)(() => {});
+			if ((0, vue.unref)(isInitedDefaultRef)) return;
+			if (schema?.length) {
+				initDefault();
+				isInitedDefaultRef.value = true;
+				if (getProps.value?.watchDataIsChange) (0, _vueuse_core.useTimeoutFn)(() => {
+					initValues.value = getFieldsValue();
+				}, 40);
+			}
+		});
+		(0, vue.watch)(() => formModel, (0, _vueuse_core.useDebounceFn)(() => {
+			(0, vue.unref)(getProps).submitOnChange && handleSubmit();
+		}, 300), { deep: true });
+		async function setProps(formProps) {
+			propsRef.value = (0, _vft_utils.deepMerge)((0, vue.unref)(propsRef) || {}, formProps);
+		}
+		function setFormModel(key, value, schema) {
+			formModel[key] = value;
+		}
+		function handleEnterPress(e) {
+			const { autoSubmitOnEnter } = (0, vue.unref)(getProps);
+			if (!autoSubmitOnEnter) return;
+			if (e.key === "Enter" && e.target && e.target instanceof HTMLElement) {
+				const target = e.target;
+				if (target && target.tagName && target.tagName.toUpperCase() === "INPUT") handleSubmit();
+			}
+		}
+		const formActionType = {
+			getFieldsValue,
+			getFieldValue,
+			setFieldsValue,
+			resetFields,
+			updateSchema,
+			resetSchema,
+			setProps,
+			removeSchemaByField,
+			appendSchemaByField,
+			clearValidate,
+			validateField,
+			setFormItemError,
+			validate,
+			submit: handleSubmit,
+			scrollToField
+		};
+		emit("register", formActionType);
+		const getFormActionBindProps = (0, vue.computed)(() => (0, _vft_utils.pick)(getProps.value, [
+			"showResetButton",
+			"showCommonButton",
+			"showSubmitButton",
+			"resetButtonOptions",
+			"submitButtonOptions",
+			"commonButtonOptions",
+			"actionRowOptions",
+			"actionSpan",
+			"submitResetReverse"
+		]));
+		const hasActionButton = (0, vue.computed)(() => {
+			const { showCommonButton, showResetButton, showSubmitButton } = getProps.value;
+			return !!(showCommonButton || showResetButton || showSubmitButton);
+		});
+		const willExceedOneRow = (0, vue.computed)(() => {
+			const schemas = (0, vue.unref)(getSchema);
+			if (!schemas || schemas.length === 0) return false;
+			try {
+				return require_helper.willFormExceedOneRow(schemas, getProps.value, formModel, defaultValueRef.value).willExceed;
+			} catch {
+				return false;
+			}
+		});
+		const slots = (0, vue.useSlots)();
+		/**
+		* 渲染表单操作按钮组件
+		*/
+		const renderFormAction = (show) => {
+			if (!show) return null;
+			return (0, vue.h)(require_super_form_action.default, getFormActionBindProps.value, {
+				resetBefore: (data) => slots.resetBefore?.(data),
+				submitBefore: (data) => slots.submitBefore?.(data),
+				submitAfter: (data) => slots.submitAfter?.(data)
+			});
+		};
+		__expose({
+			getFieldsValue,
+			getFieldValue,
+			setFieldsValue,
+			resetFields,
+			updateSchema,
+			resetSchema,
+			setProps,
+			removeSchemaByField,
+			appendSchemaByField,
+			clearValidate,
+			validateField,
+			validate,
+			submit: handleSubmit,
+			getSchema,
+			setFormItemError,
+			formModel: (0, vue.computed)(() => handleFormValues(formModel)),
+			hasActionButton,
+			willExceedOneRow
+		});
+		return (_ctx, _cache) => {
+			return getSchema.value?.length ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.VftForm), (0, vue.mergeProps)({ key: 0 }, getBindValue.value, {
+				ref_key: "formElRef",
+				ref: formElRef,
+				class: [(0, vue.unref)(ns).b(), { [(0, vue.unref)(ns).is("exceed-one-row")]: willExceedOneRow.value }],
+				model: formModel,
+				onSubmit: _cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["prevent"])),
+				onKeypress: (0, vue.withKeys)(handleEnterPress, ["enter"])
+			}), {
+				default: (0, vue.withCtx)(() => [
+					getSchema.value?.length ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.VftRow), (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, getBindValue.value?.rowProps)), {
+						default: (0, vue.withCtx)(() => [
+							(0, vue.renderSlot)(_ctx.$slots, "formHeader"),
+							((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(getSchema.value, (schema) => {
+								return (0, vue.openBlock)(), (0, vue.createBlock)(require_super_form_item.default, {
+									key: schema.field,
+									"form-action-type": formActionType,
+									schema,
+									"form-props": getProps.value,
+									"all-default-values": defaultValueRef.value,
+									"form-model": formModel,
+									"set-form-model": setFormModel,
+									"update-schema": (0, vue.unref)(updateSchema)
+								}, (0, vue.createSlots)({ _: 2 }, [(0, vue.renderList)(Object.keys(_ctx.$slots), (item) => {
+									return {
+										name: item,
+										fn: (0, vue.withCtx)((data) => [(0, vue.renderSlot)(_ctx.$slots, item, (0, vue.mergeProps)({ ref_for: true }, data || {}))])
+									};
+								})]), 1032, [
+									"schema",
+									"form-props",
+									"all-default-values",
+									"form-model",
+									"update-schema"
+								]);
+							}), 128)),
+							!getProps.value?.customLayout ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$3.VftCol), (0, vue.normalizeProps)((0, vue.mergeProps)({ key: 0 }, getBindValue.value?.quickColSpan ? {
+								span: Math.ceil(24 / getBindValue.value?.quickColSpan),
+								...getBindValue.value?.baseColProps
+							} : {})), {
+								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(renderFormAction(getProps.value?.showActionButtonGroup && getProps.value?.actionInline))))]),
+								_: 1
+							}, 16)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(renderFormAction(getProps.value?.showActionButtonGroup && getProps.value?.actionInline)), { key: 1 }))
+						]),
+						_: 3
+					}, 16)) : (0, vue.createCommentVNode)("v-if", true),
+					((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(renderFormAction(getProps.value?.showActionButtonGroup && !getProps.value?.actionInline)))),
+					(0, vue.renderSlot)(_ctx.$slots, "formFooter")
+				]),
+				_: 3
+			}, 16, ["class", "model"])) : (0, vue.createCommentVNode)("v-if", true);
+		};
+	}
+});
+//#endregion
+exports.default = super_form_vue_vue_type_script_setup_true_lang_default;

package/lib/components/super-form/types.cjs

@@ -1 +1 @@
-"use strict";require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");require("lodash-es");require("../form/index.cjs");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });

package/lib/components/super-form/use/helper.cjs

@@ -1 +1,148 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@vft/utils"),E=require("../component-map.cjs"),n=require("../../../utils/form-register.cjs");require("@vueuse/core");require("../../config-provider/hooks/use-global-config.cjs");require("vue");require("lodash-es");require("../../form/index.cjs");function F(o,e=""){return e=(e||"").replace(":","")||"",[n.FormCompEnum.Input,n.FormCompEnum.InputNumber,n.FormCompEnum.Textarea,n.FormCompEnum.AutoComplete].includes(o)?`请输入${e}`:[n.FormCompEnum.Password].includes(o)?`请输入${e||"密码"}`:[n.FormCompEnum.Select,n.FormCompEnum.Radio,n.FormCompEnum.RadioSingle,n.FormCompEnum.RadioButton,n.FormCompEnum.Cascader,n.FormCompEnum.TreeSelect,n.FormCompEnum.ColorPicker,n.FormCompEnum.Checkbox,n.FormCompEnum.CheckboxButton].includes(o)?`请选择${e}`:[n.FormCompEnum.CheckboxSingle].includes(o)?`请勾选${e}`:[n.FormCompEnum.Search].includes(o)?`请输入要搜索的内容${e?"："+e:""}`:[n.FormCompEnum.InputTag].includes(o)?`请输入标签内容${e?"："+e:""}`:[n.FormCompEnum.Upload].includes(o)?`请选择上传文件${e?"："+e:""}`:[n.FormCompEnum.Slider].includes(o)?`请拖动滑块${e?"："+e:""}`:[n.FormCompEnum.TimePicker,n.FormCompEnum.YearPicker,n.FormCompEnum.MonthPicker,n.FormCompEnum.DatePicker,n.FormCompEnum.DatesPicker,n.FormCompEnum.DateTimePicker,n.FormCompEnum.WeekPicker,n.FormCompEnum.DateTimeRangePicker,n.FormCompEnum.DateRangePicker,n.FormCompEnum.MonthRangePicker].includes(o)?`请选择时间${e?"："+e:""}`:""}function S(o,e){return o&&E.isInput(o)&&e&&c.isNumber(e)?`${e}`:e}function p(o,e){const{show:t,ifShow:i}=o;let m=!0,u=!0;return c.isBoolean(t)?m=t:c.isFunction(t)&&e&&(m=t(e)),c.isBoolean(i)?u=i:c.isFunction(i)&&e&&(u=i(e)),{isShow:m,isIfShow:u}}function a(o,e){const{baseColProps:t={},quickColSpan:i}=e;return o.type===n.FormCompEnum.Divider?24:o.colProps?.span!==void 0?o.colProps.span:o.quickColSpan?Math.ceil(24/o.quickColSpan):t.span!==void 0?t.span:i?Math.ceil(24/i):24}function f(o,e,t,i){if(e.customLayout)return{willExceed:!1,totalSpan:0,visibleItems:[]};const m=[];let u=0;for(const r of o){const l=t&&i?{field:r.field,model:t,values:{...i,...t},schema:r}:void 0,{isIfShow:d}=p(r,l);if(!d)continue;const s=a(r,e);m.push({field:r.field,span:s}),u+=s}const C=e.showCommonButton||e.showResetButton||e.showSubmitButton;if(e.actionInline&&e.showActionButtonGroup&&C&&!e.customLayout){const r=e.quickColSpan?Math.ceil(24/e.quickColSpan):e.baseColProps?.span||24;u+=r}return{willExceed:u>24,totalSpan:u,visibleItems:m}}exports.calculateSchemaSpan=a;exports.createPlaceholderMessage=F;exports.getSchemaShowState=p;exports.handleInputNumberValue=S;exports.willFormExceedOneRow=f;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_form_register = require("../../../utils/form-register.cjs");
+const require_component_map = require("../component-map.cjs");
+let _vft_utils = require("@vft/utils");
+//#region ../../packages/components/super-form/use/helper.ts
+/**
+* @description 自动创建 placeholder
+* @example
+* @returns
+* @param type 组件类型
+* @param label
+*/
+function createPlaceholderMessage(type, label = "") {
+	label = (label || "").replace(":", "") || "";
+	if ([
+		require_form_register.FormCompEnum.Input,
+		require_form_register.FormCompEnum.InputNumber,
+		require_form_register.FormCompEnum.Textarea,
+		require_form_register.FormCompEnum.AutoComplete
+	].includes(type)) return `请输入${label}`;
+	else if ([require_form_register.FormCompEnum.Password].includes(type)) return `请输入${label || "密码"}`;
+	else if ([
+		require_form_register.FormCompEnum.Select,
+		require_form_register.FormCompEnum.Radio,
+		require_form_register.FormCompEnum.RadioSingle,
+		require_form_register.FormCompEnum.RadioButton,
+		require_form_register.FormCompEnum.Cascader,
+		require_form_register.FormCompEnum.TreeSelect,
+		require_form_register.FormCompEnum.ColorPicker,
+		require_form_register.FormCompEnum.Checkbox,
+		require_form_register.FormCompEnum.CheckboxButton
+	].includes(type)) return `请选择${label}`;
+	if ([require_form_register.FormCompEnum.CheckboxSingle].includes(type)) return `请勾选${label}`;
+	else if ([require_form_register.FormCompEnum.Search].includes(type)) return `请输入要搜索的内容${label ? "：" + label : ""}`;
+	else if ([require_form_register.FormCompEnum.InputTag].includes(type)) return `请输入标签内容${label ? "：" + label : ""}`;
+	else if ([require_form_register.FormCompEnum.Upload].includes(type)) return `请选择上传文件${label ? "：" + label : ""}`;
+	else if ([require_form_register.FormCompEnum.Slider].includes(type)) return `请拖动滑块${label ? "：" + label : ""}`;
+	else if ([
+		require_form_register.FormCompEnum.TimePicker,
+		require_form_register.FormCompEnum.YearPicker,
+		require_form_register.FormCompEnum.MonthPicker,
+		require_form_register.FormCompEnum.DatePicker,
+		require_form_register.FormCompEnum.DatesPicker,
+		require_form_register.FormCompEnum.DateTimePicker,
+		require_form_register.FormCompEnum.WeekPicker,
+		require_form_register.FormCompEnum.DateTimeRangePicker,
+		require_form_register.FormCompEnum.DateRangePicker,
+		require_form_register.FormCompEnum.MonthRangePicker
+	].includes(type)) return `请选择时间${label ? "：" + label : ""}`;
+	return "";
+}
+/**
+* @description 处理 input 输入为数值的 val
+* @example
+* @returns
+* @param type
+* @param val
+*/
+function handleInputNumberValue(type, val) {
+	if (!type) return val;
+	if (require_component_map.isInput(type)) return val && (0, _vft_utils.isNumber)(val) ? `${val}` : val;
+	return val;
+}
+/**
+* @description 获取表单项的显示状态
+* @param schema 表单配置
+* @param values 渲染回调参数（可选，用于函数类型的 show/ifShow）
+* @returns { isShow: boolean, isIfShow: boolean }
+*/
+function getSchemaShowState(schema, values) {
+	const { show, ifShow } = schema;
+	let isShow = true;
+	let isIfShow = true;
+	if ((0, _vft_utils.isBoolean)(show)) isShow = show;
+	else if ((0, _vft_utils.isFunction)(show) && values) isShow = show(values);
+	if ((0, _vft_utils.isBoolean)(ifShow)) isIfShow = ifShow;
+	else if ((0, _vft_utils.isFunction)(ifShow) && values) isIfShow = ifShow(values);
+	return {
+		isShow,
+		isIfShow
+	};
+}
+/**
+* @description 计算表单项的 span 值
+* @param schema 表单配置
+* @param formProps 表单属性
+* @returns span 值
+*/
+function calculateSchemaSpan(schema, formProps) {
+	const { baseColProps = {}, quickColSpan } = formProps;
+	if (schema.type === require_form_register.FormCompEnum.Divider) return 24;
+	if (schema.colProps?.span !== void 0) return schema.colProps.span;
+	if (schema.quickColSpan) return Math.ceil(24 / schema.quickColSpan);
+	if (baseColProps.span !== void 0) return baseColProps.span;
+	if (quickColSpan) return Math.ceil(24 / quickColSpan);
+	return 24;
+}
+/**
+* @description 判断表单是否会超过一行
+* @param schemas 表单配置数组
+* @param formProps 表单属性
+* @param formModel 表单模型（可选，用于计算动态显示状态）
+* @param allDefaultValues 所有默认值（可选，用于计算动态显示状态）
+* @returns { willExceed: boolean, totalSpan: number, visibleItems: Array }
+*/
+function willFormExceedOneRow(schemas, formProps, formModel, allDefaultValues) {
+	if (formProps.customLayout) return {
+		willExceed: false,
+		totalSpan: 0,
+		visibleItems: []
+	};
+	const visibleItems = [];
+	let totalSpan = 0;
+	for (const schema of schemas) {
+		const { isIfShow } = getSchemaShowState(schema, formModel && allDefaultValues ? {
+			field: schema.field,
+			model: formModel,
+			values: {
+				...allDefaultValues,
+				...formModel
+			},
+			schema
+		} : void 0);
+		if (!isIfShow) continue;
+		const span = calculateSchemaSpan(schema, formProps);
+		visibleItems.push({
+			field: schema.field,
+			span
+		});
+		totalSpan += span;
+	}
+	const hasActionButton = formProps.showCommonButton || formProps.showResetButton || formProps.showSubmitButton;
+	if (formProps.actionInline && formProps.showActionButtonGroup && hasActionButton && !formProps.customLayout) {
+		const actionSpan = formProps.quickColSpan ? Math.ceil(24 / formProps.quickColSpan) : formProps.baseColProps?.span || 24;
+		totalSpan += actionSpan;
+	}
+	return {
+		willExceed: totalSpan > 24,
+		totalSpan,
+		visibleItems
+	};
+}
+//#endregion
+exports.calculateSchemaSpan = calculateSchemaSpan;
+exports.createPlaceholderMessage = createPlaceholderMessage;
+exports.getSchemaShowState = getSchemaShowState;
+exports.handleInputNumberValue = handleInputNumberValue;
+exports.willFormExceedOneRow = willFormExceedOneRow;

package/lib/components/super-form/use/use-auto-focus.cjs

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../../utils/form-register.cjs");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");const e=require("vue");require("lodash-es");require("../../form/index.cjs");async function l({getSchema:i,getProps:o,formElRef:s,isInitedDefault:c}){e.watchEffect(async()=>{if(e.unref(c)||!e.unref(o).autoFocusFirstItem)return;await e.nextTick();const r=e.unref(i),t=e.unref(s),u=t?.$el;if(!t||!u||!r||r.length===0||r[0].type!==f.FormCompEnum.Input)return;const n=u.querySelector(".vft-row:first-child input");n&&n?.focus()})}exports.useAutoFocus=l;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_form_register = require("../../../utils/form-register.cjs");
+let vue = require("vue");
+//#region ../../packages/components/super-form/use/use-auto-focus.ts
+/** 自动聚焦处理 */
+async function useAutoFocus({ getSchema, getProps, formElRef, isInitedDefault }) {
+	(0, vue.watchEffect)(async () => {
+		if ((0, vue.unref)(isInitedDefault) || !(0, vue.unref)(getProps).autoFocusFirstItem) return;
+		await (0, vue.nextTick)();
+		const schemas = (0, vue.unref)(getSchema);
+		const formEl = (0, vue.unref)(formElRef);
+		const el = formEl?.$el;
+		if (!formEl || !el || !schemas || schemas.length === 0) return;
+		if (schemas[0].type !== require_form_register.FormCompEnum.Input) return;
+		const inputEl = el.querySelector(".vft-row:first-child input");
+		if (!inputEl) return;
+		inputEl?.focus();
+	});
+}
+//#endregion
+exports.useAutoFocus = useAutoFocus;

package/lib/components/super-form/use/use-form-context.cjs

@@ -1 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vft/use"),t=Symbol();function r(o){return e.createContext(o,t)}function n(){return e.useContext(t)}exports.createFormContext=r;exports.useFormContext=n;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _vft_use = require("@vft/use");
+//#region ../../packages/components/super-form/use/use-form-context.ts
+const key = Symbol();
+function createFormContext(context) {
+	return (0, _vft_use.createContext)(context, key);
+}
+function useFormContext() {
+	return (0, _vft_use.useContext)(key);
+}
+//#endregion
+exports.createFormContext = createFormContext;
+exports.useFormContext = useFormContext;