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

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