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

package/chunks/BQk3-Ppb2.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 "./BG8z3V9d2.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/BQyL45PF2.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 "./Dt3lfDnL.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 };