@web-utils/form-ui 1.0.0-beta16 → 1.0.0-beta17

package/chunks/CH_v7XkN.mjs

@@ -0,0 +1,53 @@
+import { i as e, n as t } from "./CEWLi7G1.mjs";
+import { n, t as r } from "./CQTt0Oq1.mjs";
+import { n as i, r as a } from "./CqgD2b0r.mjs";
+import { t as o } from "./wfL1FAwc.mjs";
+import { ElInput as s, ElPopover as c } from "element-plus/es";
+import { createVNode as l, mergeProps as u, ref as d } from "vue";
+//#endregion
+//#region src/components/form/FormInputCronExpression.vue
+var f = {
+	name: "FormInputCronExpression",
+	props: {
+		...n,
+		...r,
+		modelValue: [String, Number]
+	},
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: f }) {
+		let p = d(!1), { emitInput: m, render: h, placeholder: g, disabled: _, autoBind: v } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: f,
+			events: i,
+			predicate: a
+		}), y = () => {
+			p.value = !0;
+		}, b = () => {
+			p.value = !1;
+		};
+		return () => h({ vNodes: l("div", { class: "cron" }, [l(c, {
+			placement: "bottom-start",
+			disabled: _.value,
+			modelValue: p.value,
+			"onUpdate:modelValue": (e) => p.value = e,
+			"popper-class": "cron-popover"
+		}, {
+			default: () => l(o, u(v.value, {
+				i18n: "cn",
+				expression: t.modelValue,
+				onChange: m,
+				onClose: b
+			}), null),
+			reference: () => l(s, {
+				modelValue: t.modelValue,
+				readonly: !0,
+				disabled: _.value,
+				placeholder: g.value,
+				onClick: y
+			}, null)
+		})]) });
+	}
+};
+//#endregion
+export { f as t };

package/chunks/CQTt0Oq1.mjs

@@ -0,0 +1,17 @@
+import { c as e, s as t } from "./CEWLi7G1.mjs";
+//#region src/components/form/props/common.js
+var n = {
+	...e,
+	...t,
+	wrapFormItem: {
+		type: Boolean,
+		default: !0
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	col: Boolean
+}, r = { size: { type: String } };
+//#endregion
+export { n, r as t };

package/chunks/CbGBSOlX.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./CEWLi7G1.mjs";
+import { t } from "./DX4Wq2Fb.mjs";
+import { t as n } from "./CqgD2b0r.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputIdCard.vue
+var c = {
+	name: "FormInputIdCard",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { slots: n, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(t, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "idcard"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/CqgD2b0r.mjs

@@ -0,0 +1,106 @@
+import { n as e, t } from "./CQTt0Oq1.mjs";
+//#region src/components/form/props/input.js
+var n = {
+	...e,
+	...t,
+	type: {
+		type: String,
+		default: "text"
+	},
+	modelValue: [String, Number],
+	modelModifiers: Object,
+	maxlength: [String, Number],
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !1
+	},
+	wordLimitPosition: {
+		type: String,
+		default: "inside"
+	},
+	placeholder: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	formatter: Function,
+	parser: Function,
+	showPassword: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	prefixIcon: [String, Object],
+	suffixIcon: [String, Object],
+	rows: {
+		type: Number,
+		default: 2
+	},
+	autosize: [Boolean, Object],
+	autocomplete: {
+		type: String,
+		default: "off"
+	},
+	name: String,
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	max: [String, Number],
+	min: [String, Number],
+	step: [String, Number],
+	resize: String,
+	autofocus: {
+		type: Boolean,
+		default: !1
+	},
+	form: String,
+	ariaLabel: String,
+	tabindex: [String, Number],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	inputStyle: [String, Object],
+	label: String,
+	inputmode: String,
+	countGraphemes: Function,
+	prepend: String,
+	append: String,
+	prefix: String,
+	suffix: String,
+	picker: Boolean,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+}, r = {
+	readonly: !0,
+	prefixIcon: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	readonlyGrey: !0,
+	picker: !0,
+	append: !0,
+	prefix: !0,
+	suffix: !0,
+	prepend: !0
+}, i = [
+	"click",
+	"blur",
+	"focus",
+	"change",
+	"input",
+	"clear",
+	"keydown",
+	"mouseleave",
+	"mouseenter",
+	"compositionstart",
+	"compositionupdate",
+	"compositionend"
+], a = (t) => e[t] === void 0 && r[t] !== !0;
+//#endregion
+export { i as n, a as r, n as t };

package/chunks/CrWDXTno.mjs

@@ -0,0 +1,108 @@
+import { i as e, n as t } from "./CEWLi7G1.mjs";
+import { n } from "./CQTt0Oq1.mjs";
+import { ElCheckbox as r, ElCheckboxButton as i, ElCheckboxGroup as a } from "element-plus/es";
+import { computed as o, createVNode as s, isVNode as c, mergeProps as l } from "vue";
+//#region src/components/form/props/checkbox-group.js
+var u = {
+	...n,
+	modelValue: {
+		type: Array,
+		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
+	},
+	label: String,
+	options: Array,
+	props: {
+		type: Object,
+		default: () => ({
+			value: "value",
+			label: "label",
+			disabled: "disabled"
+		})
+	},
+	type: {
+		type: String,
+		default: "checkbox"
+	},
+	stringMode: Boolean,
+	delimiter: {
+		type: String,
+		default: ","
+	}
+}, d = {
+	modelValue: !0,
+	type: !0,
+	options: !0
+}, f = ["change"], p = (e) => n[e] === void 0 && d[e] !== !0;
+//#endregion
+//#region src/components/form/FormCheckBoxGroup.vue?vue&type=script&lang.jsx
+function m(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
+}
+//#endregion
+//#region src/components/form/FormCheckBoxGroup.vue
+var h = {
+	name: "FormCheckBoxGroup",
+	inheritAttrs: !1,
+	props: { ...u },
+	emits: {
+		...t,
+		change: null
+	},
+	setup(t, { emit: n, slots: c, attrs: u }) {
+		let { emitInput: d, render: h, disabled: g, autoBind: _ } = e(t, {
+			emit: n,
+			slots: c,
+			attrs: u,
+			events: f,
+			predicate: p,
+			messagePrefix: "请选择"
+		}), v = (e) => d(t.stringMode ? e.join(t.delimiter) : e), y = o(() => {
+			if (t.stringMode) {
+				var e;
+				return Array.isArray(t.modelValue) ? t.modelValue.filter((e) => e) : ((e = t.modelValue) == null ? void 0 : e.split(t.delimiter).filter((e) => e)) ?? [];
+			}
+			return t.modelValue || [];
+		});
+		return () => h({ vNodes: s(a, l(_.value, {
+			modelValue: y.value,
+			disabled: g.value,
+			"onUpdate:modelValue": v
+		}), {
+			...c,
+			default: c.default || (() => {
+				var e;
+				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: n, disabled: a }) => t.type === "button" ? s(i, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }) : s(r, {
+					key: e,
+					value: e,
+					disabled: a
+				}, m(n) ? n : { default: () => [n] }));
+			})
+		}) });
+	}
+};
+//#endregion
+export { h as t };

package/chunks/D0EeP-eB.mjs

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

package/chunks/D9GcEl6r.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/DCKxvrCR.mjs

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

package/chunks/DFuF0u2g.mjs

@@ -0,0 +1,51 @@
+import { n as e } from "./Bh_CMUlo.mjs";
+import { o as t, r as n } from "./CEWLi7G1.mjs";
+import { n as r } from "./CQTt0Oq1.mjs";
+import { ElImage as i } from "element-plus/es";
+import { createVNode as a, isVNode as o, mergeProps as s } from "vue";
+//#region src/components/form/props/image.js
+var c = {
+	...r,
+	src: String,
+	fit: String,
+	hideOnClickModal: Boolean
+}, l = { modelValue: !0 }, u = [
+	"load",
+	"error",
+	"switch",
+	"close",
+	"show"
+], d = (e) => r[e] === void 0 && l[e] !== !0;
+//#endregion
+//#region src/components/form/FormImage.vue?vue&type=script&lang.jsx
+function f(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !o(e);
+}
+//#endregion
+//#region src/components/form/FormImage.vue
+var p = {
+	name: "FormImage",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		load: null,
+		error: null,
+		switch: null,
+		close: null,
+		show: null
+	},
+	setup(r, { slots: o, attrs: c, emit: l }) {
+		let p = t(r, { attrs: c }), m = e(r, {
+			events: u,
+			predicate: d,
+			emit: l
+		});
+		return () => n(r, {
+			vNodes: a(i, s(m.value, c, { "preview-src-list": [r.src] }), f(o) ? o : { default: () => [o] }),
+			formItemProps: p,
+			slots: o
+		});
+	}
+};
+//#endregion
+export { p as t };

package/chunks/DQDBsEel.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./CEWLi7G1.mjs";
+import { t } from "./DX4Wq2Fb.mjs";
+import { t as n } from "./CqgD2b0r.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputPhoneNumber.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputPhoneNumber.vue
+var c = {
+	name: "FormInputPhoneNumber",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { slots: n, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(t, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "phone"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };