Cette traduction est obsolète, veuillez consulter le document en anglais.

Configurer les raccourcis

Disponible depuis v0.20

Since v0.35.6 (excluded), you decide which base shortcuts to keep (see ...base, below).

Environment: client
Cette fonction de configuration ne fonctionnera que du côté client. Assurez-vous de la compatibilité du navigateur lors de l'importation de packages.

Créez ./setup/shortcuts.ts avec le contenu suivant :

import type { NavOperations, ShortcutOptions } from '@slidev/types'
import { defineShortcutsSetup } from '@slidev/types'

export default defineShortcutsSetup((nav: NavOperations, base: ShortcutOptions[]) => {
  return [
    ...base, // keep the existing shortcuts
    {
      key: 'enter',
      fn: () => nav.next(),
      autoRepeat: true,
    },
    {
      key: 'backspace',
      fn: () => nav.prev(),
      autoRepeat: true,
    },
  ]
})

Avec la configuration, vous pouvez fournir le paramètre personnalisé pour les raccourcis mentionnés dans Navigation. La configuration ci-dessus lie l'animation ou la diapositive suivante à enter et l'animation ou la diapositive précédente à backspace.

La fonction de configuration reçoit un objet avec certaines méthodes de navigation et renvoie un tableau contenant une configuration de raccourci. Reportez-vous aux définitions de type pour plus de détails.

Le type key n'autorise que les chaînes, mais vous pouvez toujours lier plusieurs clés en utilisant la convention suivante :

import type { NavOperations, ShortcutOptions } from '@slidev/types'
import { defineShortcutsSetup } from '@slidev/types'

export default defineShortcutsSetup((nav: NavOperations, base: ShortcutOptions[]) => {
  return [
    ...base,
    {
      key: 'ShiftLeft+ArrowRight',
      fn: () => nav.next(),
      autoRepeat: true,
    }
  ]
})

Reportez-vous à useMagicKeys | VueUse pour plus de détails sur l'événement de pression de touche.