@web-utils/component 4.0.16 → 5.0.0-beta02

package/chunks/FyForm.vVp8aVtj.mjs

@@ -0,0 +1,906 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { C as t, O as n, a as r, b as i, f as a, l as o, n as s, v as c, x as l } from "./util.g-WQEec9.mjs";
+import { a as u, i as d, n as f, r as p, t as m } from "./dataformat.CteBVoOe.mjs";
+import { t as h } from "./packages.BLDb9e6G.mjs";
+import { i as g } from "./dic.C0abEij9.mjs";
+import { t as _ } from "./init.6jGmuY99.mjs";
+import { n as v, t as y } from "./FormTemp.PJFfNRls.mjs";
+import { Fragment as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createSlots as T, createTextVNode as E, createVNode as D, guardReactiveProps as O, mergeProps as k, normalizeClass as A, normalizeProps as j, normalizeStyle as M, openBlock as N, renderList as P, renderSlot as F, resolveComponent as I, resolveDynamicComponent as L, toDisplayString as R, vShow as z, withCtx as B, withDirectives as V, withModifiers as H } from "vue";
+import { isBlank as U } from "@web-utils/core";
+//#region src/components/utils/mock.ts
+var W = (e, t, n, r) => {
+	if (!r) return;
+	if (!window.Mock) {
+		h.logs("mock");
+		return;
+	}
+	let i = (window.Mock || {}).Random, a = {};
+	function o({ en: e }) {
+		return e ? i.name(!0) : i.cname();
+	}
+	function s({ max: e, min: t, precision: n }) {
+		if (n) {
+			let r = `${i.float(t, e, n)}`, a = r.indexOf(".") + 1;
+			return Number(r.substring(0, a + n));
+		} else return i.integer(t, e);
+	}
+	function c({ header: e }) {
+		let t = i.url(), n = t.indexOf("://");
+		return t = e === !1 ? t.substring(n + 3) : `http://${t.substring(n + 3)}`, t;
+	}
+	function l({ format: e, now: t }) {
+		return t ? i.now(e) : i.datetime(e);
+	}
+	function u({ min: e, max: t }) {
+		return i.csentence(e, t);
+	}
+	function d() {
+		return i.county(!0);
+	}
+	function f({ dic: e, props: t, columnType: n, multiple: r }) {
+		let i = t.value || "value", a = e.length;
+		if (["checkbox"].includes(n) || r) {
+			let t = s({
+				min: 1,
+				max: a
+			}), n = [];
+			for (let r = 0; r < t; r++) {
+				let t = !0;
+				for (; t;) {
+					let r = e[s({
+						min: 0,
+						max: a - 1
+					})][i];
+					n.includes(r) || (n.push(r), t = !1);
+				}
+			}
+			return n;
+		} else return e[s({
+			min: 0,
+			max: a - 1
+		})][i];
+	}
+	function p() {
+		Object.keys(e).forEach((r) => {
+			let i = e[r];
+			if (i.mock && typeof i.mock == "object") {
+				let e = i.mock;
+				switch (e.dic = typeof i.dicData == "string" ? t[i.dicData] : i.dicData || [], e.props = i.props || {}, e.columnType = i.type, e.multiple = i.multiple, e.type) {
+					case "name":
+						a[i.prop] = o(e);
+						break;
+					case "number":
+						a[i.prop] = s(e);
+						break;
+					case "datetime":
+						a[i.prop] = l(e);
+						break;
+					case "word":
+						a[i.prop] = u(e);
+						break;
+					case "url":
+						a[i.prop] = c(e);
+						break;
+					case "county":
+						a[i.prop] = d();
+						break;
+					case "dic":
+						a[i.prop] = f(e);
+						break;
+				}
+			} else i.mock instanceof Function && (a[i.prop] = i.mock(n));
+		});
+	}
+	return p(), a;
+}, G = {
+	name: "FormGroup",
+	props: {
+		arrow: {
+			type: Boolean,
+			default: !0
+		},
+		collapse: {
+			type: Boolean,
+			default: !0
+		},
+		header: {
+			type: Boolean,
+			default: !0
+		},
+		icon: { type: String },
+		display: {
+			type: Boolean,
+			default: !0
+		},
+		label: { type: String }
+	},
+	data() {
+		return { activeName: "" };
+	},
+	computed: {
+		text() {
+			return this.collapse ? 1 : 0;
+		},
+		isHeader() {
+			return this.$slots.header && this.header || (this.label || this.icon) && this.header;
+		}
+	},
+	watch: { text(e) {
+		this.activeName = [e];
+	} },
+	created() {
+		this.activeName = [this.text];
+	},
+	methods: { handleChange(e) {
+		this.$emit("change", e);
+	} }
+}, K = { class: "avue-group__header" }, q = {
+	key: 1,
+	class: "avue-group__title"
+};
+function J(e, t, n, r, i, a) {
+	let o = I("ElCollapseItem"), s = I("ElCollapse");
+	return n.display ? (N(), C("div", {
+		key: 0,
+		class: A(["avue-group", {
+			"avue-group--header": !a.isHeader,
+			"avue-group__arrow": !n.arrow
+		}])
+	}, [F(e.$slots, "tabs"), D(s, {
+		modelValue: i.activeName,
+		"onUpdate:modelValue": t[0] || (t[0] = (e) => i.activeName = e),
+		value: a.text,
+		onChange: a.handleChange
+	}, {
+		default: B(() => [D(o, {
+			name: 1,
+			disabled: !n.arrow
+		}, {
+			title: B(() => [w("div", K, [F(e.$slots, "header", {}, () => [n.icon ? (N(), C("i", {
+				key: 0,
+				class: A([n.icon, "avue-group__icon"])
+			}, null, 2)) : S("v-if", !0), n.label ? (N(), C("h1", q, R(n.label), 1)) : S("v-if", !0)])])]),
+			default: B(() => [F(e.$slots, "default")]),
+			_: 3
+		}, 8, ["disabled"])]),
+		_: 3
+	}, 8, [
+		"modelValue",
+		"value",
+		"onChange"
+	])], 2)) : S("v-if", !0);
+}
+var Y = /* @__PURE__ */ e(G, [["render", J]]), X = {
+	name: "FyFormMenu",
+	inject: ["formSafe"],
+	computed: {
+		menuSpan() {
+			return this.formSafe.parentOption.menuSpan || 24;
+		},
+		styleName() {
+			return this.menuSpan === 24 ? {} : { padding: 0 };
+		}
+	}
+};
+function Z(e, t, n, r, i, a) {
+	let o = I("ElButton"), s = I("ElFormItem"), c = I("ElCol");
+	return a.formSafe.parentOption.menuBtn === !1 ? S("v-if", !0) : (N(), x(c, {
+		key: 0,
+		span: a.menuSpan,
+		md: a.menuSpan,
+		style: M(a.styleName),
+		class: A([
+			"menu",
+			a.formSafe.menuPosition,
+			"no-print"
+		])
+	}, {
+		default: B(() => [D(s, {
+			"label-width": "0px",
+			style: { "text-align": "center" }
+		}, {
+			default: B(() => [
+				a.formSafe.isMock ? (N(), x(o, {
+					key: 0,
+					type: "primary",
+					size: a.formSafe.controlSize,
+					icon: "el-icon-edit-outline",
+					disabled: a.formSafe.allDisabled,
+					onClick: a.formSafe.handleMock
+				}, {
+					default: B(() => [E(R(a.formSafe.parentOption.mockText || "模拟"), 1)]),
+					_: 1
+				}, 8, [
+					"size",
+					"disabled",
+					"onClick"
+				])) : S("v-if", !0),
+				a.formSafe.isPrint ? (N(), x(o, {
+					key: 1,
+					type: "primary",
+					size: a.formSafe.controlSize,
+					icon: "el-icon-printer",
+					disabled: a.formSafe.allDisabled,
+					onClick: a.formSafe.handlePrint
+				}, {
+					default: B(() => [E(R(a.formSafe.parentOption.printText || "打印"), 1)]),
+					_: 1
+				}, 8, [
+					"size",
+					"disabled",
+					"onClick"
+				])) : S("v-if", !0),
+				a.formSafe.parentOption.submitBtn === !1 ? S("v-if", !0) : (N(), x(o, {
+					key: 2,
+					type: "primary",
+					size: a.formSafe.controlSize,
+					icon: a.formSafe.parentOption.submitIcon || "el-icon-check",
+					loading: a.formSafe.allDisabled,
+					onClick: a.formSafe.submit
+				}, {
+					default: B(() => [E(R(a.formSafe.parentOption.submitText || "提交"), 1)]),
+					_: 1
+				}, 8, [
+					"size",
+					"icon",
+					"loading",
+					"onClick"
+				])),
+				a.formSafe.parentOption.emptyBtn === !1 ? S("v-if", !0) : (N(), x(o, {
+					key: 3,
+					icon: a.formSafe.parentOption.emptyIcon || "el-icon-delete",
+					size: a.formSafe.controlSize,
+					disabled: a.formSafe.allDisabled,
+					onClick: a.formSafe.resetForm
+				}, {
+					default: B(() => [E(R(a.formSafe.parentOption.emptyText || "清空"), 1)]),
+					_: 1
+				}, 8, [
+					"icon",
+					"size",
+					"disabled",
+					"onClick"
+				])),
+				F(e.$slots, "menuForm", {
+					disabled: a.formSafe.allDisabled,
+					size: a.formSafe.controlSize
+				})
+			]),
+			_: 3
+		})]),
+		_: 3
+	}, 8, [
+		"span",
+		"md",
+		"style",
+		"class"
+	]));
+}
+//#endregion
+//#region src/components/fy-from/FyForm.vue
+var Q = {
+	name: "FyForm",
+	components: {
+		FormTemp: y,
+		FyFormMenu: /* @__PURE__ */ e(X, [["render", Z]]),
+		FormGroup: Y
+	},
+	mixins: [_],
+	provide() {
+		return { formSafe: this };
+	},
+	props: {
+		uploadBefore: Function,
+		uploadAfter: Function,
+		uploadDelete: Function,
+		uploadPreview: Function,
+		uploadError: Function,
+		uploadExceed: Function,
+		status: {
+			type: Boolean,
+			default: !1
+		},
+		isCrud: {
+			type: Boolean,
+			default: !1
+		},
+		value: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"submit",
+		"error",
+		"tab-click",
+		"change",
+		"update:modelValue"
+	],
+	data() {
+		return {
+			activeName: "",
+			labelWidth: 90,
+			allDisabled: !1,
+			optionIndex: [],
+			optionBox: !1,
+			tableOption: {},
+			itemSpanDefault: 12,
+			form: {},
+			formCreate: !1,
+			formList: [],
+			formBind: {}
+		};
+	},
+	computed: {
+		columnSlot() {
+			return Object.keys(this.$slots).filter((e) => !this.propOption.map((e) => e.prop).includes(e));
+		},
+		labelSuffix() {
+			return this.parentOption.labelSuffix || ":";
+		},
+		isMenu() {
+			return this.columnOption.length !== 1;
+		},
+		isDetail() {
+			return this.detail === !0;
+		},
+		isTabs() {
+			return this.parentOption.tabs === !0;
+		},
+		isAdd() {
+			return this.boxType === "add";
+		},
+		isEdit() {
+			return this.boxType === "edit";
+		},
+		isView() {
+			return this.boxType === "view";
+		},
+		gutter() {
+			return l((this.parentOption.gutter || 10) / 2);
+		},
+		detail() {
+			return this.parentOption.detail;
+		},
+		disabled() {
+			return this.parentOption.disabled;
+		},
+		readonly() {
+			return this.parentOption.readonly;
+		},
+		tabsType() {
+			return this.parentOption.tabsType;
+		},
+		columnLen() {
+			return this.columnOption.length;
+		},
+		dynamicOption() {
+			let e = [];
+			return this.propOption.forEach((t) => {
+				t.type === "dynamic" && this.vaildDisplay(t) && e.push(t);
+			}), e;
+		},
+		propOption() {
+			let e = [];
+			return this.columnOption.forEach((t) => {
+				t.display !== !1 && t.column.forEach((t) => {
+					e.push(t);
+				});
+			}), e;
+		},
+		parentOption() {
+			return this.tableOption || {};
+		},
+		columnOption() {
+			let e = this.tableOption.column || [], t = r(this.tableOption.group) || [], n = this.tableOption.footer || [];
+			return t.unshift({
+				header: !1,
+				column: e
+			}), n.length !== 0 && t.push({
+				header: !1,
+				column: n
+			}), t.forEach((e) => {
+				e.column = e.column || [], e.column.forEach((e, t) => {
+					e.display !== !1 && !this.isMobile && (e = f(e, this.itemSpanDefault, t === 0));
+				}), e.column = m(e.column), e.column = e.column.sort((e, t) => (t.order || 0) - (e.order || 0));
+			}), t;
+		},
+		menuPosition() {
+			return this.parentOption.menuPosition ? this.parentOption.menuPosition : "center";
+		},
+		boxType() {
+			return this.parentOption.boxType;
+		},
+		isPrint() {
+			return this.parentOption.printBtn === !0;
+		},
+		tabsActive() {
+			return this.tableOption.tabsActive || "1";
+		},
+		isMock() {
+			return this.parentOption.mockBtn === !0;
+		}
+	},
+	watch: {
+		value: {
+			handler() {
+				this.formCreate && this.setForm();
+			},
+			deep: !0
+		},
+		form: {
+			handler() {
+				this.formCreate && (this.setLabel(), this.setVal());
+			},
+			deep: !0
+		},
+		tabsActive: {
+			handler() {
+				this.activeName = this.tabsActive;
+			},
+			immediate: !0
+		},
+		DIC: {
+			handler() {
+				this.setLabel();
+			},
+			deep: !0,
+			immediate: !0
+		},
+		allDisabled: {
+			handler(e) {
+				this.$emit("update:status", e);
+			},
+			deep: !0,
+			immediate: !0
+		}
+	},
+	mounted() {
+		setTimeout(() => {
+			this.dataFormat();
+		});
+	},
+	beforeUnmount() {
+		Object.keys(this.formBind).forEach((e) => {
+			this.formBind[e].forEach((e) => {
+				e();
+			});
+		});
+	},
+	methods: {
+		setPx: l,
+		deepClone: r,
+		getComponent: d,
+		getPlaceholder: u,
+		uploadFun: t,
+		getDisabled(e) {
+			return this.vaildDetail(e) || this.isDetail || this.vaildDisabled(e) || this.allDisabled;
+		},
+		getSpan(e) {
+			return e.span || this.parentOption.span || this.itemSpanDefault;
+		},
+		isGroupShow(e, t) {
+			return this.isTabs ? `${t}` === this.activeName || t === 0 : !0;
+		},
+		dataFormat() {
+			let e = p(this.propOption).tableForm, t = this.value, n = {};
+			Object.entries(Object.assign(e, t)).forEach((e) => {
+				let r = e[0], i = e[1];
+				U(t[r]) ? n[r] = i : n[r] = t[r];
+			}), this.form = n, this.setLabel(), this.setControl(), this.setVal(), setTimeout(() => {
+				this.formCreate = !0, this.clearValidate();
+			});
+		},
+		setControl() {
+			this.propOption.forEach((e) => {
+				let t = e.prop, n = e.bind, r = e.control;
+				if (!this.formBind[t]) {
+					let o = [];
+					if (n) {
+						let e = this.$watch(`form.${t}`, (e, t) => {
+							e !== t && i(this.form, n, e);
+						}), r = this.$watch(`form.${n}`, (e, n) => {
+							e !== n && (this.form[t] = e);
+						});
+						o.push(e), o.push(r), this.form[t] = a(this.form, n);
+					}
+					if (r) {
+						let n = () => {
+							let t = r(this.form[e.prop], this.form) || {};
+							Object.keys(t).forEach((e) => {
+								let n = Object.assign(this.objectOption[e] || {}, t[e]);
+								his.objectOption[e] = n, t[e].dicData && (this.DIC[e] = t[e].dicData);
+							});
+						}, i = this.$watch(`form.${t}`, () => {
+							n();
+						});
+						o.push(i), n();
+					}
+					this.formBind[t] = o;
+				}
+			});
+		},
+		setForm() {
+			Object.keys(this.value).forEach((e) => {
+				this.form[e] = this.value[e];
+			});
+		},
+		setVal() {
+			this.$emit("update:modelValue", this.form), this.$emit("change", this.form);
+		},
+		setLabel() {
+			this.tableOption.filterNull === !0 && (this.form = o(this.form, [""], !1)), this.tableOption.filterDic === !0 ? this.form = o(this.form, ["$"], !1) : this.propOption.forEach((e) => {
+				let t = this.DIC[e.prop];
+				if (U(t)) return;
+				let n = v(this.form, e, this.tableOption, t);
+				n ? this.form[`$${e.prop}`] = n : delete this.form[`$${e.prop}`];
+			});
+		},
+		handleGroupClick(e) {
+			this.$emit("tab-click", e);
+		},
+		handleTabClick(e, t) {
+			this.$emit("tab-click", e, t);
+		},
+		getLabelWidth(e, t) {
+			let n;
+			return n = U(e.labelWidth) ? U(t.labelWidth) ? this.parentOption.labelWidth : t.labelWidth : e.labelWidth, l(n, this.labelWidth);
+		},
+		validateField(e) {
+			return this.$refs.form.validateField(e);
+		},
+		validTip(e) {
+			return !e.tip || e.type === "upload";
+		},
+		getPropRef(e) {
+			return this.$refs[e][0];
+		},
+		handleChange(e, t) {
+			this.$nextTick(() => {
+				let r = t.cascader, i = r.join(",");
+				r.forEach((a) => {
+					let o = a, s = this.form[t.prop], c = this.findObject(e, o);
+					U(c) || (this.formList.includes(i) && r.forEach((e) => {
+						this.form[e] = "", this.DIC[e] = [];
+					}), !(U(r) || U(s) || U(c)) && g({
+						column: c,
+						value: s,
+						form: this.form
+					}).then((e) => {
+						this.formList.includes(i) || this.formList.push(i);
+						let t = e || [];
+						this.DIC[o] = t, !U(t) && !U(t) && !U(c.cascaderIndex) && U(this.form[o]) && (this.form[o] = t[c.cascaderIndex][(c.props || {}).value || n.value]);
+					}));
+				});
+			});
+		},
+		handlePrint() {
+			this.$Print(this.$el);
+		},
+		propChange(e, t) {
+			t.cascader && this.handleChange(e, t);
+		},
+		handleMock() {
+			this.isMock && (this.columnOption.forEach((e) => {
+				let t = W(e.column, this.DIC, this.form, this.isMock);
+				U(t) || Object.keys(t).forEach((e) => {
+					this.form[e] = t[e];
+				});
+			}), this.$nextTick(() => {
+				this.clearValidate(), this.$emit("mock-change", this.form);
+			}));
+		},
+		vaildDetail(e) {
+			let t;
+			if (this.detail) return !1;
+			if (!U(e.detail)) t = "detail";
+			else if (this.isAdd) t = "addDetail";
+			else if (this.isEdit) t = "editDetail";
+			else if (this.isView) return !1;
+			return t ? e[t] === !0 : !1;
+		},
+		vaildDisabled(e) {
+			let t;
+			if (this.disabled) return !0;
+			if (!U(e.disabled)) t = "disabled";
+			else if (this.isAdd) t = "addDisabled";
+			else if (this.isEdit) t = "editDisabled";
+			else if (this.isView) return !0;
+			return t ? e[t] === !0 : !1;
+		},
+		vaildDisplay(e) {
+			let t;
+			return U(e.display) ? this.isAdd ? t = "addDisplay" : this.isEdit ? t = "editDisplay" : this.isView && (t = "viewDisplay") : t = "display", t ? c(e[t], !0) : !0;
+		},
+		clearValidate(e) {
+			var t;
+			(t = this.$refs.form) == null || t.clearValidate(e);
+		},
+		validateCellForm() {
+			return new Promise((e) => {
+				this.$refs.form.validate((t, n) => {
+					e(n);
+				});
+			});
+		},
+		validate(e) {
+			this.$refs.form.validate((t, n) => {
+				let r = [], i = [], a = {};
+				this.dynamicOption.forEach((e) => {
+					let t = e.children.type === "form";
+					i.push(e.prop), t ? U(this.$refs[e.prop][0].$refs.temp.$refs.main) || this.$refs[e.prop][0].$refs.temp.$refs.main.forEach((e) => {
+						r.push(e.validateCellForm());
+					}) : r.push(this.$refs[e.prop][0].$refs.temp.$refs.main.validateCellForm());
+				}), Promise.all(r).then((t) => {
+					t.forEach((e, t) => {
+						U(e) || (a[i[t]] = e);
+					});
+					let r = Object.assign(a, n);
+					U(r) ? (this.show(), e(!0, this.hide)) : e(!1, this.hide, r);
+				});
+			});
+		},
+		resetForm(e = !0) {
+			if (e) {
+				let e = this.propOption.map((e) => e.prop);
+				this.form = s(this.form, e, (this.tableOption.filterParams || []).concat([this.rowKey]));
+			}
+			this.$nextTick(() => {
+				this.clearValidate(), this.$emit("reset-change");
+			});
+		},
+		resetFields() {
+			this.$refs.form.resetFields();
+		},
+		show() {
+			this.allDisabled = !0;
+		},
+		hide() {
+			this.allDisabled = !1;
+		},
+		submit() {
+			this.validate((e, t) => {
+				e ? this.$emit("submit", o(this.form, ["$"]), this.hide) : this.$emit("error", t);
+			});
+		}
+	}
+}, $ = ["innerHTML"];
+function ee(e, t, n, r, i, a) {
+	let o = I("ElTabPane"), s = I("ElTabs"), c = I("ElTooltip"), l = I("FormTemp"), u = I("ElFormItem"), d = I("ElCol"), f = I("FyFormMenu"), p = I("FormGroup"), m = I("ElRow"), h = I("ElForm");
+	return N(), C("div", {
+		class: A(["avue-form", { "avue--detail": a.isDetail }]),
+		style: M({ width: a.setPx(a.parentOption.formWidth, "100%") })
+	}, [D(h, {
+		ref: "form",
+		"status-icon": a.parentOption.statusIcon,
+		model: i.form,
+		"label-suffix": a.labelSuffix,
+		size: e.$AVUE.formSize || e.controlSize,
+		"label-position": a.parentOption.labelPosition,
+		"label-width": a.setPx(a.parentOption.labelWidth, i.labelWidth),
+		onSubmit: t[1] || (t[1] = H(() => {}, ["prevent"]))
+	}, {
+		default: B(() => [D(m, {
+			span: 24,
+			class: A({ "avue-form__tabs": a.isTabs })
+		}, {
+			default: B(() => [(N(!0), C(b, null, P(a.columnOption, (n, r) => (N(), x(p, {
+				key: n.prop,
+				tabs: a.isTabs,
+				arrow: n.arrow,
+				collapse: n.collapse,
+				display: a.vaildDisplay(n),
+				icon: n.icon,
+				index: r,
+				header: !a.isTabs,
+				active: i.activeName,
+				label: n.label,
+				onChange: a.handleGroupClick
+			}, T({
+				tabs: B(() => [a.isTabs && r === 1 ? (N(), x(s, {
+					key: 0,
+					modelValue: i.activeName,
+					"onUpdate:modelValue": t[0] || (t[0] = (e) => i.activeName = e),
+					class: "avue-form__tabs",
+					type: a.tabsType,
+					onTabClick: a.handleTabClick
+				}, {
+					default: B(() => [(N(!0), C(b, null, P(a.columnOption, (t, n) => (N(), C(b, null, [a.vaildDisplay(t) && n !== 0 ? (N(), x(o, {
+						key: n,
+						name: `${n}`
+					}, {
+						label: B(() => [w("span", null, [e.getSlotName(t, "H", e.$slots) ? F(e.$slots, e.getSlotName(t, "H"), {
+							key: 0,
+							column: e.column
+						}) : (N(), C(b, { key: 1 }, [w("i", { class: A(t.icon) }, "\xA0", 2), E(" " + R(t.label), 1)], 64))])]),
+						_: 2
+					}, 1032, ["name"])) : S("v-if", !0)], 64))), 256))]),
+					_: 3
+				}, 8, [
+					"modelValue",
+					"type",
+					"onTabClick"
+				])) : S("v-if", !0)]),
+				default: B(() => [V(w("div", { class: A(["avue-form__group", { "avue-form__group--flex": n.flex === !1 }]) }, [(N(!0), C(b, null, P(n.column, (r, o) => (N(), C(b, null, [a.vaildDisplay(r) ? (N(), x(d, {
+					key: o,
+					style: M({
+						paddingLeft: a.gutter,
+						paddingRight: a.gutter
+					}),
+					span: a.getSpan(r),
+					md: a.getSpan(r),
+					sm: r.smSpan || n.smSpan || 12,
+					xs: r.xsSpan || n.xmSpan || 24,
+					offset: r.offset || n.offset,
+					push: r.push || n.push,
+					pull: r.pull || n.pull,
+					class: A([
+						"avue-form__row",
+						{ "avue--detail avue--detail__column": a.vaildDetail(r) },
+						r.className
+					])
+				}, {
+					default: B(() => [D(u, {
+						prop: r.prop,
+						label: r.label,
+						rules: r.rules,
+						class: A(`avue-form__item--${r.labelPosition || n.labelPosition || ""}`),
+						"label-position": r.labelPosition || n.labelPosition || a.parentOption.labelPosition,
+						"label-width": a.getLabelWidth(r, n)
+					}, T({
+						default: B(() => [(N(), x(L(a.validTip(r) ? "div" : "elTooltip"), {
+							disabled: a.validTip(r),
+							content: r.tip || a.getPlaceholder(r),
+							placement: r.tipPlacement
+						}, {
+							default: B(() => [e.$slots[r.prop] ? F(e.$slots, r.prop, {
+								key: 0,
+								value: i.form[r.prop],
+								column: r,
+								label: i.form[`$${r.prop}`],
+								size: r.size || e.controlSize,
+								readonly: a.readonly || r.readonly,
+								disabled: a.getDisabled(r),
+								dic: e.DIC[r.prop]
+							}) : (N(), x(l, k({
+								key: 1,
+								ref_for: !0,
+								ref: r.prop
+							}, { ref_for: !0 }, a.uploadFun(r), {
+								modelValue: i.form[r.prop],
+								"onUpdate:modelValue": (e) => i.form[r.prop] = e,
+								column: r,
+								dic: e.DIC[r.prop],
+								props: a.parentOption.props,
+								"props-http": a.parentOption.propsHttp,
+								disabled: a.getDisabled(r),
+								readonly: r.readonly || a.readonly,
+								enter: a.parentOption.enter,
+								size: r.size || e.controlSize,
+								"column-slot": a.columnSlot,
+								onEnter: a.submit,
+								onChange: (e) => a.propChange(n.column, r)
+							}), T({
+								default: B(() => [(N(!0), C(b, null, P(e.getSlotName(r, "T", e.$slots) ? [r] : [], (t) => F(e.$slots, e.getSlotName(t, "T"), k({ ref_for: !0 }, e.scope))), 256))]),
+								_: 2
+							}, [P(a.columnSlot, (t) => ({
+								name: t,
+								fn: B((n) => [F(e.$slots, t, k({ ref_for: !0 }, n))])
+							}))]), 1040, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"column",
+								"dic",
+								"props",
+								"props-http",
+								"disabled",
+								"readonly",
+								"enter",
+								"size",
+								"column-slot",
+								"onEnter",
+								"onChange"
+							]))]),
+							_: 2
+						}, 1032, [
+							"disabled",
+							"content",
+							"placement"
+						]))]),
+						_: 2
+					}, [e.getSlotName(r, "L", e.$slots) ? {
+						name: "label",
+						fn: B(() => [F(e.$slots, e.getSlotName(r, "L"), {
+							column: r,
+							value: i.form[r.prop],
+							readonly: r.readonly || a.readonly,
+							disabled: a.getDisabled(r),
+							size: r.size || e.controlSize,
+							dic: e.DIC[r.prop]
+						})]),
+						key: "0"
+					} : r.labelTip ? {
+						name: "label",
+						fn: B(() => [D(c, {
+							class: "item",
+							effect: "dark",
+							placement: r.labelTipPlacement || "top-start"
+						}, {
+							content: B(() => [w("div", { innerHTML: r.labelTip }, null, 8, $)]),
+							default: B(() => [t[2] || (t[2] = w("i", { class: "el-icon-info" }, null, -1))]),
+							_: 2
+						}, 1032, ["placement"]), w("span", null, R(r.label) + R(a.labelSuffix), 1)]),
+						key: "1"
+					} : void 0, e.getSlotName(r, "E", e.$slots) ? {
+						name: "error",
+						fn: B((t) => [F(e.$slots, e.getSlotName(r, "E"), k({ ref_for: !0 }, Object.assign(t, {
+							column: r,
+							value: i.form[r.prop],
+							readonly: a.readonly || r.readonly,
+							disabled: a.getDisabled(r),
+							size: r.size || e.controlSize,
+							dic: e.DIC[r.prop]
+						})))]),
+						key: "2"
+					} : void 0]), 1032, [
+						"prop",
+						"label",
+						"rules",
+						"class",
+						"label-position",
+						"label-width"
+					])]),
+					_: 2
+				}, 1032, [
+					"style",
+					"span",
+					"md",
+					"sm",
+					"xs",
+					"offset",
+					"push",
+					"pull",
+					"class"
+				])) : S("v-if", !0), a.vaildDisplay(r) && r.row && r.span !== 24 && r.count ? (N(), C("div", {
+					key: `line${o}`,
+					class: "avue-form__line",
+					style: M({ width: `${r.count / 24 * 100}%` })
+				}, null, 4)) : S("v-if", !0)], 64))), 256)), !a.isDetail && !a.isMenu ? (N(), x(f, { key: 0 }, {
+					menuForm: B((t) => [F(e.$slots, "menuForm", k({ ref_for: !0 }, t))]),
+					_: 3
+				})) : S("v-if", !0)], 2), [[z, a.isGroupShow(n, r)]])]),
+				_: 2
+			}, [e.getSlotName(n, "H", e.$slots) ? {
+				name: "header",
+				fn: B(() => [F(e.$slots, e.getSlotName(n, "H"), { column: n })]),
+				key: "0"
+			} : void 0]), 1032, [
+				"tabs",
+				"arrow",
+				"collapse",
+				"display",
+				"icon",
+				"index",
+				"header",
+				"active",
+				"label",
+				"onChange"
+			]))), 128)), !a.isDetail && a.isMenu ? (N(), x(f, { key: 0 }, {
+				menuForm: B((t) => [F(e.$slots, "menuForm", j(O(t)))]),
+				_: 3
+			})) : S("v-if", !0)]),
+			_: 3
+		}, 8, ["class"])]),
+		_: 3
+	}, 8, [
+		"status-icon",
+		"model",
+		"label-suffix",
+		"size",
+		"label-position",
+		"label-width"
+	])], 6);
+}
+var te = /* @__PURE__ */ e(Q, [["render", ee]]);
+//#endregion
+export { te as t };