chore: rebase and use section-header

Author: SoonIter

packages/theme-default/src/components/Search/SearchPanel.tsx

@@ -1,10 +1,11 @@
-import { createPortal, useLocaleSiteData, usePageData } from '@rspress/runtime';
+import { useLocaleSiteData, usePageData } from '@rspress/runtime';
 import type { AnyFunction } from '@rspress/shared';
 import CloseSvg from '@theme-assets/close';
 import LoadingSvg from '@theme-assets/loading';
 import SearchSvg from '@theme-assets/search';
 import { debounce } from 'lodash-es';
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
 import * as userSearchHooks from 'virtual-search-hooks';
 import { useNavigate } from '../Link/useNavigate';
 import { SvgWrapper } from '../SvgWrapper';

packages/theme-default/src/components/Sidebar/SidebarSectionHeader.scss

@@ -1,13 +1,24 @@
 .rp-sidebar-section-header {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   padding: 4px 12px;
+  margin-top: 16px;
 
-  > span {
+  &:first-of-type {
+    margin-top: 0;
+  }
+
+  &__left {
     display: flex;
     align-items: center;
     font-size: 14px;
     color: var(--rp-c-text-1);
-    font-weight: bold;
+    font-weight: 600;
+  }
+
+  &__right {
+    display: flex;
+    align-items: center;
   }
 }

packages/theme-default/src/components/Sidebar/SidebarSectionHeader.tsx

@@ -11,8 +11,12 @@ export function SidebarSectionHeader({
 }) {
   return (
     <div className="rp-sidebar-section-header">
-      <span {...renderInlineMarkdown(sectionHeaderText)}></span>
-      <Tag tag={tag} />
+      <div className="rp-sidebar-section-header__left">
+        <span {...renderInlineMarkdown(sectionHeaderText)}></span>
+      </div>
+      <div className="rp-sidebar-section-header__right">
+        <Tag tag={tag} />
+      </div>
     </div>
   );
 }

packages/theme-default/src/components/SwitchAppearance/index.tsx

@@ -1,10 +1,11 @@
-import { flushSync, ThemeContext, useSite } from '@rspress/runtime';
+import { ThemeContext, useSite } from '@rspress/runtime';
 import MoonSvg from '@theme-assets/moon';
 import SunSvg from '@theme-assets/sun';
 import { type MouseEvent, useContext } from 'react';
 import { SvgWrapper } from '../SvgWrapper';
 import './global.scss';
 import './index.scss';
+import { flushSync } from 'react-dom';
 
 const supportAppearanceTransition = () => {
   return (

website/docs/en/guide/_meta.json

@@ -1,26 +1,27 @@
 [
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "start",
     "label": "gettingStarted"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "basic",
     "label": "features"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
+    "label": "Markdown & MDX",
     "name": "use-mdx",
     "tag": "new"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "default-theme",
     "label": "defaultTheme"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "advanced",
     "label": "advanced"
   }

website/docs/en/guide/use-mdx/_meta.json

@@ -1 +1 @@
-["code-blocks", "link", "components", "container"]
+["mdx", "code-blocks", "link", "components", "container"]

website/docs/en/guide/use-mdx/index.mdx renamed to website/docs/en/guide/use-mdx/mdx.mdx

@@ -1,26 +1,27 @@
 [
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "start",
     "label": "gettingStarted"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "basic",
     "label": "features"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
+    "label": "Markdown & MDX",
     "name": "use-mdx",
     "tag": "new"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "default-theme",
     "label": "defaultTheme"
   },
   {
-    "type": "dir",
+    "type": "dir-section-header",
     "name": "advanced",
     "label": "advanced"
   }

website/docs/zh/guide/_meta.json

@@ -1 +1 @@
-["code-blocks", "link", "components", "container"]
+["mdx", "code-blocks", "link", "components", "container"]