vft 0.0.524 → 0.0.525

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

@@ -1 +1,316 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../../../utils/form-register.cjs");require("@vueuse/core");const c=require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");const i=require("vue"),E=require("lodash-es");require("../../form/index.cjs");const U=require("@vft/utils/date"),$=require("../component-map.cjs"),R=require("./helper.cjs");function I(F,y){const{show:o,ifShow:l}=F;let v=!0,d=!0;return typeof o=="boolean"?v=o:typeof o=="function"&&(v=o({field:F.field,model:y,values:{...y},schema:F})),typeof l=="boolean"?d=l:typeof l=="function"&&(d=l({field:F.field,model:y,values:{...y},schema:F})),v&&d}function k(F,y={}){const o=/^\[(.+)\]$/;if(o.test(F)){const l=F.match(o);if(l&&l[1]){const v=l[1].split(",");if(!v.length)return;const d=[];return v.forEach((b,V)=>{E.set(d,V,y[b.trim()])}),d.filter(Boolean).length?d:void 0}}}function M(F,y={}){const o=/^\{(.+)\}$/;if(o.test(F)){const l=F.match(o);if(l&&l[1]){const v=l[1].split(",");if(!v.length)return;const d={};return v.forEach(b=>{E.set(d,b.trim(),y[b.trim()])}),Object.values(d).filter(Boolean).length?d:void 0}}}function ee({emit:F,getProps:y,formModel:o,getSchema:l,defaultValueRef:v,formElRef:d,schemaRef:b,handleFormValues:V,initValues:S}){async function P(e){const{resetFunc:n,submitOnReset:r}=i.unref(y);n&&c.isFunction(n)&&await n();const s=i.unref(d);if(s){if(e?.length)return s.resetFields(e);Object.keys(o).forEach(u=>{const f=i.unref(l).find(a=>a.field===u),t=E.cloneDeep(v.value[u]);o[u]=$.isInput(f?.type)?t||"":t}),i.nextTick(()=>j()),F("reset",i.toRaw(o)),r&&await L()}}async function T(e,n=!0){const r=i.unref(l).map(t=>t.field).filter(Boolean),s=".",u=r.filter(t=>String(t).indexOf(s)>=0),f=[];r.forEach(t=>{const a=i.unref(l).find(p=>p.field===t);let D=E.get(e,t);const h=Reflect.has(e,t);D=R.handleInputNumberValue(a?.type,D);const{componentProps:m}=a||{};let w=m;typeof m=="function"&&(w=w({formModel:i.unref(o)}));const q=k(t,e)||M(t,e);if(h||q){const p=q||D;if(X(t))if(Array.isArray(p)){const O=[];for(const g of p)O.push(g?U.formatToDate(g):null);i.unref(o)[t]=O}else i.unref(o)[t]=p?w?.valueFormat?p:U.formatToDate(p):null;else i.unref(o)[t]=p;w?.onChange&&w?.onChange(p),f.push(t)}else u.forEach(p=>{try{const O=p.split(".").reduce((g,K)=>g[K],e);c.isDef(O)&&(i.unref(o)[p]=i.unref(O),f.push(p))}catch{c.isDef(v.value[p])&&(i.unref(o)[p]=E.cloneDeep(i.unref(v.value[p])))}})}),n&&i.nextTick(async()=>{await _(f).catch(t=>{})})}async function z(e){const n=E.cloneDeep(i.unref(l));if(!e)return;let r=c.isString(e)?[e]:e;c.isString(e)&&(r=[e]);for(const s of r)G(s,n);b.value=n}function G(e,n){if(c.isString(e)){const r=n.findIndex(s=>s.field===e);r!==-1&&(delete o[e],n.splice(r,1))}}async function H(e,n,r=!1){const s=E.cloneDeep(i.unref(l)),u=s.findIndex(t=>t.field===n),f=c.isObject(e)?[e]:e;if(!n||u===-1||r){r?s.unshift(...f):s.push(...f),b.value=s,A(e);return}u!==-1&&s.splice(u+1,0,...f),A(e),b.value=s}async function J(e){let n=[];if(c.isObject(e)&&n.push(e),c.isArray(e)&&(n=[...e]),!n.every(s=>s.type===C.FormCompEnum.Divider||Reflect.has(s,"field")&&s.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}b.value=n}async function x(e){let n=[];if(c.isObject(e)&&n.push(e),c.isArray(e)&&(n=[...e]),!n.every(f=>f.type===C.FormCompEnum.Divider||Reflect.has(f,"field")&&f.field)){console.error("All children of the form Schema array that need to be updated must contain the `field` field");return}const s=[],u=[];i.unref(l).forEach(f=>{let t;if(n.forEach(a=>{f.field===a.field&&(t=a),a.defaultValue&&a.field&&s.push(a.field)}),t!==void 0&&f.field===t.field){const a=c.deepMerge(f,t);u.push(a)}else u.push(f)}),A(u,s),b.value=E.uniqBy(u,"field")}function A(e,n,r=!0){if(c.isArray(n)&&n?.length===0)return;let s=[];c.isObject(e)&&s.push(e),c.isArray(e)&&(s=[...e]);const u={},f=B();s.forEach(t=>{t.type!==C.FormCompEnum.Divider&&Reflect.has(t,"field")&&t.field&&!c.isNullOrUndefined(t.defaultValue)&&(!(t.field in f)||c.isNullOrUndefined(f[t.field])||c.isEmpty(f[t.field]))&&(u[t.field]=t.defaultValue)}),c.isEmptyObject(u)||T(u,r)}function B(e=!1){if(!i.unref(d))return{};const r=V(i.toRaw(i.unref(o)));if(e)return r;const s=i.unref(l).filter(h=>I(h,i.unref(o))).map(h=>h.field).filter(Boolean),u={};s.forEach(h=>{u[h]=h in r?r[h]??null:null});const f=i.unref(l),t={};s.forEach(h=>{const m=f.find(q=>q.field===h);let w=u[h];w!=null&&m?.formatter&&c.isFunction(m.formatter)&&(w=m.formatter(w,h,u,m)),t[h]=w??null});const{formatter:a}=i.unref(y);let D=a&&c.isFunction(a)?a(t):t;return Object.keys(D).forEach(h=>{D[h]===void 0&&(D[h]=null)}),D}function Q(e,n,r){const u=i.unref(l).find(f=>f.field===e);return n&&u?.formatter&&c.isFunction(u.formatter)?u.formatter(n,e,r,u):n}function W(e){if(!i.unref(d))return{};if(!(e in i.unref(o)))return{};const r=V(i.toRaw(i.unref(o))),s=r[e];return Q(e,s,r)}function X(e){return i.unref(l).some(n=>n.field===e?$.isDatePicker(n.type):!1)}async function _(e){return e||(e=i.unref(l).filter(r=>I(r,i.unref(o))).map(r=>r.field).filter(Boolean)),i.unref(d)?.validateField(e)}async function N(e){return e||(e=i.unref(l).filter(r=>I(r,i.unref(o))).map(r=>r.field).filter(Boolean)),await i.unref(d)?.validate(e,()=>{})}async function j(e){await i.unref(d)?.clearValidate(e)}async function Y(e,n){await j(e),await x([{field:e,itemProps:{error:n}}])}async function Z(e,n){await i.unref(d)?.scrollToField(e,n)}async function L(e){const{autoCleanErrorMessage:n,watchDataIsChange:r}=i.unref(y);e&&e.preventDefault(),n&&await j();const{submitFunc:s,beforeSubmitFunc:u}=i.unref(y);if(u&&c.isFunction(u)&&await u(),s&&c.isFunction(s)){await s();return}if(i.unref(d))try{if(!await N())return;const a=B();if(r){const D=E.isEqual(S.value,a),h=c.findDifferentValuesForObj(S.value,a);F("submit",a,!D,h)}else F("submit",a)}catch(t){if(console.log(t),t?.outOfDate===!1&&t?.errorFields)return;throw new Error(t.message)}}return{handleSubmit:L,clearValidate:j,validate:N,validateField:_,getFieldsValue:B,updateSchema:x,resetSchema:J,appendSchemaByField:H,removeSchemaByField:z,resetFields:P,setFieldsValue:T,scrollToField:Z,getFieldValue:W,setFormItemError:Y}}exports.useFormEvents=ee;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_form_register = require("../../../utils/form-register.cjs");
+const require_component_map = require("../component-map.cjs");
+const require_helper = require("./helper.cjs");
+let _vft_utils = require("@vft/utils");
+let lodash_es = require("lodash-es");
+let vue = require("vue");
+let _vft_utils_date = require("@vft/utils/date");
+//#region ../../packages/components/super-form/use/use-form-events.ts
+/**
+* 检查字段是否可见
+*/
+function isFieldVisible(schema, formModel) {
+	const { show, ifShow } = schema;
+	let isShow = true;
+	let isIfShow = true;
+	if (typeof show === "boolean") isShow = show;
+	else if (typeof show === "function") isShow = show({
+		field: schema.field,
+		model: formModel,
+		values: { ...formModel },
+		schema
+	});
+	if (typeof ifShow === "boolean") isIfShow = ifShow;
+	else if (typeof ifShow === "function") isIfShow = ifShow({
+		field: schema.field,
+		model: formModel,
+		values: { ...formModel },
+		schema
+	});
+	return isShow && isIfShow;
+}
+function tryConstructArray(field, values = {}) {
+	const pattern = /^\[(.+)\]$/;
+	if (pattern.test(field)) {
+		const match = field.match(pattern);
+		if (match && match[1]) {
+			const keys = match[1].split(",");
+			if (!keys.length) return;
+			const result = [];
+			keys.forEach((k, index) => {
+				(0, lodash_es.set)(result, index, values[k.trim()]);
+			});
+			return result.filter(Boolean).length ? result : void 0;
+		}
+	}
+}
+function tryConstructObject(field, values = {}) {
+	const pattern = /^\{(.+)\}$/;
+	if (pattern.test(field)) {
+		const match = field.match(pattern);
+		if (match && match[1]) {
+			const keys = match[1].split(",");
+			if (!keys.length) return;
+			const result = {};
+			keys.forEach((k) => {
+				(0, lodash_es.set)(result, k.trim(), values[k.trim()]);
+			});
+			return Object.values(result).filter(Boolean).length ? result : void 0;
+		}
+	}
+}
+function useFormEvents({ emit, getProps, formModel, getSchema, defaultValueRef, formElRef, schemaRef, handleFormValues, initValues }) {
+	async function resetFields(props) {
+		const { resetFunc, submitOnReset } = (0, vue.unref)(getProps);
+		resetFunc && (0, _vft_utils.isFunction)(resetFunc) && await resetFunc();
+		const formEl = (0, vue.unref)(formElRef);
+		if (!formEl) return;
+		if (props?.length) return formEl.resetFields(props);
+		Object.keys(formModel).forEach((key) => {
+			const schema = (0, vue.unref)(getSchema).find((item) => item.field === key);
+			const defaultValue = (0, lodash_es.cloneDeep)(defaultValueRef.value[key]);
+			formModel[key] = require_component_map.isInput(schema?.type) ? defaultValue || "" : defaultValue;
+		});
+		(0, vue.nextTick)(() => clearValidate());
+		emit("reset", (0, vue.toRaw)(formModel));
+		submitOnReset && await handleSubmit();
+	}
+	/**
+	* @description: 设置表单值
+	*/
+	async function setFieldsValue(values, autoValidate = true) {
+		const fields = (0, vue.unref)(getSchema).map((item) => item.field).filter(Boolean);
+		const delimiter = ".";
+		const nestKeyArray = fields.filter((item) => String(item).indexOf(delimiter) >= 0);
+		const validKeys = [];
+		fields.forEach((key) => {
+			const schema = (0, vue.unref)(getSchema).find((item) => item.field === key);
+			let value = (0, lodash_es.get)(values, key);
+			const hasKey = Reflect.has(values, key);
+			value = require_helper.handleInputNumberValue(schema?.type, value);
+			const { componentProps } = schema || {};
+			let _props = componentProps;
+			if (typeof componentProps === "function") _props = _props({ formModel: (0, vue.unref)(formModel) });
+			const constructValue = tryConstructArray(key, values) || tryConstructObject(key, values);
+			if (hasKey || !!constructValue) {
+				const fieldValue = constructValue || value;
+				if (itemIsDateType(key)) if (Array.isArray(fieldValue)) {
+					const arr = [];
+					for (const ele of fieldValue) arr.push(ele ? (0, _vft_utils_date.formatToDate)(ele) : null);
+					(0, vue.unref)(formModel)[key] = arr;
+				} else (0, vue.unref)(formModel)[key] = fieldValue ? _props?.valueFormat ? fieldValue : (0, _vft_utils_date.formatToDate)(fieldValue) : null;
+				else (0, vue.unref)(formModel)[key] = fieldValue;
+				if (_props?.onChange) _props?.onChange(fieldValue);
+				validKeys.push(key);
+			} else nestKeyArray.forEach((nestKey) => {
+				try {
+					const value = nestKey.split(".").reduce((out, item) => out[item], values);
+					if ((0, _vft_utils.isDef)(value)) {
+						(0, vue.unref)(formModel)[nestKey] = (0, vue.unref)(value);
+						validKeys.push(nestKey);
+					}
+				} catch (e) {
+					if ((0, _vft_utils.isDef)(defaultValueRef.value[nestKey])) (0, vue.unref)(formModel)[nestKey] = (0, lodash_es.cloneDeep)((0, vue.unref)(defaultValueRef.value[nestKey]));
+				}
+			});
+		});
+		if (autoValidate) (0, vue.nextTick)(async () => {
+			await validateField(validKeys).catch((_) => {});
+		});
+	}
+	/**
+	* @description: Delete based on field name
+	*/
+	async function removeSchemaByField(fields) {
+		const schemaList = (0, lodash_es.cloneDeep)((0, vue.unref)(getSchema));
+		if (!fields) return;
+		let fieldList = (0, _vft_utils.isString)(fields) ? [fields] : fields;
+		if ((0, _vft_utils.isString)(fields)) fieldList = [fields];
+		for (const field of fieldList) _removeSchemaByFeild(field, schemaList);
+		schemaRef.value = schemaList;
+	}
+	/**
+	* @description: Delete based on field name
+	*/
+	function _removeSchemaByFeild(field, schemaList) {
+		if ((0, _vft_utils.isString)(field)) {
+			const index = schemaList.findIndex((schema) => schema.field === field);
+			if (index !== -1) {
+				delete formModel[field];
+				schemaList.splice(index, 1);
+			}
+		}
+	}
+	/**
+	* @description: 在某个 field 之后插入
+	*/
+	async function appendSchemaByField(schema, prefixField, first = false) {
+		const schemaList = (0, lodash_es.cloneDeep)((0, vue.unref)(getSchema));
+		const index = schemaList.findIndex((schema) => schema.field === prefixField);
+		const _schemaList = (0, _vft_utils.isObject)(schema) ? [schema] : schema;
+		if (!prefixField || index === -1 || first) {
+			first ? schemaList.unshift(..._schemaList) : schemaList.push(..._schemaList);
+			schemaRef.value = schemaList;
+			_setDefaultValue(schema);
+			return;
+		}
+		if (index !== -1) schemaList.splice(index + 1, 0, ..._schemaList);
+		_setDefaultValue(schema);
+		schemaRef.value = schemaList;
+	}
+	async function resetSchema(data) {
+		let updateData = [];
+		if ((0, _vft_utils.isObject)(data)) updateData.push(data);
+		if ((0, _vft_utils.isArray)(data)) updateData = [...data];
+		if (!updateData.every((item) => item.type === require_form_register.FormCompEnum.Divider || Reflect.has(item, "field") && item.field)) {
+			console.error("All children of the form Schema array that need to be updated must contain the `field` field");
+			return;
+		}
+		schemaRef.value = updateData;
+	}
+	async function updateSchema(data) {
+		let updateData = [];
+		if ((0, _vft_utils.isObject)(data)) updateData.push(data);
+		if ((0, _vft_utils.isArray)(data)) updateData = [...data];
+		if (!updateData.every((item) => item.type === require_form_register.FormCompEnum.Divider || Reflect.has(item, "field") && item.field)) {
+			console.error("All children of the form Schema array that need to be updated must contain the `field` field");
+			return;
+		}
+		const willChangeValueFields = [];
+		const schema = [];
+		(0, vue.unref)(getSchema).forEach((val) => {
+			let _val;
+			updateData.forEach((item) => {
+				if (val.field === item.field) _val = item;
+				if (item.defaultValue && item.field) willChangeValueFields.push(item.field);
+			});
+			if (_val !== void 0 && val.field === _val.field) {
+				const newSchema = (0, _vft_utils.deepMerge)(val, _val);
+				schema.push(newSchema);
+			} else schema.push(val);
+		});
+		_setDefaultValue(schema, willChangeValueFields);
+		schemaRef.value = (0, lodash_es.uniqBy)(schema, "field");
+	}
+	function _setDefaultValue(data, willChangeValueFields, autoValidate = true) {
+		if ((0, _vft_utils.isArray)(willChangeValueFields) && willChangeValueFields?.length === 0) return;
+		let schemas = [];
+		if ((0, _vft_utils.isObject)(data)) schemas.push(data);
+		if ((0, _vft_utils.isArray)(data)) schemas = [...data];
+		const obj = {};
+		const currentFieldsValue = getFieldsValue();
+		schemas.forEach((item) => {
+			if (item.type !== require_form_register.FormCompEnum.Divider && Reflect.has(item, "field") && item.field && !(0, _vft_utils.isNullOrUndefined)(item.defaultValue) && (!(item.field in currentFieldsValue) || (0, _vft_utils.isNullOrUndefined)(currentFieldsValue[item.field]) || (0, _vft_utils.isEmpty)(currentFieldsValue[item.field]))) obj[item.field] = item.defaultValue;
+		});
+		if (!(0, _vft_utils.isEmptyObject)(obj)) setFieldsValue(obj, autoValidate);
+	}
+	function getFieldsValue(showHideData = false) {
+		if (!(0, vue.unref)(formElRef)) return {};
+		const allFormData = handleFormValues((0, vue.toRaw)((0, vue.unref)(formModel)));
+		if (showHideData) return allFormData;
+		const visibleFields = (0, vue.unref)(getSchema).filter((schema) => isFieldVisible(schema, (0, vue.unref)(formModel))).map((schema) => schema.field).filter(Boolean);
+		const visibleFormData = {};
+		visibleFields.forEach((field) => {
+			visibleFormData[field] = field in allFormData ? allFormData[field] ?? null : null;
+		});
+		const schemaList = (0, vue.unref)(getSchema);
+		const formattedData = {};
+		visibleFields.forEach((field) => {
+			const schema = schemaList.find((s) => s.field === field);
+			let fieldValue = visibleFormData[field];
+			if (fieldValue != null && schema?.formatter && (0, _vft_utils.isFunction)(schema.formatter)) fieldValue = schema.formatter(fieldValue, field, visibleFormData, schema);
+			formattedData[field] = fieldValue ?? null;
+		});
+		const { formatter } = (0, vue.unref)(getProps);
+		let result = formatter && (0, _vft_utils.isFunction)(formatter) ? formatter(formattedData) : formattedData;
+		Object.keys(result).forEach((k) => {
+			if (result[k] === void 0) result[k] = null;
+		});
+		return result;
+	}
+	/**
+	* 应用字段级别的 formatter
+	*/
+	function applyFieldFormatter(field, value, allFormData) {
+		const schema = (0, vue.unref)(getSchema).find((s) => s.field === field);
+		if (value && schema?.formatter && (0, _vft_utils.isFunction)(schema.formatter)) return schema.formatter(value, field, allFormData, schema);
+		return value;
+	}
+	function getFieldValue(field) {
+		if (!(0, vue.unref)(formElRef)) return {};
+		if (!(field in (0, vue.unref)(formModel))) return {};
+		const allFormData = handleFormValues((0, vue.toRaw)((0, vue.unref)(formModel)));
+		const processedValue = allFormData[field];
+		return applyFieldFormatter(field, processedValue, allFormData);
+	}
+	function itemIsDateType(key) {
+		return (0, vue.unref)(getSchema).some((item) => {
+			return item.field === key ? require_component_map.isDatePicker(item.type) : false;
+		});
+	}
+	async function validateField(nameList) {
+		if (!nameList) nameList = (0, vue.unref)(getSchema).filter((schema) => isFieldVisible(schema, (0, vue.unref)(formModel))).map((schema) => schema.field).filter(Boolean);
+		return (0, vue.unref)(formElRef)?.validateField(nameList);
+	}
+	async function validate(nameList) {
+		if (!nameList) nameList = (0, vue.unref)(getSchema).filter((schema) => isFieldVisible(schema, (0, vue.unref)(formModel))).map((schema) => schema.field).filter(Boolean);
+		return await (0, vue.unref)(formElRef)?.validate(nameList, () => {});
+	}
+	async function clearValidate(name) {
+		await (0, vue.unref)(formElRef)?.clearValidate(name);
+	}
+	async function setFormItemError(field, errMess) {
+		await clearValidate(field);
+		await updateSchema([{
+			field,
+			itemProps: { error: errMess }
+		}]);
+	}
+	async function scrollToField(name, options) {
+		await (0, vue.unref)(formElRef)?.scrollToField(name, options);
+	}
+	async function handleSubmit(e) {
+		const { autoCleanErrorMessage, watchDataIsChange } = (0, vue.unref)(getProps);
+		e && e.preventDefault();
+		autoCleanErrorMessage && await clearValidate();
+		const { submitFunc, beforeSubmitFunc } = (0, vue.unref)(getProps);
+		if (beforeSubmitFunc && (0, _vft_utils.isFunction)(beforeSubmitFunc)) await beforeSubmitFunc();
+		if (submitFunc && (0, _vft_utils.isFunction)(submitFunc)) {
+			await submitFunc();
+			return;
+		}
+		if (!(0, vue.unref)(formElRef)) return;
+		try {
+			if (!await validate()) return;
+			const res = getFieldsValue();
+			if (watchDataIsChange) {
+				const isChange = (0, lodash_es.isEqual)(initValues.value, res);
+				const changeData = (0, _vft_utils.findDifferentValuesForObj)(initValues.value, res);
+				emit("submit", res, !isChange, changeData);
+			} else emit("submit", res);
+		} catch (error) {
+			console.log(error);
+			if (error?.outOfDate === false && error?.errorFields) return;
+			throw new Error(error.message);
+		}
+	}
+	return {
+		handleSubmit,
+		clearValidate,
+		validate,
+		validateField,
+		getFieldsValue,
+		updateSchema,
+		resetSchema,
+		appendSchemaByField,
+		removeSchemaByField,
+		resetFields,
+		setFieldsValue,
+		scrollToField,
+		getFieldValue,
+		setFormItemError
+	};
+}
+//#endregion
+exports.useFormEvents = useFormEvents;

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

@@ -1 +1,104 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("@vft/utils"),A=require("@vft/utils/date"),p=require("lodash-es"),b=require("vue");function F(d,n,l){const f=/^\[(.+)\]$/;if(f.test(d)){const s=d.match(f);if(s&&s[1]){const T=s[1].split(",");return n=Array.isArray(n)?n:[n],T.forEach((y,e)=>{p.set(l,y.trim(),n[e])}),!0}}}function j(d,n,l){const f=/^\{(.+)\}$/;if(f.test(d)){const s=d.match(f);if(s&&s[1]){const T=s[1].split(",");return n=m.isObject(n)?n:{},T.forEach(y=>{p.set(l,y.trim(),n[y.trim()])}),!0}}}function O({defaultValueRef:d,getSchema:n,formModel:l,getProps:f}){function s(e){if(!m.isObject(e))return{};const i={};for(const c of Object.entries(e)){let[,t]=c;const[o]=c;!o||m.isArray(t)&&t.length===0||m.isFunction(t)||(m.isString(t)&&(t===""?t=void 0:t=t.trim()),!F(o,t,i)&&!j(o,t,i)&&p.set(i,o,t))}const r=T(i),a=b.unref(n),h={};Object.keys(r).forEach(c=>{const t=a.find(D=>D.field===c);let o=r[c];o&&t?.formatter&&m.isFunction(t.formatter)&&(o=t.formatter(o,c,r,t)),h[c]=o});const{formatter:u}=b.unref(f);return u&&m.isFunction(u)?u(h):h}function T(e){const i=b.unref(f).fieldMapToTime;if(!i||!Array.isArray(i))return e;for(const[r,[a,h],u="YYYY-MM-DD"]of i){if(!r||!a||!h)continue;if(!e[r]){Reflect.deleteProperty(e,r);continue}const[c,t]=e[r],[o,D]=Array.isArray(u)?u:[u,u];e[a]=A.formatToDate(c,o),e[h]=A.formatToDate(t,D),Reflect.deleteProperty(e,r)}return e}function y(){const e=n.value,i={};e?.forEach(r=>{const{defaultValue:a}=r;m.isNullOrUndefined(a)||(i[r.field]=a,l[r.field]===void 0&&(l[r.field]=a))}),d.value=p.cloneDeep(i)}return{handleFormValues:s,initDefault:y}}exports.useFormValues=O;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _vft_utils = require("@vft/utils");
+let lodash_es = require("lodash-es");
+let vue = require("vue");
+let _vft_utils_date = require("@vft/utils/date");
+//#region ../../packages/components/super-form/use/use-form-values.ts
+/**
+* @desription deconstruct array-link key. This method will mutate the target.
+*/
+function tryDeconstructArray(key, value, target) {
+	const pattern = /^\[(.+)\]$/;
+	if (pattern.test(key)) {
+		const match = key.match(pattern);
+		if (match && match[1]) {
+			const keys = match[1].split(",");
+			value = Array.isArray(value) ? value : [value];
+			keys.forEach((k, index) => {
+				(0, lodash_es.set)(target, k.trim(), value[index]);
+			});
+			return true;
+		}
+	}
+}
+/**
+* @desription deconstruct object-link key. This method will mutate the target.
+*/
+function tryDeconstructObject(key, value, target) {
+	const pattern = /^\{(.+)\}$/;
+	if (pattern.test(key)) {
+		const match = key.match(pattern);
+		if (match && match[1]) {
+			const keys = match[1].split(",");
+			value = (0, _vft_utils.isObject)(value) ? value : {};
+			keys.forEach((k) => {
+				(0, lodash_es.set)(target, k.trim(), value[k.trim()]);
+			});
+			return true;
+		}
+	}
+}
+function useFormValues({ defaultValueRef, getSchema, formModel, getProps }) {
+	function handleFormValues(values) {
+		if (!(0, _vft_utils.isObject)(values)) return {};
+		const res = {};
+		for (const item of Object.entries(values)) {
+			let [, value] = item;
+			const [key] = item;
+			if (!key || (0, _vft_utils.isArray)(value) && value.length === 0 || (0, _vft_utils.isFunction)(value)) continue;
+			if ((0, _vft_utils.isString)(value)) if (value === "") value = void 0;
+			else value = value.trim();
+			if (!tryDeconstructArray(key, value, res) && !tryDeconstructObject(key, value, res)) (0, lodash_es.set)(res, key, value);
+		}
+		const processedValues = handleRangeTimeValue(res);
+		const schemaList = (0, vue.unref)(getSchema);
+		const formattedData = {};
+		Object.keys(processedValues).forEach((field) => {
+			const schema = schemaList.find((s) => s.field === field);
+			let fieldValue = processedValues[field];
+			if (fieldValue && schema?.formatter && (0, _vft_utils.isFunction)(schema.formatter)) fieldValue = schema.formatter(fieldValue, field, processedValues, schema);
+			formattedData[field] = fieldValue;
+		});
+		const { formatter } = (0, vue.unref)(getProps);
+		if (formatter && (0, _vft_utils.isFunction)(formatter)) return formatter(formattedData);
+		return formattedData;
+	}
+	/**
+	* @description: 处理时间间隔参数
+	*/
+	function handleRangeTimeValue(values) {
+		const fieldMapToTime = (0, vue.unref)(getProps).fieldMapToTime;
+		if (!fieldMapToTime || !Array.isArray(fieldMapToTime)) return values;
+		for (const [field, [startTimeKey, endTimeKey], format = "YYYY-MM-DD"] of fieldMapToTime) {
+			if (!field || !startTimeKey || !endTimeKey) continue;
+			if (!values[field]) {
+				Reflect.deleteProperty(values, field);
+				continue;
+			}
+			const [startTime, endTime] = values[field];
+			const [startTimeFormat, endTimeFormat] = Array.isArray(format) ? format : [format, format];
+			values[startTimeKey] = (0, _vft_utils_date.formatToDate)(startTime, startTimeFormat);
+			values[endTimeKey] = (0, _vft_utils_date.formatToDate)(endTime, endTimeFormat);
+			Reflect.deleteProperty(values, field);
+		}
+		return values;
+	}
+	function initDefault() {
+		const schemas = getSchema.value;
+		const obj = {};
+		schemas?.forEach((item) => {
+			const { defaultValue } = item;
+			if (!(0, _vft_utils.isNullOrUndefined)(defaultValue)) {
+				obj[item.field] = defaultValue;
+				if (formModel[item.field] === void 0) formModel[item.field] = defaultValue;
+			}
+		});
+		defaultValueRef.value = (0, lodash_es.cloneDeep)(obj);
+	}
+	return {
+		handleFormValues,
+		initDefault
+	};
+}
+//#endregion
+exports.useFormValues = useFormValues;

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

@@ -1 +1,100 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../form/index.cjs");const u=require("@vueuse/core"),r=require("vue");function c(s){const o={};return Object.keys(s).map(i=>{o[i]=r.unref(s[i])}),o}function l(s){const o=r.ref(null),i=r.ref(!1);async function a(){const e=r.unref(o);return e||console.error("The form instance has not been obtained, please make sure that the form has been rendered when performing the form operation!"),await r.nextTick(),e}function m(e){u.tryOnBeforeUnmount(()=>{o.value=null,i.value=null}),!(r.unref(i)&&e===r.unref(o))&&(o.value=e,i.value=!0,r.watch(()=>s,()=>{s&&e&&e.setProps(c(s))},{immediate:!0,deep:!0}))}return[m,{scrollToField:async(e,t)=>{(await a()).scrollToField(e,t)},setProps:async e=>{(await a()).setProps(e)},setSubmitLoading:async(e=!0)=>{(await a()).setProps({submitButtonOptions:{loading:e}})},updateSchema:async e=>{(await a()).updateSchema(e)},setFormItemError:async(e,t)=>{const n=await a();await n.clearValidate(e),await n.updateSchema([{field:e,itemProps:{error:t}}])},resetSchema:async e=>{const t=await a();t.resetSchema(e).then(()=>{setTimeout(()=>{t.clearValidate()},0)})},clearValidate:async e=>{(await a()).clearValidate(e)},resetFields:async e=>{r.unref(o)?.resetFields(e)},removeSchemaByField:async e=>{r.unref(o)?.removeSchemaByField(e)},getFieldValue:e=>r.unref(o)?.getFieldValue(e),getFieldsValue:()=>r.unref(o)?.getFieldsValue(),setFieldsValue:async(e,t=!0)=>{await r.nextTick(),await(await a()).setFieldsValue(e,t)},appendSchemaByField:async(e,t,n)=>{await(await a()).appendSchemaByField(e,t,n)},submit:async()=>(await a()).submit(),validate:async(e,t=()=>{})=>(await a()).validate(e,t),validateField:async e=>(await a()).validateField(e)}]}exports.getDynamicProps=c;exports.useForm=l;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let _vueuse_core = require("@vueuse/core");
+let vue = require("vue");
+//#region ../../packages/components/super-form/use/use-form.ts
+function getDynamicProps(props) {
+	const ret = {};
+	Object.keys(props).map((key) => {
+		ret[key] = (0, vue.unref)(props[key]);
+	});
+	return ret;
+}
+function useForm(props) {
+	const formRef = (0, vue.ref)(null);
+	const loadedRef = (0, vue.ref)(false);
+	async function getForm() {
+		const form = (0, vue.unref)(formRef);
+		if (!form) console.error("The form instance has not been obtained, please make sure that the form has been rendered when performing the form operation!");
+		await (0, vue.nextTick)();
+		return form;
+	}
+	function register(instance) {
+		(0, _vueuse_core.tryOnBeforeUnmount)(() => {
+			formRef.value = null;
+			loadedRef.value = null;
+		});
+		if ((0, vue.unref)(loadedRef) && instance === (0, vue.unref)(formRef)) return;
+		formRef.value = instance;
+		loadedRef.value = true;
+		(0, vue.watch)(() => props, () => {
+			props && instance && instance.setProps(getDynamicProps(props));
+		}, {
+			immediate: true,
+			deep: true
+		});
+	}
+	return [register, {
+		scrollToField: async (name, options) => {
+			(await getForm()).scrollToField(name, options);
+		},
+		setProps: async (formProps) => {
+			(await getForm()).setProps(formProps);
+		},
+		setSubmitLoading: async (loading = true) => {
+			(await getForm()).setProps({ submitButtonOptions: { loading } });
+		},
+		updateSchema: async (data) => {
+			(await getForm()).updateSchema(data);
+		},
+		setFormItemError: async (field, errMess) => {
+			const form = await getForm();
+			await form.clearValidate(field);
+			await form.updateSchema([{
+				field,
+				itemProps: { error: errMess }
+			}]);
+		},
+		resetSchema: async (data) => {
+			const form = await getForm();
+			form.resetSchema(data).then(() => {
+				setTimeout(() => {
+					form.clearValidate();
+				}, 0);
+			});
+		},
+		clearValidate: async (name) => {
+			(await getForm()).clearValidate(name);
+		},
+		resetFields: async (props) => {
+			(0, vue.unref)(formRef)?.resetFields(props);
+		},
+		removeSchemaByField: async (field) => {
+			(0, vue.unref)(formRef)?.removeSchemaByField(field);
+		},
+		getFieldValue: (field) => {
+			return (0, vue.unref)(formRef)?.getFieldValue(field);
+		},
+		getFieldsValue: () => {
+			return (0, vue.unref)(formRef)?.getFieldsValue();
+		},
+		setFieldsValue: async (values, autoValidate = true) => {
+			await (0, vue.nextTick)();
+			await (await getForm()).setFieldsValue(values, autoValidate);
+		},
+		appendSchemaByField: async (schema, prefixField, first) => {
+			await (await getForm()).appendSchemaByField(schema, prefixField, first);
+		},
+		submit: async () => {
+			return (await getForm()).submit();
+		},
+		validate: async (nameList, callback = () => {}) => {
+			return (await getForm()).validate(nameList, callback);
+		},
+		validateField: async (nameList) => {
+			return (await getForm()).validateField(nameList);
+		}
+	}];
+}
+//#endregion
+exports.getDynamicProps = getDynamicProps;
+exports.useForm = useForm;

package/lib/components/switch/index.cjs

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("../form/index.cjs");const r=require("./switch.vue2.cjs"),e=t.withInstall(r.default);exports.VftSwitch=e;exports.default=e;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_switch = require("./switch.cjs");
+//#region ../../packages/components/switch/index.ts
+const VftSwitch = require_install.withInstall(require_switch.default);
+//#endregion
+exports.VftSwitch = VftSwitch;
+exports.default = VftSwitch;

package/lib/components/switch/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-switch.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-switch.css");

package/lib/components/switch/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/switch.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/switch.scss");

package/lib/components/switch/switch.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/switch/switch.vue
+var switch_default = require("./switch.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = switch_default;