@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta90

package/chunks/DHBi4mlK2.mjs

@@ -0,0 +1,425 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./Gh6td4HK.mjs";
+import { t as n } from "./C_EelJUP.mjs";
+import { t as r } from "./tzjUpVIj.mjs";
+import { n as i } from "./DGkSZT8r.mjs";
+import { t as a } from "./Ctq8BqkS.mjs";
+import { t as o } from "./lyW9mwQp.mjs";
+import { t as s } from "./CVjOe4WH.mjs";
+import { t as c } from "./DKXIKHKG.mjs";
+import { t as l } from "./t6OjVLsq2.mjs";
+import { t as u } from "./Kyk412rw2.mjs";
+import { t as d } from "./D3PMBaWK2.mjs";
+import f from "../table-column-def/index.mjs";
+import { t as p } from "./CqoSAx2f2.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,
+	rowKey: {
+		type: [Function, String],
+		default: "id"
+	}
+}, 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 = t, 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 = n;
+	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, {
+		"row-key": e.rowKey,
+		"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",
+		"row-key",
+		"selection",
+		"row-db-click",
+		"onSelectionChange"
+	]);
+}
+var H = /* @__PURE__ */ e(L, [["render", V]]);
+//#endregion
+export { I as n, H as t };

package/chunks/DKXIKHKG.mjs

@@ -0,0 +1,61 @@
+import { allProps as e, predicate as t } from "../props/date.mjs";
+import { n, o as r } from "./DGkSZT8r.mjs";
+import { ElDatePicker as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as a, createVNode as o, mergeProps as s } from "vue";
+import "element-plus/es/components/date-picker/style/css";
+import { toDate as c } from "@web-utils/integrations/dayjs";
+//#endregion
+//#region src/components/form/FormDatePicker.vue
+var l = {
+	name: "FormDatePicker",
+	inheritAttrs: !1,
+	props: { ...e },
+	emits: {
+		...n,
+		"update:startDate": null,
+		"update:endDate": null
+	},
+	setup(e, { emit: n, slots: l, attrs: u }) {
+		let { emitInput: d, render: f, placeholder: p, disabled: m, listeners: h, inputProps: g } = r(e, {
+			emit: n,
+			slots: l,
+			attrs: u,
+			predicate: t,
+			messagePrefix: "请选择"
+		}), _ = a(() => e.dateTimeRange || e.dateRange || e.monthRange), v = a(() => e.year ? "YYYY" : e.month || e.monthRange ? "YYYY-MM" : e.week ? "YYYY 第 WW 周" : e.dateTime || e.dateTimeRange ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD"), y = a(() => e.year ? "year" : e.month ? "month" : e.dates ? "dates" : e.week ? "week" : e.dateTime ? "datetime" : e.dateTimeRange ? "datetimerange" : e.dateRange ? "daterange" : e.monthRange ? "monthrange" : "date"), b = a(() => {
+			if (e.miniDate) {
+				let t = c(e.miniDate);
+				return t.setDate(t.getDate() - 1), t;
+			} else return null;
+		}), x = a(() => e.maxDate ? c(e.maxDate) : null), S = (e) => {
+			if (!b.value && !x.value) return !1;
+			let t = e.getTime();
+			return b.value && !x.value ? t <= b.value.getTime() : !b.value && x.value ? t >= x.value.getTime() : b.value && x.value ? !(t > b.value.getTime() && t <= x.value.getTime()) : !1;
+		}, C = (e, t) => {
+			n("update:startDate", e), n("update:endDate", t);
+		}, w = (t) => {
+			_.value && e.split ? t ? C(t[0], t[1]) : C(null, null) : d(t);
+		}, T = a(() => _.value && e.split ? [e.startDate, e.endDate] : e.modelValue), E = a(() => e.week ? "YYYY-MM-DD" : e.valueFormat || v.value), D = a(() => e.format || v.value);
+		return () => f({ vNodes: o(i, s(h.value, g.value, {
+			style: "width: 100%",
+			type: y.value,
+			modelValue: T.value,
+			disabled: m.value,
+			placeholder: p.value,
+			format: D.value,
+			disabledDate: S,
+			"value-format": E.value,
+			"onUpdate:modelValue": w
+		}), {
+			default: l.default,
+			"range-separator": l["range-separator"],
+			"pre-month": l["pre-month"],
+			"next-month": l["next-month"],
+			"pre-year": l["pre-year"],
+			"next-year": l["next-year"]
+		}) });
+	}
+};
+//#endregion
+export { l as t };

package/chunks/DZk7uYn32.mjs

@@ -0,0 +1,29 @@
+import { n as e, o as t } from "./DGkSZT8r.mjs";
+import { allProps as n, predicate as r } from "../props/slide.mjs";
+import { ElSlider as i } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { createVNode as a, mergeProps as o, useModel as s } from "vue";
+import "element-plus/es/components/slider/style/css";
+//#endregion
+//#region src/components/form/FormSlider.vue
+var c = {
+	name: "FormSlider",
+	inheritAttrs: !1,
+	props: { ...n },
+	emits: { ...e },
+	setup(e, { emit: n, slots: c, attrs: l }) {
+		let u = s(e, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = t(e, {
+			emit: n,
+			slots: c,
+			predicate: r,
+			attrs: l
+		});
+		return () => d({ vNodes: a(i, o(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), null) });
+	}
+};
+//#endregion
+export { c as t };