@web-utils/form-ui 1.0.0-beta56 → 1.0.0-beta58

package/chunks/CLO5X9Lb.mjs

@@ -1,176 +0,0 @@
-import { n as e, o as t } from "./BvKUeniN.mjs";
-import { n } from "./C6Dq9Dgb.mjs";
-import { useDictionary as r } from "../hook/useDictionary.mjs";
-import { t as i } from "./C6u76g6o.mjs";
-import { computed as a, createVNode as o, defineComponent as s, isVNode as c, mergeProps as l, useModel as u } from "vue";
-import { ElCheckbox as d, ElCheckboxButton as f, ElCheckboxGroup as p } from "element-plus/es";
-//#region src/components/form/props/checkbox-group.ts
-var m = {
-	...n,
-	modelValue: {
-		type: [Array, String],
-		default: () => []
-	},
-	size: String,
-	min: Number,
-	max: Number,
-	ariaLabel: String,
-	textColor: {
-		type: String,
-		default: "#ffffff"
-	},
-	fill: {
-		type: String,
-		default: "#409eff"
-	},
-	tag: {
-		type: String,
-		default: "div"
-	},
-	validateEvent: {
-		type: Boolean,
-		default: !0
-	},
-	options: {
-		type: Array,
-		default: () => []
-	},
-	props: {
-		type: Object,
-		default: () => ({
-			value: "value",
-			label: "label",
-			disabled: "disabled"
-		})
-	},
-	type: {
-		type: String,
-		default: "checkbox"
-	},
-	stringMode: Boolean,
-	delimiter: {
-		type: String,
-		default: ","
-	},
-	other: [String],
-	otherVal: [String],
-	otherProp: String,
-	otherPlaceholder: String,
-	otherLabel: String,
-	otherWidth: {
-		type: String,
-		default: "200px"
-	},
-	otherMaxLength: String,
-	gender: Boolean,
-	confirm: Boolean,
-	labelProp: {
-		type: String,
-		default: "name"
-	},
-	valueProp: {
-		type: String,
-		default: "code"
-	},
-	split: Boolean,
-	sort: Boolean,
-	classic: Boolean,
-	fillRow: Boolean,
-	ellipsis: Boolean,
-	dictType: String
-}, h = {
-	modelValue: !0,
-	type: !0,
-	disabled: !0,
-	options: !0
-}, g = (e) => n[e] === void 0 && h[e] !== !0;
-//#endregion
-//#region src/components/form/FormCheckboxGroup.vue?vue&type=script&lang.jsx
-function _(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
-}
-//#endregion
-//#region src/components/form/FormCheckboxGroup.vue
-var v = /* @__PURE__ */ s({
-	name: "FormCheckboxGroup",
-	inheritAttrs: !1,
-	props: { ...m },
-	emits: {
-		...e,
-		"update:other": null
-	},
-	setup(e, { emit: n, slots: s, attrs: c }) {
-		let m = u(e, "other"), { emitInput: h, render: v, disabled: y, listeners: b, inputProps: x } = t(e, {
-			emit: n,
-			slots: s,
-			attrs: c,
-			predicate: g,
-			messagePrefix: "请选择",
-			class: a(() => ["form-checkbox-group", {
-				"form-checkbox-group-row": e.fillRow,
-				"form-checkbox-group-row-break-word": e.fillRow,
-				"form-checkbox-group-row-ellipsis": e.ellipsis
-			}])
-		}), S = (t) => {
-			let n = t;
-			e.sort && (n = t.sort()), e.stringMode || e.split ? h(n.join(",")) : h(n);
-		}, C = a(() => {
-			if (e.stringMode || e.split) {
-				var t;
-				return Array.isArray(e.modelValue) ? e.modelValue.filter((e) => e) : ((t = e.modelValue) == null ? void 0 : t.split(e.delimiter).filter((e) => e)) ?? [];
-			}
-			return e.modelValue || [];
-		}), w = a(() => e.classic ? "label" : e.labelProp), T = a(() => e.classic ? "value" : e.valueProp), { dictItems: E } = r(e), D = a(() => e.dictType ? E.value : e.gender ? [{
-			[w.value]: "男",
-			[T.value]: "男"
-		}, {
-			[w.value]: "女",
-			[T.value]: "女"
-		}] : e.confirm ? [{
-			[w.value]: "是",
-			[T.value]: "是"
-		}, {
-			[w.value]: "否",
-			[T.value]: "否"
-		}] : e.options);
-		return () => v({ vNodes: [o(p, l(b.value, x.value, {
-			modelValue: C.value,
-			disabled: y.value,
-			"onUpdate:modelValue": S
-		}), {
-			...s,
-			default: s.default || (() => {
-				var t;
-				return (t = D.value) == null ? void 0 : t.map(({ value: t, label: n, disabled: r }) => e.type === "button" ? o(f, {
-					key: t,
-					value: t,
-					disabled: r
-				}, _(n) ? n : { default: () => [n] }) : o(d, {
-					key: t,
-					value: t,
-					disabled: r
-				}, _(n) ? n : { default: () => [n] }));
-			})
-		}), C.value.includes(e.otherVal) ? o(i, {
-			"wrap-col": !1,
-			class: "form-checkbox-group-other",
-			"hide-label": !0,
-			"label-width": "0",
-			prop: e.otherProp,
-			disabled: y.value,
-			required: !!e.otherProp,
-			placeholder: e.otherPlaceholder,
-			label: e.otherLabel,
-			"show-message": !!e.otherLabel,
-			style: e.otherLabel ? { width: e.otherWidth } : {
-				marginBottom: 0,
-				width: e.otherWidth
-			},
-			modelValue: m.value,
-			"onUpdate:modelValue": (e) => m.value = e,
-			"max-length": e.otherMaxLength
-		}, null) : null] });
-	}
-});
-//#endregion
-export { v as t };

package/chunks/CdoiMj7L2.mjs

@@ -1,39 +0,0 @@
-import { f as e } from "./DcTVYqeJ.mjs";
-import { t } from "./AAZfNtly.mjs";
-import { r as n } from "./BvKUeniN.mjs";
-import { n as r } from "./C6Dq9Dgb.mjs";
-import { createVNode as i, mergeProps as a } from "vue";
-import { ElText as o } from "element-plus/es";
-//#region src/components/form/props/text.ts
-var s = {
-	...r,
-	type: String,
-	size: {
-		type: String,
-		default: "default"
-	},
-	truncated: {
-		type: Boolean,
-		default: !1
-	},
-	lineClamp: [String, Number],
-	tag: {
-		type: String,
-		default: "span"
-	},
-	text: String
-}, c = { modelValue: !0 }, l = (e) => r[e] === void 0 && c[e] !== !0, u = {
-	name: "FormText",
-	inheritAttrs: !1,
-	props: { ...s },
-	setup(r, { slots: s, attrs: c }) {
-		let u = t(r, { attrs: c }), d = e(r, l);
-		return () => n(r, {
-			vNodes: i(o, a(d.value, c), { default: s.default || (() => r.text) }),
-			formItemProps: u,
-			slots: s
-		});
-	}
-};
-//#endregion
-export { u as t };

package/chunks/DTVTvvq-.mjs

@@ -1,189 +0,0 @@
-import { d as e } from "./DcTVYqeJ.mjs";
-import { formHolderContextKey as t, formViewContextKey as n } from "../constants/index.mjs";
-import r from "../form-advice/index.mjs";
-import i from "../form-red-table/index.mjs";
-import { animate as a } from "@web-utils/core";
-import { computed as o, createVNode as s, inject as c, mergeProps as l, nextTick as u, provide as d, reactive as f, toRef as p, useTemplateRef as m } from "vue";
-import { ElForm as h, ElRow as g } from "element-plus/es";
-//#region src/components/form/props/form.ts
-var _ = {
-	model: Object,
-	rules: Object,
-	inline: {
-		type: Boolean,
-		default: !1
-	},
-	labelPosition: {
-		type: String,
-		default: "right"
-	},
-	labelWidth: {
-		type: [String, Number],
-		default: "auto"
-	},
-	labelSuffix: {
-		type: String,
-		default: ""
-	},
-	hideRequiredAsterisk: {
-		type: Boolean,
-		default: !1
-	},
-	requireAsteriskPosition: {
-		type: String,
-		default: "left"
-	},
-	showMessage: {
-		type: Boolean,
-		default: !0
-	},
-	inlineMessage: {
-		type: Boolean,
-		default: !1
-	},
-	statusIcon: {
-		type: Boolean,
-		default: !1
-	},
-	validateOnRuleChange: {
-		type: Boolean,
-		default: !0
-	},
-	size: String,
-	disabled: {
-		type: Boolean,
-		default: void 0
-	},
-	scrollToError: {
-		type: Boolean,
-		default: !1
-	},
-	scrollIntoViewOptions: [Object, Boolean],
-	requiredFields: Array,
-	disabledFields: Array,
-	enabledFields: Array,
-	showAdvice: {
-		type: Boolean,
-		default: !0
-	},
-	columns: [Array, Object],
-	colCount: Number,
-	notTableForm: {
-		type: Boolean,
-		default: void 0
-	},
-	commentValueColspan: Number,
-	commentLabelColspan: Number,
-	wrapRow: {
-		type: Boolean,
-		default: !0
-	}
-}, v = {
-	showMessage: !0,
-	required: !0,
-	requiredFields: !0,
-	disabledFields: !0,
-	enabledFields: !0,
-	showAdvice: !0,
-	columns: !0,
-	colCount: !0,
-	notTableForm: !0,
-	commentValueColspan: !0,
-	commentLabelColspan: !0,
-	wrapRow: !0
-}, y = (e) => v[e] !== !0, b = {
-	name: "FormHolder",
-	inheritAttrs: !1,
-	props: { ..._ },
-	emits: {},
-	setup(_, { slots: v, expose: b, attrs: x }) {
-		let { autoBindProps: S, listeners: C } = e(_, { predicate: y }), w = c(n, null), T = m("form"), E = o(() => _.notTableForm === void 0 ? (w == null ? void 0 : w.tableForm) === void 0 ? !1 : w == null ? void 0 : w.tableForm : !_.notTableForm), D = o(() => E.value ? !1 : _.showMessage), O = o(() => {
-			let e = {};
-			return _.disabledFields && _.disabledFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), k = o(() => {
-			let e = {};
-			return _.enabledFields && _.enabledFields.length && _.enabledFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), A = o(() => {
-			let e = {};
-			return _.requiredFields && _.requiredFields.length && _.requiredFields.forEach((t) => {
-				e[t] = !0;
-			}), e;
-		}), j = o(() => _.disabled === !0 ? !0 : _.disabled), M = p(() => _.enabledFields), N = p(() => _.requiredFields), P = p(() => _.disabledFields), F = async () => {
-			await u();
-			let e = T.value.$el.querySelector(".el-form-item.is-error");
-			e && e.scrollIntoView({
-				block: "center",
-				inline: "center",
-				behavior: "smooth"
-			});
-		}, I = f({
-			tableForm: E,
-			disabled: j,
-			enabledFields: M,
-			requiredFields: N,
-			enabledFieldsMap: k,
-			disabledFieldsMap: O,
-			requiredFieldsMap: A,
-			disabledFields: P,
-			scrollIntoRequiredField: F,
-			formRef: T,
-			validate: async () => {
-				try {
-					return await T.value.validate();
-				} catch {
-					throw await F(), T.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
-						a(e, "breathe-animation");
-					}), Error("表单验证不通过!");
-				}
-			},
-			validateField: (e) => T.value.validateField(e),
-			resetFields: (e) => T.value.resetFields(e),
-			scrollToField: (e) => T.value.scrollToField(e),
-			clearValidate: (e) => T.value.clearValidate(e),
-			getField: () => T.value.getField(),
-			setInitialValues: (e) => T.value.setInitialValues(e),
-			getFields: () => T.value.fields
-		});
-		return d(t, I), b(I), () => s(h, l(C.value, S.value, x, {
-			ref: "form",
-			class: [
-				"form-holder",
-				"clear-fix",
-				{ "red-form": E }
-			],
-			"show-message": D.value
-		}), { default: () => {
-			if (E.value) {
-				var e, t, n;
-				return [
-					(e = v.top) == null ? void 0 : e.call(v),
-					s(i, {
-						class: { "hide-error-message": E.value },
-						columns: _.columns,
-						"col-count": _.colCount
-					}, { default: () => {
-						var e;
-						return [(e = v.default) == null ? void 0 : e.call(v), _.showAdvice ? s(r, {
-							"label-colspan": _.commentLabelColspan,
-							"value-colspan": _.commentValueColspan
-						}, null) : null];
-					} }),
-					(t = v.bottom) == null ? void 0 : t.call(v),
-					s("div", { class: "red-form-footer" }, [(n = v.footer) == null ? void 0 : n.call(v)])
-				];
-			} else {
-				var a;
-				return _.wrapRow ? s(g, null, { default: () => {
-					var e;
-					return [(e = v.default) == null ? void 0 : e.call(v)];
-				} }) : (a = v.default) == null ? void 0 : a.call(v);
-			}
-		} });
-	}
-};
-//#endregion
-export { b as t };

package/chunks/DWE67l1f.mjs

@@ -1,317 +0,0 @@
-import { n as e, o as t } from "./BvKUeniN.mjs";
-import { n } from "./C6Dq9Dgb.mjs";
-import { useDictionary as r } from "../hook/useDictionary.mjs";
-import { isNumber as i, isPlainObject as a, isString as o } from "@web-utils/core";
-import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";
-import { ElOption as f, ElSelect as p } from "element-plus/es";
-//#region src/components/form/props/select.ts
-var m = {
-	...n,
-	modelValue: [
-		String,
-		Number,
-		Boolean,
-		Object,
-		Array
-	],
-	multiple: {
-		type: Boolean,
-		default: !1
-	},
-	options: {
-		type: Array,
-		default: () => []
-	},
-	props: {
-		type: Object,
-		default: () => ({
-			label: "label",
-			value: "value"
-		})
-	},
-	valueKey: {
-		type: String,
-		default: "value"
-	},
-	size: String,
-	clearable: {
-		type: Boolean,
-		default: !0
-	},
-	collapseTags: {
-		type: Boolean,
-		default: !1
-	},
-	collapseTagsTooltip: {
-		type: Boolean,
-		default: !1
-	},
-	tagTooltip: {
-		type: Object,
-		default: () => ({})
-	},
-	multipleLimit: {
-		type: Number,
-		default: 0
-	},
-	id: String,
-	name: String,
-	effect: {
-		type: String,
-		default: "light"
-	},
-	autocomplete: {
-		type: String,
-		default: "off"
-	},
-	placeholder: String,
-	filterable: {
-		type: Boolean,
-		default: !1
-	},
-	allowCreate: {
-		type: Boolean,
-		default: !1
-	},
-	filterMethod: Function,
-	remote: {
-		type: Boolean,
-		default: !1
-	},
-	debounce: {
-		type: Number,
-		default: 300
-	},
-	remoteMethod: Function,
-	remoteShowSuffix: {
-		type: Boolean,
-		default: !1
-	},
-	loading: {
-		type: Boolean,
-		default: !1
-	},
-	loadingText: String,
-	noMatchText: String,
-	noDataText: String,
-	popperClass: {
-		type: String,
-		default: ""
-	},
-	popperStyle: [String, Object],
-	reserveKeyword: {
-		type: Boolean,
-		default: !0
-	},
-	defaultFirstOption: {
-		type: Boolean,
-		default: !1
-	},
-	teleported: {
-		type: Boolean,
-		default: !0
-	},
-	appendTo: [String, Object],
-	persistent: {
-		type: Boolean,
-		default: !0
-	},
-	automaticDropdown: {
-		type: Boolean,
-		default: !1
-	},
-	clearIcon: [String, Object],
-	fitInputWidth: {
-		type: Boolean,
-		default: !1
-	},
-	suffixIcon: [String, Object],
-	tagType: {
-		type: String,
-		default: "info"
-	},
-	tagEffect: {
-		type: String,
-		default: "light"
-	},
-	validateEvent: {
-		type: Boolean,
-		default: !0
-	},
-	dropDownOffset: {
-		type: Number,
-		default: 12
-	},
-	showArrow: {
-		type: Boolean,
-		default: !0
-	},
-	placement: {
-		type: String,
-		default: "bottom-start"
-	},
-	fallbackPlacements: {
-		type: Array,
-		default: () => [
-			"bottom-start",
-			"top-start",
-			"right",
-			"left"
-		]
-	},
-	maxCollapseTags: {
-		type: Number,
-		default: 1
-	},
-	popperOptions: {
-		type: Object,
-		default: () => ({})
-	},
-	ariaLabel: String,
-	emptyValues: Array,
-	valueOnClear: [
-		String,
-		Number,
-		Boolean,
-		Function
-	],
-	suffixTransition: {
-		type: Boolean,
-		default: !0
-	},
-	tabindex: [String, Number],
-	dictType: String,
-	gender: Boolean,
-	year: [Boolean, Number],
-	all: Boolean,
-	confirm: Boolean,
-	start: Number,
-	end: Number,
-	optionLabel: [String, Number],
-	emitLabel: Boolean,
-	english: Boolean,
-	chinese: Boolean,
-	typing: Boolean,
-	multipleStringMode: Boolean,
-	multipleStringSeparator: {
-		type: String,
-		default: ","
-	}
-}, h = {
-	modelValue: !0,
-	emptyValues: !0,
-	disabled: !0,
-	dropDownOffset: !0,
-	valueOnClear: !0,
-	options: !0,
-	dictType: !0,
-	gender: !0,
-	year: !0,
-	all: !0,
-	confirm: !0,
-	start: !0,
-	end: !0,
-	optionLabel: !0,
-	emitLabel: !0,
-	english: !0,
-	chinese: !0,
-	typing: !0,
-	multipleStringMode: !0,
-	multipleStringSeparator: !0
-}, g = (e) => n[e] === void 0 && h[e] !== !0, _ = {
-	name: "FormSelect",
-	inheritAttrs: !1,
-	props: { ...m },
-	emits: { ...e },
-	setup(e, { emit: n, slots: m, attrs: h }) {
-		let { emitInput: _, render: v, placeholder: y, disabled: b, listeners: x, inputProps: S } = t(e, {
-			emit: n,
-			slots: m,
-			attrs: h,
-			predicate: g,
-			messagePrefix: "请选择"
-		}), C = u(null), w = u(!1);
-		d(() => {
-			if (e.multiple && e.multipleStringMode) {
-				var t;
-				C.value = (t = e.modelValue) == null ? void 0 : t.split(",").filter((e) => e);
-			} else C.value = e.modelValue;
-		});
-		let T = (t) => {
-			if (e.multiple && e.multipleStringMode ? _(t.join(e.multipleStringSeparator)) : _(t), e.emitLabel) {
-				let r = O.value.find((n) => n[e.props.value] === t), i = r == null ? void 0 : r[e.props.label];
-				i !== e.optionLabel && n("update:optionLabel", i);
-			}
-		}, { dictItems: E } = r(e), D = u([]), O = s(() => {
-			if (e.dictType) return E.value;
-			if (e.remote) return D.value;
-			if (e.gender) return [{
-				[e.props.label]: "男",
-				[e.props.value]: e.chinese ? "男" : e.typing ? 1 : "1"
-			}, {
-				[e.props.label]: "女",
-				[e.props.value]: e.chinese ? "女" : e.typing ? 2 : "2"
-			}];
-			if (e.confirm) return [{
-				[e.props.label]: "是",
-				[e.props.value]: e.chinese ? "是" : e.english ? "Y" : e.typing ? 1 : "1"
-			}, {
-				[e.props.label]: "否",
-				[e.props.value]: e.chinese ? "否" : e.english ? "N" : e.typing ? 0 : "0"
-			}];
-			if (e.all) return [{
-				[e.props.value]: "",
-				[e.props.label]: "全部"
-			}, ...e.options];
-			if (e.start && e.end) return Array(e.end - e.start + 1).fill(1).map((t, n) => ({
-				[e.props.label]: e.start + n,
-				[e.props.value]: e.start + n
-			}));
-			if (e.year) {
-				let t = (/* @__PURE__ */ new Date()).getFullYear(), n = [], r = 10;
-				i(e.year) && (r = e.year);
-				for (let i = -r; i <= r; i++) {
-					let r = t + i;
-					n.push({
-						[e.props.label]: r,
-						[e.props.value]: r
-					});
-				}
-				return n;
-			}
-			return e.options ? e.options.map((t) => (t[e.props.value] = t[e.props.value] ?? t[e.props.label], t)) : [];
-		}), k = async (t) => {
-			try {
-				var n;
-				w.value = !0;
-				let r = await e.remoteMethod(t, e.prop);
-				((n = r.data.data) == null ? void 0 : n.length) >= 0 ? o(r.data.data[0]) ? D.value = r.data.data.map((t) => ({
-					[e.props.value]: t,
-					[e.props.label]: t
-				})) : a(r.data.data[0]) && (D.value = r.data.data) : D.value = [];
-			} catch {}
-			w.value = !1;
-		};
-		return d(() => {
-			e.remote && k();
-		}), () => v({ vNodes: c(p, l(x.value, S.value, {
-			offset: e.dropDownOffset,
-			"model-value": C.value,
-			"onUpdate:modelValue": T,
-			disabled: b.value,
-			placeholder: y.value
-		}), {
-			...m,
-			default: m.default || (() => {
-				var e;
-				return (e = O.value) == null ? void 0 : e.map(({ value: e, label: t }) => c(f, {
-					key: e,
-					label: t,
-					value: e
-				}, null));
-			})
-		}) });
-	}
-};
-//#endregion
-export { _ as t };