@web-utils/form-ui 1.0.0-beta47 → 1.0.0-beta48

package/chunks/BRRcYOud.mjs

@@ -0,0 +1,613 @@
+import { d as e, n as t, r as n } from "./DcTVYqeJ.mjs";
+import { getDictLabel as r } from "../helper/dictionary.mjs";
+import { pageableTableContextKey as i } from "../constants/index.mjs";
+import { t as a } from "./CxTg0r4n.mjs";
+import o from "../element-resize-observer/index.mjs";
+import { t as s } from "./B-zqRAXo.mjs";
+import { useVisibilityChange as c } from "../hook/useVisibilityChange.mjs";
+import "@web-utils/core";
+import { Fragment as l, computed as u, createBlock as d, createTextVNode as f, createVNode as p, inject as m, isVNode as h, mergeModels as g, mergeProps as _, nextTick as v, onUpdated as ee, openBlock as y, provide as te, reactive as b, ref as x, toDisplayString as S, useModel as C, useTemplateRef as w, watch as T, withCtx as E } from "vue";
+import { ElMessage as D } from "element-plus";
+import { ElCheckbox as O, ElDrawer as k, ElEmpty as ne, ElPagination as re, ElRadio as A, ElTable as j, ElTableColumn as M } from "element-plus/es";
+import { useEventBus as N } from "@web-utils/vue/hooks/useEventBus";
+//#region src/components/table/components/TableColumnFilter.vue
+var ie = {
+	__name: "TableColumnFilter",
+	props: /* @__PURE__ */ g({ columns: {
+		type: Array,
+		default: () => []
+	} }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e, { expose: t }) {
+		let n = C(e, "modelValue"), r = b({}), i = b({}), a = b({}), o = b({}), s = (e, t, n) => {
+			n === "hide" ? r[t.prop] = e : n === "fixed" ? i[t.prop] = e : n === "filterable" ? a[t.prop] = e : n === "sortable" && (o[t.prop] = e);
+		};
+		return t({
+			hideProps: r,
+			fixedProps: i,
+			filterableProps: a,
+			sortableProps: o
+		}), (t, r) => {
+			let i = M, a = O, o = j, c = k;
+			return y(), d(c, {
+				modelValue: n.value,
+				"onUpdate:modelValue": r[0] || (r[0] = (e) => n.value = e),
+				class: "table-column-filter",
+				title: "表格设置",
+				"append-to-body": ""
+			}, {
+				default: E(() => [p(o, {
+					data: e.columns,
+					border: ""
+				}, {
+					default: E(() => [
+						p(i, { label: "列名" }, {
+							default: E(({ row: e }) => [f(S(e.label), 1)]),
+							_: 1
+						}),
+						p(i, {
+							label: "隐藏",
+							align: "center"
+						}, {
+							default: E(({ row: e }) => [p(a, { onChange: (t) => s(t, e, "hide") }, null, 8, ["onChange"])]),
+							_: 1
+						}),
+						p(i, {
+							label: "冻结",
+							align: "center"
+						}, {
+							default: E(({ row: e }) => [p(a, { onChange: (t) => s(t, e, "fixed") }, null, 8, ["onChange"])]),
+							_: 1
+						}),
+						p(i, {
+							label: "过滤",
+							align: "center"
+						}, {
+							default: E(({ row: e }) => [p(a, { onChange: (t) => s(t, e, "filterable") }, null, 8, ["onChange"])]),
+							_: 1
+						}),
+						p(i, {
+							label: "排序",
+							align: "center"
+						}, {
+							default: E(({ row: e }) => [p(a, {
+								title: e.allowSort ? null : "该列不支持排序!",
+								disabled: !e.allowSort,
+								onChange: (t) => s(t, e, "sortable")
+							}, null, 8, [
+								"title",
+								"disabled",
+								"onChange"
+							])]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["data"])]),
+				_: 1
+			}, 8, ["modelValue"]);
+		};
+	}
+};
+//#endregion
+//#region src/components/table/components/TableColumnFilterable.vue?vue&type=script&lang.jsx
+function P(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
+}
+//#endregion
+//#region src/components/table/components/TableColumnFilterable.vue
+var ae = {
+	props: {
+		filterable: Boolean,
+		prop: String
+	},
+	setup(e, { attrs: t, slots: n }) {
+		let r = m(i, null), a = u(() => {
+			if (e.filterable && r) return (e, t, n) => t[n.property] === e;
+		}), o = u(() => {
+			if (e.filterable && r) return [...new Set(r.records.value.map((t) => t[e.prop]).filter((e) => e))].map((e) => ({
+				text: e,
+				value: e
+			}));
+		});
+		return () => p(s, _(t, {
+			prop: e.prop,
+			filterable: e.filterable,
+			filterMethod: a.value,
+			filters: o.value
+		}), P(n) ? n : { default: () => [n] });
+	}
+}, F = {
+	data: {
+		type: Array,
+		default: () => []
+	},
+	height: [String, Number],
+	maxHeight: [String, Number],
+	stripe: {
+		type: Boolean,
+		default: !1
+	},
+	border: {
+		type: Boolean,
+		default: !0
+	},
+	size: String,
+	fit: {
+		type: Boolean,
+		default: !0
+	},
+	showHeader: {
+		type: Boolean,
+		default: !0
+	},
+	highlightCurrentRow: {
+		type: Boolean,
+		default: !1
+	},
+	currentRowKey: [String, Number],
+	rowClassName: [Function, String],
+	rowStyle: [Function, Object],
+	cellClassName: [Function, String],
+	cellStyle: [Function, Object],
+	headerRowClassName: [Function, String],
+	headerRowStyle: [Function, Object],
+	headerCellClassName: [Function, String],
+	headerCellStyle: [Function, Object],
+	rowKey: {
+		type: [Function, String],
+		default: "id"
+	},
+	emptyText: {
+		type: String,
+		default: "No Data"
+	},
+	defaultExpandAll: {
+		type: Boolean,
+		default: !1
+	},
+	expandRowKeys: {
+		type: Array,
+		default: () => []
+	},
+	defaultSort: Object,
+	tooltipEffect: {
+		type: String,
+		default: "dark"
+	},
+	tooltipOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	appendFilterPanelTo: String,
+	showSummary: {
+		type: Boolean,
+		default: !1
+	},
+	sumText: {
+		type: String,
+		default: "Sum"
+	},
+	summaryMethod: Function,
+	spanMethod: Function,
+	selectOnIndeterminate: {
+		type: Boolean,
+		default: !0
+	},
+	indent: {
+		type: Number,
+		default: 16
+	},
+	lazy: {
+		type: Boolean,
+		default: !1
+	},
+	load: Function,
+	treeProps: {
+		type: Object,
+		default: () => ({})
+	},
+	tableLayout: {
+		type: String,
+		default: "fixed"
+	},
+	scrollbarAlwaysOn: {
+		type: Boolean,
+		default: !1
+	},
+	showOverflowTooltip: [Boolean, Object],
+	flexible: {
+		type: Boolean,
+		default: !1
+	},
+	scrollbarTabindex: [String, Number],
+	allowDragLastColumn: {
+		type: Boolean,
+		default: !0
+	},
+	tooltipFormatter: Function,
+	preserveExpandedContent: {
+		type: Boolean,
+		default: !1
+	},
+	nativeScrollbar: {
+		type: Boolean,
+		default: !1
+	},
+	rowExpandable: Function,
+	selectionWidth: {
+		type: String,
+		default: "45"
+	},
+	viewId: String,
+	url: String,
+	hideOnSinglePage: Boolean,
+	api: Function,
+	model: Object,
+	ascs: {
+		type: Array,
+		default: () => []
+	},
+	descs: {
+		type: Array,
+		default: () => []
+	},
+	headerBold: Boolean,
+	autoHeight: Boolean,
+	immediate: {
+		type: Boolean,
+		default: !0
+	},
+	index: {
+		type: Boolean,
+		default: !0
+	},
+	multiple: {
+		type: Boolean,
+		default: !0
+	},
+	selection: {
+		type: Boolean,
+		default: !0
+	},
+	reloadOnModelChange: {
+		type: Boolean,
+		default: !1
+	},
+	columns: Array,
+	pageSize: {
+		type: Number,
+		default: 25
+	},
+	dicOptions: {
+		type: Array,
+		default: () => []
+	},
+	paging: {
+		type: Boolean,
+		default: !0
+	},
+	clickRowSelect: Boolean,
+	payloadStyle: String,
+	disabledRowKeys: Array,
+	selectExport: Boolean,
+	useVisibilityChange: Boolean
+}, I = { data: !0 }, oe = (e) => I[e] !== !0;
+//#endregion
+//#region src/components/table/PageableTable.vue?vue&type=script&lang.jsx
+function se(e) {
+	let t = "";
+	for (let n in e) t += `<TableColumnDef prop="${n}" label="${n}"/>\n`;
+	return t;
+}
+var L = {
+	loading: 1,
+	error: -1,
+	empty: 2,
+	success: 0
+}, R = {
+	name: "PageableTable",
+	emits: { "page-loaded": null },
+	inheritAttrs: !1,
+	props: { ...F },
+	setup(s, { emit: d, attrs: m, slots: h, expose: g }) {
+		let y = w("table"), b = w("settingPanel"), S = x(L.empty), C = x([]), E = x(null), O = x(!1), k = x([]), P = x({
+			total: 0,
+			page: 1,
+			limit: s.pageSize,
+			ascs: s.ascs,
+			descs: s.descs
+		}), F = x(0), I = x(0), R = u(() => s.reloadOnModelChange ? {
+			asc: P.value.ascs,
+			desc: P.value.descs,
+			page: P.value.page,
+			limit: P.value.limit,
+			model: s.model
+		} : {
+			asc: P.value.ascs,
+			desc: P.value.descs,
+			page: P.value.page,
+			limit: P.value.limit
+		}), z = u(() => {
+			var e;
+			let t = `${(P.value.page - 1) * P.value.limit + (((e = C.value) == null ? void 0 : e.length) ?? 0)}`;
+			return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
+		}), B = () => {
+			H();
+		}, V = (e, t, n) => {
+			if (s.clickRowSelect && $(e)) {
+				var r;
+				if (k.value.find((t) => t[s.rowKey] === e[s.rowKey])) {
+					var i;
+					(i = y.value) == null || i.toggleRowSelection(e, !1);
+					return;
+				}
+				(r = y.value) == null || r.toggleRowSelection(e);
+			}
+		}, H = () => {
+			var e, t;
+			let n = (e = y.value) == null || (e = e.$children) == null ? void 0 : e.find((e) => {
+				var t;
+				return ((t = e.$options) == null ? void 0 : t.name) === "ElTableBody";
+			});
+			n == null || (t = n.$refs) == null || (t = t.tooltip) == null || t.hide();
+		}, U = ({ scrollLeft: e, scrollTop: t }) => {
+			F.value = t, I.value = e;
+		}, W = () => {
+			fe(F.value, I.value);
+		}, G = (e) => t(se(e)), ce = ({ prop: e, order: t }) => {
+			s.payloadStyle === "body" ? (P.value.ascs = t === "ascending" ? [e] : s.ascs, P.value.descs = t === "descending" ? [e] : s.descs) : (P.value.ascs = t === "ascending" ? e : "", P.value.descs = t === "descending" ? e : "");
+		}, le = (e) => {
+			$(e) && (E.value = e);
+		}, ue = (e) => {
+			k.value = e;
+		}, K = () => {
+			var e;
+			(e = y.value) == null || e.clearSelection();
+		}, de = () => {
+			let e;
+			return e = s.payloadStyle === "body" ? {
+				page: {
+					...P.value,
+					current: P.value.page,
+					size: P.value.limit
+				},
+				example: s.model || {}
+			} : {
+				...P.value,
+				current: P.value.page,
+				size: P.value.limit,
+				...s.model || {}
+			}, s.selectExport && (s.rowKey ? e.exportKeys = k.value.map((e) => e[s.rowKey]) : e.exportKeys = k.value.map((e) => C.value.indexOf(e))), e;
+		}, q = async (e = !0) => {
+			if (s.data !== !1) {
+				var t;
+				C.value = s.data, P.value.page = 1, P.value.total = (t = C.value) == null ? void 0 : t.length, P.value.limit = P.value.total;
+				return;
+			}
+			e !== !1 && (C.value = []);
+			let n, r = de();
+			if (s.api) {
+				e !== !1 && (S.value = L.loading);
+				try {
+					s.api && (n = await s.api(r));
+				} catch {
+					S.value = L.error;
+					return;
+				}
+			} else if (s.data) n = { data: { data: {
+				total: s.data.length,
+				records: s.data
+			} } };
+			else {
+				D.warning({
+					title: "开发提示！",
+					message: "PageableTable api(Function) 属性"
+				});
+				return;
+			}
+			let { data: { data: i } = {} } = n || {}, { total: a, records: o } = i || {};
+			P.value.total = Number(a), C.value = await pe(o), !o || !o.length ? S.value = L.empty : S.value = L.success, J(), d("page-loaded", i);
+		}, J = () => {
+			v(() => {
+				var e;
+				(e = y.value) == null || e.doLayout();
+			});
+		}, Y = async (e) => {
+			await q(e);
+		}, X = () => {
+			P.value = {
+				total: 0,
+				page: 1,
+				limit: s.pageSize,
+				ascs: s.ascs,
+				descs: s.descs
+			};
+		}, fe = (e, t) => {
+			y.value.setScrollTop(e), y.value.setScrollLeft(t);
+		}, Z = (e, t) => {
+			var n;
+			(n = y.value) == null || n.toggleRowSelection(e, t);
+		}, pe = async (e) => {
+			if (!e) return [];
+			let t = [...e];
+			for (let e of t) for (let t of s.dicOptions) if (e[`$${t.prop}`] = e[t.prop], t.dicData) {
+				var n;
+				e[t.prop] = ((n = t.dicData.find((n) => n.modelValue === e[t.prop])) == null ? void 0 : n.label) || e[t.prop];
+			} else e[t.prop] = await r(t.dicType, e[t.prop]);
+			return t;
+		}, Q = () => {
+			O.value = !O.value;
+		}, $ = (e) => {
+			var t;
+			return !(e != null && e.disabled) && !((t = s.disabledRowKeys) != null && t.includes(e == null ? void 0 : e[s.rowKey]));
+		};
+		s.useVisibilityChange && c({ onPageVisible: () => {
+			Y(!1);
+		} }), N("reloadTableView", (e) => {
+			e === s.viewId && q();
+		}), T(() => s.url, X), T(() => s.api, X), T(() => m.data, q), T(() => R.value, q, {
+			deep: !0,
+			immediate: s.immediate
+		}), ee(() => {
+			W();
+		}), g({
+			records: C,
+			getPage: q,
+			refresh: Y,
+			reload: X,
+			doLayout: J,
+			clearSelection: K,
+			toggleRowSelection: Z,
+			toggleSettings: Q
+		}), te(i, {
+			records: C,
+			getPage: q,
+			refresh: Y,
+			reload: X,
+			doLayout: J,
+			clearSelection: K,
+			toggleRowSelection: Z,
+			toggleSettings: Q
+		});
+		let { autoBindProps: me, listeners: he } = e(s, { predicate: oe });
+		return () => {
+			var e;
+			let t = E.value && E.value[m["row-key"] || s.rowKey || "id"] === (E.value && s.rowKey ? E.value[s.rowKey] : (e = E.value) == null ? void 0 : e.id), r = [];
+			if (h.default) {
+				var i;
+				let e = n((i = h.default) == null ? void 0 : i.call(h));
+				for (let t = 0; t < e.length; t++) {
+					let { props: n, children: i } = e[t];
+					if (!n) continue;
+					let { sortable: a, prop: o, fixed: s, ...c } = n, l = {
+						...c,
+						prop: o,
+						allowSort: a !== !1
+					};
+					i && (l.headerSlot = i.header, l.defaultSlot = i.default, l.expandSlot = i.expand, l.iconSlot = i["filter-icon"]), r.push(l);
+				}
+			} else if (s.columns) for (let e = 0; e < s.columns.length; e++) {
+				let { prop: t, sortable: n, fixed: i, ...a } = s.columns[e], o = {
+					...a,
+					prop: t,
+					allowSort: n !== !1
+				};
+				b.value && (o.hide = b.value.hideProps[t], o.filterable = b.value.filterableProps[t], o.sortable = b.value.sortableProps[t] === !0, o.fixed = i || b.value.fixedProps[t]), r.push(o);
+			}
+			return p("div", { class: ["pageable-table", { "auto-height": s.autoHeight }] }, [p("div", { class: "pageable-table-wrapper" }, [
+				h.toolbar && h.toolbar({ selectedRows: k.value }),
+				p(j, _(he.value, me.value, {
+					ref: "table",
+					data: C.value,
+					class: ["flex-item", { "header-bold": s.headerBold }],
+					border: s.border,
+					stripe: !0,
+					size: "default",
+					height: s.autoHeight ? null : "auto",
+					onScroll: U,
+					onSortChange: ce,
+					onRowDblclick: B,
+					onRowClick: V,
+					onCellClick: H,
+					onCurrentChange: le,
+					onSelectionChange: ue
+				}), {
+					default: () => {
+						let e = [];
+						if (s.multiple && s.selection && e.push(p(M, {
+							key: "selection",
+							type: "selection",
+							selectable: $,
+							width: s.selectionWidth,
+							align: "center"
+						}, null)), !s.multiple && s.selection && e.push(p(M, {
+							key: "single-selection",
+							type: "single-selection",
+							"class-name": "single-select-column",
+							width: s.selectionWidth,
+							align: "center"
+						}, {
+							header: () => p(A, {
+								modelValue: !!E.value,
+								label: !0
+							}, { default: () => [p("span", null, null)] }),
+							default: ({ row: e }) => p(A, {
+								label: !0,
+								disabled: !$(e),
+								modelValue: t
+							}, { default: () => [p("span", null, null)] })
+						})), s.index && e.push(p(M, {
+							key: "index",
+							type: "index",
+							label: "序号",
+							width: z.value,
+							align: "center"
+						}, { default: ({ $index: e }) => (P.value.page - 1) * P.value.limit + e + 1 || e + 1 })), r.length > 0) for (let t = 0; t < r.length; t++) {
+							let n = r[t];
+							if (n.hide) continue;
+							let { prop: i, headerSlot: a, defaultSlot: o, expandSlot: s, iconSlot: c, ...l } = n;
+							e.push(p(ae, _(l, { prop: i }), {
+								default: h[i] ? ({ row: e }) => h[i]({ row: e }) : o,
+								header: a,
+								expand: s,
+								"filter-icon": c
+							}));
+						}
+						else e.push(p(M, {
+							key: "default",
+							label: "点击表格行复制模板"
+						}, { default: ({ row: e }) => p("pre", {
+							class: "pointer",
+							onClick: () => G(e)
+						}, [JSON.stringify(e, null, "	")]) }));
+						return e;
+					},
+					empty: () => h.empty ? h.empty() : p(l, null, [
+						S.value === L.loading && p("span", { class: "pageable-table-loading" }, [p("i", { class: "table-status-icon el-icon-loading" }, null), f("加载中...")]),
+						S.value === L.error && p(a, {
+							class: "pageable-table-error",
+							onClick: Y
+						}, { default: () => [p("i", { class: "table-status-icon el-icon-error" }, null), f("加载失败，点击重试！")] }),
+						S.value !== L.loading && S.value !== L.error && p(ne, null, null)
+					]),
+					append: h.append
+				}),
+				s.paging && p(re, {
+					"current-page": P.value.page,
+					"onUpdate:current-page": (e) => P.value.page = e,
+					"hide-on-single-page": s.hideOnSinglePage,
+					"page-size": P.value.limit,
+					"onUpdate:page-size": (e) => P.value.limit = e,
+					total: P.value.total,
+					"page-sizes": [
+						10,
+						25,
+						50,
+						100,
+						500,
+						1e3,
+						2e3
+					],
+					class: "flex-not-shrink",
+					background: !0,
+					layout: "total, sizes, prev, pager, next, jumper"
+				}, null),
+				p(ie, {
+					ref: "settingPanel",
+					modelValue: O.value,
+					"onUpdate:modelValue": (e) => O.value = e,
+					columns: r
+				}, null)
+			]), p(o, { onNotify: J }, null)]);
+		};
+	}
+};
+//#endregion
+export { R as t };

package/chunks/{Bm5eiSmT.mjs → BUGCiCnl.mjs}

@@ -1,6 +1,6 @@
 import { isFunction as e } from "@web-utils/core";
-import { defineComponent as t, h as n, resolveComponent as r } from "vue";
-import { ElLoading as i, ElMessageBox as a } from "element-plus";
+import { defineComponent as t, h as n } from "vue";
+import { ElButton as r, ElLoading as i, ElMessageBox as a } from "element-plus";
 //#region src/components/button/confirmable-mixin.ts
 async function o(t, n, r) {
 	let { stop: o, prevent: s, message: c, loadable: l, loadingText: u, confirmable: d, confirmType: f, confirmText: p, confirmTitle: m } = n;
@@ -64,15 +64,19 @@ var s = t({
 		tag: {
 			type: String,
 			default: "i"
-		}
+		},
+		icon: String
 	},
 	render() {
-		let e = r(this.tag), { text: t, ...i } = this.$props, { onClick: a, ...s } = this.$attrs;
+		let e = this.tag === "ElButton" ? r : this.tag, { text: t, icon: i, ...a } = this.$props, { onClick: s, ...c } = this.$attrs;
 		return n(e, {
-			...s,
-			...i,
+			...c,
+			...a,
 			onClick: (e) => o(e, this.$props, this.$attrs)
-		}, { default: this.$slots.default || (() => t) });
+		}, {
+			default: this.$slots.default || (() => t),
+			icon: this.icon ? () => n("i", { class: this.icon }) : null
+		});
 	}
 });
 //#endregion

package/chunks/{DiJyms_r.mjs → BbSPWDDZ.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Cj59E77g.mjs";
-import { n, t as r } from "./CSyJ-vEx.mjs";
+import { i as e, n as t } from "./D_qiRmiE.mjs";
+import { n, t as r } from "./CJdkjadi.mjs";
 import { isString as i } from "@web-utils/core";
 import { computed as a, createVNode as o, mergeProps as s } from "vue";
 import { ElInputNumber as c } from "element-plus/es";

package/chunks/{BH_JJ8Xh.mjs → BfxDxIg0.mjs}

@@ -1,5 +1,5 @@
-import { i as e, n as t } from "./Cj59E77g.mjs";
-import { n } from "./CSyJ-vEx.mjs";
+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 { ElSwitch as o } from "element-plus/es";
 //#region src/components/form/props/switch.ts

package/chunks/{C3Uo82-I.mjs → BqWvBF14.mjs}

@@ -1,6 +1,6 @@
-import { d as e } from "./cmuHpsX6.mjs";
-import { o as t, r as n } from "./Cj59E77g.mjs";
-import { n as r } from "./CSyJ-vEx.mjs";
+import { f as e } from "./DcTVYqeJ.mjs";
+import { o as t, r as n } from "./D_qiRmiE.mjs";
+import { n as r } from "./CJdkjadi.mjs";
 import { createVNode as i, isVNode as a, mergeProps as o } from "vue";
 import { ElImage as s } from "element-plus/es";
 //#region src/components/form/props/image.ts