@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta60

package/chunks/DF3tDDui2.js

@@ -0,0 +1,24 @@
+import "./B1EPd8qV.js";
+import { h as e } from "./DiB3ANPI2.js";
+import { t } from "./B-VO-y0h.js";
+import { useFormItemProps as n } from "../helper/form-item.js";
+import { r } from "./Beh1v279.js";
+import { allProps as i, predicate as a } from "../props/text.js";
+import { createVNode as o, mergeProps as s } from "vue";
+//#endregion
+//#region src/components/form/FormText.vue
+var c = {
+	name: "FormText",
+	inheritAttrs: !1,
+	props: { ...i },
+	setup(i, { slots: c, attrs: l }) {
+		let u = n(i, { attrs: l }), d = e(i, a);
+		return () => r(i, {
+			vNodes: o(t, s(d.value, l), { default: c.default || (() => i.text) }),
+			formItemProps: u,
+			slots: c
+		});
+	}
+};
+//#endregion
+export { c as t };

package/chunks/DGDjsgmi2.js

@@ -0,0 +1,67 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./BgzF6a9b.js";
+import { n as t, o as n, t as r } from "./Beh1v279.js";
+import { allProps as i, predicate as a } from "../props/input.js";
+import { computed as o, createVNode as s, mergeProps as c, useModel as l } from "vue";
+import { validatePhoneNum as u } from "@web-utils/core";
+//#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();
+}
+function p(e, t, n) {
+	if (this.$refs.table.$refs.table.records.length === 0) {
+		n(Error(e.message || `请添加${e.label}`));
+		return;
+	}
+	n();
+}
+//#endregion
+//#region src/components/form/FormInput.vue
+var m = {
+	name: "FormInput",
+	inheritAttrs: !1,
+	props: { ...i },
+	emits: { ...t },
+	setup(t, { emit: i, slots: p, attrs: m }) {
+		let h = l(t, "modelValue"), g = `请输入正确的${t.label}！`, { render: _, placeholder: v, disabled: y, listeners: b, inputProps: x, printing: S } = n(t, {
+			emit: i,
+			slots: p,
+			attrs: m,
+			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 = u;
+				else return null;
+				return [e];
+			}),
+			predicate: a
+		});
+		return () => _({ vNodes: S.value ? t.modelValue : s(e, 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: h.value,
+			"onUpdate:modelValue": (e) => h.value = e,
+			disabled: y.value,
+			placeholder: v.value,
+			readonly: t.readonly || t.picker,
+			"prefix-icon": r({ icon: t.picker ? "el-icon-search" : t.prefixIcon }),
+			"suffix-icon": r({ icon: t.suffixIcon })
+		}), {
+			prefix: p.prefix || t.prefix ? () => t.prefix : null,
+			suffix: p.suffix || t.suffix ? () => t.suffix : null,
+			"password-icon": p["password-icon"],
+			prepend: p.prepend || t.prepend ? () => t.prepend : null,
+			append: p.append || t.append ? () => t.append : null
+		}) });
+	}
+};
+//#endregion
+export { p as n, m as t };

package/chunks/DGDoWF7A2.js

@@ -0,0 +1,243 @@
+import { r as e } from "./BTBp2urE.js";
+import { T as t, j as n, t as r } from "./fICCbPEl.js";
+import { E as i, O as a, k as o, l as s, p as c, u as l } from "./D73tXuJP.js";
+import { n as u } from "./DdW8XqoW.js";
+import { F as d } from "./BtonI3XP.js";
+import { t as f } from "./DuuoytDu.js";
+import { t as p } from "./C0IscOmB.js";
+import { n as m } from "./BjwA4s46.js";
+import { a as h } from "./C-P8DAWg.js";
+import { r as g } from "./CDEhu4Hw2.js";
+import { computed as _, getCurrentInstance as v, nextTick as y, onMounted as b, ref as x, watch as S } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/dialog/src/dialog-content.mjs
+var C = s({
+	center: Boolean,
+	alignCenter: {
+		type: Boolean,
+		default: void 0
+	},
+	closeIcon: { type: h },
+	draggable: {
+		type: Boolean,
+		default: void 0
+	},
+	overflow: {
+		type: Boolean,
+		default: void 0
+	},
+	fullscreen: Boolean,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	showClose: {
+		type: Boolean,
+		default: !0
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	ariaLevel: {
+		type: String,
+		default: "2"
+	}
+}), w = { close: () => !0 }, T = {
+	alignCenter: void 0,
+	draggable: void 0,
+	overflow: void 0,
+	showClose: !0,
+	title: "",
+	ariaLevel: "2"
+}, E = s({
+	...C,
+	appendToBody: Boolean,
+	appendTo: {
+		type: u.to.type,
+		default: "body"
+	},
+	beforeClose: { type: l(Function) },
+	destroyOnClose: Boolean,
+	closeOnClickModal: {
+		type: Boolean,
+		default: !0
+	},
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	lockScroll: {
+		type: Boolean,
+		default: !0
+	},
+	modal: {
+		type: Boolean,
+		default: !0
+	},
+	modalPenetrable: Boolean,
+	openDelay: {
+		type: Number,
+		default: 0
+	},
+	closeDelay: {
+		type: Number,
+		default: 0
+	},
+	top: { type: String },
+	modelValue: Boolean,
+	modalClass: String,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	width: { type: [String, Number] },
+	zIndex: { type: Number },
+	trapFocus: Boolean,
+	headerAriaLevel: {
+		type: String,
+		default: "2"
+	},
+	transition: {
+		type: l([String, Object]),
+		default: void 0
+	}
+}), D = {
+	open: () => !0,
+	opened: () => !0,
+	close: () => !0,
+	closed: () => !0,
+	[e]: (e) => c(e),
+	openAutoFocus: () => !0,
+	closeAutoFocus: () => !0
+};
+({ ...T });
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/dialog/src/constants.mjs
+var O = Symbol("dialogInjectionKey"), k = "dialog-fade", A = "ElDialog", j = (s, c) => {
+	let l = v().emit, { nextZIndex: u } = m(), h = "", C = p(), w = p(), T = x(!1), E = x(!1), D = x(!1), O = x(s.zIndex ?? u()), j = x(!1), M, N, P = g(), F = _(() => {
+		var e;
+		return ((e = P.value) == null ? void 0 : e.namespace) ?? "el";
+	}), I = _(() => {
+		var e;
+		return (e = P.value) == null ? void 0 : e.dialog;
+	}), L = _(() => {
+		let e = {}, t = `--${F.value}-dialog`;
+		if (!s.fullscreen) {
+			s.top && (e[`${t}-margin-top`] = s.top);
+			let n = d(s.width);
+			n && (e[`${t}-width`] = n);
+		}
+		return e;
+	}), R = _(() => {
+		var e;
+		return (s.draggable ?? ((e = I.value) == null ? void 0 : e.draggable) ?? !1) && !s.fullscreen;
+	}), z = _(() => {
+		var e;
+		return s.alignCenter ?? ((e = I.value) == null ? void 0 : e.alignCenter) ?? !1;
+	}), B = _(() => {
+		var e;
+		return s.overflow ?? ((e = I.value) == null ? void 0 : e.overflow) ?? !1;
+	}), V = _(() => s.modalPenetrable && !s.modal && !s.fullscreen), H = _(() => z.value ? { display: "flex" } : {}), U = _(() => {
+		var e;
+		let t = s.transition ?? ((e = I.value) == null ? void 0 : e.transition) ?? "dialog-fade", n = {
+			name: t,
+			onAfterEnter: W,
+			onBeforeLeave: K,
+			onAfterLeave: G
+		};
+		if (o(t)) {
+			let e = { ...t }, n = (e, t) => (n) => {
+				i(e) ? e.forEach((e) => {
+					a(e) && e(n);
+				}) : a(e) && e(n), t();
+			};
+			return e.onAfterEnter = n(e.onAfterEnter, W), e.onBeforeLeave = n(e.onBeforeLeave, K), e.onAfterLeave = n(e.onAfterLeave, G), e.name || (e.name = k, r(A, `transition.name is missing when using object syntax, fallback to '${k}'`)), e;
+		}
+		return n;
+	});
+	function W() {
+		l("opened");
+	}
+	function G() {
+		l("closed"), l(e, !1), s.destroyOnClose && (D.value = !1), j.value = !1;
+	}
+	function K() {
+		j.value = !0, l("close");
+	}
+	function q() {
+		N == null || N(), M == null || M(), s.openDelay && s.openDelay > 0 ? {stop: M} = n(() => Z(), s.openDelay) : Z();
+	}
+	function J() {
+		M == null || M(), N == null || N(), s.closeDelay && s.closeDelay > 0 ? {stop: N} = n(() => Q(), s.closeDelay) : Q();
+	}
+	function Y() {
+		function e(e) {
+			e || (E.value = !0, T.value = !1);
+		}
+		s.beforeClose ? s.beforeClose(e) : J();
+	}
+	function X() {
+		s.closeOnClickModal && Y();
+	}
+	function Z() {
+		t && (T.value = !0);
+	}
+	function Q() {
+		T.value = !1;
+	}
+	function $() {
+		l("openAutoFocus");
+	}
+	function ee() {
+		l("closeAutoFocus");
+	}
+	function te(e) {
+		var t;
+		((t = e.detail) == null ? void 0 : t.focusReason) === "pointer" && e.preventDefault();
+	}
+	s.lockScroll && f(T);
+	function ne() {
+		s.closeOnPressEscape && Y();
+	}
+	function re() {
+		!T.value || !V.value || s.zIndex !== void 0 || (O.value = u());
+	}
+	return S(() => s.zIndex, () => {
+		O.value = s.zIndex ?? u();
+	}), S(() => s.modelValue, (e) => {
+		e ? (E.value = !1, j.value = !1, q(), D.value = !0, O.value = s.zIndex ?? u(), y(() => {
+			l("open"), c.value && (c.value.parentElement.scrollTop = 0, c.value.parentElement.scrollLeft = 0, c.value.scrollTop = 0);
+		})) : T.value && J();
+	}), S(() => s.fullscreen, (e) => {
+		c.value && (e ? (h = c.value.style.transform, c.value.style.transform = "") : c.value.style.transform = h);
+	}), b(() => {
+		s.modelValue && (T.value = !0, D.value = !0, q());
+	}), {
+		afterEnter: W,
+		afterLeave: G,
+		beforeLeave: K,
+		handleClose: Y,
+		onModalClick: X,
+		close: J,
+		doClose: Q,
+		onOpenAutoFocus: $,
+		onCloseAutoFocus: ee,
+		onCloseRequested: ne,
+		onFocusoutPrevented: te,
+		bringToFront: re,
+		titleId: C,
+		bodyId: w,
+		closed: E,
+		style: L,
+		overlayDialogStyle: H,
+		rendered: D,
+		visible: T,
+		zIndex: O,
+		transitionConfig: U,
+		_draggable: R,
+		_alignCenter: z,
+		_overflow: B,
+		closing: j,
+		penetrable: V
+	};
+};
+//#endregion
+export { w as a, E as i, O as n, C as o, D as r, j as t };

package/chunks/DGOYYEkS2.js

@@ -0,0 +1,33 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./BpYC6Tu9.js";
+import { n as t, o as n } from "./Beh1v279.js";
+import { allProps as r, predicate as i } from "../props/switch.js";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+//#endregion
+//#region src/components/form/FormSwitch.vue
+var c = {
+	name: "FormSwitch",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...t },
+	setup(t, { emit: r, slots: c, attrs: l }) {
+		let u = s(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = n(t, {
+			emit: r,
+			attrs: l,
+			slots: c,
+			predicate: i
+		});
+		return () => d({ vNodes: a(e, o(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), {
+			"active-action": c["active-action"],
+			"inactive-action": c["inactive-action"],
+			active: c.active,
+			inactive: c.inactive
+		}) });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/DGSETzHz2.js

@@ -0,0 +1,36 @@
+import "./B1EPd8qV.js";
+import { t as e } from "./B7IZdKDn.js";
+import { n as t, o as n } from "./Beh1v279.js";
+import { allProps as r, predicate as i } from "../props/input-number.js";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import { isString as c } from "@web-utils/core";
+//#endregion
+//#region src/components/form/FormInputNumber.vue
+var l = {
+	name: "FormInputNumber",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...t },
+	setup(t, { emit: r, slots: l, attrs: u }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = n(t, {
+			emit: r,
+			slots: l,
+			attrs: u,
+			predicate: i
+		}), _ = a(() => c(t.modelValue) ? Number(t.modelValue) : t.modelValue);
+		return () => f({ vNodes: o(e, s(h.value, g.value, {
+			style: "width: 100%",
+			modelValue: _.value,
+			disabled: m.value,
+			"onUpdate:modelValue": d,
+			placeholder: p.value
+		}), {
+			prefix: l.prefix || t.prefix ? () => t.prefix : null,
+			suffix: l.suffix || t.suffix ? () => t.suffix : t.append,
+			"decrease-icon": l["decrease-icon"],
+			"increase-icon": l["increase-icon"]
+		}) });
+	}
+};
+//#endregion
+export { l as t };

package/chunks/DIu4j2rA2.js

@@ -0,0 +1,30 @@
+import { n as e, o as t } from "./Beh1v279.js";
+import n from "../x-input-tag/index.js";
+import { allProps as r, predicate as i } from "../props/input-tag.js";
+import { createVNode as a, mergeProps as o } from "vue";
+//#endregion
+//#region src/components/form/FormInputTag.vue
+var s = {
+	name: "FormInputTag",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, slots: s, attrs: c }) {
+		let { emitInput: l, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = t(e, {
+			emit: r,
+			slots: s,
+			attrs: c,
+			predicate: i,
+			block: e.block === void 0 ? !0 : e.block
+		});
+		return () => u({ vNodes: a(n, o(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: e.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": l,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { s as t };

package/chunks/DJnkQG-Q.js

@@ -0,0 +1,105 @@
+import { l as e, s as t, u as n, x as r } from "./D73tXuJP.js";
+import { F as i } from "./BtonI3XP.js";
+import { t as a } from "./CmQBhb4F.js";
+import { createVNode as o, defineComponent as s, h as c, onBeforeUnmount as l, onMounted as u, ref as d, renderSlot as f, watchEffect as p } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-draggable/index.mjs
+var m = (e, t, n, r) => {
+	let a = {
+		offsetX: 0,
+		offsetY: 0
+	}, o = d(!1), s = (t, n) => {
+		if (e.value) {
+			let { offsetX: o, offsetY: s } = a, c = e.value.getBoundingClientRect(), l = c.left, u = c.top, d = c.width, f = c.height, p = document.documentElement.clientWidth, m = document.documentElement.clientHeight, h = -l + o, g = -u + s, _ = p - l - d + o, v = m - u - (f < m ? f : 0) + s;
+			r != null && r.value || (t = Math.min(Math.max(t, h), _), n = Math.min(Math.max(n, g), v)), a.offsetX = t, a.offsetY = n, e.value.style.transform = `translate(${i(t)}, ${i(n)})`;
+		}
+	}, c = (e) => {
+		let t = e.clientX, n = e.clientY, { offsetX: r, offsetY: i } = a, c = (e) => {
+			o.value || (o.value = !0), s(r + e.clientX - t, i + e.clientY - n);
+		}, l = () => {
+			o.value = !1, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", l);
+		};
+		document.addEventListener("mousemove", c), document.addEventListener("mouseup", l);
+	}, f = () => {
+		t.value && e.value && (t.value.addEventListener("mousedown", c), window.addEventListener("resize", g));
+	}, m = () => {
+		t.value && e.value && (t.value.removeEventListener("mousedown", c), window.removeEventListener("resize", g));
+	}, h = () => {
+		a.offsetX = 0, a.offsetY = 0, e.value && (e.value.style.transform = "");
+	}, g = () => {
+		let { offsetX: e, offsetY: t } = a;
+		s(e, t);
+	};
+	return u(() => {
+		p(() => {
+			n.value ? f() : m();
+		});
+	}), l(() => {
+		m();
+	}), {
+		isDragging: o,
+		resetPosition: h,
+		updatePosition: g
+	};
+}, h = (e) => {
+	if (!e) return {
+		onClick: r,
+		onMousedown: r,
+		onMouseup: r
+	};
+	let t = !1, n = !1;
+	return {
+		onClick: (r) => {
+			t && n && e(r), t = n = !1;
+		},
+		onMousedown: (e) => {
+			t = e.target === e.currentTarget;
+		},
+		onMouseup: (e) => {
+			n = e.target === e.currentTarget;
+		}
+	};
+}, g = e({
+	mask: {
+		type: Boolean,
+		default: !0
+	},
+	customMaskEvent: Boolean,
+	overlayClass: { type: n([
+		String,
+		Array,
+		Object
+	]) },
+	zIndex: { type: n([String, Number]) }
+}), _ = { click: (e) => e instanceof MouseEvent }, v = "overlay", y = s({
+	name: "ElOverlay",
+	props: g,
+	emits: _,
+	setup(e, { slots: n, emit: r }) {
+		let i = t(v), { onClick: s, onMousedown: l, onMouseup: u } = h(e.customMaskEvent ? void 0 : (e) => {
+			r("click", e);
+		});
+		return () => e.mask ? o("div", {
+			class: [i.b(), e.overlayClass],
+			style: { zIndex: e.zIndex },
+			onClick: s,
+			onMousedown: l,
+			onMouseup: u
+		}, [f(n, "default")], a.STYLE | a.CLASS | a.PROPS, [
+			"onClick",
+			"onMouseup",
+			"onMousedown"
+		]) : c("div", {
+			class: e.overlayClass,
+			style: {
+				zIndex: e.zIndex,
+				position: "fixed",
+				top: "0px",
+				right: "0px",
+				bottom: "0px",
+				left: "0px"
+			}
+		}, [f(n, "default")]);
+	}
+});
+//#endregion
+export { h as n, m as r, y as t };

package/chunks/DKCe2nDe.js

@@ -0,0 +1,47 @@
+import { _ as e, o as t } from "./fICCbPEl.js";
+import { O as n } from "./D73tXuJP.js";
+import { getCurrentInstance as r, nextTick as i, ref as a, shallowRef as o, unref as s, watch as c } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-focus-controller/index.mjs
+function l(i, { disabled: l, beforeFocus: u, afterFocus: d, beforeBlur: f, afterBlur: p } = {}) {
+	let { emit: m } = r(), h = o(), g = a(!1), _ = (e) => {
+		let t = n(u) ? u(e) : !1;
+		s(l) || g.value || t || (g.value = !0, m("focus", e), d == null || d());
+	}, v = (e) => {
+		var t;
+		let r = n(f) ? f(e) : !1;
+		s(l) || e.relatedTarget && (t = h.value) != null && t.contains(e.relatedTarget) || r || (g.value = !1, m("blur", e), p == null || p());
+	};
+	return c([h, () => s(l)], ([e, t]) => {
+		e && (t ? e.removeAttribute("tabindex") : e.setAttribute("tabindex", "-1"));
+	}), e(h, "focus", _, !0), e(h, "blur", v, !0), e(h, "click", (e) => {
+		var n, r;
+		s(l) || t(e.target) || (n = h.value) != null && n.contains(document.activeElement) && h.value !== document.activeElement || (r = i.value) == null || r.focus();
+	}, !0), {
+		isFocused: g,
+		wrapperRef: h,
+		handleFocus: _,
+		handleBlur: v
+	};
+}
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/hooks/use-composition/index.mjs
+function u({ afterComposition: e, emit: t }) {
+	let n = a(!1), r = (e) => {
+		t == null || t("compositionstart", e), n.value = !0;
+	}, o = (e) => {
+		t == null || t("compositionupdate", e), n.value = !0;
+	}, s = (r) => {
+		t == null || t("compositionend", r), n.value && (n.value = !1, i(() => e(r)));
+	};
+	return {
+		isComposing: n,
+		handleComposition: (e) => {
+			e.type === "compositionend" ? s(e) : o(e);
+		},
+		handleCompositionStart: r,
+		handleCompositionUpdate: o,
+		handleCompositionEnd: s
+	};
+}
+//#endregion
+export { l as n, u as t };