From 9d0f46b236f48137b833374da0f5a629643e2101 Mon Sep 17 00:00:00 2001
From: kagol <kagol@sina.com>
Date: Mon, 31 Jan 2022 18:57:53 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=AF=BC=E8=88=AA=E6=8D=A2=E8=A1=8C=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui-theme/components/SideBarLink.js     |  6 +++++-
 .../devui-theme/styles/sidebar-links.scss     | 20 +++++++++++++------
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js b/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js
index 69251f0596..274b6df522 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js
@@ -49,7 +49,11 @@ export const SideBarLink = (props) => {
                 class: 'sidebar-link-status',
                 style: `background-color: ${dotColor}`
             }),
-            text,
+            h('span', {
+                class: 'sidebar-link-text'
+            }, [
+                text
+            ])
         ]),
         childItems
     ]);
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss b/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss
index 23afbb074f..d758290336 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss
@@ -107,10 +107,18 @@ a.sidebar-link-item.active {
   font-weight: 400;
 }
 
-.sidebar .sidebar-link-status {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  margin-right: 8px;
-  border-radius: 50px;
+.sidebar {
+  .sidebar-link-status {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    margin-right: 8px;
+    border-radius: 50px;
+  }
+
+  .sidebar-link-text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
 }
\ No newline at end of file

From 46895c401610ffbc09518be2318e4e4a1e621a6a Mon Sep 17 00:00:00 2001
From: kagol <kagol@sina.com>
Date: Mon, 31 Jan 2022 19:07:12 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E7=A7=BB=E9=99=A4=5F=5FVP=5FSTATIC?=
 =?UTF-8?q?=5FSTART=5F=5F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../docs/.vitepress/devui-theme/Layout.vue    | 24 ++++++++++++++++++-
 .../devui-theme/components/BackToTop.vue      | 13 +++++++---
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue b/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
index f7a99d8232..eda91a10c0 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, watch, defineAsyncComponent } from 'vue'
+import { ref, computed, watch, defineAsyncComponent, onMounted, onUpdated } from 'vue'
 import { useRoute, useData } from 'vitepress'
 import { isSideBarEmpty, getSideBarConfig } from './support/sideBar'
 // components
@@ -84,6 +84,28 @@ if (result && langList.includes(result[0])) {
 } else {
   localStorage.setItem('preferred_lang', navigator.language)
 }
+
+// Remove `__VP_STATIC_START__`
+const removeVPStaticFlag = () => {
+  const contentChildNodes = document.querySelector('.content > div').childNodes
+
+  contentChildNodes.forEach((item, index) => {
+    if (
+      (index === 0 && item.textContent === '__VP_STATIC_START__')
+      || (index === contentChildNodes.length - 1 && item.textContent === '__VP_STATIC_END__')
+    ) {
+      item.remove()
+    }
+  })
+}
+
+onMounted(() => {
+  removeVPStaticFlag()
+})
+
+onUpdated(() => {
+  removeVPStaticFlag()
+})
 </script>
 
 <template>
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue
index 91c519cd92..e0c580acf7 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue
@@ -86,10 +86,17 @@ export default defineComponent({
   width: 22px;
   color: var(--devui-brand);
   z-index: 1;
+
+  &:hover {
+    color: var(--devui-brand-hover);
+  }
+
+  & svg {
+    width: 22px;
+    height: 22px;
+  }
 }
-.go-to-top:hover {
-  color: var(--devui-brand-hover);
-}
+
 @media (max-width: 959px) {
   .go-to-top {
     display: none;