@slidev/client 0.51.0-beta.2 → 0.51.0-beta.4

package/composables/useHideCursorIdle.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
 import { useEventListener } from '@vueuse/core'
-import { computed } from 'vue'
+import { computed, watch } from 'vue'
 import { hideCursorIdle } from '../state'
 
 const TIMEOUT = 2000
@@ -19,15 +19,24 @@ export function useHideCursorIdle(
 
   let timer: ReturnType<typeof setTimeout> | null = null
 
+  // If disabled, immediately show the cursor
+  watch(
+    shouldHide,
+    (value) => {
+      if (!value)
+        show()
+    },
+  )
+
   useEventListener(
     document.body,
     ['pointermove', 'pointerdown'],
     () => {
       show()
-      if (!shouldHide.value)
-        return
       if (timer)
         clearTimeout(timer)
+      if (!shouldHide.value)
+        return
       timer = setTimeout(hide, TIMEOUT)
     },
     { passive: true },

package/internals/FormSlider.vue

@@ -28,7 +28,7 @@ const value = defineModel<number>('modelValue', {
     />
   </div>
   <div relative h-22px>
-    <input v-model.number="value" type="number" v-bind="props" border="~ base rounded" m0 w-20 bg-gray:5 pl2 align-top text-sm>
+    <input v-model.number="value" type="number" v-bind="props" border="~ main rounded" m0 w-20 bg-gray:5 pl2 align-top text-sm>
     <span v-if="props.unit" pointer-events-none absolute right-1 top-0.5 text-xs op25>{{ props.unit }}</span>
   </div>
 </template>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "0.51.0-beta.2",
+  "version": "0.51.0-beta.4",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -60,8 +60,8 @@
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
     "yaml": "^2.6.1",
-    "@slidev/parser": "0.51.0-beta.2",
-    "@slidev/types": "0.51.0-beta.2"
+    "@slidev/parser": "0.51.0-beta.4",
+    "@slidev/types": "0.51.0-beta.4"
   },
   "devDependencies": {
     "vite": "^6.0.6"

package/pages/export.vue

@@ -275,8 +275,8 @@ if (import.meta.hot) {
                 Clear Captured Images
               </button>
               <button v-else class="slidev-form-button flex justify-center items-center gap-2" @click="capturePngs">
-                <div class="i-carbon:camera-action inline-block text-xl" />
-                Pre-capture Slides as Images
+                <div class="i-carbon:drop-photo inline-block text-xl" />
+                Pre-capture slides as Images
               </button>
               <FormItem title="Delay" description="Delay between capturing each slide in milliseconds.<br>Increase this value if slides are captured incompletely. <br>(Not related to PDF export)">
                 <input v-model="captureDelay" type="number" step="50" min="50">

package/pages/presenter.vue

@@ -127,16 +127,17 @@ onMounted(() => {
         <template v-if="mainSlideMode === 'mirror'">
           <ScreenCaptureMirror />
         </template>
-        <template v-else>
-          <SlideContainer
-            key="main"
-            class="p-2 lg:p-4 flex-auto"
-            is-main
-            @contextmenu="onContextMenu"
-          >
-            <SlidesShow render-context="presenter" />
-          </SlideContainer>
-        </template>
+
+        <!-- We use v-show here to still infer the clicks context -->
+        <SlideContainer
+          v-show="mainSlideMode === 'slides'"
+          key="main"
+          class="p-2 lg:p-4 flex-auto"
+          is-main
+          @contextmenu="onContextMenu"
+        >
+          <SlidesShow render-context="presenter" />
+        </SlideContainer>
 
         <ClicksSlider
           :key="currentSlideRoute?.no"

package/styles/index.css

@@ -123,8 +123,8 @@ html {
 
 .slidev-form-button {
   --uno: text-white px-4 py-1 rounded border-b-2;
-  --uno: 'bg-gray-400:50 border-gray-800:50';
-  --uno: 'hover:(bg-gray-400:75 border-gray8:75)';
+  --uno: 'bg-gray-500 border-gray-700';
+  --uno: 'hover:(bg-gray-400 border-gray6)';
 }
 .slidev-form-button.primary {
   --uno: bg-teal-600 border-teal-800;