@slidev/client 52.14.1 → 52.15.0

package/state/storage.ts

@@ -55,6 +55,13 @@ export const skipExportPdfTip = useLocalStorage('slidev-skip-export-pdf-tip', fa
 export const captureDelay = useLocalStorage('slidev-export-capture-delay', 400, { listenToStorageChanges: false })
 
 export const showPresenterCursor = useLocalStorage('slidev-presenter-cursor', true, { listenToStorageChanges: false })
+
+export const cursorStyle = useLocalStorage<'cursor' | 'laser'>('slidev-cursor-style', 'cursor', { listenToStorageChanges: false })
+
+export function togglePresenterCursor() {
+  showPresenterCursor.value = !showPresenterCursor.value
+}
+
 export const showEditor = useLocalStorage('slidev-show-editor', false, { listenToStorageChanges: false })
 export const isEditorVertical = useLocalStorage('slidev-editor-vertical', false, { listenToStorageChanges: false })
 export const editorWidth = useLocalStorage('slidev-editor-width', isClient ? window.innerWidth * 0.4 : 318, { listenToStorageChanges: false })

package/styles/index.css

@@ -45,24 +45,6 @@ html {
   @apply border-none hover:border-none hover:text-white;
 }
 
-.slidev-vclick-target {
-  @apply transition-opacity duration-100;
-}
-
-.slidev-vclick-hidden {
-  opacity: 0 !important;
-  pointer-events: none !important;
-  user-select: none !important;
-}
-
-.slidev-vclick-display-none {
-  display: none !important;
-}
-
-.slidev-vclick-fade {
-  opacity: 0.5;
-}
-
 .slidev-icon {
   display: inline-block;
   vertical-align: sub;
@@ -142,11 +124,15 @@ html {
 
 #twoslash-container {
   position: fixed;
-}
 
-#twoslash-container .v-popper__wrapper:not(.no-slide-scale > *) {
-  transform: scale(calc(1 * var(--slidev-slide-scale)));
-  transform-origin: 30px top;
+  .v-popper__wrapper:not(.no-slide-scale > *) {
+    zoom: var(--slidev-slide-scale);
+  }
+
+  .v-popper__popper:not(.no-slide-scale > *) {
+    translate: calc(10px * (1 - var(--slidev-slide-scale))) 0;
+    width: max-content;
+  }
 }
 
 .slidev-note ul {

package/styles/index.ts

@@ -0,0 +1,23 @@
+import '@unocss/reset/tailwind.css'
+
+import 'uno:preflights.css'
+import 'uno:typography.css'
+import 'uno:shortcuts.css'
+
+import '@shikijs/vitepress-twoslash/style.css'
+import 'shiki-magic-move/style.css'
+import 'markdown-it-github-alerts/styles/github-colors-light.css'
+import 'markdown-it-github-alerts/styles/github-colors-dark-media.css'
+import 'markdown-it-github-alerts/styles/github-base.css'
+
+import './vars.css'
+import './index.css'
+import './code.css'
+import './katex.css'
+import './transitions.css'
+import './shiki-twoslash.css'
+import './vclick.css'
+
+import '#slidev/conditional-styles'
+
+import 'uno.css'

package/styles/layouts-base.css

@@ -34,7 +34,7 @@
     @apply text-sm pt-1 uppercase tracking-widest font-500;
   }
 
-  h6:not(.opacity-100) {
+  :where(&) h6 {
     @apply opacity-40;
   }
 

package/styles/vclick.css

@@ -0,0 +1,54 @@
+.slidev-vclick-target {
+  transition: all 0.1s ease;
+
+  &.slidev-vclick-anim-none {
+    transition: none;
+  }
+
+  &.slidev-vclick-anim-fade-in {
+    transition: all 0.3s ease;
+  }
+}
+
+.slidev-vclick-hidden {
+  opacity: 0 !important;
+  pointer-events: none !important;
+  user-select: none !important;
+
+  &.slidev-vclick-anim-fade {
+    opacity: 0.5 !important;
+  }
+
+  &.slidev-vclick-anim-fade-in {
+    opacity: 0 !important;
+  }
+
+  &.slidev-vclick-anim-up {
+    translate: 0 20px;
+  }
+
+  &.slidev-vclick-anim-down {
+    translate: 0 -20px;
+  }
+
+  &.slidev-vclick-anim-left {
+    translate: 20px 0;
+  }
+
+  &.slidev-vclick-anim-right {
+    translate: -20px 0;
+  }
+
+  &.slidev-vclick-anim-scale {
+    scale: 0.9;
+  }
+}
+
+.slidev-vclick-display-none {
+  display: none !important;
+}
+
+/* No longer used, but kept for backward compatibility */
+.slidev-vclick-fade {
+  opacity: 0.5;
+}