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

package/chunks/BVSJF8GY.mjs

@@ -1,670 +0,0 @@
-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 };