@web-utils/form-ui 1.0.0-beta6 → 1.0.0-beta61

package/chunks/3gUkQF12.mjs

@@ -0,0 +1,207 @@
+import { s as e } from "./D-hj62se2.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 "./DhQF2ZlD.mjs";
+import { Comment as a, createVNode as o } from "vue";
+import { NOOP as s, capitalize as c } from "@web-utils/core";
+//#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: a, 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${c(t)}`] || s)(n);
+			}), o(i, {
+				"separate-line": l,
+				icon: r,
+				title: p,
+				label: g,
+				loadable: u,
+				circle: d,
+				footer: this.footer,
+				type: a,
+				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 o, s;
+					let e = ((o = (s = this.$slots).default) == null ? void 0 : o.call(s, {
+						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 !== a);
+					}
+					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 ? o("div", { class: "footer-bar" }, [this.getLeftButtons()]) : o("div", { class: "toolbar" }, [o("div", { class: "toolbar-left" }, [this.getLeftButtons()]), o("div", { class: "toolbar-right" }, [this.getRightButtons()])]);
+	}
+};
+//#endregion
+export { u as t };