@web-utils/form-ui 1.0.0-beta3 → 1.0.0-beta31

package/chunks/C4bM8miy.mjs

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

package/chunks/C9J3j0PX.mjs

@@ -0,0 +1,93 @@
+import { columnSizeContextKey as e, setColumnSizeContextKey as t } from "../constants/index.mjs";
+import n from "../form-cell/index.mjs";
+import { camelize as r, isDef as i, isString as a } from "@web-utils/core";
+import { Comment as o, Fragment as s, Text as c, createVNode as l, inject as u, isVNode as d } from "vue";
+import { ElTooltip as f } from "element-plus/es";
+//#region src/components/red-form/FormRow.vue?vue&type=script&lang.jsx
+function p(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !d(e);
+}
+var m = (e) => {
+	let t = Object.keys({});
+	for (let n in e) t[r(n)] = e[n];
+	return t;
+}, h = (e, { columnSize: t }) => {
+	if (!e || !e.length) return null;
+	e = e.filter((e) => e.type !== o);
+	let n = [], r = e.length === 1;
+	for (let o = 0; o < e.length; o++) {
+		let v = e[o], { name: y } = v.type;
+		if (v.type === c) n.push({
+			tag: y,
+			type: "text",
+			content: v,
+			colspan: r ? t : 0
+		});
+		else if (v.type === s) n.push(...h(v.children, { columnSize: t }));
+		else if (a(v.type) && v.type === "td") n.push({
+			tag: v.type,
+			type: "td",
+			content: v
+		});
+		else if (y === "FormCell") n.push({
+			tag: y,
+			type: "FormCell",
+			content: v
+		});
+		else if (typeof v.type == "object") {
+			var u, d;
+			let { label: e, hideLabel: a, labelColspan: o, inputColspan: s, labelRowspan: c, inputRowspan: h, tipsAfterLabel: b, tips: x } = m(v.props);
+			if (!i(a)) {
+				var p, g, _;
+				let t = (p = v.children) == null ? void 0 : p.tips, r = t || x ? l(f, {
+					effect: "light",
+					content: x,
+					offset: 4
+				}, {
+					default: () => l("i", { class: "el-icon-info form-item-input-info" }, null),
+					content: t || null
+				}) : null;
+				n.push({
+					tag: y,
+					type: "label",
+					colspan: o,
+					rowspan: c,
+					content: [((g = v.children) == null || (_ = g.label) == null ? void 0 : _.call(g)) || e, b === "" ? r : null]
+				});
+			}
+			let S;
+			S = r && i(a) ? t : i(s) ? s : r ? t - 1 : 0, n.push({
+				tag: y,
+				type: "input",
+				colspan: S,
+				rowspan: h,
+				content: [v, (u = v.children) == null || (d = u.below) == null ? void 0 : d.call(u)]
+			});
+		} else console.error("未知节点");
+	}
+	return n;
+}, g = {
+	name: "FormRow",
+	props: {
+		isLabel: Boolean,
+		alignCenter: Boolean
+	},
+	setup(r, { slots: i }) {
+		let a = u(t, null), o = u(e, null);
+		return () => {
+			var e;
+			let t = (e = i.default) == null ? void 0 : e.call(i), s = [];
+			return s.push(...h(t, { columnSize: (o == null ? void 0 : o.value) ?? 0 })), ((o == null ? void 0 : o.value) ?? 0) < s.length && (a == null || a(s.length)), l("tr", null, [s.map(({ tag: e, type: t, colspan: i, rowspan: a, content: o }) => e === "td" || t === "FormCell" ? o : t === "text" ? l(n, {
+				isLabel: r.isLabel,
+				alignCenter: r.alignCenter,
+				colspan: i
+			}, p(o) ? o : { default: () => [o] }) : l("td", {
+				class: t,
+				colspan: i,
+				rowspan: a
+			}, [o]))]);
+		};
+	}
+};
+//#endregion
+export { g as t };

package/chunks/Cby3mvvZ.mjs

@@ -0,0 +1,216 @@
+import { i as e, n as t } from "./Br4i8stg.mjs";
+import { n, t as r } from "./CsfgUCe9.mjs";
+import { useDictionary as i } from "../hook/useDictionary.mjs";
+import { findTreeChildren as a, isArray as o, isString as s, setParent as c } from "@web-utils/core";
+import { computed as l, createVNode as u, mergeProps as d } from "vue";
+import { cloneDeep as f } from "@web-utils/integrations/lodash";
+import { ElCascader as p } from "element-plus/es";
+//#region src/components/form/props/cascader.ts
+var m = {
+	...n,
+	...r,
+	modelValue: [
+		String,
+		Number,
+		Array
+	],
+	options: Array,
+	props: Object,
+	size: String,
+	placeholder: String,
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	clearable: {
+		type: Boolean,
+		default: !1
+	},
+	clearIcon: [String, Object],
+	showAllLevels: {
+		type: Boolean,
+		default: !0
+	},
+	collapseTags: {
+		type: Boolean,
+		default: !1
+	},
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: !1
+	},
+	maxCollapseTagsTooltipHeight: [String, Number],
+	separator: {
+		type: String,
+		default: "/"
+	},
+	filterable: {
+		type: Boolean,
+		default: !1
+	},
+	filterMethod: Function,
+	debounce: {
+		type: Number,
+		default: 300
+	},
+	beforeFilter: Function,
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	effect: {
+		type: String,
+		default: "light"
+	},
+	tagType: {
+		type: String,
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		default: "light"
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	persistent: {
+		type: Boolean,
+		default: !0
+	},
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	popperAppendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	showCheckedStrategy: {
+		type: String,
+		default: "child"
+	},
+	readonly: Boolean,
+	last: Boolean,
+	checkStrictly: Boolean,
+	labelKey: {
+		type: String,
+		default: "label"
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	emitPath: {
+		type: Boolean,
+		default: !0
+	},
+	join: {
+		type: Boolean,
+		default: !0
+	},
+	idAsValue: {
+		type: Boolean,
+		default: !0
+	},
+	labelAsValue: Boolean,
+	treeDict: {
+		type: Boolean,
+		default: !0
+	},
+	dictType: String
+}, h = {
+	modelValue: !0,
+	readonly: !0,
+	props: !0
+}, g = [
+	"change",
+	"expand-change",
+	"blur",
+	"focus",
+	"clear",
+	"visible-change",
+	"remove-tag"
+], _ = (e) => n[e] === void 0 && h[e] !== !0, v = {
+	name: "FormCascader",
+	props: { ...m },
+	emits: {
+		...t,
+		change: null,
+		"expand-change": null,
+		blur: null,
+		focus: null,
+		clear: null,
+		"visible-change": null,
+		"remove-tag": null
+	},
+	setup(t, { slots: n, emit: r, attrs: m }) {
+		let { emitInput: h, render: v, placeholder: y, disabled: b, autoBind: x } = e(t, {
+			emit: r,
+			slots: n,
+			attrs: m,
+			events: g,
+			predicate: _
+		}), { dictItems: S } = i(t), C = l(() => {
+			if (t.dictType) return S.value;
+			if (t.options) {
+				let e = f(t.options);
+				return t.last && c(e), e;
+			} else return [];
+		}), w = l(() => {
+			if (t.join) return o(t.modelValue) ? t.modelValue : s(t.modelValue) ? t.modelValue.split(t.separator) : [];
+			if (t.last) {
+				let [e] = a(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 && o(e) ? h(e.join(t.separator)) : h(t.last ? e[e.length - 1] : e);
+		};
+		return () => v({ vNodes: u(p, d({
+			style: "width: 100%",
+			class: { "is-readonly": t.readonly }
+		}, x.value, {
+			"model-value": w.value,
+			options: C.value,
+			props: {
+				checkStrictly: t.checkStrictly,
+				label: t.labelKey,
+				value: t.valueKey,
+				emitPath: t.emitPath,
+				expandTrigger: "hover"
+			},
+			disabled: b.value,
+			placeholder: y.value,
+			"onUpdate:modelValue": T
+		}), null) });
+	}
+};
+//#endregion
+export { v as t };

package/chunks/Cc3EJjbV.mjs

@@ -0,0 +1,25 @@
+import { n as e } from "./Br4i8stg.mjs";
+import { n as t, t as n } from "./C4bM8miy.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputEmail.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputEmail.vue
+var c = {
+	name: "FormInputEmail",
+	inheritAttrs: !1,
+	props: { ...t },
+	emits: { ...e },
+	setup(e, { slots: t, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(n, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "email"
+		}), s(t) ? t : { default: () => [t] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/Cgl-hCE5.mjs

@@ -0,0 +1,25 @@
+import { n as e } from "./Br4i8stg.mjs";
+import { n as t, t as n } from "./C4bM8miy.mjs";
+import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
+//#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !i(e);
+}
+//#endregion
+//#region src/components/form/FormInputIdCard.vue
+var c = {
+	name: "FormInputIdCard",
+	inheritAttrs: !1,
+	props: { ...t },
+	emits: { ...e },
+	setup(e, { slots: t, attrs: i }) {
+		let c = o(e, "modelValue");
+		return () => r(n, a(e, i, {
+			modelValue: c.value,
+			"onUpdate:modelValue": (e) => c.value = e,
+			type: "idcard"
+		}), s(t) ? t : { default: () => [t] });
+	}
+};
+//#endregion
+export { c as t };

package/chunks/Ci1XxmdE.mjs

@@ -0,0 +1,51 @@
+import { s as e } from "./BQ77eAb3.mjs";
+import { o as t, r as n } from "./Br4i8stg.mjs";
+import { n as r } from "./CsfgUCe9.mjs";
+import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
+import { ElImage as s } from "element-plus/es";
+//#region src/components/form/props/image.ts
+var c = {
+	...r,
+	src: String,
+	fit: String,
+	hideOnClickModal: Boolean
+}, l = { modelValue: !0 }, u = [
+	"load",
+	"error",
+	"switch",
+	"close",
+	"show"
+], d = (e) => r[e] === void 0 && l[e] !== !0;
+//#endregion
+//#region src/components/form/FormImage.vue?vue&type=script&lang.jsx
+function f(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !a(e);
+}
+//#endregion
+//#region src/components/form/FormImage.vue
+var p = {
+	name: "FormImage",
+	inheritAttrs: !1,
+	props: { ...c },
+	emits: {
+		load: null,
+		error: null,
+		switch: null,
+		close: null,
+		show: null
+	},
+	setup(r, { slots: a, attrs: c, emit: l }) {
+		let p = t(r, { attrs: c }), m = e(r, {
+			events: u,
+			predicate: d,
+			emit: l
+		});
+		return () => n(r, {
+			vNodes: i(s, o(m.value, c, { "preview-src-list": [r.src] }), f(a) ? a : { default: () => [a] }),
+			formItemProps: p,
+			slots: a
+		});
+	}
+};
+//#endregion
+export { p as t };

package/chunks/CkFapoKt.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/chunks/CsfgUCe9.mjs

@@ -0,0 +1,17 @@
+import { c as e, s as t } from "./Br4i8stg.mjs";
+//#region src/components/form/props/common.ts
+var n = {
+	...e,
+	...t,
+	wrapFormItem: {
+		type: Boolean,
+		default: !0
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	col: Boolean
+}, r = { size: { type: String } };
+//#endregion
+export { n, r as t };

package/chunks/CugRu2Ka.mjs

@@ -0,0 +1,42 @@
+import { s as e } from "./BQ77eAb3.mjs";
+import { o as t, r as n } from "./Br4i8stg.mjs";
+import { n as r } from "./CsfgUCe9.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElText as o } from "element-plus/es";
+//#region src/components/form/props/text.ts
+var s = {
+	...r,
+	type: String,
+	size: {
+		type: String,
+		default: "default"
+	},
+	truncated: {
+		type: Boolean,
+		default: !1
+	},
+	lineClamp: [String, Number],
+	tag: {
+		type: String,
+		default: "span"
+	},
+	text: String
+}, c = { modelValue: !0 }, l = ["change"], u = (e) => r[e] === void 0 && c[e] !== !0, d = {
+	name: "FormText",
+	inheritAttrs: !1,
+	props: { ...s },
+	setup(r, { slots: s, emit: c, attrs: d }) {
+		let f = t(r, { attrs: d }), p = e(r, {
+			events: l,
+			predicate: u,
+			emit: c
+		});
+		return () => n(r, {
+			vNodes: i(o, a(p.value, d), { default: s.default || (() => r.text) }),
+			formItemProps: f,
+			slots: s
+		});
+	}
+};
+//#endregion
+export { d as t };