@web-utils/component 5.0.0-beta01 → 5.0.0-beta03

package/chunks/{FormItem.H9OOvNzT.mjs → FormItem.B8iPLduv.mjs}

@@ -1,4 +1,4 @@
-import { t as e } from "./form-item.CgmUuw_n.mjs";
+import { t as e } from "./form-item.fYYCXvCs.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
@@ -42,21 +42,20 @@ var o = {
 						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 }, {
+				]
+			}, 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)]);
+			}), {
+				...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
+			}) : 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;
@@ -70,7 +69,7 @@ var o = {
 	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: {
+		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"), {
 			...u,
 			span: s || n,
 			...!a(s) && h ? {
@@ -80,7 +79,7 @@ var o = {
 				lg: 8,
 				xl: 6
 			} : {}
-		} }, { default: () => {
+		}, { default: () => {
 			var e;
 			return [l(), d == null || (e = d.below) == null ? void 0 : e.call(d)];
 		} }) : l();

package/chunks/{FormItemGroup.D9eRy-cZ.mjs → FormItemGroup.CCGqEapT.mjs}

@@ -1,9 +1,11 @@
-import { createTextVNode as e, createVNode as t, isVNode as n, resolveComponent as r, vShow as i, withDirectives as a } from "vue";
+import "./chunk.A6TnG60p.mjs";
+import { t as e } from "./constants.Dw7hXt67.mjs";
+import { createTextVNode as t, createVNode as n, isVNode as r, resolveComponent as i, vShow as a, withDirectives as o } 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);
+function s(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !r(e);
 }
-var s = [
+var c = [
 	"disabled",
 	"size",
 	"statusIcon",
@@ -13,15 +15,19 @@ var s = [
 	"$emit",
 	"validate",
 	"clearValidate"
-], c = [
+], l = [
 	"$emit",
 	"validate",
 	"clearValidate"
-], l = {
+], u = {
 	name: "FormItemGroup",
 	inject: {
-		elForm: { default: {} },
-		formHolder: { default: {} }
+		elForm: {
+			from: e,
+			default: {}
+		},
+		formHolder: { default: {} },
+		formView: { default: null }
 	},
 	provide() {
 		return {
@@ -42,7 +48,7 @@ var s = [
 		},
 		gutter: {
 			type: Number,
-			default: 20
+			default: 0
 		},
 		collapse: Boolean,
 		showTitle: {
@@ -53,7 +59,7 @@ var s = [
 	},
 	data() {
 		let e = {};
-		return s.forEach((t) => {
+		return c.forEach((t) => {
 			e[t] = null;
 		}), {
 			expand: !0,
@@ -66,7 +72,7 @@ var s = [
 				enabled: this.enabled,
 				forbidden: this.disabled
 			};
-			return s.forEach((t) => {
+			return c.forEach((t) => {
 				e[t] = this.elForm[t];
 			}), e;
 		},
@@ -84,8 +90,8 @@ var s = [
 		formCfg: {
 			immediate: !0,
 			handler() {
-				this.proxyForm.disabled = this.isDisabled, s.forEach((e) => {
-					if (e !== "disabled") if (c.includes(e)) {
+				this.proxyForm.disabled = this.isDisabled, c.forEach((e) => {
+					if (e !== "disabled") if (l.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];
@@ -94,22 +100,23 @@ var s = [
 		}
 	},
 	mounted() {
-		this.notDispatch || this.dispatch("FormView", "FormView.addGroup", [this]);
+		if (!this.notDispatch) {
+			var e;
+			(e = this.formView) == null || e.addGroup(this);
+		}
 	},
 	beforeUnmount() {
-		this.notDispatch || this.dispatch("FormView", "FormView.removeGroup", [this]);
+		if (!this.notDispatch) {
+			var e;
+			(e = this.formView) == null || e.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"), {
+				return !this.formHolder.tableForm && this.wrapRow ? n(i("ElRow"), { gutter: this.gutter }, s(e = this.$slots.default({ disabled: this.proxyForm.disabled })) ? e : { default: () => [e] }) : this.$slots.default({ disabled: this.proxyForm.disabled });
+			} else return n(i("EmptyView"), {
 				"font-size": "14px",
 				"empty-tips": "暂无信息"
 			}, null);
@@ -122,26 +129,26 @@ var s = [
 		}
 	},
 	render() {
-		return t("div", { class: ["form-item-group", {
+		return n("div", { class: ["form-item-group", {
 			"default-active": this.active,
 			"is-disabled": this.isDisabled
-		}] }, [a(t("div", {
+		}] }, [o(n("div", {
 			class: "form-item-group-title",
 			onClick: this.toggle
 		}, [
-			t("span", { class: "flex-item" }, [
+			n("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 ? n("span", { style: "color:#ff0000;font-size:14px;" }, [
+					t(" ("),
 					this.tips,
-					e(")")
+					t(")")
 				]) : 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]])] })]);
+			n("i", { class: this.expand ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)
+		]), [[a, this.showTitle]]), n(i("ElCollapseTransition"), null, { default: () => [o(n("div", null, [this.renderDefault()]), [[a, this.expand]])] })]);
 	}
 };
 //#endregion
-export { l as t };
+export { u as t };