@slidev/client 0.43.15 → 0.45.0

package/builtin/VClicks.ts

@@ -50,16 +50,25 @@ export default defineComponent({
       ]])
     }
 
+    const openAllTopLevelSlots = <T extends VNodeArrayChildren | VNode[]>(children: T): T => {
+      return children.flatMap((i) => {
+        if (isVNode(i) && typeof i.type === 'symbol' && Array.isArray(i.children))
+          return openAllTopLevelSlots(i.children)
+        else
+          return [i]
+      }) as T
+    }
+
     let defaults = this.$slots.default?.()
 
     if (!defaults)
       return
 
-    defaults = toArray(defaults)
+    defaults = openAllTopLevelSlots(toArray(defaults))
 
     const mapSubList = (children: VNodeArrayChildren, depth = 1): [VNodeArrayChildren, number] => {
       let idx = 0
-      const vNodes = children.map((i) => {
+      const vNodes = openAllTopLevelSlots(children).map((i) => {
         if (!isVNode(i))
           return i
         if (listTags.includes(i.type as string) && Array.isArray(i.children)) {
@@ -76,7 +85,7 @@ export default defineComponent({
     let globalIdx = 0
     const mapChildren = (children: VNodeArrayChildren, depth = 1): [VNodeArrayChildren, number] => {
       let idx = 0
-      const vNodes = children.map((i) => {
+      const vNodes = openAllTopLevelSlots(children).map((i) => {
         if (!isVNode(i) || i.type === Comment)
           return i
         const directive = idx % this.every === 0 ? click : after
@@ -109,6 +118,24 @@ export default defineComponent({
     if (defaults.length === 1 && listTags.includes(defaults[0].type as string) && Array.isArray(defaults[0].children))
       return h(defaults[0], {}, [mapChildren(defaults[0].children)[0]])
 
+    if (defaults.length === 1 && defaults[0].type as string === 'table') {
+      const tableNode = defaults[0]
+      if (Array.isArray(tableNode.children)) {
+        return h(tableNode, {}, tableNode.children.map((i) => {
+          if (!isVNode(i)) {
+            return i
+          }
+          else {
+            if (i.type === 'tbody' && Array.isArray(i.children))
+              return h(i, {}, [mapChildren(i.children)[0]])
+
+            else
+              return h(i)
+          }
+        }))
+      }
+    }
+
     return mapChildren(defaults)[0]
   },
 })

package/internals/Draggable.vue

@@ -4,7 +4,7 @@ import { useDraggable, useLocalStorage } from '@vueuse/core'
 
 const props = defineProps<{
   storageKey?: string
-  initial?: { x: number; y: number }
+  initial?: { x: number, y: number }
 }>()
 
 const el = ref<HTMLElement | null>(null)

package/internals/Presenter.vue

@@ -19,6 +19,7 @@ import Goto from './Goto.vue'
 import SlidesShow from './SlidesShow.vue'
 import SlideWrapper from './SlideWrapper'
 import DrawingControls from './DrawingControls.vue'
+import HiddenText from './HiddenText.vue'
 
 const main = ref<HTMLDivElement>()
 

package/layouts/two-cols-header.vue

@@ -11,6 +11,8 @@ This shows on the left
 ::right::
 # Right
 This shows on the right
+::bottom::
+This shows at the bottom, aligned to the end (bottom) of the grid
 ```
 -->
 
@@ -36,6 +38,9 @@ const props = defineProps({
     <div class="col-right" :class="props.class">
       <slot name="right" />
     </div>
+    <div class="col-bottom" :class="props.class">
+      <slot name="bottom" />
+    </div>
   </div>
 </template>
 
@@ -49,4 +54,8 @@ const props = defineProps({
 .col-header { grid-area: 1 / 1 / 2 / 3; }
 .col-left { grid-area: 2 / 1 / 3 / 2; }
 .col-right { grid-area: 2 / 2 / 3 / 3; }
+.col-bottom {
+  align-self: end;
+  grid-area: 3 / 1 / 3 / 3;
+}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.43.15",
+  "version": "0.45.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -20,10 +20,10 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.7.6",
-    "@unhead/vue": "^1.8.3",
-    "@unocss/reset": "^0.57.3",
-    "@vueuse/core": "^10.5.0",
-    "@vueuse/math": "^10.5.0",
+    "@unhead/vue": "^1.8.8",
+    "@unocss/reset": "^0.58.0",
+    "@vueuse/core": "^10.6.1",
+    "@vueuse/math": "^10.6.1",
     "@vueuse/motion": "^2.0.0",
     "codemirror": "^5.65.5",
     "defu": "^6.1.3",
@@ -35,20 +35,20 @@
     "katex": "^0.16.9",
     "mermaid": "^10.6.1",
     "monaco-editor": "^0.37.1",
-    "nanoid": "^5.0.3",
-    "prettier": "^3.0.3",
+    "nanoid": "^5.0.4",
+    "prettier": "^3.1.0",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.8",
-    "unocss": "^0.57.3",
-    "vite-plugin-windicss": "^1.9.1",
-    "vue": "^3.3.8",
+    "unocss": "^0.58.0",
+    "vite-plugin-windicss": "^1.9.2",
+    "vue": "^3.3.9",
     "vue-router": "^4.2.5",
     "vue-starport": "^0.4.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.43.15",
-    "@slidev/types": "0.43.15"
+    "@slidev/parser": "0.45.0",
+    "@slidev/types": "0.45.0"
   },
   "devDependencies": {
-    "vite": "^4.5.0"
+    "vite": "^5.0.5"
   }
 }