mirror of https://github.com/nocodb/nocodb
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.
87 lines
2.5 KiB
87 lines
2.5 KiB
<script setup lang="ts"> |
|
import { applyNonSelectable, computed, useCommandPalette, useRouter, useTheme } from '#imports' |
|
|
|
const router = useRouter() |
|
|
|
const route = router.currentRoute |
|
|
|
const cmdK = ref(false) |
|
|
|
const cmdL = ref(false) |
|
|
|
const disableBaseLayout = computed(() => route.value.path.startsWith('/nc/view') || route.value.path.startsWith('/nc/form')) |
|
|
|
useTheme() |
|
|
|
const { commandPalette, cmdData, cmdPlaceholder, activeScope, loadTemporaryScope } = useCommandPalette() |
|
|
|
applyNonSelectable() |
|
useEventListener(document, 'keydown', async (e: KeyboardEvent) => { |
|
const cmdOrCtrl = isMac() ? e.metaKey : e.ctrlKey |
|
if (cmdOrCtrl) { |
|
switch (e.key.toLowerCase()) { |
|
case 'a': |
|
// prevent Ctrl + A selection for non-editable nodes |
|
if (!['input', 'textarea'].includes((e.target as any).nodeName.toLowerCase())) { |
|
e.preventDefault() |
|
} |
|
break |
|
case 'k': |
|
e.preventDefault() |
|
break |
|
case 'l': |
|
e.preventDefault() |
|
break |
|
case 'j': |
|
e.preventDefault() |
|
break |
|
} |
|
} |
|
}) |
|
|
|
// TODO: Remove when https://github.com/vuejs/core/issues/5513 fixed |
|
const key = ref(0) |
|
|
|
const messages = [ |
|
`Uncaught NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.`, // chromium based |
|
`NotFoundError: The object can not be found here.`, // safari |
|
"Cannot read properties of null (reading 'parentNode')", |
|
] |
|
|
|
if (typeof window !== 'undefined') { |
|
// @ts-expect-error using arbitrary window key |
|
if (!window.__ncvue) { |
|
window.addEventListener('error', (event) => { |
|
if (messages.includes(event.message)) { |
|
event.preventDefault() |
|
console.warn('Re-rendering layout because of https://github.com/vuejs/core/issues/5513') |
|
key.value++ |
|
} |
|
}) |
|
} |
|
|
|
// @ts-expect-error using arbitrary window key |
|
window.__ncvue = true |
|
} |
|
</script> |
|
|
|
<template> |
|
<a-config-provider> |
|
<NuxtLayout :name="disableBaseLayout ? false : 'base'"> |
|
<NuxtPage :key="key" :transition="false" /> |
|
</NuxtLayout> |
|
</a-config-provider> |
|
<!-- Command Menu --> |
|
<CmdK |
|
ref="commandPalette" |
|
v-model:open="cmdK" |
|
:scope="activeScope.scope" |
|
:data="cmdData" |
|
:placeholder="cmdPlaceholder" |
|
:load-temporary-scope="loadTemporaryScope" |
|
/> |
|
<!-- Recent Views. Cycles through recently visited Views --> |
|
<CmdL v-model:open="cmdL" /> |
|
<!-- Documentation. Integrated NocoDB Docs directlt inside the Product --> |
|
<CmdJ /> |
|
</template>
|
|
|