@web-utils/form-ui 1.0.0-beta3 → 1.0.0-beta30

package/chunks/Bm5eiSmT.mjs

@@ -0,0 +1,79 @@
+import { isFunction as e } from "@web-utils/core";
+import { defineComponent as t, h as n, resolveComponent as r } from "vue";
+import { ElLoading as i, ElMessageBox as a } from "element-plus";
+//#region src/components/button/confirmable-mixin.ts
+async function o(t, n, r) {
+	let { stop: o, prevent: s, message: c, loadable: l, loadingText: u, confirmable: d, confirmType: f, confirmText: p, confirmTitle: m } = n;
+	o && t.stopPropagation(), s && t.preventDefault();
+	let { onBefore: h, onClick: g, onCancel: _, onAfter: v } = r;
+	if (e(g)) try {
+		let n = !0;
+		if (e(h) && (n = await h(t)), !n) return;
+		d && await a.confirm(c || p, {
+			type: f,
+			title: m
+		});
+		let r;
+		l && (r = i.service({
+			background: "rgba(0,0,0,0.3)",
+			text: u
+		}));
+		let o;
+		try {
+			o = await g(t);
+		} catch {}
+		l && (r == null || r.close()), e(v) && await v(t, o);
+	} catch (t) {
+		e(_) && await _(t);
+	}
+}
+var s = t({
+	inheritAttrs: !1,
+	props: {
+		stop: {
+			type: Boolean,
+			default: !0
+		},
+		prevent: {
+			type: Boolean,
+			default: !0
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		message: String,
+		confirmable: {
+			type: Boolean,
+			default: !0
+		},
+		confirmText: {
+			type: String,
+			default: "你确定要删除该记录吗？"
+		},
+		confirmType: {
+			type: String,
+			default: "warning"
+		},
+		confirmTitle: String,
+		loadable: Boolean,
+		loadingText: {
+			type: String,
+			default: "正在处理中请稍候..."
+		},
+		tag: {
+			type: String,
+			default: "i"
+		}
+	},
+	render() {
+		let e = r(this.tag), { text: t, ...i } = this.$props, { onClick: a, ...s } = this.$attrs;
+		return n(e, {
+			...s,
+			...i,
+			onClick: (e) => o(e, this.$props, this.$attrs)
+		}, { default: this.$slots.default || (() => t) });
+	}
+});
+//#endregion
+export { s as t };

package/chunks/BmZieBZW.mjs

@@ -0,0 +1,88 @@
+import { i as e, n as t } from "./Br4i8stg.mjs";
+import { n } from "./CsfgUCe9.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElRate as o } from "element-plus/es";
+//#region src/components/form/props/rate.ts
+var s = {
+	...n,
+	modelValue: Number,
+	max: {
+		type: Number,
+		default: 5
+	},
+	size: String,
+	allowHalf: {
+		type: Boolean,
+		default: !1
+	},
+	lowThreshold: {
+		type: Number,
+		default: 2
+	},
+	highThreshold: {
+		type: Number,
+		default: 4
+	},
+	colors: [Array, Object],
+	voidColor: {
+		type: String,
+		default: "#c6d1de"
+	},
+	disabledVoidColor: {
+		type: String,
+		default: "#eff2f7"
+	},
+	icons: [Array, Object],
+	voidIcon: [String, Object],
+	disabledVoidIcon: [String, Object],
+	showText: {
+		type: Boolean,
+		default: !1
+	},
+	showScore: {
+		type: Boolean,
+		default: !1
+	},
+	textColor: String,
+	texts: {
+		type: Array,
+		default: () => [
+			"Extremely bad",
+			"Disappointed",
+			"Fair",
+			"Satisfied",
+			"Surprise"
+		]
+	},
+	scoreTemplate: String,
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	id: String,
+	ariaLabel: String
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+	name: "FormRate",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: {
+		...t,
+		change: null
+	},
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let d = a(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+			emit: n,
+			slots: s,
+			attrs: c,
+			events: l,
+			predicate: u
+		});
+		return () => f({ vNodes: r(o, i(m.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), null) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/Br4i8stg.mjs

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

@@ -0,0 +1,95 @@
+import { i as e, n as t } from "./Br4i8stg.mjs";
+import { n } from "./CsfgUCe9.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSlider as o } from "element-plus/es";
+//#region src/components/form/props/slide.ts
+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 = a(t, "modelValue"), { render: f, disabled: p, autoBind: m } = e(t, {
+			emit: n,
+			slots: s,
+			events: l,
+			predicate: u,
+			attrs: c
+		});
+		return () => f({ vNodes: r(o, i(m.value, {
+			modelValue: d.value,
+			"onUpdate:modelValue": (e) => d.value = e,
+			disabled: p.value
+		}), null) });
+	}
+};
+//#endregion
+export { d as t };

package/chunks/C4bM8miy.mjs

@@ -0,0 +1,174 @@
+import { i as e, n as t, t as n } from "./Br4i8stg.mjs";
+import { n as r, t as i } from "./CsfgUCe9.mjs";
+import { validatePhoneNum as a } from "@web-utils/core";
+import { computed as o, createVNode as s, mergeProps as c, useModel as l } from "vue";
+import { ElInput as u } from "element-plus/es";
+//#region src/utils/form-validate.ts
+var d = (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 f(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/props/input.ts
+var p = {
+	...r,
+	...i,
+	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: !0
+	},
+	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
+	}
+}, m = {
+	readonly: !0,
+	prefixIcon: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	readonlyGrey: !0,
+	picker: !0,
+	append: !0,
+	prefix: !0,
+	suffix: !0,
+	prepend: !0
+}, h = [
+	"click",
+	"blur",
+	"focus",
+	"change",
+	"input",
+	"clear",
+	"keydown",
+	"mouseleave",
+	"mouseenter",
+	"compositionstart",
+	"compositionupdate",
+	"compositionend"
+], g = (e) => r[e] === void 0 && m[e] !== !0, _ = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...p },
+	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: r, slots: i, attrs: p }) {
+		let m = l(t, "modelValue"), _ = `请输入正确的${t.label}！`, { render: v, placeholder: y, disabled: b, autoBind: x } = e(t, {
+			emit: r,
+			slots: i,
+			attrs: p,
+			rules: o(() => {
+				if (!t.type || t.type === "textarea") return null;
+				let e = {
+					message: _,
+					trigger: "blur"
+				};
+				if (t.type === "email") e.validator = d;
+				else if (t.type === "idcard") e.validator = f;
+				else if (t.type === "phone") e.validator = a;
+				else return null;
+				return [e];
+			}),
+			events: h,
+			predicate: g
+		});
+		return () => v({ vNodes: s(u, c({ class: ["form-input", {
+			"is-readonly": t.readonlyGrey && t.readonly && !t.picker,
+			"el-input-cursor-pointer": t.picker && !b.value
+		}] }, x.value, {
+			modelValue: m.value,
+			"onUpdate:modelValue": (e) => m.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: i.prefix || t.prefix ? () => t.prefix : null,
+			suffix: i.suffix || t.suffix ? () => t.suffix : null,
+			"password-icon": i["password-icon"],
+			prepend: i.prepend || t.prepend ? () => t.prepend : null,
+			append: i.append || t.append ? () => t.append : null
+		}) });
+	}
+};
+//#endregion
+export { p as n, _ as t };