@web-utils/form-ui 1.0.0-beta2 → 1.0.0-beta21

package/chunks/BLpnMrum.mjs

@@ -0,0 +1,189 @@
+import { formHolderContextKey as e, formViewContextKey as t } from "../constants.mjs";
+import { n } from "./Bh_CMUlo.mjs";
+import r from "../form-advice/index.mjs";
+import i from "../form-red-table/index.mjs";
+import { ElForm as a, ElRow as o } from "element-plus/es";
+import { computed as s, createVNode as c, inject as l, mergeProps as u, nextTick as d, provide as f, reactive as p, toRef as m, useTemplateRef as h } from "vue";
+import { animate as g } from "@web-utils/core";
+//#region src/components/form/props/form.js
+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 = ["validate"], b = (e) => v[e] !== !0, x = {
+	name: "FormHolder",
+	inheritAttrs: !1,
+	props: { ..._ },
+	emits: { validate: null },
+	setup(_, { slots: v, expose: x, emit: S }) {
+		let C = n(_, {
+			emit: S,
+			events: y,
+			predicate: b
+		}), w = l(t, null), T = h("form"), E = s(() => _.notTableForm === void 0 ? (w == null ? void 0 : w.tableForm) === void 0 ? !1 : w == null ? void 0 : w.tableForm : !_.notTableForm), D = s(() => E.value ? !1 : _.showMessage), O = s(() => {
+			let e = {};
+			return _.disabledFields && _.disabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), k = s(() => {
+			let e = {};
+			return _.enabledFields && _.enabledFields.length && _.enabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), A = s(() => {
+			let e = {};
+			return _.requiredFields && _.requiredFields.length && _.requiredFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), j = s(() => _.disabled === !0 ? !0 : _.disabled), M = m(() => _.enabledFields), N = m(() => _.requiredFields), P = m(() => _.disabledFields), F = async () => {
+			await d();
+			let e = T.value.$el.querySelector(".el-form-item.is-error");
+			e && e.scrollIntoView({
+				block: "center",
+				inline: "center",
+				behavior: "smooth"
+			});
+		}, I = p({
+			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) => {
+						g(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 f(e, I), x(I), () => c(a, u({
+			ref: "form",
+			class: "form-holder",
+			"show-message": D.value
+		}, C.value), { default: () => {
+			if (E.value) {
+				var e, t, n;
+				return [
+					(e = v.top) == null ? void 0 : e.call(v),
+					c(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 ? c(r, {
+							"label-colspan": _.commentLabelColspan,
+							"value-colspan": _.commentValueColspan
+						}, null) : null];
+					} }),
+					(t = v.bottom) == null ? void 0 : t.call(v),
+					c("div", { class: "red-form-footer" }, [(n = v.footer) == null ? void 0 : n.call(v)])
+				];
+			} else {
+				var a;
+				return _.wrapRow ? c(o, 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 { x as t };

package/chunks/BNpqILFO.mjs

@@ -0,0 +1,95 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n } from "./CnsFNU2A.mjs";
+import { ElSlider as r } from "element-plus/es";
+import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/props/slide.js
+var s = {
+	...n,
+	modelValue: [Number, Array],
+	min: {
+		type: Number,
+		default: 0
+	},
+	max: {
+		type: Number,
+		default: 100
+	},
+	step: [Number, String],
+	showInput: {
+		type: Boolean,
+		default: !1
+	},
+	showInputControls: {
+		type: Boolean,
+		default: !0
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	inputSize: {
+		type: String,
+		default: "default"
+	},
+	showStops: {
+		type: Boolean,
+		default: !1
+	},
+	showTooltip: {
+		type: Boolean,
+		default: !0
+	},
+	formatTooltip: Function,
+	range: {
+		type: Boolean,
+		default: !1
+	},
+	vertical: {
+		type: Boolean,
+		default: !1
+	},
+	height: String,
+	ariaLabel: String,
+	rangeStartLabel: String,
+	rangeEndLabel: String,
+	formatValueText: Function,
+	tooltipClass: String,
+	placement: {
+		type: String,
+		default: "top"
+	},
+	marks: Object,
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	persistent: {
+		type: Boolean,
+		default: !0
+	}
+}, c = { modelValue: !0 }, l = ["change", "input"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormSlider",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: {
+		...t,
+		change: null,
+		input: null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let d = o(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+			emit: n,
+			slots: s,
+			events: l,
+			predicate: u,
+			attrs: c
+		});
+		return () => f({ vNodes: i(r, a(m.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), null) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/Bb43eI1f.mjs

@@ -0,0 +1,93 @@
+import { columnSizeContextKey as e, setColumnSizeContextKey as t } from "../constants.mjs";
+import n from "../form-cell/index.mjs";
+import { ElTooltip as r } from "element-plus/es";
+import { Comment as i, Fragment as a, Text as o, createVNode as s, inject as c, isVNode as l } from "vue";
+import { camelize as u, isDef as d, isString as f } from "@web-utils/core";
+//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+var m = (e) => {
+	let t = Object.keys({});
+	for (let n in e) t[u(n)] = e[n];
+	return t;
+}, h = (e, { columnSize: t }) => {
+	if (!e || !e.length) return null;
+	e = e.filter((e) => e.type !== i);
+	let n = [], c = e.length === 1;
+	for (let i = 0; i < e.length; i++) {
+		let v = e[i], { name: y } = v.type;
+		if (v.type === o) n.push({
+			tag: y,
+			type: "text",
+			content: v,
+			colspan: c ? t : 0
+		});
+		else if (v.type === a) n.push(...h(v.children, { columnSize: t }));
+		else if (f(v.type) && v.type === "td") n.push({
+			tag: v.type,
+			type: "td",
+			content: v
+		});
+		else if (y === "FormCell") n.push({
+			tag: y,
+			type: "FormCell",
+			content: v
+		});
+		else if (typeof v.type == "object") {
+			var l, u;
+			let { label: e, hideLabel: i, labelColspan: a, inputColspan: o, labelRowspan: f, inputRowspan: h, tipsAfterLabel: b, tips: x } = m(v.props);
+			if (!d(i)) {
+				var p, g, _;
+				let t = (p = v.children) == null ? void 0 : p.tips, i = t || x ? s(r, {
+					effect: "light",
+					content: x,
+					offset: 4
+				}, {
+					default: () => s("i", { class: "el-icon-info form-item-input-info" }, null),
+					content: t || null
+				}) : null;
+				n.push({
+					tag: y,
+					type: "label",
+					colspan: a,
+					rowspan: f,
+					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || e, b === "" ? i : null]
+				});
+			}
+			let S;
+			S = c && d(i) ? t : d(o) ? o : c ? t - 1 : 0, n.push({
+				tag: y,
+				type: "input",
+				colspan: S,
+				rowspan: h,
+				content: [v, (l = v.children) == null || (u = l.below) == null ? void 0 : u.call(l)]
+			});
+		} else console.error("未知节点");
+	}
+	return n;
+}, g = {
+	name: "FormRow",
+	props: {
+		isLabel: Boolean,
+		alignCenter: Boolean
+	},
+	setup(r, { slots: i }) {
+		let a = c(t, null), o = c(e, null);
+		return () => {
+			var e;
+			let t = (e = i.default) == null ? void 0 : e.call(i), c = [];
+			return c.push(...h(t, { columnSize: (o == null ? void 0 : o.value) ?? 0 })), ((o == null ? void 0 : o.value) ?? 0) < c.length && (a == null || a(c.length)), s("tr", null, [c.map(({ tag: e, type: t, colspan: i, rowspan: a, content: o }) => e === "td" || t === "FormCell" ? o : t === "text" ? s(n, {
+				isLabel: r.isLabel,
+				alignCenter: r.alignCenter,
+				colspan: i
+			}, p(o) ? o : { default: () => [o] }) : s("td", {
+				class: t,
+				colspan: i,
+				rowspan: a
+			}, [o]))]);
+		};
+	}
+};
+//#endregion
+export { g as t };

package/chunks/BbrVRWUo.mjs

@@ -0,0 +1,73 @@
+import { i as e, n as t, t as n } from "./Cw8pz9hK.mjs";
+import { n as r, r as i, t as a } from "./Dq3yxEPg.mjs";
+import { ElInput as o } from "element-plus/es";
+import { computed as s, createVNode as c, mergeProps as l, useModel as u } from "vue";
+import { validatePhoneNum as d } from "@web-utils/core";
+//#region src/util/form-validate.js
+var f = (e, t, n) => t && !/^[A-Za-z0-9\u4e00-\u9fa5_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+function p(e, t, n) {
+	t && !/^[1-9][0-9]{5}(18|19|(2[0-9]))[0-9]{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)[0-9]{3}[0-9Xx]$/.test(t) ? n(/* @__PURE__ */ Error("invalid")) : n();
+}
+//#endregion
+//#region src/components/form/FormInput.vue
+var m = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...a },
+	emits: {
+		...t,
+		click: null,
+		blur: null,
+		focus: null,
+		change: null,
+		input: null,
+		clear: null,
+		keydown: null,
+		mouseleave: null,
+		mouseenter: null,
+		compositionstart: null,
+		compositionupdate: null,
+		compositionend: null
+	},
+	setup(t, { emit: a, slots: m, attrs: h }) {
+		let g = u(t, "modelValue"), _ = `请输入正确的${t.label}！`, { render: v, placeholder: y, disabled: b, autoBind: x } = e(t, {
+			emit: a,
+			slots: m,
+			attrs: h,
+			rules: s(() => {
+				if (!t.type || t.type === "textarea") return null;
+				let e = {
+					message: _,
+					trigger: "blur"
+				};
+				if (t.type === "email") e.validator = f;
+				else if (t.type === "idcard") e.validator = p;
+				else if (t.type === "phone") e.validator = d;
+				else return null;
+				return [e];
+			}),
+			events: r,
+			predicate: i
+		});
+		return () => v({ vNodes: c(o, l({ class: ["form-input", {
+			"is-readonly": t.readonlyGrey && t.readonly && !t.picker,
+			"el-input-cursor-pointer": t.picker && !b.value
+		}] }, x.value, {
+			modelValue: g.value,
+			"onUpdate:modelValue": (e) => g.value = e,
+			disabled: b.value,
+			placeholder: y.value,
+			readonly: t.readonly || t.picker,
+			"prefix-icon": n({ icon: t.picker ? "el-icon-search" : t.prefixIcon }),
+			"suffix-icon": n({ icon: t.suffixIcon })
+		}), {
+			prefix: m.prefix || t.prefix ? () => t.prefix : null,
+			suffix: m.suffix || t.suffix ? () => t.suffix : null,
+			"password-icon": m["password-icon"],
+			prepend: m.prepend || t.prepend ? () => t.prepend : null,
+			append: m.append || t.append ? () => t.append : null
+		}) });
+	}
+};
+//#endregion
+export { m as t };

package/chunks/Bd1I-R29.mjs

@@ -0,0 +1,53 @@
+import { i as e, n as t } from "./Cw8pz9hK.mjs";
+import { n, t as r } from "./CnsFNU2A.mjs";
+import { n as i, r as a } from "./Dq3yxEPg.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/Bh_CMUlo.mjs

@@ -0,0 +1,12 @@
+import { computed as e } from "vue";
+import { capitalize as t } from "@web-utils/core";
+//#region src/util/index.js
+var n = (e, n, r, i) => {
+	let a = {};
+	if (n) for (let t in e) n(t) && (a[t] = e[t]);
+	return r && r.forEach((e) => {
+		a[`on${t(e)}`] = (...t) => i(e, ...t);
+	}), a;
+}, r = (t, { emit: r, events: i, predicate: a }) => e(() => n(t, a, i, r));
+//#endregion
+export { r as n, n as t };

package/chunks/Bv-Gn_Jd.mjs

@@ -0,0 +1,42 @@
+import { n as e } from "./Bh_CMUlo.mjs";
+import { o as t, r as n } from "./Cw8pz9hK.mjs";
+import { n as r } from "./CnsFNU2A.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"
+	},
+	text: String
+}, 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/C4MTLHn4.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./Cw8pz9hK.mjs";
+import { t } from "./BbrVRWUo.mjs";
+import { t as n } from "./Dq3yxEPg.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputEmail.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/FormInputEmail.vue
+var c = {
+	name: "FormInputEmail",
+	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: "email"
+		}), s(n) ? n : { default: () => [n] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/CI4RZnNc.mjs

@@ -0,0 +1,26 @@
+import { n as e } from "./Cw8pz9hK.mjs";
+import { t } from "./BbrVRWUo.mjs";
+import { t as n } from "./Dq3yxEPg.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 };

package/chunks/CnsFNU2A.mjs

@@ -0,0 +1,17 @@
+import { c as e, s as t } from "./Cw8pz9hK.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 };