@web-utils/form-ui 1.0.0-beta84 → 1.0.0-beta86

package/chunks/{SLYmepqR.mjs → HFLY8Wla.mjs}

@@ -6,9 +6,10 @@ import { getDictLabel as c } from "../helper/dictionary.mjs";
 import { t as l } from "./C_QfuxeQ.mjs";
 import { t as u } from "./6eDDQWcr.mjs";
 import { useVisibilityChange as ee } from "../hook/useVisibilityChange.mjs";
-import { ElCheckbox as d, ElDrawer as f, ElEmpty as te, ElMessage as ne, ElPagination as re, ElRadio as p, ElTable as m, ElTableColumn as h } from "element-plus/es";
+import { ElCheckbox as d, ElDrawer as f, ElEmpty as te, ElMessage as ne, ElPagination as p, ElRadio as m, ElTable as h, ElTableColumn as g } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
-import { Fragment as g, computed as _, createBlock as v, createTextVNode as y, createVNode as b, inject as x, isVNode as S, mergeModels as C, mergeProps as w, nextTick as ie, onUpdated as ae, openBlock as T, provide as E, reactive as D, ref as O, toDisplayString as k, useModel as A, useTemplateRef as j, watch as M, withCtx as N } from "vue";
+import { Fragment as _, computed as v, createBlock as y, createTextVNode as b, createVNode as x, inject as S, isVNode as C, mergeModels as w, mergeProps as T, nextTick as re, onUpdated as E, openBlock as D, provide as O, reactive as k, ref as A, toDisplayString as j, useModel as M, useTemplateRef as ie, watch as N, withCtx as P } from "vue";
+import { isFunction as F } from "@web-utils/core";
 import "element-plus/es/components/message/style/css";
 import "element-plus/es/components/drawer/style/css";
 import "element-plus/es/components/table/style/css";
@@ -17,11 +18,12 @@ import "element-plus/es/components/table-column/style/css";
 import "element-plus/es/components/pagination/style/css";
 import "element-plus/es/components/empty/style/css";
 import "element-plus/es/components/radio/style/css";
-import { useEventBus as oe } from "@web-utils/vue/hooks/useEventBus";
+import { useEventBus as ae } from "@web-utils/vue/hooks/useEventBus";
+import { uuid as oe } from "@web-utils/integrations/uuid";
 //#region src/components/table/components/TableColumnSettingPanel.vue
-var P = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
+var I = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
 	__name: "TableColumnSettingPanel",
-	props: /* @__PURE__ */ C({ columns: {
+	props: /* @__PURE__ */ w({ columns: {
 		type: Array,
 		default: () => []
 	} }, {
@@ -31,9 +33,9 @@ var P = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ C(["update:settings"], ["update:modelValue"]),
+	emits: /* @__PURE__ */ w(["update:settings"], ["update:modelValue"]),
 	setup(e, { expose: t, emit: n }) {
-		let r = A(e, "modelValue"), i = n, a = D({
+		let r = M(e, "modelValue"), i = n, a = k({
 			hideProps: {},
 			fixedProps: {},
 			filterableProps: {},
@@ -42,49 +44,49 @@ var P = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
 			n === "hide" ? a.hideProps[t.prop] = e : n === "fixed" ? a.fixedProps[t.prop] = e : n === "filterable" ? a.filterableProps[t.prop] = e : n === "sortable" && (a.sortableProps[t.prop] = e), i("update:settings", a);
 		};
 		return t({ settings: a }), (t, n) => {
-			let i = h, a = d, s = m, c = f;
-			return T(), v(c, {
+			let i = g, a = d, s = h, c = f;
+			return D(), y(c, {
 				modelValue: r.value,
 				"onUpdate:modelValue": n[0] || (n[0] = (e) => r.value = e),
 				class: "table-column-filter",
 				title: "表格设置",
 				"append-to-body": ""
 			}, {
-				default: N(() => [b(s, {
+				default: P(() => [x(s, {
 					data: e.columns,
 					border: ""
 				}, {
-					default: N(() => [
-						b(i, { label: "列名" }, {
-							default: N(({ row: e }) => [y(k(e.label), 1)]),
+					default: P(() => [
+						x(i, { label: "列名" }, {
+							default: P(({ row: e }) => [b(j(e.label), 1)]),
 							_: 1
 						}),
-						b(i, {
+						x(i, {
 							label: "隐藏",
 							align: "center"
 						}, {
-							default: N(({ row: e }) => [b(a, { onChange: (t) => o(t, e, "hide") }, null, 8, ["onChange"])]),
+							default: P(({ row: e }) => [x(a, { onChange: (t) => o(t, e, "hide") }, null, 8, ["onChange"])]),
 							_: 1
 						}),
-						b(i, {
+						x(i, {
 							label: "冻结",
 							align: "center"
 						}, {
-							default: N(({ row: e }) => [b(a, { onChange: (t) => o(t, e, "fixed") }, null, 8, ["onChange"])]),
+							default: P(({ row: e }) => [x(a, { onChange: (t) => o(t, e, "fixed") }, null, 8, ["onChange"])]),
 							_: 1
 						}),
-						b(i, {
+						x(i, {
 							label: "过滤",
 							align: "center"
 						}, {
-							default: N(({ row: e }) => [b(a, { onChange: (t) => o(t, e, "filterable") }, null, 8, ["onChange"])]),
+							default: P(({ row: e }) => [x(a, { onChange: (t) => o(t, e, "filterable") }, null, 8, ["onChange"])]),
 							_: 1
 						}),
-						b(i, {
+						x(i, {
 							label: "排序",
 							align: "center"
 						}, {
-							default: N(({ row: e }) => [b(a, {
+							default: P(({ row: e }) => [x(a, {
 								title: e.allowSort ? null : "该列不支持排序!",
 								disabled: !e.allowSort,
 								onChange: (t) => o(t, e, "sortable")
@@ -105,8 +107,8 @@ var P = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
 });
 //#endregion
 //#region src/components/table/components/TableColumnFilterable.vue?vue&type=script&lang.jsx
-function F(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !S(e);
+function L(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !C(e);
 }
 //#endregion
 //#region src/components/table/components/TableColumnFilterable.vue
@@ -114,20 +116,20 @@ var se = {
 	name: "TableColumnFilterable",
 	props: { ...l },
 	setup(t, { slots: n }) {
-		let r = x(o, null), i = e(t, (e) => e !== "filterMethod" && e !== "filters"), a = _(() => {
+		let r = S(o, null), i = e(t, (e) => e !== "filterMethod" && e !== "filters"), a = v(() => {
 			if (t.filterable && r) return (e, t, n) => t[n.property] === e;
-		}), s = _(() => {
+		}), s = v(() => {
 			if (t.filterable && r) return [...new Set(r.records.value.map((e) => e[t.prop]).filter((e) => e))].map((e) => ({
 				text: e,
 				value: e
 			}));
 		});
-		return () => b(u, w(i.value, {
+		return () => x(u, T(i.value, {
 			filterMethod: a.value,
 			filters: s.value
-		}), F(n) ? n : { default: () => [n] });
+		}), L(n) ? n : { default: () => [n] });
 	}
-}, I = {
+}, R = {
 	data: {
 		type: Array,
 		default: () => []
@@ -303,7 +305,7 @@ var se = {
 	selectExport: Boolean,
 	useVisibilityChange: Boolean,
 	rowDbClick: Function
-}, L = {
+}, z = {
 	data: !0,
 	rowDbClick: !0,
 	selectionWidth: !0,
@@ -330,7 +332,7 @@ var se = {
 	columns: !0,
 	payloadStyle: !0,
 	disabledRowKeys: !0
-}, ce = (e) => L[e] !== !0;
+}, ce = (e) => z[e] !== !0;
 //#endregion
 //#region src/components/table/PageableTable.vue?vue&type=script&lang.jsx
 function le(e) {
@@ -338,105 +340,105 @@ function le(e) {
 	for (let n in e) t += `<TableColumnDef prop="${n}" label="${n}"/>\n`;
 	return t;
 }
-var R = {
+var B = {
 	loading: 1,
 	error: -1,
 	empty: 2,
 	success: 0
-}, z = {
+}, V = {
 	name: "PageableTable",
 	emits: { "page-loaded": null },
 	inheritAttrs: !1,
-	props: { ...I },
+	props: { ...R },
 	setup(e, { emit: l, attrs: u, slots: d, expose: f }) {
-		E(a, e.rowDbClick);
-		let v = j("table"), x = O({
+		O(a, e.rowDbClick);
+		let y = ie("table"), S = A({
 			hideProps: {},
 			fixedProps: {},
 			filterableProps: {},
 			sortableProps: {}
-		}), S = O(R.empty), C = O([]), T = O(null), D = O(!1), k = O([]), A = O({
+		}), C = A(B.empty), w = A([]), D = A(null), k = A(!1), j = A([]), M = A({
 			total: 0,
 			page: 1,
 			limit: e.pageSize,
 			ascs: e.ascs,
 			descs: e.descs
-		}), N = O(0), F = O(0), I = _(() => e.reloadOnModelChange ? {
-			asc: A.value.ascs,
-			desc: A.value.descs,
-			page: A.value.page,
-			limit: A.value.limit,
+		}), P = A(0), L = A(0), R = v(() => e.reloadOnModelChange ? {
+			asc: M.value.ascs,
+			desc: M.value.descs,
+			page: M.value.page,
+			limit: M.value.limit,
 			model: e.model
 		} : {
-			asc: A.value.ascs,
-			desc: A.value.descs,
-			page: A.value.page,
-			limit: A.value.limit
-		}), L = _(() => {
+			asc: M.value.ascs,
+			desc: M.value.descs,
+			page: M.value.page,
+			limit: M.value.limit
+		}), z = v(() => {
 			var e;
-			let t = `${(A.value.page - 1) * A.value.limit + (((e = C.value) == null ? void 0 : e.length) ?? 0)}`;
+			let t = `${(M.value.page - 1) * M.value.limit + (((e = w.value) == null ? void 0 : e.length) ?? 0)}`;
 			return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
-		}), z = () => {
-			V();
-		}, B = (t, n, r) => {
+		}), V = () => {
+			U();
+		}, H = (t, n, r) => {
 			if (e.clickRowSelect && Q(t)) {
 				var i;
-				if (k.value.find((n) => n[e.rowKey] === t[e.rowKey])) {
+				if (j.value.find((n) => n[e.rowKey] === t[e.rowKey])) {
 					var a;
-					(a = v.value) == null || a.toggleRowSelection(t, !1);
+					(a = y.value) == null || a.toggleRowSelection(t, !1);
 					return;
 				}
-				(i = v.value) == null || i.toggleRowSelection(t);
+				(i = y.value) == null || i.toggleRowSelection(t);
 			}
-		}, V = () => {
+		}, U = () => {
 			var e, t;
-			let n = (e = v.value) == null || (e = e.$children) == null ? void 0 : e.find((e) => {
+			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();
-		}, H = ({ scrollLeft: e, scrollTop: t }) => {
-			N.value = t, F.value = e;
-		}, U = () => {
-			me(N.value, F.value);
-		}, ue = (e) => n(le(e)), de = ({ prop: t, order: n }) => {
-			e.payloadStyle === "body" ? (A.value.ascs = n === "ascending" ? [t] : e.ascs, A.value.descs = n === "descending" ? [t] : e.descs) : (A.value.ascs = n === "ascending" ? t : "", A.value.descs = n === "descending" ? t : "");
-		}, fe = (e) => {
-			Q(e) && (T.value = e);
-		}, pe = (e) => {
-			k.value = e;
+		}, ue = ({ scrollLeft: e, scrollTop: t }) => {
+			P.value = t, L.value = e;
+		}, de = () => {
+			ge(P.value, L.value);
+		}, fe = (e) => n(le(e)), pe = ({ prop: t, order: n }) => {
+			e.payloadStyle === "body" ? (M.value.ascs = n === "ascending" ? [t] : e.ascs, M.value.descs = n === "descending" ? [t] : e.descs) : (M.value.ascs = n === "ascending" ? t : "", M.value.descs = n === "descending" ? t : "");
+		}, me = (e) => {
+			Q(e) && (D.value = e);
+		}, he = (e) => {
+			j.value = e;
 		}, W = () => {
 			var e;
-			(e = v.value) == null || e.clearSelection();
+			(e = y.value) == null || e.clearSelection();
 		}, G = () => {
 			let t;
 			return t = e.payloadStyle === "body" ? {
 				page: {
-					...A.value,
-					current: A.value.page,
-					size: A.value.limit
+					...M.value,
+					current: M.value.page,
+					size: M.value.limit
 				},
 				example: e.model || {}
 			} : {
-				...A.value,
-				current: A.value.page,
-				size: A.value.limit,
+				...M.value,
+				current: M.value.page,
+				size: M.value.limit,
 				...e.model || {}
-			}, e.selectExport && (e.rowKey ? t.exportKeys = k.value.map((t) => t[e.rowKey]) : t.exportKeys = k.value.map((e) => C.value.indexOf(e))), t;
+			}, e.selectExport && (e.rowKey ? t.exportKeys = j.value.map((t) => t[e.rowKey]) : t.exportKeys = j.value.map((e) => w.value.indexOf(e))), t;
 		}, K = async (t = !0) => {
 			if (!e.api && e.data !== !1) {
 				var n;
-				C.value = e.data, A.value.page = 1, A.value.total = (n = C.value) == null ? void 0 : n.length, A.value.limit = A.value.total < 1 ? e.pageSize : A.value.total;
+				w.value = e.data, M.value.page = 1, M.value.total = (n = w.value) == null ? void 0 : n.length, M.value.limit = M.value.total < 1 ? e.pageSize : M.value.total;
 				return;
 			}
-			t !== !1 && (C.value = []);
+			t !== !1 && (w.value = []);
 			let r, i = G();
 			if (e.api) {
-				t !== !1 && (S.value = R.loading);
+				t !== !1 && (C.value = B.loading);
 				try {
 					e.api && (r = await e.api(i));
 				} catch {
-					S.value = R.error;
+					C.value = B.error;
 					return;
 				}
 			} else if (e.data) r = { data: { data: {
@@ -451,28 +453,28 @@ var R = {
 				return;
 			}
 			let { data: { data: a } = {} } = r || {}, { total: o, records: s } = a || {};
-			A.value.total = Number(o), C.value = await he(s), !s || !s.length ? S.value = R.empty : S.value = R.success, q(), l("page-loaded", a);
+			M.value.total = Number(o), w.value = await _e(s), !s || !s.length ? C.value = B.empty : C.value = B.success, q(), l("page-loaded", a);
 		}, q = () => {
-			ie(() => {
+			re(() => {
 				var e;
-				(e = v.value) == null || e.doLayout();
+				(e = y.value) == null || e.doLayout();
 			});
 		}, J = async (e) => {
 			await K(e);
 		}, Y = () => {
-			A.value = {
+			M.value = {
 				total: 0,
 				page: 1,
 				limit: e.pageSize,
 				ascs: e.ascs,
 				descs: e.descs
 			};
-		}, me = (e, t) => {
-			v.value.setScrollTop(e), v.value.setScrollLeft(t);
+		}, ge = (e, t) => {
+			y.value.setScrollTop(e), y.value.setScrollLeft(t);
 		}, X = (e, t) => {
 			var n;
-			(n = v.value) == null || n.toggleRowSelection(e, t);
-		}, he = async (t) => {
+			(n = y.value) == null || n.toggleRowSelection(e, t);
+		}, _e = async (t) => {
 			if (!t) return [];
 			let n = [...t];
 			for (let t of n) for (let n of e.dicOptions) if (t[`$${n.prop}`] = t[n.prop], n.dicData) {
@@ -481,20 +483,26 @@ var R = {
 			} else t[n.prop] = await c(n.dicType, t[n.prop]);
 			return n;
 		}, Z = () => {
-			D.value = !D.value;
+			k.value = !k.value;
 		}, Q = (t) => {
 			var n;
 			return !(t != null && t.disabled) && !((n = e.disabledRowKeys) != null && n.includes(t == null ? void 0 : t[e.rowKey]));
 		};
 		e.useVisibilityChange && ee({ onPageVisible: () => {
 			J(!1);
-		} }), oe("reloadTableView", (t) => {
+		} }), ae("reloadTableView", (t) => {
 			t === e.viewId && K();
-		}), M(() => e.url, Y), M(() => e.api, Y), M(() => e.data, K), M(() => I.value, K, {
+		}), N(() => e.url, Y), N(() => e.api, Y), N(() => e.data, K), N(() => R.value, K, {
 			deep: !0,
 			immediate: e.immediate
 		});
-		let $ = _(() => {
+		let ve = (t) => {
+			let n;
+			if (F(e.rowKey)) {
+				if (n = e.rowKey(t), n) return n;
+			} else if (e.rowKey && (n = t[e.rowKey], n)) return n;
+			return n = "__rowKey", t[n] || (t[n] = oe(!1)), t[n];
+		}, $ = v(() => {
 			let t = [];
 			if (d.default) {
 				var n;
@@ -507,7 +515,7 @@ var R = {
 						prop: o,
 						allowSort: a !== !1
 					};
-					i && (l.headerSlot = i.header, l.defaultSlot = i.default, l.expandSlot = i.expand, l.iconSlot = i["filter-icon"]), l.hide = x.value.hideProps[o], l.filterable = x.value.filterableProps[o], l.sortable = x.value.sortableProps[o] === !0, l.fixed = s || x.value.fixedProps[o], t.push(l);
+					i && (l.headerSlot = i.header, l.defaultSlot = i.default, l.expandSlot = i.expand, l.iconSlot = i["filter-icon"]), l.hide = S.value.hideProps[o], l.filterable = S.value.filterableProps[o], l.sortable = S.value.sortableProps[o] === !0, l.fixed = s || S.value.fixedProps[o], t.push(l);
 				}
 			} else if (e.columns) for (let n = 0; n < e.columns.length; n++) {
 				let { prop: r, sortable: i, fixed: a, ...o } = e.columns[n], s = {
@@ -515,14 +523,14 @@ var R = {
 					prop: r,
 					allowSort: i !== !1
 				};
-				s.hide = x.value.hideProps[r], s.filterable = x.value.filterableProps[r], s.sortable = x.value.sortableProps[r] === !0, s.fixed = a || x.value.fixedProps[r], t.push(s);
+				s.hide = S.value.hideProps[r], s.filterable = S.value.filterableProps[r], s.sortable = S.value.sortableProps[r] === !0, s.fixed = a || S.value.fixedProps[r], t.push(s);
 			}
 			return t;
 		});
-		ae(() => {
-			U();
+		E(() => {
+			de();
 		}), f({
-			records: C,
+			records: w,
 			getPage: K,
 			refresh: J,
 			reload: Y,
@@ -530,11 +538,11 @@ var R = {
 			clearSelection: W,
 			toggleRowSelection: X,
 			toggleSettings: Z,
-			currentRow: T,
+			currentRow: D,
 			getPageQuery: G,
 			tableColumns: $
-		}), E(o, {
-			records: C,
+		}), O(o, {
+			records: w,
 			getPage: K,
 			refresh: J,
 			reload: Y,
@@ -543,125 +551,126 @@ var R = {
 			toggleRowSelection: X,
 			toggleSettings: Z
 		});
-		let { autoBindProps: ge, listeners: _e } = t(e, { predicate: ce });
-		return () => {
-			var t;
-			let n = T.value && T.value[u["row-key"] || e.rowKey || "id"] === (T.value && e.rowKey ? T.value[e.rowKey] : (t = T.value) == null ? void 0 : t.id);
-			return b("div", {
-				class: [
-					"pageable-table",
-					{ "auto-height": e.autoHeight },
-					u.class
-				],
-				style: u.style
-			}, [b("div", { class: "pageable-table-wrapper" }, [
-				d.toolbar && d.toolbar({ selectedRows: k.value }),
-				b(m, w(_e.value, ge.value, {
-					ref: "table",
-					data: C.value,
-					class: ["flex-item", { "header-bold": e.headerBold }],
-					border: e.border,
-					stripe: !0,
-					size: "default",
-					height: e.autoHeight ? null : "auto",
-					onScroll: H,
-					onSortChange: de,
-					onRowDblclick: z,
-					onRowClick: B,
-					onCellClick: V,
-					onCurrentChange: fe,
-					onSelectionChange: pe
-				}), {
-					default: () => {
-						let t = [];
-						if (e.multiple && e.selection && t.push(b(h, {
-							key: "selection",
-							type: "selection",
-							selectable: Q,
-							width: e.selectionWidth,
-							align: "center"
-						}, null)), !e.multiple && e.selection && t.push(b(h, {
-							key: "single-selection",
-							type: "single-selection",
-							"class-name": "single-select-column",
-							width: e.selectionWidth,
-							align: "center"
-						}, {
-							header: () => b(p, {
-								modelValue: !!T.value,
-								label: !0
-							}, { default: () => [b("span", null, null)] }),
-							default: ({ row: e }) => b(p, {
+		let { autoBindProps: ye, listeners: be } = t(e, { predicate: ce });
+		return () => x("div", {
+			class: [
+				"pageable-table",
+				{ "auto-height": e.autoHeight },
+				u.class
+			],
+			style: u.style
+		}, [x("div", { class: "pageable-table-wrapper" }, [
+			d.toolbar && d.toolbar({ selectedRows: j.value }),
+			x(h, T(be.value, ye.value, {
+				ref: "table",
+				data: w.value,
+				class: ["flex-item", { "header-bold": e.headerBold }],
+				border: e.border,
+				stripe: !0,
+				rowKey: ve,
+				size: "default",
+				height: e.autoHeight ? null : "auto",
+				onScroll: ue,
+				onSortChange: pe,
+				onRowDblclick: V,
+				onRowClick: H,
+				onCellClick: U,
+				onCurrentChange: me,
+				onSelectionChange: he
+			}), {
+				default: () => {
+					let t = [];
+					if (e.multiple && e.selection && t.push(x(g, {
+						key: "selection",
+						type: "selection",
+						selectable: Q,
+						width: e.selectionWidth,
+						align: "center"
+					}, null)), !e.multiple && e.selection && t.push(x(g, {
+						key: "single-selection",
+						type: "single-selection",
+						"class-name": "single-select-column",
+						width: e.selectionWidth,
+						align: "center"
+					}, {
+						header: () => x(m, {
+							modelValue: !!D.value,
+							label: !0
+						}, { default: () => [x("span", null, null)] }),
+						default: ({ row: t }) => {
+							var n;
+							let r = e.rowKey || "id";
+							return x(m, {
 								label: !0,
-								disabled: !Q(e),
-								modelValue: n
-							}, { default: () => [b("span", null, null)] })
-						})), e.index && t.push(b(h, {
-							key: "index",
-							type: "index",
-							label: "序号",
-							width: L.value,
-							align: "center"
-						}, { default: ({ $index: e }) => (A.value.page - 1) * A.value.limit + e + 1 || e + 1 })), $.value.length > 0) for (let e = 0; e < $.value.length; e++) {
-							let n = $.value[e];
-							if (n.hide) continue;
-							let { prop: r, headerSlot: i, defaultSlot: a, expandSlot: o, iconSlot: s, ...c } = n;
-							t.push(b(se, w(c, { prop: r }), {
-								default: d[r] ? ({ row: e }) => d[r]({ row: e }) : a,
-								header: i,
-								expand: o,
-								"filter-icon": s
-							}));
+								disabled: !Q(t),
+								modelValue: ((n = D.value) == null ? void 0 : n[r]) === t[r]
+							}, { default: () => [x("span", null, null)] });
 						}
-						else t.push(b(h, {
-							key: "default",
-							label: "点击表格行复制模板"
-						}, { default: ({ row: e }) => b("pre", {
-							class: "pointer",
-							onClick: () => ue(e)
-						}, [JSON.stringify(e, null, "	")]) }));
-						return t;
-					},
-					empty: () => d.empty ? d.empty() : b(g, null, [
-						S.value === R.loading && b("span", { class: "pageable-table-loading" }, [b("i", { class: "table-status-icon el-icon-loading" }, null), y("加载中...")]),
-						S.value === R.error && b(s, {
-							class: "pageable-table-error",
-							onClick: J
-						}, { default: () => [b("i", { class: "table-status-icon el-icon-error" }, null), y("加载失败，点击重试！")] }),
-						S.value !== R.loading && S.value !== R.error && b(te, null, null)
-					]),
-					append: d.append
-				}),
-				e.paging && b(re, {
-					"current-page": A.value.page,
-					"onUpdate:current-page": (e) => A.value.page = e,
-					"hide-on-single-page": e.hideOnSinglePage,
-					"page-size": A.value.limit,
-					"onUpdate:page-size": (e) => A.value.limit = e,
-					total: A.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),
-				b(P, {
-					settings: x.value,
-					"onUpdate:settings": (e) => x.value = e,
-					modelValue: D.value,
-					"onUpdate:modelValue": (e) => D.value = e,
-					columns: $.value
-				}, null)
-			]), b(i, { onNotify: q }, null)]);
-		};
+					})), e.index && t.push(x(g, {
+						key: "index",
+						type: "index",
+						label: "序号",
+						width: z.value,
+						align: "center"
+					}, { default: ({ $index: e }) => (M.value.page - 1) * M.value.limit + e + 1 || e + 1 })), $.value.length > 0) for (let e = 0; e < $.value.length; e++) {
+						let n = $.value[e];
+						if (n.hide) continue;
+						let { prop: r, headerSlot: i, defaultSlot: a, expandSlot: o, iconSlot: s, ...c } = n;
+						t.push(x(se, T(c, { prop: r }), {
+							default: d[r] ? ({ row: e }) => d[r]({ row: e }) : a,
+							header: i,
+							expand: o,
+							"filter-icon": s
+						}));
+					}
+					else t.push(x(g, {
+						key: "default",
+						label: "点击表格行复制模板"
+					}, { default: ({ row: e }) => x("pre", {
+						class: "pointer",
+						onClick: () => fe(e)
+					}, [JSON.stringify(e, null, "	")]) }));
+					return t;
+				},
+				empty: () => d.empty ? d.empty() : x(_, null, [
+					C.value === B.loading && x("span", { class: "pageable-table-loading" }, [x("i", { class: "table-status-icon el-icon-loading" }, null), b("加载中...")]),
+					C.value === B.error && x(s, {
+						class: "pageable-table-error",
+						onClick: J
+					}, { default: () => [x("i", { class: "table-status-icon el-icon-error" }, null), b("加载失败，点击重试！")] }),
+					C.value !== B.loading && C.value !== B.error && x(te, null, null)
+				]),
+				append: d.append
+			}),
+			e.paging && x(p, {
+				"current-page": M.value.page,
+				"onUpdate:current-page": (e) => M.value.page = e,
+				"hide-on-single-page": e.hideOnSinglePage,
+				"page-size": M.value.limit,
+				"onUpdate:page-size": (e) => M.value.limit = e,
+				total: M.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),
+			x(I, {
+				settings: S.value,
+				"onUpdate:settings": (e) => S.value = e,
+				modelValue: k.value,
+				"onUpdate:modelValue": (e) => k.value = e,
+				columns: $.value
+			}, null)
+		]), x(i, { onNotify: q }, null)]);
 	}
 };
 //#endregion
-export { z as t };
+export { V as t };