x-essential-lib 0.10.40 → 0.10.42

package/dist/index.d.ts

@@ -168,8 +168,8 @@ export declare function useSystem(): {
 };
 //#endregion
 //#region src/composables/viewStack.d.ts
-export declare function useViewStack(name: string, hook?: (params: unknown) => void): {
-  open: import("vue").WritableComputedRef<boolean, boolean>;
+export declare function useViewStack(name: string, openHook?: (params: any) => Promise<void>, closeHook?: () => Promise<void>): {
+  open: import("vue").Ref<boolean, boolean>;
 };
 //#endregion
 //#region src/i18n/index.d.ts

package/dist/index.js

@@ -768,9 +768,10 @@ function useSystem() {
 
 //#endregion
 //#region src/composables/viewStack.ts
-function useViewStack(name, hook) {
+function useViewStack(name, openHook, closeHook) {
 	const views = injectViews();
-	const open = computed({
+	const open = ref(false);
+	const view = computed({
 		get() {
 			return hasView(views, name);
 		},
@@ -779,16 +780,26 @@ function useViewStack(name, hook) {
 			else delView(views, name);
 		}
 	});
-	const onOpen = (params) => {
-		hook?.(params);
-		open.value = true;
-	};
+	async function onOpen(params) {
+		try {
+			await openHook?.(params);
+		} finally {
+			open.value = true;
+		}
+	}
 	onMounted(() => {
 		eventBus.on(name, onOpen);
 	});
 	onBeforeUnmount(() => {
 		eventBus.off(name, onOpen);
 	});
+	watch(open, (val) => {
+		view.value = val;
+	});
+	watch(view, async (val) => {
+		if (!val) await closeHook?.();
+		open.value = val;
+	});
 	return { open };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-essential-lib",
-  "version": "0.10.40",
+  "version": "0.10.42",
   "files": [
     "dist"
   ],
@@ -24,7 +24,7 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "x-error-lib": "^0.6.4"
+    "x-error-lib": "^0.6.5"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",