多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

57 lines
1.7 KiB

<script setup lang="ts">
import { isDrawerOrModalExist, isMac, useNuxtApp, useRoute, useUIPermission } from '#imports'
const route = useRoute()
const showUserModal = ref(false)
const { isUIAllowed } = useUIPermission()
const { $e } = useNuxtApp()
const isShareBaseAllowed = computed(
() =>
isUIAllowed('newUser') &&
route.name !== 'index' &&
route.name !== 'index-index' &&
route.name !== 'index-index-create' &&
route.name !== 'index-index-create-external' &&
route.name !== 'index-user-index',
)
useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
const cmdOrCtrl = isMac() ? e.metaKey : e.ctrlKey
if (e.altKey && !e.shiftKey && !cmdOrCtrl) {
switch (e.keyCode) {
case 73: {
// ALT + I
if (isShareBaseAllowed.value && !isDrawerOrModalExist()) {
$e('c:shortcut', { key: 'ALT + I' })
showUserModal.value = true
}
break
}
}
}
})
</script>
<template>
<div class="flex items-center h-full" @click="showUserModal = true">
<div v-if="isShareBaseAllowed">
<a-tooltip placement="left">
<template #title>
<span class="text-xs">{{ $t('activity.inviteTeam') }}</span>
</template>
<a-button type="primary" class="!rounded-md mr-1" size="medium">
<div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold">
<MdiAccountPlusOutline class="mr-1 nc-share-base hover:text-accent text-sm" />
{{ $t('activity.share') }}
</div>
</a-button>
</a-tooltip>
</div>
<LazyTabsAuthUserManagementUsersModal :show="showUserModal" @closed="showUserModal = false" />
</div>
</template>