@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta40

package/chunks/CLPSCSsy.mjs

@@ -0,0 +1,603 @@
+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/CSyJ-vEx.mjs

@@ -0,0 +1,17 @@
+import { c as e, s as t } from "./Cj59E77g.mjs";
+//#region src/components/form/props/common.ts
+var n = {
+	...e,
+	...t,
+	wrapFormItem: {
+		type: Boolean,
+		default: !0
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	col: Boolean
+}, r = { size: { type: String } };
+//#endregion
+export { n, r as t };

package/chunks/CTKmEf2M.mjs

@@ -0,0 +1,93 @@
+import { i as e, n as t } from "./Cj59E77g.mjs";
+import { n, t as r } from "./CSyJ-vEx.mjs";
+import { createVNode as i, mergeProps as a } from "vue";
+import { ElTimeSelect as o } from "element-plus/es";
+//#region src/components/form/props/time-select.ts
+var s = {
+	...n,
+	...r,
+	modelValue: String,
+	disabled: {
+		type: Boolean,
+		default: !1
+	},
+	editable: {
+		type: Boolean,
+		default: !0
+	},
+	clearable: {
+		type: Boolean,
+		default: !0
+	},
+	includeEndTime: {
+		type: Boolean,
+		default: !1
+	},
+	size: {
+		type: String,
+		default: "default"
+	},
+	placeholder: String,
+	name: String,
+	effect: {
+		type: String,
+		default: "light"
+	},
+	prefixIcon: [String, Object],
+	clearIcon: [String, Object],
+	start: {
+		type: String,
+		default: "09:00"
+	},
+	end: {
+		type: String,
+		default: "18:00"
+	},
+	step: {
+		type: String,
+		default: "00:30"
+	},
+	minTime: String,
+	maxTime: String,
+	format: {
+		type: String,
+		default: "HH:mm"
+	},
+	emptyValues: Array,
+	valueOnClear: [
+		String,
+		Number,
+		Boolean,
+		Function
+	],
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: [String, Object]
+}, c = {
+	disabled: !0,
+	modelValue: !0
+}, l = (e) => n[e] === void 0 && c[e] !== !0, u = {
+	name: "FormTimeSelect",
+	inheritAttrs: !1,
+	props: { ...s },
+	emits: { ...t },
+	setup(t, { emit: n, slots: r, attrs: s }) {
+		let { emitInput: c, render: u, placeholder: d, disabled: f, listeners: p, inputProps: m } = e(t, {
+			emit: n,
+			slots: r,
+			attrs: s,
+			predicate: l
+		});
+		return () => u({ vNodes: i(o, a(p.value, m.value, {
+			style: "width: 100%",
+			modelValue: t.modelValue,
+			disabled: f.value,
+			"onUpdate:modelValue": c,
+			placeholder: d.value
+		}), null) });
+	}
+};
+//#endregion
+export { u as t };