@me-framework/me-ui-antdv-next 0.0.29 → 0.0.30

package/dist/input-property/index.js

@@ -1,17 +1,107 @@
 import e from "../icon/index.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, nextTick as l, onMounted as u, openBlock as d, reactive as f, ref as p, resolveComponent as m, unref as h, watch as g, withCtx as _ } from "vue";
-import { useDraggable as v } from "vue-draggable-plus";
+import t from "../modal/index.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, onMounted as p, openBlock as m, reactive as h, ref as g, resolveComponent as _, unref as v, watch as y, withCtx as b } from "vue";
+import { useDraggable as x } from "vue-draggable-plus";
+import S from "dayjs";
+//#region src/components/input-property/types.ts
+var C = [
+	{
+		label: "字符串",
+		value: "string"
+	},
+	{
+		label: "整数",
+		value: "int"
+	},
+	{
+		label: "浮点数",
+		value: "float"
+	},
+	{
+		label: "布尔",
+		value: "boolean"
+	},
+	{
+		label: "日期",
+		value: "date"
+	},
+	{
+		label: "时间",
+		value: "time"
+	}
+], w = 2, T = "YYYY-MM-DD", E = "HH:mm:ss", ee = [{
+	label: "是",
+	value: !0
+}, {
+	label: "否",
+	value: !1
+}];
+//#endregion
 //#region src/components/input-property/validate.ts
-function y() {
+function D() {
 	return `${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
 }
-function b(e) {
+var O = /^\d{4}-\d{2}-\d{2}$/, k = /^(?:[01]\d|2[0-3]):[0-5]\d(?::[0-5]\d)?$/;
+function A(e) {
+	return Math.round((e + 2 ** -52) * 100) / 100;
+}
+function j(e) {
+	if (typeof e == "number") return Number.isInteger(e) ? "int" : "float";
+	if (typeof e == "boolean") return "boolean";
+	if (typeof e == "string") {
+		if (O.test(e)) return "date";
+		if (k.test(e)) return "time";
+	}
+	return "string";
+}
+function M(e, t) {
+	return t === "string" ? e == null ? "" : String(e) : t === "boolean" ? P(e) : t === "int" || t === "float" ? N(e, t === "float") : re(e, t === "date" ? T : E);
+}
+function N(e, t) {
+	if (e == null) return "";
+	let n = (e) => t ? A(e) : e;
+	if (typeof e == "number") return n(e);
+	let r = String(e).trim();
+	if (r === "") return "";
+	let i = Number(r);
+	return Number.isNaN(i) ? e : n(i);
+}
+function te(e, t) {
+	if (t === "string") return e;
+	if (t === "boolean") return P(e);
+	if (t === "int" || t === "float") return ne(e, t === "float");
+	let n = t === "date" ? T : E;
+	return e == null || e === "" ? "" : S.isDayjs(e) ? e.format(n) : typeof e == "string" ? e : "";
+}
+function ne(e, t) {
+	if (e == null) return e;
+	let n = (e) => t ? A(e) : e;
+	if (typeof e == "number") return n(e);
+	let r = String(e).trim();
+	if (r === "") return "";
+	let i = Number(r);
+	return Number.isNaN(i) ? e : n(i);
+}
+function P(e) {
+	if (typeof e == "boolean") return e;
+	if (e == null || e === "") return !1;
+	if (typeof e == "number") return e !== 0;
+	let t = String(e).trim().toLowerCase();
+	return t === "true" || t === "1" || t === "yes" || t === "on";
+}
+function re(e, t) {
+	if (e == null || e === "") return "";
+	if (S.isDayjs(e)) return e.format(t);
+	let n = S(e);
+	return n.isValid() ? n.format(t) : e;
+}
+function F(e) {
 	return e.trim().toLowerCase();
 }
-function x(e) {
+function ie(e) {
 	let t = /* @__PURE__ */ new Map(), n = [];
 	for (let r of e) {
-		let e = b(r.key);
+		let e = F(r.key);
 		if (e) {
 			if (t.has(e)) {
 				let i = t.get(e);
@@ -23,21 +113,114 @@ function x(e) {
 	}
 	return n;
 }
-function S(e, t) {
+function ae(e, t) {
 	if (!e) return !1;
-	let n = b(e);
-	return t.some((e) => b(e) === n);
+	let n = F(e);
+	return t.some((e) => F(e) === n);
+}
+var oe = {
+	minLength: ["string"],
+	maxLength: ["string"],
+	pattern: ["string"],
+	min: [
+		"int",
+		"float",
+		"date",
+		"time"
+	],
+	max: [
+		"int",
+		"float",
+		"date",
+		"time"
+	]
+}, I = ["required", "message"];
+function L(e, t) {
+	if (I.includes(e)) return !0;
+	let n = oe[e];
+	return n ? n.includes(t) : !1;
+}
+function R(e) {
+	return typeof e == "number" && Number.isFinite(e);
+}
+function z(e) {
+	if (!e) return;
+	let t = {};
+	return e.required === !0 && (t.required = !0), R(e.minLength) && (t.minLength = e.minLength), R(e.maxLength) && (t.maxLength = e.maxLength), typeof e.pattern == "string" && e.pattern.trim() !== "" && (t.pattern = e.pattern), (R(e.min) || typeof e.min == "string" && e.min.trim() !== "") && (t.min = e.min), (R(e.max) || typeof e.max == "string" && e.max.trim() !== "") && (t.max = e.max), typeof e.message == "string" && e.message.trim() !== "" && (t.message = e.message), Object.keys(t).length > 0 ? t : void 0;
+}
+function se(e, t) {
+	if (!e) return;
+	let n = {};
+	return e.required === !0 && (n.required = !0), typeof e.message == "string" && e.message.trim() !== "" && (n.message = e.message), t === "string" ? (R(e.minLength) && (n.minLength = e.minLength), R(e.maxLength) && (n.maxLength = e.maxLength), typeof e.pattern == "string" && e.pattern.trim() !== "" && (n.pattern = e.pattern)) : (t === "int" || t === "float" || t === "date" || t === "time") && ((R(e.min) || typeof e.min == "string" && e.min.trim() !== "") && (n.min = e.min), (R(e.max) || typeof e.max == "string" && e.max.trim() !== "") && (n.max = e.max)), z(n);
+}
+function B(e, t) {
+	return typeof e.message == "string" && e.message.trim() !== "" ? e.message : t;
+}
+function V(e, t, n) {
+	let r = z(n);
+	if (!r) return null;
+	let i = e === "" || e == null;
+	if (r.required && i) return B(r, "不能为空");
+	if (t === "string") {
+		if (typeof e != "string" || i) return null;
+		if (r.minLength != null && e.length < r.minLength) return B(r, `最短长度不能小于 ${r.minLength}`);
+		if (r.maxLength != null && e.length > r.maxLength) return B(r, `最大长度不能大于 ${r.maxLength}`);
+		if (r.pattern) {
+			let t = null;
+			try {
+				t = new RegExp(r.pattern);
+			} catch {}
+			if (t && !t.test(e)) return B(r, "格式不正确");
+		}
+	}
+	if (t === "int" || t === "float") {
+		if (i) return null;
+		let t = Number(e);
+		if (Number.isNaN(t)) return null;
+		if (r.min != null && t < Number(r.min)) return B(r, `不能小于 ${r.min}`);
+		if (r.max != null && t > Number(r.max)) return B(r, `不能大于 ${r.max}`);
+	}
+	if (t === "date" || t === "time") {
+		if (i) return null;
+		let t = String(e);
+		if (r.min != null && t < String(r.min)) return B(r, `不能早于 ${r.min}`);
+		if (r.max != null && t > String(r.max)) return B(r, `不能晚于 ${r.max}`);
+	}
+	return null;
+}
+function ce(e) {
+	let t = {};
+	for (let n of e) {
+		let e = n.key.trim();
+		if (!e) continue;
+		let r = z(n.rules);
+		r && (t[e] = r);
+	}
+	return t;
+}
+function H(e, t, n) {
+	return V(e, t, n);
+}
+function le(e) {
+	let t = {};
+	for (let n of e) {
+		let e = n.key.trim();
+		if (!e) continue;
+		let r = H(n.value, n.type, n.rules);
+		r && (t[e] = r);
+	}
+	return t;
 }
 //#endregion
 //#region src/components/input-property/index.vue?vue&type=script&setup=true&lang.ts
-var C = { class: "me-input-property__toolbar" }, w = {
+var ue = { class: "me-input-property__toolbar" }, de = {
 	key: 0,
 	class: "me-input-property__actions"
-}, T = {
+}, fe = {
 	key: 0,
 	class: "me-input-property__drag",
 	title: "拖拽排序"
-}, E = /* @__PURE__ */ c({
+}, U = /* @__PURE__ */ u({
 	name: "MeInputProperty",
 	__name: "index",
 	props: {
@@ -51,197 +234,413 @@ var C = { class: "me-input-property__toolbar" }, w = {
 			type: Boolean,
 			default: !0
 		},
+		showType: {
+			type: Boolean,
+			default: !0
+		},
+		showRules: {
+			type: Boolean,
+			default: !0
+		},
+		validate: {
+			type: Boolean,
+			default: !1
+		},
 		keyPlaceholder: { default: "请输入 key" },
 		valuePlaceholder: { default: "请输入 value" },
-		emptyText: { default: "暂无属性，点击「新增属性」添加" }
+		emptyText: { default: "暂无属性，点击「新增属性」添加" },
+		rules: {}
 	},
 	emits: ["update:modelValue", "change"],
-	setup(c, { emit: b }) {
-		let E = c, D = b, O = p([]), k = p([]), A = !1, j = t(() => [
-			{
-				title: "Key",
+	setup(u, { emit: S }) {
+		let w = u, O = S, k = g([]), A = g([]), N = !1, ne = r(() => {
+			let e = [{
+				title: "属性",
 				key: "key",
 				dataIndex: "key",
 				width: 180
-			},
-			{
-				title: "Value",
+			}, {
+				title: "值",
 				key: "value",
 				dataIndex: "value"
-			},
-			{
+			}];
+			return w.showRules && e.push({
+				title: "校验",
+				key: "rules",
+				dataIndex: "rules",
+				width: 48,
+				align: "center"
+			}), e.push({
 				title: "操作",
 				key: "action",
 				dataIndex: "action",
 				width: 72,
 				align: "center"
+			}), e;
+		}), P = r(() => w.draggable && !w.disabled);
+		function re(e) {
+			let t = /* @__PURE__ */ new Map();
+			for (let e of k.value) {
+				let n = e.key.trim();
+				n && t.set(n, e);
 			}
-		]), M = t(() => E.draggable && !E.disabled);
-		function N(e) {
-			O.value = Object.entries(e).map(([e, t]) => ({
-				id: y(),
-				key: e,
-				value: t
-			})), z();
+			k.value = Object.entries(e).map(([e, n]) => {
+				let r = t.get(e.trim());
+				return {
+					id: D(),
+					key: e,
+					type: j(n),
+					value: n,
+					rules: r?.rules ?? w.rules?.[e.trim()]
+				};
+			}), U();
 		}
-		function P() {
+		function F() {
 			let e = {};
-			for (let t of O.value) {
+			for (let t of k.value) {
 				let n = t.key.trim();
-				n && (e[n] = t.value);
+				n && (e[n] = te(t.value, t.type));
 			}
-			A = !0, D("update:modelValue", e), D("change", e);
+			N = !0, O("update:modelValue", e);
+			let t = w.validate ? {
+				duplicatedKeys: A.value,
+				hasEmptyKey: k.value.some((e) => !e.key.trim()),
+				rowRules: ce(k.value),
+				valueErrors: le(k.value)
+			} : {
+				duplicatedKeys: [],
+				hasEmptyKey: !1,
+				rowRules: {},
+				valueErrors: {}
+			};
+			O("change", e, t);
 		}
-		g(() => E.modelValue, (e) => {
+		y(() => w.modelValue, (e) => {
 			if (e) {
-				if (A) {
-					A = !1;
+				if (N) {
+					N = !1;
 					return;
 				}
-				N(e);
+				re(e);
 			}
 		}, { immediate: !0 });
-		function F(e) {
-			z(), P();
+		function oe(e) {
+			U(), F();
 		}
 		function I(e) {
-			z(), P();
+			U(), F();
 		}
-		function L() {
-			O.value = [...O.value, {
-				id: y(),
+		function L(e, t) {
+			e.type !== t && (e.type = t, e.value = M(e.value, t), e.rules = se(e.rules, t), U(), F());
+		}
+		function R(e, t) {
+			e.value = t, U(), F();
+		}
+		function B() {
+			k.value = [...k.value, {
+				id: D(),
 				key: "",
+				type: "string",
 				value: ""
-			}], z(), P();
+			}], U(), F();
 		}
-		function R(e) {
-			let t = O.value.indexOf(e);
-			t !== -1 && (O.value.splice(t, 1), z(), P());
+		function V(e) {
+			let t = k.value.indexOf(e);
+			t !== -1 && (k.value.splice(t, 1), U(), F());
 		}
-		function z() {
-			k.value = x(O.value);
+		function U() {
+			A.value = ie(k.value);
 		}
-		function B(e) {
-			return S(e, k.value);
+		function W(e) {
+			return ae(e, A.value);
 		}
-		function V(e) {
-			return B(e) ? "Key 不能重复（忽略大小写）" : "";
+		function pe(e) {
+			return w.validate ? e.trim() ? W(e) ? "Key 不能重复（忽略大小写）" : "" : "Key 不能为空" : "";
+		}
+		function me(e) {
+			return w.validate ? !e.key.trim() || W(e.key) : !1;
+		}
+		function G(e) {
+			return w.disabled || !w.validate ? "" : H(e.value, e.type, e.rules) ?? "";
+		}
+		function he(e) {
+			return !!z(e.rules);
+		}
+		let K = g(!1), q = g(null), ge = g(), J = h({}), Y = r(() => q.value?.type ?? "string"), _e = Object.fromEntries(C.map((e) => [e.value, e.label])), ve = r(() => {
+			let e = q.value;
+			return e ? `校验规则${e.key.trim() ? ` · ${e.key.trim()}` : ""}（${_e[e.type] ?? e.type}）` : "校验规则";
+		});
+		function ye(e) {
+			return e === "int" || e === "float";
+		}
+		function be(e) {
+			q.value = e, Object.keys(J).forEach((e) => delete J[e]), Object.assign(J, z(e.rules) ?? {}), K.value = !0;
+		}
+		function xe() {
+			q.value && ge.value?.validate().then(() => {
+				q.value && (q.value.rules = z(J), K.value = !1, q.value = null, U(), F());
+			}).catch(() => {});
+		}
+		function Se() {
+			K.value = !1, q.value = null;
+		}
+		function Ce(e, t) {
+			return typeof e == "string" && typeof t == "string" ? e < t ? -1 : +(e > t) : Number(e) - Number(t);
 		}
-		let H = p(null), U = p(null);
-		function W() {
-			U.value ||= H.value?.querySelector("tbody") ?? null;
+		let we = r(() => {
+			let e = J.minLength ?? null, t = J.maxLength ?? null, n = J.min ?? null, r = J.max ?? null;
+			return {
+				minLength: [{ validator: (e, n) => n != null && t != null && n > t ? Promise.reject(/* @__PURE__ */ Error("最短长度不能大于最大长度")) : Promise.resolve() }],
+				maxLength: [{ validator: (t, n) => n != null && e != null && n < e ? Promise.reject(/* @__PURE__ */ Error("最大长度不能小于最短长度")) : Promise.resolve() }],
+				pattern: [{ validator: (e, t) => {
+					if (t && typeof t == "string") try {
+						new RegExp(t);
+					} catch {
+						return Promise.reject(/* @__PURE__ */ Error("正则不合法，无法编译"));
+					}
+					return Promise.resolve();
+				} }],
+				min: [{ validator: (e, t) => t != null && r != null && Ce(t, r) > 0 ? Promise.reject(/* @__PURE__ */ Error("最小值不能大于最大值")) : Promise.resolve() }],
+				max: [{ validator: (e, t) => t != null && n != null && Ce(t, n) < 0 ? Promise.reject(/* @__PURE__ */ Error("最大值不能小于最小值")) : Promise.resolve() }]
+			};
+		}), X = g(null), Z = g(null);
+		function Te() {
+			Z.value ||= X.value?.querySelector("tbody") ?? null;
 		}
-		u(async () => {
-			await l(), W(), U.value && Y.start(U.value);
+		p(async () => {
+			await d(), Te(), Z.value && ke.start(Z.value);
 		});
-		let G = p(null);
-		function K() {
-			G.value && (G.value.style.display = "none");
+		let Q = g(null);
+		function $() {
+			Q.value && (Q.value.style.display = "none");
 		}
-		function q(e) {
-			let t = U.value, n = H.value, r = G.value, i = e?.related, a = i instanceof Element ? i.closest("tr") : null;
+		function Ee(e) {
+			let t = Z.value, n = X.value, r = Q.value, i = e?.related, a = i instanceof Element ? i.closest("tr") : null;
 			if (!t || !n || !r || !a || !t.contains(a)) {
-				K();
+				$();
 				return;
 			}
 			let o = a.getBoundingClientRect(), s = n.getBoundingClientRect(), c = e.willInsertAfter ? o.bottom : o.top;
 			r.style.top = `${c - s.top - 1}px`, r.style.left = "0px", r.style.width = `${n.clientWidth}px`, r.style.display = "block";
 		}
-		let J = f({
+		function De(e) {
+			if (!e) return;
+			let t = document.querySelector(".me-input-property__drag-fallback");
+			if (!t) return;
+			let n = Array.from(e.querySelectorAll("td")), r = Array.from(t.querySelectorAll("td"));
+			if (!n.length || n.length !== r.length) return;
+			let i = e.getBoundingClientRect();
+			t.style.width = `${i.width}px`, t.style.height = `${i.height}px`, t.style.opacity = "1", n.forEach((e, t) => {
+				r[t].style.width = `${e.getBoundingClientRect().width}px`;
+			});
+		}
+		let Oe = h({
 			handle: ".me-input-property__drag",
 			animation: 150,
 			forceFallback: !0,
 			fallbackOnBody: !0,
 			fallbackClass: "me-input-property__drag-fallback",
 			ghostClass: "me-input-property__row--ghost",
-			disabled: t(() => !M.value),
-			onStart: () => K(),
-			onMove: ((e) => (q(e), !0)),
+			disabled: r(() => !P.value),
+			onStart: (e) => {
+				$(), De(e.item);
+			},
+			onMove: ((e) => (Ee(e), !0)),
 			onEnd: () => {
-				K(), z(), P();
+				$(), U(), F();
 			}
-		}), Y = v(U, O, {
-			...J,
+		}), ke = x(Z, k, {
+			...Oe,
 			immediate: !1
 		});
-		return g(M, (e) => {
-			Y.option("disabled", !e);
-		}), (t, l) => {
-			let u = m("a-button"), f = m("a-input"), p = m("a-tooltip"), g = m("a-table");
-			return d(), i("div", {
+		return y(P, (e) => {
+			ke.option("disabled", !e);
+		}), (r, d) => {
+			let p = _("a-button"), h = _("a-input"), g = _("a-tooltip"), y = _("a-select"), x = _("a-input-number"), S = _("a-date-picker"), w = _("a-time-picker"), D = _("a-space-compact"), O = _("a-table"), A = _("a-checkbox"), j = _("a-form-item"), M = _("a-form");
+			return m(), o("div", {
 				ref_key: "rootEl",
-				ref: H,
+				ref: X,
 				class: "me-input-property"
 			}, [
-				a("div", C, [s(u, {
+				s("div", ue, [l(p, {
 					size: "small",
 					class: "me-input-property__add-btn",
-					disabled: c.disabled,
-					onClick: L
+					disabled: u.disabled,
+					onClick: B
 				}, {
-					icon: _(() => [s(h(e), {
+					icon: b(() => [l(v(e), {
 						name: "Plus",
 						size: 14
 					})]),
-					default: _(() => [l[0] ||= o(" 新增属性 ", -1)]),
+					default: b(() => [d[12] ||= c(" 新增属性 ", -1)]),
 					_: 1
 				}, 8, ["disabled"])]),
-				s(g, {
-					columns: j.value,
-					"data-source": O.value,
+				l(O, {
+					columns: ne.value,
+					"data-source": k.value,
 					"row-key": (e) => e.id,
 					pagination: !1,
-					size: c.size,
-					locale: { emptyText: c.emptyText },
+					size: u.size,
+					locale: { emptyText: u.emptyText },
 					class: "me-input-property__table"
 				}, {
-					bodyCell: _(({ column: t, record: a }) => [t.key === "action" ? (d(), i("div", w, [M.value ? (d(), i("span", T, [s(h(e), {
+					bodyCell: b(({ column: t, record: n }) => [t.key === "action" ? (m(), o("div", de, [P.value ? (m(), o("span", fe, [l(v(e), {
 						name: "GripVertical",
 						size: 14
-					})])) : r("", !0), s(u, {
+					})])) : a("", !0), l(p, {
 						type: "text",
 						size: "small",
 						class: "me-input-property__del",
-						disabled: c.disabled,
+						disabled: u.disabled,
 						title: "删除该属性",
-						onClick: (e) => R(a)
+						onClick: (e) => V(n)
 					}, {
-						default: _(() => [s(h(e), {
+						default: b(() => [l(v(e), {
 							name: "Trash2",
 							size: 14
 						})]),
 						_: 1
-					}, 8, ["disabled", "onClick"])])) : t.key === "key" ? (d(), n(p, {
+					}, 8, ["disabled", "onClick"])])) : t.key === "key" ? (m(), i(g, {
 						key: 1,
-						title: c.disabled ? "" : V(a.key),
-						visible: !c.disabled && B(a.key)
+						title: u.disabled ? "" : pe(n.key),
+						visible: !u.disabled && me(n)
 					}, {
-						default: _(() => [s(f, {
-							value: a.key,
-							"onUpdate:value": [(e) => a.key = e, (e) => F(a)],
-							disabled: c.disabled,
-							placeholder: c.keyPlaceholder,
-							status: !c.disabled && B(a.key) ? "error" : ""
+						default: b(() => [l(h, {
+							value: n.key,
+							"onUpdate:value": [(e) => n.key = e, (e) => oe(n)],
+							class: f(["me-input-property__key-input", { "me-input-property__field--error": !u.disabled && me(n) }]),
+							disabled: u.disabled,
+							placeholder: u.keyPlaceholder
 						}, null, 8, [
 							"value",
 							"onUpdate:value",
+							"class",
 							"disabled",
-							"placeholder",
-							"status"
+							"placeholder"
 						])]),
 						_: 2
-					}, 1032, ["title", "visible"])) : t.key === "value" ? (d(), n(f, {
+					}, 1032, ["title", "visible"])) : t.key === "value" ? (m(), i(g, {
 						key: 2,
-						value: a.value,
-						"onUpdate:value": [(e) => a.value = e, (e) => I(a)],
-						disabled: c.disabled,
-						placeholder: c.valuePlaceholder
-					}, null, 8, [
-						"value",
-						"onUpdate:value",
-						"disabled",
-						"placeholder"
-					])) : r("", !0)]),
+						title: G(n),
+						visible: !!G(n)
+					}, {
+						default: b(() => [l(D, {
+							block: !0,
+							class: f(["me-input-property__value", { "me-input-property__field--error": !!G(n) }])
+						}, {
+							default: b(() => [u.showType ? (m(), i(y, {
+								key: 0,
+								value: n.type,
+								disabled: u.disabled,
+								options: v(C),
+								class: "me-input-property__value-type",
+								onChange: (e) => L(n, e)
+							}, null, 8, [
+								"value",
+								"disabled",
+								"options",
+								"onChange"
+							])) : a("", !0), n.type === "string" ? (m(), i(h, {
+								key: 1,
+								value: n.value,
+								"onUpdate:value": [(e) => n.value = e, (e) => I(n)],
+								class: "me-input-property__value-editor",
+								disabled: u.disabled,
+								placeholder: u.valuePlaceholder
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"disabled",
+								"placeholder"
+							])) : n.type === "int" ? (m(), i(x, {
+								key: 2,
+								value: n.value,
+								"onUpdate:value": [(e) => n.value = e, (e) => I(n)],
+								class: "me-input-property__value-editor",
+								disabled: u.disabled,
+								placeholder: u.valuePlaceholder
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"disabled",
+								"placeholder"
+							])) : n.type === "float" ? (m(), i(x, {
+								key: 3,
+								value: n.value,
+								"onUpdate:value": [(e) => n.value = e, (e) => I(n)],
+								class: "me-input-property__value-editor",
+								disabled: u.disabled,
+								placeholder: u.valuePlaceholder,
+								precision: v(2)
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"disabled",
+								"placeholder",
+								"precision"
+							])) : n.type === "date" ? (m(), i(S, {
+								key: 4,
+								value: n.value,
+								"onUpdate:value": [(e) => n.value = e, (e) => I(n)],
+								class: "me-input-property__value-editor",
+								"value-format": v(T),
+								disabled: u.disabled
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"value-format",
+								"disabled"
+							])) : n.type === "time" ? (m(), i(w, {
+								key: 5,
+								value: n.value,
+								"onUpdate:value": [(e) => n.value = e, (e) => I(n)],
+								class: "me-input-property__value-editor",
+								"value-format": v(E),
+								disabled: u.disabled
+							}, null, 8, [
+								"value",
+								"onUpdate:value",
+								"value-format",
+								"disabled"
+							])) : n.type === "boolean" ? (m(), i(y, {
+								key: 6,
+								value: n.value,
+								class: "me-input-property__value-editor",
+								disabled: u.disabled,
+								options: v(ee),
+								onChange: (e) => R(n, e)
+							}, null, 8, [
+								"value",
+								"disabled",
+								"options",
+								"onChange"
+							])) : a("", !0)]),
+							_: 2
+						}, 1032, ["class"])]),
+						_: 2
+					}, 1032, ["title", "visible"])) : t.key === "rules" ? (m(), i(g, {
+						key: 3,
+						title: "配置校验规则"
+					}, {
+						default: b(() => [l(p, {
+							type: "text",
+							size: "small",
+							class: f(["me-input-property__rules-btn", { "is-active": he(n) }]),
+							disabled: u.disabled,
+							onClick: (e) => be(n)
+						}, {
+							default: b(() => [l(v(e), {
+								name: "WandSparkles",
+								size: 14
+							})]),
+							_: 1
+						}, 8, [
+							"class",
+							"disabled",
+							"onClick"
+						])]),
+						_: 2
+					}, 1024)) : a("", !0)]),
 					_: 1
 				}, 8, [
 					"columns",
@@ -250,9 +649,162 @@ var C = { class: "me-input-property__toolbar" }, w = {
 					"size",
 					"locale"
 				]),
-				a("div", {
+				l(v(t), {
+					open: K.value,
+					"onUpdate:open": d[11] ||= (e) => K.value = e,
+					width: 480,
+					fullscreen: !1,
+					title: ve.value,
+					"ok-text": "保存",
+					"cancel-text": "取消",
+					onOk: xe,
+					onCancel: Se
+				}, {
+					default: b(() => [l(M, {
+						ref_key: "ruleFormRef",
+						ref: ge,
+						model: J,
+						rules: we.value,
+						layout: "vertical",
+						class: "me-input-property__rule-form"
+					}, {
+						default: b(() => [
+							l(j, { name: "required" }, {
+								default: b(() => [l(A, {
+									checked: J.required,
+									"onUpdate:checked": d[0] ||= (e) => J.required = e
+								}, {
+									default: b(() => [...d[13] ||= [c("必填（值不能为空）", -1)]]),
+									_: 1
+								}, 8, ["checked"])]),
+								_: 1
+							}),
+							Y.value === "string" ? (m(), o(n, { key: 0 }, [
+								l(j, {
+									name: "minLength",
+									label: "最短长度"
+								}, {
+									default: b(() => [l(x, {
+										value: J.minLength,
+										"onUpdate:value": d[1] ||= (e) => J.minLength = e,
+										min: 0,
+										precision: 0,
+										placeholder: "不限",
+										class: "me-input-property__rule-input"
+									}, null, 8, ["value"])]),
+									_: 1
+								}),
+								l(j, {
+									name: "maxLength",
+									label: "最大长度"
+								}, {
+									default: b(() => [l(x, {
+										value: J.maxLength,
+										"onUpdate:value": d[2] ||= (e) => J.maxLength = e,
+										min: 0,
+										precision: 0,
+										placeholder: "不限",
+										class: "me-input-property__rule-input"
+									}, null, 8, ["value"])]),
+									_: 1
+								}),
+								l(j, {
+									name: "pattern",
+									label: "正则模式",
+									extra: "校验值格式，如 ^[a-zA-Z0-9]+$"
+								}, {
+									default: b(() => [l(h, {
+										value: J.pattern,
+										"onUpdate:value": d[3] ||= (e) => J.pattern = e,
+										placeholder: "如 ^[a-zA-Z0-9]+$",
+										"allow-clear": ""
+									}, null, 8, ["value"])]),
+									_: 1
+								})
+							], 64)) : a("", !0),
+							ye(Y.value) ? (m(), o(n, { key: 1 }, [l(j, {
+								name: "min",
+								label: "最小值"
+							}, {
+								default: b(() => [l(x, {
+									value: J.min,
+									"onUpdate:value": d[4] ||= (e) => J.min = e,
+									precision: Y.value === "float" ? v(2) : 0,
+									placeholder: "不限",
+									class: "me-input-property__rule-input"
+								}, null, 8, ["value", "precision"])]),
+								_: 1
+							}), l(j, {
+								name: "max",
+								label: "最大值"
+							}, {
+								default: b(() => [l(x, {
+									value: J.max,
+									"onUpdate:value": d[5] ||= (e) => J.max = e,
+									precision: Y.value === "float" ? v(2) : 0,
+									placeholder: "不限",
+									class: "me-input-property__rule-input"
+								}, null, 8, ["value", "precision"])]),
+								_: 1
+							})], 64)) : a("", !0),
+							Y.value === "date" || Y.value === "time" ? (m(), o(n, { key: 2 }, [l(j, {
+								name: "min",
+								label: "最早边界"
+							}, {
+								default: b(() => [Y.value === "date" ? (m(), i(S, {
+									key: 0,
+									value: J.min,
+									"onUpdate:value": d[6] ||= (e) => J.min = e,
+									"value-format": v(T),
+									style: { width: "100%" }
+								}, null, 8, ["value", "value-format"])) : (m(), i(w, {
+									key: 1,
+									value: J.min,
+									"onUpdate:value": d[7] ||= (e) => J.min = e,
+									"value-format": v(E),
+									style: { width: "100%" }
+								}, null, 8, ["value", "value-format"]))]),
+								_: 1
+							}), l(j, {
+								name: "max",
+								label: "最晚边界"
+							}, {
+								default: b(() => [Y.value === "date" ? (m(), i(S, {
+									key: 0,
+									value: J.max,
+									"onUpdate:value": d[8] ||= (e) => J.max = e,
+									"value-format": v(T),
+									style: { width: "100%" }
+								}, null, 8, ["value", "value-format"])) : (m(), i(w, {
+									key: 1,
+									value: J.max,
+									"onUpdate:value": d[9] ||= (e) => J.max = e,
+									"value-format": v(E),
+									style: { width: "100%" }
+								}, null, 8, ["value", "value-format"]))]),
+								_: 1
+							})], 64)) : a("", !0),
+							l(j, {
+								name: "message",
+								label: "自定义错误提示",
+								extra: "可选，覆盖所有校验规则的默认提示文案"
+							}, {
+								default: b(() => [l(h, {
+									value: J.message,
+									"onUpdate:value": d[10] ||= (e) => J.message = e,
+									placeholder: "如：该属性不合法",
+									"allow-clear": ""
+								}, null, 8, ["value"])]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["model", "rules"])]),
+					_: 1
+				}, 8, ["open", "title"]),
+				s("div", {
 					ref_key: "dropLineEl",
-					ref: G,
+					ref: Q,
 					class: "me-input-property__drop-line"
 				}, null, 512)
 			], 512);
@@ -261,9 +813,9 @@ var C = { class: "me-input-property__toolbar" }, w = {
 });
 //#endregion
 //#region src/components/input-property/index.ts
-E.install = (e) => {
-	e.component("MeInputProperty", E);
+U.install = (e) => {
+	e.component("MeInputProperty", U);
 };
-var D = E;
+var W = U;
 //#endregion
-export { E as MeInputProperty, x as checkDuplicateKeys, D as default, y as genId, S as isDuplicateKey, b as normalizeKey };
+export { ee as BOOLEAN_OPTIONS, T as DATE_FORMAT, w as FLOAT_PRECISION, U as MeInputProperty, E as TIME_FORMAT, C as VALUE_TYPE_OPTIONS, ie as checkDuplicateKeys, W as default, te as exportValue, D as genId, j as inferValueType, ae as isDuplicateKey, L as isRuleApplicable, F as normalizeKey, z as normalizeRuleSet, M as normalizeValue, se as sanitizeRulesForType, ce as toRuleMap, le as toValueErrorMap, V as validateValue, H as valueError };