@web-utils/component 4.0.16 → 5.0.0-beta01

package/chunks/FormItem.H9OOvNzT.mjs

@@ -0,0 +1,90 @@
+import { t as e } from "./form-item.CgmUuw_n.mjs";
+import { createVNode as t, mergeProps as n, resolveComponent as r } from "vue";
+import { hasOwn as i, isDef as a } from "@web-utils/core";
+//#endregion
+//#region src/components/form/FormItem.vue
+var o = {
+	name: "FormItem",
+	mixins: [e],
+	inject: {
+		formHolder: { default: {} },
+		formItemConfig: { default: null }
+	},
+	computed: { gutter() {
+		let e = this.$parent;
+		for (; e && e.$options.componentName !== "ElRow";) e = e.$parent;
+		return (e == null ? void 0 : e.gutter) ?? 0;
+	} },
+	methods: {
+		renderFormItem() {
+			var e, a, o, s, c;
+			let { hideLabel: l, label: u, labelWidth: d, prop: f, rules: p, $slots: m, elFormItemProps: h, elForm: g, formHolder: _, formItemClass: v, required: y, block: b, half: x, wrapCol: S, wrapFormItem: C, disabled: w, formItemConfig: T, getRequireRule: E } = this, D = p, O = y, k = y, A = b, j = S;
+			T && (i(T, "block") && (A = T.block), i(T, "wrapCol") && (j = T.wrapCol));
+			let M = _.tableForm ? "" : A && x && j ? `calc( 50% - ${this.gutter / 2}px)` : "";
+			if ((e = _.requiredFields) != null && e.includes(f) && (O = !0), (w || g != null && g.disabled) && !((a = _.requiredFields) != null && a.includes(f))) {
+				var N;
+				D = [], !_.required && !((N = _.requiredFields) != null && N.includes(f)) && (k = !1);
+			} else {
+				var P;
+				!_.required && !((P = _.requiredFields) != null && P.includes(f)) && (O = !1), O && !(D != null && D.length) && f ? D = [E()] : O || (k = !1, D && (D = D.filter((e) => !e.required)));
+			}
+			let F = (o = m.tips) == null ? void 0 : o.call(m), I = F || this.tips, L = I ? t(r("ElTooltip"), {
+				effect: "light",
+				content: this.tips
+			}, { default: () => [F ? t("div", { slot: "content" }, [F]) : null, t("i", { class: "el-icon-info form-item-input-info" }, null)] }) : null;
+			return C ? t(r("ElFormItem"), n({
+				style: { width: M },
+				key: `${f}-${O}`,
+				class: [
+					"form-item",
+					v,
+					{
+						required: k,
+						"form-item-hide-label": l
+					}
+				],
+				scopedSlots: {
+					...m,
+					default: I ? () => {
+						var e;
+						return t("div", { class: "form-item-input-wrapper" }, [(e = m.default) == null ? void 0 : e.call(m), L]);
+					} : m.default
+				}
+			}, { props: h }, {
+				label: u,
+				ref: "formItem",
+				"label-width": l ? "0" : d,
+				prop: f,
+				rules: D
+			}), null) : I ? t("div", { class: "form-item-input-wrapper" }, [(s = m.default) == null ? void 0 : s.call(m), L]) : t("div", null, [(c = m.default) == null ? void 0 : c.call(m)]);
+		},
+		async clearValidate() {
+			var e, t;
+			await this.$nextTick(), (e = (t = this.$refs.formItem).clearValidate) == null || e.call(t);
+		},
+		async validate() {
+			var e, t;
+			await this.$nextTick(), (e = (t = this.$refs.formItem).validate) == null || e.call(t);
+		}
+	},
+	render() {
+		var e;
+		let { computeSpan: n, wrapCol: o, fixedSpan: s, formItemConfig: c, renderFormItem: l, elColProps: u, $slots: d, unwrap: f, formHolder: p } = this, m = !p.tableForm && o, h = !1;
+		return c && (i(c, "wrapCol") && (m = c.wrapCol), i(c, "reactive") && (h = c.reactive)), f ? t("div", null, [(e = d.default) == null ? void 0 : e.call(d)]) : m ? t(r("ElCol"), { props: {
+			...u,
+			span: s || n,
+			...!a(s) && h ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}
+		} }, { default: () => {
+			var e;
+			return [l(), d == null || (e = d.below) == null ? void 0 : e.call(d)];
+		} }) : l();
+	}
+};
+//#endregion
+export { o as t };

package/chunks/FormItemGroup.D9eRy-cZ.mjs

@@ -0,0 +1,147 @@
+import { createTextVNode as e, createVNode as t, isVNode as n, resolveComponent as r, vShow as i, withDirectives as a } from "vue";
+//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
+function o(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !n(e);
+}
+var s = [
+	"disabled",
+	"size",
+	"statusIcon",
+	"inlineMessage",
+	"autoLabelWidth",
+	"hideRequiredAsterisk",
+	"$emit",
+	"validate",
+	"clearValidate"
+], c = [
+	"$emit",
+	"validate",
+	"clearValidate"
+], l = {
+	name: "FormItemGroup",
+	inject: {
+		elForm: { default: {} },
+		formHolder: { default: {} }
+	},
+	provide() {
+		return {
+			elForm: this.proxyForm,
+			formItemGroup: this
+		};
+	},
+	props: {
+		blockTitle: String,
+		size: String,
+		tips: String,
+		active: Boolean,
+		enabled: Boolean,
+		disabled: Boolean,
+		wrapRow: {
+			type: Boolean,
+			default: !0
+		},
+		gutter: {
+			type: Number,
+			default: 20
+		},
+		collapse: Boolean,
+		showTitle: {
+			type: Boolean,
+			default: !0
+		},
+		notDispatch: Boolean
+	},
+	data() {
+		let e = {};
+		return s.forEach((t) => {
+			e[t] = null;
+		}), {
+			expand: !0,
+			proxyForm: e
+		};
+	},
+	computed: {
+		formCfg() {
+			let e = {
+				enabled: this.enabled,
+				forbidden: this.disabled
+			};
+			return s.forEach((t) => {
+				e[t] = this.elForm[t];
+			}), e;
+		},
+		isDisabled() {
+			return this.disabled ? this.disabled : this.enabled ? !this.enabled : this.elForm.disabled;
+		}
+	},
+	watch: {
+		collapse: {
+			immediate: !0,
+			handler(e) {
+				this.expand = !e;
+			}
+		},
+		formCfg: {
+			immediate: !0,
+			handler() {
+				this.proxyForm.disabled = this.isDisabled, s.forEach((e) => {
+					if (e !== "disabled") if (c.includes(e)) {
+						var t;
+						this.proxyForm[e] = (t = this.elForm[e]) == null ? void 0 : t.bind(this.elForm);
+					} else this.proxyForm[e] = this.elForm[e];
+				}), this.size && (this.proxyForm.size = this.size);
+			}
+		}
+	},
+	mounted() {
+		this.notDispatch || this.dispatch("FormView", "FormView.addGroup", [this]);
+	},
+	beforeUnmount() {
+		this.notDispatch || this.dispatch("FormView", "FormView.removeGroup", [this]);
+	},
+	methods: {
+		dispatch(e, t, n) {
+			let r = this.$parent || this.$root, i = r.$options.name;
+			for (; r && (!i || i !== e);) r = r.$parent, r && (i = r.$options.name);
+			r && r.$emit.apply(r, [t].concat(n));
+		},
+		renderDefault() {
+			if (this.$slots.default) {
+				let e;
+				return !this.formHolder.tableForm && this.wrapRow ? t(r("ElRow"), { gutter: this.gutter }, o(e = this.$slots.default({ disabled: this.proxyForm.disabled })) ? e : { default: () => [e] }) : this.$slots.default({ disabled: this.proxyForm.disabled });
+			} else return t(r("EmptyView"), {
+				"font-size": "14px",
+				"empty-tips": "暂无信息"
+			}, null);
+		},
+		toggle() {
+			this.expand = !this.expand;
+		},
+		open() {
+			this.expand = !0;
+		}
+	},
+	render() {
+		return t("div", { class: ["form-item-group", {
+			"default-active": this.active,
+			"is-disabled": this.isDisabled
+		}] }, [a(t("div", {
+			class: "form-item-group-title",
+			onClick: this.toggle
+		}, [
+			t("span", { class: "flex-item" }, [
+				this.$slots.title ? this.$slots.title() : this.blockTitle,
+				this.tips ? t("span", { style: "color:#ff0000;font-size:14px;" }, [
+					e(" ("),
+					this.tips,
+					e(")")
+				]) : null,
+				this.$slots["title-right"] ? this.$slots["title-right"]() : null
+			]),
+			" ",
+			t("i", { class: this.expand ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)
+		]), [[i, this.showTitle]]), t(r("ElCollapseTransition"), null, { default: () => [a(t("div", null, [this.renderDefault()]), [[i, this.expand]])] })]);
+	}
+};
+//#endregion
+export { l as t };