x-essential-lib 0.10.20 → 0.10.21

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { n as EventType, t as Emitter } from "./vendor.bri8m5ch.js";
+import { n as EventType, t as Emitter } from "./vendor.dqdzrw43.js";
 import { Ref } from "vue";
-import { RouteLocationNormalized } from "vue-router";
 import { AxiosInstance } from "axios";
+import { RouteLocationNormalized } from "vue-router";
 
 //#region src/composables/color.d.ts
 declare function useColor(): {
@@ -254,16 +254,8 @@ declare function provideDark(dark: Ref<boolean>): void;
 declare function injectDark(): Ref<boolean>;
 declare function provideLocale(locale: Ref<string>): void;
 declare function injectLocale(): Ref<string>;
-declare function provideActiveOrg(activeOrg: Ref<string>): void;
-declare function injectActiveOrg(): Ref<string>;
-declare function provideActiveOrgName(activeOrgName: Ref<string>): void;
-declare function injectActiveOrgName(): Ref<string>;
 declare function providePermissionObjects(permissionObjects: Ref<PermissionObjects>): void;
 declare function injectPermissionObjects(): Ref<PermissionObjects>;
-declare function providePermissionChecksum(permissionChecksum: Ref<string>): void;
-declare function injectPermissionChecksum(): Ref<string>;
-declare function provideLastAppPath(lastAppPath: Ref<string>): void;
-declare function injectLastAppPath(): Ref<string>;
 declare function provideViews(views: Ref<string[]>): void;
 declare function injectViews(): Ref<string[]>;
 //#endregion
@@ -279,12 +271,6 @@ declare function matchRouteMeta(path: string): RouteMeta | undefined;
 declare const routeTransName: import("vue").Ref<string, string>;
 declare function onBeforeEach(to: RouteLocationNormalized, from: RouteLocationNormalized, lastAppPath: string): Promise<{
   path: string;
-  query?: undefined;
-} | {
-  path: string;
-  query: {
-    orgId: string;
-  };
 } | undefined>;
 //#endregion
 //#region src/utils/type.d.ts
@@ -302,18 +288,23 @@ declare function delView(views: Ref<string[]>, name: string): void;
 declare function popView(views: Ref<string[]>): void;
 declare function clearViews(views: Ref<string[]>): void;
 //#endregion
-//#region src/composables/microApp.d.ts
+//#region src/composables/globalStates.d.ts
 interface GlobalStates {
-  dark: Ref<boolean | undefined>;
+  darkRaw: Ref<boolean | undefined>;
+  dark: Ref<boolean>;
   locale: Ref<string>;
   activeOrg: Ref<string>;
+  activeOrgNameRaw: Ref<string>;
   activeOrgName: Ref<string>;
   permissionObjects: Ref<PermissionObjects>;
   permissionChecksum: Ref<string>;
   lastAppPath: Ref<string>;
   views: Ref<string[]>;
 }
-declare function useMicroApp(globalStates: GlobalStates, base?: boolean, customBack?: (m: RouteMeta) => void): void;
+declare function useGlobalStates(globalStates: GlobalStates, base?: boolean): void;
+//#endregion
+//#region src/composables/microApp.d.ts
+declare function useMicroApp(globalStates: GlobalStates, ignoreSyncOrg?: boolean, onRouteChange?: () => Promise<void>, customBack?: (m: RouteMeta) => void): void;
 //#endregion
 //#region src/composables/permission.d.ts
 declare function usePermission(): {
@@ -560,4 +551,4 @@ declare const _default: {
   install: (app: import("vue").App) => void;
 };
 //#endregion
-export { Permission, PermissionObjects, RouteMeta, Type, addView, appAppear, clearViews, closeWaitDlg, createAxios, _default as default, delView, eventBus, getTypeColor, getTypeDefault, globalObjects, hasView, injectActiveOrg, injectActiveOrgName, injectDark, injectLastAppPath, injectLocale, injectPermissionChecksum, injectPermissionObjects, injectViews, isEmpty, isExist, lastView, loadLocaleMessageEssential, matchRouteMeta, messageError, messageInfo, messageSuccess, messageWarning, onBeforeEach, openConfirmDlg, openNumberDlg, openPromptDlg, openWaitDlg, popView, provideActiveOrg, provideActiveOrgName, provideDark, provideLastAppPath, provideLocale, providePermissionChecksum, providePermissionObjects, provideViews, routeTransName, toPermissionObjects, types, useColor, useMicroApp, usePermission, useSystem, useViewStack, verifyPermission, waitMs, waitUtil };
+export { GlobalStates, Permission, PermissionObjects, RouteMeta, Type, addView, appAppear, clearViews, closeWaitDlg, createAxios, _default as default, delView, eventBus, getTypeColor, getTypeDefault, globalObjects, hasView, injectDark, injectLocale, injectPermissionObjects, injectViews, isEmpty, isExist, lastView, loadLocaleMessageEssential, matchRouteMeta, messageError, messageInfo, messageSuccess, messageWarning, onBeforeEach, openConfirmDlg, openNumberDlg, openPromptDlg, openWaitDlg, popView, provideDark, provideLocale, providePermissionObjects, provideViews, routeTransName, toPermissionObjects, types, useColor, useGlobalStates, useMicroApp, usePermission, useSystem, useViewStack, verifyPermission, waitMs, waitUtil };

package/dist/index.js

@@ -1,12 +1,12 @@
 (function(){try{document.getElementById(`x-essential-lib`)?.remove();const e = document.createElement(`style`);e.setAttribute(`id`, `x-essential-lib`);const t = document.createTextNode(`.fade-leave-active[data-v-x-essential-lib-c3545c8d]{transition:opacity .5s}.fade-leave-to[data-v-x-essential-lib-c3545c8d]{opacity:0}.x-cont[data-v-x-essential-lib-c3545c8d]{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lds-spinner[data-v-x-essential-lib-c3545c8d]{color:official;width:40px;height:40px;display:inline-block;position:relative}.lds-spinner div[data-v-x-essential-lib-c3545c8d]{transform-origin:20px 20px;animation:1.2s linear infinite lds-spinner-x-essential-lib-c3545c8d}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:after{content:" ";background:#9e9e9e;border-radius:5%;width:2px;height:6px;display:block;position:absolute;top:3px;left:18px}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:first-child{animation-delay:-1.1s;transform:rotate(0)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div[data-v-x-essential-lib-c3545c8d]:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner-x-essential-lib-c3545c8d{0%{opacity:1}to{opacity:0}}.x-item[data-v-x-essential-lib-cfcda9d9]{width:600px}@media (width<=600px){.x-item[data-v-x-essential-lib-cfcda9d9]{width:calc(100vw - 16px)}}.x-cont[data-v-x-essential-lib-b973907d]{z-index:9999;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}`);e.appendChild(t);document.head.appendChild(e);}catch(e){console.error('rolldown-plugin-inject-css', e);}})()
-import { a as api, i as mitt_default, o as usePreferredDark, r as toLower } from "./vendor.bri8m5ch.js";
+import { a as api, i as mitt_default, o as usePreferredDark, r as toLower } from "./vendor.dqdzrw43.js";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, isRef, normalizeStyle, onBeforeMount, onBeforeUnmount, onMounted, openBlock, provide, ref, renderList, resolveComponent, toDisplayString, unref, useTemplateRef, watch, watchEffect, withCtx, withKeys, withModifiers } from "vue";
 import { useI18n } from "vue-i18n";
 import { useDisplay, useTheme } from "vuetify";
-import { useRoute, useRouter } from "vue-router";
+import axios from "axios";
+import { onBeforeRouteUpdate, useRoute, useRouter } from "vue-router";
 import { getErrorMessage } from "x-error-lib";
 import { createAxios as createAxios$1, messageError as messageError$1 } from "x-essential-lib";
-import axios from "axios";
 
 //#region src/composables/color.ts
 function useColor() {
@@ -36,25 +36,6 @@ function useColor() {
 	};
 }
 
-//#endregion
-//#region src/api/orgbase/instance.ts
-const instance = createAxios$1({
-	baseUrl: "http://localhost/orgbase/",
-	onError: (error) => {
-		messageError$1(getErrorMessage(error));
-	}
-});
-if (window.API_URL) instance.defaults.baseURL = window.API_URL + "/orgbase/";
-
-//#endregion
-//#region src/api/orgbase/index.ts
-function GetOrgName(request) {
-	return instance.post("getOrgName", request);
-}
-function PullPermission(request) {
-	return instance.post("pullPermission", request);
-}
-
 //#endregion
 //#region src/utils/axios.ts
 function createAxios(options) {
@@ -90,17 +71,24 @@ function onRespRejected(error, onError) {
 	const resp = error.response;
 	if (!resp) return Promise.reject(error);
 	if (resp.status === 401) onUnauthorized();
-	if (resp.data?.message) onError(resp.data?.message);
-	else onError({
-		code: resp.status,
-		message: resp.statusText
-	});
-	return Promise.reject(error);
+	const msg = resp.data?.message;
+	if (msg) {
+		onError(msg);
+		return Promise.reject(msg);
+	} else {
+		const obj = {
+			code: resp.status,
+			message: resp.statusText
+		};
+		onError(obj);
+		return Promise.reject(obj);
+	}
 }
 function onUnauthorized() {
+	const router = useRouter();
 	api.remove("accessToken");
 	api.remove("refreshToken");
-	useRouter().replace({ path: "/passport/login" });
+	router.replace({ path: `/passport/login` });
 }
 
 //#endregion
@@ -430,36 +418,12 @@ function provideLocale(locale) {
 function injectLocale() {
 	return inject("essentialLocale");
 }
-function provideActiveOrg(activeOrg) {
-	provide("essentialActiveOrg", activeOrg);
-}
-function injectActiveOrg() {
-	return inject("essentialActiveOrg");
-}
-function provideActiveOrgName(activeOrgName) {
-	provide("essentialActiveOrgName", activeOrgName);
-}
-function injectActiveOrgName() {
-	return inject("essentialActiveOrgName");
-}
 function providePermissionObjects(permissionObjects) {
 	provide("essentialPermissionObjects", permissionObjects);
 }
 function injectPermissionObjects() {
 	return inject("essentialPermissionObjects");
 }
-function providePermissionChecksum(permissionChecksum) {
-	provide("essentialPermissionChecksum", permissionChecksum);
-}
-function injectPermissionChecksum() {
-	return inject("essentialPermissionChecksum");
-}
-function provideLastAppPath(lastAppPath) {
-	provide("essentialLastAppPath", lastAppPath);
-}
-function injectLastAppPath() {
-	return inject("essentialLastAppPath");
-}
 function provideViews(views) {
 	provide("viewsKey", views);
 }
@@ -639,48 +603,13 @@ function onBeforeChange(toPath, fromPath, lastAppPath) {
 function isHasAccessToken() {
 	return !!api.get("accessToken");
 }
-async function syncOrg(orgId) {
-	if (orgId !== "public") {
-		const { name } = await GetOrgName({ orgId });
-		eventBus.emit("updateActiveOrg", [orgId, name]);
-	} else eventBus.emit("updateActiveOrg", [orgId, ""]);
-}
-async function syncPermission(orgId) {
-	if (orgId !== "public") {
-		const { permissions } = await PullPermission({
-			orgId,
-			checksum: ""
-		});
-		eventBus.emit("updatePermission", [toPermissionObjects(permissions), permissions["checksum"] ?? ""]);
-	} else eventBus.emit("updatePermission", [{}, ""]);
-}
 async function onBeforeEach(to, from, lastAppPath) {
 	const hasAccessToken = isHasAccessToken();
 	const toRouteMeta = matchRouteMeta(to.path);
 	if (!toRouteMeta) return;
 	if (toRouteMeta.requireAuth && !hasAccessToken) return { path: `/passport/login` };
-	if (hasAccessToken && to.path.startsWith("/passport/")) return {
-		path: `/main/${Date.now()}`,
-		query: { orgId: "public" }
-	};
-	if (to.path.startsWith("/passport/")) onBeforeChange(to.path, from.path, lastAppPath);
-	else {
-		const orgId = to.query.orgId;
-		if (!orgId) return {
-			path: `/main/${Date.now()}`,
-			query: { orgId: "public" }
-		};
-		try {
-			await syncOrg(orgId);
-			await syncPermission(orgId);
-			onBeforeChange(to.path, from.path, lastAppPath);
-		} catch {
-			return {
-				path: `/main/${Date.now()}`,
-				query: { orgId: "public" }
-			};
-		}
-	}
+	if (hasAccessToken && to.path.startsWith("/passport/")) return { path: `/main/${Date.now()}` };
+	onBeforeChange(to.path, from.path, lastAppPath);
 }
 
 //#endregion
@@ -744,118 +673,133 @@ function clearViews(views) {
 }
 
 //#endregion
-//#region src/composables/microApp.ts
-function useMicroApp(globalStates, base, customBack) {
+//#region src/composables/globalStates.ts
+function useGlobalStates(globalStates, base) {
 	const { t } = useI18n();
-	const route = useRoute();
-	const router = useRouter();
-	const { dark, locale, activeOrg, activeOrgName, permissionObjects, permissionChecksum, lastAppPath, views } = globalStates;
+	const { darkRaw, dark, locale, activeOrg, activeOrgNameRaw, activeOrgName, permissionObjects, permissionChecksum, lastAppPath, views } = globalStates;
+	provideDark(dark);
+	provideLocale(locale);
+	providePermissionObjects(permissionObjects);
+	provideViews(views);
 	const prefDark = usePreferredDark();
-	const finalDark = ref(false);
 	watchEffect(() => {
 		let d;
-		if (typeof dark.value === "boolean") d = dark.value;
+		if (typeof darkRaw.value === "boolean") d = darkRaw.value;
 		else d = prefDark.value;
-		finalDark.value = d;
+		dark.value = d;
 	});
 	const theme = useTheme();
 	watchEffect(async () => {
-		await theme.change(finalDark.value ? "dark" : "light");
+		await theme.change(dark.value ? "dark" : "light");
 	});
-	provideDark(finalDark);
-	provideLocale(locale);
-	provideActiveOrg(activeOrg);
-	provideActiveOrgName(activeOrgName);
-	providePermissionObjects(permissionObjects);
-	providePermissionChecksum(permissionChecksum);
-	provideLastAppPath(lastAppPath);
-	provideViews(views);
-	function extractPathFromUrl(url) {
-		return new URL(url).pathname;
-	}
-	function onBeforeAppChange(e) {
-		const lastAppPath = extractPathFromUrl(e.detail.oldUrl);
-		eventBus.emit("updateLastAppPath", lastAppPath);
-	}
-	if (base) {
-		onMounted(() => {
-			window.addEventListener("single-spa:before-app-change", onBeforeAppChange);
-		});
-		onBeforeUnmount(() => {
-			window.removeEventListener("single-spa:before-app-change", onBeforeAppChange);
-		});
+	watchEffect(() => {
+		if (activeOrg.value === "public") activeOrgName.value = t("x-essential-lib.publicDomain");
+		else activeOrgName.value = activeOrgNameRaw.value;
+	});
+	function onUpdateDark(val) {
+		darkRaw.value = val;
 	}
-	function syncStatusBar() {
-		if (typeof StatusBar !== "object") return;
-		if (finalDark.value) StatusBar.styleLightContent();
-		else StatusBar.styleDefault();
+	function onUpdateLocale(val) {
+		locale.value = val;
 	}
-	const running = ref(true);
-	function onPause() {
-		running.value = false;
+	function onUpdateActiveOrg(val) {
+		activeOrg.value = val[0];
+		activeOrgNameRaw.value = val[1];
 	}
-	function onResume() {
-		running.value = true;
+	function onUpdatePermission(val) {
+		permissionObjects.value = val[0];
+		permissionChecksum.value = val[1];
 	}
-	async function onBackButton() {
-		eventBus.emit("back");
+	function onUpdateLastAppPath(val) {
+		lastAppPath.value = val;
 	}
-	function onDeviceReady() {
-		console.log("onDeviceReady");
-		document.addEventListener("pause", onPause, false);
-		document.addEventListener("resume", onResume, false);
-		document.addEventListener("backbutton", onBackButton, false);
-		setInterval(() => {
-			syncStatusBar();
-		}, 1e3);
-		navigator.splashscreen.hide();
+	function onSyncGlobalStates() {
+		eventBus.emit("updateDark", dark.value);
+		eventBus.emit("updateLocale", locale.value);
+		eventBus.emit("updateActiveOrg", [activeOrg.value, activeOrgNameRaw.value]);
+		eventBus.emit("updatePermission", [permissionObjects.value, permissionChecksum.value]);
+		eventBus.emit("updateLastAppPath", lastAppPath.value);
 	}
-	if (base) {
-		onMounted(() => {
-			document.addEventListener("deviceready", onDeviceReady, false);
-		});
-		onBeforeUnmount(() => {
-			document.removeEventListener("deviceready", onDeviceReady, false);
-		});
-		watch(finalDark, (val) => {
-			window.dispatchEvent(new CustomEvent("darkChange", { detail: val }));
-			syncStatusBar();
-		}, { immediate: true });
+	onBeforeMount(() => {
+		eventBus.on("updateDark", onUpdateDark);
+		eventBus.on("updateLocale", onUpdateLocale);
+		eventBus.on("updateActiveOrg", onUpdateActiveOrg);
+		eventBus.on("updatePermission", onUpdatePermission);
+		eventBus.on("updateLastAppPath", onUpdateLastAppPath);
+		if (base) eventBus.on("syncGlobalStates", onSyncGlobalStates);
+		else eventBus.emit("syncGlobalStates");
+	});
+	onBeforeUnmount(() => {
+		eventBus.off("updateDark", onUpdateDark);
+		eventBus.off("updateLocale", onUpdateLocale);
+		eventBus.off("updateActiveOrg", onUpdateActiveOrg);
+		eventBus.off("updatePermission", onUpdatePermission);
+		eventBus.off("updateLastAppPath", onUpdateLastAppPath);
+		if (base) eventBus.off("syncGlobalStates", onSyncGlobalStates);
+	});
+}
+
+//#endregion
+//#region src/api/orgbase/instance.ts
+const instance = createAxios$1({
+	baseUrl: "http://localhost/orgbase/",
+	onError: (error) => {
+		messageError$1(getErrorMessage(error));
 	}
-	let handle;
-	async function syncPermission() {
-		if (!running.value) return;
-		if (!api.get("accessToken")) return;
+});
+if (window.API_URL) instance.defaults.baseURL = window.API_URL + "/orgbase/";
+
+//#endregion
+//#region src/api/orgbase/index.ts
+function GetOrgName(request) {
+	return instance.post("getOrgName", request);
+}
+function PullPermission(request) {
+	return instance.post("pullPermission", request);
+}
+
+//#endregion
+//#region src/composables/microApp.ts
+function useMicroApp(globalStates, ignoreSyncOrg, onRouteChange, customBack) {
+	const route = useRoute();
+	const router = useRouter();
+	useGlobalStates(globalStates);
+	const { activeOrg, views } = globalStates;
+	async function syncOrg() {
+		const orgId = route.query.orgId;
+		if (!orgId) {
+			router.replace(`/main/${Date.now()}`);
+			return false;
+		}
+		if (orgId === "public") {
+			eventBus.emit("updateActiveOrg", [orgId, ""]);
+			eventBus.emit("updatePermission", [{}, ""]);
+			return true;
+		}
 		try {
-			const { update, permissions } = await PullPermission({
-				orgId: activeOrg.value,
-				checksum: permissionChecksum.value
+			const { name } = await GetOrgName({ orgId });
+			const { permissions } = await PullPermission({
+				orgId,
+				checksum: ""
 			});
-			if (!update) return;
-			eventBus.emit("updatePermission", [toPermissionObjects(permissions), permissions["checksum"] ?? ""]);
+			eventBus.emit("updateActiveOrg", [orgId, name]);
+			eventBus.emit("updatePermission", [toPermissionObjects(permissions), permissions.checksum ?? ""]);
+			return true;
 		} catch (e) {
-			console.error(e);
+			if (e === "org not found" || e === "org member not found") router.replace(`/main/${Date.now()}`);
+			return false;
 		}
 	}
-	async function startTimer() {
-		window.clearTimeout(handle);
-		handle = window.setTimeout(async () => {
-			await syncPermission();
-			if (handle) await startTimer();
-		}, 3e3);
-	}
-	function stopTimer() {
-		window.clearTimeout(handle);
-		handle = void 0;
-	}
-	if (base) {
-		onMounted(async () => {
-			await startTimer();
-		});
-		onBeforeUnmount(() => {
-			stopTimer();
-		});
+	async function fetch() {
+		if (!ignoreSyncOrg && !await syncOrg()) return;
+		await onRouteChange?.();
 	}
+	onBeforeMount(async () => {
+		await fetch();
+	});
+	onBeforeRouteUpdate(async () => {
+		await fetch();
+	});
 	async function handleBack() {
 		if (!isEmpty(views)) {
 			if (!hasView(views, "waitDlg")) popView(views);
@@ -881,61 +825,13 @@ function useMicroApp(globalStates, base, customBack) {
 			return;
 		}
 	}
-	if (!base) {
-		onMounted(() => {
-			window.addEventListener("keydown", onKeyDown);
-			eventBus.on("back", handleBack);
-		});
-		onBeforeUnmount(() => {
-			window.removeEventListener("keydown", onKeyDown);
-			eventBus.off("back", handleBack);
-		});
-	}
-	function onUpdateDark(val) {
-		dark.value = val;
-	}
-	function onUpdateLocale(val) {
-		locale.value = val;
-	}
-	const activeOrgNameRaw = ref("");
-	watchEffect(() => {
-		if (activeOrg.value === "public") activeOrgName.value = t("x-essential-lib.publicDomain");
-		else activeOrgName.value = activeOrgNameRaw.value;
-	});
-	function onUpdateActiveOrg(val) {
-		activeOrg.value = val[0];
-		activeOrgNameRaw.value = val[1];
-	}
-	function onUpdatePermission(val) {
-		permissionObjects.value = val[0];
-		permissionChecksum.value = val[1];
-	}
-	function onUpdateLastAppPath(val) {
-		lastAppPath.value = val;
-	}
-	function onSyncGlobalStates() {
-		eventBus.emit("updateDark", dark.value);
-		eventBus.emit("updateLocale", locale.value);
-		eventBus.emit("updateActiveOrg", [activeOrg.value, activeOrgNameRaw.value]);
-		eventBus.emit("updatePermission", [permissionObjects.value, permissionChecksum.value]);
-		eventBus.emit("updateLastAppPath", lastAppPath.value);
-	}
-	onBeforeMount(() => {
-		eventBus.on("updateDark", onUpdateDark);
-		eventBus.on("updateLocale", onUpdateLocale);
-		eventBus.on("updateActiveOrg", onUpdateActiveOrg);
-		eventBus.on("updatePermission", onUpdatePermission);
-		eventBus.on("updateLastAppPath", onUpdateLastAppPath);
-		if (base) eventBus.on("syncGlobalStates", onSyncGlobalStates);
-		else eventBus.emit("syncGlobalStates");
+	onMounted(() => {
+		window.addEventListener("keydown", onKeyDown);
+		eventBus.on("back", handleBack);
 	});
 	onBeforeUnmount(() => {
-		eventBus.off("updateDark", onUpdateDark);
-		eventBus.off("updateLocale", onUpdateLocale);
-		eventBus.off("updateActiveOrg", onUpdateActiveOrg);
-		eventBus.off("updatePermission", onUpdatePermission);
-		eventBus.off("updateLastAppPath", onUpdateLastAppPath);
-		if (base) eventBus.off("syncGlobalStates", onSyncGlobalStates);
+		window.removeEventListener("keydown", onKeyDown);
+		eventBus.off("back", handleBack);
 	});
 }
 
@@ -1699,4 +1595,4 @@ async function loadLocaleMessageEssential(locale) {
 var src_default = { install };
 
 //#endregion
-export { Permission, addView, appAppear, clearViews, closeWaitDlg, createAxios, src_default as default, delView, eventBus, getTypeColor, getTypeDefault, globalObjects, hasView, injectActiveOrg, injectActiveOrgName, injectDark, injectLastAppPath, injectLocale, injectPermissionChecksum, injectPermissionObjects, injectViews, isEmpty, isExist, lastView, loadLocaleMessageEssential, matchRouteMeta, messageError, messageInfo, messageSuccess, messageWarning, onBeforeEach, openConfirmDlg, openNumberDlg, openPromptDlg, openWaitDlg, popView, provideActiveOrg, provideActiveOrgName, provideDark, provideLastAppPath, provideLocale, providePermissionChecksum, providePermissionObjects, provideViews, routeTransName, toPermissionObjects, types, useColor, useMicroApp, usePermission, useSystem, useViewStack, verifyPermission, waitMs, waitUtil };
+export { Permission, addView, appAppear, clearViews, closeWaitDlg, createAxios, src_default as default, delView, eventBus, getTypeColor, getTypeDefault, globalObjects, hasView, injectDark, injectLocale, injectPermissionObjects, injectViews, isEmpty, isExist, lastView, loadLocaleMessageEssential, matchRouteMeta, messageError, messageInfo, messageSuccess, messageWarning, onBeforeEach, openConfirmDlg, openNumberDlg, openPromptDlg, openWaitDlg, popView, provideDark, provideLocale, providePermissionObjects, provideViews, routeTransName, toPermissionObjects, types, useColor, useGlobalStates, useMicroApp, usePermission, useSystem, useViewStack, verifyPermission, waitMs, waitUtil };

package/dist/{vendor.bri8m5ch.js → vendor.dqdzrw43.js}

@@ -577,12 +577,12 @@ function toLower(value) {
 //#endregion
 //#region node_modules/.pnpm/mitt@3.0.1/node_modules/mitt/index.d.ts
 var EventType = [
-	67,
+	60,
 	() => [],
 	[]
 ];
 var Handler = [
-	68,
+	61,
 	(T) => [T],
 	[
 		"",
@@ -591,7 +591,7 @@ var Handler = [
 	]
 ];
 var WildcardHandler = [
-	69,
+	62,
 	(T) => [
 		Record,
 		T,
@@ -609,7 +609,7 @@ var WildcardHandler = [
 	]
 ];
 var EventHandlerList = [
-	70,
+	63,
 	(T) => [
 		T,
 		Handler,
@@ -623,7 +623,7 @@ var EventHandlerList = [
 	]
 ];
 var WildCardEventHandlerList = [
-	71,
+	64,
 	(T) => [
 		Record,
 		T,
@@ -639,7 +639,7 @@ var WildCardEventHandlerList = [
 	]
 ];
 var EventHandlerMap = [
-	72,
+	65,
 	(Events) => [
 		EventType,
 		Record,
@@ -665,7 +665,7 @@ var EventHandlerMap = [
 	]
 ];
 var Emitter = [
-	73,
+	66,
 	(Key, Events) => [
 		EventType,
 		Record,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-essential-lib",
-  "version": "0.10.20",
+  "version": "0.10.21",
   "files": [
     "dist"
   ],
@@ -38,14 +38,15 @@
     "mitt": "^3.0.1",
     "oxfmt": "^0.55.0",
     "oxlint": "^1.70.0",
+    "picomatch": "^4.0.5",
     "rolldown": "^1.1.2",
     "sass": "^1.101.0",
     "tsdown": "^0.22.3",
     "typescript": "^6.0.3",
     "vite": "^8.0.16",
     "x-config-lib": "^0.1.5",
-    "x-config-oxfmt": "^0.1.4",
-    "x-config-oxlint": "^0.1.4"
+    "x-config-oxfmt": "^0.1.5",
+    "x-config-oxlint": "^0.1.6"
   },
   "peerDependencies": {
     "axios": "^1.18.0",
@@ -53,9 +54,5 @@
     "vue-i18n": "^11.4.6",
     "vue-router": "^5.1.0",
     "vuetify": "^4.1.2"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx,vue}": "oxlint",
-    "*": "oxfmt --no-error-on-unmatched-pattern"
   }
 }