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

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 };