@lumal/vben-compat 0.0.4-beta → 0.0.5-beta

package/dist/v5.js

@@ -0,0 +1,727 @@
+import { adaptVbenMenus as e, adaptVbenRouteMeta as t } from "./v5-router.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, h as d, nextTick as f, onBeforeUnmount as p, onMounted as m, onScopeDispose as h, openBlock as g, renderList as _, renderSlot as v, shallowRef as y, toDisplayString as b, unref as x, useTemplateRef as S, vShow as C, watchEffect as w, withCtx as T, withDirectives as E } from "vue";
+import { usePermissionStore as D } from "@lumal/core/permission";
+import { LumalPagination as O, LumalSchemaForm as k, LumalSchemaTable as A } from "@lumal/core/components";
+import { LumalIcon as j } from "@lumal/icons-vue";
+//#region src/v5/access.ts
+function M(e = D()) {
+	return {
+		hasAccessByCodes: (t) => t.length > 0 && e.hasPermission(t, "some"),
+		hasAccessByRoles: (t) => t.length > 0 && e.hasRole(t, "some")
+	};
+}
+function N(e, t = "frontend") {
+	let n = /* @__PURE__ */ new WeakMap();
+	function r(r, i) {
+		n.get(r)?.();
+		let a = r.style.display, o = w(() => {
+			let n = i.value, o = Array.isArray(n) ? n : [n];
+			if (i.arg && !["role", "code"].includes(i.arg)) throw Error("[lumal/v5] v-access 仅支持 code/role");
+			let s = M(e), c = n == null || (t === "frontend" && i.arg === "role" ? s.hasAccessByRoles(o) : s.hasAccessByCodes(o));
+			r.style.display = c ? a : "none";
+		});
+		n.set(r, () => {
+			o(), r.style.display = a;
+		});
+	}
+	return {
+		mounted: r,
+		updated: r,
+		unmounted(e) {
+			n.get(e)?.(), n.delete(e);
+		}
+	};
+}
+//#endregion
+//#region src/v5/AccessControl.vue
+var P = /* @__PURE__ */ u({
+	__name: "AccessControl",
+	props: {
+		codes: { default: () => [] },
+		type: { default: "role" }
+	},
+	setup(e) {
+		let t = e, r = M(), a = n(() => t.type === "code" ? r.hasAccessByCodes(t.codes) : r.hasAccessByRoles(t.codes));
+		return (e, t) => a.value ? v(e.$slots, "default", { key: 0 }) : i("", !0);
+	}
+});
+//#endregion
+//#region src/v5/utils.ts
+function F(e, t, n) {
+	let r = Object.keys(e).filter((e) => !t.includes(e));
+	if (r.length) throw Error(`[lumal/v5] ${n} 暂不支持：${r.join(", ")}`);
+}
+function I(e, t = []) {
+	let n = Object.keys(e).filter((e) => ![
+		"class",
+		"style",
+		"id",
+		"title",
+		"role",
+		"tabindex",
+		...t
+	].includes(e) && !/^(?:data-|aria-|on[A-Z])/.test(e));
+	if (n.length) throw Error(`[lumal/v5] 组件配置请通过 hook 或 api.setState 更新：${n.join(", ")}`);
+}
+function L(e) {
+	return e instanceof Date ? new Date(e.getTime()) : Array.isArray(e) ? e.map((e) => L(e)) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, L(t)])) : e;
+}
+//#endregion
+//#region src/v5/V5Form.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "lumal-v5-form" }, z = {
+	key: 0,
+	role: "alert"
+}, B = /* @__PURE__ */ u({
+	__name: "V5Form",
+	props: { controller: {} },
+	setup(e) {
+		let t = e, r = S("formRef"), o = n(() => t.controller.state.value), c = n(() => Number(o.value.wrapperClass?.match(/(?:^|\s)grid-cols-(\d+)/)?.[1] ?? 1));
+		return m(() => {
+			r.value && t.controller.mount(r.value);
+		}), p(() => t.controller.unmount()), (t, n) => (g(), a("div", R, [e.controller.failure.value ? (g(), a("p", z, b(e.controller.failure.value), 1)) : i("", !0), l(x(k), {
+			ref_key: "formRef",
+			ref: r,
+			"model-value": e.controller.values.value,
+			schemas: e.controller.schemas.value,
+			columns: c.value,
+			disabled: o.value.commonConfig?.disabled,
+			"submit-disabled": o.value.submitButtonOptions?.disabled,
+			"label-width": o.value.commonConfig?.labelWidth,
+			"label-position": o.value.layout === "vertical" ? "top" : "right",
+			"submit-on-enter": o.value.submitOnEnter,
+			"scroll-to-first-error": o.value.scrollToFirstError ?? !1,
+			"show-actions": o.value.showDefaultActions,
+			"show-reset": o.value.resetButtonOptions?.show !== !1,
+			"submit-text": o.value.submitButtonOptions?.content,
+			"reset-text": o.value.resetButtonOptions?.content,
+			"submit-loading": e.controller.submitting.value || o.value.submitButtonOptions?.loading,
+			"onUpdate:modelValue": e.controller.update,
+			onValuesChange: e.controller.changed,
+			onSubmit: e.controller.submitFromUi,
+			onReset: e.controller.reset
+		}, s({ _: 2 }, [_(o.value.schema?.filter((e) => t.$slots[e.fieldName]), (n) => ({
+			name: `field-${n.fieldName}`,
+			fn: T((r) => [v(t.$slots, n.fieldName, {
+				modelValue: r.value,
+				"onUpdate:modelValue": (t) => e.controller.api.setFieldValue(n.fieldName, t),
+				values: r.model
+			})])
+		}))]), 1032, [
+			"model-value",
+			"schemas",
+			"columns",
+			"disabled",
+			"submit-disabled",
+			"label-width",
+			"label-position",
+			"submit-on-enter",
+			"scroll-to-first-error",
+			"show-actions",
+			"show-reset",
+			"submit-text",
+			"reset-text",
+			"submit-loading",
+			"onUpdate:modelValue",
+			"onValuesChange",
+			"onSubmit",
+			"onReset"
+		])]));
+	}
+}), V = {
+	CheckboxGroup: "checkbox",
+	DatePicker: "date",
+	Input: "input",
+	InputNumber: "number",
+	InputPassword: "input",
+	InputTextarea: "textarea",
+	RadioGroup: "radio",
+	Select: "select",
+	Switch: "switch",
+	Textarea: "textarea",
+	TreeSelect: "tree-select"
+};
+function H(e) {
+	F(e, [
+		"schema",
+		"commonConfig",
+		"layout",
+		"wrapperClass",
+		"showDefaultActions",
+		"submitOnEnter",
+		"submitOnChange",
+		"scrollToFirstError",
+		"submitButtonOptions",
+		"resetButtonOptions",
+		"handleSubmit",
+		"handleReset",
+		"handleValuesChange"
+	], "Form"), e.commonConfig && F(e.commonConfig, [
+		"componentProps",
+		"disabled",
+		"labelWidth"
+	], "commonConfig"), e.submitButtonOptions && F(e.submitButtonOptions, [
+		"content",
+		"loading",
+		"disabled"
+	], "submitButtonOptions"), e.resetButtonOptions && F(e.resetButtonOptions, ["content", "show"], "resetButtonOptions");
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e.schema ?? []) {
+		if (F(n, [
+			"fieldName",
+			"component",
+			"label",
+			"defaultValue",
+			"componentProps",
+			"rules",
+			"help",
+			"dependencies"
+		], "schema"), !V[n.component]) throw Error(`[lumal/v5] 未支持的表单组件：${n.component}`);
+		if (!n.fieldName || /[.[\]]/.test(n.fieldName) || t.has(n.fieldName)) throw Error("[lumal/v5] fieldName 必须是唯一的平面字段名，嵌套路径需应用侧映射");
+		if (t.add(n.fieldName), n.dependencies && F(n.dependencies, [
+			"triggerFields",
+			"if",
+			"show",
+			"disabled",
+			"required",
+			"componentProps"
+		], "dependencies"), n.rules && typeof n.rules == "string" && !["required", "selectRequired"].includes(n.rules)) throw Error(`[lumal/v5] 未注册的校验规则：${n.rules}`);
+		if (n.rules && typeof n.rules == "object" && typeof n.rules.safeParseAsync != "function") throw Error("[lumal/v5] rules 仅支持 required、selectRequired 或 safeParseAsync 校验器");
+	}
+}
+function U(e = {}) {
+	H(e);
+	let t = y({
+		showDefaultActions: !0,
+		...e
+	}), r = y({}), i = y(!1), a = y(""), o = {}, s, c = !1, l = 0, u = {}, d, p;
+	function m() {
+		return Object.fromEntries((t.value.schema ?? []).map((e) => [e.fieldName, L(e.defaultValue)]));
+	}
+	r.value = m();
+	function g() {
+		if (c) throw Error("[lumal/v5] Form 已卸载");
+	}
+	function _(e, t, n) {
+		return e === void 0 ? n : typeof e == "function" ? e(t, p) : e;
+	}
+	let v = n(() => (t.value.schema ?? []).map((e) => {
+		let n = (n) => ({
+			...t.value.commonConfig?.componentProps,
+			..._(e.componentProps, n, {}),
+			..._(e.dependencies?.componentProps, n, {}),
+			...e.component === "InputPassword" ? { type: "password" } : {}
+		});
+		return {
+			field: e.fieldName,
+			label: e.label,
+			component: V[e.component],
+			defaultValue: e.defaultValue,
+			help: e.help,
+			hidden: ({ model: t }) => !_(e.dependencies?.if, t, !0),
+			visible: ({ model: t }) => _(e.dependencies?.show, t, !0),
+			disabled: ({ model: t }) => _(e.dependencies?.disabled, t, n(t).disabled ?? !1),
+			required: ({ model: t }) => _(e.dependencies?.required, t, typeof e.rules == "string"),
+			componentProps: ({ model: e }) => n(e),
+			options: ({ model: e }) => n(e).options ?? [],
+			placeholder: typeof e.componentProps == "object" ? e.componentProps.placeholder : void 0,
+			rules: ({ model: t }) => [{ async asyncValidator(n, r) {
+				delete o[e.fieldName];
+				let i = _(e.dependencies?.required, t, typeof e.rules == "string"), a = r == null || r === "" || Array.isArray(r) && r.length === 0, s = i && a ? `${e.label}不能为空` : "";
+				if (!s && e.rules && typeof e.rules == "object") {
+					let t = await e.rules.safeParseAsync(r);
+					t.success || (s = t.error?.issues[0]?.message ?? `${e.label}不合法`);
+				}
+				if (s) throw o[e.fieldName] = s, Error(s);
+			} }]
+		};
+	}));
+	function b(e) {
+		g();
+		let n = typeof e == "function" ? e(t.value) : e, i = {
+			...t.value,
+			...n,
+			commonConfig: {
+				...t.value.commonConfig,
+				...n.commonConfig
+			},
+			submitButtonOptions: {
+				...t.value.submitButtonOptions,
+				...n.submitButtonOptions
+			},
+			resetButtonOptions: {
+				...t.value.resetButtonOptions,
+				...n.resetButtonOptions
+			}
+		};
+		H(i), t.value = i;
+		let a = new Set((i.schema ?? []).map((e) => e.fieldName));
+		r.value = {
+			...m(),
+			...Object.fromEntries(Object.entries(r.value).filter(([e]) => a.has(e)))
+		};
+	}
+	function x() {
+		Object.keys(o).forEach((e) => delete o[e]), s?.clearValidate(), a.value = "";
+	}
+	async function S() {
+		if (g(), await f(), !s) throw Error("[lumal/v5] 请先挂载 <Form />");
+		return x(), {
+			valid: await s.validate(),
+			errors: { ...o }
+		};
+	}
+	async function C() {
+		if (g(), d) return d;
+		let e = l, n = (async () => {
+			if ((await S()).valid && e === l) {
+				i.value = !0, a.value = "";
+				try {
+					let n = L(r.value);
+					return await t.value.handleSubmit?.(n), e === l ? (u = n, n) : void 0;
+				} catch (t) {
+					throw e === l && (a.value = t instanceof Error ? t.message : String(t)), t;
+				} finally {
+					e === l && (i.value = !1);
+				}
+			}
+		})();
+		d = n;
+		try {
+			return await n;
+		} finally {
+			d === n && (d = void 0);
+		}
+	}
+	p = {
+		get isMounted() {
+			return !!s;
+		},
+		async getValues() {
+			return g(), L(r.value);
+		},
+		async setValues(e, n = !0, i = !1) {
+			g();
+			let a = new Set((t.value.schema ?? []).map((e) => e.fieldName));
+			r.value = {
+				...r.value,
+				...L(Object.fromEntries(Object.entries(e).filter(([e]) => !n || a.has(e))))
+			}, await f(), i && await S();
+		},
+		async setFieldValue(e, t, n = !1) {
+			await p.setValues({ [e]: t }, !0, n);
+		},
+		async resetForm(e) {
+			g(), r.value = {
+				...m(),
+				...L(e?.values ?? {})
+			}, await f(), x();
+		},
+		async resetValidate() {
+			g(), x();
+		},
+		validate: S,
+		submitForm: async (e) => (e?.preventDefault(), C()),
+		validateAndSubmitForm: C,
+		getState: () => t.value,
+		setState: b,
+		updateSchema: (e) => b({ schema: (t.value.schema ?? []).map((t) => ({
+			...t,
+			...e.find((e) => e.fieldName === t.fieldName)
+		})) }),
+		removeSchemaByFields: async (e) => b({ schema: t.value.schema?.filter((t) => !e.includes(t.fieldName)) }),
+		getLatestSubmissionValues: () => L(u)
+	};
+	function w() {
+		l += 1, s = void 0, d = void 0, i.value = !1, u = {}, x();
+	}
+	return h(() => {
+		w(), c = !0;
+	}, !0), {
+		api: p,
+		state: t,
+		values: r,
+		schemas: v,
+		submitting: i,
+		failure: a,
+		mount(e) {
+			if (g(), s) throw Error("[lumal/v5] 每个 useVbenForm 只能同时挂载一个 Form");
+			s = e;
+		},
+		unmount: w,
+		update(e) {
+			r.value = e;
+		},
+		changed(e, n) {
+			t.value.handleValuesChange?.(L(e), n), t.value.submitOnChange && C().catch(() => {});
+		},
+		async reset() {
+			await p.resetForm(), await t.value.handleReset?.();
+		},
+		async submitFromUi() {
+			await C().catch(() => {});
+		}
+	};
+}
+function W(e = {}) {
+	let t = U(e);
+	return [u({
+		name: "LumalVben5Form",
+		inheritAttrs: !1,
+		setup: (e, { attrs: n, slots: r }) => () => (I(n), d(B, {
+			...n,
+			controller: t
+		}, r))
+	}), t.api];
+}
+//#endregion
+//#region src/v5/V5Grid.vue?vue&type=script&setup=true&lang.ts
+var G = { class: "lumal-v5-grid" }, K = {
+	key: 1,
+	class: "lumal-v5-grid__error",
+	role: "alert"
+}, q = /*#__PURE__*/ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})(/* @__PURE__ */ u({
+	__name: "V5Grid",
+	props: {
+		controller: {},
+		tableTitle: {}
+	},
+	setup(e) {
+		let t = e, u = S("tableRef"), d = n(() => t.controller.state.value), f = n(() => d.value.gridOptions ?? {}), h = n(() => f.value.pagerConfig === !1 ? void 0 : f.value.pagerConfig), y = n(() => (f.value.columns ?? []).filter((e) => e.field && e.slots?.default)), w = t.controller.Form;
+		return m(() => {
+			u.value && t.controller.mount(u.value);
+		}), p(() => t.controller.unmount()), (t, n) => (g(), a("section", G, [
+			d.value.formOptions ? E((g(), r(x(w), {
+				key: 0,
+				class: "lumal-v5-grid__form"
+			}, null, 512)), [[C, d.value.showSearchForm]]) : i("", !0),
+			e.controller.failure.value ? (g(), a("div", K, [o("span", null, b(e.controller.failure.value instanceof Error ? e.controller.failure.value.message : String(e.controller.failure.value)), 1), o("button", {
+				type: "button",
+				onClick: n[0] ||= (...t) => e.controller.retry && e.controller.retry(...t)
+			}, " 重试 ")])) : i("", !0),
+			l(x(A), {
+				ref_key: "tableRef",
+				ref: u,
+				rows: e.controller.rows.value,
+				columns: e.controller.columns.value,
+				"row-key": f.value.rowConfig?.keyField ?? "id",
+				loading: e.controller.loading.value || f.value.loading,
+				selection: f.value.columns?.some((e) => e.type === "checkbox"),
+				"show-column-settings": f.value.toolbarConfig?.custom,
+				"table-props": {
+					border: f.value.border,
+					stripe: f.value.stripe,
+					height: f.value.height === "auto" ? void 0 : f.value.height
+				},
+				onSortChange: e.controller.changeSort,
+				onSelectionChange: e.controller.select
+			}, s({
+				"toolbar-title": T(() => [c(b(e.tableTitle ?? d.value.tableTitle), 1)]),
+				toolbar: T(() => [v(t.$slots, "toolbar-actions", {}, void 0, !0)]),
+				"toolbar-tools": T(() => [
+					v(t.$slots, "toolbar-tools", {}, void 0, !0),
+					f.value.toolbarConfig?.search && d.value.formOptions ? (g(), a("button", {
+						key: 0,
+						type: "button",
+						title: "切换查询",
+						"aria-label": "切换查询",
+						onClick: n[1] ||= (t) => e.controller.api.toggleSearchForm()
+					}, [l(x(j), { name: "lumal:filter" })])) : i("", !0),
+					f.value.toolbarConfig?.refresh === !1 ? i("", !0) : (g(), a("button", {
+						key: 1,
+						type: "button",
+						title: "刷新",
+						"aria-label": "刷新",
+						onClick: n[2] ||= (...t) => e.controller.retry && e.controller.retry(...t)
+					}, [l(x(j), { name: "lumal:refresh" })]))
+				]),
+				_: 2
+			}, [_(y.value, (e) => ({
+				name: `table-${e.field}`,
+				fn: T((n) => [v(t.$slots, e.slots.default, {
+					row: n.row,
+					rowIndex: n.index,
+					column: e
+				}, void 0, !0)])
+			}))]), 1032, [
+				"rows",
+				"columns",
+				"row-key",
+				"loading",
+				"selection",
+				"show-column-settings",
+				"table-props",
+				"onSortChange",
+				"onSelectionChange"
+			]),
+			f.value.pagerConfig !== !1 && h.value?.enabled !== !1 ? (g(), r(x(O), {
+				key: 2,
+				page: e.controller.page.value,
+				"page-size": e.controller.pageSize.value,
+				"page-sizes": h.value?.pageSizes,
+				total: e.controller.total.value,
+				onChange: e.controller.changePage
+			}, null, 8, [
+				"page",
+				"page-size",
+				"page-sizes",
+				"total",
+				"onChange"
+			])) : i("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-dc8a8099"]]);
+//#endregion
+//#region src/v5/grid.ts
+function J(e) {
+	F(e, [
+		"gridOptions",
+		"formOptions",
+		"tableTitle",
+		"showSearchForm",
+		"gridEvents"
+	], "Grid");
+	let t = e.gridOptions ?? {};
+	F(t, [
+		"columns",
+		"data",
+		"rowConfig",
+		"pagerConfig",
+		"proxyConfig",
+		"toolbarConfig",
+		"loading",
+		"height",
+		"border",
+		"stripe",
+		"showOverflow"
+	], "gridOptions"), t.toolbarConfig && F(t.toolbarConfig, [
+		"custom",
+		"refresh",
+		"search"
+	], "toolbarConfig"), t.rowConfig && F(t.rowConfig, ["keyField"], "rowConfig"), t.pagerConfig && F(t.pagerConfig, [
+		"enabled",
+		"pageSize",
+		"currentPage",
+		"pageSizes"
+	], "pagerConfig"), t.proxyConfig && (F(t.proxyConfig, [
+		"autoLoad",
+		"response",
+		"ajax"
+	], "proxyConfig"), t.proxyConfig.response && F(t.proxyConfig.response, ["result", "total"], "proxyConfig.response"), t.proxyConfig.ajax && F(t.proxyConfig.ajax, ["query"], "proxyConfig.ajax")), e.gridEvents && F(e.gridEvents, [
+		"checkboxChange",
+		"sortChange",
+		"pageChange",
+		"proxyQuery",
+		"proxyQueryError"
+	], "gridEvents");
+	for (let e of t.columns ?? []) {
+		if (F(e, [
+			"field",
+			"title",
+			"type",
+			"width",
+			"minWidth",
+			"fixed",
+			"align",
+			"visible",
+			"sortable",
+			"showOverflow",
+			"slots",
+			"formatter"
+		], "column"), e.type && !["checkbox", "seq"].includes(e.type)) throw Error(`[lumal/v5] 不支持的列类型：${e.type}`);
+		if (e.formatter && typeof e.formatter != "function") throw Error("[lumal/v5] formatter 请使用函数，VXE 全局 renderer/formatter 不可用");
+		e.slots && F(e.slots, ["default"], "column.slots");
+	}
+}
+function Y(e, t) {
+	return t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e);
+}
+function X(e, t) {
+	let n = Array.isArray(e) ? e : Y(e, t.proxyConfig?.response?.result ?? "items"), r = Array.isArray(e) ? e.length : Y(e, t.proxyConfig?.response?.total ?? "total");
+	if (!Array.isArray(n) || n.some((e) => !e || typeof e != "object" || Array.isArray(e)) || typeof r != "number" || !Number.isFinite(r) || r < 0) throw Error("[lumal/v5] 查询结果必须是数组或 { items, total }，其他格式请配置 proxyConfig.response");
+	return {
+		rows: n,
+		total: r
+	};
+}
+function Z(e) {
+	J(e);
+	let t = y({
+		showSearchForm: !0,
+		...e
+	}), r = y(e.gridOptions?.data ?? []), i = y(r.value.length), a = y(e.gridOptions?.pagerConfig ? e.gridOptions.pagerConfig.currentPage ?? 1 : 1), o = y(e.gridOptions?.pagerConfig ? e.gridOptions.pagerConfig.pageSize ?? 10 : 10), s = y(!1), c = y(), l = y({}), u, d = 0, f = !1, p = !1, [m, g] = W({
+		...e.formOptions,
+		showDefaultActions: !0,
+		submitButtonOptions: {
+			content: "查询",
+			...e.formOptions?.submitButtonOptions
+		},
+		handleSubmit: async (e) => {
+			await t.value.formOptions?.handleSubmit?.(e), a.value = 1, await v();
+		},
+		handleReset: async () => {
+			await t.value.formOptions?.handleReset?.(), a.value = 1, await v();
+		}
+	});
+	function _() {
+		if (p) throw Error("[lumal/v5] Grid 已卸载");
+	}
+	async function v(e = {}) {
+		_();
+		let n = ++d, f = t.value.gridOptions ?? {}, m = f.proxyConfig?.ajax?.query;
+		if (m) {
+			s.value = !0, c.value = void 0;
+			try {
+				let s = {
+					...await g.getValues(),
+					...e
+				}, c = await m({
+					page: {
+						currentPage: a.value,
+						pageSize: o.value
+					},
+					sort: { ...l.value }
+				}, s);
+				if (n !== d || p) return;
+				let h = X(c, f);
+				r.value = h.rows, i.value = h.total, u?.clearSelection(), t.value.gridEvents?.proxyQuery?.({ result: c });
+			} catch (e) {
+				if (n !== d || p) return;
+				throw c.value = e, t.value.gridEvents?.proxyQueryError?.({ error: e }), e;
+			} finally {
+				n === d && (s.value = !1);
+			}
+		}
+	}
+	function b(e) {
+		_();
+		let n = typeof e == "function" ? e(t.value) : e, s = t.value.gridOptions, c = n.gridOptions, l = {
+			...t.value,
+			...n,
+			formOptions: n.formOptions ? {
+				...t.value.formOptions,
+				...n.formOptions
+			} : t.value.formOptions,
+			gridOptions: {
+				...s,
+				...c,
+				proxyConfig: {
+					...s?.proxyConfig,
+					...c?.proxyConfig,
+					ajax: {
+						...s?.proxyConfig?.ajax,
+						...c?.proxyConfig?.ajax
+					},
+					response: {
+						...s?.proxyConfig?.response,
+						...c?.proxyConfig?.response
+					}
+				},
+				toolbarConfig: {
+					...s?.toolbarConfig,
+					...c?.toolbarConfig
+				}
+			}
+		};
+		if (J(l), t.value = l, c?.data && (r.value = c.data, i.value = c.data.length), c?.pagerConfig && (o.value = c.pagerConfig.pageSize ?? o.value, a.value = c.pagerConfig.currentPage ?? a.value), n.formOptions) {
+			let { handleSubmit: e, handleReset: t, ...r } = n.formOptions;
+			g.setState(r);
+		}
+	}
+	let x = n(() => (t.value.gridOptions?.columns ?? []).filter((e) => e.type !== "checkbox").map((e, n) => ({
+		field: e.field ?? `__seq_${n}`,
+		label: e.title ?? "",
+		width: e.width,
+		minWidth: e.minWidth,
+		fixed: e.fixed,
+		align: e.align,
+		hidden: e.visible === !1,
+		showOverflowTooltip: e.showOverflow ?? t.value.gridOptions?.showOverflow,
+		componentProps: { sortable: e.sortable ? "custom" : !1 },
+		formatter: e.type === "seq" ? (e, t, n) => (a.value - 1) * o.value + n + 1 : e.formatter ? (t, n, r) => e.formatter({
+			cellValue: t,
+			row: n,
+			rowIndex: r
+		}) : void 0
+	}))), S = {
+		grid: {
+			getCheckboxRecords: () => u?.getSelectedRows() ?? [],
+			clearCheckboxRow: () => u?.clearSelection(),
+			setCheckboxRow: (e, t) => {
+				if (!u) throw Error("[lumal/v5] 请先挂载 <Grid />");
+				for (let n of Array.isArray(e) ? e : [e]) u.toggleRowSelection(n, t);
+			},
+			getTableData: () => ({
+				fullData: [...r.value],
+				tableData: [...r.value]
+			})
+		},
+		formApi: g,
+		error: n(() => c.value),
+		getState: () => t.value,
+		query: v,
+		async reload(e) {
+			a.value = 1, await v(e);
+		},
+		setGridOptions: (e) => b({ gridOptions: e }),
+		setState: b,
+		setLoading: (e) => b({ gridOptions: { loading: e } }),
+		toggleSearchForm(e) {
+			return b({ showSearchForm: e ?? !t.value.showSearchForm }), !!t.value.showSearchForm;
+		}
+	};
+	function C() {
+		d += 1, u = void 0, f = !1, s.value = !1;
+	}
+	return h(() => {
+		C(), p = !0;
+	}, !0), {
+		api: S,
+		Form: m,
+		state: t,
+		columns: x,
+		rows: r,
+		total: i,
+		page: a,
+		pageSize: o,
+		loading: s,
+		failure: c,
+		mount(e) {
+			if (_(), f) throw Error("[lumal/v5] 每个 useVbenVxeGrid 只能同时挂载一个 Grid");
+			u = e, f = !0, t.value.gridOptions?.proxyConfig?.autoLoad !== !1 && v().catch(() => {});
+		},
+		unmount: C,
+		async changePage(e) {
+			a.value = e.page, o.value = e.pageSize, t.value.gridEvents?.pageChange?.({
+				currentPage: a.value,
+				pageSize: o.value
+			}), await v().catch(() => {});
+		},
+		async changeSort(e) {
+			l.value = {
+				field: e.prop ?? void 0,
+				order: e.order === "ascending" ? "asc" : e.order === "descending" ? "desc" : null
+			}, a.value = 1, t.value.gridEvents?.sortChange?.(l.value), await v().catch(() => {});
+		},
+		select(e) {
+			t.value.gridEvents?.checkboxChange?.({ records: e });
+		},
+		retry: () => v().catch(() => {})
+	};
+}
+function Q(e = {}) {
+	let t = Z(e);
+	return [u({
+		name: "LumalVben5Grid",
+		inheritAttrs: !1,
+		setup: (e, { attrs: n, slots: r }) => () => (I(n, ["tableTitle", "table-title"]), d(q, {
+			...n,
+			controller: t
+		}, r))
+	}), t.api];
+}
+//#endregion
+export { P as AccessControl, e as adaptVbenMenus, t as adaptVbenRouteMeta, N as createVbenAccessDirective, M as useAccess, W as useVbenForm, Q as useVbenVxeGrid };