@web-utils/form-ui 1.0.0-beta50 → 1.0.0-beta52

package/chunks/cqIZWDHo.mjs

@@ -1,614 +0,0 @@
-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 ne } from "element-plus";
-import { ElCheckbox as D, ElDrawer as O, ElEmpty as re, ElPagination as ie, ElRadio as k, ElTable as A, ElTableColumn as j } from "element-plus/es";
-import { useEventBus as ae } from "@web-utils/vue/hooks/useEventBus";
-//#region src/components/table/components/TableColumnFilter.vue
-var oe = /* @__PURE__ */ Object.assign({ name: "TableColumnFilter" }, {
-	__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 = j, a = D, o = A, c = O;
-			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 M(e) {
-	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !h(e);
-}
-//#endregion
-//#region src/components/table/components/TableColumnFilterable.vue
-var N = {
-	name: "TableColumnFilterable",
-	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
-		}), M(n) ? n : { default: () => [n] });
-	}
-}, P = {
-	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
-}, F = { data: !0 }, se = (e) => F[e] !== !0;
-//#endregion
-//#region src/components/table/PageableTable.vue?vue&type=script&lang.jsx
-function ce(e) {
-	let t = "";
-	for (let n in e) t += `<TableColumnDef prop="${n}" label="${n}"/>\n`;
-	return t;
-}
-var I = {
-	loading: 1,
-	error: -1,
-	empty: 2,
-	success: 0
-}, L = {
-	name: "PageableTable",
-	emits: { "page-loaded": null },
-	inheritAttrs: !1,
-	props: { ...P },
-	setup(s, { emit: d, attrs: m, slots: h, expose: g }) {
-		let y = w("table"), b = w("settingPanel"), S = x(I.empty), C = x([]), E = x(null), D = x(!1), O = x([]), M = x({
-			total: 0,
-			page: 1,
-			limit: s.pageSize,
-			ascs: s.ascs,
-			descs: s.descs
-		}), P = x(0), F = x(0), L = u(() => s.reloadOnModelChange ? {
-			asc: M.value.ascs,
-			desc: M.value.descs,
-			page: M.value.page,
-			limit: M.value.limit,
-			model: s.model
-		} : {
-			asc: M.value.ascs,
-			desc: M.value.descs,
-			page: M.value.page,
-			limit: M.value.limit
-		}), R = u(() => {
-			var e;
-			let t = `${(M.value.page - 1) * M.value.limit + (((e = C.value) == null ? void 0 : e.length) ?? 0)}`;
-			return t.length > 3 ? 60 + (t.length - 3) * 10 : 60;
-		}), z = () => {
-			V();
-		}, B = (e, t, n) => {
-			if (s.clickRowSelect && $(e)) {
-				var r;
-				if (O.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);
-			}
-		}, V = () => {
-			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();
-		}, H = ({ scrollLeft: e, scrollTop: t }) => {
-			P.value = t, F.value = e;
-		}, U = () => {
-			X(P.value, F.value);
-		}, W = (e) => t(ce(e)), le = ({ prop: e, order: t }) => {
-			s.payloadStyle === "body" ? (M.value.ascs = t === "ascending" ? [e] : s.ascs, M.value.descs = t === "descending" ? [e] : s.descs) : (M.value.ascs = t === "ascending" ? e : "", M.value.descs = t === "descending" ? e : "");
-		}, ue = (e) => {
-			$(e) && (E.value = e);
-		}, de = (e) => {
-			O.value = e;
-		}, G = () => {
-			var e;
-			(e = y.value) == null || e.clearSelection();
-		}, fe = () => {
-			let e;
-			return e = s.payloadStyle === "body" ? {
-				page: {
-					...M.value,
-					current: M.value.page,
-					size: M.value.limit
-				},
-				example: s.model || {}
-			} : {
-				...M.value,
-				current: M.value.page,
-				size: M.value.limit,
-				...s.model || {}
-			}, s.selectExport && (s.rowKey ? e.exportKeys = O.value.map((e) => e[s.rowKey]) : e.exportKeys = O.value.map((e) => C.value.indexOf(e))), e;
-		}, K = async (e = !0) => {
-			if (!s.api && s.data !== !1) {
-				var t;
-				C.value = s.data, M.value.page = 1, M.value.total = (t = C.value) == null ? void 0 : t.length, M.value.limit = M.value.total;
-				return;
-			}
-			e !== !1 && (C.value = []);
-			let n, r = fe();
-			if (s.api) {
-				e !== !1 && (S.value = I.loading);
-				try {
-					s.api && (n = await s.api(r));
-				} catch {
-					S.value = I.error;
-					return;
-				}
-			} else if (s.data) n = { data: { data: {
-				total: s.data.length,
-				records: s.data
-			} } };
-			else {
-				ne.warning({
-					title: "开发提示！",
-					message: "PageableTable api(Function) 属性"
-				});
-				return;
-			}
-			let { data: { data: i } = {} } = n || {}, { total: a, records: o } = i || {};
-			M.value.total = Number(a), C.value = await pe(o), !o || !o.length ? S.value = I.empty : S.value = I.success, q(), d("page-loaded", i);
-		}, q = () => {
-			v(() => {
-				var e;
-				(e = y.value) == null || e.doLayout();
-			});
-		}, J = async (e) => {
-			await K(e);
-		}, Y = () => {
-			M.value = {
-				total: 0,
-				page: 1,
-				limit: s.pageSize,
-				ascs: s.ascs,
-				descs: s.descs
-			};
-		}, X = (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 = () => {
-			D.value = !D.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: () => {
-			J(!1);
-		} }), ae("reloadTableView", (e) => {
-			e === s.viewId && K();
-		}), T(() => s.url, Y), T(() => s.api, Y), T(() => s.data, K), T(() => L.value, K, {
-			deep: !0,
-			immediate: s.immediate
-		}), ee(() => {
-			U();
-		}), g({
-			records: C,
-			getPage: K,
-			refresh: J,
-			reload: Y,
-			doLayout: q,
-			clearSelection: G,
-			toggleRowSelection: Z,
-			toggleSettings: Q
-		}), te(i, {
-			records: C,
-			getPage: K,
-			refresh: J,
-			reload: Y,
-			doLayout: q,
-			clearSelection: G,
-			toggleRowSelection: Z,
-			toggleSettings: Q
-		});
-		let { autoBindProps: me, listeners: he } = e(s, { predicate: se });
-		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: O.value }),
-				p(A, _(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: H,
-					onSortChange: le,
-					onRowDblclick: z,
-					onRowClick: B,
-					onCellClick: V,
-					onCurrentChange: ue,
-					onSelectionChange: de
-				}), {
-					default: () => {
-						let e = [];
-						if (s.multiple && s.selection && e.push(p(j, {
-							key: "selection",
-							type: "selection",
-							selectable: $,
-							width: s.selectionWidth,
-							align: "center"
-						}, null)), !s.multiple && s.selection && e.push(p(j, {
-							key: "single-selection",
-							type: "single-selection",
-							"class-name": "single-select-column",
-							width: s.selectionWidth,
-							align: "center"
-						}, {
-							header: () => p(k, {
-								modelValue: !!E.value,
-								label: !0
-							}, { default: () => [p("span", null, null)] }),
-							default: ({ row: e }) => p(k, {
-								label: !0,
-								disabled: !$(e),
-								modelValue: t
-							}, { default: () => [p("span", null, null)] })
-						})), s.index && e.push(p(j, {
-							key: "index",
-							type: "index",
-							label: "序号",
-							width: R.value,
-							align: "center"
-						}, { default: ({ $index: e }) => (M.value.page - 1) * M.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(N, _(l, { prop: i }), {
-								default: h[i] ? ({ row: e }) => h[i]({ row: e }) : o,
-								header: a,
-								expand: s,
-								"filter-icon": c
-							}));
-						}
-						else e.push(p(j, {
-							key: "default",
-							label: "点击表格行复制模板"
-						}, { default: ({ row: e }) => p("pre", {
-							class: "pointer",
-							onClick: () => W(e)
-						}, [JSON.stringify(e, null, "	")]) }));
-						return e;
-					},
-					empty: () => h.empty ? h.empty() : p(l, null, [
-						S.value === I.loading && p("span", { class: "pageable-table-loading" }, [p("i", { class: "table-status-icon el-icon-loading" }, null), f("加载中...")]),
-						S.value === I.error && p(a, {
-							class: "pageable-table-error",
-							onClick: J
-						}, { default: () => [p("i", { class: "table-status-icon el-icon-error" }, null), f("加载失败，点击重试！")] }),
-						S.value !== I.loading && S.value !== I.error && p(re, null, null)
-					]),
-					append: h.append
-				}),
-				s.paging && p(ie, {
-					"current-page": M.value.page,
-					"onUpdate:current-page": (e) => M.value.page = e,
-					"hide-on-single-page": s.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),
-				p(oe, {
-					ref: "settingPanel",
-					modelValue: D.value,
-					"onUpdate:modelValue": (e) => D.value = e,
-					columns: r
-				}, null)
-			]), p(o, { onNotify: q }, null)]);
-		};
-	}
-};
-//#endregion
-export { L as t };

package/chunks/gCeDFHo1.mjs

@@ -1,32 +0,0 @@
-import { n as e, t } from "./CJdkjadi.mjs";
-//#region src/components/table/form-table.ts
-var n = {
-	...e,
-	...t,
-	modelValue: Array,
-	columns: Array,
-	allowEmpty: Boolean,
-	handleColumn: {
-		type: Boolean,
-		default: !0
-	},
-	block: {
-		type: Boolean,
-		default: !0
-	},
-	editable: Boolean,
-	showHandleColumnAddButton: {
-		type: Boolean,
-		default: !0
-	},
-	showEmptyAddButton: {
-		type: Boolean,
-		default: !0
-	},
-	status: {
-		type: [Number, String],
-		default: ""
-	}
-}, r = { readonly: !0 }, i = (t) => e[t] === void 0 && r[t] !== !0;
-//#endregion
-export { i as n, n as t };