feat(plugin-basic-ui): add interface to access z-index about AppScreen (

#514) Co-authored-by: JH.Lee <[email protected]>
daangn · Sep 11, 2024 · 5b1865e · 5b1865e
1 parent 354a0df
commit 5b1865e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/.changeset/chilled-items-protect.md b/.changeset/chilled-items-protect.md
@@ -0,0 +1,5 @@
+---
+"@stackflow/plugin-basic-ui": minor
+---
+
+feat(plugin-basic-ui): add interface to access z-index about AppScreen
diff --git a/extensions/plugin-basic-ui/src/components/AppScreen.tsx b/extensions/plugin-basic-ui/src/components/AppScreen.tsx
@@ -24,6 +24,12 @@ export const OFFSET_PX_CUPERTINO = 80;
 
 export type AppScreenContext = {
   scroll: (args: { top: number }) => void;
+  zIndices: {
+    dim: number;
+    paper: number;
+    edge: number;
+    appBar: number;
+  };
 };
 const Context = createContext<AppScreenContext>(null as any);
 
@@ -193,8 +199,14 @@ const AppScreen: React.FC<AppScreenProps> = ({
               behavior: "smooth",
             });
           },
+          zIndices: {
+            dim: zIndexDim,
+            paper: zIndexPaper,
+            edge: zIndexEdge,
+            appBar: zIndexAppBar,
+          },
         }),
-        [paperRef],
+        [paperRef, zIndexDim, zIndexPaper, zIndexEdge, zIndexAppBar],
       )}
     >
       <div