diff --git a/modules/docs/app/Volo.DocsTestApp/package-lock.json b/modules/docs/app/Volo.DocsTestApp/package-lock.json
index 859670c604..a666d3cc7c 100644
--- a/modules/docs/app/Volo.DocsTestApp/package-lock.json
+++ b/modules/docs/app/Volo.DocsTestApp/package-lock.json
@@ -4,6 +4,15 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@abp/anchor-js": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@abp/anchor-js/-/anchor-js-0.5.1.tgz",
+      "integrity": "sha512-9N/iPP9tDdq9lKRNFQuqRL+QYSv5fq789KgHHGG1/MqExJ6KTPcqUDHvQ53kz96pUgJA+Fyn3dpwgPqLVYI3Yg==",
+      "requires": {
+        "@abp/core": "^0.4.9",
+        "anchor-js": "^4.1.1"
+      }
+    },
     "@abp/aspnetcore.mvc.ui": {
       "version": "0.4.9",
       "resolved": "https://registry.npmjs.org/@abp/aspnetcore.mvc.ui/-/aspnetcore.mvc.ui-0.4.9.tgz",
@@ -52,6 +61,15 @@
         "bootstrap": "^4.1.1"
       }
     },
+    "@abp/clipboard": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@abp/clipboard/-/clipboard-0.5.1.tgz",
+      "integrity": "sha512-efOPloVL0moRqGpAMA7DU5o+vzzu7ipGOFcG9nOfDD6uGY9AsOztFc71GwIFrtwADvJSiJHD6OfEIfR++dCT0w==",
+      "requires": {
+        "@abp/core": "^0.4.9",
+        "clipboard": "^2.0.4"
+      }
+    },
     "@abp/core": {
       "version": "0.4.9",
       "resolved": "https://registry.npmjs.org/@abp/core/-/core-0.4.9.tgz",
@@ -75,6 +93,18 @@
         "datatables.net-bs4": "^1.10.16"
       }
     },
+    "@abp/docs": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@abp/docs/-/docs-0.5.1.tgz",
+      "integrity": "sha512-3pGYnxZxm2kYPfu2EwDF0QinsNTym2cWlYAo7mVUBuReTPMhwHYtgrE7AX3nCVv1iAo6ltW+mebonGt1s5yXzA==",
+      "requires": {
+        "@abp/anchor-js": "^0.5.1",
+        "@abp/clipboard": "^0.5.1",
+        "@abp/malihu-custom-scrollbar-plugin": "^0.5.1",
+        "@abp/popper.js": "^0.5.1",
+        "@abp/prismjs": "^0.5.1"
+      }
+    },
     "@abp/font-awesome": {
       "version": "0.4.9",
       "resolved": "https://registry.npmjs.org/@abp/font-awesome/-/font-awesome-0.4.9.tgz",
@@ -136,6 +166,33 @@
         }
       }
     },
+    "@abp/malihu-custom-scrollbar-plugin": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@abp/malihu-custom-scrollbar-plugin/-/malihu-custom-scrollbar-plugin-0.5.1.tgz",
+      "integrity": "sha512-i9XorWsWcqb3tbbiwvE4OQCfXXJO38HlkQgvlwzxshB8xDcS9v/JL5fAAvM/Cr66fB2zybsrCseq9QcBXL+yCQ==",
+      "requires": {
+        "@abp/core": "^0.4.9",
+        "malihu-custom-scrollbar-plugin": "^3.1.5"
+      }
+    },
+    "@abp/popper.js": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@abp/popper.js/-/popper.js-0.5.1.tgz",
+      "integrity": "sha512-qS97hQQtG78mVPRvmZZtBb7Vu905NpThl9PN3jPWWDiVbOV2/d+BXCTRhTRbfdup3C5cmGdntjaGxfcxlxHt1Q==",
+      "requires": {
+        "@abp/core": "^0.4.9",
+        "popper.js": "^1.14.6"
+      }
+    },
+    "@abp/prismjs": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@abp/prismjs/-/prismjs-0.5.1.tgz",
+      "integrity": "sha512-DxoidAVV8LmtgFonbzGJEfszQDUaHEQc+/bcJtyQCuv5l+uflVnpAH+6W8IAErt5N96a0RJbeV9ZBXjIhqOzpA==",
+      "requires": {
+        "@abp/core": "^0.4.9",
+        "prismjs": "^1.15.0"
+      }
+    },
     "@abp/select2": {
       "version": "0.4.9",
       "resolved": "https://registry.npmjs.org/@abp/select2/-/select2-0.4.9.tgz",
@@ -177,6 +234,11 @@
       "resolved": "https://registry.npmjs.org/almond/-/almond-0.3.3.tgz",
       "integrity": "sha1-oOfJWsdiTWQXtElLHmi/9pMWiiA="
     },
+    "anchor-js": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/anchor-js/-/anchor-js-4.1.1.tgz",
+      "integrity": "sha512-c2Wl9F1X0C4jkYKLla1SNE2uI6xJrSKsRC7HCCg4yLNQ5sL5D+tDEWrjRaoTuTlMTqBCnF6kOuR3dx59Erxpvw=="
+    },
     "ansi-colors": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
@@ -413,6 +475,16 @@
         }
       }
     },
+    "clipboard": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.4.tgz",
+      "integrity": "sha512-Vw26VSLRpJfBofiVaFb/I8PVfdI1OxKcYShe6fm0sP/DtmiWQNCjhM/okTvdCo0G+lMMm1rMYbk4IK4x1X+kgQ==",
+      "requires": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
     "clone": {
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
@@ -537,6 +609,11 @@
         }
       }
     },
+    "delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
+    },
     "deprecated": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/deprecated/-/deprecated-0.0.1.tgz",
@@ -947,6 +1024,14 @@
         "sparkles": "^1.0.0"
       }
     },
+    "good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+      "integrity": "sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=",
+      "requires": {
+        "delegate": "^3.1.2"
+      }
+    },
     "graceful-fs": {
       "version": "3.0.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-3.0.11.tgz",
@@ -1413,6 +1498,14 @@
         "kind-of": "^6.0.2"
       }
     },
+    "malihu-custom-scrollbar-plugin": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/malihu-custom-scrollbar-plugin/-/malihu-custom-scrollbar-plugin-3.1.5.tgz",
+      "integrity": "sha1-MQzsxeWUFaHCnp37XStuAdZqKe8=",
+      "requires": {
+        "jquery-mousewheel": ">=3.0.6"
+      }
+    },
     "map-cache": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
@@ -1715,6 +1808,11 @@
       "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz",
       "integrity": "sha1-v8zcjfWxLcUsi0PsONGNcsBLqW0="
     },
+    "popper.js": {
+      "version": "1.14.6",
+      "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.14.6.tgz",
+      "integrity": "sha512-AGwHGQBKumlk/MDfrSOf0JHhJCImdDMcGNoqKmKkU+68GFazv3CQ6q9r7Ja1sKDZmYWTckY/uLyEznheTDycnA=="
+    },
     "posix-character-classes": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
@@ -1725,6 +1823,14 @@
       "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
       "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE="
     },
+    "prismjs": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.15.0.tgz",
+      "integrity": "sha512-Lf2JrFYx8FanHrjoV5oL8YHCclLQgbJcVZR+gikGGMqz6ub5QVWDTM6YIwm3BuPxM/LOV+rKns3LssXNLIf+DA==",
+      "requires": {
+        "clipboard": "^2.0.0"
+      }
+    },
     "process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -1854,6 +1960,11 @@
         "ret": "~0.1.10"
       }
     },
+    "select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+      "integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0="
+    },
     "select2": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/select2/-/select2-4.0.5.tgz",
@@ -2150,6 +2261,11 @@
         "jquery": ">=1.2.3"
       }
     },
+    "tiny-emitter": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.0.2.tgz",
+      "integrity": "sha512-2NM0auVBGft5tee/OxP4PI3d8WItkDM+fPnaRAVo6xTDI2knbz9eC5ArWGqtGlYqiH3RU5yMpdyTTO7MguC4ow=="
+    },
     "to-object-path": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.js b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.js
index 0ac501cc94..e202c6b7d1 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.js
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/index.js
@@ -23,12 +23,12 @@
             };
 
             var filterDocumentItems = function (filterText) {
-
                 $navigation.find(".mCSB_container .opened").removeClass("opened");
                 $navigation.find(".mCSB_container > li, .mCSB_container > li ul").hide();
 
                 if (!filterText) {
                     $navigation.find(".mCSB_container > li").show();
+                    $navigation.find(".mCSB_container .selected-tree > ul").show();
                     return;
                 }
 
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Scripts/vs.js b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Scripts/vs.js
index 5eb102473f..482e50700d 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Scripts/vs.js
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Scripts/vs.js
@@ -4,6 +4,7 @@
             $(this).parent().children('ul.tree').toggle(100);
             $(this).closest("li").toggleClass("selected-tree");
         });
+
         $('li:not(.last-link) span.plus-icon i.fa-chevron-right').click(function () {
 
             var $element = $(this).parent();
@@ -33,44 +34,42 @@
             return false;
         });
 
-        var navSelector = '#docs-sticky-index';
-        var $myNav = $(navSelector);
-        Toc.init($myNav);
-        $('body').scrollspy({
-            target: $myNav
-        });
-        $("#docs-sticky-index a").on('click', function (event) {
-            if (this.hash !== "") {
-                event.preventDefault();
-                var hash = this.hash;
-                $('html, body').animate({
-                    scrollTop: $(hash).offset().top
-                }, 500, function () {
-                    window.location.hash = hash;
-                });
-            }
-        });
+        $(document).ready(function () {
+            var $myNav = $("#docs-sticky-index");
+            Toc.init($myNav);
+            $("body").scrollspy({
+                target: $myNav
+            });
 
-        $('.btn-toggle').on("click", function () {
-            $(".toggle-row").slideToggle(400);
-            $(this).toggleClass("less");
-        });
+            $("#docs-sticky-index a").on('click', function (event) {
+                if (this.hash !== "") {
+                    event.preventDefault();
+                    var hash = this.hash;
+                    $('html, body').animate({
+                        scrollTop: $(hash).offset().top
+                    }, 500, function () {
+                        window.location.hash = hash;
+                    });
+                }
+            });
 
-        $('.close-mmenu').on("click", function () {
-            $(".navbar-collapse").removeClass("show");
-        });
+            $(".btn-toggle").on("click", function () {
+                $(".toggle-row").slideToggle(400);
+                $(this).toggleClass("less");
+            });
 
-        $('.open-dmenu').on("click", function () {
-            $(".docs-tree-list").slideToggle();
-        });
+            $(".close-mmenu").on("click", function () {
+                $(".navbar-collapse").removeClass("show");
+            });
+
+            $(".open-dmenu").on("click", function () {
+                $(".docs-tree-list").slideToggle();
+            });
 
-        $(window).on("load", function () {
             $("#sidebar-scroll").mCustomScrollbar({
                 theme: "minimal"
             });
-        });
 
-        $(window).on("load", function () {
             $("#scroll-index").mCustomScrollbar({
                 theme: "minimal-dark"
             });
diff --git a/modules/docs/src/Volo.Docs.Web/package-lock.json b/modules/docs/src/Volo.Docs.Web/package-lock.json
new file mode 100644
index 0000000000..48e341a095
--- /dev/null
+++ b/modules/docs/src/Volo.Docs.Web/package-lock.json
@@ -0,0 +1,3 @@
+{
+  "lockfileVersion": 1
+}