@web-utils/form-ui 1.0.0-beta85 → 1.0.0-beta87

package/chunks/BVSJF8GY.mjs

@@ -0,0 +1,670 @@
+import "./B2vpUK0j.mjs";
+import "./cvUTkWmm.mjs";
+import { n as e, t } from "./TWAjK03p.mjs";
+import { _ as n, h as r, m as i, n as a, r as o } from "./b58kljs82.mjs";
+import { t as s } from "./6Lm-ZabT2.mjs";
+import { t as c } from "./Rn-X08l92.mjs";
+import { t as l } from "./HQd8AhfS.mjs";
+import { n as u, t as d } from "./CEaiqlCR.mjs";
+import f from "../element-resize-observer/index.mjs";
+import "./2Hag_Aho.mjs";
+import { cellClickHandlerContextKey as ee, pageableTableContextKey as p } from "../constants/index.mjs";
+import { t as te } from "./2Bhi7uIl.mjs";
+import { getDictLabel as m } from "../helper/dictionary.mjs";
+import { t as h } from "./nvUgyH-A.mjs";
+import { t as g } from "./BZuJ9dKq2.mjs";
+import { useVisibilityChange as ne } from "../hook/useVisibilityChange.mjs";
+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 E, onUpdated as re, 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 { 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 se = /* @__PURE__ */ Object.assign({ name: "TableColumnSettingPanel" }, {
+	__name: "TableColumnSettingPanel",
+	props: /* @__PURE__ */ w({ columns: {
+		type: Array,
+		default: () => []
+	} }, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ w(["update:settings"], ["update:modelValue"]),
+	setup(n, { expose: r, emit: i }) {
+		let a = M(n, "modelValue"), o = i, c = k({
+			hideProps: {},
+			fixedProps: {},
+			filterableProps: {},
+			sortableProps: {}
+		}), u = (e, t, n) => {
+			n === "hide" ? c.hideProps[t.prop] = e : n === "fixed" ? c.fixedProps[t.prop] = e : n === "filterable" ? c.filterableProps[t.prop] = e : n === "sortable" && (c.sortableProps[t.prop] = e), o("update:settings", c);
+		};
+		return r({ settings: c }), (r, i) => {
+			let o = e, c = s, d = t, f = l;
+			return D(), y(f, {
+				modelValue: a.value,
+				"onUpdate:modelValue": i[0] || (i[0] = (e) => a.value = e),
+				class: "table-column-filter",
+				title: "表格设置",
+				"append-to-body": ""
+			}, {
+				default: P(() => [x(d, {
+					data: n.columns,
+					border: ""
+				}, {
+					default: P(() => [
+						x(o, { label: "列名" }, {
+							default: P(({ row: e }) => [b(j(e.label), 1)]),
+							_: 1
+						}),
+						x(o, {
+							label: "隐藏",
+							align: "center"
+						}, {
+							default: P(({ row: e }) => [x(c, { onChange: (t) => u(t, e, "hide") }, null, 8, ["onChange"])]),
+							_: 1
+						}),
+						x(o, {
+							label: "冻结",
+							align: "center"
+						}, {
+							default: P(({ row: e }) => [x(c, { onChange: (t) => u(t, e, "fixed") }, null, 8, ["onChange"])]),
+							_: 1
+						}),
+						x(o, {
+							label: "过滤",
+							align: "center"
+						}, {
+							default: P(({ row: e }) => [x(c, { onChange: (t) => u(t, e, "filterable") }, null, 8, ["onChange"])]),
+							_: 1
+						}),
+						x(o, {
+							label: "排序",
+							align: "center"
+						}, {
+							default: P(({ row: e }) => [x(c, {
+								title: e.allowSort ? null : "该列不支持排序!",
+								disabled: !e.allowSort,
+								onChange: (t) => u(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 I(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !C(e);
+}
+//#endregion
+//#region src/components/table/components/TableColumnFilterable.vue
+var ce = {
+	name: "TableColumnFilterable",
+	props: { ...h },
+	setup(e, { slots: t }) {
+		let n = S(p, null), i = r(e, (e) => e !== "filterMethod" && e !== "filters"), a = v(() => {
+			if (e.filterable && n) return (e, t, n) => t[n.property] === e;
+		}), o = v(() => {
+			if (e.filterable && n) return [...new Set(n.records.value.map((t) => t[e.prop]).filter((e) => e))].map((e) => ({
+				text: e,
+				value: e
+			}));
+		});
+		return () => x(g, T(i.value, {
+			filterMethod: a.value,
+			filters: o.value
+		}), I(t) ? t : { default: () => [t] });
+	}
+}, L = {
+	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,
+	rowDbClick: Function
+}, R = {
+	data: !0,
+	rowDbClick: !0,
+	selectionWidth: !0,
+	hideOnSinglePage: !0,
+	ascs: !0,
+	descs: !0,
+	headerBold: !0,
+	autoHeight: !0,
+	immediate: !0,
+	index: !0,
+	multiple: !0,
+	selection: !0,
+	reloadOnModelChange: !0,
+	pageSize: !0,
+	dicOptions: !0,
+	paging: !0,
+	clickRowSelect: !0,
+	selectExport: !0,
+	useVisibilityChange: !0,
+	viewId: !0,
+	url: !0,
+	api: !0,
+	model: !0,
+	columns: !0,
+	payloadStyle: !0,
+	disabledRowKeys: !0
+}, le = (e) => R[e] !== !0;
+//#endregion
+//#region src/components/table/PageableTable.vue?vue&type=script&lang.jsx
+function ue(e) {
+	let t = "";
+	for (let n in e) t += `<TableColumnDef prop="${n}" label="${n}"/>\n`;
+	return t;
+}
+var z = {
+	loading: 1,
+	error: -1,
+	empty: 2,
+	success: 0
+}, B = {
+	name: "PageableTable",
+	emits: { "page-loaded": null },
+	inheritAttrs: !1,
+	props: { ...L },
+	setup(r, { emit: s, attrs: l, slots: h, expose: g }) {
+		O(ee, r.rowDbClick);
+		let y = ie("table"), S = A({
+			hideProps: {},
+			fixedProps: {},
+			filterableProps: {},
+			sortableProps: {}
+		}), C = A(z.empty), w = A([]), D = A(null), k = A(!1), j = A([]), M = A({
+			total: 0,
+			page: 1,
+			limit: r.pageSize,
+			ascs: r.ascs,
+			descs: r.descs
+		}), P = A(0), I = A(0), L = v(() => r.reloadOnModelChange ? {
+			asc: M.value.ascs,
+			desc: M.value.descs,
+			page: M.value.page,
+			limit: M.value.limit,
+			model: r.model
+		} : {
+			asc: M.value.ascs,
+			desc: M.value.descs,
+			page: M.value.page,
+			limit: M.value.limit
+		}), R = v(() => {
+			var e;
+			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;
+		}), B = () => {
+			H();
+		}, V = (e, t, n) => {
+			if (r.clickRowSelect && Z(e)) {
+				var i;
+				if (j.value.find((t) => t[r.rowKey] === e[r.rowKey])) {
+					var a;
+					(a = y.value) == null || a.toggleRowSelection(e, !1);
+					return;
+				}
+				(i = y.value) == null || i.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();
+		}, de = ({ scrollLeft: e, scrollTop: t }) => {
+			P.value = t, I.value = e;
+		}, fe = () => {
+			_e(P.value, I.value);
+		}, pe = (e) => a(ue(e)), me = ({ prop: e, order: t }) => {
+			r.payloadStyle === "body" ? (M.value.ascs = t === "ascending" ? [e] : r.ascs, M.value.descs = t === "descending" ? [e] : r.descs) : (M.value.ascs = t === "ascending" ? e : "", M.value.descs = t === "descending" ? e : "");
+		}, he = (e) => {
+			Z(e) && (D.value = e);
+		}, ge = (e) => {
+			j.value = e;
+		}, U = () => {
+			var e;
+			(e = y.value) == null || e.clearSelection();
+		}, W = () => {
+			let e;
+			return e = r.payloadStyle === "body" ? {
+				page: {
+					...M.value,
+					current: M.value.page,
+					size: M.value.limit
+				},
+				example: r.model || {}
+			} : {
+				...M.value,
+				current: M.value.page,
+				size: M.value.limit,
+				...r.model || {}
+			}, r.selectExport && (r.rowKey ? e.exportKeys = j.value.map((e) => e[r.rowKey]) : e.exportKeys = j.value.map((e) => w.value.indexOf(e))), e;
+		}, G = async (e = !0) => {
+			if (!r.api && r.data !== !1) {
+				var t;
+				w.value = r.data, M.value.page = 1, M.value.total = (t = w.value) == null ? void 0 : t.length, M.value.limit = M.value.total < 1 ? r.pageSize : M.value.total;
+				return;
+			}
+			e !== !1 && (w.value = []);
+			let i, a = W();
+			if (r.api) {
+				e !== !1 && (C.value = z.loading);
+				try {
+					r.api && (i = await r.api(a));
+				} catch {
+					C.value = z.error;
+					return;
+				}
+			} else if (r.data) i = { data: { data: {
+				total: r.data.length,
+				records: r.data
+			} } };
+			else {
+				n.warning({
+					title: "开发提示！",
+					message: "PageableTable api(Function) 属性"
+				});
+				return;
+			}
+			let { data: { data: o } = {} } = i || {}, { total: c, records: l } = o || {};
+			M.value.total = Number(c), w.value = await ve(l), !l || !l.length ? C.value = z.empty : C.value = z.success, K(), s("page-loaded", o);
+		}, K = () => {
+			E(() => {
+				var e;
+				(e = y.value) == null || e.doLayout();
+			});
+		}, q = async (e) => {
+			await G(e);
+		}, J = () => {
+			M.value = {
+				total: 0,
+				page: 1,
+				limit: r.pageSize,
+				ascs: r.ascs,
+				descs: r.descs
+			};
+		}, _e = (e, t) => {
+			y.value.setScrollTop(e), y.value.setScrollLeft(t);
+		}, Y = (e, t) => {
+			var n;
+			(n = y.value) == null || n.toggleRowSelection(e, t);
+		}, ve = async (e) => {
+			if (!e) return [];
+			let t = [...e];
+			for (let e of t) for (let t of r.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 m(t.dicType, e[t.prop]);
+			return t;
+		}, X = () => {
+			k.value = !k.value;
+		}, Z = (e) => {
+			var t;
+			return !(e != null && e.disabled) && !((t = r.disabledRowKeys) != null && t.includes(e == null ? void 0 : e[r.rowKey]));
+		};
+		r.useVisibilityChange && ne({ onPageVisible: () => {
+			q(!1);
+		} }), ae("reloadTableView", (e) => {
+			e === r.viewId && G();
+		}), N(() => r.url, J), N(() => r.api, J), N(() => r.data, G), N(() => L.value, G, {
+			deep: !0,
+			immediate: r.immediate
+		});
+		let Q = (e) => {
+			let t;
+			if (F(r.rowKey)) {
+				if (t = r.rowKey(e), t) return t;
+			} else if (r.rowKey && (t = e[r.rowKey], t)) return t;
+			return t = "__rowKey", e[t] || (e[t] = oe(!1)), e[t];
+		}, $ = v(() => {
+			let e = [];
+			if (h.default) {
+				var t;
+				let n = o((t = h.default) == null ? void 0 : t.call(h));
+				for (let t = 0; t < n.length; t++) {
+					let { props: r, children: i } = n[t];
+					if (!r) continue;
+					let { sortable: a, prop: o, fixed: s, ...c } = r, 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"]), 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], e.push(l);
+				}
+			} else if (r.columns) for (let t = 0; t < r.columns.length; t++) {
+				let { prop: n, sortable: i, fixed: a, ...o } = r.columns[t], s = {
+					...o,
+					prop: n,
+					allowSort: i !== !1
+				};
+				s.hide = S.value.hideProps[n], s.filterable = S.value.filterableProps[n], s.sortable = S.value.sortableProps[n] === !0, s.fixed = a || S.value.fixedProps[n], e.push(s);
+			}
+			return e;
+		});
+		re(() => {
+			fe();
+		}), g({
+			records: w,
+			getPage: G,
+			refresh: q,
+			reload: J,
+			doLayout: K,
+			clearSelection: U,
+			toggleRowSelection: Y,
+			toggleSettings: X,
+			currentRow: D,
+			getPageQuery: W,
+			tableColumns: $
+		}), O(p, {
+			records: w,
+			getPage: G,
+			refresh: q,
+			reload: J,
+			doLayout: K,
+			clearSelection: U,
+			toggleRowSelection: Y,
+			toggleSettings: X
+		});
+		let { autoBindProps: ye, listeners: be } = i(r, { predicate: le });
+		return () => x("div", {
+			class: [
+				"pageable-table",
+				{ "auto-height": r.autoHeight },
+				l.class
+			],
+			style: l.style
+		}, [x("div", { class: "pageable-table-wrapper" }, [
+			h.toolbar && h.toolbar({ selectedRows: j.value }),
+			x(t, T(be.value, ye.value, {
+				ref: "table",
+				data: w.value,
+				class: ["flex-item", { "header-bold": r.headerBold }],
+				border: r.border,
+				stripe: !0,
+				rowKey: Q,
+				size: "default",
+				height: r.autoHeight ? null : "auto",
+				onScroll: de,
+				onSortChange: me,
+				onRowDblclick: B,
+				onRowClick: V,
+				onCellClick: H,
+				onCurrentChange: he,
+				onSelectionChange: ge
+			}), {
+				default: () => {
+					let t = [];
+					if (r.multiple && r.selection && t.push(x(e, {
+						key: "selection",
+						type: "selection",
+						selectable: Z,
+						width: r.selectionWidth,
+						align: "center"
+					}, null)), !r.multiple && r.selection && t.push(x(e, {
+						key: "single-selection",
+						type: "single-selection",
+						"class-name": "single-select-column",
+						width: r.selectionWidth,
+						align: "center"
+					}, {
+						header: () => x(c, {
+							modelValue: !!D.value,
+							label: !0
+						}, { default: () => [x("span", null, null)] }),
+						default: ({ row: e }) => x(c, {
+							label: !0,
+							disabled: !Z(e),
+							modelValue: D.value && Q(D.value) === Q(e)
+						}, { default: () => [x("span", null, null)] })
+					})), r.index && t.push(x(e, {
+						key: "index",
+						type: "index",
+						label: "序号",
+						width: R.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(ce, T(c, { prop: r }), {
+							default: h[r] ? ({ row: e }) => h[r]({ row: e }) : a,
+							header: i,
+							expand: o,
+							"filter-icon": s
+						}));
+					}
+					else t.push(x(e, {
+						key: "default",
+						label: "点击表格行复制模板"
+					}, { default: ({ row: e }) => x("pre", {
+						class: "pointer",
+						onClick: () => pe(e)
+					}, [JSON.stringify(e, null, "	")]) }));
+					return t;
+				},
+				empty: () => h.empty ? h.empty() : x(_, null, [
+					C.value === z.loading && x("span", { class: "pageable-table-loading" }, [x("i", { class: "table-status-icon el-icon-loading" }, null), b("加载中...")]),
+					C.value === z.error && x(te, {
+						class: "pageable-table-error",
+						onClick: q
+					}, { default: () => [x("i", { class: "table-status-icon el-icon-error" }, null), b("加载失败，点击重试！")] }),
+					C.value !== z.loading && C.value !== z.error && x(u, null, null)
+				]),
+				append: h.append
+			}),
+			r.paging && x(d, {
+				"current-page": M.value.page,
+				"onUpdate:current-page": (e) => M.value.page = e,
+				"hide-on-single-page": r.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(se, {
+				settings: S.value,
+				"onUpdate:settings": (e) => S.value = e,
+				modelValue: k.value,
+				"onUpdate:modelValue": (e) => k.value = e,
+				columns: $.value
+			}, null)
+		]), x(f, { onNotify: K }, null)]);
+	}
+};
+//#endregion
+export { B as t };

package/chunks/{vHsAJZRT.mjs → BXdCyPVV.mjs}

@@ -1,5 +1,5 @@
-import { n as e } from "./b0ve2YgF.mjs";
-import { t } from "./C28bnMcw.mjs";
+import { n as e } from "./CAXQZ1D92.mjs";
+import { t } from "./DVvu0kbn2.mjs";
 import { allProps as n } from "../props/input.mjs";
 import { createVNode as r, isVNode as i, mergeProps as a, useModel as o } from "vue";
 //#region src/components/form/FormInputIdCard.vue?vue&type=script&lang.jsx