@slidev/client 0.43.2 → 0.43.3

package/builtin/Toc.vue

@@ -16,6 +16,8 @@ const props = withDefaults(
   defineProps<{
     columns?: string | number
     listClass?: string | string[]
+    start?: string | number
+    listStyle?: string | string[]
     maxDepth?: string | number
     minDepth?: string | number
     mode?: 'all' | 'onlyCurrentTree' | 'onlySiblings'
@@ -23,6 +25,8 @@ const props = withDefaults(
   {
     columns: 1,
     listClass: '',
+    start: 1,
+    listStyle: '',
     maxDepth: Number.POSITIVE_INFINITY,
     minDepth: 1,
     mode: 'all',
@@ -85,6 +89,12 @@ const toc = computed(() => {
 
 <template>
   <div class="slidev-toc" :style="`column-count:${columns}`">
-    <TocList :level="1" :list="toc" :list-class="listClass" />
+    <TocList
+      :level="1"
+      :start="start"
+      :list-style="listStyle"
+      :list="toc"
+      :list-class="listClass"
+    />
   </div>
 </template>

package/builtin/TocList.vue

@@ -14,6 +14,8 @@ import Titles from '/@slidev/titles.md'
 
 const props = withDefaults(defineProps<{
   level: number
+  start?: number
+  listStyle?: string | string[]
   list: TocItem[]
   listClass?: string | string[]
 }>(), { level: 1 })
@@ -25,10 +27,21 @@ const classes = computed(() => {
     `slidev-toc-list-level-${props.level}`,
   ]
 })
+
+const styles = computed(() => {
+  return [
+    ...toArray(props.listStyle || []),
+  ]
+})
 </script>
 
 <template>
-  <ol v-if="list && list.length > 0" :class="classes">
+  <ol
+    v-if="list && list.length > 0"
+    :class="classes"
+    :start="level === 1 ? start : undefined"
+    :style="styles.length >= level ? `list-style:${styles[level - 1]}` : undefined"
+  >
     <li
       v-for="item of list"
       :key="item.path" class="slidev-toc-item"
@@ -40,6 +53,7 @@ const classes = computed(() => {
       <TocList
         v-if="item.children.length > 0"
         :level="level + 1"
+        :list-style="listStyle"
         :list="item.children"
         :list-class="listClass"
       />

package/logic/nav.ts

@@ -146,7 +146,7 @@ export function useSwipeControls(root: Ref<HTMLElement | undefined>) {
 
       const x = Math.abs(distanceX.value)
       const y = Math.abs(distanceY.value)
-      if (x / window.innerWidth > 0.3 || x > 100) {
+      if (x / window.innerWidth > 0.3 || x > 75) {
         if (direction.value === 'left')
           next()
         else
@@ -195,7 +195,7 @@ export function addToTree(tree: TocItem[], route: RouteRecordRaw, level = 1) {
       children: [],
       level,
       path: route.path,
-      hideInToc: Boolean(route.meta?.hideInToc),
+      hideInToc: Boolean(route.meta?.slide?.frontmatter?.hideInToc),
       title: route.meta?.slide?.title,
     })
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.43.2",
+  "version": "0.43.3",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -23,7 +23,7 @@
     "@vueuse/motion": "^2.0.0",
     "codemirror": "^5.65.5",
     "defu": "^6.1.2",
-    "drauu": "^0.3.6",
+    "drauu": "^0.3.7",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.6.2",
     "js-base64": "^3.7.5",
@@ -41,8 +41,8 @@
     "vue-router": "^4.2.4",
     "vue-starport": "^0.4.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.43.2",
-    "@slidev/types": "0.43.2"
+    "@slidev/parser": "0.43.3",
+    "@slidev/types": "0.43.3"
   },
   "devDependencies": {
     "vite": "^4.4.9"