@web-utils/form-ui 1.0.0-beta3 → 1.0.0-beta30

package/chunks/B99alfW4.mjs

@@ -0,0 +1,207 @@
+import { i as e } from "./BQ77eAb3.mjs";
+import { goBack as t, hasAuthority as n } from "../api/index.mjs";
+import { toolbarContextKey as r } from "../constants/index.mjs";
+import { t as i } from "./dM-icPM8.mjs";
+import { NOOP as a, capitalize as o } from "@web-utils/core";
+import { Comment as s, createVNode as c } from "vue";
+//#region src/components/toolbar/Toolbar.vue?vue&type=script&lang.jsx
+var l = {
+	back: {
+		label: "返回",
+		type: "primary",
+		icon: "el-icon-arrow-left"
+	},
+	cancel: {
+		label: "取消",
+		icon: "el-icon-close"
+	},
+	create: {
+		label: "新增",
+		type: "primary",
+		icon: "el-icon-plus"
+	},
+	save: {
+		label: "保存",
+		type: "primary",
+		icon: "el-icon-takeaway-box",
+		loadable: !0
+	},
+	withdraw: {
+		label: "提取",
+		type: "primary",
+		icon: "el-icon-refresh-left"
+	},
+	edit: {
+		label: "编辑",
+		type: "primary",
+		icon: "el-icon-edit-outline"
+	},
+	submit: {
+		label: "审批办理",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	publish: {
+		label: "发布",
+		type: "primary",
+		icon: "el-icon-s-promotion"
+	},
+	agree: {
+		label: "同意",
+		type: "primary",
+		icon: "el-icon-check"
+	},
+	disagree: {
+		label: "不同意",
+		type: "primary",
+		icon: "el-icon-close"
+	},
+	reject: {
+		label: "退回",
+		type: "primary",
+		icon: "el-icon-s-release"
+	},
+	finish: {
+		label: "完成",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	enable: {
+		label: "启用",
+		type: "primary",
+		icon: "el-icon-circle-check"
+	},
+	exp: {
+		label: "导出",
+		type: "primary",
+		icon: "el-icon-download"
+	},
+	imp: {
+		label: "导入",
+		type: "primary",
+		icon: "el-icon-upload"
+	},
+	del: {
+		label: "删除",
+		type: "primary",
+		icon: "el-icon-delete"
+	},
+	print: {
+		label: "打印",
+		type: "primary",
+		icon: "el-icon-printer"
+	},
+	disabled: {
+		label: "禁用",
+		type: "primary",
+		icon: "el-icon-remove-outline"
+	},
+	reload: {
+		label: "刷新",
+		icon: "el-icon-refresh",
+		separateLine: !1,
+		circle: !0
+	},
+	settings: {
+		label: "设置",
+		icon: "el-icon-s-operation",
+		separateLine: !1,
+		circle: !0
+	},
+	search: {
+		label: "搜索",
+		icon: "el-icon-search",
+		separateLine: !1,
+		circle: !0
+	}
+}, u = {
+	name: "Toolbar",
+	provide() {
+		return { [r]: this };
+	},
+	props: {
+		searchable: Boolean,
+		refreshable: Boolean,
+		buttons: {
+			type: Array,
+			default: () => ["back"]
+		},
+		back: Function,
+		cancel: Function,
+		emitter: {
+			type: String,
+			default: "self"
+		},
+		footer: Boolean,
+		label: Object
+	},
+	computed: {},
+	methods: {
+		goBack() {
+			t(this.$route.path);
+		},
+		createButton(t, { label: n, icon: r, type: s, separateLine: l = !0, loadable: u, circle: d, onClick: f, title: p }) {
+			var m;
+			let h, g = ((m = this.label) == null ? void 0 : m[t]) || n;
+			return h = f || (["back", "cancel"].includes(t) ? this.goBack : (n) => {
+				(e(this.$attrs, { withOn: !0 })[`on${o(t)}`] || a)(n);
+			}), c(i, {
+				"separate-line": l,
+				icon: r,
+				title: p,
+				label: g,
+				loadable: u,
+				circle: d,
+				footer: this.footer,
+				type: s,
+				onClick: h
+			}, null);
+		},
+		getLeftButtons() {
+			var e, t, r;
+			let { createButton: i } = this;
+			return (r = (((e = (t = this.$slots)["toolbar-left"]) == null ? void 0 : e.call(t)) || this.buttons.flatMap((e) => {
+				let t = l[e];
+				if (t) {
+					var n, r;
+					return ((n = (r = this.$slots)[e]) == null ? void 0 : n.call(r)) || i(e, t);
+				} else if (e === "slot") {
+					var a, o;
+					let e = ((a = (o = this.$slots).default) == null ? void 0 : a.call(o, {
+						buttons: this.buttons,
+						footer: this.footer
+					})) ?? null;
+					if (e && e.length === 1) {
+						var c;
+						return e == null || (c = e[0]) == null || (c = c.children) == null ? void 0 : c.filter((e) => e.type !== s);
+					}
+					return e || [];
+				} else return null;
+			})).filter((e) => e)) == null ? void 0 : r.filter((e) => e.props.privilege ? n(e.props.privilege) : !0);
+		},
+		getRightButtons() {
+			var e, t, n, r;
+			let i = (e = (t = this.$slots)["toolbar-right"]) == null ? void 0 : e.call(t), a = [
+				...((n = (r = this.$slots)["toolbar-right-button"]) == null ? void 0 : n.call(r)) || [],
+				this.getRefreshButton(),
+				this.getSettingsButton(),
+				this.getSearchButton()
+			];
+			return i || a;
+		},
+		getSearchButton() {
+			return this.searchable ? this.createButton("search", l.search) : null;
+		},
+		getRefreshButton() {
+			return this.refreshable ? this.createButton("reload", l.reload) : null;
+		},
+		getSettingsButton() {
+			return this.refreshable ? this.createButton("settings", l.settings) : null;
+		}
+	},
+	render() {
+		return this.footer ? c("div", { class: "footer-bar" }, [this.getLeftButtons()]) : c("div", { class: "toolbar" }, [c("div", { class: "toolbar-left" }, [this.getLeftButtons()]), c("div", { class: "toolbar-right" }, [this.getRightButtons()])]);
+	}
+};
+//#endregion
+export { u as t };

package/chunks/BQ77eAb3.mjs

@@ -0,0 +1,71 @@
+import { capitalize as e, copy as t, isArray as n, uncapitalize as r } from "@web-utils/core";
+import { computed as i } from "vue";
+import { ElMessage as a } from "element-plus";
+//#region src/utils/index.ts
+var o = (t, n, r, i) => {
+	let a = {};
+	if (n) for (let e in t) n(e) && (a[e] = t[e]);
+	return r && r.forEach((t) => {
+		a[`on${e(t)}`] = (...e) => i(t, ...e);
+	}), a;
+}, s = (e, { emit: t, events: n, predicate: r }) => i(() => o(e, r, n, t)), c = (e, { withOn: t = !1 } = {}) => {
+	let n = {};
+	for (let i in e) i.startsWith("on") && (t ? n[i] = e[i] : n[r(i.replace(/^on/, ""))] = e[i]);
+	return n;
+}, l = (e, t = "id", n = "label") => {
+	let r = [];
+	function i(e, a) {
+		if (!e) return;
+		let o = [...a, {
+			[t]: e[t],
+			[n]: e[n]
+		}];
+		if (!e.children || e.children.length === 0) {
+			r.push(o);
+			return;
+		}
+		e.children.forEach((e) => {
+			i(e, o);
+		});
+	}
+	return e.forEach((e) => i(e, [])), r;
+}, u = (e, t = "id", n = "label") => {
+	let r = [];
+	return l(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r.push({
+			value: i.join("/"),
+			label: a.join("/")
+		});
+	}), r;
+}, d = (e, t = "id", n = "label") => {
+	let r = {};
+	return l(e).forEach((e) => {
+		let i = [], a = [];
+		for (let r = 0; r < e.length; r++) i.push(e[r][t]), a.push(e[r][n]);
+		r[i.join("/")] = {
+			value: i.join("/"),
+			label: a.join("/")
+		};
+	}), r;
+};
+function f(e) {
+	t(e, () => a.success({
+		duration: 1e3,
+		message: "复制成功！",
+		type: "success"
+	}), () => a.error({
+		duration: 1e3,
+		message: "复制失败！",
+		type: "error"
+	}));
+}
+var p = (e) => {
+	let t = [];
+	return e && (n(e) ? e.forEach((e) => {
+		n(e) ? t.push(...p(e)) : e && t.push(e);
+	}) : e && t.push(e)), t;
+};
+//#endregion
+export { d as a, c as i, p as n, u as o, o as r, s, f as t };

package/chunks/BV_N8p9t.mjs

@@ -0,0 +1,83 @@
+//#region src/components/table/table-column.ts
+var e = {
+	type: {
+		type: String,
+		default: "default"
+	},
+	index: [Number, Function],
+	label: String,
+	columnKey: String,
+	prop: String,
+	width: [String, Number],
+	minWidth: [String, Number],
+	fixed: [Boolean, String],
+	renderHeader: Function,
+	sortable: [Boolean, String],
+	sortMethod: Function,
+	sortBy: [
+		Function,
+		String,
+		Array
+	],
+	sortOrders: {
+		type: Array,
+		default: () => [
+			"ascending",
+			"descending",
+			null
+		]
+	},
+	resizable: {
+		type: Boolean,
+		default: !0
+	},
+	formatter: Function,
+	showOverflowTooltip: {
+		type: [Boolean, Object],
+		default: !0
+	},
+	align: {
+		type: String,
+		default: "left"
+	},
+	headerAlign: {
+		type: String,
+		default: "left"
+	},
+	className: String,
+	labelClassName: String,
+	selectable: Function,
+	reserveSelection: {
+		type: Boolean,
+		default: !1
+	},
+	filters: Array,
+	filterPlacement: String,
+	filterClassName: String,
+	filterMultiple: {
+		type: Boolean,
+		default: !0
+	},
+	filterMethod: Function,
+	filteredValue: {
+		type: Array,
+		default: () => []
+	},
+	tooltipFormatter: Function,
+	property: String,
+	showTooltipWhenOverflow: Boolean,
+	clickable: Boolean,
+	cellClick: Function,
+	dictType: String,
+	options: Array,
+	autoUpdate: Boolean,
+	treeDict: Boolean,
+	idAsValue: {
+		type: Boolean,
+		default: !0
+	},
+	labelAsValue: Boolean,
+	maxWidth: String
+};
+//#endregion
+export { e as t };

package/chunks/BV_P9a8o.mjs

@@ -0,0 +1,100 @@
+import { n as e } from "./BQ77eAb3.mjs";
+import { getDictLabel as t } from "../helper/dictionary.mjs";
+import { tableViewContextKey as n } from "../constants/index.mjs";
+import { t as r } from "./BV_N8p9t.mjs";
+import { computed as i, createVNode as a, inject as o, mergeProps as s, ref as c, watchEffect as l } from "vue";
+import { ElTableColumn as u } from "element-plus/es";
+//#endregion
+//#region src/components/table/components/DictRender.vue
+var d = {
+	name: "DictRender",
+	inheritAttrs: !1,
+	props: {
+		row: Object,
+		column: Object,
+		dictType: String,
+		options: Array,
+		treeDict: Boolean,
+		idAsValue: {
+			type: Boolean,
+			default: !0
+		},
+		labelAsValue: Boolean
+	},
+	setup(e, { attrs: n }) {
+		let r = c(null), o = i(() => e.row[e.column.property]);
+		return l(async () => {
+			if (e.dictType) r.value = await t(e.dictType, o.value, !0, {
+				options: !0,
+				treeDict: e.treeDict,
+				idAsValue: e.idAsValue,
+				labelAsValue: e.labelAsValue
+			});
+			else {
+				var n;
+				r.value = ((n = e.options) == null || (n = n.find((e) => `${e.modelValue}` == `${e.value}`)) == null ? void 0 : n.label) ?? `${o.value}`;
+			}
+		}), () => a("span", n, [r.value]);
+	}
+}, f = {
+	selection: !0,
+	"single-selection": !0,
+	index: !0,
+	expand: !0
+}, p = (e, t, n, r, i) => {
+	var a;
+	let o = (e == null || (a = e.$parent) == null ? void 0 : a.rowDbClick) || (e == null ? void 0 : e.rowDbClick);
+	o == null || o(t, n, r, i);
+}, m = (e) => {
+	let t = e.target;
+	for (; t && t.tagName.toUpperCase() !== "HTML";) {
+		if (t.tagName.toUpperCase() === "TD") return t;
+		t = t.parentNode;
+	}
+	return null;
+}, h = () => {}, g = (t) => !e(t).length, _ = {
+	name: "TableColumn",
+	props: { ...r },
+	setup(e, { slots: t, attrs: r }) {
+		let i = o(n, null);
+		return () => {
+			let { clickable: n, cellClick: o, ...c } = e, l, _ = f[e.type];
+			if (!_) {
+				let s = n || r.onClick || o;
+				(s || e.dictType || e.options) && (l = (n) => {
+					var c;
+					let { row: l, column: u } = n, f = s ? (e) => {
+						let t = m(e);
+						if (r.onClick || o) {
+							var n;
+							(n = r.onClick) == null || n.call(r, l, u, l, u, t, e), o == null || o(l, u, l, u, t, e);
+						} else p(i, l, u, t, e);
+					} : h, _ = t == null || (c = t.default) == null ? void 0 : c.call(t, n);
+					return g(_) && (_ = null), (e.dictType || e.options) && !_ ? a(d, {
+						class: { "is-clickable": s },
+						onClick: f,
+						row: l,
+						column: u,
+						dictType: e.dictType,
+						treeDict: e.treeDict,
+						idAsValue: e.idAsValue,
+						labelAsValue: e.labelAsValue,
+						options: e.options
+					}, null) : s ? a("span", {
+						class: "is-clickable",
+						onClick: f
+					}, [_ || (l == null ? void 0 : l[u == null ? void 0 : u.property])]) : _;
+				});
+			}
+			return a(u, s(c, {
+				key: r.filterable,
+				showOverflowTooltip: _ ? !1 : c.showOverflowTooltip
+			}), {
+				...t,
+				default: l || t.default
+			});
+		};
+	}
+};
+//#endregion
+export { _ as t };

package/chunks/BgDYHgyH.mjs

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