@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta40

package/chunks/CFOGMFgo.mjs

@@ -0,0 +1,150 @@
+import { i as e, n as t, t as n } from "./Cj59E77g.mjs";
+import { n as r, t as i } from "./CSyJ-vEx.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: {
+		type: [String, Number],
+		default: 255
+	},
+	minlength: [String, Number],
+	showWordLimit: {
+		type: Boolean,
+		default: !0
+	},
+	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: 4
+	},
+	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],
+	inputmode: String,
+	countGraphemes: Function,
+	prepend: String,
+	append: String,
+	prefix: String,
+	suffix: String,
+	picker: Boolean,
+	readonlyGrey: {
+		type: Boolean,
+		default: !0
+	}
+}, m = {
+	readonly: !0,
+	prefixIcon: !0,
+	disabled: !0,
+	suffixIcon: !0,
+	placeholder: !0,
+	modelValue: !0,
+	readonlyGrey: !0,
+	picker: !0,
+	append: !0,
+	prefix: !0,
+	suffix: !0,
+	prepend: !0
+}, h = (e) => r[e] === void 0 && m[e] !== !0, g = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...p },
+	emits: { ...t },
+	setup(t, { emit: r, slots: i, attrs: p }) {
+		let m = l(t, "modelValue"), g = `请输入正确的${t.label}！`, { render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = e(t, {
+			emit: r,
+			slots: i,
+			attrs: p,
+			rules: o(() => {
+				if (!t.type || t.type === "textarea") return null;
+				let e = {
+					message: g,
+					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];
+			}),
+			predicate: h
+		});
+		return () => _({ vNodes: s(u, c(b.value, x.value, {
+			class: ["form-input", {
+				"is-readonly": t.readonlyGrey && t.readonly && !t.picker,
+				"el-input-cursor-pointer": t.picker && !y.value
+			}],
+			modelValue: m.value,
+			"onUpdate:modelValue": (e) => m.value = e,
+			disabled: y.value,
+			placeholder: v.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, g as t };