@web-utils/form-ui 1.0.0-beta18 → 1.0.0-beta19

package/chunks/{DkqF25wT.mjs → B3DY36vM.mjs}

@@ -22,7 +22,7 @@ var n = {
 	placeholder: String,
 	clearable: {
 		type: Boolean,
-		default: !1
+		default: !0
 	},
 	clearIcon: [String, Object],
 	formatter: Function,

package/chunks/{53gSZ624.mjs → B9-9iYg8.mjs}

@@ -19,7 +19,8 @@ var s = {
 	tag: {
 		type: String,
 		default: "span"
-	}
+	},
+	text: String
 }, c = { modelValue: !0 }, l = ["change"], u = (e) => r[e] === void 0 && c[e] !== !0, d = {
 	name: "FormText",
 	inheritAttrs: !1,

package/chunks/{7Desvoh-.mjs → BAm_wcwz.mjs}

@@ -25,7 +25,7 @@ var c = {
 	size: String,
 	clearable: {
 		type: Boolean,
-		default: !1
+		default: !0
 	},
 	collapseTags: {
 		type: Boolean,
@@ -169,7 +169,11 @@ var c = {
 		default: !0
 	},
 	tabindex: [String, Number]
-}, l = { modelValue: !0 }, u = [
+}, l = {
+	modelValue: !0,
+	emptyValues: !0,
+	valueOnClear: !0
+}, u = [
 	"change",
 	"visible-change",
 	"remove-tag",

package/chunks/{7vQ29mMd.mjs → BSriw1Qr.mjs}

@@ -1,6 +1,6 @@
 import { i as e, n as t } from "./C1DlzLpD.mjs";
 import { n, t as r } from "./DynLjTwi.mjs";
-import { n as i, r as a } from "./DkqF25wT.mjs";
+import { n as i, r as a } from "./B3DY36vM.mjs";
 import { t as o } from "./wfL1FAwc.mjs";
 import { ElInput as s, ElPopover as c } from "element-plus/es";
 import { createVNode as l, mergeProps as u, ref as d } from "vue";

package/chunks/{DUDm42gn.mjs → Be_E_4G0.mjs}

@@ -35,16 +35,22 @@ var s = {
 		type: String,
 		default: ""
 	},
-	activeValue: [
-		Boolean,
-		String,
-		Number
-	],
-	inactiveValue: [
-		Boolean,
-		String,
-		Number
-	],
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !0
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
 	name: {
 		type: String,
 		default: ""

package/chunks/{D2WviyxF.mjs → Bk3PtIYo.mjs}

@@ -115,7 +115,12 @@ var s = {
 	split: Boolean,
 	startDate: String,
 	endDate: String
-}, c = { modelValue: !0 }, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
+}, c = {
+	modelValue: !0,
+	name: !0,
+	emptyValues: !0,
+	valueOnClear: !0
+}, l = ["change"], u = (e) => n[e] === void 0 && c[e] !== !0, d = {
 	name: "FormDatePicker",
 	inheritAttrs: !1,
 	props: { ...s },

package/chunks/{Bj5l6sFx.mjs → CJeq96R0.mjs}

@@ -1,5 +1,5 @@
 import { i as e, n as t, t as n } from "./C1DlzLpD.mjs";
-import { n as r, r as i, t as a } from "./DkqF25wT.mjs";
+import { n as r, r as i, t as a } from "./B3DY36vM.mjs";
 import { ElInput as o } from "element-plus/es";
 import { computed as s, createVNode as c, mergeProps as l, useModel as u } from "vue";
 import { validatePhoneNum as d } from "@web-utils/core";

package/chunks/CNtf2MHr.mjs

@@ -0,0 +1,106 @@
+import { formItemGroupContextKey as e } from "../constants.mjs";
+import t from "../empty-view/index.mjs";
+import { ElRow as n } from "element-plus/es";
+import { Fragment as r, computed as i, createTextVNode as a, createVNode as o, h as s, inject as c, isVNode as l, onBeforeUnmount as u, onMounted as d, provide as f, reactive as p, ref as m, toRef as h, vShow as g, watchEffect as _, withDirectives as v } from "vue";
+import { ElCol as y, ElCollapseTransition as b } from "element-plus";
+//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
+function x(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+//#endregion
+//#region src/components/form/FormItemGroup.vue
+var S = {
+	name: "FormItemGroup",
+	props: {
+		blockTitle: String,
+		size: String,
+		tips: String,
+		active: Boolean,
+		enabled: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		tag: {
+			type: String,
+			default: "ElCol"
+		},
+		span: {
+			type: Number,
+			default: 24
+		},
+		block: {
+			type: Boolean,
+			default: !0
+		},
+		wrapRow: {
+			type: Boolean,
+			default: !0
+		},
+		gutter: {
+			type: Number,
+			default: 20
+		},
+		collapse: Boolean,
+		showTitle: {
+			type: Boolean,
+			default: !0
+		},
+		notDispatch: Boolean
+	},
+	setup(l, { expose: S, slots: C }) {
+		let w = c("formView", null), T = m(!0), E = h(() => l.enabled), D = h(() => l.disabled), O = i(() => l.enabled === !0 ? !1 : l.disabled === !0), k = () => T.value = !T.value, A = p({
+			disabled: D,
+			enabled: E,
+			isDisabled: O,
+			size: h(() => l.size)
+		});
+		return _(() => {
+			T.value = !l.collapse;
+		}), f(e, A), d(() => {
+			if (!l.notDispatch) {
+				var e;
+				w == null || (e = w.addGroup) == null || e.call(w, this);
+			}
+		}), u(() => {
+			if (!l.notDispatch) {
+				var e;
+				w == null || (e = w.removeGroup) == null || e.call(w, this);
+			}
+		}), S(A), () => {
+			let e = () => {
+				var e;
+				return o(r, null, [v(o("div", {
+					class: "form-item-group-title",
+					onClick: k
+				}, [o("span", {
+					class: "flex-item",
+					style: "flex: 1"
+				}, [
+					C.title ? C.title() : l.blockTitle,
+					C.tips || l.tips ? o("span", { style: "color: #ff0000; font-size: 14px" }, [
+						a("("),
+						C.tips ? C.tips() : l.tips,
+						a(")")
+					]) : null,
+					(e = C["title-right"]) == null ? void 0 : e.call(C)
+				]), o("i", { class: T.value ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)]), [[g, l.showTitle]]), o(b, null, { default: () => {
+					let e;
+					return C.default ? l.wrapRow ? v(o(n, { gutter: l.gutter }, x(e = C.default()) ? e : { default: () => [e] }), [[g, T.value]]) : v(o("div", null, [C.default()]), [[g, T.value]]) : v(o(t, {
+						"font-size": "14px",
+						"empty-tips": "暂无信息"
+					}, null), [[g, T.value]]);
+				} })]);
+			}, i = { class: ["form-item-group", {
+				"default-active": l.active,
+				"is-disabled": O.value
+			}] };
+			return l.tag !== "div" && (i.span = l.block ? 24 : l.span), s(l.tag === "div" ? "div" : y, i, e);
+		};
+	}
+};
+//#endregion
+export { S as t };

package/chunks/{BsbfEk0E.mjs → CPE8fqJc.mjs}

@@ -1,6 +1,6 @@
 import { n as e } from "./C1DlzLpD.mjs";
-import { t } from "./Bj5l6sFx.mjs";
-import { t as n } from "./DkqF25wT.mjs";
+import { t } from "./CJeq96R0.mjs";
+import { t as n } from "./B3DY36vM.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputPhoneNumber.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/{DH1_fmkX.mjs → DAS1h_Ei.mjs}

@@ -1,6 +1,6 @@
 import { n as e } from "./C1DlzLpD.mjs";
-import { t } from "./Bj5l6sFx.mjs";
-import { t as n } from "./DkqF25wT.mjs";
+import { t } from "./CJeq96R0.mjs";
+import { t as n } from "./B3DY36vM.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/{Bb5BT11-.mjs → D_Xobj10.mjs}

@@ -1,6 +1,6 @@
 import { n as e } from "./C1DlzLpD.mjs";
-import { t } from "./Bj5l6sFx.mjs";
-import { t as n } from "./DkqF25wT.mjs";
+import { t } from "./CJeq96R0.mjs";
+import { t as n } from "./B3DY36vM.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputEmail.vue?vue&type=script&lang.jsx
 function s(e) {

package/chunks/{CKw_uzPc.mjs → DgCwGit4.mjs}

@@ -35,7 +35,7 @@ var l = {
 	},
 	controls: {
 		type: Boolean,
-		default: !0
+		default: !1
 	},
 	controlsPosition: String,
 	name: String,

package/chunks/nJ1-P9vh.mjs

@@ -0,0 +1,189 @@
+import { formHolderContextKey as e } from "../constants.mjs";
+import { n as t } from "./Bh_CMUlo.mjs";
+import n from "../form-advice/index.mjs";
+import r from "../form-red-table/index.mjs";
+import { ElForm as i, ElRow as a } from "element-plus/es";
+import { computed as o, createVNode as s, inject as c, mergeProps as l, nextTick as u, provide as d, reactive as f, toRef as p, useTemplateRef as m } from "vue";
+import { animate as h } from "@web-utils/core";
+//#region src/components/form/props/form.js
+var g = {
+	model: Object,
+	rules: Object,
+	inline: {
+		type: Boolean,
+		default: !1
+	},
+	labelPosition: {
+		type: String,
+		default: "right"
+	},
+	labelWidth: {
+		type: [String, Number],
+		default: "auto"
+	},
+	labelSuffix: {
+		type: String,
+		default: ""
+	},
+	hideRequiredAsterisk: {
+		type: Boolean,
+		default: !1
+	},
+	requireAsteriskPosition: {
+		type: String,
+		default: "left"
+	},
+	showMessage: {
+		type: Boolean,
+		default: !0
+	},
+	inlineMessage: {
+		type: Boolean,
+		default: !1
+	},
+	statusIcon: {
+		type: Boolean,
+		default: !1
+	},
+	validateOnRuleChange: {
+		type: Boolean,
+		default: !0
+	},
+	size: String,
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	scrollToError: {
+		type: Boolean,
+		default: !1
+	},
+	scrollIntoViewOptions: [Object, Boolean],
+	requiredFields: Array,
+	disabledFields: Array,
+	enabledFields: Array,
+	showAdvice: {
+		type: Boolean,
+		default: !0
+	},
+	columns: [Array, Object],
+	colCount: Number,
+	notTableForm: {
+		type: Boolean,
+		default: void 0
+	},
+	commentValueColspan: Number,
+	commentLabelColspan: Number,
+	wrapRow: {
+		type: Boolean,
+		default: !0
+	}
+}, _ = {
+	showMessage: !0,
+	required: !0,
+	requiredFields: !0,
+	disabledFields: !0,
+	enabledFields: !0,
+	showAdvice: !0,
+	columns: !0,
+	colCount: !0,
+	notTableForm: !0,
+	commentValueColspan: !0,
+	commentLabelColspan: !0,
+	wrapRow: !0
+}, v = ["validate"], y = (e) => _[e] !== !0, b = {
+	name: "FormHolder",
+	inheritAttrs: !1,
+	props: { ...g },
+	emits: { validate: null },
+	setup(g, { slots: _, expose: b, emit: x }) {
+		let S = t(g, {
+			emit: x,
+			events: v,
+			predicate: y
+		}), C = c("formView", null), w = m("form"), T = o(() => g.notTableForm === void 0 ? (C == null ? void 0 : C.tableForm) === void 0 ? !1 : C == null ? void 0 : C.tableForm : !g.notTableForm), E = o(() => T.value ? !1 : g.showMessage), D = o(() => {
+			let e = {};
+			return g.disabledFields && g.disabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), O = o(() => {
+			let e = {};
+			return g.enabledFields && g.enabledFields.length && g.enabledFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), k = o(() => {
+			let e = {};
+			return g.requiredFields && g.requiredFields.length && g.requiredFields.forEach((t) => {
+				e[t] = !0;
+			}), e;
+		}), A = o(() => g.disabled === !0 ? !0 : g.disabled), j = p(() => g.enabledFields), M = p(() => g.requiredFields), N = p(() => g.disabledFields), P = async () => {
+			await u();
+			let e = w.value.$el.querySelector(".el-form-item.is-error");
+			e && e.scrollIntoView({
+				block: "center",
+				inline: "center",
+				behavior: "smooth"
+			});
+		}, F = f({
+			tableForm: T,
+			disabled: A,
+			enabledFields: j,
+			requiredFields: M,
+			enabledFieldsMap: O,
+			disabledFieldsMap: D,
+			requiredFieldsMap: k,
+			disabledFields: N,
+			scrollIntoRequiredField: P,
+			formRef: w,
+			validate: async () => {
+				try {
+					return await w.value.validate();
+				} catch {
+					throw await P(), w.value.$el.querySelectorAll(".el-form-item.is-error .el-form-item__content > :first-child").forEach((e) => {
+						h(e, "breathe-animation");
+					}), Error("表单验证不通过!");
+				}
+			},
+			validateField: (e) => w.value.validateField(e),
+			resetFields: (e) => w.value.resetFields(e),
+			scrollToField: (e) => w.value.scrollToField(e),
+			clearValidate: (e) => w.value.clearValidate(e),
+			getField: () => w.value.getField(),
+			setInitialValues: (e) => w.value.setInitialValues(e),
+			getFields: () => w.value.fields
+		});
+		return d(e, F), b(F), () => s(i, l({
+			ref: "form",
+			class: "form-holder",
+			"show-message": E.value
+		}, S.value), { default: () => {
+			if (T.value) {
+				var e, t, i;
+				return [
+					(e = _.top) == null ? void 0 : e.call(_),
+					s(r, {
+						class: { "hide-error-message": T.value },
+						columns: g.columns,
+						"col-count": g.colCount
+					}, { default: () => {
+						var e;
+						return [(e = _.default) == null ? void 0 : e.call(_), g.showAdvice ? s(n, {
+							"label-colspan": g.commentLabelColspan,
+							"value-colspan": g.commentValueColspan
+						}, null) : null];
+					} }),
+					(t = _.bottom) == null ? void 0 : t.call(_),
+					s("div", { class: "red-form-footer" }, [(i = _.footer) == null ? void 0 : i.call(_)])
+				];
+			} else {
+				var o;
+				return g.wrapRow ? s(a, null, { default: () => {
+					var e;
+					return [(e = _.default) == null ? void 0 : e.call(_)];
+				} }) : (o = _.default) == null ? void 0 : o.call(_);
+			}
+		} });
+	}
+};
+//#endregion
+export { b as t };

package/constants.d.ts

@@ -30,3 +30,13 @@ export declare const formItemConfigProviderContextKey: InjectionKey<{
     block: boolean;
     wrapCol: boolean;
 }>;
+export declare const formViewContextKey: unique symbol;
+export declare const formEntityContextKey: unique symbol;
+export declare const formItemConfigContextKey: unique symbol;
+export declare const flowContextKey: unique symbol;
+export declare const toolbarContextKey: unique symbol;
+export declare const tableViewContextKey: unique symbol;
+export declare const pageableTableContextKey: unique symbol;
+export declare const columnSizeContextKey: unique symbol;
+export declare const columnsContextKey: unique symbol;
+export declare const setColumnSizeContextKey: unique symbol;

package/constants.mjs

@@ -1,4 +1,4 @@
 //#region src/components/constants.ts
-var e = Symbol("formHolder"), t = Symbol("formItemGroup"), n = Symbol("formItemConfigProvider");
+var e = Symbol("formHolder"), t = Symbol("formItemGroup"), n = Symbol("formItemConfigProvider"), r = Symbol("formView"), i = Symbol("formEntity"), a = Symbol("formItemConfig"), o = Symbol("flow"), s = Symbol("toolbar"), c = Symbol("tableView"), l = Symbol("pageableTable"), u = Symbol("columnSize"), d = Symbol("columns"), f = Symbol("setColumnSize");
 //#endregion
-export { e as formHolderContextKey, n as formItemConfigProviderContextKey, t as formItemGroupContextKey };
+export { u as columnSizeContextKey, d as columnsContextKey, o as flowContextKey, i as formEntityContextKey, e as formHolderContextKey, a as formItemConfigContextKey, n as formItemConfigProviderContextKey, t as formItemGroupContextKey, r as formViewContextKey, l as pageableTableContextKey, f as setColumnSizeContextKey, c as tableViewContextKey, s as toolbarContextKey };

package/form-date-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/D2WviyxF.mjs";
+import { t as e } from "../chunks/Bk3PtIYo.mjs";
 export { e as default };

package/form-holder/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/DCKxvrCR.mjs";
+import { t as e } from "../chunks/nJ1-P9vh.mjs";
 export { e as default };

package/form-input/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Bj5l6sFx.mjs";
+import { t as e } from "../chunks/CJeq96R0.mjs";
 export { e as default };

package/form-input-cron-expression/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/7vQ29mMd.mjs";
+import { t as e } from "../chunks/BSriw1Qr.mjs";
 export { e as default };

package/form-input-email/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Bb5BT11-.mjs";
+import { t as e } from "../chunks/D_Xobj10.mjs";
 export { e as default };

package/form-input-id-card/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/DH1_fmkX.mjs";
+import { t as e } from "../chunks/DAS1h_Ei.mjs";
 export { e as default };

package/form-input-number/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/CKw_uzPc.mjs";
+import { t as e } from "../chunks/DgCwGit4.mjs";
 export { e as default };

package/form-input-phone-number/index.mjs

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/BsbfEk0E.mjs";
+import { t as e } from "../chunks/CPE8fqJc.mjs";
 export { e as default };

package/form-item-config-provider/index.mjs

@@ -1,5 +1,5 @@
 import { formItemConfigProviderContextKey as e } from "../constants.mjs";
-import { computed as t, provide as n, reactive as r } from "vue";
+import { provide as t, reactive as n, toRef as r } from "vue";
 //#region src/components/form/FormItemConfigProvider.vue
 var i = {
 	name: "FormItemConfigProvider",
@@ -12,12 +12,12 @@ var i = {
 		}
 	},
 	setup(i, { expose: a, slots: o }) {
-		let s = r({
-			reactive: t(() => i.reactive),
-			block: t(() => i.block),
-			wrapCol: t(() => i.wrapCol)
+		let s = n({
+			reactive: r(() => i.reactive),
+			block: r(() => i.block),
+			wrapCol: r(() => i.wrapCol)
 		});
-		return n(e, s), a(s), () => o.default(s);
+		return t(e, s), a(s), () => o.default(s);
 	}
 };
 //#endregion

package/form-item-group/index.d.ts

@@ -1,18 +1,92 @@
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    blockTitle: StringConstructor;
+    size: StringConstructor;
+    tips: StringConstructor;
+    active: BooleanConstructor;
+    enabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    collapse: BooleanConstructor;
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    notDispatch: BooleanConstructor;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    blockTitle: StringConstructor;
+    size: StringConstructor;
+    tips: StringConstructor;
+    active: BooleanConstructor;
+    enabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    span: {
+        type: NumberConstructor;
+        default: number;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrapRow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    gutter: {
+        type: NumberConstructor;
+        default: number;
+    };
+    collapse: BooleanConstructor;
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    notDispatch: BooleanConstructor;
+}>> & Readonly<{}>, {
+    span: number;
+    tag: string;
+    block: boolean;
+    disabled: boolean;
+    wrapRow: boolean;
+    active: boolean;
+    collapse: boolean;
+    notDispatch: boolean;
+    enabled: boolean;
+    gutter: number;
+    showTitle: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & (new () => {
-    $slots: S;
-});
-declare const __VLS_component: import('vue').DefineComponent<{}, any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-type __VLS_TemplateResult = {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        tips?(_: {}): any;
-        'title-right'?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};