@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta71

package/chunks/CwBq1JZV.mjs

@@ -0,0 +1,250 @@
+import "./CjjJimnU.mjs";
+import { t as e } from "./DnBzQ-xh.mjs";
+import { g as t, i as n, l as r, s as i, t as a } from "./DrKq_frR.mjs";
+import { c as o, p as s, t as c } from "./D4oNQiIK.mjs";
+import { t as l } from "./Bgw_3soo.mjs";
+import { a as u } from "./B1ATN2my.mjs";
+import { t as d } from "./BwYEpK-u.mjs";
+import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, getCurrentInstance as x, inject as S, normalizeClass as C, normalizeStyle as w, onBeforeUnmount as T, onMounted as E, openBlock as D, provide as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, watch as F, withCtx as I } from "vue";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/steps/src/steps.mjs
+var L = r({
+	space: {
+		type: [Number, String],
+		default: ""
+	},
+	active: {
+		type: Number,
+		default: 0
+	},
+	direction: {
+		type: String,
+		default: "horizontal",
+		values: ["horizontal", "vertical"]
+	},
+	alignCenter: { type: Boolean },
+	simple: { type: Boolean },
+	finishStatus: {
+		type: String,
+		values: [
+			"wait",
+			"process",
+			"finish",
+			"error",
+			"success"
+		],
+		default: "finish"
+	},
+	processStatus: {
+		type: String,
+		values: [
+			"wait",
+			"process",
+			"finish",
+			"error",
+			"success"
+		],
+		default: "process"
+	}
+}), R = { [e]: (e, n) => [e, n].every(t) }, z = "ElSteps", B = r({
+	title: {
+		type: String,
+		default: ""
+	},
+	icon: { type: u },
+	description: {
+		type: String,
+		default: ""
+	},
+	status: {
+		type: String,
+		values: [
+			"",
+			"wait",
+			"process",
+			"finish",
+			"error",
+			"success"
+		],
+		default: ""
+	}
+}), V = /* @__PURE__ */ b({
+	name: "ElSteps",
+	__name: "steps",
+	props: L,
+	emits: R,
+	setup(t, { emit: n }) {
+		let r = t, a = n, o = i("steps"), { children: s, addChild: c, removeChild: u, ChildrenSorter: d } = l(x(), "ElStep");
+		return F(s, () => {
+			s.value.forEach((e, t) => {
+				e.setIndex(t);
+			});
+		}), O(z, {
+			props: r,
+			steps: s,
+			addStep: c,
+			removeStep: u
+		}), F(() => r.active, (t, n) => {
+			a(e, t, n);
+		}), (e, n) => (D(), g("div", { class: C([P(o).b(), P(o).m(t.simple ? "simple" : t.direction)]) }, [j(e.$slots, "default"), y(P(d))], 2));
+	}
+}), H = /* @__PURE__ */ b({
+	name: "ElStep",
+	__name: "item",
+	props: B,
+	setup(e) {
+		let n = e, r = i("step"), a = k(-1), l = k({}), u = k(""), d = S(z), f = x(), b = 0, O = 0;
+		E(() => {
+			F([
+				() => d.props.active,
+				() => d.props.processStatus,
+				() => d.props.finishStatus
+			], ([e], [t]) => {
+				O = t || 0, b = e - O, Y(e);
+			}, { immediate: !0 });
+		});
+		let A = p(() => n.status || u.value), L = p(() => {
+			let e = d.steps.value[a.value - 1];
+			return e ? e.internalStatus.value : "wait";
+		}), R = p(() => d.props.alignCenter), B = p(() => d.props.direction === "vertical"), V = p(() => d.props.simple), H = p(() => d.steps.value.length), U = p(() => {
+			var e;
+			return ((e = d.steps.value[H.value - 1]) == null ? void 0 : e.uid) === f.uid;
+		}), W = p(() => V.value ? "" : d.props.space), G = p(() => [
+			r.b(),
+			r.is(V.value ? "simple" : d.props.direction),
+			r.is("flex", U.value && !W.value && !R.value),
+			r.is("center", R.value && !B.value && !V.value)
+		]), K = p(() => {
+			let e = { flexBasis: t(W.value) ? `${W.value}px` : W.value ? W.value : `${100 / (H.value - +!R.value)}%` };
+			return B.value || U.value && (e.maxWidth = `${100 / H.value}%`), e;
+		}), q = (e) => {
+			a.value = e;
+		}, J = (e) => {
+			let t = e === "wait", n = { transitionDelay: `${Math.abs(b) === 1 ? 0 : b > 0 ? (a.value + 1 - O) * 150 : -(a.value + 1 - d.props.active) * 150}ms` }, r = e === d.props.processStatus || t ? 0 : 100;
+			n.borderWidth = r && !V.value ? "1px" : 0, n[d.props.direction === "vertical" ? "height" : "width"] = `${r}%`, l.value = n;
+		}, Y = (e) => {
+			e > a.value ? u.value = d.props.finishStatus : e === a.value && L.value !== "error" ? u.value = d.props.processStatus : u.value = "wait";
+			let t = d.steps.value[a.value - 1];
+			t && t.calcProgress(u.value);
+		}, X = {
+			uid: f.uid,
+			getVnode: () => f.vnode,
+			currentStatus: A,
+			internalStatus: u,
+			setIndex: q,
+			calcProgress: J
+		};
+		return d.addStep(X), T(() => {
+			d.removeStep(X);
+		}), (t, n) => (D(), g("div", {
+			style: w(K.value),
+			class: C(G.value)
+		}, [
+			h(" icon & line "),
+			_("div", { class: C([P(r).e("head"), P(r).is(A.value)]) }, [V.value ? h("v-if", !0) : (D(), g("div", {
+				key: 0,
+				class: C(P(r).e("line"))
+			}, [_("i", {
+				class: C(P(r).e("line-inner")),
+				style: w(l.value)
+			}, null, 6)], 2)), _("div", { class: C([P(r).e("icon"), P(r).is(e.icon || t.$slots.icon ? "icon" : "text")]) }, [j(t.$slots, "icon", {}, () => [e.icon ? (D(), m(P(c), {
+				key: 0,
+				class: C(P(r).e("icon-inner"))
+			}, {
+				default: I(() => [(D(), m(M(e.icon)))]),
+				_: 1
+			}, 8, ["class"])) : A.value === "success" ? (D(), m(P(c), {
+				key: 1,
+				class: C([P(r).e("icon-inner"), P(r).is("status")])
+			}, {
+				default: I(() => [y(P(o))]),
+				_: 1
+			}, 8, ["class"])) : A.value === "error" ? (D(), m(P(c), {
+				key: 2,
+				class: C([P(r).e("icon-inner"), P(r).is("status")])
+			}, {
+				default: I(() => [y(P(s))]),
+				_: 1
+			}, 8, ["class"])) : V.value ? h("v-if", !0) : (D(), g("div", {
+				key: 3,
+				class: C(P(r).e("icon-inner"))
+			}, N(a.value + 1), 3))])], 2)], 2),
+			h(" title & description "),
+			_("div", { class: C(P(r).e("main")) }, [_("div", { class: C([P(r).e("title"), P(r).is(A.value)]) }, [j(t.$slots, "title", {}, () => [v(N(e.title), 1)])], 2), V.value ? (D(), g("div", {
+				key: 0,
+				class: C(P(r).e("arrow"))
+			}, null, 2)) : (D(), g("div", {
+				key: 1,
+				class: C([P(r).e("description"), P(r).is(A.value)])
+			}, [j(t.$slots, "description", {}, () => [v(N(e.description), 1)])], 2))], 2)
+		], 6));
+	}
+}), U = a(V, { Step: H }), W = n(H), G = {
+	name: "GuideSteps",
+	props: {
+		modelValue: {
+			type: Number,
+			default: 0
+		},
+		steps: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["update:modelValue"],
+	data() {
+		return { ready: [] };
+	},
+	watch: { steps: {
+		immediate: !0,
+		deep: !0,
+		handler(e) {
+			this.ready = e != null && e.length ? e.map(() => !1) : [];
+		}
+	} },
+	methods: {
+		activeStep(e) {
+			e !== 0 && !this.available(e) || this.$emit("update:modelValue", e);
+		},
+		setReady(e, t) {
+			e < this.ready.length && (this.ready[e] = t);
+		},
+		available(e) {
+			let t = !0;
+			if (e > 0 && e < this.ready.length) {
+				for (let n = 0; n < e; n++) if (!this.ready[n]) {
+					t = !1;
+					break;
+				}
+			}
+			return t;
+		}
+	}
+};
+function K(e, t, n, r, i, a) {
+	let o = W, s = U;
+	return D(), m(s, {
+		class: "guide-steps",
+		"align-center": ""
+	}, {
+		default: I(() => [(D(!0), g(f, null, A(n.steps, (e, t) => (D(), m(o, {
+			key: e.label,
+			class: C([{
+				"current important": n.modelValue === t,
+				disabled: !a.available(t),
+				available: !i.ready[t] && a.available(t)
+			}]),
+			status: i.ready[t] ? "success" : "",
+			title: e.label,
+			onClick: (e) => a.activeStep(t)
+		}, null, 8, [
+			"class",
+			"status",
+			"title",
+			"onClick"
+		]))), 128))]),
+		_: 1
+	});
+}
+var q = /* @__PURE__ */ d(G, [["render", K]]);
+//#endregion
+export { q as t };

package/chunks/CwWfRmD3.mjs

@@ -0,0 +1,57 @@
+import "./CjjJimnU.mjs";
+import { t as e } from "./DL0o_C092.mjs";
+import { allProps as t, predicate as n } from "../props/cascader.mjs";
+import { n as r, o as i } from "./BsM0L7CS.mjs";
+import { useDictionary as a } from "../hook/useDictionary.mjs";
+import { computed as o, createVNode as s, mergeProps as c } from "vue";
+import { findTreeChildren as l, isArray as u, isString as d, setParent as f } from "@web-utils/core";
+import { cloneDeep as p } from "@web-utils/integrations/lodash";
+//#endregion
+//#region src/components/form/FormCascader.vue
+var m = {
+	name: "FormCascader",
+	props: { ...t },
+	emits: { ...r },
+	setup(t, { emit: r, slots: m, attrs: h }) {
+		let { emitInput: g, render: _, placeholder: v, disabled: y, listeners: b, inputProps: x } = i(t, {
+			emit: r,
+			slots: m,
+			attrs: h,
+			predicate: n
+		}), { dictItems: S } = a(t), C = o(() => {
+			if (t.dictType) return S.value;
+			if (t.options) {
+				let e = p(t.options);
+				return t.last && f(e), e;
+			} else return [];
+		}), w = o(() => {
+			if (t.join) return u(t.modelValue) ? t.modelValue : d(t.modelValue) ? t.modelValue.split(t.separator) : [];
+			if (t.last) {
+				let [e] = l(C.value, (e) => e[t.valueKey] === t.modelValue), n = [];
+				for (; e;) n.push(e[t.valueKey]), e = e.parent;
+				return n.reverse();
+			}
+			return t.modelValue;
+		}), T = (e) => {
+			t.join && u(e) ? g(e.join(t.separator)) : g(t.last ? e[e.length - 1] : e);
+		};
+		return () => _({ vNodes: s(e, c(b.value, x.value, {
+			style: "width: 100%",
+			class: { "is-readonly": t.readonly },
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: t.checkStrictly,
+				label: t.labelKey,
+				value: t.valueKey,
+				emitPath: t.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: y.value,
+			placeholder: v.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { m as t };

package/chunks/CwqeV7002.mjs

@@ -0,0 +1,67 @@
+import "./CjjJimnU.mjs";
+import { t as e } from "./C7l9aZGE.mjs";
+import { n as t, o as n, t as r } from "./BsM0L7CS.mjs";
+import { allProps as i, predicate as a } from "../props/input.mjs";
+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/Cy8jqgun2.mjs

@@ -0,0 +1,41 @@
+import { l as e, s as t, t as n, u as r } from "./DrKq_frR.mjs";
+import { computed as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, unref as f } from "vue";
+//#endregion
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/components/divider/index.mjs
+var p = n(/* @__PURE__ */ s({
+	name: "ElDivider",
+	__name: "divider",
+	props: e({
+		direction: {
+			type: String,
+			values: ["horizontal", "vertical"],
+			default: "horizontal"
+		},
+		contentPosition: {
+			type: String,
+			values: [
+				"left",
+				"center",
+				"right"
+			],
+			default: "center"
+		},
+		borderStyle: {
+			type: r(String),
+			default: "solid"
+		}
+	}),
+	setup(e) {
+		let n = e, r = t("divider"), s = i(() => r.cssVar({ "border-style": n.borderStyle }));
+		return (t, n) => (u(), o("div", {
+			class: c([f(r).b(), f(r).m(e.direction)]),
+			style: l(s.value),
+			role: "separator"
+		}, [t.$slots.default && e.direction !== "vertical" ? (u(), o("div", {
+			key: 0,
+			class: c([f(r).e("text"), f(r).is(e.contentPosition)])
+		}, [d(t.$slots, "default")], 2)) : a("v-if", !0)], 6));
+	}
+}));
+//#endregion
+export { p as t };