Merge pull request #516 from tangly1024/release/3.6.1

Release/3.6.1

components/PrismMac.js

@@ -55,33 +55,18 @@ function renderPrismMac() {
     })
   }
 
-  setTimeout(() => {
-    // Add pre-mac element for Mac Style UI
-    if (codeToolBars) {
-      Array.from(codeToolBars).forEach(item => {
-        const existPreMac = item.getElementsByClassName('pre-mac')
-        if (existPreMac.length < codeToolBars.length) {
-          const preMac = document.createElement('div')
-          preMac.classList.add('pre-mac')
-          preMac.innerHTML = '<span></span><span></span><span></span>'
-          item?.appendChild(preMac, item)
-        }
-      })
-    }
-  }, 10)
-
   //   支持 Mermaid
   const mermaids = document.querySelectorAll('.notion-code .language-mermaid')
   if (mermaids) {
     for (const e of mermaids) {
-      e.parentElement.parentElement.classList.remove('code-toolbar')
+      e.parentElement.classList.remove('code-toolbar')
       const chart = e.firstChild.textContent
       if (e.firstElementChild) {
-        e.parentElement.parentElement.remove()
+        e.parentElement.remove()
         continue
       }
       if (chart) {
-        e.parentElement.parentElement.innerHTML = `<div class="mermaid">${chart}</div>`
+        e.parentElement.innerHTML = `<div class="mermaid">${chart}</div>`
       }
     }
   }
@@ -102,6 +87,19 @@ function renderPrismMac() {
   } catch (err) {
     console.log('代码渲染', err)
   }
+
+  // Add pre-mac element for Mac Style UI
+  if (codeToolBars) {
+    Array.from(codeToolBars).forEach(item => {
+      const existPreMac = item.getElementsByClassName('pre-mac')
+      if (existPreMac.length < codeToolBars.length) {
+        const preMac = document.createElement('div')
+        preMac.classList.add('pre-mac')
+        preMac.innerHTML = '<span></span><span></span><span></span>'
+        item?.appendChild(preMac, item)
+      }
+    })
+  }
 }
 
 export default PrismMac

pages/[...slug].js

@@ -21,7 +21,7 @@ const Slug = props => {
   const router = Router.useRouter()
 
   // 文章锁🔐
-  const [lock, setLock] = React.useState(true)
+  const [lock, setLock] = React.useState(post?.password && post?.password !== '')
 
   React.useEffect(() => {
     if (post?.password && post?.password !== '') {

styles/prism-mac-style.css

@@ -67,4 +67,9 @@ pre[class*='language-'] {
 
 .notion-code-copy{
   display: none;
+}
+
+pre[class*="language-mermaid"] {
+  background: transparent !important; 
+  @apply dark:bg-gray-200 !important;
 }