From ba9794e095670870bbc1be4f79a8fd8c5f78b3d8 Mon Sep 17 00:00:00 2001
From: tangly <tlyong1992@hotmail.com>
Date: Sat, 19 Nov 2022 21:10:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=20Client=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/PrismMac.js        | 49 +++++++++++++++++++----------------
 themes/example/LayoutBase.js  |  2 +-
 themes/fukasawa/LayoutBase.js |  2 +-
 themes/medium/LayoutBase.js   |  2 +-
 themes/next/LayoutBase.js     |  2 +-
 5 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/components/PrismMac.js b/components/PrismMac.js
index 3e56c07f..551a0600 100644
--- a/components/PrismMac.js
+++ b/components/PrismMac.js
@@ -40,37 +40,42 @@ function renderPrismMac() {
   const container = document?.getElementById('container-inner')
   const codeToolBars = container?.getElementsByClassName('code-toolbar')
 
-  Array.from(codeToolBars).forEach(item => {
-    const codeBlocks = item.getElementsByTagName('pre')
-    if (codeBlocks.length === 0) {
-      item.remove()
-    }
-  })
-
+  if (codeToolBars) {
+    Array.from(codeToolBars).forEach(item => {
+      const codeBlocks = item.getElementsByTagName('pre')
+      if (codeBlocks.length === 0) {
+        item.remove()
+      }
+    })
+  }
   // 重新渲染之前检查所有的多余text
 
   try {
     Prism.highlightAll()
     // Add line numbers
     const codeBlocks = container?.getElementsByTagName('pre')
-    Array.from(codeBlocks).forEach(item => {
-      if (!item.classList.contains('line-numbers')) {
-        item.classList.add('line-numbers')
-        item.style.whiteSpace = 'pre-wrap'
-      }
-    })
+    if (codeBlocks) {
+      Array.from(codeBlocks).forEach(item => {
+        if (!item.classList.contains('line-numbers')) {
+          item.classList.add('line-numbers')
+          item.style.whiteSpace = 'pre-wrap'
+        }
+      })
+    }
 
     setTimeout(() => {
       // Add pre-mac element for Mac Style UI
-      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)
-        }
-      })
+      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)
+          }
+        })
+      }
     }, 0)
   } catch (err) {
     console.log('代码渲染', err)
diff --git a/themes/example/LayoutBase.js b/themes/example/LayoutBase.js
index c99582f4..9d33a0dc 100644
--- a/themes/example/LayoutBase.js
+++ b/themes/example/LayoutBase.js
@@ -24,7 +24,7 @@ const LayoutBase = props => {
             <Nav {...props} />
 
             {/* 主体 */}
-            <div className="w-full">
+            <div id='container-inner' className="w-full">
 
                 <Title {...props} />
 
diff --git a/themes/fukasawa/LayoutBase.js b/themes/fukasawa/LayoutBase.js
index b4fb1039..35395416 100644
--- a/themes/fukasawa/LayoutBase.js
+++ b/themes/fukasawa/LayoutBase.js
@@ -30,7 +30,7 @@ const LayoutBase = (props) => {
     <div className='flex'>
       <AsideLeft {...props} slot={leftAreaSlot}/>
       <main id='wrapper' className='flex w-full py-8 justify-center'>
-        <div className='2xl:max-w-6xl md:max-w-4xl w-full'>
+        <div id='container-inner' className='2xl:max-w-6xl md:max-w-4xl w-full'>
           <div> {headerSlot} </div>
           <div>{children}</div>
         </div>
diff --git a/themes/medium/LayoutBase.js b/themes/medium/LayoutBase.js
index 847b4ca2..ce58eb67 100644
--- a/themes/medium/LayoutBase.js
+++ b/themes/medium/LayoutBase.js
@@ -30,7 +30,7 @@ const LayoutBase = props => {
         {/* 桌面端左侧菜单 */}
         {/* <LeftMenuBar/> */}
 
-        <div className='w-full'>
+        <div id='container-inner' className='w-full'>
           {/* 移动端顶部菜单 */}
           <TopNavBar {...props}/>
           <div className='px-5 max-w-5xl justify-center mx-auto min-h-screen'>
diff --git a/themes/next/LayoutBase.js b/themes/next/LayoutBase.js
index f3b9dc44..3f0043a2 100644
--- a/themes/next/LayoutBase.js
+++ b/themes/next/LayoutBase.js
@@ -70,7 +70,7 @@ const LayoutBase = (props) => {
 
       <main id='wrapper' className='flex justify-center flex-1 pb-12'>
           <SideAreaLeft slot={leftAreaSlot} targetRef={targetRef} {...props}/>
-          <section id='center' className={`${CONFIG_NEXT.NAV_TYPE !== 'normal' ? 'mt-40' : ''} lg:max-w-3xl xl:max-w-4xl flex-grow md:mt-0 min-h-screen w-full`} ref={targetRef}>
+          <section id='container-inner' className={`${CONFIG_NEXT.NAV_TYPE !== 'normal' ? 'mt-40' : ''} lg:max-w-3xl xl:max-w-4xl flex-grow md:mt-0 min-h-screen w-full`} ref={targetRef}>
             {onLoading ? <LoadingCover/> : <> {children}</> }
           </section>
           {/* 右侧栏样式 */}