@umijs/plugin-docs 4.0.5 → 4.0.8

package/client/theme-doc/Search.tsx

@@ -1,9 +1,9 @@
 import cx from 'classnames';
+import slugger from 'github-slugger';
 import key from 'keymaster';
 import React, { Fragment, useEffect, useState } from 'react';
 import { useThemeContext } from './context';
 import useLanguage from './useLanguage';
-import getLinkFromTitle from './utils/getLinkFromTitle';
 
 export default () => {
   const { components } = useThemeContext()!;
@@ -112,7 +112,7 @@ export default () => {
             <components.Link
               to={(isFromPath ? currentLanguage?.locale : '') + r.href}
               key={i}
-              onClick={() => (document.activeElement as HTMLElement)?.blur()}
+              onClick={() => scrollToAnchor(r.href)}
               className="group outline-none search-result"
               onFocus={() => setIsFocused(true)}
               onBlur={() => setIsFocused(false)}
@@ -168,7 +168,7 @@ function search(routes: any, keyword: string): SearchResultItem[] {
               .join(' > ') +
             ' > ' +
             title.title,
-          href: '/' + path + '#' + getLinkFromTitle(title.title),
+          href: '/' + path + '#' + slugger.slug(title.title),
         });
       }
     });
@@ -206,3 +206,18 @@ function handleKeyUp(e: KeyboardEvent) {
     document.activeElement?.previousSibling as HTMLDivElement | undefined
   )?.focus();
 }
+
+function scrollToAnchor(to: string) {
+  const hash = to.match(/(#[^&?]*)/)?.[1] || '';
+
+  (document.activeElement as HTMLElement)?.blur();
+
+  window.requestAnimationFrame(() => {
+    const elm = document.getElementById(hash.substring(1));
+    if (elm) {
+      elm.scrollIntoView();
+    } else {
+      window.scrollTo(0, 0);
+    }
+  });
+}

package/client/theme-doc/Toc.tsx

@@ -1,11 +1,12 @@
+import GithubSlugger from 'github-slugger';
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { useThemeContext } from './context';
 import useLanguage from './useLanguage';
-import getLinkFromTitle from './utils/getLinkFromTitle';
 import getTocTitle from './utils/getTocTitle';
 
 export default () => {
+  const slugger = new GithubSlugger();
   const { location, appData, themeConfig } = useThemeContext()!;
   const lang = useLanguage();
   const route =
@@ -48,7 +49,7 @@ export default () => {
                 className={`${
                   item.level > 2 ? 'text-sm' : 'text-base'
                 } break-all 2xl:break-words`}
-                href={'#' + getLinkFromTitle(item.title)}
+                href={'#' + slugger.slug(item.title)}
               >
                 {getTocTitle(item.title)}
               </a>

package/client/theme-doc/components/Tabbed.tsx

@@ -0,0 +1,78 @@
+import React, { FC, PropsWithChildren, ReactNode, useState } from 'react';
+
+type Pane = {
+  title: ReactNode;
+  content: ReactNode;
+};
+
+type TabbedProps = {
+  panes?: Pane[];
+};
+
+export default function Tabbed(props: PropsWithChildren<TabbedProps>) {
+  const { children } = props;
+
+  const [activeTab, setActiveTab] = useState(0);
+
+  let tabs: ReactNode[] = [];
+  let content: ReactNode = null;
+
+  if (props.panes && props.panes.length > 0) {
+    tabs = props.panes.map((pane) => {
+      return pane.title;
+    });
+
+    content = props.panes[activeTab].content;
+  } else {
+    // Guess pane from children, make mdx more idiomatic
+    const childrenArray = React.Children.toArray(children) || [];
+
+    tabs = childrenArray.filter((_, index) => index % 2 === 0);
+    const contents = childrenArray.filter((_, index) => index % 2 === 1);
+
+    content = contents[activeTab];
+  }
+
+  return (
+    <div className="tabbed-code">
+      <Wrapper>
+        <Tabs tabs={tabs} setActiveTab={setActiveTab} activeTab={activeTab} />
+      </Wrapper>
+      {content || null}
+    </div>
+  );
+}
+const Wrapper: FC<PropsWithChildren> = ({ children }) => {
+  return <div className={`w-full pt-5 pt-0 `}>{children}</div>;
+};
+
+const Tabs: FC<
+  PropsWithChildren<{
+    tabs: ReactNode[];
+    setActiveTab: Function;
+    activeTab: number;
+  }>
+> = ({ tabs, activeTab, setActiveTab }) => {
+  return (
+    <ul className="cursor-pointer m-0 mt-4 px-0 list-none inline-flex flex-wrap rounded-t-lg text-sm font-small text-center text-gray-500 dark:text-gray-400">
+      {tabs.map((tab, index) => {
+        return (
+          <li key={index} className="mr-0 mt-0">
+            <button
+              onClick={() => setActiveTab(index)}
+              className={`tabbed-tab-button
+                hover:text-gray-700 hover:border-gray-300 dark:hover:text-gray-300 
+                ${
+                  activeTab === index
+                    ? 'bg-zinc-900 text-white hover:text-neutral-300 dark:text-white'
+                    : 'text-neutral-500 hover:text-gray-700 hover:border-gray-300 dark:hover:text-gray-300 '
+                }`}
+            >
+              {tab}
+            </button>
+          </li>
+        );
+      })}
+    </ul>
+  );
+};

package/client/theme-doc/index.ts

@@ -5,4 +5,5 @@ export { default as FeatureItem } from './components/FeatureItem';
 export { default as Features } from './components/Features';
 export { default as Hero } from './components/Hero';
 export { default as Message } from './components/Message';
+export { default as Tabbed } from './components/Tabbed';
 export { default as $Layout } from './Layout';

package/client/theme-doc/tailwind.css

@@ -3,28 +3,28 @@
 @tailwind utilities;
 
 article h1 {
-  @apply text-4xl font-bold tracking-tight mt-2 my-4 dark:text-white;
+  @apply text-4xl font-bold tracking-tight mt-2 my-4 dark:text-white title-link;
 }
 
 article h2 {
-  @apply text-3xl font-semibold tracking-tight mt-10 dark:text-white;
+  @apply text-3xl font-semibold tracking-tight mt-10 dark:text-white title-link;
   @apply pb-1 border-b;
 }
 
 article h3 {
-  @apply text-2xl font-semibold tracking-tight mt-8 dark:text-white;
+  @apply text-2xl font-semibold tracking-tight mt-8 dark:text-white title-link;
 }
 
 article h4 {
-  @apply text-xl font-semibold tracking-tight mt-8 dark:text-white;
+  @apply text-xl font-semibold tracking-tight mt-8 dark:text-white title-link;
 }
 
 article h5 {
-  @apply text-lg font-semibold tracking-tight mt-8 dark:text-white;
+  @apply text-lg font-semibold tracking-tight mt-8 dark:text-white title-link;
 }
 
 article h6 {
-  @apply text-base font-semibold tracking-tight mt-8 dark:text-white;
+  @apply text-base font-semibold tracking-tight mt-8 dark:text-white title-link;
 }
 
 article p {
@@ -77,6 +77,23 @@ article div[data-rehype-pretty-code-fragment] {
   @apply my-4;
 }
 
+article .tabbed-code div[data-rehype-pretty-code-fragment] {
+  @apply my-0;
+}
+
+article .tabbed-code pre {
+  @apply rounded-none rounded-b-md rounded-tr-md;
+}
+
+article .tabbed-code .tabbed-tab-button {
+  @apply inline-flex items-center rounded-t-lg px-4;
+}
+
+article .tabbed-code .tabbed-tab-button * {
+  @apply mt-0;
+  color: inherit;
+}
+
 /* 代码块的标题部分 */
 article
   div[data-rehype-pretty-code-fragment]
@@ -223,6 +240,33 @@ h6 {
 }
 
 @layer components {
+  .title-link a {
+    float: left;
+    margin-top: 0.1em;
+    margin-left: -24px;
+    width: 20px;
+    padding-right: 4px;
+    line-height: 1;
+    box-sizing: border-box;
+    background: none;
+    opacity: 0;
+  }
+
+  .title-link:hover a {
+    opacity: 1;
+  }
+
+  .title-link span {
+    display: none;
+  }
+
+  .title-link a::after {
+    content: '#';
+    display: inline-block;
+    vertical-align: middle;
+    font-size: 20px;
+  }
+
   .features-dark {
     @apply bg-gray-900;
     background-image: radial-gradient(#2a2a2a 20%, transparent 20%);

package/client/theme-doc/tailwind.out.css

@@ -787,6 +787,10 @@ video {
   margin: 2rem;
 }
 
+.m-0 {
+  margin: 0px;
+}
+
 .my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
@@ -873,14 +877,30 @@ video {
   margin-bottom: 0.75rem;
 }
 
+.mr-0 {
+  margin-right: 0px;
+}
+
 .block {
   display: block;
 }
 
+.inline-block {
+  display: inline-block;
+}
+
 .flex {
   display: flex;
 }
 
+.inline-flex {
+  display: inline-flex;
+}
+
+.contents {
+  display: contents;
+}
+
 .hidden {
   display: none;
 }
@@ -1088,6 +1108,10 @@ video {
   cursor: default;
 }
 
+.list-none {
+  list-style-type: none;
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -1156,6 +1180,11 @@ video {
   border-radius: 0.75rem;
 }
 
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+
 .border {
   border-width: 1px;
 }
@@ -1236,6 +1265,11 @@ video {
   background-color: rgb(37 99 235 / var(--tw-bg-opacity));
 }
 
+.bg-zinc-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
+}
+
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -1309,6 +1343,11 @@ video {
   padding-bottom: 1.25rem;
 }
 
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
 .pt-4 {
   padding-top: 1rem;
 }
@@ -1341,6 +1380,14 @@ video {
   padding-bottom: 3rem;
 }
 
+.pt-5 {
+  padding-top: 1.25rem;
+}
+
+.pt-0 {
+  padding-top: 0px;
+}
+
 .text-center {
   text-align: center;
 }
@@ -1438,6 +1485,11 @@ video {
   color: rgb(147 197 253 / var(--tw-text-opacity));
 }
 
+.text-neutral-500 {
+  --tw-text-opacity: 1;
+  color: rgb(115 115 115 / var(--tw-text-opacity));
+}
+
 .opacity-0 {
   opacity: 0;
 }
@@ -1543,6 +1595,33 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
+article h1 a {
+  float: left;
+  margin-top: 0.1em;
+  margin-left: -24px;
+  width: 20px;
+  padding-right: 4px;
+  line-height: 1;
+  box-sizing: border-box;
+  background: none;
+  opacity: 0;
+}
+
+article h1:hover a {
+  opacity: 1;
+}
+
+article h1 span {
+  display: none;
+}
+
+article h1 a::after {
+  content: '#';
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 20px;
+}
+
 article h1 {
   margin-bottom: 1rem;
   margin-top: 0.5rem;
@@ -1557,6 +1636,33 @@ article h1 {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+article h2 a {
+  float: left;
+  margin-top: 0.1em;
+  margin-left: -24px;
+  width: 20px;
+  padding-right: 4px;
+  line-height: 1;
+  box-sizing: border-box;
+  background: none;
+  opacity: 0;
+}
+
+article h2:hover a {
+  opacity: 1;
+}
+
+article h2 span {
+  display: none;
+}
+
+article h2 a::after {
+  content: '#';
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 20px;
+}
+
 article h2 {
   margin-top: 2.5rem;
   font-size: 1.875rem;
@@ -1575,6 +1681,33 @@ article h2 {
   padding-bottom: 0.25rem;
 }
 
+article h3 a {
+  float: left;
+  margin-top: 0.1em;
+  margin-left: -24px;
+  width: 20px;
+  padding-right: 4px;
+  line-height: 1;
+  box-sizing: border-box;
+  background: none;
+  opacity: 0;
+}
+
+article h3:hover a {
+  opacity: 1;
+}
+
+article h3 span {
+  display: none;
+}
+
+article h3 a::after {
+  content: '#';
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 20px;
+}
+
 article h3 {
   margin-top: 2rem;
   font-size: 1.5rem;
@@ -1588,6 +1721,33 @@ article h3 {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+article h4 a {
+  float: left;
+  margin-top: 0.1em;
+  margin-left: -24px;
+  width: 20px;
+  padding-right: 4px;
+  line-height: 1;
+  box-sizing: border-box;
+  background: none;
+  opacity: 0;
+}
+
+article h4:hover a {
+  opacity: 1;
+}
+
+article h4 span {
+  display: none;
+}
+
+article h4 a::after {
+  content: '#';
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 20px;
+}
+
 article h4 {
   margin-top: 2rem;
   font-size: 1.25rem;
@@ -1601,6 +1761,33 @@ article h4 {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+article h5 a {
+  float: left;
+  margin-top: 0.1em;
+  margin-left: -24px;
+  width: 20px;
+  padding-right: 4px;
+  line-height: 1;
+  box-sizing: border-box;
+  background: none;
+  opacity: 0;
+}
+
+article h5:hover a {
+  opacity: 1;
+}
+
+article h5 span {
+  display: none;
+}
+
+article h5 a::after {
+  content: '#';
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 20px;
+}
+
 article h5 {
   margin-top: 2rem;
   font-size: 1.125rem;
@@ -1614,6 +1801,33 @@ article h5 {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+article h6 a {
+  float: left;
+  margin-top: 0.1em;
+  margin-left: -24px;
+  width: 20px;
+  padding-right: 4px;
+  line-height: 1;
+  box-sizing: border-box;
+  background: none;
+  opacity: 0;
+}
+
+article h6:hover a {
+  opacity: 1;
+}
+
+article h6 span {
+  display: none;
+}
+
+article h6 a::after {
+  content: '#';
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 20px;
+}
+
 article h6 {
   margin-top: 2rem;
   font-size: 1rem;
@@ -1793,6 +2007,32 @@ article div[data-rehype-pretty-code-fragment] {
   margin-bottom: 1rem;
 }
 
+article .tabbed-code div[data-rehype-pretty-code-fragment] {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+article .tabbed-code pre {
+  border-radius: 0px;
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+
+article .tabbed-code .tabbed-tab-button {
+  display: inline-flex;
+  align-items: center;
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+article .tabbed-code .tabbed-tab-button * {
+  margin-top: 0px;
+  color: inherit;
+}
+
 /* 代码块的标题部分 */
 
 article
@@ -2203,6 +2443,11 @@ h6 {
   border-color: rgb(243 244 246 / var(--tw-border-opacity));
 }
 
+.hover\:border-gray-300:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+
 .hover\:bg-gray-50:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
@@ -2218,6 +2463,16 @@ h6 {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.hover\:text-gray-700:hover {
+  --tw-text-opacity: 1;
+  color: rgb(55 65 81 / var(--tw-text-opacity));
+}
+
+.hover\:text-neutral-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(212 212 212 / var(--tw-text-opacity));
+}
+
 .hover\:shadow-2xl:hover {
   --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
   --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
@@ -2375,6 +2630,11 @@ h6 {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.dark .dark\:hover\:text-gray-300:hover {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
 @media (min-width: 768px) {
   .md\:h-6 {
     height: 1.5rem;

package/compiled/rehype-autolink-headings/LICENSE

@@ -0,0 +1,22 @@
+(The MIT License)
+
+Copyright (c) 2016 Titus Wormer <tituswormer@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/compiled/rehype-autolink-headings/index.js

@@ -0,0 +1 @@
+(function(){"use strict";var e={980:function(e){var t=Object.prototype.hasOwnProperty;var n=Object.prototype.toString;var r=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var i=function isArray(e){if(typeof Array.isArray==="function"){return Array.isArray(e)}return n.call(e)==="[object Array]"};var u=function isPlainObject(e){if(!e||n.call(e)!=="[object Object]"){return false}var r=t.call(e,"constructor");var o=e.constructor&&e.constructor.prototype&&t.call(e.constructor.prototype,"isPrototypeOf");if(e.constructor&&!r&&!o){return false}var i;for(i in e){}return typeof i==="undefined"||t.call(e,i)};var a=function setProperty(e,t){if(r&&t.name==="__proto__"){r(e,t.name,{enumerable:true,configurable:true,value:t.newValue,writable:true})}else{e[t.name]=t.newValue}};var c=function getProperty(e,n){if(n==="__proto__"){if(!t.call(e,n)){return void 0}else if(o){return o(e,n).value}}return e[n]};e.exports=function extend(){var e,t,n,r,o,f;var l=arguments[0];var s=1;var p=arguments.length;var y=false;if(typeof l==="boolean"){y=l;l=arguments[1]||{};s=2}if(l==null||typeof l!=="object"&&typeof l!=="function"){l={}}for(;s<p;++s){e=arguments[s];if(e!=null){for(t in e){n=c(l,t);r=c(e,t);if(l!==r){if(y&&r&&(u(r)||(o=i(r)))){if(o){o=false;f=n&&i(n)?n:[]}else{f=n&&u(n)?n:{}}a(l,{name:t,newValue:extend(y,f,r)})}else if(typeof r!=="undefined"){a(l,{name:t,newValue:r})}}}}}return l}}};var t={};function __nccwpck_require__(n){var r=t[n];if(r!==undefined){return r.exports}var o=t[n]={exports:{}};var i=true;try{e[n](o,o.exports,__nccwpck_require__);i=false}finally{if(i)delete t[n]}return o.exports}!function(){__nccwpck_require__.d=function(e,t){for(var n in t){if(__nccwpck_require__.o(t,n)&&!__nccwpck_require__.o(e,n)){Object.defineProperty(e,n,{enumerable:true,get:t[n]})}}}}();!function(){__nccwpck_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}();!function(){__nccwpck_require__.r=function(e){if(typeof Symbol!=="undefined"&&Symbol.toStringTag){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}Object.defineProperty(e,"__esModule",{value:true})}}();if(typeof __nccwpck_require__!=="undefined")__nccwpck_require__.ab=__dirname+"/";var n={};!function(){__nccwpck_require__.r(n);__nccwpck_require__.d(n,{default:function(){return rehypeAutolinkHeadings}});var e=__nccwpck_require__(980);var t={}.hasOwnProperty;function hasProperty(e,n){var r=n&&e&&typeof e==="object"&&e.type==="element"&&e.properties&&t.call(e.properties,n)&&e.properties[n];return r!==null&&r!==undefined&&r!==false}function headingRank(e){var t=e&&e.type==="element"&&e.tagName.toLowerCase()||"";var n=t.length===2&&t.charCodeAt(0)===104?t.charCodeAt(1):0;return n>48&&n<55?n-48:null}const isElement=function(e,t,n,r,o){const i=convertElement(t);if(n!==undefined&&n!==null&&(typeof n!=="number"||n<0||n===Number.POSITIVE_INFINITY)){throw new Error("Expected positive finite index for child node")}if(r!==undefined&&r!==null&&(!r.type||!r.children)){throw new Error("Expected parent node")}if(!e||!e.type||typeof e.type!=="string"){return false}if((r===undefined||r===null)!==(n===undefined||n===null)){throw new Error("Expected both parent and index")}return i.call(o,e,n,r)};const convertElement=function(e){if(e===undefined||e===null){return hast_util_is_element_element}if(typeof e==="string"){return tagNameFactory(e)}if(typeof e==="object"){return anyFactory(e)}if(typeof e==="function"){return castFactory(e)}throw new Error("Expected function, string, or array as test")};function anyFactory(e){const t=[];let n=-1;while(++n<e.length){t[n]=convertElement(e[n])}return castFactory(any);function any(...e){let n=-1;while(++n<t.length){if(t[n].call(this,...e)){return true}}return false}}function tagNameFactory(e){return tagName;function tagName(t){return hast_util_is_element_element(t)&&t.tagName===e}}function castFactory(e){return assertion;function assertion(t,...n){return hast_util_is_element_element(t)&&Boolean(e.call(this,t,...n))}}function hast_util_is_element_element(e){return Boolean(e&&typeof e==="object"&&e.type==="element"&&typeof e.tagName==="string")}const r=function is(e,t,n,r,o){const i=convert(t);if(n!==undefined&&n!==null&&(typeof n!=="number"||n<0||n===Number.POSITIVE_INFINITY)){throw new Error("Expected positive finite index")}if(r!==undefined&&r!==null&&(!is(r)||!r.children)){throw new Error("Expected parent node")}if((r===undefined||r===null)!==(n===undefined||n===null)){throw new Error("Expected both parent and index")}return e&&e.type&&typeof e.type==="string"?Boolean(i.call(o,e,n,r)):false};const convert=function(e){if(e===undefined||e===null){return ok}if(typeof e==="string"){return typeFactory(e)}if(typeof e==="object"){return Array.isArray(e)?unist_util_is_anyFactory(e):propsFactory(e)}if(typeof e==="function"){return unist_util_is_castFactory(e)}throw new Error("Expected function, string, or object as test")};function unist_util_is_anyFactory(e){const t=[];let n=-1;while(++n<e.length){t[n]=convert(e[n])}return unist_util_is_castFactory(any);function any(...e){let n=-1;while(++n<t.length){if(t[n].call(this,...e))return true}return false}}function propsFactory(e){return unist_util_is_castFactory(all);function all(t){let n;for(n in e){if(t[n]!==e[n])return false}return true}}function typeFactory(e){return unist_util_is_castFactory(type);function type(t){return t&&t.type===e}}function unist_util_is_castFactory(e){return assertion;function assertion(...t){return Boolean(e.call(this,...t))}}function ok(){return true}function color(e){return""+e+""}const o=true;const i="skip";const u=false;const visitParents=function(e,t,n,r){if(typeof t==="function"&&typeof n!=="function"){r=n;n=t;t=null}const o=convert(t);const a=r?-1:1;factory(e,null,[])();function factory(e,c,f){const l=typeof e==="object"&&e!==null?e:{};let s;if(typeof l.type==="string"){s=typeof l.tagName==="string"?l.tagName:typeof l.name==="string"?l.name:undefined;Object.defineProperty(visit,"name",{value:"node ("+color(l.type+(s?"<"+s+">":""))+")"})}return visit;function visit(){let l=[];let s;let p;let y;if(!t||o(e,c,f[f.length-1]||null)){l=toResult(n(e,f));if(l[0]===u){return l}}if(e.children&&l[0]!==i){p=(r?e.children.length:-1)+a;y=f.concat(e);while(p>-1&&p<e.children.length){s=factory(e.children[p],p,y)();if(s[0]===u){return s}p=typeof s[1]==="number"?s[1]:p+a}}return l}}};function toResult(e){if(Array.isArray(e)){return e}if(typeof e==="number"){return[o,e]}return[e]}const visit=function(e,t,n,r){if(typeof t==="function"&&typeof n!=="function"){r=n;n=t;t=null}visitParents(e,t,overload,r);function overload(e,t){const r=t[t.length-1];return n(e,r?r.children.indexOf(e):null,r)}};const a={type:"element",tagName:"span",properties:{className:["icon","icon-link"]},children:[]};function rehypeAutolinkHeadings(t={}){let n=t.properties;const r=t.behaviour||t.behavior||"prepend";const o=t.content||a;const u=t.group;const c=convertElement(t.test);let f;if(r==="wrap"){f=wrap}else if(r==="before"||r==="after"){f=around}else{if(!n){n={ariaHidden:"true",tabIndex:-1}}f=inject}return e=>{visit(e,"element",((e,t,n)=>{if(headingRank(e)&&hasProperty(e,"id")&&c(e,t,n)){return f(e,t,n)}}))};function inject(t){t.children[r==="prepend"?"unshift":"push"](create(t,e(true,{},n),toChildren(o,t)));return[i]}function around(t,a,c){if(typeof a!=="number"||!c)return;const f=create(t,e(true,{},n),toChildren(o,t));let l=r==="before"?[f,t]:[t,f];if(u){const e=toNode(u,t);if(e&&!Array.isArray(e)&&e.type==="element"){e.children=l;l=[e]}}c.children.splice(a,1,...l);return[i,a+l.length]}function wrap(t){t.children=[create(t,e(true,{},n),t.children)];return[i]}function toChildren(e,t){const n=toNode(e,t);return Array.isArray(n)?n:[n]}function toNode(t,n){if(typeof t==="function")return t(n);return e(true,Array.isArray(t)?[]:{},t)}function create(e,t,n){return{type:"element",tagName:"a",properties:Object.assign({},t,{href:"#"+(e.properties||{}).id}),children:n}}}}();module.exports=n})();

package/compiled/rehype-autolink-headings/package.json

@@ -0,0 +1 @@
+{"name":"rehype-autolink-headings","author":"Titus Wormer <tituswormer@gmail.com> (https://wooorm.com)","license":"MIT","types":"index.d.ts"}

package/dist/compiler.js

@@ -1,54 +1,70 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.compile = void 0;
-const rehype_pretty_code_1 = __importDefault(require("rehype-pretty-code"));
-const plugin_utils_1 = require("umi/plugin-utils");
-// @ts-ignore
-const mdx_1 = require("../compiled/@mdx-js/mdx");
-// @ts-ignore
-const rehype_slug_1 = __importDefault(require("../compiled/rehype-slug"));
-// @ts-ignore
-const remark_gfm_1 = __importDefault(require("../compiled/remark-gfm"));
-// https://rehype-pretty-code.netlify.app
-const rehypePrettyCodeOptions = {
-    theme: 'dark-plus',
-    onVisitLine(node) {
-        // Prevent lines from collapsing in `display: grid` mode, and
-        // allow empty lines to be copy/pasted
-        if (node.children.length === 0) {
-            node.children = [{ type: 'text', value: ' ' }];
-        }
-    },
-    // 允许高亮代码行
-    // 对于高亮的代码行，设置为 highlighted 样式表类
-    onVisitHighlightedLine(node) {
-        node.properties.className.push('highlighted');
-    },
-    // 允许高亮代码文字
-    // 对于高亮的代码文字，设置为 word 样式表类
-    onVisitHighlightedWord(node) {
-        node.properties.className = ['word'];
-    },
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// compiler.ts
+var compiler_exports = {};
+__export(compiler_exports, {
+  compile: () => compile
+});
+module.exports = __toCommonJS(compiler_exports);
+var import_rehype_pretty_code = __toESM(require("rehype-pretty-code"));
+var import_plugin_utils = require("umi/plugin-utils");
+var import_mdx = require("../compiled/@mdx-js/mdx");
+var import_rehype_slug = __toESM(require("../compiled/rehype-slug"));
+var import_remark_gfm = __toESM(require("../compiled/remark-gfm"));
+var import_rehype_autolink_headings = __toESM(require("../compiled/rehype-autolink-headings"));
+var rehypePrettyCodeOptions = {
+  theme: "dark-plus",
+  onVisitLine(node) {
+    if (node.children.length === 0) {
+      node.children = [{ type: "text", value: " " }];
+    }
+  },
+  onVisitHighlightedLine(node) {
+    node.properties.className.push("highlighted");
+  },
+  onVisitHighlightedWord(node) {
+    node.properties.className = ["word"];
+  }
 };
 async function compile(opts) {
-    const compiler = (0, mdx_1.createProcessor)({
-        jsx: true,
-        remarkPlugins: [remark_gfm_1.default],
-        rehypePlugins: [rehype_slug_1.default, [rehype_pretty_code_1.default, rehypePrettyCodeOptions]],
-    });
-    try {
-        let result = String(await compiler.process(opts.content));
-        result = result.replace('function MDXContent(props = {}) {', `
+  const compiler = (0, import_mdx.createProcessor)({
+    jsx: true,
+    remarkPlugins: [import_remark_gfm.default],
+    rehypePlugins: [
+      import_rehype_slug.default,
+      [import_rehype_pretty_code.default, rehypePrettyCodeOptions],
+      import_rehype_autolink_headings.default
+    ]
+  });
+  try {
+    let result = String(await compiler.process(opts.content));
+    result = result.replace("function MDXContent(props = {}) {", `
 import { useEffect } from 'react';
 
 function MDXContent(props = {}) {
 
   useEffect(() => {
     if (window.location.hash.length !== 0) {
-      // 为了右侧内容区能正常跳转
+      // \u4E3A\u4E86\u53F3\u4FA7\u5185\u5BB9\u533A\u80FD\u6B63\u5E38\u8DF3\u8F6C
       const hash = decodeURIComponent(window.location.hash);
       setTimeout(() => {
         document.getElementById(hash.slice(1))?.scrollIntoView();
@@ -63,17 +79,16 @@ function MDXContent(props = {}) {
   }, []);
 
 `);
-        return { result };
-    }
-    catch (e) {
-        plugin_utils_1.logger.error(e.reason);
-        plugin_utils_1.logger.error(`Above error occurred in ${opts.fileName} at line ${e.line}`);
-        plugin_utils_1.logger.error(opts.content
-            .split('\n')
-            .filter((_, i) => i == e.line - 1)
-            .join('\n'));
-        plugin_utils_1.logger.error(' '.repeat(e.column - 1) + '^');
-        return { result: '' };
-    }
+    return { result };
+  } catch (e) {
+    import_plugin_utils.logger.error(e.reason);
+    import_plugin_utils.logger.error(`Above error occurred in ${opts.fileName} at line ${e.line}`);
+    import_plugin_utils.logger.error(opts.content.split("\n").filter((_, i) => i == e.line - 1).join("\n"));
+    import_plugin_utils.logger.error(" ".repeat(e.column - 1) + "^");
+    return { result: "" };
+  }
 }
-exports.compile = compile;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  compile
+});

package/dist/index.js

@@ -1,135 +1,141 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+  return a;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-const bundler_utils_1 = require("@umijs/bundler-utils");
-const utils_1 = require("@umijs/utils");
-const fs_1 = __importStar(require("fs"));
-const path_1 = require("path");
-const markdown_1 = require("./markdown");
-exports.default = (api) => {
-    // 把用户当前有设置在 docs/locales 下的语系放到变量 locales 中，方便后续使用
-    const locales = {};
-    const localesPath = (0, path_1.join)(api.cwd, 'docs/locales');
-    if ((0, fs_1.existsSync)(localesPath)) {
-        fs_1.default.readdirSync(localesPath).forEach((file) => {
-            if (file.endsWith('.json')) {
-                const filePath = (0, path_1.join)(localesPath, file);
-                const content = fs_1.default.readFileSync(filePath).toString();
-                const json = JSON.parse(content);
-                const localeName = file.replace('.json', '');
-                locales[localeName] = json;
-            }
-        });
-    }
-    api.modifyDefaultConfig((memo) => {
-        memo.conventionRoutes = {
-            ...memo.conventionRoutes,
-            base: (0, path_1.join)(api.cwd, 'docs'),
-        };
-        memo.mdx = {
-            loader: require.resolve('./loader'),
-            loaderOptions: {},
-        };
-        return memo;
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_bundler_utils = require("@umijs/bundler-utils");
+var import_utils = require("@umijs/utils");
+var import_fs = __toESM(require("fs"));
+var import_path = require("path");
+var import_markdown = require("./markdown");
+var src_default = (api) => {
+  const locales = {};
+  const localesPath = (0, import_path.join)(api.cwd, "docs/locales");
+  if ((0, import_fs.existsSync)(localesPath)) {
+    import_fs.default.readdirSync(localesPath).forEach((file) => {
+      if (file.endsWith(".json")) {
+        const filePath = (0, import_path.join)(localesPath, file);
+        const content = import_fs.default.readFileSync(filePath).toString();
+        const json = JSON.parse(content);
+        const localeName = file.replace(".json", "");
+        locales[localeName] = json;
+      }
     });
-    api.addLayouts(() => {
-        return [
-            {
-                id: 'docs-layout',
-                file: withTmpPath({ api, path: 'Layout.tsx' }),
-            },
-        ];
+  }
+  api.modifyDefaultConfig((memo) => {
+    memo.conventionRoutes = __spreadProps(__spreadValues({}, memo.conventionRoutes), {
+      base: (0, import_path.join)(api.cwd, "docs")
     });
-    api.onPatchRoute(({ route }) => {
-        if (route.__content) {
-            route.titles = (0, markdown_1.parseTitle)({
-                content: route.__content,
-            });
-        }
-        // 放在 docs/xxx.zh-CN.md 的文档，会被映射到 /zh-CN/docs/xxx 目录
-        if (route.file.match(/.[a-z]{2}-[A-Z]{2}.md$/)) {
-            route.path = route.path.replace(/(.*).([a-z]{2}-[A-Z]{2})$/, '$2/$1');
-            // 放在 docs/xxx/README.zh-CN.md 格式结尾的文档，会被映射到 /zh-CN/docs 目录
-            if (route.path.endsWith('README')) {
-                route.path = route.path.replace(/README$/, '');
-            }
+    memo.mdx = {
+      loader: require.resolve("./loader"),
+      loaderOptions: {}
+    };
+    return memo;
+  });
+  api.addLayouts(() => {
+    return [
+      {
+        id: "docs-layout",
+        file: withTmpPath({ api, path: "Layout.tsx" })
+      }
+    ];
+  });
+  api.onPatchRoute(({ route }) => {
+    if (route.__content) {
+      route.titles = (0, import_markdown.parseTitle)({
+        content: route.__content
+      });
+    }
+    if (route.file.match(/.[a-z]{2}-[A-Z]{2}.md$/)) {
+      route.path = route.path.replace(/(.*).([a-z]{2}-[A-Z]{2})$/, "$2/$1");
+      if (route.path.endsWith("README")) {
+        route.path = route.path.replace(/README$/, "");
+      }
+    }
+  });
+  api.modifyRoutes((r) => {
+    if (!locales)
+      return r;
+    for (const route in r) {
+      if (r[route].path.match(/^[a-z]{2}-[A-Z]{2}\/.*/))
+        continue;
+      const defaultLangFile = r[route].file.replace(/(.[a-z]{2}-[A-Z]{2})?.md$/, "");
+      Object.keys(locales).map((l) => {
+        if (r[defaultLangFile] && !r[defaultLangFile + "." + l]) {
+          r[defaultLangFile + "." + l] = __spreadProps(__spreadValues({}, r[defaultLangFile]), {
+            path: `/${l}/${r[defaultLangFile].path}`
+          });
         }
+      });
+    }
+    return r;
+  });
+  api.onGenerateFiles(() => {
+    var _a;
+    let theme = ((_a = api.config.docs) == null ? void 0 : _a.theme) || require.resolve("../client/theme-doc/index.ts");
+    if (theme === "blog") {
+      theme = require.resolve("../client/theme-blog/index.ts");
+    }
+    theme = (0, import_utils.winPath)(theme);
+    const themeConfigPath = (0, import_utils.winPath)((0, import_path.join)(api.cwd, "theme.config.ts"));
+    const themeExists = (0, import_fs.existsSync)(themeConfigPath);
+    let injectLocale = `themeConfig.locales = ${JSON.stringify(locales)};`;
+    const [_, exports] = (0, import_bundler_utils.parseModuleSync)({
+      content: (0, import_fs.readFileSync)(theme, "utf-8"),
+      path: theme
     });
-    // 检查路由是否存在其他语言，没有的话做 fallback 处理
-    api.modifyRoutes((r) => {
-        if (!locales)
-            return r;
-        for (const route in r) {
-            if (r[route].path.match(/^[a-z]{2}-[A-Z]{2}\/.*/))
-                continue;
-            const defaultLangFile = r[route].file.replace(/(.[a-z]{2}-[A-Z]{2})?.md$/, '');
-            Object.keys(locales).map((l) => {
-                if (r[defaultLangFile] && !r[defaultLangFile + '.' + l]) {
-                    r[defaultLangFile + '.' + l] = {
-                        ...r[defaultLangFile],
-                        path: `/${l}/${r[defaultLangFile].path}`,
-                    };
-                }
-            });
-        }
-        return r;
+    api.writeTmpFile({
+      path: "index.ts",
+      content: `
+export { ${exports.filter((item) => !item.startsWith("$")).join(", ")} } from '${(0, import_utils.winPath)(require.resolve("../client/theme-doc/index.ts"))}';
+    `
     });
-    api.onGenerateFiles(() => {
-        var _a;
-        // theme path
-        let theme = ((_a = api.config.docs) === null || _a === void 0 ? void 0 : _a.theme) || require.resolve('../client/theme-doc/index.ts');
-        if (theme === 'blog') {
-            theme = require.resolve('../client/theme-blog/index.ts');
-        }
-        theme = (0, utils_1.winPath)(theme);
-        const themeConfigPath = (0, utils_1.winPath)((0, path_1.join)(api.cwd, 'theme.config.ts'));
-        const themeExists = (0, fs_1.existsSync)(themeConfigPath);
-        // 将 docs/locales 目录下的 json 文件注入到 themeConfig.locales 中
-        let injectLocale = `themeConfig.locales = ${JSON.stringify(locales)};`;
-        // exports don't start with $ will be MDX Component
-        const [_, exports] = (0, bundler_utils_1.parseModuleSync)({
-            content: (0, fs_1.readFileSync)(theme, 'utf-8'),
-            path: theme,
-        });
-        api.writeTmpFile({
-            path: 'index.ts',
-            content: `
-export { ${exports
-                .filter((item) => !item.startsWith('$'))
-                .join(', ')} } from '${(0, utils_1.winPath)(require.resolve('../client/theme-doc/index.ts'))}';
-    `,
-        });
-        api.writeTmpFile({
-            path: 'Layout.tsx',
-            content: `
+    api.writeTmpFile({
+      path: "Layout.tsx",
+      content: `
 import React from 'react';
 import { useOutlet, useAppData, useLocation, Link, history } from 'umi';
-import { $Layout as Layout } from '${(0, utils_1.winPath)(require.resolve('../client/theme-doc/index.ts'))}';
-${themeExists
-                ? `import themeConfig from '${themeConfigPath}'`
-                : `const themeConfig = {}`}
+import { $Layout as Layout } from '${(0, import_utils.winPath)(require.resolve("../client/theme-doc/index.ts"))}';
+${themeExists ? `import themeConfig from '${themeConfigPath}'` : `const themeConfig = {}`}
 
 ${injectLocale}
 
@@ -143,12 +149,12 @@ export default () => {
     </Layout>
   );
 };
-`,
-        });
+`
     });
+  });
 };
 function withTmpPath(opts) {
-    return (0, path_1.join)(opts.api.paths.absTmpPath, opts.api.plugin.key && !opts.noPluginDir
-        ? `plugin-${opts.api.plugin.key}`
-        : '', opts.path);
+  return (0, import_path.join)(opts.api.paths.absTmpPath, opts.api.plugin.key && !opts.noPluginDir ? `plugin-${opts.api.plugin.key}` : "", opts.path);
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/loader.js

@@ -1,22 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const compiler_1 = require("./compiler");
-async function default_1(content) {
-    // @ts-ignore
-    const filename = this.resourcePath;
-    // @ts-ignore
-    const callback = this.async();
-    try {
-        const { result } = await (0, compiler_1.compile)({
-            content,
-            fileName: filename,
-        });
-        return callback(null, result);
-    }
-    catch (e) {
-        const err = e;
-        e.message = `${filename}: ${e.message}`;
-        throw err;
-    }
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// loader.ts
+var loader_exports = {};
+__export(loader_exports, {
+  default: () => loader_default
+});
+module.exports = __toCommonJS(loader_exports);
+var import_compiler = require("./compiler");
+async function loader_default(content) {
+  const filename = this.resourcePath;
+  const callback = this.async();
+  try {
+    const { result } = await (0, import_compiler.compile)({
+      content,
+      fileName: filename
+    });
+    return callback(null, result);
+  } catch (e) {
+    const err = e;
+    e.message = `${filename}: ${e.message}`;
+    throw err;
+  }
 }
-exports.default = default_1;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/markdown.js

@@ -1,23 +1,45 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseTitle = void 0;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// markdown.ts
+var markdown_exports = {};
+__export(markdown_exports, {
+  parseTitle: () => parseTitle
+});
+module.exports = __toCommonJS(markdown_exports);
 function parseTitle(opts) {
-    const lines = opts.content
-        .replace(/{[\n\s\t]*\/\*[\s\S]*?\*\/[\n\s\t]*}/g, '')
-        .split('\n');
-    let i = 0;
-    const ret = [];
-    while (i < lines.length) {
-        const line = lines[i].trim();
-        const match = line.match(/^(#+)\s+(.*)/);
-        if (match) {
-            ret.push({
-                level: match[1].length,
-                title: match[2],
-            });
-        }
-        i += 1;
+  const lines = opts.content.replace(/{[\n\s\t]*\/\*[\s\S]*?\*\/[\n\s\t]*}/g, "").split("\n");
+  let i = 0;
+  const ret = [];
+  while (i < lines.length) {
+    const line = lines[i].trim();
+    const match = line.match(/^(#+)\s+(.*)/);
+    if (match) {
+      ret.push({
+        level: match[1].length,
+        title: match[2]
+      });
     }
-    return ret;
+    i += 1;
+  }
+  return ret;
 }
-exports.parseTitle = parseTitle;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  parseTitle
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umijs/plugin-docs",
-  "version": "4.0.5",
+  "version": "4.0.8",
   "description": "@umijs/plugin-docs",
   "homepage": "https://github.com/umijs/umi/tree/master/packages/plugin-docs#readme",
   "bugs": "https://github.com/umijs/umi/issues",
@@ -17,15 +17,16 @@
     "compiled"
   ],
   "scripts": {
-    "build": "pnpm tsc",
+    "build": "pnpm father build",
     "build:css": "tailwindcss -i ./client/theme-doc/tailwind.css -o ./client/theme-doc/tailwind.out.css",
     "build:deps": "umi-scripts bundleDeps",
     "build:extra": "pnpm build:css",
-    "dev": "pnpm build --watch",
-    "dev:css": "pnpm build:css -- --watch",
+    "dev": "pnpm father dev",
+    "dev:css": "pnpm build:css --watch",
     "test": "umi-scripts jest-turbo"
   },
   "dependencies": {
+    "github-slugger": "^1.4.0",
     "keymaster": "1.6.2",
     "react-helmet": "^6.1.0",
     "rehype-pretty-code": "^0.3.1",
@@ -33,13 +34,15 @@
   },
   "devDependencies": {
     "@mdx-js/mdx": "2.1.1",
+    "@types/github-slugger": "^1.3.0",
     "@types/keymaster": "^1.6.30",
     "@types/react-helmet": "^6.1.5",
     "classnames": "^2.3.1",
+    "rehype-autolink-headings": "^6.1.1",
     "rehype-slug": "5.0.1",
     "remark-gfm": "^3.0.1",
     "tailwindcss": "^3.0.24",
-    "umi": "4.0.5"
+    "umi": "4.0.8"
   },
   "publishConfig": {
     "access": "public"
@@ -51,13 +54,15 @@
     "deps": [
       "@mdx-js/mdx",
       "rehype-slug",
-      "remark-gfm"
+      "remark-gfm",
+      "rehype-autolink-headings"
     ],
     "externals": {},
     "excludeDtsDeps": [
       "@mdx-js/mdx",
       "rehype-slug",
-      "remark-gfm"
+      "remark-gfm",
+      "rehype-autolink-headings"
     ]
   }
 }

package/client/theme-doc/utils/getLinkFromTitle.ts

@@ -1,15 +0,0 @@
-export default function getLinkFromTitle(title: string) {
-  return (
-    title
-      .toLowerCase()
-      .trim()
-      // not remove html tags
-      // .replace(/<[!\/a-z].*?>/gi, '')
-      // remove unwanted chars
-      .replace(
-        /[\u2000-\u206F\u2E00-\u2E7F\\'!！"#$%&()（）*+,，.。/:：;；<=>?？@[\]^`{|}~]/g,
-        '',
-      )
-      .replace(/\s/g, '-')
-  );
-}