fix: naive tenant dropdown

apps/web-naive/src/layouts/basic.vue

@@ -204,7 +204,7 @@ watch(
       />
     </template>
     <template #header-right-1>
-      <TenantDropdown class="w-30 mr-2" />
+      <TenantDropdown class="mr-2" />
     </template>
     <template #extra>
       <AuthenticationLoginExpiredModal

apps/web-naive/src/layouts/components/tenant-dropdown.vue

@@ -50,13 +50,13 @@ onMounted(async () => {
   <div v-if="tenantEnable && hasAccessByCodes(['system:tenant:visit'])">
     <NSelect
       v-model:value="value"
-      :field-names="{ label: 'name', value: 'id' }"
+      value-field="id"
+      label-field="name"
       :options="tenants"
       :placeholder="$t('page.tenant.placeholder')"
-      :dropdown-style="{ position: 'fixed', zIndex: 1666 }"
       allow-clear
       class="w-40"
-      @change="handleChange"
+      @update:value="handleChange"
     />
   </div>
 </template>