@tmagic/form 1.7.7 → 1.7.8-beta.1

package/dist/es/utils/form.js

@@ -0,0 +1,173 @@
+import { readonly } from "vue";
+import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+import { cloneDeep } from "lodash-es";
+import { getValueByKeyPath } from "@tmagic/utils";
+//#region packages/form/src/utils/form.ts
+var TABLE_SELECT_TYPES = 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") {
+		asyncLoad.name = name;
+		value.asyncLoad = typeof initValue.asyncLoad === "object" ? initValue.asyncLoad : asyncLoad;
+	}
+};
+var MULTIPLE_VALUE_TYPES = new Set([
+	"checkbox-group",
+	"checkboxGroup",
+	"table",
+	"cascader",
+	"group-list",
+	"groupList"
+]);
+var isMultipleValue = (type) => typeof type === "string" && MULTIPLE_VALUE_TYPES.has(type);
+var initItemsValue = (mForm, value, initValue, { items, name, extensible }) => {
+	if (Array.isArray(initValue[name])) value[name] = initValue[name].map((v, index) => createValues(mForm, items, v, value[name]?.[index]));
+	else {
+		value[name] = createValues(mForm, items, initValue[name], value[name]);
+		if (extensible) value[name] = Object.assign({}, initValue[name], value[name]);
+	}
+};
+var setValue = (mForm, value, initValue, item) => {
+	const { items, name, type, checkbox } = item;
+	if (isMultipleValue(type) || type === "tab" && item.dynamic) value[name] = initValue[name] || [];
+	if (items) initItemsValue(mForm, value, initValue, item);
+	else value[name] = getDefaultValue(mForm, item);
+	if (type === "fieldset" && checkbox) {
+		const checkboxName = typeof checkbox === "object" && typeof checkbox.name === "string" ? checkbox.name : "value";
+		const checkboxFalseValue = typeof checkbox === "object" && typeof checkbox.falseValue !== "undefined" ? checkbox.falseValue : 0;
+		if (name && typeof value[name] === "object") value[name][checkboxName] = typeof initValue[name] === "object" ? initValue[name][checkboxName] || checkboxFalseValue : checkboxFalseValue;
+	}
+};
+var initValueItem = function(mForm, item, initValue, value) {
+	const { items } = item;
+	const { names } = item;
+	const { type, name } = item;
+	if (isTableSelect(type) && name) {
+		value[name] = initValue[name] ?? "";
+		return value;
+	}
+	asyncLoadConfig(value, initValue, item);
+	if (name && !items && typeof initValue?.[name] !== "undefined") {
+		if (typeof value[name] === "undefined") value[name] = type === "number" ? Number(initValue[name]) : initValue[name];
+		return value;
+	}
+	if (names) return names.forEach((n) => value[n] = initValue[n] ?? "");
+	if (!name) return createValues(mForm, items, initValue, value);
+	setValue(mForm, value, initValue, item);
+	if (type === "table") {
+		if (item.defautSort) sortChange(value[name], item.defautSort);
+		else if (item.defaultSort) sortChange(value[name], item.defaultSort);
+		if (item.sort && item.sortKey) value[name].sort((a, b) => b[item.sortKey] - a[item.sortKey]);
+	}
+	return value;
+};
+var createValues = function(mForm, config = [], initValue = {}, value = {}) {
+	if (Array.isArray(config)) config.forEach((item) => {
+		initValueItem(mForm, item, initValue, value);
+	});
+	return value;
+};
+var getDefaultValue = function(mForm, { defaultValue, type, filter, multiple, names }) {
+	if (typeof defaultValue === "function") return defaultValue(mForm);
+	if (defaultValue === "undefined") return;
+	if (typeof defaultValue !== "undefined") return defaultValue;
+	if (type === "number" || filter === "number") return 0;
+	if (["switch", "checkbox"].includes(type)) return false;
+	if (multiple || type === "number-range") return [];
+	if (type === "daterange" && !names) return [];
+	return "";
+};
+var filterFunction = (mForm, config, props) => {
+	if (typeof config === "function") return config(mForm, {
+		values: readonly(mForm?.initValues || {}),
+		model: readonly(props.model),
+		parent: readonly(mForm?.parentValues || {}),
+		formValue: readonly(mForm?.values || props.model),
+		prop: props.prop,
+		config: props.config,
+		index: props.index,
+		getFormValue: (prop) => getValueByKeyPath(prop, mForm?.values || props.model)
+	});
+	return config;
+};
+var display = function(mForm, config, props) {
+	if (config === "expand") return config;
+	if (typeof config === "function") return filterFunction(mForm, config, props);
+	if (config === false) return false;
+	return true;
+};
+var getRules = function(mForm, rules = [], props) {
+	rules = cloneDeep(rules);
+	if (typeof rules === "object" && !Array.isArray(rules)) rules = [rules];
+	return rules.map((item) => {
+		if (typeof item.validator === "function") {
+			const fnc = item.validator;
+			item.validator = (rule, value, callback, source, options) => fnc({
+				rule,
+				value: props.config.names ? props.model : value,
+				callback,
+				source,
+				options
+			}, {
+				values: mForm?.initValues || {},
+				model: props.model,
+				parent: mForm?.parentValues || {},
+				formValue: mForm?.values || props.model,
+				prop: props.prop,
+				config: props.config
+			}, mForm);
+		}
+		return item;
+	});
+};
+var initValue = async (mForm, { initValues, config }) => {
+	if (!Array.isArray(config)) throw new Error("config应该为数组");
+	const initValuesCopy = cloneDeep(initValues);
+	let valuesTmp = createValues(mForm, config, initValuesCopy, {});
+	const [firstForm] = config;
+	if (firstForm && typeof firstForm.onInitValue === "function") valuesTmp = await firstForm.onInitValue(mForm, {
+		formValue: valuesTmp,
+		initValue: initValuesCopy
+	});
+	return valuesTmp || {};
+};
+var datetimeFormatter = (v, defaultValue = "-", format = "YYYY-MM-DD HH:mm:ss") => {
+	if (v) {
+		let time;
+		if (["x", "timestamp"].includes(format)) time = dayjs(Number.isNaN(Number(v)) ? v : Number(v)).valueOf();
+		else if (typeof v === "string" && v.includes("Z") || v instanceof Date) {
+			dayjs.extend(utc);
+			time = dayjs(v).utcOffset(8).format(format);
+		} else time = dayjs(v).format(format);
+		if (time !== "Invalid Date") return time;
+		return defaultValue;
+	}
+	return defaultValue;
+};
+var getDataByPage = (data = [], pagecontext, pagesize) => {
+	const start = pagecontext * pagesize;
+	return data.slice(start, start + pagesize);
+};
+var sortArray = (data, newIndex, oldIndex, sortKey) => {
+	if (newIndex === oldIndex) return data;
+	if (newIndex < 0 || newIndex >= data.length || oldIndex < 0 || oldIndex >= data.length) return data;
+	const item = data[oldIndex];
+	const newData = data.toSpliced(oldIndex, 1).toSpliced(newIndex, 0, item);
+	if (sortKey) for (let i = newData.length - 1, v = 0; i >= 0; i--, v++) newData[v][sortKey] = i;
+	return cloneDeep(newData);
+};
+var sortChange = (data, { prop, order }) => {
+	if (order === "ascending") data.sort((a, b) => a[prop] - b[prop]);
+	else if (order === "descending") data.sort((a, b) => b[prop] - a[prop]);
+};
+var createObjectProp = (prop, key, name) => {
+	if (prop === "") return key;
+	const itemPath = `${prop}`.split(".");
+	if (name) {
+		if (`${itemPath[itemPath.length - 1]}` === `${name}`) return `${[...itemPath.slice(0, -1), key].join(".")}`;
+	}
+	return `${[...itemPath, key].join(".")}`;
+};
+//#endregion
+export { createObjectProp, createValues, datetimeFormatter, display, filterFunction, getDataByPage, getRules, initValue, sortArray, sortChange };

package/dist/es/utils/useAddField.js

@@ -0,0 +1,13 @@
+import { getCurrentInstance, inject, watch } from "vue";
+//#region packages/form/src/utils/useAddField.ts
+var useAddField = (prop) => {
+	if (!prop) return;
+	const mForm = inject("mForm");
+	const instance = getCurrentInstance();
+	watch(() => instance?.proxy, (vm) => {
+		if (vm) mForm?.setField(prop, vm);
+		else mForm?.deleteField(prop);
+	}, { immediate: true });
+};
+//#endregion
+export { useAddField };

package/dist/style.css

@@ -322,4 +322,4 @@ fieldset.m-fieldset .m-form-tip {
   display: flex;
   align-items: center;
   justify-content: space-between;
-}
+}/*$vite$:1*/