fix user header and modal detail

src/components/BasicPacks/BasicActionSheet.vue

@@ -55,6 +55,7 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue'
+import { APP_Z_MODAL } from '@/utils/zIndex'
 
 interface Props {
   show?: boolean
@@ -74,7 +75,7 @@ const props = withDefaults(defineProps<Props>(), {
   showCancel: true,
   showOk: true,
   okText: 'ثبت',
-  zIndex: 5200, // --app-z-action-sheet
+  zIndex: APP_Z_MODAL,
 })
 
 const emit = defineEmits<{

src/components/BasicPacks/BasicModal.vue

@@ -4,6 +4,8 @@
       v-model:visible="localValue"
       :title="props.title"
       centered
+      :z-index="props.zIndex"
+      :get-container="getModalContainer"
       @ok="emits('ok')"
       @cancel="emits('close')"
       @close="emits('close')"
@@ -28,6 +30,7 @@
 <script setup lang="ts">
 //define emit
 import { computed } from 'vue'
+import { APP_Z_MODAL, getModalContainer } from '@/utils/zIndex'
 
 const emits = defineEmits(['ok', 'close', 'update:visible'])
 
@@ -43,6 +46,7 @@ interface Prop {
   wrapClassName?: string
   closable?: boolean
   destroyOnClose?:boolean
+  zIndex?: number
 }
 
 const props = withDefaults(defineProps<Prop>(), {
@@ -52,7 +56,8 @@ const props = withDefaults(defineProps<Prop>(), {
   customFooter: false,
   loading: false,
   wrapClassName: '',
-  closable: true
+  closable: true,
+  zIndex: APP_Z_MODAL,
 })
 
 const localValue = computed({