@web-utils/form-ui 1.0.0-beta5 → 1.0.0-beta50

package/chunks/gLPy4Sus.mjs

@@ -0,0 +1,164 @@
+import { d as e } from "./DcTVYqeJ.mjs";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, toHandlers as h, unref as g, useModel as _, useTemplateRef as v, withCtx as y, withModifiers as b } from "vue";
+import { ElDialog as x } from "element-plus/es";
+//#region src/components/dialog/props.ts
+var S = {
+	modelValue: {
+		type: Boolean,
+		default: !1
+	},
+	title: {
+		type: String,
+		default: ""
+	},
+	width: [String, Number],
+	fullscreen: {
+		type: Boolean,
+		default: !1
+	},
+	top: {
+		type: String,
+		default: ""
+	},
+	modal: {
+		type: Boolean,
+		default: !0
+	},
+	modalPenetrable: {
+		type: Boolean,
+		default: !1
+	},
+	modalClass: String,
+	headerClass: String,
+	bodyClass: String,
+	footerClass: String,
+	appendToBody: {
+		type: Boolean,
+		default: !0
+	},
+	appendTo: [String, Object],
+	lockScroll: {
+		type: Boolean,
+		default: !0
+	},
+	openDelay: {
+		type: Number,
+		default: 0
+	},
+	closeDelay: {
+		type: Number,
+		default: 0
+	},
+	closeOnClickModal: { type: Boolean },
+	closeOnPressEscape: {
+		type: Boolean,
+		default: !0
+	},
+	showClose: {
+		type: Boolean,
+		default: !0
+	},
+	beforeClose: Function,
+	draggable: {
+		type: Boolean,
+		default: !0
+	},
+	overflow: {
+		type: Boolean,
+		default: !1
+	},
+	center: {
+		type: Boolean,
+		default: !1
+	},
+	alignCenter: {
+		type: Boolean,
+		default: !1
+	},
+	destroyOnClose: {
+		type: Boolean,
+		default: !1
+	},
+	closeIcon: [String, Object],
+	zIndex: Number,
+	headerAriaLevel: {
+		type: String,
+		default: "2"
+	},
+	transition: [String, Object],
+	customClass: {
+		type: String,
+		default: ""
+	},
+	height: String,
+	embed: Boolean,
+	showFullscreen: Boolean,
+	showFullScreen: Boolean
+}, C = {
+	embed: !0,
+	height: !0,
+	showFullscreen: !0,
+	showFullScreen: !0,
+	fullscreen: !0,
+	showClose: !0
+}, w = (e) => C[e] !== !0, T = { class: "dialog-title" }, E = { class: "dialog-header-buttons" }, D = /* @__PURE__ */ Object.assign({ name: "ElementDialog" }, {
+	__name: "ElementDialog",
+	props: /* @__PURE__ */ c({ ...S }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ c({ "toggle-fullscreen": null }, ["update:modelValue"]),
+	setup(c, { expose: S, emit: C }) {
+		let D = _(c, "modelValue"), O = c, k = C, { autoBindProps: A, listeners: j } = e(O, {
+			predicate: w,
+			removeOn: !0
+		}), M = v("dialog"), N = f(O.fullscreen), P = () => {
+			N.value = !N.value, k("toggle-fullscreen", N.value);
+		}, F = t(() => N.value ? "100%" : O.height), I = s(), L = () => {
+			O.embed ? (I.parent.emit("update:visible", !1), I.parent.emit("update:modelValue", !1)) : M.value.handleClose();
+		};
+		return S({
+			close: L,
+			hide: L
+		}), (e, t) => {
+			let s = x;
+			return d(), n(s, l({
+				ref: "dialog",
+				modelValue: D.value,
+				"onUpdate:modelValue": t[0] || (t[0] = (e) => D.value = e)
+			}, g(A), {
+				"show-close": !1,
+				fullscreen: g(N),
+				style: { "--dialog-body-height": g(F) }
+			}, h(g(j))), o({
+				header: y(() => [r(" @slot 对话框标题的内容；会替换标题部分，但会移除关闭按钮 "), p(e.$slots, "header", {}, () => [a("div", T, m(e.title), 1), a("div", E, [e.showFullscreen || e.showFullScreen ? (d(), i("i", {
+					key: 0,
+					class: u(["dialog-header-button", {
+						"el-icon-full-screen": !e.fullscreen,
+						"el-icon-copy-document": e.fullscreen
+					}]),
+					onClick: b(P, ["stop"])
+				}, null, 2)) : r("v-if", !0), e.showClose ? (d(), i("i", {
+					key: 1,
+					class: "dialog-header-button el-icon-close",
+					onClick: b(L, ["stop"])
+				})) : r("v-if", !0)])])]),
+				default: y(() => [r(" @slot 对话框的默认内容 "), p(e.$slots, "default")]),
+				_: 2
+			}, [e.$slots.footer ? {
+				name: "footer",
+				fn: y(() => [r(" @slot Dialog 按钮操作区的内容 "), p(e.$slots, "footer", { close: L })]),
+				key: "0"
+			} : void 0]), 1040, [
+				"modelValue",
+				"fullscreen",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { D as t };

package/chunks/hlha6Bhc.mjs

@@ -0,0 +1,107 @@
+import { formItemGroupContextKey as e, formViewContextKey as t } from "../constants/index.mjs";
+import n from "../empty-view/index.mjs";
+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, toRefs as g, useTemplateRef as _, vShow as v, watchEffect as y, withDirectives as b } from "vue";
+import { ElCol as x, ElCollapseTransition as S } from "element-plus";
+import { ElRow as C } from "element-plus/es";
+//#region src/components/form/FormItemGroup.vue?vue&type=script&lang.jsx
+function w(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+}
+//#endregion
+//#region src/components/form/FormItemGroup.vue
+var T = {
+	name: "FormItemGroup",
+	props: {
+		blockTitle: 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: T, slots: E }) {
+		let D = c(t, null), O = _("root"), k = m(!0), A = h(() => l.enabled), j = h(() => l.disabled), M = i(() => l.enabled === !0 ? !1 : l.disabled === !0), N = i(() => l.tag === "ElCol"), P = () => k.value = !k.value, F = p({
+			el: h(() => N.value ? O.value.$el : O.value),
+			disabled: j,
+			enabled: A,
+			isDisabled: M,
+			open: () => {
+				k.value = !0;
+			},
+			expand: k,
+			...g(l)
+		});
+		return y(() => {
+			k.value = !l.collapse;
+		}), f(e, F), d(() => {
+			l.notDispatch || D == null || D.addGroup(F);
+		}), u(() => {
+			l.notDispatch || D == null || D.removeGroup(F);
+		}), T(F), () => {
+			let e = () => {
+				var e;
+				return o(r, null, [b(o("div", {
+					class: "form-item-group-title",
+					onClick: P
+				}, [o("span", {
+					class: "flex-item",
+					style: "flex: 1"
+				}, [
+					E.title ? E.title() : l.blockTitle,
+					E.tips || l.tips ? o("span", { style: "color: #ff0000; font-size: 14px" }, [
+						a("("),
+						E.tips ? E.tips() : l.tips,
+						a(")")
+					]) : null,
+					(e = E["title-right"]) == null ? void 0 : e.call(E)
+				]), o("i", { class: k.value ? "el-icon-arrow-down" : "el-icon-arrow-right" }, null)]), [[v, l.showTitle]]), o(S, null, { default: () => {
+					let e;
+					return E.default ? l.wrapRow ? b(o(C, { gutter: l.gutter }, w(e = E.default()) ? e : { default: () => [e] }), [[v, k.value]]) : b(o("div", null, [E.default()]), [[v, k.value]]) : b(o(n, {
+						"font-size": "14px",
+						"empty-tips": "暂无信息"
+					}, null), [[v, k.value]]);
+				} })]);
+			}, t = {
+				ref: "root",
+				class: ["form-item-group", {
+					"default-active": l.active,
+					"is-disabled": M.value
+				}]
+			};
+			return N.value && (t.span = l.block ? 24 : l.span), s(N.value ? x : "div", t, N.value ? e : e());
+		};
+	}
+};
+//#endregion
+export { T as t };

package/chunks/hzaYr6Ud2.mjs

@@ -0,0 +1,207 @@
+import { s as e } from "./DcTVYqeJ.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 "./CxTg0r4n.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/kflKDW4T2.mjs

@@ -0,0 +1,146 @@
+import { i as e } from "./DcTVYqeJ.mjs";
+import { i as t, n } from "./D_qiRmiE.mjs";
+import { n as r, t as i } from "./CJdkjadi.mjs";
+import { r as a } from "./CabldOLo.mjs";
+import { n as o } from "./gCeDFHo1.mjs";
+import { n as s, t as c } from "./zwXzk9ff2.mjs";
+import { isArray as l, isString as u, trace as d, warning as f } from "@web-utils/core";
+import { computed as p, createVNode as m, getCurrentInstance as h, mergeProps as g, useModel as _, useTemplateRef as v } from "vue";
+import { useEventBus as y } from "@web-utils/vue/hooks/useEventBus";
+//#endregion
+//#region src/components/form/FormTablePlus.vue
+var b = {
+	name: "FormTablePlus",
+	props: {
+		...r,
+		...i,
+		...s,
+		rowDbClick: Function,
+		viewId: [String, Array],
+		block: {
+			type: Boolean,
+			default: !0
+		},
+		formPath: [String, Function]
+	},
+	emits: { ...n },
+	setup(n, { emit: r, slots: i, attrs: s, expose: b }) {
+		let x = _(n, "modelValue"), S = v("table"), C = [];
+		n.viewId && C.push(n.viewId);
+		let w = h();
+		C.includes(w.parent.proxy.$options.name) || C.push(w.parent.proxy.$options.name);
+		let T = () => {
+			var e;
+			return (e = S.value.table) == null ? void 0 : e.reloadTable();
+		}, E = async () => {
+			var e;
+			return await ((e = S.value.table) == null ? void 0 : e.refreshTable());
+		};
+		y("reloadTableView", (e) => {
+			if (C) if (u(e) || l(e)) {
+				let t = e;
+				u(t) && (t = t.split(",")), C.some((e) => t.includes(e)) && (d.call(w.parent.proxy || {}, "reloadTableView"), T());
+			} else f.call(w.parent.proxy || {}, "`viewId`的类型必须是字符串或数组");
+		});
+		let D = (...t) => {
+			n.rowDbClick ? n.rowDbClick(...t) : w.proxy.$router.push(e(n.formPath, t[0]));
+		}, O = () => {
+			w.proxy.$router.push(e(n.formPath));
+		}, { render: k, placeholder: A, disabled: j, listeners: M, inputProps: N } = t(n, {
+			rules: p(() => [n.fetchApi ? {
+				required: !0,
+				validator: a
+			} : { required: !0 }]),
+			emit: r,
+			slots: i,
+			attrs: s,
+			predicate: o
+		});
+		return b({
+			reloadTable: T,
+			refreshTable: E
+		}), () => {
+			var e;
+			let t = {};
+			for (let r = 0; r < (((e = n.columns) == null ? void 0 : e.length) ?? 0); r++) {
+				let e = n.columns[r];
+				t[e.prop] = ({ row: t, column: n, index: r, prop: a, required: o }) => {
+					var s;
+					return (s = i[e.prop]) == null ? void 0 : s.call(i, {
+						row: t,
+						column: n,
+						index: r,
+						prop: a,
+						required: o
+					});
+				};
+			}
+			return k({ vNodes: m(c, g({ ref: "table" }, M.value, N.value, {
+				prop: n.prop,
+				disabled: j.value,
+				"on-row-db-click": D,
+				modelValue: x.value,
+				"onUpdate:modelValue": (e) => x.value = e,
+				placeholder: A.value,
+				onAddRow: O
+			}), {
+				...t,
+				columns: ({ columns: e }) => {
+					var t;
+					return (t = i.columns) == null ? void 0 : t.call(i, { columns: e });
+				},
+				handle: ({ add: e, remove: t }) => {
+					var n;
+					return (n = i.handle) == null ? void 0 : n.call(i, {
+						add: e,
+						remove: t
+					});
+				},
+				tag: ({ column: e, row: t, $index: n }) => {
+					var r;
+					return (r = i.tag) == null ? void 0 : r.call(i, {
+						column: e,
+						row: t,
+						index: n
+					});
+				},
+				"handle-column-header": ({ column: e, $index: t }) => {
+					var n;
+					return (n = i["handle-column-header"]) == null ? void 0 : n.call(i, {
+						column: e,
+						index: t
+					});
+				},
+				toolbar: () => {
+					var e;
+					return (e = i.toolbar) == null ? void 0 : e.call(i);
+				},
+				"toolbar-left": ({ addRow: e, delRow: t, refresh: n }) => {
+					var r;
+					return (r = i["toolbar-left"]) == null ? void 0 : r.call(i, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-left-append": ({ addRow: e, delRow: t, refresh: n }) => {
+					var r;
+					return (r = i["toolbar-left-append"]) == null ? void 0 : r.call(i, {
+						addRow: e,
+						delRow: t,
+						refresh: n
+					});
+				},
+				"toolbar-right": ({ selectedRows: e, removeSelectedRows: t }) => {
+					var n;
+					return (n = i["toolbar-right"]) == null ? void 0 : n.call(i, {
+						selectedRows: e,
+						removeSelectedRows: t
+					});
+				}
+			}) });
+		};
+	}
+};
+//#endregion
+export { b as t };

package/chunks/pIzhYsBe.mjs

@@ -0,0 +1,93 @@
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n } from "./CJdkjadi.mjs";
+import { createVNode as r, mergeProps as i, useModel as a } from "vue";
+import { ElSlider as o } from "element-plus/es";
+//#region src/components/form/props/slide.ts
+var s = {
+	...n,
+	modelValue: [Number, Array],
+	min: {
+		type: Number,
+		default: 0
+	},
+	max: {
+		type: Number,
+		default: 100
+	},
+	step: [Number, String],
+	showInput: {
+		type: Boolean,
+		default: !1
+	},
+	showInputControls: {
+		type: Boolean,
+		default: !0
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	inputSize: {
+		type: String,
+		default: "default"
+	},
+	showStops: {
+		type: Boolean,
+		default: !1
+	},
+	showTooltip: {
+		type: Boolean,
+		default: !0
+	},
+	formatTooltip: Function,
+	range: {
+		type: Boolean,
+		default: !1
+	},
+	vertical: {
+		type: Boolean,
+		default: !1
+	},
+	height: String,
+	ariaLabel: String,
+	rangeStartLabel: String,
+	rangeEndLabel: String,
+	formatValueText: Function,
+	tooltipClass: String,
+	placement: {
+		type: String,
+		default: "top"
+	},
+	marks: Object,
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	persistent: {
+		type: Boolean,
+		default: !0
+	}
+}, c = {
+	modelValue: !0,
+	disabled: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormSlider",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: s, attrs: c }) {
+		let u = a(t, "modelValue"), { render: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: s,
+			predicate: l,
+			attrs: c
+		});
+		return () => d({ vNodes: r(o, i(p.value, m.value, {
+			modelValue: u.value,
+			"onUpdate:modelValue": (e) => u.value = e,
+			disabled: f.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };