@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/chunks/Dw36QZhr2.mjs

@@ -0,0 +1,419 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./Cb7kjZa-.mjs";
+import { t as n } from "./mnqSaATq.mjs";
+import { t as r } from "./tzjUpVIj.mjs";
+import { n as i } from "./DzCIClcZ.mjs";
+import { t as a } from "./CI0pkCeM.mjs";
+import { t as o } from "./CrFP0Lhs.mjs";
+import { t as s } from "./CDZvVLNL.mjs";
+import { t as c } from "./CgAtZ1l2.mjs";
+import { t as l } from "./BQ7zKN-6.mjs";
+import { t as u } from "./fh36J3y1.mjs";
+import { t as d } from "./BiY3yiiP2.mjs";
+import f from "../table-column-def/index.mjs";
+import { t as p } from "./DNaB9zOb2.mjs";
+import { ElMessage as m, formContextKey as h, formItemContextKey as g } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, mergeProps as T, openBlock as E, renderList as D, renderSlot as O, resolveComponent as k, toDisplayString as A, withCtx as j, withModifiers as M } from "vue";
+import { findTreeChildren as N, isFunction as P } from "@web-utils/core";
+import "element-plus/es/components/message/style/css";
+import { cloneDeep as F } from "@web-utils/integrations/lodash";
+//#region src/components/table/sub-table.ts
+var I = {
+	modelValue: Array,
+	columns: Array,
+	allowEmpty: Boolean,
+	handleColumn: {
+		type: Boolean,
+		default: !0
+	},
+	editable: Boolean,
+	showHandleColumnAddButton: {
+		type: Boolean,
+		default: !0
+	},
+	showEmptyAddButton: {
+		type: Boolean,
+		default: !0
+	},
+	prop: String,
+	limit: {
+		type: Number,
+		default: Infinity
+	},
+	maxLimit: {
+		type: Number,
+		default: Infinity
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	showSummary: Boolean,
+	selectionWidth: String,
+	fetchApi: Function,
+	delApi: Function
+}, L = {
+	name: "SubTable",
+	emits: {
+		...i,
+		"add-row": null
+	},
+	inject: {
+		elForm: {
+			from: h,
+			default: ""
+		},
+		elFormItem: {
+			from: g,
+			default: ""
+		}
+	},
+	props: { ...I },
+	data() {
+		return {
+			rows: [],
+			selectedRows: []
+		};
+	},
+	computed: {
+		available() {
+			return this.editable && this.enabled;
+		},
+		enabled() {
+			return !this.disabled;
+		},
+		rowProps() {
+			let e = {};
+			return this.columns && this.columns.map((e) => e.prop).forEach((t) => {
+				e[t] = null;
+			}), e;
+		},
+		filteredColumns() {
+			return this.columns.filter((e) => e.label && !e.hide && !e.slot);
+		}
+	},
+	watch: {
+		modelValue: {
+			deep: !0,
+			immediate: !0,
+			handler(e) {
+				this.rows = e || [];
+			}
+		},
+		rows: {
+			deep: !0,
+			immediate: !0,
+			handler(e) {
+				this.$emit("update:modelValue", e);
+			}
+		}
+	},
+	methods: {
+		getCellType(e, t) {
+			return P(t.getType) ? t.getType(e, t) : t.type;
+		},
+		getInputAttr(e, t, n) {
+			var r;
+			let i = {
+				...t.attrs,
+				...t.getAttrs ? t.getAttrs(e) : {}
+			};
+			return i.modelValue = e[t.prop], i.label = t.label, i.wrapCol = !1, i.required = t.required, i.disabled = (r = t.isDisabled) == null ? void 0 : r.call(t, e), i.prop = `${this.prop}[${n}].${t.prop}`, this.getCellType(e, t) === "select" ? i.options = t.options : this.getCellType(e, t) === "textarea" ? i.rows = t.rows || "3" : this.getCellType(e, t) === "cascader" ? (i.labelKey = t.labelKey, i.valueKey = t.valueKey) : this.getCellType(e, t) === "department" && (i.ouType = t.ouType), i;
+		},
+		isInputDisabled(e, t) {
+			return t.isDisabled && t.isDisabled(e);
+		},
+		onInput(e, t, n) {
+			n.setValue ? n.setValue(e, t, n, this.rows) : e[n.prop] = t;
+		},
+		onSelectionChange(e) {
+			this.selectedRows = e;
+		},
+		remove(e, t) {
+			try {
+				this.rows.splice(t, 1);
+			} catch {}
+		},
+		add(e, t) {
+			let n = F(this.rowProps);
+			this.rows.splice(t + 1, 0, n);
+		},
+		addRow() {
+			this.$emit("add-row");
+		},
+		async delRow() {
+			if (!this.selectedRows.length) {
+				m.warning("请选择要删除的记录！");
+				return;
+			}
+			try {
+				if (this.delApi) try {
+					await this.delApi(this.selectedRows.map((e) => e.id).join(",")), this.refresh();
+				} catch {
+					m.error("删除失败！");
+				}
+				else this.$emit("update:modelValue", this.rows.filter((e) => !this.selectedRows.includes(e)));
+				m.success("删除成功！");
+			} catch {}
+		},
+		refresh() {
+			this.$refs.table.getPage();
+		},
+		getVal(e, t, n) {
+			var r, i;
+			if (n.type === "select" && (r = n.attrs) != null && r.options) {
+				let r = n.attrs.options.find((n) => n.code === e[t.property]);
+				if (r) return r.name;
+			}
+			if (n.type === "cascader" && (i = n.attrs) != null && i.options) {
+				let [r] = N(n.attrs.options, (r) => r[n.attrs.valueKey || "value"] === e[t.property]);
+				if (r) return r[n.attrs.valueKey || "label"];
+			}
+			return e[t.property];
+		}
+	}
+}, R = {
+	key: 0,
+	class: "table-header"
+}, z = {
+	key: 0,
+	style: { color: "#f56c6c" }
+}, B = ["onClick"];
+function V(e, i, m, h, g, N) {
+	let P = n, F = o, I = u, L = k("FormInputUser"), V = k("FormInputDepartment"), H = d, U = c, W = a, G = s, K = l, q = p, J = r, Y = f, X = t;
+	return E(), v(X, T({
+		ref: "table",
+		class: "sub-table",
+		"auto-height": "",
+		data: g.rows,
+		api: e.fetchApi,
+		"show-summary": e.showSummary,
+		"selection-width": e.selectionWidth
+	}, e.$attrs, {
+		"hide-on-single-page": "",
+		selection: N.enabled,
+		"row-db-click": e.rowDbClick,
+		onSelectionChange: N.onSelectionChange
+	}), S({
+		default: j(() => [
+			O(e.$slots, "columns", { columns: e.columns }, () => [(E(!0), b(_, null, D(N.filteredColumns, (t) => (E(), v(Y, {
+				key: t.prop,
+				label: t.label,
+				width: t.width,
+				"dict-type": t.dictType,
+				clickable: t.clickable,
+				align: t.align,
+				prop: t.prop,
+				options: t.options,
+				"show-overflow-tooltip": !N.available && t.showOverflowTooltip
+			}, {
+				header: j(() => [!e.disabled && t.required ? (E(), b("span", z, "*")) : y("v-if", !0), C(" " + A(t.label), 1)]),
+				default: j(({ row: n, column: r, $index: i }) => [
+					y("tag 插槽"),
+					O(e.$slots, "tag", {
+						row: n,
+						column: r,
+						index: i
+					}),
+					y("列默认插槽,名字和 prop 保持一致"),
+					O(e.$slots, t.prop, {
+						row: n,
+						column: r,
+						index: i
+					}, () => {
+						var e;
+						return [N.available ? (E(), b(_, { key: 0 }, [N.getCellType(n, t) === "input" ? (E(), v(F, T({
+							key: 0,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "inputPhoneNumber" ? (E(), v(I, T({
+							key: 1,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "user" ? (E(), b(_, { key: 2 }, [t.single ? (E(), v(L, T({
+							key: 0,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : (E(), v(L, T({
+							key: 1,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"]))], 64)) : N.getCellType(n, t) === "department" ? (E(), b(_, { key: 3 }, [t.single ? (E(), v(V, T({
+							key: 0,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), {
+							name: n[r.property],
+							"onUpdate:name": (e) => n[r.property] = e,
+							"onUpdate:modelValue": (e) => N.onInput(n, e, t)
+						}), null, 16, [
+							"name",
+							"onUpdate:name",
+							"onUpdate:modelValue"
+						])) : (E(), v(V, T({
+							key: 1,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), {
+							disabled: N.isInputDisabled(n, t),
+							"onUpdate:modelValue": (e) => N.onInput(n, e, t)
+						}), null, 16, ["disabled", "onUpdate:modelValue"]))], 64)) : N.getCellType(n, t) === "select" ? (E(), v(H, T({
+							key: 4,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "datePicker" ? (E(), v(U, T({
+							key: 5,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), {
+							start: n[t.start],
+							"onUpdate:start": (e) => n[t.start] = e,
+							end: n[t.end],
+							"onUpdate:end": (e) => n[t.end] = e,
+							"onUpdate:modelValue": (e) => N.onInput(n, e, t)
+						}), null, 16, [
+							"start",
+							"onUpdate:start",
+							"end",
+							"onUpdate:end",
+							"onUpdate:modelValue"
+						])) : N.getCellType(n, t) === "cascader" ? (E(), v(W, T({
+							key: 6,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "checkbox" ? (E(), v(G, T({
+							key: 7,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "number" ? (E(), v(K, T({
+							key: 8,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : N.getCellType(n, t) === "textarea" ? (E(), v(q, T({
+							key: 9,
+							ref_for: !0
+						}, N.getInputAttr(n, t, i), { "onUpdate:modelValue": (e) => N.onInput(n, e, t) }), null, 16, ["onUpdate:modelValue"])) : (E(), b(_, { key: 10 }, [C(A(N.getVal(n, r, t)), 1)], 64))], 64)) : t.dicType || (e = t.options) != null && e.length ? (E(), v(J, {
+							key: 1,
+							"dict-type": t.dicType,
+							"id-as-value": t.idAsValue,
+							"label-as-value": t.labelAsValue,
+							column: r,
+							row: n,
+							options: t.options
+						}, null, 8, [
+							"dict-type",
+							"id-as-value",
+							"label-as-value",
+							"column",
+							"row",
+							"options"
+						])) : (E(), b(_, { key: 2 }, [C(A(N.getVal(n, r, t)), 1)], 64))];
+					})
+				]),
+				_: 2
+			}, 1032, [
+				"label",
+				"width",
+				"dict-type",
+				"clickable",
+				"align",
+				"prop",
+				"options",
+				"show-overflow-tooltip"
+			]))), 128))]),
+			y(" 自定义操作列 "),
+			O(e.$slots, "handle", {
+				add: N.add,
+				remove: N.remove
+			}),
+			y(" 操作列  "),
+			(!e.modelValue || e.modelValue.length < e.limit) && !e.disabled && N.enabled && e.editable && e.handleColumn ? (E(), v(Y, {
+				key: 0,
+				label: "操作",
+				fixed: "right",
+				width: "80",
+				align: "center",
+				prop: "menu"
+			}, {
+				header: j(({ column: t, $index: n }) => [O(e.$slots, "handle-column-header", {
+					column: t,
+					index: n
+				}, () => [C(A(t.label), 1)])]),
+				default: j(({ row: t, $index: n }) => [e.showHandleColumnAddButton && e.modelValue.length < e.maxLimit ? (E(), b("i", {
+					key: 0,
+					class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+					style: {
+						"margin-right": "5px",
+						"font-size": "20px",
+						cursor: "pointer"
+					},
+					title: "添加",
+					onClick: M((e) => N.add(t, n), ["stop"])
+				}, null, 8, B)) : y("v-if", !0), e.modelValue && e.modelValue.length > 1 || e.allowEmpty ? (E(), v(P, {
+					key: 1,
+					class: "el-icon-error sub-table-handle-button table-button-remove",
+					style: {
+						"font-size": "20px",
+						cursor: "pointer"
+					},
+					title: "删除",
+					confirm: "",
+					text: "",
+					message: "您确定要删除该行吗？",
+					onClick: M((e) => N.remove(t, n), ["stop"])
+				}, null, 8, ["onClick"])) : y("v-if", !0)]),
+				_: 3
+			})) : y("v-if", !0)
+		]),
+		_: 2
+	}, [e.editable ? void 0 : {
+		name: "toolbar",
+		fn: j(() => [N.enabled || e.fetchApi ? (E(), b("div", R, [O(e.$slots, "toolbar", {
+			addRow: N.addRow,
+			delRow: N.delRow,
+			refresh: N.refresh
+		}, () => [N.enabled ? (E(), b(_, { key: 0 }, [w(P, {
+			class: "table-header-button add",
+			icon: "el-icon-circle-plus",
+			type: "text",
+			onClick: N.addRow
+		}, {
+			default: j(() => [...i[1] || (i[1] = [C(" 添加 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"]), w(P, {
+			class: "table-header-button remove",
+			confirm: "",
+			message: "您确定要删除选中的记录吗？",
+			icon: "el-icon-error",
+			text: "",
+			onClick: N.delRow
+		}, {
+			default: j(() => [...i[2] || (i[2] = [C(" 删除 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])], 64)) : y("v-if", !0), e.fetchApi ? (E(), v(P, {
+			key: 1,
+			class: "table-header-button refresh",
+			icon: "el-icon-refresh-left",
+			text: "",
+			disabled: !1,
+			onClick: N.refresh
+		}, {
+			default: j(() => [...i[3] || (i[3] = [C(" 刷新 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])) : y("v-if", !0)])])) : y("v-if", !0)]),
+		key: "0"
+	}, e.allowEmpty && !e.disabled && e.showEmptyAddButton ? {
+		name: "empty",
+		fn: j(() => [x("i", {
+			class: "el-icon-circle-plus sub-table-handle-button table-button-add",
+			style: {
+				"font-size": "20px",
+				cursor: "pointer"
+			},
+			title: "添加",
+			onClick: i[0] || (i[0] = M((e) => N.add(null, 0), ["stop"]))
+		})]),
+		key: "1"
+	} : void 0]), 1040, [
+		"data",
+		"api",
+		"show-summary",
+		"selection-width",
+		"selection",
+		"row-db-click",
+		"onSelectionChange"
+	]);
+}
+var H = /* @__PURE__ */ e(L, [["render", V]]);
+//#endregion
+export { I as n, H as t };

package/chunks/DzCIClcZ.mjs

@@ -0,0 +1,155 @@
+import { g as e, h as t, o as n } from "./ClVh1Lek.mjs";
+import { formItemProps as r, predicate as i, useFormItemAutoBind as a } from "../props/form-item.mjs";
+import { colProps as o, predicate as s, useColAutoBind as c } from "../props/col.mjs";
+import { formHolderContextKey as l, formItemConfigProviderContextKey as u, formItemGroupContextKey as d, formViewContextKey as f } from "../constants/index.mjs";
+import { useFormItemProps as p, useRequired as m } from "../helper/form-item.mjs";
+import { ElCol as h, ElFormItem as g, ElTooltip as _, rowContextKey as v } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as y, createVNode as b, h as x, inject as S, mergeProps as C, toRef as w, useTemplateRef as T } from "vue";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/form-item/style/css";
+//#endregion
+//#region src/components/form/FormItem.vue
+var E = {
+	name: "FormItem",
+	inheritAttrs: !1,
+	props: {
+		...r,
+		...o
+	},
+	setup(e, { attrs: t, slots: n, expose: r }) {
+		let o = S(v, null), d = S(u, null), f = S(l, null), p = t.embed ? y(() => t.disabled) : O(e), x = a(e, { predicate: i }), w = c(e, { predicate: s }), E = y(() => (d == null ? void 0 : d.reactive) === !0 && d.block === !1 && e.fixedSpan === void 0 && !e.half), D = m(e), k = T("formItem"), A = y(() => (d == null ? void 0 : d.wrapCol) === !1 ? !1 : !!o && e.wrapCol), j = y(() => f != null && f.tableForm ? "" : d != null && d.block ? "100%" : e.half && A.value ? `calc(50% - ${o.gutter.value / 2}px)` : ""), M = y(() => (d == null ? void 0 : d.block) === !0 || e.block || e.half ? 24 : e.span), N = y(() => {
+			if (p.value) return [];
+			if (D.value) {
+				let t = {
+					required: !0,
+					message: e.message || `${e.messagePrefix || "请输入"}${e.label}`
+				};
+				return e.rules ? [...e.rules, t] : [t];
+			}
+			return e.rules;
+		});
+		return r({
+			clearValidate: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.clearValidate();
+			},
+			validate: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.validate();
+			},
+			resetField: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.resetField();
+			},
+			setInitialValue: () => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.setInitialValue();
+			},
+			size: y(() => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.size;
+			}),
+			validateMessage: y(() => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.validateMessage;
+			}),
+			validateState: y(() => {
+				var e;
+				return (e = k.value) == null ? void 0 : e.validateState;
+			})
+		}), () => {
+			var r;
+			let i = n.tips || e.tips, a = i ? b(_, {
+				effect: "light",
+				content: e.tips,
+				offset: 4
+			}, {
+				default: () => b("i", { class: "el-icon-info form-item-input-info" }, null),
+				content: n.tips ? n.tips : null
+			}) : null, o = b(g, C(x.value, t, {
+				ref: "formItem",
+				style: { width: j.value },
+				class: [
+					"form-item",
+					e.formItemClass,
+					{
+						"form-item-hide-label": e.hideLabel,
+						"with-tips": !e.tipsAfterLabel && i,
+						required: p.value === !1 && D.value
+					}
+				],
+				rules: N.value
+			}), {
+				...n,
+				default: () => {
+					var t;
+					return [(t = n.default) == null ? void 0 : t.call(n, {
+						disabled: p.value,
+						required: D.value
+					}), i && !e.tipsAfterLabel ? a : null];
+				},
+				label: () => [n.label ? n.label() : e.label, e.tipsAfterLabel ? a : null]
+			}), s = [o, (r = n.below) == null ? void 0 : r.call(n)];
+			return e.unwrap ? s : A.value ? b(h, C(w.value, E.value ? {
+				xs: 24,
+				sm: 12,
+				md: 12,
+				lg: 8,
+				xl: 6
+			} : {}, { span: M.value }), { default: () => s }) : o;
+		};
+	}
+}, D = "update:modelValue", O = (e) => {
+	let t = S(l, null), n = S(d, null);
+	return y(() => {
+		if (e.disabled !== void 0) return e.disabled;
+		if (t) {
+			if (t.requiredFieldsMap[e.prop] === !0 || t.enabledFieldsMap[e.prop] === !0) return !1;
+			if (t.disabledFieldsMap[e.prop] === !0) return !0;
+		}
+		return (n == null ? void 0 : n.enabled) === !0 ? !1 : (n == null ? void 0 : n.disabled) === !0 ? !0 : (t == null ? void 0 : t.disabled) === !0;
+	});
+}, k = { [D]: null }, A = (e, t) => e(D, t), j = (e, { vNodes: t, formItemProps: n, slots: r, disabled: i, ref: a }) => e.wrapFormItem ? x(E, {
+	...n.value,
+	embed: !0,
+	disabled: i == null ? void 0 : i.value,
+	ref: a
+}, {
+	default: () => t,
+	label: r.label,
+	error: r.error,
+	tips: r.tips,
+	below: r.below
+}) : t, M = (r, { emit: i, slots: a, events: o, predicate: s, removeOn: c = !1, attrs: l, block: u, class: d, rules: m, messagePrefix: g = "请输入", extraFormItemProps: _ }) => {
+	let v = O(r), b = S(f, null), C = y(() => v.value || r.placeholder === !1 ? "" : r.placeholder === !0 ? `${g}${r.label}` : r.placeholder || `${g}${r.label}`), E = p(r, {
+		rules: m,
+		block: w(() => u === void 0 ? r.type === "textarea" && r.block === void 0 ? !0 : r.block : u),
+		attrs: l,
+		class: d,
+		message: C.value,
+		messagePrefix: g,
+		..._
+	}), D = (e) => A(i, e), k = (e) => r.col ? x(h, { span: r.block ? 24 : r.span }, { default: () => e }) : e, M = T("formItem"), N = ({ vNodes: e }) => j(r, {
+		vNodes: k(e),
+		formItemProps: E,
+		slots: a,
+		disabled: v,
+		ref: "formItem"
+	}), P = y(() => n(r, s, o, i)), F = e({ removeOn: c });
+	return {
+		emitInput: D,
+		render: N,
+		placeholder: C,
+		disabled: v,
+		formItemProps: E,
+		autoBind: P,
+		inputProps: t(r, s),
+		listeners: F,
+		formItem: M,
+		printing: y(() => (b == null ? void 0 : b.printing) === !0)
+	};
+}, N = (e) => e.icon ? x("i", { class: e.icon }) : null;
+//#endregion
+export { O as a, A as i, k as n, M as o, j as r, E as s, N as t };