vuepress-theme-uniapp-official 1.4.24 → 1.4.25

package/components/Toc-top.vue

@@ -1,20 +1,13 @@
 <template>
   <div class="table-of-contents">
-    <div
-      v-for="item in showHeaders"
-      ref="chairTocItem"
-      class="vuepress-toc-item-top"
-      :class="[`vuepress-toc-h${item.level}`]"
-    >
-      <RouterLink
-        :style="{ paddingLeft: createPaddingLeft(item.level) }"
-        :to="`#${item.slug}`"
-        :title="item.title.replace(/\\/g, '')"
-      >
-        {{ item.title.replace(/\\/g, '') }}
+    <div v-for="item in showHeaders" ref="chairTocItem" class="vuepress-toc-item-top"
+      :class="[`vuepress-toc-h${item.level}`]">
+      <RouterLink :style="{ paddingLeft: createPaddingLeft(item.level) }" :to="`#${item.slug}`"
+        :title="item.title">
+        <span v-html="item.title"></span>
       </RouterLink>
     </div>
-    <span v-if="pageHeaders && pageHeaders.length > expandHeaderLength" class="expand-button" @click="expandClick">
+    <span v-if="formatTitlePageHeaders && formatTitlePageHeaders.length > expandHeaderLength" class="expand-button" @click="expandClick">
       {{ !expand ? collapseText : expandText }}
       <uni-icon :type="!expand ? 'bottom' : 'top'"></uni-icon>
     </span>
@@ -37,7 +30,7 @@ export default {
   }),
   computed: {
     showHeaders() {
-      return this.expand ? this.pageHeaders : this.pageHeaders.slice(0, this.expandHeaderLength)
+      return this.expand ? this.formatTitlePageHeaders : this.formatTitlePageHeaders.slice(0, this.expandHeaderLength)
     },
   },
   methods: {

package/components/Toc.vue

@@ -1,19 +1,11 @@
 <template>
   <Sticker ref="sticker" :class="['vuepress-toc', visible ? '' : 'table-of-contents-sticker']" v-bind="$attrs">
     <h5>{{ onThisPage }}</h5>
-    <!-- :key="item.slug" -->
-    <div
-      v-for="(item, index) in pageHeaders"
-      ref="chairTocItem"
-      class="vuepress-toc-item"
-      :class="[`vuepress-toc-h${item.level}`, { active: activeIndex === index }]"
-    >
-      <RouterLink
-        :style="{ paddingLeft: createPaddingLeft(item.level) }"
-        :to="`#${item.slug}`"
-        :title="item.title.replace(/\\/g, '')"
-      >
-        {{ item.title.replace(/\\/g, '') }}
+    <div v-for="(item, index) in formatTitlePageHeaders" ref="chairTocItem" class="vuepress-toc-item"
+      :class="[`vuepress-toc-h${item.level}`, { active: activeIndex === index }]">
+      <RouterLink :style="{ paddingLeft: createPaddingLeft(item.level) }" :to="`#${item.slug}`"
+        :title="item.title">
+        <span v-html="item.title"></span>
       </RouterLink>
     </div>
   </Sticker>
@@ -58,8 +50,7 @@ export default {
       } else if (top + rect.height > wrapperRect.height) {
         this.$el.scrollTop += rect.top - (wrapperRect.height - rect.height)
       }
-    },
-    $route() {},
+    }
   },
   mounted() {
     // sync visible to parent component

package/mixin/toc.js

@@ -13,8 +13,24 @@ export default {
         !!(this.$page && this.$page.headers && this.$page.headers.length)
       );
     },
+    formatTitlePageHeaders() {
+      return (this.pageHeaders || []).map(item => {
+        return {
+          ...item,
+          title: this.simpleMd2html(item.title)
+        }
+      })
+    }
   },
   methods: {
+    simpleMd2html(md) {
+      md = md
+        .replace(/\\/g, '')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/([\s\S]*)~~([\S\s]+)~~([\s\S]*)/g, '$1<del>$2</del>$3')
+      return md
+    },
     createPaddingLeft(level) {
       return level - this.paddingLeftOffset + 'rem';
     },
@@ -33,4 +49,4 @@ export default {
       }
     }
   }
-}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-uniapp-official",
-  "version": "1.4.24",
+  "version": "1.4.25",
   "description": "uni-app official website theme for vuepress",
   "main": "index.js",
   "repository": {