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

package/chunks/CLPSCSsy.mjs

@@ -1,603 +0,0 @@
-import { n as e, u as t } from "./cmuHpsX6.mjs";
-import { getDictLabel as n } from "../helper/dictionary.mjs";
-import { pageableTableContextKey as r } from "../constants/index.mjs";
-import i from "../resize-observer/index.mjs";
-import { t as a } from "./CuG2Q-PM.mjs";
-import { useVisibilityChange as o } from "../hook/useVisibilityChange.mjs";
-import { hasOwn as s } from "@web-utils/core";
-import { Fragment as c, computed as l, createBlock as u, createTextVNode as d, createVNode as f, inject as p, mergeModels as m, mergeProps as h, nextTick as ee, onBeforeUpdate as te, onUpdated as g, openBlock as _, provide as ne, reactive as v, ref as y, toDisplayString as b, useModel as x, watch as S, withCtx as C } from "vue";
-import { ElMessage as re } from "element-plus";
-import { ElButton as ie, ElCheckbox as w, ElDrawer as T, ElEmpty as ae, ElPagination as E, ElRadio as D, ElTable as O, ElTableColumn as k } from "element-plus/es";
-import { useEventBus as A } from "@web-utils/vue/hooks/useEventBus";
-//#region src/components/table/components/TableColumnFilter.vue
-var j = {
-	__name: "TableColumnFilter",
-	props: /* @__PURE__ */ m({ columns: {
-		type: Array,
-		default: () => []
-	} }, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e, { expose: t }) {
-		let n = x(e, "modelValue"), r = v({}), i = v({}), a = v({}), o = v({}), 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 = k, a = w, o = O, c = T;
-			return _(), u(c, {
-				modelValue: n.value,
-				"onUpdate:modelValue": r[0] || (r[0] = (e) => n.value = e),
-				class: "table-column-filter",
-				title: "表格设置",
-				"append-to-body": ""
-			}, {
-				default: C(() => [f(o, {
-					data: e.columns,
-					border: ""
-				}, {
-					default: C(() => [
-						f(i, { label: "列名" }, {
-							default: C(({ row: e }) => [d(b(e.label), 1)]),
-							_: 1
-						}),
-						f(i, {
-							label: "隐藏",
-							align: "center"
-						}, {
-							default: C(({ row: e }) => [f(a, { onChange: (t) => s(t, e, "hide") }, null, 8, ["onChange"])]),
-							_: 1
-						}),
-						f(i, {
-							label: "冻结",
-							align: "center"
-						}, {
-							default: C(({ row: e }) => [f(a, { onChange: (t) => s(t, e, "fixed") }, null, 8, ["onChange"])]),
-							_: 1
-						}),
-						f(i, {
-							label: "过滤",
-							align: "center"
-						}, {
-							default: C(({ row: e }) => [f(a, { onChange: (t) => s(t, e, "filterable") }, null, 8, ["onChange"])]),
-							_: 1
-						}),
-						f(i, {
-							label: "排序",
-							align: "center"
-						}, {
-							default: C(({ row: e }) => [f(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"]);
-		};
-	}
-}, M = {
-	props: {
-		filterable: Boolean,
-		prop: String
-	},
-	setup(e, { attrs: t, slots: n }) {
-		let i = p(r, null), o = l(() => {
-			if (e.filterable && i) return (e, t, n) => t[n.property] === e;
-		}), s = l(() => {
-			if (e.filterable && i) return [...new Set(i.records.value.map((t) => t[e.prop]).filter((e) => e))].map((e) => ({
-				text: e,
-				value: e
-			}));
-		});
-		return () => f(a, h(t, {
-			prop: e.prop,
-			filterable: e.filterable,
-			filterMethod: o.value,
-			filters: s.value
-		}), { default: t.default || n.default });
-	}
-}, N = {
-	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
-}, P = { data: !0 }, oe = (e) => P[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 += `<TableColumn prop="${n}" label="${n}"/>\n`;
-	return t;
-}
-var F = {
-	loading: 1,
-	error: -1,
-	empty: 2,
-	success: 0
-}, I = {
-	name: "PageableTable",
-	emits: { "page-loaded": null },
-	inheritAttrs: !1,
-	props: { ...N },
-	setup(a, { emit: u, attrs: p, slots: m, expose: _ }) {
-		let v = y(), b = y(), x = y(1), C = y(F.empty), w = y([]), T = y(null), N = y(!1), P = y([]), I = y({
-			total: 0,
-			page: 1,
-			limit: a.pageSize,
-			ascs: a.ascs,
-			descs: a.descs
-		}), L = y(0), R = y(0), z = l(() => a.reloadOnModelChange ? {
-			asc: I.value.ascs,
-			desc: I.value.descs,
-			page: I.value.page,
-			limit: I.value.limit,
-			model: a.model
-		} : {
-			asc: I.value.ascs,
-			desc: I.value.descs,
-			page: I.value.page,
-			limit: I.value.limit
-		}), B = l(() => {
-			var e;
-			let t = `${(I.value.page - 1) * I.value.limit + (((e = w.value) == null ? void 0 : e.length) ?? 0)}`;
-			return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
-		}), V = () => {
-			U();
-		}, H = (e, t, n) => {
-			if (a.clickRowSelect && $(e)) {
-				var r;
-				if (P.value.find((t) => t[a.rowKey] === e[a.rowKey])) {
-					var i;
-					(i = v.value) == null || i.toggleRowSelection(e, !1);
-					return;
-				}
-				(r = v.value) == null || r.toggleRowSelection(e);
-			}
-		}, U = () => {
-			var e, t;
-			let n = (e = v.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();
-		}, W = ({ scrollLeft: e, scrollTop: t }) => {
-			L.value = t, R.value = e;
-		}, G = () => {
-			pe(L.value, R.value);
-		}, ce = (t) => e(se(t)), le = ({ prop: e, order: t }) => {
-			a.payloadStyle === "body" ? (I.value.ascs = t === "ascending" ? [e] : a.ascs, I.value.descs = t === "descending" ? [e] : a.descs) : (I.value.ascs = t === "ascending" ? e : "", I.value.descs = t === "descending" ? e : "");
-		}, ue = (e) => {
-			$(e) && (T.value = e);
-		}, de = (e) => {
-			P.value = e;
-		}, K = () => {
-			var e;
-			(e = v.value) == null || e.clearSelection();
-		}, fe = () => {
-			let e;
-			return e = a.payloadStyle === "body" ? {
-				page: {
-					...I.value,
-					current: I.value.page,
-					size: I.value.limit
-				},
-				example: a.model || {}
-			} : {
-				...I.value,
-				current: I.value.page,
-				size: I.value.limit,
-				...a.model || {}
-			}, a.selectExport && (a.rowKey ? e.exportKeys = P.value.map((e) => e[a.rowKey]) : e.exportKeys = P.value.map((e) => w.value.indexOf(e))), e;
-		}, q = async (e = !0) => {
-			if (s(p, "data") && p.data !== !1) {
-				var t;
-				w.value = p.data, I.value.page = 1, I.value.total = (t = w.value) == null ? void 0 : t.length, I.value.limit = I.value.total;
-				return;
-			}
-			e !== !1 && (w.value = []);
-			let n, r = fe();
-			if (a.api) {
-				e !== !1 && (C.value = F.loading);
-				try {
-					a.api && (n = await a.api(r));
-				} catch {
-					C.value = F.error;
-					return;
-				}
-			} else if (a.data) n = { data: { data: {
-				total: a.data.length,
-				records: a.data
-			} } };
-			else {
-				re.warning({
-					title: "开发提示！",
-					message: "PageableTable api(Function) 属性"
-				});
-				return;
-			}
-			let { data: { data: i } = {} } = n || {}, { total: o, records: c } = i || {};
-			I.value.total = Number(o), w.value = await me(c), !c || !c.length ? C.value = F.empty : C.value = F.success, J(), u("page-loaded", i);
-		}, J = () => {
-			ee(() => {
-				var e;
-				(e = v.value) == null || e.doLayout();
-			});
-		}, Y = async (e) => {
-			await q(e);
-		}, X = () => {
-			I.value = {
-				total: 0,
-				page: 1,
-				limit: a.pageSize,
-				ascs: a.ascs,
-				descs: a.descs
-			};
-		}, pe = (e, t) => {
-			v.value.setScrollTop(e), v.value.setScrollLeft(t);
-		}, Z = (e, t) => {
-			var n;
-			(n = v.value) == null || n.toggleRowSelection(e, t);
-		}, me = async (e) => {
-			if (!e) return [];
-			let t = [...e];
-			for (let e of t) for (let t of a.dicOptions) if (e[`$${t.prop}`] = e[t.prop], t.dicData) {
-				var r;
-				e[t.prop] = ((r = t.dicData.find((n) => n.modelValue === e[t.prop])) == null ? void 0 : r.label) || e[t.prop];
-			} else e[t.prop] = await n(t.dicType, e[t.prop]);
-			return t;
-		}, Q = () => {
-			N.value = !N.value;
-		}, $ = (e) => {
-			var t;
-			return !(e != null && e.disabled) && !((t = a.disabledRowKeys) != null && t.includes(e == null ? void 0 : e[a.rowKey]));
-		};
-		a.useVisibilityChange && o({ onPageVisible: () => {
-			Y(!1);
-		} }), A("reloadTableView", (e) => {
-			e === a.viewId && q();
-		}), S(() => a.url, X), S(() => a.api, X), S(() => p.data, q), S(() => z.value, q, {
-			deep: !0,
-			immediate: a.immediate
-		}), g(() => {
-			G();
-		}), te(() => {
-			x.value++;
-		}), _({
-			records: w,
-			getPage: q,
-			refresh: Y,
-			reload: X,
-			doLayout: J,
-			clearSelection: K,
-			toggleRowSelection: Z,
-			toggleSettings: Q
-		}), ne(r, {
-			records: w,
-			getPage: q,
-			refresh: Y,
-			reload: X,
-			doLayout: J,
-			clearSelection: K,
-			toggleRowSelection: Z,
-			toggleSettings: Q
-		});
-		let { autoBindProps: he, listeners: ge } = t(a, { predicate: oe });
-		return () => {
-			var e;
-			let t = T.value && T.value[p["row-key"] || a.rowKey || "id"] === (T.value && a.rowKey ? T.value[a.rowKey] : (e = T.value) == null ? void 0 : e.id), n = [];
-			if (m.default) {
-				var r;
-				let e = (r = m.default) == null ? void 0 : r.call(m);
-				(e.length === 1 ? e[0].children : e).forEach(({ props: e, children: t }) => {
-					if (e) {
-						var r, i, a, o;
-						n.push({
-							...e,
-							allowSort: e.sortable !== !1,
-							hide: (r = b.value) == null ? void 0 : r.hideProps[e.prop],
-							filterable: (i = b.value) == null ? void 0 : i.filterableProps[e.prop],
-							sortable: ((a = b.value) == null ? void 0 : a.sortableProps[e.prop]) === !0,
-							fixed: e.fixed || ((o = b.value) == null ? void 0 : o.fixedProps[e.prop]),
-							header: t == null ? void 0 : t.header,
-							default: t == null ? void 0 : t.default
-						});
-					}
-				});
-			} else a.columns && a.columns.forEach((e) => {
-				var t, r, i, a;
-				n.push({
-					...e,
-					allowSort: e.sortable !== !1,
-					hide: (t = b.value) == null ? void 0 : t.hideProps[e.prop],
-					filterable: (r = b.value) == null ? void 0 : r.filterableProps[e.prop],
-					sortable: ((i = b.value) == null ? void 0 : i.sortableProps[e.prop]) === !0,
-					fixed: e.fixed || ((a = b.value) == null ? void 0 : a.fixedProps[e.prop])
-				});
-			});
-			return f("div", { class: ["pageable-table", { "auto-height": a.autoHeight }] }, [f("div", { class: "pageable-table-wrapper" }, [
-				m.toolbar && m.toolbar({ selectedRows: P.value }),
-				f(O, h(ge.value, he.value, {
-					ref: v,
-					data: w.value,
-					class: ["flex-item", { "header-bold": a.headerBold }],
-					border: a.border,
-					stripe: !0,
-					size: "default",
-					height: a.autoHeight ? null : "auto",
-					onScroll: W,
-					onSortChange: le,
-					onRowDblclick: V,
-					onRowClick: H,
-					onCellClick: U,
-					onCurrentChange: ue,
-					onSelectionChange: de
-				}), {
-					default: () => {
-						let e = [];
-						if (a.multiple && a.selection && e.push(f(k, {
-							type: "selection",
-							selectable: $,
-							width: a.selectionWidth,
-							align: "center"
-						}, null)), !a.multiple && a.selection && e.push(f(k, {
-							type: "single-selection",
-							"class-name": "single-select-column",
-							width: a.selectionWidth,
-							align: "center"
-						}, {
-							header: () => f(D, {
-								modelValue: !!T.value,
-								label: !0
-							}, { default: () => [f("span", null, null)] }),
-							default: ({ row: e }) => f(D, {
-								label: !0,
-								disabled: !$(e),
-								modelValue: t
-							}, { default: () => [f("span", null, null)] })
-						})), a.index && e.push(f(k, {
-							type: "index",
-							label: "序号",
-							width: B.value,
-							align: "center"
-						}, { default: ({ $index: e }) => (I.value.page - 1) * I.value.limit + e + 1 || e + 1 })), n.length > 0) for (let t = 0; t < n.length; t++) {
-							let r = n[t];
-							if (r.hide) continue;
-							let i = r.prop;
-							e.push(f(M, r, { default: m[i] ? ({ row: e }) => m[i]({ row: e }) : void 0 }));
-						}
-						else e.push(f(k, { label: "点击表格行复制模板" }, { default: ({ row: e }) => f("pre", {
-							class: "pointer",
-							onClick: () => ce(e)
-						}, [JSON.stringify(e, null, "	")]) }));
-						return e;
-					},
-					empty: () => m.empty ? m.empty() : f(c, null, [
-						C.value === F.loading && f("span", { class: "pageable-table-loading" }, [f("i", { class: "table-status-icon el-icon-loading" }, null), d("加载中...")]),
-						C.value === F.error && f(ie, {
-							class: "pageable-table-error",
-							onClick: Y
-						}, { default: () => [f("i", { class: "table-status-icon el-icon-error" }, null), d("加载失败，点击重试！")] }),
-						C.value !== F.loading && C.value !== F.error && f(ae, null, null)
-					]),
-					append: m.append
-				}),
-				a.paging && f(E, {
-					"current-page": I.value.page,
-					"onUpdate:current-page": (e) => I.value.page = e,
-					"hide-on-single-page": a.hideOnSinglePage,
-					"page-size": I.value.limit,
-					"onUpdate:page-size": (e) => I.value.limit = e,
-					total: I.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),
-				f(j, {
-					ref: b,
-					modelValue: N.value,
-					"onUpdate:modelValue": (e) => N.value = e,
-					columns: n
-				}, null)
-			]), f(i, { onNotify: J }, null)]);
-		};
-	}
-};
-//#endregion
-export { I as t };

package/chunks/CuG2Q-PM.mjs

@@ -1,100 +0,0 @@
-import { i as e } from "./cmuHpsX6.mjs";
-import { getDictLabel as t } from "../helper/dictionary.mjs";
-import { tableViewContextKey as n } from "../constants/index.mjs";
-import { t as r } from "./Ds_Tpa_M.mjs";
-import { computed as i, createVNode as a, inject as o, mergeProps as s, ref as c, watchEffect as l } from "vue";
-import { ElTableColumn as u } from "element-plus/es";
-//#endregion
-//#region src/components/table/components/DictRender.vue
-var d = {
-	name: "DictRender",
-	inheritAttrs: !1,
-	props: {
-		row: Object,
-		column: Object,
-		dictType: String,
-		options: Array,
-		treeDict: Boolean,
-		idAsValue: {
-			type: Boolean,
-			default: !0
-		},
-		labelAsValue: Boolean
-	},
-	setup(e, { attrs: n }) {
-		let r = c(null), o = i(() => e.row[e.column.property]);
-		return l(async () => {
-			if (e.dictType) r.value = await t(e.dictType, o.value, !0, {
-				options: !0,
-				treeDict: e.treeDict,
-				idAsValue: e.idAsValue,
-				labelAsValue: e.labelAsValue
-			});
-			else {
-				var n;
-				r.value = ((n = e.options) == null || (n = n.find((e) => `${e.modelValue}` == `${e.value}`)) == null ? void 0 : n.label) ?? `${o.value}`;
-			}
-		}), () => a("span", n, [r.value]);
-	}
-}, f = {
-	selection: !0,
-	"single-selection": !0,
-	index: !0,
-	expand: !0
-}, p = (e, t, n, r, i) => {
-	var a;
-	let o = (e == null || (a = e.$parent) == null ? void 0 : a.rowDbClick) || (e == null ? void 0 : e.rowDbClick);
-	o == null || o(t, n, r, i);
-}, m = (e) => {
-	let t = e.target;
-	for (; t && t.tagName.toUpperCase() !== "HTML";) {
-		if (t.tagName.toUpperCase() === "TD") return t;
-		t = t.parentNode;
-	}
-	return null;
-}, h = () => {}, g = (t) => !e(t).length, _ = {
-	name: "TableColumn",
-	props: { ...r },
-	setup(e, { slots: t, attrs: r }) {
-		let i = o(n, null);
-		return () => {
-			let { clickable: n, cellClick: o, ...c } = e, l, _ = f[e.type];
-			if (!_) {
-				let s = n || r.onClick || o;
-				(s || e.dictType || e.options) && (l = (n) => {
-					var c;
-					let { row: l, column: u } = n, f = s ? (e) => {
-						let t = m(e);
-						if (r.onClick || o) {
-							var n;
-							(n = r.onClick) == null || n.call(r, l, u, l, u, t, e), o == null || o(l, u, l, u, t, e);
-						} else p(i, l, u, t, e);
-					} : h, _ = t == null || (c = t.default) == null ? void 0 : c.call(t, n);
-					return g(_) && (_ = null), (e.dictType || e.options) && !_ ? a(d, {
-						class: { "is-clickable": s },
-						onClick: f,
-						row: l,
-						column: u,
-						dictType: e.dictType,
-						treeDict: e.treeDict,
-						idAsValue: e.idAsValue,
-						labelAsValue: e.labelAsValue,
-						options: e.options
-					}, null) : s ? a("span", {
-						class: "is-clickable",
-						onClick: f
-					}, [_ || (l == null ? void 0 : l[u == null ? void 0 : u.property])]) : _;
-				});
-			}
-			return a(u, s(c, {
-				key: r.filterable,
-				showOverflowTooltip: _ ? !1 : c.showOverflowTooltip
-			}), {
-				...t,
-				default: l || t.default
-			});
-		};
-	}
-};
-//#endregion
-export { _ as t };

package/form-check-box-group/index.mjs

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