theme-simple & menun

lib/notion/getNotionData.js

@@ -85,18 +85,39 @@ function getCustomNav({ allPages }) {
   const customNav = []
   if (allPages && allPages.length > 0) {
     allPages.forEach(p => {
-      if (p?.status === 'Published' && p?.type === 'Page') {
-        if (p?.slug?.indexOf('http') === 0) {
-          customNav.push({ icon: p.icon || null, name: p.title, to: p.slug, show: true })
-        } else {
-          customNav.push({ icon: p.icon || null, name: p.title, to: '/' + p.slug, show: true })
-        }
+      if (p?.slug?.indexOf('http') === 0) {
+        customNav.push({ icon: p.icon || null, name: p.title, to: p.slug, show: true })
+      } else {
+        customNav.push({ icon: p.icon || null, name: p.title, to: '/' + p.slug, show: true })
       }
     })
   }
   return customNav
 }
 
+function getCustomMenu({ collectionData }) {
+  const menuPages = collectionData.filter(post => (post.type === BLOG.NOTION_PROPERTY_NAME.type_menu || post.type === BLOG.NOTION_PROPERTY_NAME.type_sub_menu) && post.status === 'Published')
+  const menus = []
+  if (menuPages && menuPages.length > 0) {
+    menuPages.forEach(e => {
+      e.show = true
+      if (e.type === BLOG.NOTION_PROPERTY_NAME.type_menu) {
+        menus.push(e)
+      } else if (e.type === BLOG.NOTION_PROPERTY_NAME.type_sub_menu) {
+        const parentMenu = menus[menus.length - 1]
+        if (parentMenu) {
+          if (parentMenu.subMenus) {
+            parentMenu.subMenus.push(e)
+          } else {
+            parentMenu.subMenus = [e]
+          }
+        }
+      }
+    })
+  }
+  return menus
+}
+
 /**
  * 获取标签选项
  * @param schema
@@ -219,6 +240,8 @@ async function getPageRecordMapByNotionAPI({ pageId, from }) {
   const tagOptions = getAllTags({ allPages, tagOptions: getTagOptions(schema) })
   const siteInfo = getBlogInfo({ collection, block })
   const customNav = getCustomNav({ allPages: collectionData.filter(post => post.type === 'Page' && post.status === 'Published') })
+  // 新的菜单
+  const customMenu = getCustomMenu({ collectionData })
   const latestPosts = getLatestPosts({ allPages, from, latestPostCount: 5 })
 
   return {
@@ -236,6 +259,7 @@ async function getPageRecordMapByNotionAPI({ pageId, from }) {
     categoryOptions,
     rawMetadata,
     customNav,
+    customMenu,
     postCount,
     pageIds,
     latestPosts

lib/notion/getPageProperties.js

@@ -76,10 +76,14 @@ export default async function getPageProperties(id, block, schema, authToken, ta
   // 映射值：用户个性化type和status字段的下拉框选项，在此映射回代码的英文标识
   mapProperties(properties)
 
-  if (properties.type === 'Post') {
+  if (properties.type === BLOG.NOTION_PROPERTY_NAME.type_post) {
     properties.slug = BLOG.POST_URL_PREFIX ? (BLOG.POST_URL_PREFIX + '/' + (properties.slug ?? properties.id)) : (properties.slug ?? properties.id)
-  } else {
-    properties.slug = (properties.slug ?? properties.id)
+  } else if (properties.type === BLOG.NOTION_PROPERTY_NAME.type_page) {
+    properties.slug = properties.slug ?? properties.id
+  } else if (properties.type === BLOG.NOTION_PROPERTY_NAME.type_menu || properties.type === BLOG.NOTION_PROPERTY_NAME.type_sub_menu) {
+    // 菜单路径为空、作为可展开菜单使用
+    properties.to = properties.slug ?? '#'
+    properties.name = properties.title ?? ''
   }
 
   // 开启伪静态路径