@web-utils/form-ui 1.0.0-beta7 → 1.0.0-beta70

package/swiper/index.mjs

@@ -0,0 +1,126 @@
+import { t as e } from "../chunks/BwYEpK-u.mjs";
+import t from "../element-resize-observer/index.mjs";
+import { t as n } from "../chunks/DhQF2ZlD.mjs";
+import { createElementBlock as r, createElementVNode as i, createVNode as a, normalizeStyle as o, openBlock as s, renderSlot as c, withModifiers as l } from "vue";
+import { getEleWidth as u } from "@web-utils/core";
+//#region src/components/Swiper.vue
+var d = {
+	name: "Swiper",
+	data() {
+		return {
+			mouseDown: !1,
+			swiperBoxWith: 0,
+			swiperContentWidth: 0,
+			translateX: 0,
+			reachedLeft: !0,
+			reachedRight: !1,
+			childrenWidth: [],
+			swiperContentStyle: {
+				transitionDuration: "0ms",
+				transform: "translate3d(0px, 0px, 0px)"
+			}
+		};
+	},
+	async mounted() {
+		await this.layout();
+	},
+	updated() {
+		this.computeContentWidth();
+	},
+	methods: {
+		async layout() {
+			await this.$nextTick(), this.computeContentWidth(), this.resize();
+		},
+		resize() {
+			this.swiperBoxWith = this.$refs.swiperBox.offsetWidth;
+		},
+		computeContentWidth() {
+			let e = 0, t = [], { children: n } = this.$refs.swiperContent;
+			Array.prototype.forEach.call(n, (n) => {
+				let r = u(n);
+				e += r, t.push(r);
+			}), this.childrenWidth = t, this.swiperContentWidth = e;
+		},
+		updateDuration(e) {
+			this.swiperContentStyle.transitionDuration = e ? "300ms" : "0ms";
+		},
+		setTranslateX(e) {
+			this.swiperContentWidth <= this.swiperBoxWith || (e > 0 ? (this.translateX = 0, this.reachedLeft = !0, this.reachedRight = !1) : e - this.swiperBoxWith < -this.swiperContentWidth ? (this.translateX = -this.swiperContentWidth + this.swiperBoxWith, this.reachedLeft = !1, this.reachedRight = !0) : (this.translateX = e, this.reachedLeft = !1, this.reachedRight = !1), this.swiperContentStyle.transform = `translate3d(${this.translateX}px, 0px, 0px)`);
+		},
+		clickLeft() {
+			this.updateDuration(!0);
+			let e = this.translateX + this.swiperBoxWith, t = e;
+			if (e < 0) {
+				t = 0, e = -e;
+				for (let n = 0, r = this.childrenWidth.length; n < r && (t += this.childrenWidth[n], !(t >= e)); n++);
+				t = -t;
+			}
+			this.setTranslateX(t);
+		},
+		clickRight() {
+			this.updateDuration(!0);
+			let e = Math.abs(this.translateX - this.swiperBoxWith), t = 0;
+			for (let n = 0, r = this.childrenWidth.length; n < r; n++) if (t += this.childrenWidth[n], t >= e) {
+				t > e && (t -= this.childrenWidth[n]);
+				break;
+			}
+			this.setTranslateX(-t);
+		},
+		onMouseWheel(e) {
+			this.updateDuration(!0), e.deltaMode === WheelEvent.DOM_DELTA_LINE ? this.setTranslateX(this.translateX - e.deltaY * 30) : e.deltaMode === WheelEvent.DOM_DELTA_PAGE ? e.deltaY > 0 ? this.clickRight() : this.clickLeft() : this.setTranslateX(this.translateX - e.deltaY);
+		},
+		onMouseDown(e) {
+			this.mouseDown = !0, this.startX = e.clientX, this.translateXRaw = this.translateX, window.addEventListener("mousemove", this.onMouseMove, { passive: !1 }), window.addEventListener("mouseup", this.onMouseUp, { passive: !1 });
+		},
+		onMouseUp(e) {
+			this.mouseDown = !1, this.updateDuration(!0), this.$refs.swiperContent.addEventListener("transitionend", this.transitionend), this.$refs.swiperContent.addEventListener("webkitTransitionEnd", this.transitionend);
+			let t = e.clientX - this.startX;
+			if (t < 0) {
+				let e = this.translateX + t;
+				this.setTranslateX(e);
+			}
+			if (t > 0) {
+				let e = this.translateX + t;
+				this.setTranslateX(e);
+			}
+			window.removeEventListener("mousemove", this.onMouseMove), window.removeEventListener("mouseup", this.onMouseUp);
+		},
+		onMouseMove(e) {
+			this.mouseDown && requestAnimationFrame(() => {
+				let t = e.clientX - this.startX, n = this.translateXRaw + t;
+				this.setTranslateX(n);
+			});
+		},
+		transitionend() {
+			this.updateDuration(!1), this.$refs.swiperContent.removeEventListener("transitionend", this.transitionend), this.$refs.swiperContent.removeEventListener("webkitTransitionEnd", this.transitionend);
+		}
+	}
+}, f = { class: "fy-swiper" };
+function p(e, u, d, p, m, h) {
+	let g = n, _ = t;
+	return s(), r("div", f, [
+		a(g, {
+			disabled: m.reachedLeft,
+			icon: "el-icon-arrow-left",
+			onClick: h.clickLeft
+		}, null, 8, ["disabled", "onClick"]),
+		i("div", {
+			ref: "swiperBox",
+			class: "fy-swiper-box",
+			onWheel: u[0] || (u[0] = l((...e) => h.onMouseWheel && h.onMouseWheel(...e), ["stop", "prevent"]))
+		}, [i("div", {
+			ref: "swiperContent",
+			class: "fy-swiper-content",
+			style: o(m.swiperContentStyle)
+		}, [c(e.$slots, "default")], 4)], 544),
+		a(g, {
+			disabled: m.reachedRight,
+			icon: "el-icon-arrow-right",
+			onClick: h.clickRight
+		}, null, 8, ["disabled", "onClick"]),
+		a(_, { onNotify: h.resize }, null, 8, ["onNotify"])
+	]);
+}
+var m = /* @__PURE__ */ e(d, [["render", p]]);
+//#endregion
+export { m as default };

package/swiper/style.css

@@ -0,0 +1 @@
+.fy-swiper{align-items:center;width:100%;display:flex;position:relative}.fy-swiper .fy-swiper-box{-webkit-user-select:none;user-select:none;flex:auto;height:100%;overflow:hidden}.fy-swiper .fy-swiper-box .fy-swiper-content{flex-flow:row;width:100%;height:100%;transition-property:transform;display:flex;overflow:visible;transform:translate(0,0)}

package/table-column/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/DoNfjRR1.mjs";
+export { e as default };

package/table-column/style.css

@@ -0,0 +1 @@
+.is-clickable{cursor:pointer;text-decoration:underline}.is-clickable:hover{color:var(--color-primary)}.el-table__column-filter-trigger{line-height:unset}

package/table-column-def/index.mjs

@@ -0,0 +1,11 @@
+import { t as e } from "../chunks/h-Uhst9y.mjs";
+//#region src/components/table/TableColumnDef.vue
+var t = /* @__PURE__ */ Object.assign({ name: "TableColumnDef" }, {
+	__name: "TableColumnDef",
+	props: { ...e },
+	setup(e) {
+		return () => {};
+	}
+});
+//#endregion
+export { t as default };

package/table-view/index.mjs

@@ -1,9 +1,471 @@
+import "../chunks/CjjJimnU.mjs";
+import { n as e, t } from "../chunks/CQxz8uUc.mjs";
+import { f as n, i as r } from "../chunks/D-hj62se2.mjs";
+import { t as i } from "../chunks/DLgn1tQG2.mjs";
+import { t as a } from "../chunks/7JVbVOff2.mjs";
+import { t as o } from "../chunks/BCVhSMZN.mjs";
+import { t as s } from "../chunks/D8r81QxD.mjs";
+import { t as c } from "../chunks/BwYEpK-u.mjs";
+import { processButtons as l, reloadTable as u } from "../api/index.mjs";
+import { cellClickHandlerContextKey as d, tableViewContextKey as f } from "../constants/index.mjs";
+import { t as p } from "../chunks/DhQF2ZlD.mjs";
+import { s as m } from "../chunks/BsM0L7CS.mjs";
+import h from "../form-item-config-provider/index.mjs";
+import { t as g } from "../chunks/3gUkQF12.mjs";
+import { Transition as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, mergeProps as T, normalizeClass as E, normalizeStyle as D, openBlock as O, renderList as k, renderSlot as A, toDisplayString as j, toHandlers as M, vShow as N, withCtx as P, withDirectives as F, withModifiers as I } from "vue";
+import { hasOwn as L, isArray as R, isFunction as z, isString as B, toStringArray as V, trace as H, warning as U } from "@web-utils/core";
+import { merge as W } from "@web-utils/integrations/lodash";
 //#region src/components/form/TableView.vue
-var e = /* @__PURE__ */ Object.assign({ name: "TableView" }, {
-	__name: "TableView",
-	setup(e) {
-		return (e, t) => null;
+var G = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], K = {
+	name: "TableView",
+	bus: {
+		reloadTableView(e) {
+			if (this._viewIds) if (B(e) || R(e)) {
+				let t = e;
+				B(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && (H.call(this.$parent || {}, "reloadTableView"), this.reloadTable());
+			} else U.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+		},
+		reloadTreeView(e) {
+			if (this._viewIds) if (B(e) || R(e)) {
+				let t = e;
+				B(t) && (t = t.split(",")), this._viewIds.some((e) => t.includes(e)) && this.$refs.tree && (H.call(this.$parent || {}, "reloadTreeView"), this.reloadTree());
+			} else U.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+		}
+	},
+	provide() {
+		return {
+			[f]: this,
+			[d]: this.rowDbClick
+		};
+	},
+	props: {
+		data: Array,
+		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 G.filter((e) => this.$slots[e]);
+		},
+		toolbarProps() {
+			var e, t;
+			let n = W({}, this.toolbarAttrs, {}), r = (n == null ? void 0 : n.buttons) || this.$parent.buttons;
+			return r = r || [], n.buttons = r, n.buttons = l(n.buttons), n.buttons = V(n.buttons), n.searchable = !!((e = (t = this.$slots)["search-form"]) != null && e.call(t)), n;
+		},
+		treeProps() {
+			return n(W({}, this.treeAttrs, {
+				treeProps: {
+					children: "children",
+					label: "label",
+					isLeaf: (e) => L(e, "hasChildren") ? !e.hasChildren : L(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, t = {
+				model: this.searchModel || {},
+				height: "auto",
+				highlightCurrentRow: !0,
+				api: e
+			};
+			return n(W({}, this.tableAttrs, t));
+		},
+		searchPanelProps() {
+			let e = {
+				width: 350,
+				model: this.searchModel || {}
+			};
+			return n(W({}, 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: n,
+		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(e) {
+			this.$router.push(r(this.formPath, e));
+		},
+		rowDbClick(e) {
+			var t, n;
+			!((t = this.tableListeners) != null && t["row-dblclick"]) && !((n = this.tableListeners) != null && n.rowDblclick) && 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) && z(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, r) => {
+						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(), u();
+						} catch {}
+						r();
+					}
+				}).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;
+		}
 	}
-});
+}, q = { class: "table-view-wrapper" }, J = {
+	key: 0,
+	class: "search-form-top"
+}, Y = { class: "table-view-content-wrapper" }, X = { class: "table-view-content" }, Z = { class: "table-view-table" }, Q = { class: "slide-panel-content" }, $ = { class: "slide-panel-actions" };
+function ee(n, r, c, l, u, d) {
+	let f = p, L = m, R = i, z = h, B = t, V = a, H = g, U = s, W = o, G = e;
+	return O(), b("div", { class: E(["table-view", {
+		embed: c.embed,
+		"has-tree": d.treeProps.show
+	}]) }, [x("div", q, [
+		y("搜索条件"),
+		c.searchFormPosition === "top" ? (O(), v(V, { key: 0 }, {
+			default: P(() => [d.toolbarProps.searchable ? F((O(), b("div", J, [w(B, {
+				ref: "form",
+				"label-position": "right",
+				model: c.searchModel || d.searchPanelProps.model,
+				"label-width": c.labelWidth,
+				onSubmitCapture: I(d.onSearchClick, ["prevent"])
+			}, {
+				default: P(() => [w(z, { reactive: "" }, {
+					default: P(() => [w(R, { gutter: 0 }, {
+						default: P(() => [A(n.$slots, "search-form", {}, () => [r[3] || (r[3] = x("p", null, "请添加搜索条件！", -1))]), w(L, {
+							class: "search-actions",
+							"hide-label": "",
+							"fixed-span": 24
+						}, {
+							default: P(() => [w(f, {
+								type: "primary",
+								"native-type": "submit"
+							}, {
+								default: P(() => [...r[4] || (r[4] = [C("开始搜索", -1)])]),
+								_: 1
+							}), w(f, {
+								style: { "margin-left": "10px" },
+								onClick: d.onClearClick
+							}, {
+								default: P(() => [...r[5] || (r[5] = [C("清除条件", -1)])]),
+								_: 1
+							}, 8, ["onClick"])]),
+							_: 1
+						})]),
+						_: 3
+					})]),
+					_: 3
+				})]),
+				_: 3
+			}, 8, [
+				"model",
+				"label-width",
+				"onSubmitCapture"
+			])], 512)), [[N, u.isSearchVisible]]) : y("v-if", !0)]),
+			_: 3
+		})) : y("v-if", !0),
+		y("顶部工具条"),
+		c.showToolbar ? (O(), v(H, T({ key: 1 }, d.toolbarProps, {
+			refreshable: "",
+			onSearch: d.toggleSearch,
+			onSettings: r[0] || (r[0] = () => n.$refs.table.toggleSettings()),
+			onDel: d.del,
+			onCreate: d.create,
+			onReload: d.reloadTableAndTree,
+			onExp: d.exp,
+			onImp: r[1] || (r[1] = (e) => u.importDialogVisible = !0)
+		}, M(d.toolbarEventHandlers)), S({ _: 2 }, [
+			n.$slots["toolbar-button"] ? {
+				name: "default",
+				fn: P(() => [A(n.$slots, "toolbar-button", { selectedRows: u.selectedRows })]),
+				key: "0"
+			} : void 0,
+			n.$slots["toolbar-left"] ? {
+				name: "toolbar-left",
+				fn: P(() => [A(n.$slots, "toolbar-left", { selectedRows: u.selectedRows })]),
+				key: "1"
+			} : void 0,
+			n.$slots["toolbar-right"] ? {
+				name: "toolbar-right",
+				fn: P(() => [A(n.$slots, "toolbar-right", {
+					del: d.del,
+					create: d.create,
+					reload: d.reloadTableAndTree,
+					selectedRows: u.selectedRows
+				})]),
+				key: "2"
+			} : void 0,
+			n.$slots["toolbar-right-button"] ? {
+				name: "toolbar-right-button",
+				fn: P(() => [A(n.$slots, "toolbar-right-button")]),
+				key: "3"
+			} : void 0,
+			k(d.buttonSlots, (e) => ({
+				name: e,
+				fn: P(() => [A(n.$slots, e, { selectedRows: u.selectedRows })])
+			}))
+		]), 1040, [
+			"onSearch",
+			"onDel",
+			"onCreate",
+			"onReload",
+			"onExp"
+		])) : y("v-if", !0),
+		x("div", Y, [
+			x("div", X, [
+				y("侧栏"),
+				d.treeProps.show ? (O(), b("div", {
+					key: 0,
+					ref: "treeScroller",
+					class: "table-view-sidebar",
+					onScroll: r[2] || (r[2] = (...e) => d.onTreeScroll && d.onTreeScroll(...e))
+				}, [y("<div style=\"font-size: 16px\">视图导航</div>"), w(U, T({ ref: "tree" }, d.treeProps, { readonly: "" }, M(d.toHyphenateKey(c.treeListeners))), {
+					default: P(({ node: e, data: t }) => [A(n.$slots, "tree-node", {
+						node: e,
+						data: t
+					}, () => [x("span", null, [x("i", { class: E([e.childNodes.length > 0 ? e.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets", "node-icon"]) }, null, 2), A(n.$slots, "tree-label", {
+						node: e,
+						data: t
+					}, () => [C(j(e.label), 1)])])])]),
+					_: 3
+				}, 16)], 544)) : y("v-if", !0),
+				y("表格"),
+				x("div", Z, [w(W, T({
+					ref: "table",
+					border: c.border,
+					class: [{
+						"border-top": c.borderTop,
+						"border-bottom": c.borderBottom,
+						"border-left": c.borderLeft || c.treeAttrs && c.treeAttrs.show,
+						"border-right": c.borderRight
+					}]
+				}, d.tableProps, {
+					"row-key": c.rowKey,
+					"row-db-click": d.rowDbClick,
+					data: c.data
+				}, M(d.toHyphenateKey(c.tableListeners)), {
+					onRowDblclick: d.rowDbClick,
+					onSelectionChange: d.onSelectionChange
+				}), S({
+					default: P(() => [A(n.$slots, "columns")]),
+					_: 2
+				}, [k(d.tableScopeSlotNames, (e) => ({
+					name: e,
+					fn: P(({ row: t }) => [A(n.$slots, e, { row: t })])
+				}))]), 1040, [
+					"border",
+					"class",
+					"row-key",
+					"row-db-click",
+					"data",
+					"onRowDblclick",
+					"onSelectionChange"
+				])])
+			]),
+			y("搜索条件"),
+			c.searchFormPosition === "right" ? (O(), v(_, {
+				key: 0,
+				name: "slide"
+			}, {
+				default: P(() => [d.toolbarProps.searchable ? F((O(), b("div", {
+					key: 0,
+					style: D({ width: `${d.searchPanelProps.width}px` }),
+					class: "slide-panel"
+				}, [y("<div class=\"slide-panel-line\">\r\n                <div class=\"slide-panel-line-indicator\"></div>\r\n              </div>"), x("div", Q, [w(B, {
+					ref: "form",
+					"label-position": "right",
+					model: c.searchModel || d.searchPanelProps.model,
+					"label-width": c.labelWidth,
+					onSubmitCapture: I(d.onSearchClick, ["prevent"])
+				}, {
+					default: P(() => [w(z, {
+						block: "",
+						"wrap-col": !1
+					}, {
+						default: P(() => [w(R, { gutter: 0 }, {
+							default: P(() => [A(n.$slots, "search-form", {}, () => [r[6] || (r[6] = x("p", null, "请添加搜索条件！", -1))])]),
+							_: 3
+						})]),
+						_: 3
+					}), w(G, { "label-width": "0" }, {
+						default: P(() => [x("div", $, [w(f, {
+							type: "primary",
+							"native-type": "submit"
+						}, {
+							default: P(() => [...r[7] || (r[7] = [C("开始搜索", -1)])]),
+							_: 1
+						}), w(f, { onClick: d.onClearClick }, {
+							default: P(() => [...r[8] || (r[8] = [C("清除条件", -1)])]),
+							_: 1
+						}, 8, ["onClick"])])]),
+						_: 1
+					})]),
+					_: 3
+				}, 8, [
+					"model",
+					"label-width",
+					"onSubmitCapture"
+				])])], 4)), [[N, u.isSearchVisible]]) : y("v-if", !0)]),
+				_: 3
+			})) : y("v-if", !0)
+		]),
+		A(n.$slots, "default")
+	])], 2);
+}
+var te = /* @__PURE__ */ c(K, [["render", ee]]);
 //#endregion
-export { e as default };
+export { te 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%}