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

package/chunks/BVzpe2oN.mjs

@@ -0,0 +1,76 @@
+import { i as e, n as t } from "./C1DlzLpD.mjs";
+import { n } from "./DynLjTwi.mjs";
+import { ElCheckbox as r } from "element-plus/es";
+import { createVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/props/checkbox.js
+var s = {
+	...n,
+	modelValue: [
+		String,
+		Number,
+		Boolean
+	],
+	value: [
+		String,
+		Number,
+		Boolean,
+		Object
+	],
+	label: [
+		String,
+		Number,
+		Boolean,
+		Object
+	],
+	trueValue: [String, Number],
+	falseValue: [String, Number],
+	border: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	name: String,
+	checked: {
+		type: Boolean,
+		default: !1
+	},
+	indeterminate: {
+		type: Boolean,
+		default: !1
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	id: String,
+	ariaControls: String,
+	ariaLabel: String,
+	trueLabel: [String, Number],
+	falseLabel: [String, Number],
+	controls: String
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormCheckbox",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: {
+		...t,
+		change: 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,
+			attrs: c,
+			events: l,
+			predicate: u
+		});
+		return () => f({ vNodes: i(r, a(m.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), { default: s.default }) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/Bb5BT11-.mjs

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

@@ -0,0 +1,73 @@
+import { i as e, n as t, t as n } from "./C1DlzLpD.mjs";
+import { n as r, r as i, t as a } from "./DkqF25wT.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/BsbfEk0E.mjs

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

@@ -0,0 +1,222 @@
+import { formHolderContextKey as e, formItemConfigProviderContextKey as t, formItemGroupContextKey as n } from "../constants.mjs";
+import { t as r } from "./Bh_CMUlo.mjs";
+import { ElCol as i, ElFormItem as a, ElTooltip as o } from "element-plus/es";
+import { computed as s, createVNode as c, h as l, inject as u, mergeProps as d, nextTick as f, unref as p, useTemplateRef as m } from "vue";
+import { ElCol as h, rowContextKey as g } from "element-plus";
+//#region src/components/form/props/form-item.js
+var _ = {
+	prop: [String, Array],
+	label: String,
+	labelPosition: {
+		type: String,
+		default: ""
+	},
+	labelWidth: [String, Number],
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	rules: Object,
+	error: String,
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	for: String,
+	validateStatus: String,
+	messagePrefix: String,
+	message: String,
+	wrapCol: {
+		type: Boolean,
+		default: !0
+	},
+	fixedSpan: Number,
+	block: Boolean,
+	unwrap: Boolean,
+	half: Boolean,
+	formItemClass: String,
+	hideLabel: Boolean,
+	tips: { type: String },
+	tipsAfterLabel: {
+		type: Boolean,
+		default: !1
+	},
+	labelColspan: [Number, String],
+	inputColspan: [Number, String],
+	labelRowspan: [Number, String],
+	inputRowspan: [Number, String]
+}, v = {
+	required: !0,
+	rules: !0,
+	messagePrefix: !0,
+	message: !0,
+	wrapCol: !0,
+	fixedSpan: !0,
+	block: !0,
+	unwrap: !0,
+	half: !0,
+	formItemClass: !0,
+	hideLabel: !0,
+	tips: !0,
+	tipsAfterLabel: !0,
+	labelColspan: !0,
+	inputColspan: !0,
+	labelRowspan: !0,
+	inputRowspan: !0
+}, y = (e) => _[e] !== void 0 && v[e] !== !0, b = (e, { emit: t, events: n, predicate: i }) => s(() => r(e, i, n, t)), x = {
+	span: {
+		type: Number,
+		default: 12
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	push: {
+		type: Number,
+		default: 0
+	},
+	pull: {
+		type: Number,
+		default: 0
+	},
+	xs: { type: [Number, Object] },
+	sm: { type: [Number, Object] },
+	md: { type: [Number, Object] },
+	lg: { type: [Number, Object] },
+	xl: { type: [Number, Object] },
+	tag: {
+		type: String,
+		default: "div"
+	}
+}, S = { span: !0 }, C = (e) => x[e] !== void 0 && S[e] !== !0, w = (e, { emit: t, events: n, predicate: i }) => s(() => r(e, i, n, t)), T = (t) => {
+	let n = u(e, null);
+	return s(() => t.required === !0 ? !0 : (n == null ? void 0 : n.requiredFieldsMap[t.prop]) === !0);
+}, E = (e, { rules: t, attrs: n, messagePrefix: r, message: i } = {}) => {
+	let a = T(e);
+	return s(() => {
+		let o = { message: i }, s = p(t);
+		return Object.keys({
+			..._,
+			...x
+		}).forEach((t) => {
+			t === "rules" ? e[t] && s ? o[t] = [...e[t], ...s] : e[t] ? o[t] = e[t] : s && (o[t] = s) : t === "messagePrefix" ? o[t] = e.messagePrefix || r : o[t] = e[t];
+		}), o.required = a.value, o.class = n == null ? void 0 : n.class, o.style = n == null ? void 0 : n.style, o;
+	});
+}, D = {
+	name: "FormItemX",
+	inheritAttrs: !1,
+	props: {
+		..._,
+		...x
+	},
+	setup(n, { attrs: r, slots: l, expose: p }) {
+		let h = u(g, null), _ = u(t, null), v = u(e, null), x = r.embed ? s(() => r.disabled) : k(n), S = b(n, { predicate: y }), E = w(n, { predicate: C }), D = s(() => (_ == null ? void 0 : _.reactive) === !0 && _.block === !1 && n.fixedSpan === void 0 && !n.half), O = T(n), A = m("formItem"), j = s(() => (_ == null ? void 0 : _.wrapCol) === !1 ? !1 : !!h && n.wrapCol), M = s(() => v != null && v.tableForm ? "" : _ != null && _.block ? "100%" : n.half && j.value ? `calc(50% - ${h.gutter.value / 2}px)` : ""), N = s(() => (_ == null ? void 0 : _.block) === !0 || n.block || n.half ? 24 : n.span), P = s(() => {
+			if (x.value) return [];
+			if (O.value) {
+				let e = {
+					required: !0,
+					message: n.message || `${n.messagePrefix || "请输入"}${n.label}`
+				};
+				return n.rules ? [...n.rules, e] : [e];
+			}
+			return n.rules;
+		});
+		return p({
+			clearValidate: async () => {
+				var e;
+				await f(), (e = A.value) == null || e.clearValidate();
+			},
+			validate: async () => {
+				var e;
+				await f(), (e = A.value) == null || e.validate();
+			}
+		}), () => {
+			var e;
+			let t = l.tips || n.tips, r = t ? c(o, {
+				effect: "light",
+				content: n.tips,
+				offset: 4
+			}, {
+				default: () => c("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: l.tips ? l.tips : null
+			}) : null, s = c(a, d(S.value, {
+				ref: "formItem",
+				style: { width: M.value },
+				class: [
+					"form-item",
+					n.formItemClass,
+					{
+						"form-item-hide-label": n.hideLabel,
+						"with-tips": !n.tipsAfterLabel && t,
+						required: x.value === !1 && O.value
+					}
+				],
+				rules: P.value
+			}), {
+				...l,
+				default: () => {
+					var e;
+					return [(e = l.default) == null ? void 0 : e.call(l, {
+						disabled: x.value,
+						required: O.value
+					}), t && !n.tipsAfterLabel ? r : null];
+				},
+				label: () => [l.label ? l.label() : n.label, n.tipsAfterLabel ? r : null]
+			}), u = [s, (e = l.below) == null ? void 0 : e.call(l)];
+			return n.unwrap ? u : j.value ? c(i, d(E.value, D.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: N.value }), { default: () => u }) : s;
+		};
+	}
+}, O = "update:modelValue", k = (t) => {
+	let r = u(e, null), i = u(n, null);
+	return s(() => {
+		if (t.disabled !== void 0) return t.disabled;
+		if (r) {
+			if (r.requiredFieldsMap[t.prop] === !0 || r.enabledFieldsMap[t.prop] === !0) return !1;
+			if (r.disabledFieldsMap[t.prop] === !0) return !0;
+		}
+		return (i == null ? void 0 : i.enabled) === !0 ? !1 : (i == null ? void 0 : i.disabled) === !0 ? !0 : (r == null ? void 0 : r.disabled) === !0;
+	});
+}, A = { [O]: null }, j = (e, t) => e(O, t), M = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? l(D, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, N = (e, { emit: t, slots: n, attrs: i, rules: a, events: o, predicate: c, messagePrefix: u = "请输入" }) => {
+	let d = k(e), f = s(() => d.value ? "" : `${u}${e.label}`), p = E(e, {
+		rules: a,
+		attrs: i,
+		message: f.value
+	}), m = (e) => j(t, e), g = (t) => e.col ? l(h, { span: e.block ? 24 : e.span }, { default: () => t }) : t;
+	return {
+		emitInput: m,
+		render: ({ vNodes: t }) => M(e, {
+			vNodes: g(t),
+			formItemProps: p,
+			slots: n,
+			disabled: d
+		}),
+		placeholder: f,
+		disabled: d,
+		formItemProps: p,
+		autoBind: s(() => r(e, c, o, t))
+	};
+}, P = (e) => e.icon ? l("i", { class: e.icon }) : null;
+//#endregion
+export { D as a, _ as c, N as i, A as n, E as o, M as r, x as s, P as t };

package/chunks/CFwUzdTu.mjs

@@ -0,0 +1,95 @@
+import { i as e, n as t } from "./C1DlzLpD.mjs";
+import { n } from "./DynLjTwi.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/CKw_uzPc.mjs

@@ -0,0 +1,108 @@
+import { i as e, n as t } from "./C1DlzLpD.mjs";
+import { n, t as r } from "./DynLjTwi.mjs";
+import { ElInputNumber as i } from "element-plus/es";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { isString as c } from "@web-utils/core";
+//#region src/components/form/props/input-number.js
+var l = {
+	...n,
+	...r,
+	modelValue: [Number, null],
+	min: {
+		type: Number,
+		default: -(2 ** 53 - 1)
+	},
+	max: {
+		type: Number,
+		default: 2 ** 53 - 1
+	},
+	step: {
+		type: Number,
+		default: 1
+	},
+	stepStrictly: {
+		type: Boolean,
+		default: !1
+	},
+	precision: Number,
+	size: {
+		type: String,
+		default: "default"
+	},
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	controls: {
+		type: Boolean,
+		default: !0
+	},
+	controlsPosition: String,
+	name: String,
+	ariaLabel: String,
+	placeholder: String,
+	id: String,
+	valueOnClear: [
+		Number,
+		null,
+		String
+	],
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	label: String,
+	inputmode: String,
+	align: {
+		type: String,
+		default: "left"
+	},
+	disabledScientific: {
+		type: Boolean,
+		default: !1
+	},
+	prefix: String,
+	suffix: String
+}, u = {
+	readonly: !0,
+	placeholder: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, d = [
+	"change",
+	"blur",
+	"focus"
+], f = (e) => n[e] === void 0 && u[e] !== !0, p = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...l },
+	emits: {
+		...t,
+		change: null,
+		blur: null,
+		focus: null
+	},
+	setup(t, { emit: n, slots: r, attrs: l }) {
+		let { emitInput: u, render: p, placeholder: m, disabled: h, autoBind: g } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: l,
+			events: d,
+			predicate: f
+		}), _ = a(() => c(t.modelValue) ? Number(t.modelValue) : t.modelValue);
+		return () => p({ vNodes: o(i, s({ style: "width: 100%" }, g.value, {
+			modelValue: _.value,
+			disabled: h.value,
+			"onUpdate:modelValue": u,
+			placeholder: m.value
+		}), {
+			prefix: r.prefix || t.prefix ? () => t.prefix : null,
+			suffix: r.suffix || t.suffix ? () => t.suffix : null,
+			"decrease-icon": r["decrease-icon"],
+			"increase-icon": r["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { p as t };