@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta11

package/base.css

@@ -1 +1 @@
-
+:root{--el-disabled-text-color:#606266}

package/chunks/8R_Eq-Q1.mjs

@@ -0,0 +1,94 @@
+import { n as e, o as t, r as n, t as r } from "./C-lymD_X.mjs";
+import { computed as i, createVNode as a } from "vue";
+import { ElInput as o } from "element-plus";
+import { validatePhoneNum as s } from "@web-utils/core";
+//#region src/util/form-validate.js
+var c = (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 l(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?vue&type=script&lang.jsx
+console.log(o.props.inputStyle.type);
+for (let e = 0; e < o.props.inputStyle.type.length; e++) console.log(o.props.inputStyle.type[e].name);
+//#endregion
+//#region src/components/form/FormInput.vue
+var u = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: {
+		...n,
+		modelValue: String,
+		type: String,
+		rows: Number,
+		prepend: String,
+		append: String,
+		prefix: String,
+		suffix: String,
+		readonlyGrey: {
+			type: Boolean,
+			default: !0
+		},
+		maxLength: {
+			type: String,
+			default: "255"
+		},
+		picker: Boolean,
+		suffixIcon: String,
+		prefixIcon: String
+	},
+	emits: {
+		...e,
+		click: null,
+		clear: null
+	},
+	setup(e, { emit: n, slots: u }) {
+		let d = `请输入正确的${e.label}！`, { emitInput: f, render: p, placeholder: m, disabled: h } = t(e, {
+			emit: n,
+			slots: u,
+			rules: i(() => {
+				if (!e.type || e.type === "textarea") return null;
+				let t = {
+					message: d,
+					trigger: "blur"
+				};
+				if (e.type === "email") t.validator = c;
+				else if (e.type === "idcard") t.validator = l;
+				else if (e.type === "phone") t.validator = s;
+				else return null;
+				return [t];
+			})
+		}), g = (e) => {
+			n("click", e);
+		}, _ = () => {
+			n("clear");
+		};
+		return () => p({ vNodes: a(o, {
+			class: ["form-input", {
+				"is-readonly": e.readonlyGrey && e.readonly && !e.picker,
+				"el-input-cursor-pointer": e.picker && !h.value
+			}],
+			modelValue: e.modelValue,
+			type: e.type,
+			clearable: !0,
+			rows: e.rows,
+			readonly: e.readonly || e.picker,
+			maxLength: e.maxLength,
+			onClick: g,
+			onClear: _,
+			"prefix-icon": r({ icon: e.picker ? "el-icon-search" : e.prefixIcon }),
+			"suffix-icon": r({ icon: e.suffixIcon }),
+			disabled: h.value,
+			"onUpdate:modelValue": f,
+			placeholder: m.value
+		}, {
+			prefix: u.prefix || e.prefix ? () => e.prefix : null,
+			suffix: u.suffix || e.suffix ? () => e.suffix : null,
+			"password-icon": u["password-icon"],
+			prepend: u.prepend || e.prepend ? () => e.prepend : null,
+			append: u.append || e.append ? () => e.append : null
+		}) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/{ClNahmiU.mjs → 9r0_sTqG.mjs}

@@ -1,4 +1,4 @@
-import { n as e, r as t, s as n } from "./B4M_TFeR.mjs";
+import { c as e, i as t, r as n } from "./C-lymD_X.mjs";
 import { ElText as r } from "element-plus/es";
 import { createVNode as i } from "vue";
 //#endregion
@@ -7,13 +7,13 @@ var a = {
 	name: "FormText",
 	inheritAttrs: !1,
 	props: {
-		...e,
+		...n,
 		text: String
 	},
-	setup(e, { slots: a }) {
-		let o = n(e);
-		return () => t(e, {
-			vNodes: i(r, null, { default: a.default || (() => e.text) }),
+	setup(n, { slots: a }) {
+		let o = e(n);
+		return () => t(n, {
+			vNodes: i(r, null, { default: a.default || (() => n.text) }),
 			formItemProps: o,
 			slots: a
 		});

package/chunks/{CdRsyF0n.mjs → B0sH1q9x.mjs}

@@ -1,4 +1,4 @@
-import { a as e, n as t, t as n } from "./B4M_TFeR.mjs";
+import { n as e, o as t, r as n } from "./C-lymD_X.mjs";
 import { ElInputNumber as r } from "element-plus/es";
 import { createVNode as i } from "vue";
 //#endregion
@@ -7,7 +7,7 @@ var a = {
 	name: "FormInputNumber",
 	inheritAttrs: !1,
 	props: {
-		...t,
+		...n,
 		modelValue: Number,
 		controls: Boolean,
 		align: {
@@ -17,23 +17,23 @@ var a = {
 		prefix: String,
 		suffix: String
 	},
-	emits: [...n],
-	setup(t, { emit: n, slots: a }) {
-		let { emitInput: o, render: s, placeholder: c, disabled: l } = e(t, {
+	emits: { ...e },
+	setup(e, { emit: n, slots: a }) {
+		let { emitInput: o, render: s, placeholder: c, disabled: l } = t(e, {
 			emit: n,
 			slots: a
 		});
 		return () => s({ vNodes: i(r, {
 			style: "width: 100%",
-			align: t.align,
-			modelValue: t.modelValue,
+			align: e.align,
+			modelValue: e.modelValue,
 			disabled: l.value,
-			controls: t.controls,
+			controls: e.controls,
 			"onUpdate:modelValue": o,
 			placeholder: c.value
 		}, {
-			prefix: a.prefix || t.prefix ? () => t.prefix : null,
-			suffix: a.suffix || t.suffix ? () => t.suffix : null,
+			prefix: a.prefix || e.prefix ? () => e.prefix : null,
+			suffix: a.suffix || e.suffix ? () => e.suffix : null,
 			"decrease-icon": a["decrease-icon"],
 			"increase-icon": a["increase-icon"]
 		}) });

package/chunks/{ZsLNWI9x.mjs → B7c_xqYl.mjs}

@@ -1,4 +1,4 @@
-import { a as e, n as t, t as n } from "./B4M_TFeR.mjs";
+import { n as e, o as t, r as n } from "./C-lymD_X.mjs";
 import { ElOption as r, ElSelect as i } from "element-plus/es";
 import { createVNode as a } from "vue";
 //#endregion
@@ -7,7 +7,7 @@ var o = {
 	name: "FormSelect",
 	inheritAttrs: !1,
 	props: {
-		...t,
+		...n,
 		modelValue: String,
 		options: [
 			String,
@@ -17,14 +17,15 @@ var o = {
 			Array
 		]
 	},
-	emits: [...n],
-	setup(t, { emit: n, slots: o }) {
-		let { emitInput: s, render: c, placeholder: l, disabled: u } = e(t, {
+	emits: { ...e },
+	setup(e, { emit: n, slots: o }) {
+		let { emitInput: s, render: c, placeholder: l, disabled: u } = t(e, {
 			emit: n,
-			slots: o
+			slots: o,
+			messagePrefix: "请选择"
 		});
 		return () => c({ vNodes: a(i, {
-			modelValue: t.modelValue,
+			modelValue: e.modelValue,
 			clearable: !0,
 			disabled: u.value,
 			"onUpdate:modelValue": s,
@@ -32,8 +33,8 @@ var o = {
 		}, {
 			...o,
 			default: o.default || (() => {
-				var e;
-				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: t }) => a(r, {
+				var t;
+				return (t = e.options) == null ? void 0 : t.map(({ value: e, label: t }) => a(r, {
 					key: e,
 					label: t,
 					value: e

package/chunks/C-lymD_X.mjs

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

package/chunks/{Bxj372sF.mjs → CBsIU5Nz.mjs}

@@ -1,4 +1,4 @@
-import { a as e, n as t, t as n } from "./B4M_TFeR.mjs";
+import { n as e, o as t, r as n } from "./C-lymD_X.mjs";
 import { ElCheckbox as r, ElCheckboxGroup as i } from "element-plus/es";
 import { computed as a, createVNode as o, isVNode as s } from "vue";
 //#region src/components/form/FormCheckBoxGroup.vue?vue&type=script&lang.jsx
@@ -11,7 +11,7 @@ var l = {
 	name: "FormCheckBoxGroup",
 	inheritAttrs: !1,
 	props: {
-		...t,
+		...n,
 		modelValue: [Array, String],
 		options: Array,
 		stringMode: Boolean,
@@ -20,17 +20,18 @@ var l = {
 			default: ","
 		}
 	},
-	emits: [...n],
-	setup(t, { emit: n, slots: s }) {
-		let { emitInput: l, render: u, placeholder: d, disabled: f } = e(t, {
+	emits: { ...e },
+	setup(e, { emit: n, slots: s }) {
+		let { emitInput: l, render: u, placeholder: d, disabled: f } = t(e, {
 			emit: n,
-			slots: s
-		}), p = (e) => l(t.stringMode ? e.join(t.delimiter) : e), m = a(() => {
-			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)) ?? [];
+			slots: s,
+			messagePrefix: "请选择"
+		}), p = (t) => l(e.stringMode ? t.join(e.delimiter) : t), m = a(() => {
+			if (e.stringMode) {
+				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 t.modelValue || [];
+			return e.modelValue || [];
 		});
 		return () => u({ vNodes: o(i, {
 			modelValue: m.value,
@@ -40,8 +41,8 @@ var l = {
 		}, {
 			...s,
 			default: s.default || (() => {
-				var e;
-				return (e = t.options) == null ? void 0 : e.map(({ value: e, label: t }) => o(r, {
+				var t;
+				return (t = e.options) == null ? void 0 : t.map(({ value: e, label: t }) => o(r, {
 					key: e,
 					value: e
 				}, c(t) ? t : { default: () => [t] }));