@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta51

package/chunks/DKwp6AMl.mjs

@@ -0,0 +1,168 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElTimePicker as o } from "element-plus/es";
+//#region src/components/form/props/time.ts
+var s = {
+	...n,
+	...r,
+	modelValue: [
+		Number,
+		String,
+		Object
+	],
+	readonly: {
+		type: Boolean,
+		default: !1
+	},
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	size: String,
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	startPlaceholder: {
+		type: String,
+		default: "开始时间"
+	},
+	endPlaceholder: {
+		type: String,
+		default: "结束时间"
+	},
+	isRange: {
+		type: Boolean,
+		default: !1
+	},
+	arrowControl: {
+		type: Boolean,
+		default: !1
+	},
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object],
+	popperOptions: Object,
+	fallbackPlacements: {
+		type: Array,
+		default: () => [
+			"bottom",
+			"top",
+			"right",
+			"left"
+		]
+	},
+	placement: {
+		type: String,
+		default: "bottom-start"
+	},
+	rangeSeparator: {
+		type: String,
+		default: "-"
+	},
+	format: {
+		type: String,
+		default: "HH:mm:ss"
+	},
+	defaultValue: [Date, Array],
+	valueFormat: String,
+	id: [String, Array],
+	name: {
+		type: String,
+		default: ""
+	},
+	ariaLabel: String,
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	disabledHours: Function,
+	disabledMinutes: Function,
+	disabledSeconds: Function,
+	teleported: {
+		type: Boolean,
+		default: !0
+	},
+	tabindex: [String, Number],
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	saveOnBlur: {
+		type: Boolean,
+		default: !0
+	},
+	range: Boolean,
+	start: {
+		type: String,
+		default: "09:00"
+	},
+	end: {
+		type: String,
+		default: "18:00"
+	},
+	step: {
+		type: String,
+		default: "00:30"
+	},
+	minTime: {
+		type: String,
+		default: "00:00"
+	},
+	maxTime: {
+		type: String,
+		default: ""
+	},
+	selectableRange: String
+}, c = {
+	disabled: !0,
+	modelValue: !0,
+	isRange: !0,
+	range: !0,
+	placement: !0,
+	popperOptions: !0,
+	start: !0,
+	end: !0,
+	step: !0,
+	minTime: !0,
+	maxTime: !0,
+	selectableRange: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormInputTime",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: s }) {
+		let { emitInput: c, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: s,
+			predicate: l
+		}), h = { modifiers: [{
+			name: "arrow",
+			options: { padding: ({ popper: e, reference: t, placement: n }) => e.width / 2 }
+		}] };
+		return () => u({ vNodes: i(o, a(p.value, m.value, {
+			"popper-options": t.popperOptions || h,
+			style: "width: 100%",
+			placement: t.placement || "left",
+			"is-range": t.isRange || t.range,
+			format: t.format,
+			"value-format": t.valueFormat || t.format,
+			modelValue: t.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": c,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };

package/chunks/DOP3aBxf.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/DOZRzqlo.mjs

@@ -0,0 +1,37 @@
+import { getDictLabel as e } from "../helper/dictionary.mjs";
+import { computed as t, createVNode as n, ref as r, watchEffect as i } from "vue";
+//#endregion
+//#region src/components/table/DictRender.vue
+var a = {
+	name: "DictRender",
+	inheritAttrs: !1,
+	props: {
+		row: Object,
+		column: Object,
+		dictType: String,
+		options: Array,
+		treeDict: Boolean,
+		idAsValue: {
+			type: Boolean,
+			default: !0
+		},
+		labelAsValue: Boolean
+	},
+	setup(a, { attrs: o }) {
+		let s = r(null), c = t(() => a.row[a.column.property]);
+		return i(async () => {
+			if (a.dictType) s.value = await e(a.dictType, c.value, !0, {
+				options: !0,
+				treeDict: a.treeDict,
+				idAsValue: a.idAsValue,
+				labelAsValue: a.labelAsValue
+			});
+			else {
+				var t;
+				s.value = ((t = a.options) == null || (t = t.find((e) => `${e.modelValue}` == `${e.value}`)) == null ? void 0 : t.label) ?? `${c.value}`;
+			}
+		}), () => n("span", o, [s.value]);
+	}
+};
+//#endregion
+export { a as t };

package/chunks/D_Fs3bkZ.mjs

@@ -0,0 +1,57 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
+import { t as i } from "./C7G-cAoI.mjs";
+import { createVNode as a, mergeProps as o, ref as s } from "vue";
+import { ElInput as c, ElPopover as l } from "element-plus/es";
+//#region src/components/form/props/input-cron.ts
+var u = {
+	...n,
+	...r,
+	modelValue: [String, Number]
+}, d = {
+	readonly: !0,
+	placeholder: !0,
+	disabled: !0,
+	modelValue: !0,
+	prefix: !0,
+	suffix: !0
+}, f = (e) => n[e] === void 0 && d[e] !== !0, p = {
+	name: "FormInputCronExpression",
+	props: { ...u },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: u }) {
+		let d = s(!1), { emitInput: p, render: m, placeholder: h, disabled: g, listeners: _, inputProps: v } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: u,
+			predicate: f
+		}), y = () => {
+			d.value = !0;
+		}, b = () => {
+			d.value = !1;
+		};
+		return () => m({ vNodes: a("div", { class: "cron" }, [a(l, {
+			placement: "bottom-start",
+			disabled: g.value,
+			visible: d.value,
+			"onUpdate:visible": (e) => d.value = e,
+			"popper-class": "cron-popover"
+		}, {
+			default: () => a(i, o(_.value, v.value, {
+				i18n: "cn",
+				expression: t.modelValue,
+				onChange: p,
+				onClose: b
+			}), null),
+			reference: () => a(c, {
+				modelValue: t.modelValue,
+				readonly: !0,
+				disabled: g.value,
+				placeholder: h.value,
+				onClick: y
+			}, null)
+		})]) });
+	}
+};
+//#endregion
+export { p as t };

package/chunks/D_qiRmiE.mjs

@@ -0,0 +1,230 @@
+import { f as e, o as t, p as n } from "./DcTVYqeJ.mjs";
+import { formHolderContextKey as r, formItemConfigProviderContextKey as i, formItemGroupContextKey as a } from "../constants/index.mjs";
+import { isArray as o, isPlainObject as s, isString as c } from "@web-utils/core";
+import { computed as l, createVNode as u, h as d, inject as f, mergeProps as p, nextTick as m, unref as h, useTemplateRef as g } from "vue";
+import { ElCol as _, rowContextKey as v } from "element-plus";
+import { ElCol as y, ElFormItem as b, ElTooltip as x } from "element-plus/es";
+//#region src/components/form/props/form-item.ts
+var S = {
+	prop: [String, Array],
+	label: String,
+	labelPosition: {
+		type: String,
+		default: ""
+	},
+	labelWidth: [String, Number],
+	required: {
+		type: Boolean,
+		default: !1
+	},
+	rules: Object,
+	error: String,
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	size: String,
+	for: String,
+	validateStatus: String,
+	messagePrefix: String,
+	message: String,
+	wrapCol: {
+		type: Boolean,
+		default: !0
+	},
+	fixedSpan: Number,
+	block: Boolean,
+	unwrap: Boolean,
+	half: Boolean,
+	formItemClass: String,
+	hideLabel: Boolean,
+	tips: { type: String },
+	tipsAfterLabel: {
+		type: Boolean,
+		default: !1
+	},
+	labelColspan: [Number, String],
+	inputColspan: [Number, String],
+	labelRowspan: [Number, String],
+	inputRowspan: [Number, String]
+}, C = {
+	required: !0,
+	rules: !0,
+	messagePrefix: !0,
+	message: !0,
+	wrapCol: !0,
+	fixedSpan: !0,
+	block: !0,
+	unwrap: !0,
+	half: !0,
+	formItemClass: !0,
+	hideLabel: !0,
+	tips: !0,
+	tipsAfterLabel: !0,
+	labelColspan: !0,
+	inputColspan: !0,
+	labelRowspan: !0,
+	inputRowspan: !0
+}, w = (e) => S[e] !== void 0 && C[e] !== !0, T = (e, { emit: n, events: r, predicate: i }) => l(() => t(e, i, r, n)), E = {
+	span: {
+		type: Number,
+		default: 12
+	},
+	offset: {
+		type: Number,
+		default: 0
+	},
+	push: {
+		type: Number,
+		default: 0
+	},
+	pull: {
+		type: Number,
+		default: 0
+	},
+	xs: { type: [Number, Object] },
+	sm: { type: [Number, Object] },
+	md: { type: [Number, Object] },
+	lg: { type: [Number, Object] },
+	xl: { type: [Number, Object] },
+	tag: {
+		type: String,
+		default: "div"
+	}
+}, D = { span: !0 }, O = (e) => E[e] !== void 0 && D[e] !== !0, k = (e, { emit: n, events: r, predicate: i }) => l(() => t(e, i, r, n)), A = (e) => {
+	let t = f(r, null);
+	return l(() => e.required === !0 ? !0 : (t == null ? void 0 : t.requiredFieldsMap[e.prop]) === !0);
+}, j = (e, t) => {
+	c(t) ? e.push(t) : o(t) ? e.push(...t) : s(t) && e.push(t);
+}, M = (e, { rules: t, attrs: n, messagePrefix: r, message: i, ...a } = {}) => {
+	let o = A(e);
+	return l(() => {
+		let s = { message: i }, c = h(t);
+		Object.keys({
+			...S,
+			...E
+		}).forEach((t) => {
+			t === "rules" ? e[t] && c ? s[t] = [...e[t], ...c] : e[t] ? s[t] = e[t] : c && (s[t] = c) : t === "messagePrefix" ? s[t] = e.messagePrefix || r : s[t] = e[t];
+		});
+		let l = [];
+		return j(l, h(n == null ? void 0 : n.class)), j(l, h(a == null ? void 0 : a.class)), s.required = o.value, s.class = l, s.style = n == null ? void 0 : n.style, s;
+	});
+}, N = {
+	name: "FormItemX",
+	inheritAttrs: !1,
+	props: {
+		...S,
+		...E
+	},
+	setup(e, { attrs: t, slots: n, expose: a }) {
+		let o = f(v, null), s = f(i, null), c = f(r, null), d = t.embed ? l(() => t.disabled) : F(e), h = T(e, { predicate: w }), _ = k(e, { predicate: O }), S = l(() => (s == null ? void 0 : s.reactive) === !0 && s.block === !1 && e.fixedSpan === void 0 && !e.half), C = A(e), E = g("formItem"), D = l(() => (s == null ? void 0 : s.wrapCol) === !1 ? !1 : !!o && e.wrapCol), j = l(() => c != null && c.tableForm ? "" : s != null && s.block ? "100%" : e.half && D.value ? `calc(50% - ${o.gutter.value / 2}px)` : ""), M = l(() => (s == null ? void 0 : s.block) === !0 || e.block || e.half ? 24 : e.span), N = l(() => {
+			if (d.value) return [];
+			if (C.value) {
+				let t = {
+					required: !0,
+					message: e.message || `${e.messagePrefix || "请输入"}${e.label}`
+				};
+				return e.rules ? [...e.rules, t] : [t];
+			}
+			return e.rules;
+		});
+		return a({
+			clearValidate: async () => {
+				var e;
+				await m(), (e = E.value) == null || e.clearValidate();
+			},
+			validate: async () => {
+				var e;
+				await m(), (e = E.value) == null || e.validate();
+			}
+		}), () => {
+			var r;
+			let i = n.tips || e.tips, a = i ? u(x, {
+				effect: "light",
+				content: e.tips,
+				offset: 4
+			}, {
+				default: () => u("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: n.tips ? n.tips : null
+			}) : null, o = u(b, p(h.value, t, {
+				ref: "formItem",
+				style: { width: j.value },
+				class: [
+					"form-item",
+					e.formItemClass,
+					{
+						"form-item-hide-label": e.hideLabel,
+						"with-tips": !e.tipsAfterLabel && i,
+						required: d.value === !1 && C.value
+					}
+				],
+				rules: N.value
+			}), {
+				...n,
+				default: () => {
+					var t;
+					return [(t = n.default) == null ? void 0 : t.call(n, {
+						disabled: d.value,
+						required: C.value
+					}), i && !e.tipsAfterLabel ? a : null];
+				},
+				label: () => [n.label ? n.label() : e.label, e.tipsAfterLabel ? a : null]
+			}), s = [o, (r = n.below) == null ? void 0 : r.call(n)];
+			return e.unwrap ? s : D.value ? u(y, p(_.value, S.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: M.value }), { default: () => s }) : o;
+		};
+	}
+}, P = "update:modelValue", F = (e) => {
+	let t = f(r, null), n = f(a, null);
+	return l(() => {
+		if (e.disabled !== void 0) return e.disabled;
+		if (t) {
+			if (t.requiredFieldsMap[e.prop] === !0 || t.enabledFieldsMap[e.prop] === !0) return !1;
+			if (t.disabledFieldsMap[e.prop] === !0) return !0;
+		}
+		return (n == null ? void 0 : n.enabled) === !0 ? !1 : (n == null ? void 0 : n.disabled) === !0 ? !0 : (t == null ? void 0 : t.disabled) === !0;
+	});
+}, I = { [P]: null }, L = (e, t) => e(P, t), R = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i }) => e.wrapFormItem ? d(N, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, z = (r, { emit: i, slots: a, attrs: o, rules: s, events: c, predicate: u, messagePrefix: f = "请输入", removeOn: p = !1, ...m }) => {
+	let h = F(r), g = l(() => h.value ? "" : `${f}${r.label}`), v = M(r, {
+		rules: s,
+		attrs: o,
+		message: g.value,
+		...m
+	}), y = (e) => L(i, e), b = (e) => r.col ? d(_, { span: r.block ? 24 : r.span }, { default: () => e }) : e, x = ({ vNodes: e }) => R(r, {
+		vNodes: b(e),
+		formItemProps: v,
+		slots: a,
+		disabled: h
+	}), S = l(() => t(r, u, c, i)), C = n({ removeOn: p });
+	return {
+		emitInput: y,
+		render: x,
+		placeholder: g,
+		disabled: h,
+		formItemProps: v,
+		autoBind: S,
+		inputProps: e(r, u),
+		listeners: C
+	};
+}, B = (e) => e.icon ? d("i", { class: e.icon }) : null;
+//#endregion
+export { N as a, S as c, z as i, I as n, M as o, R as r, E as s, B as t };

package/chunks/DcTVYqeJ.mjs

@@ -0,0 +1,113 @@
+import { camelize as e, capitalize as t, copy as n, hyphenate as r, isArray as i, isFunction as a, isString as o, uncapitalize as s } from "@web-utils/core";
+import { Comment as c, Fragment as l, computed as u, useAttrs as d } from "vue";
+import { ElMessage as f } from "element-plus";
+//#region src/utils/index.ts
+var p = (e, n, r, i, a = !0) => {
+	let o = {};
+	if (n) for (let t in e) n(t) && (o[t] = e[t]);
+	return a && r && r.forEach((e) => {
+		o[`on${t(e)}`] = (...t) => i(e, ...t);
+	}), o;
+}, m = (e, t) => u(() => {
+	let n = {};
+	if (t) for (let r in e) t(r) && (n[r] = e[r]);
+	return n;
+}), h = ({ removeOn: t = !1, include: n, exclude: r } = {}) => {
+	let i = d();
+	return u(() => {
+		let a = {}, o = {}, c = {}, l = !1;
+		(n || r) && (l = !0), n == null || n.forEach((t) => {
+			o[e(t)] = !0;
+		}), r == null || r.forEach((t) => {
+			c[e(t)] = !0;
+		});
+		for (let e in i) if (e.startsWith("on")) {
+			let u = s(e.replace(/^on/, ""));
+			if (l && (n && o[u] !== !0 || r && c[u] === !0)) continue;
+			t ? a[u] = i[e] : a[e] = i[e];
+		}
+		return a;
+	});
+}, g = (e, { predicate: t, removeOn: n }) => ({
+	listeners: h({ removeOn: n }),
+	autoBindProps: m(e, t)
+}), _ = (e, { withOn: t = !1 } = {}) => {
+	let n = {};
+	for (let r in e) r.startsWith("on") && (t ? n[r] = e[r] : n[s(r.replace(/^on/, ""))] = e[r]);
+	return n;
+}, v = (e, t = "id", n = "label") => {
+	let r = [];
+	function i(e, a) {
+		if (!e) return;
+		let o = [...a, {
+			[t]: e[t],
+			[n]: e[n]
+		}];
+		if (!e.children || e.children.length === 0) {
+			r.push(o);
+			return;
+		}
+		e.children.forEach((e) => {
+			i(e, o);
+		});
+	}
+	return e.forEach((e) => i(e, [])), r;
+}, y = (e, t = "id", n = "label") => {
+	let r = [];
+	return v(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r.push({
+			value: i.join("/"),
+			label: a.join("/")
+		});
+	}), r;
+}, b = (e, t = "id", n = "label") => {
+	let r = {};
+	return v(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r[i.join("/")] = {
+			value: i.join("/"),
+			label: a.join("/")
+		};
+	}), r;
+};
+function x(e) {
+	n(e, () => f.success({
+		duration: 1e3,
+		message: "复制成功！",
+		type: "success"
+	}), () => f.error({
+		duration: 1e3,
+		message: "复制失败！",
+		type: "error"
+	}));
+}
+var S = (e) => {
+	let t = [];
+	return e && (i(e) ? e.forEach((e) => {
+		i(e) ? t.push(...S(e)) : e && t.push(e);
+	}) : e && t.push(e)), t;
+}, C = (e = "", t = {}) => {
+	let n = t || {};
+	return (e || "").replace(/{(.*?)}/g, (e, t) => {
+		if (t.indexOf(":")) {
+			let [e, r] = t.split(":");
+			return n[e] ? n[e] : r;
+		} else return n[t] || "";
+	});
+}, w = (e, t) => a(e) ? C(e(t), t) : o(e) ? C(e, t) : null, T = (e) => {
+	let t = {};
+	for (let n in e) t[r(n)] = e[n];
+	return t;
+}, E = (e, t) => {
+	for (let n in t) e[n] = t[n];
+	return e;
+}, D = (e) => {
+	let t = [];
+	for (let n of e) n.type === c || (n.type === l ? n.children && t.push(...D(n.children)) : t.push(n));
+	return t;
+};
+//#endregion
+export { S as a, b as c, g as d, m as f, w as i, T as l, x as n, p as o, h as p, D as r, _ as s, E as t, y as u };