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

package/table-view/index.mjs

@@ -1,9 +1,457 @@
+import { i as e, l as t } from "../chunks/DcTVYqeJ.mjs";
+import { processButtons as n, reloadTable as r } from "../api/index.mjs";
+import { tableViewContextKey as i } from "../constants/index.mjs";
+import { t as a } from "../chunks/CxTg0r4n.mjs";
+import { t as o } from "../chunks/Cln3RBAD.mjs";
+import { t as s } from "../chunks/CkOD-_VV.mjs";
+import { a as c } from "../chunks/D_qiRmiE.mjs";
+import l from "../form-item-config-provider/index.mjs";
+import { t as u } from "../chunks/cqIZWDHo.mjs";
+import { t as d } from "../chunks/hzaYr6Ud2.mjs";
+import { hasOwn as f, isArray as p, isFunction as m, isString as h, toStringArray as g, trace as _, warning as v } from "@web-utils/core";
+import { Transition as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createSlots as w, createTextVNode as T, createVNode as E, mergeProps as D, normalizeClass as O, normalizeStyle as k, openBlock as A, renderList as j, renderSlot as M, toDisplayString as N, toHandlers as P, vShow as F, withCtx as I, withDirectives as L, withModifiers as R } from "vue";
+import { merge as z } from "@web-utils/integrations/lodash";
+import { ElCollapseTransition as B, ElForm as V, ElFormItem as H, ElRow as U } from "element-plus/es";
 //#region src/components/form/TableView.vue
-var e = /* @__PURE__ */ Object.assign({ name: "TableView" }, {
-	__name: "TableView",
-	setup(e) {
-		return (e, t) => null;
+var W = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], G = {
+	name: "TableView",
+	bus: {
+		reloadTableView(e) {
+			if (this._viewIds) if (h(e) || p(e)) {
+				let t = e;
+				h(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && (_.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
+			} else v.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+		},
+		reloadTreeView(e) {
+			if (this._viewIds) if (h(e) || p(e)) {
+				let t = e;
+				h(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && this.$refs.tree && (_.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
+			} else v.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+		}
+	},
+	provide() {
+		return { [i]: this };
+	},
+	props: {
+		viewId: [String, Array],
+		searchPanelAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarListeners: Object,
+		treeAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		treeListeners: Object,
+		tableAttrs: Object,
+		searchModel: Object,
+		tableListeners: {
+			type: Object,
+			default: () => {}
+		},
+		deleteApi: Function,
+		borderTop: Boolean,
+		borderBottom: Boolean,
+		borderLeft: Boolean,
+		borderRight: Boolean,
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		labelWidth: {
+			type: String,
+			default: "120px"
+		},
+		formPath: [String, Function],
+		searchFormPosition: {
+			type: String,
+			default: "top"
+		},
+		embed: Boolean,
+		deleteTips: String,
+		selectTips: String,
+		rowKey: {
+			type: String,
+			default: "id"
+		},
+		expandSearch: Boolean,
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["reset"],
+	data() {
+		return {
+			importDialogVisible: !1,
+			selectedRows: [],
+			isSearchVisible: !1
+		};
+	},
+	computed: {
+		buttonSlots() {
+			return W.filter((e) => this.$slots[e]);
+		},
+		toolbarProps() {
+			var e, t;
+			let r = z({}, this.toolbarAttrs, {}), i = (r == null ? void 0 : r.buttons) || this.$parent.buttons;
+			return i = i || [], r.buttons = i, r.buttons = n(r.buttons), r.buttons = g(r.buttons), r.searchable = !!((e = (t = this.$slots)["search-form"]) != null && e.call(t)), r;
+		},
+		treeProps() {
+			return t(z({}, this.treeAttrs, {
+				treeProps: {
+					children: "children",
+					label: "label",
+					isLeaf: (e) => f(e, "hasChildren") ? !e.hasChildren : f(e, "hasChild") ? !e.hasChild : !0
+				},
+				show: !1,
+				lazy: !0,
+				readonly: !0,
+				data: [],
+				expandFirstNode: !0,
+				defaultExpandAll: !1
+			}));
+		},
+		tableProps() {
+			let e = this.tableAttrs.api || this.$parent.getPage, n = {
+				model: this.searchModel || {},
+				height: "auto",
+				highlightCurrentRow: !0,
+				api: e
+			};
+			return t(z({}, this.tableAttrs, n));
+		},
+		searchPanelProps() {
+			let e = {
+				width: 350,
+				model: this.searchModel || {}
+			};
+			return t(z({}, this.searchPanelAttrs, e));
+		},
+		toolbarEventHandlers() {
+			if (this.toolbarListeners) {
+				let { exp: e, ...t } = this.toolbarListeners;
+				return t;
+			}
+			return {};
+		},
+		tableScopeSlotNames() {
+			var e;
+			return ((e = this.tableAttrs) == null || (e = e.columns) == null ? void 0 : e.map((e) => e.prop).filter((e) => this.$slots[e])) ?? [];
+		}
+	},
+	watch: { expandSearch: {
+		immediate: !0,
+		handler(e) {
+			this.isSearchVisible = e;
+		}
+	} },
+	created() {
+		this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
+	},
+	activated() {
+		this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
+	},
+	methods: {
+		toHyphenateKey: t,
+		onTreeScroll() {
+			this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
+		},
+		toggleSearch() {
+			this.isSearchVisible = !this.isSearchVisible;
+		},
+		onSearchClick() {
+			this.reloadTable();
+		},
+		onClearClick() {
+			this.$emit("reset"), this.$refs.form.resetFields(), this.reloadTable();
+		},
+		openFrom(t) {
+			this.$router.push(e(this.formPath, t));
+		},
+		rowDbClick(e) {
+			var t;
+			!((t = this.tableListeners) != null && t["row-dblclick"]) && this.formPath && this.openFrom(e);
+		},
+		onSelectionChange(e) {
+			this.selectedRows = e;
+		},
+		create() {
+			var e;
+			!((e = this.toolbarListeners) != null && e.create) && this.formPath && this.openFrom();
+		},
+		async del() {
+			var e;
+			let t = this.deleteApi || this.$parent.del;
+			if (!((e = this.toolbarListeners) != null && e.del) && m(t)) {
+				if (!this.selectedRows.length) {
+					this.$message.warning(this.selectTips || "请选择要删除的记录！");
+					return;
+				}
+				await this.$confirm(this.deleteTips || `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`, "系统提示", {
+					type: "warning",
+					modal: !0,
+					dangerouslyUseHTMLString: !0,
+					closeOnClickModal: !1,
+					beforeClose: async (e, n, i) => {
+						if (e === "confirm") try {
+							n.confirmButtonLoading = !0, n.confirmButtonText = "删除...";
+							let e = await t.call(this, this.selectedRows.map((e) => e[this.rowKey]));
+							this.$message.success(e.data.msg || "删除成功"), this.reloadTableAndTree(), r();
+						} catch {}
+						i();
+					}
+				}).catch((e) => e);
+			}
+		},
+		reloadTable() {
+			var e;
+			(e = this.$refs.table) == null || e.reload();
+		},
+		async refreshTable(e) {
+			var t;
+			await ((t = this.$refs.table) == null ? void 0 : t.getPage(e));
+		},
+		reloadTree() {
+			var e;
+			(e = this.$refs.tree) == null || e.reloadTree();
+		},
+		reloadTableAndTree() {
+			this.reloadTable(), this.reloadTree();
+		},
+		currentRow() {
+			return this.$refs.table.currentRow;
+		},
+		getPageQuery() {
+			return this.$refs.table.getPageQuery();
+		},
+		exp() {
+			var e, t;
+			(e = (t = this.toolbarListeners).exp) == null || e.call(t, this.selectedRows);
+		},
+		getTableColumns() {
+			return this.$refs.table.tableColumns;
+		}
 	}
-});
+}, K = { class: "table-view-wrapper" }, q = {
+	key: 0,
+	class: "search-form-top"
+}, J = { class: "table-view-content-wrapper" }, Y = { class: "table-view-content" }, X = { class: "table-view-table" }, Z = { class: "slide-panel-content" }, Q = { class: "slide-panel-actions" };
+function $(e, t, n, r, i, s) {
+	let f = a, p = c, m = U, h = l, g = V, _ = B, v = d, z = o, W = u, G = H;
+	return A(), S("div", { class: O(["table-view", {
+		embed: n.embed,
+		"has-tree": s.treeProps.show
+	}]) }, [C("div", K, [
+		x("搜索条件"),
+		n.searchFormPosition === "top" ? (A(), b(_, { key: 0 }, {
+			default: I(() => [s.toolbarProps.searchable ? L((A(), S("div", q, [E(g, {
+				ref: "form",
+				"label-position": "right",
+				model: n.searchModel || s.searchPanelProps.model,
+				"label-width": n.labelWidth,
+				onSubmitCapture: R(s.onSearchClick, ["prevent"])
+			}, {
+				default: I(() => [E(h, { reactive: "" }, {
+					default: I(() => [E(m, { gutter: 0 }, {
+						default: I(() => [M(e.$slots, "search-form", {}, () => [t[3] || (t[3] = C("p", null, "请添加搜索条件！", -1))]), E(p, {
+							class: "search-actions",
+							"hide-label": "",
+							"fixed-span": 24
+						}, {
+							default: I(() => [E(f, {
+								type: "primary",
+								"native-type": "submit"
+							}, {
+								default: I(() => [...t[4] || (t[4] = [T("开始搜索", -1)])]),
+								_: 1
+							}), E(f, {
+								style: { "margin-left": "10px" },
+								onClick: s.onClearClick
+							}, {
+								default: I(() => [...t[5] || (t[5] = [T("清除条件", -1)])]),
+								_: 1
+							}, 8, ["onClick"])]),
+							_: 1
+						})]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, [
+				"model",
+				"label-width",
+				"onSubmitCapture"
+			])], 512)), [[F, i.isSearchVisible]]) : x("v-if", !0)]),
+			_: 3
+		})) : x("v-if", !0),
+		x("顶部工具条"),
+		n.showToolbar ? (A(), b(v, D({ key: 1 }, s.toolbarProps, {
+			refreshable: "",
+			onSearch: s.toggleSearch,
+			onSettings: t[0] || (t[0] = () => e.$refs.table.toggleSettings()),
+			onDel: s.del,
+			onCreate: s.create,
+			onReload: s.reloadTableAndTree,
+			onExp: s.exp,
+			onImp: t[1] || (t[1] = (e) => i.importDialogVisible = !0)
+		}, P(s.toolbarEventHandlers)), w({ _: 2 }, [
+			e.$slots["toolbar-button"] ? {
+				name: "default",
+				fn: I(() => [M(e.$slots, "toolbar-button", { selectedRows: i.selectedRows })]),
+				key: "0"
+			} : void 0,
+			e.$slots["toolbar-left"] ? {
+				name: "toolbar-left",
+				fn: I(() => [M(e.$slots, "toolbar-left", { selectedRows: i.selectedRows })]),
+				key: "1"
+			} : void 0,
+			e.$slots["toolbar-right"] ? {
+				name: "toolbar-right",
+				fn: I(() => [M(e.$slots, "toolbar-right", {
+					del: s.del,
+					create: s.create,
+					reload: s.reloadTableAndTree,
+					selectedRows: i.selectedRows
+				})]),
+				key: "2"
+			} : void 0,
+			e.$slots["toolbar-right-button"] ? {
+				name: "toolbar-right-button",
+				fn: I(() => [M(e.$slots, "toolbar-right-button")]),
+				key: "3"
+			} : void 0,
+			j(s.buttonSlots, (t) => ({
+				name: t,
+				fn: I(() => [M(e.$slots, t, { selectedRows: i.selectedRows })])
+			}))
+		]), 1040, [
+			"onSearch",
+			"onDel",
+			"onCreate",
+			"onReload",
+			"onExp"
+		])) : x("v-if", !0),
+		C("div", J, [
+			C("div", Y, [
+				x("侧栏"),
+				s.treeProps.show ? (A(), S("div", {
+					key: 0,
+					ref: "treeScroller",
+					class: "table-view-sidebar",
+					onScroll: t[2] || (t[2] = (...e) => s.onTreeScroll && s.onTreeScroll(...e))
+				}, [x("<div style=\"font-size: 16px\">视图导航</div>"), E(z, D({ ref: "tree" }, s.treeProps, { readonly: "" }, P(s.toHyphenateKey(n.treeListeners))), {
+					default: I(({ node: t, data: n }) => [M(e.$slots, "tree-node", {
+						node: t,
+						data: n
+					}, () => [C("span", null, [C("i", { class: O([t.childNodes.length > 0 ? t.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets", "node-icon"]) }, null, 2), M(e.$slots, "tree-label", {
+						node: t,
+						data: n
+					}, () => [T(N(t.label), 1)])])])]),
+					_: 3
+				}, 16)], 544)) : x("v-if", !0),
+				x("表格"),
+				C("div", X, [E(W, D({
+					ref: "table",
+					border: n.border,
+					class: [{
+						"border-top": n.borderTop,
+						"border-bottom": n.borderBottom,
+						"border-left": n.borderLeft || n.treeAttrs && n.treeAttrs.show,
+						"border-right": n.borderRight
+					}]
+				}, s.tableProps, P(s.toHyphenateKey(n.tableListeners)), {
+					onRowDblclick: s.rowDbClick,
+					onSelectionChange: s.onSelectionChange
+				}), w({
+					default: I(() => [M(e.$slots, "columns")]),
+					_: 2
+				}, [j(s.tableScopeSlotNames, (t) => ({
+					name: t,
+					fn: I(({ row: n }) => [M(e.$slots, t, { row: n })])
+				}))]), 1040, [
+					"border",
+					"class",
+					"onRowDblclick",
+					"onSelectionChange"
+				])])
+			]),
+			x("搜索条件"),
+			n.searchFormPosition === "right" ? (A(), b(y, {
+				key: 0,
+				name: "slide"
+			}, {
+				default: I(() => [s.toolbarProps.searchable ? L((A(), S("div", {
+					key: 0,
+					style: k({ width: `${s.searchPanelProps.width}px` }),
+					class: "slide-panel"
+				}, [x("<div class=\"slide-panel-line\">\n                <div class=\"slide-panel-line-indicator\"></div>\n              </div>"), C("div", Z, [E(g, {
+					ref: "form",
+					"label-position": "right",
+					model: n.searchModel || s.searchPanelProps.model,
+					"label-width": n.labelWidth,
+					onSubmitCapture: R(s.onSearchClick, ["prevent"])
+				}, {
+					default: I(() => [E(h, {
+						block: "",
+						"wrap-col": !1
+					}, {
+						default: I(() => [E(m, { gutter: 0 }, {
+							default: I(() => [M(e.$slots, "search-form", {}, () => [t[6] || (t[6] = C("p", null, "请添加搜索条件！", -1))])]),
+							_: 3
+						})]),
+						_: 3
+					}), E(G, { "label-width": "0" }, {
+						default: I(() => [C("div", Q, [E(f, {
+							type: "primary",
+							"native-type": "submit"
+						}, {
+							default: I(() => [...t[7] || (t[7] = [T("开始搜索", -1)])]),
+							_: 1
+						}), E(f, { onClick: s.onClearClick }, {
+							default: I(() => [...t[8] || (t[8] = [T("清除条件", -1)])]),
+							_: 1
+						}, 8, ["onClick"])])]),
+						_: 1
+					})]),
+					_: 3
+				}, 8, [
+					"model",
+					"label-width",
+					"onSubmitCapture"
+				])])], 4)), [[F, i.isSearchVisible]]) : x("v-if", !0)]),
+				_: 3
+			})) : x("v-if", !0)
+		]),
+		M(e.$slots, "default")
+	])], 2);
+}
+var ee = /* @__PURE__ */ s(G, [["render", $]]);
 //#endregion
-export { e as default };
+export { ee as default };

package/table-view/style.css

@@ -0,0 +1 @@
+.table-view{flex-direction:column;height:100%;padding:10px;display:flex}.table-view.has-tree .table-view-wrapper .pageable-table-wrapper,.table-view.embed{padding:0}.table-view.embed .toolbar{border:1px solid #ebeef5;border-bottom:none}.table-view.embed .table-view-wrapper{box-shadow:none;border-radius:0}.table-view.embed .table-view-wrapper .pageable-table-wrapper{padding:0}.table-view .toolbar{border-bottom:none;height:46px;line-height:46px}.table-view .table-view-wrapper{border-radius:4px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000001a}.table-view .table-view-wrapper .pageable-table-wrapper{padding-left:10px;padding-right:10px}.table-view .table-view-wrapper .el-pagination{color:#303133;white-space:nowrap;text-align:left;padding:6px 10px;font-weight:700}.table-view .border-top .el-table--border{border-top:1px solid #ebeef5}.table-view .border-bottom .el-table--border{border-bottom:1px solid #ebeef5}.table-view .border-left .el-table--border,.table-view .border-left .el-pagination{border-left:1px solid #ebeef5}.table-view .border-right .el-table--border{border-right:1px solid #ebeef5}.table-view .node-icon{margin-right:4px}.table-view .table-view-content-wrapper{flex:1;position:relative;overflow:hidden}.table-view .table-view-content{background-color:#fff;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.table-view .table-view-sidebar{background-color:#fafafa;border-top:1px solid #ebeef5;flex-shrink:0;width:240px;height:100%;padding:4px 10px 10px 4px;overflow:auto}.table-view .table-view-sidebar .et-tree-wrapper{display:table;overflow:visible}.table-view .table-view-sidebar .et-tree-wrapper .el-tree{background-color:#0000}.table-view .table-view-table{flex:auto;height:100%}.table-view .search-form-top{background-color:#fff;padding:10px 10px 0}.table-view .search-form-top .el-form-item__content{align-items:center;display:flex}.table-view .search-actions{float:right}.table-view .search-actions .el-form-item__content{text-align:right;justify-content:right}.table-view .slide-panel{z-index:5;background-color:#fff;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 10px 5px #0000001a}.table-view .slide-panel .slide-panel-line{background-color:#ddd;flex-shrink:0;width:3px;height:100%;position:relative}.table-view .slide-panel .slide-panel-line-indicator{background-color:#aaa;width:100%;height:50px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.table-view .slide-panel .slide-panel-actions{justify-content:center;align-items:center;margin-top:10px;display:flex}.table-view .slide-panel .slide-panel-content{flex:1;padding:10px;overflow:auto}.table-view .slide-panel .slide-panel-content .el-date-editor{width:100%}

package/toolbar/index.d.ts

@@ -1,2 +1,129 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { toolbarContextKey } from '../../constants';
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    searchable: BooleanConstructor;
+    refreshable: BooleanConstructor;
+    buttons: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    back: FunctionConstructor;
+    cancel: FunctionConstructor;
+    emitter: {
+        type: StringConstructor;
+        default: string;
+    };
+    footer: BooleanConstructor;
+    label: ObjectConstructor;
+}>, {}, {}, {}, {
+    goBack(): void;
+    createButton(key: any, { label, icon, type, separateLine, loadable, circle, onClick, title }: {
+        label: any;
+        icon: any;
+        type: any;
+        separateLine?: boolean | undefined;
+        loadable: any;
+        circle: any;
+        onClick: any;
+        title: any;
+    }): any;
+    getLeftButtons(): any[];
+    getRightButtons(): any[];
+    getSearchButton(): any;
+    getRefreshButton(): any;
+    getSettingsButton(): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    searchable: BooleanConstructor;
+    refreshable: BooleanConstructor;
+    buttons: {
+        type: ArrayConstructor;
+        default: () => string[];
+    };
+    back: FunctionConstructor;
+    cancel: FunctionConstructor;
+    emitter: {
+        type: StringConstructor;
+        default: string;
+    };
+    footer: BooleanConstructor;
+    label: ObjectConstructor;
+}>> & Readonly<{}>, {
+    footer: boolean;
+    searchable: boolean;
+    refreshable: boolean;
+    buttons: unknown[];
+    emitter: string;
+}, {}, {}, {}, string, () => {
+    [toolbarContextKey]: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
+        searchable: BooleanConstructor;
+        refreshable: BooleanConstructor;
+        buttons: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        back: FunctionConstructor;
+        cancel: FunctionConstructor;
+        emitter: {
+            type: StringConstructor;
+            default: string;
+        };
+        footer: BooleanConstructor;
+        label: ObjectConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {
+        goBack(): void;
+        createButton(key: any, { label, icon, type, separateLine, loadable, circle, onClick, title }: {
+            label: any;
+            icon: any;
+            type: any;
+            separateLine?: boolean | undefined;
+            loadable: any;
+            circle: any;
+            onClick: any;
+            title: any;
+        }): any;
+        getLeftButtons(): any[];
+        getRightButtons(): any[];
+        getSearchButton(): any;
+        getRefreshButton(): any;
+        getSettingsButton(): any;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, {}, {}, false, {}, {}, {}, {}, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<globalThis.ExtractPropTypes<{
+        searchable: BooleanConstructor;
+        refreshable: BooleanConstructor;
+        buttons: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        back: FunctionConstructor;
+        cancel: FunctionConstructor;
+        emitter: {
+            type: StringConstructor;
+            default: string;
+        };
+        footer: BooleanConstructor;
+        label: ObjectConstructor;
+    }>> & Readonly<{}>, {}, {}, {}, {
+        goBack(): void;
+        createButton(key: any, { label, icon, type, separateLine, loadable, circle, onClick, title }: {
+            label: any;
+            icon: any;
+            type: any;
+            separateLine?: boolean | undefined;
+            loadable: any;
+            circle: any;
+            onClick: any;
+            title: any;
+        }): any;
+        getLeftButtons(): any[];
+        getRightButtons(): any[];
+        getSearchButton(): any;
+        getRefreshButton(): any;
+        getSettingsButton(): any;
+    }, {}>;
+}, true, {}, any>;
 export default _default;

package/toolbar/index.mjs

@@ -1,9 +1,2 @@
-//#region src/components/form/Toolbar.vue
-var e = /* @__PURE__ */ Object.assign({ name: "Toolbar" }, {
-	__name: "Toolbar",
-	setup(e) {
-		return (e, t) => null;
-	}
-});
-//#endregion
+import { t as e } from "../chunks/hzaYr6Ud2.mjs";
 export { e as default };

package/toolbar/style.css

@@ -0,0 +1 @@
+.toolbar{background-color:#fff;border-bottom:1px solid #e5e9ec;height:40px;padding:0 10px;line-height:40px;display:flex}.toolbar .toolbar-left{flex:auto}.toolbar .toolbar-left .el-button [class*=\ el-icon-],.toolbar .toolbar-left .el-button [class^=el-icon-]{margin-top:-1px;font-size:15px}.toolbar .toolbar-right .el-button{align-items:center;display:inline-flex}.footer-bar{flex-direction:row;justify-content:center;align-items:center;padding-top:10px;display:flex}.footer-bar .el-button{padding:10px 40px}