vuepress-theme-uniapp-official 1.4.35 → 1.4.38

package/components/Navbar.vue

@@ -52,7 +52,7 @@
         </div>
       </div>
 
-      <div class="links" :style="SearchBoxStyle">
+      <div class="links" :style="{ top: `${this.SearchBoxTop}px` }">
         <!-- <a class="switch-version" href="javascript:void(0)">回到旧版</a> -->
         <DcloudSearchPage v-if="isAlgoliaSearch" ref="dcloudSearchPage" :options="algolia" />
         <AlgoliaSearchBox v-if="isAlgoliaSearch" />
@@ -105,7 +105,6 @@ export default {
 
   data () {
     return {
-      linksWrapMaxWidth: null,
       showMobilePanel: false,
       fixedNavbar: false,
       SearchBoxTop: 0,
@@ -120,35 +119,11 @@ export default {
 
     isAlgoliaSearch () {
       return this.algolia && this.algolia.apiKey && this.algolia.indexName
-    },
-
-    SearchBoxStyle () {
-      const initStyle = {
-        top: `${this.SearchBoxTop}px`,
-        zIndex: 100
-      };
-      return this.linksWrapMaxWidth
-        ? Object.assign({}, initStyle, {
-            'max-width': this.linksWrapMaxWidth + 'px',
-          })
-        : initStyle;
-    },
-
-    languageBoxStyle () {
-      return {right:(this.linksWrapMaxWidth + 10) + 'px'}
     }
   },
 
   mounted () {
-    const MOBILE_DESKTOP_BREAKPOINT = 719 // refer to config.styl
-    const NAVBAR_VERTICAL_PADDING = parseInt(css(this.$el, 'paddingLeft')) + parseInt(css(this.$el, 'paddingRight'))
     const handleLinksWrapWidth = () => {
-      if (document.documentElement.clientWidth < MOBILE_DESKTOP_BREAKPOINT) {
-        this.linksWrapMaxWidth = null
-      } else {
-        this.linksWrapMaxWidth = this.$el.offsetWidth - NAVBAR_VERTICAL_PADDING
-          - (this.$refs.siteName && this.$refs.siteName.offsetWidth || 0)
-      }
       this.$nextTick(this.initNavBar)
     }
     handleLinksWrapWidth()
@@ -184,9 +159,7 @@ export default {
       }
     },
     addWindowScroll () {
-      if (os.pc) {
-        window.addEventListener('scroll', this.onWindowScroll, false)
-      }
+      window.addEventListener('scroll', this.onWindowScroll, false)
     },
     removeWindowScroll () {
       window.removeEventListener('scroll', this.onWindowScroll)
@@ -291,6 +264,7 @@ $navbar-horizontal-padding = 1.5rem
     color $textColor
     position relative
   .links
+    z-index 100
     height 100%
     // padding-left 1.5rem
     box-sizing border-box

package/global-components/CodeSimulator.vue

@@ -186,6 +186,7 @@ export default {
               src: this.src,
               frameborder: '0',
               allow: 'geolocation https://hellouniappx.dcloud.net.cn',
+              loading: 'lazy'
             },
             ref: 'codeIframe',
           }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuepress-theme-uniapp-official",
-  "version": "1.4.35",
+  "version": "1.4.38",
   "description": "uni-app official website theme for vuepress",
   "main": "index.js",
   "repository": {
@@ -27,6 +27,9 @@
     "enhanceApp.js",
     "index.js"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "dependencies": {
     "@docsearch/css": "^3.6.0",
     "@vuepress/plugin-back-to-top": "^1.9.5",
@@ -40,8 +43,8 @@
     "vuepress-plugin-mermaidjs": "1.9.1",
     "vuepress-plugin-named-chunks": "^1.1.4",
     "vuepress-plugin-zooming": "^1.1.8",
-    "vuepress-plugin-check-md2": "^1.0.5",
-    "vuepress-plugin-expandable-row": "^1.0.10"
+    "vuepress-plugin-expandable-row": "^1.0.10",
+    "vuepress-plugin-check-md2": "^1.0.5"
   },
   "scripts": {
     "publish:patch": "npm version patch && npm publish",

package/styles/index.styl

@@ -180,12 +180,6 @@ h1, h2, h3, h4, h5, h6
 div[class][class*='language-']::before
 	right 80px
 
-@media (min-width $MQMobile)
-	.sidebar
-		overflow hidden
-	.sidebar:hover
-		overflow-y auto
-
 div[class~=language-uts]:before
 	content: "uts";
 

package/styles/palette.styl

@@ -6,4 +6,5 @@ $navbar-sub-navbar-height = 5rem
 $navbar-background-color = #f7f7f7
 $search-container-color = #f5f6f7
 $vuepress-toc-width = 14rem
-$vuepress-display-min-width = 1500px
+$vuepress-display-min-width = 1500px
+$MQMobile = 768px