dumi 2.0.5 → 2.0.7

package/README.md

@@ -1,18 +1,29 @@
 # dumi
 
-[![NPM version](https://img.shields.io/npm/v/dumi/next)](https://npmjs.org/package/dumi) [![NPM downloads](https://img.shields.io/npm/dm/dumi)](https://npmjs.org/package/dumi)
+[![NPM version](https://img.shields.io/npm/v/dumi)](https://npmjs.org/package/dumi) [![NPM downloads](https://img.shields.io/npm/dm/dumi)](https://npmjs.org/package/dumi) [![GitHub CI](https://github.com/umijs/dumi/workflows/CI/badge.svg)](https://github.com/umijs/dumi)
 
-The development version for dumi 2, if you are looking for dumi 1, please switch to the [1.x branch](https://github.com/umijs/dumi/tree/1.x).
+<img src="https://gw.alipayobjects.com/zos/bmw-prod/d3e3eb39-1cd7-4aa5-827c-877deced6b7e/lalxt4g3_w256_h256.png" width="120">
 
-## Install
+dumi is an static site generator for component library development.
+
+## Usage & Guide
+
+To view more online examples and docs, please visit [dumi official site](https://d.umijs.org).
+
+## Development
 
 ```bash
 $ pnpm install
+$ pnpm dev
+$ pnpm docs:dev
 ```
 
-```bash
-$ npm run dev
-$ npm run build
+## Badge
+
+Using dumi? Add a README badge to show it off: [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue)](https://github.com/umijs/dumi)
+
+```
+[![dumi](https://img.shields.io/badge/docs%20by-dumi-blue)](https://github.com/umijs/dumi)
 ```
 
 ## LICENSE

package/compiled/_internal/searchWorker.min.js

@@ -0,0 +1 @@
+"use strict";(()=>{var P=Object.create;var k=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames,R=Object.getOwnPropertySymbols,B=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var O=(i,e,n)=>e in i?k(i,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):i[e]=n,I=(i,e)=>{for(var n in e||(e={}))E.call(e,n)&&O(i,n,e[n]);if(R)for(var n of R(e))L.call(e,n)&&O(i,n,e[n]);return i};var N=(i,e)=>()=>(e||i((e={exports:{}}).exports,e),e.exports);var F=(i,e,n,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of D(e))!E.call(i,r)&&r!==n&&k(i,r,{get:()=>e[r],enumerable:!(u=z(e,r))||u.enumerable});return i};var W=(i,e,n)=>(n=i!=null?P(B(i)):{},F(e||!i||!i.__esModule?k(n,"default",{value:i,enumerable:!0}):n,i));var j=N((K,w)=>{w.exports=function(i){var e={};function n(u){if(e[u])return e[u].exports;var r=e[u]={exports:{},id:u,loaded:!1};return i[u].call(r.exports,r,r.exports,n),r.loaded=!0,r.exports}return n.m=i,n.c=e,n.p="",n(0)}([function(i,e,n){i.exports=n(1)},function(i,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var u=n(2);Object.defineProperty(e,"combineChunks",{enumerable:!0,get:function(){return u.combineChunks}}),Object.defineProperty(e,"fillInChunks",{enumerable:!0,get:function(){return u.fillInChunks}}),Object.defineProperty(e,"findAll",{enumerable:!0,get:function(){return u.findAll}}),Object.defineProperty(e,"findChunks",{enumerable:!0,get:function(){return u.findChunks}})},function(i,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=e.findAll=function(t){var g=t.autoEscape,c=t.caseSensitive,f=c===void 0?!1:c,d=t.findChunks,o=d===void 0?r:d,h=t.sanitize,v=t.searchWords,T=t.textToHighlight;return l({chunksToHighlight:u({chunks:o({autoEscape:g,caseSensitive:f,sanitize:h,searchWords:v,textToHighlight:T})}),totalLength:T?T.length:0})},u=e.combineChunks=function(t){var g=t.chunks;return g=g.sort(function(c,f){return c.start-f.start}).reduce(function(c,f){if(c.length===0)return[f];var d=c.pop();if(f.start<=d.end){var o=Math.max(d.end,f.end);c.push({highlight:!1,start:d.start,end:o})}else c.push(d,f);return c},[]),g},r=function(t){var g=t.autoEscape,c=t.caseSensitive,f=t.sanitize,d=f===void 0?p:f,o=t.searchWords,h=t.textToHighlight;return h=d(h),o.filter(function(v){return v}).reduce(function(v,T){T=d(T),g&&(T=a(T));for(var m=new RegExp(T,c?"g":"gi"),y=void 0;y=m.exec(h);){var S=y.index,$=m.lastIndex;$>S&&v.push({highlight:!1,start:S,end:$}),y.index===m.lastIndex&&m.lastIndex++}return v},[])};e.findChunks=r;var l=e.fillInChunks=function(t){var g=t.chunksToHighlight,c=t.totalLength,f=[],d=function(v,T,m){T-v>0&&f.push({start:v,end:T,highlight:m})};if(g.length===0)d(0,c,!1);else{var o=0;g.forEach(function(h){d(o,h.start,!1),d(h.start,h.end,!0),o=h.end}),d(o,c,!1)}return f};function p(s){return s}function a(s){return s.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}}])});var C=W(j()),H="tab";function M(i,e,n,u,r){let l=r!==void 0,p=u.reduce((a,s)=>(s.tocIndex===r&&(a[s.paraId]=(a[s.paraId]||"").concat(s.value)),a),[]).filter(Boolean);return Boolean(p.length)||l?{rawTitle:i,title:e,link:n,paragraphs:u.reduce((a,s)=>{var t,g;return s.tocIndex===r&&((g=a[t=s.paraId])!=null||(a[t]=""),a[s.paraId]+=s.value),a},[]).filter(Boolean)}:null}function x(i){return[i.title,i.subtitle].filter(Boolean).join(" ")}function _(i,e,n){let u=[],r=Object.values(e).reduce((l,p)=>{var a,s;return p.asset&&((s=l[a=p.routeId])!=null||(l[a]=[]),l[p.routeId].push(p)),l},{});return Object.values(i).forEach(l=>{var p;if("meta"in l&&!("isLayout"in l)){let a=l.meta,s=l.path.replace(/^([^/])/,"/$1")||"/",t=n.find(o=>s===o.link||s.startsWith(`${o.activePath}/`)),g=(r[l.id]||[]).map(o=>{var h;return(h=o.asset)==null?void 0:h.id}),c=M("",x(a.frontmatter),s,a.texts),f=a.toc.reduce((o,h,v)=>(!g.includes(h.id)&&h.depth>1&&o.push(M(h.title,`${x(a.frontmatter)} - ${h.title}`,`${s}#${h.id}`,a.texts,v)),o),[]),d=(a.tabs||[]).reduce((o,{key:h,meta:v})=>{let T=M("",`${x(a.frontmatter)} - ${v.frontmatter.title}`,`${s}?${H}=${h}`,v.texts);return T&&o.push(T),o.push(...v.toc.map((m,y)=>M(m.title,`${x(a.frontmatter)} - ${v.frontmatter.title} - ${m.title}`,`${s}?${H}=${h}#${m.id}`,v.texts,y))),o},[]);u.push({navTitle:t==null?void 0:t.title,navOrder:t?n.indexOf(t):1/0,title:x(a.frontmatter),link:s,sections:[...c?[c]:[],...f,...d],demos:((p=r[l.id])==null?void 0:p.map(o=>({link:`${s}#${o.asset.id}`,rawTitle:o.asset.title||"",title:o.asset.title||x(a.frontmatter),description:o.asset.description||"",keywords:o.asset.keywords||[]})))||[]})}}),u}function b(i="",e,n=1){let u=(0,C.findAll)({textToHighlight:i,searchWords:e,autoEscape:!0}),r={};return[u.map(({start:l,end:p,highlight:a},s)=>{let t={text:i.slice(l,p)};return s===0&&!a&&u.length>1&&t.text.length>20&&(t.text=`...${t.text.slice(-20)}`),a&&(t.highlighted=!0,r[e.find(g=>t.text.includes(g))]=n),t}),r]}function Y(i,e){let n=e.split(" "),u=new RegExp(e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&").replace(" ","|"),"gi"),r={};return i.forEach(l=>{var a,s;let p=[];if(l.sections.forEach(t=>{for(let g of t.paragraphs)if(u.test(g)){let[c,f]=b(t.title,n,10),[d,o]=b(g,n);p.push({type:"content",link:t.link,priority:Object.values(I(I({},o),f)).reduce((h,v)=>h+v,0),highlightTitleTexts:c,highlightTexts:d});return}if(u.test(t.rawTitle)){let[g,c]=b(t.title,n,10);p.push({type:"title",link:t.link,priority:Object.values(c).reduce((f,d)=>f+d,0),highlightTitleTexts:g,highlightTexts:b(t.paragraphs[0]||"",n)[0]})}}),l.demos.forEach(t=>{if(u.test(t.rawTitle)||u.test(t.description)){let[g,c]=b(t.title,n,10),[f,d]=b(t.description,n);p.push({type:"demo",link:t.link,priority:Object.values(I(I({},d),c)).reduce((o,h)=>o+h,0),highlightTitleTexts:g,highlightTexts:f})}}),u.test(l.title)){let[t,g]=b(l.title,n,100);p.push({type:"page",link:l.link,priority:Object.values(g).reduce((c,f)=>c+f,0),highlightTitleTexts:t,highlightTexts:b(((a=l.sections[0])==null?void 0:a.paragraphs[0])||"",n)[0]})}if(p.length){let t=l.navTitle||"$ROOT";(s=r[t])!=null||(r[t]={title:l.navTitle,priority:l.navOrder*1e3,hints:[]}),r[t].hints.push(...p)}}),Object.values(r).forEach(({hints:l})=>{l.sort((p,a)=>a.priority-p.priority)}),Object.values(r).sort((l,p)=>p.priority-l.priority)}var A;self.onmessage=({data:i})=>{switch(i.action){case"generate-metadata":A=_(i.args.routes,i.args.demos,i.args.nav);break;case"get-search-result":self.postMessage(Y(A,i.args.keywords));break;default:}};})();

package/dist/assetParsers/atom.d.ts

@@ -10,6 +10,7 @@ declare class AtomAssetsParser {
     constructor(opts: {
         entryFile: string;
         resolveDir: string;
+        unpkgHost?: string;
         watch?: boolean;
     });
     parse(): Promise<{

package/dist/assetParsers/atom.js

@@ -39,7 +39,7 @@ var AtomAssetsParser = class {
     this.parser = new import_parser.SchemaParser({
       entryPath: opts.entryFile,
       basePath: opts.resolveDir,
-      unPkgHost: "https://unpkg.com"
+      unPkgHost: opts.unpkgHost ?? "https://unpkg.com"
     });
   }
   async parse() {

package/dist/client/theme-api/DumiPage.js

@@ -10,14 +10,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import { useLocation, useRouteMeta, useSiteData } from 'dumi';
+import { useRouteMeta, useSiteData } from 'dumi';
 import ContentTabs from "dumi/theme/slots/ContentTabs";
 import React, { useEffect, useState } from 'react';
 import { useTabQueryState } from "./useTabMeta";
 export var DumiPage = function DumiPage(props) {
-  var _useLocation = useLocation(),
-      hash = _useLocation.hash;
-
   var _useRouteMeta = useRouteMeta(),
       tabs = _useRouteMeta.tabs;
 
@@ -42,15 +39,7 @@ export var DumiPage = function DumiPage(props) {
 
   useEffect(function () {
     setLoading(false);
-  }, []); // handle hash change
-
-  useEffect(function () {
-    var id = hash.replace('#', '');
-    setTimeout(function () {
-      var elm = id && document.getElementById(decodeURIComponent(id));
-      if (elm) document.documentElement.scrollTo(0, elm.offsetTop - 80);
-    }, 1);
-  }, [hash]);
+  }, []);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContentTabs, {
     tabs: tabs,
     tabKey: tabKey,

package/dist/client/theme-api/useSiteSearch/index.d.ts

@@ -1,4 +1,19 @@
-import type { ISearchResult } from './worker';
+export interface IHighlightText {
+    highlighted?: boolean;
+    text: string;
+}
+export interface ISearchNavResult {
+    title?: string;
+    priority: number;
+    hints: {
+        type: 'page' | 'title' | 'demo' | 'content';
+        link: string;
+        priority: number;
+        highlightTitleTexts: IHighlightText[];
+        highlightTexts: IHighlightText[];
+    }[];
+}
+export declare type ISearchResult = ISearchNavResult[];
 export declare const useSiteSearch: () => {
     keywords: string;
     setKeywords: (val: string) => void;

package/dist/client/theme-api/useSiteSearch/index.js

@@ -18,11 +18,16 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { useNavData, useSiteData } from 'dumi';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useLocaleDocRoutes } from "../utils";
+import { useLocaleDocRoutes } from "../utils"; // @ts-ignore
+
+import workerCode from '-!../../../../compiled/_internal/searchWorker.min?dumi-raw';
 var worker; // for ssr
 
 if (typeof window !== 'undefined') {
-  worker = new Worker(new URL('./worker', import.meta.url));
+  // use blob to avoid generate entry(chunk) for worker
+  worker = new Worker(URL.createObjectURL(new Blob([workerCode], {
+    type: 'application/javascript'
+  })));
 }
 
 export var useSiteSearch = function useSiteSearch() {

package/dist/client/typings.d.ts

@@ -0,0 +1,14 @@
+declare module '*.less' {
+  const classes: CSSModuleClasses;
+  export default classes;
+}
+
+declare module '*.svg' {
+  import * as React from 'react';
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+
+  const src: string;
+  export default src;
+}

package/dist/constants.d.ts

@@ -13,3 +13,4 @@ export declare const PICKED_PKG_FIELDS: {
     authors: string;
 };
 export declare const CLIENT_DEPS: string[];
+export declare const USELESS_TMP_FILES: string[];

package/dist/constants.js

@@ -25,7 +25,8 @@ __export(constants_exports, {
   LOCAL_THEME_DIR: () => LOCAL_THEME_DIR,
   PICKED_PKG_FIELDS: () => PICKED_PKG_FIELDS,
   SP_ROUTE_PREFIX: () => SP_ROUTE_PREFIX,
-  THEME_PREFIX: () => THEME_PREFIX
+  THEME_PREFIX: () => THEME_PREFIX,
+  USELESS_TMP_FILES: () => USELESS_TMP_FILES
 });
 module.exports = __toCommonJS(constants_exports);
 var LOCAL_DUMI_DIR = ".dumi";
@@ -46,7 +47,6 @@ var CLIENT_DEPS = [
   "@ant-design/icons-svg",
   "@makotot/ghostui",
   "deepmerge",
-  "highlight-words-core",
   "lodash.throttle",
   "prism-react-renderer",
   "prismjs",
@@ -54,6 +54,7 @@ var CLIENT_DEPS = [
   "react-copy-to-clipboard",
   "react-intl"
 ];
+var USELESS_TMP_FILES = ["tsconfig.json", "typings.d.ts"];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CLIENT_DEPS,
@@ -62,5 +63,6 @@ var CLIENT_DEPS = [
   LOCAL_THEME_DIR,
   PICKED_PKG_FIELDS,
   SP_ROUTE_PREFIX,
-  THEME_PREFIX
+  THEME_PREFIX,
+  USELESS_TMP_FILES
 });

package/dist/features/assets.js

@@ -50,7 +50,7 @@ var assets_default = (api) => {
     enableBy: ({ env }) => env === "production" && Boolean(api.args.assets)
   });
   api.onBuildComplete(async () => {
-    const { components } = await api.service.atomParser.parse();
+    const { components } = api.service.atomParser ? await api.service.atomParser.parse() : { components: {} };
     const assets = await api.applyPlugins({
       key: "modifyAssetsMetadata",
       initialValue: {

package/dist/features/derivative.js

@@ -80,7 +80,10 @@ var derivative_default = (api) => {
       import_plugin_utils.logger.warn("Hash history is temporarily incompatible, it is recommended to use browser history for now.");
     }
   });
-  safeExcludeInMFSU(api, [new RegExp("dumi/dist/client")]);
+  safeExcludeInMFSU(api, [
+    new RegExp("dumi/dist/client"),
+    new RegExp("compiled/_internal/searchWorker")
+  ]);
   api.modifyDefaultConfig((memo) => {
     if (api.userConfig.mfsu !== false) {
       if (import_fs.default.existsSync(import_path.default.join(api.cwd, "node_modules", ".pnpm")) || process.platform === "win32") {
@@ -121,6 +124,15 @@ var derivative_default = (api) => {
       }
     }
   });
+  api.register({
+    key: "onGenerateFiles",
+    stage: Infinity,
+    fn() {
+      import_constants.USELESS_TMP_FILES.forEach((file) => {
+        import_plugin_utils.fsExtra.rmSync(import_path.default.join(api.paths.absTmpPath, file), { force: true });
+      });
+    }
+  });
   api.registerPlugins([require.resolve("../../compiled/@umijs/plugins")]);
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/features/exports.js

@@ -36,7 +36,7 @@ var exports_default = (api) => {
     api.writeTmpFile({
       noPluginDir: true,
       path: "dumi/exports.ts",
-      content: `export * from '../exports.ts';
+      content: `export * from '../exports';
 export * from '${(0, import_plugin_utils.winPath)(require.resolve("../client/theme-api"))}';`
     });
   });

package/dist/features/parser.js

@@ -39,7 +39,9 @@ var parser_default = (api) => {
     key: "apiParser",
     enableBy: api.EnableBy.config,
     config: {
-      schema: (Joi) => Joi.object()
+      schema: (Joi) => Joi.object({
+        unpkgHost: Joi.string().uri()
+      })
     }
   });
   api.modifyDefaultConfig((memo) => {
@@ -54,7 +56,8 @@ var parser_default = (api) => {
     } = require("../assetParsers/atom");
     api.service.atomParser = new AtomAssetsParser({
       entryFile: api.config.resolve.entryFile,
-      resolveDir: api.cwd
+      resolveDir: api.cwd,
+      unpkgHost: api.config.apiParser.unpkgHost
     });
     if (api.env === "development") {
       api.service.atomParser.watch(writeAtomsMetaFile);

package/dist/features/theme/index.js

@@ -69,7 +69,6 @@ var theme_default = (api) => {
   (0, import_derivative.safeExcludeInMFSU)(api, [
     "dumi/theme-default",
     "@ant-design/icons-svg",
-    "highlight-words-core",
     getPkgThemeName(api)
   ].filter(Boolean).map((pkg) => new RegExp(pkg)));
   api.register({

package/dist/preset.js

@@ -25,21 +25,8 @@ __export(preset_exports, {
   default: () => preset_default
 });
 module.exports = __toCommonJS(preset_exports);
-var import_fs = __toESM(require("fs"));
-var import_path = __toESM(require("path"));
-var import_plugin_utils = require("umi/plugin-utils");
 var preset_default = (api) => {
   api.describe({ key: "dumi-preset" });
-  const legacyConfig = [
-    ".umirc.ts",
-    ".umirc.js",
-    "config/config.ts",
-    "config/config.js"
-  ].find((file) => import_fs.default.existsSync(import_path.default.join(api.cwd, file)));
-  if (legacyConfig) {
-    import_plugin_utils.logger.warn(`Detected you are using legacy config file \`${legacyConfig}\`, it will no longer be loaded, please migrate to the new \`.dumirc.ts\` file, and the tmp file also from \`.umi\` to \`.dumi/tmp\`, please update related files such as \`.gitignore\`, \`tsconfig.json\` & etc.`);
-    import_plugin_utils.logger.warn(`\u68C0\u6D4B\u5230\u4F60\u5728\u4F7F\u7528\u65E7\u914D\u7F6E\u6587\u4EF6 \`${legacyConfig}\`\uFF0C\u5B83\u5DF2\u4E0D\u518D\u751F\u6548\uFF0C\u8BF7\u5C06\u5185\u5BB9\u8FC1\u79FB\u5230\u65B0\u7684 \`.dumirc.ts\` \u914D\u7F6E\u6587\u4EF6\u4E2D\uFF0C\u53E6\u5916\u4E34\u65F6\u6587\u4EF6\u5939\u4E5F\u4ECE \`.umi\` \u8FC1\u79FB\u5230 \`.dumi/tmp\`\uFF0C\u8BF7\u540C\u65F6\u66F4\u65B0\u76F8\u5173\u6587\u4EF6\u5982 \`.gitignore\`\u3001\`tsconfig.json\` \u7B49`);
-  }
   return {
     plugins: [
       require.resolve("./registerMethods"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "📖 Documentation Generator of React Component",
   "keywords": [
     "generator",
@@ -36,7 +36,7 @@
   ],
   "scripts": {
     "build": "father build",
-    "build:deps": "father prebundle",
+    "build:deps": "node scripts/pre-bundle-worker.js && father prebundle",
     "custom-install": "pnpm i",
     "dev": "father dev",
     "docs:build": "node ./bin/dumi.js build",
@@ -79,11 +79,12 @@
     "@swc/core": "^1.2.224",
     "@types/hast": "^2.3.4",
     "@types/mdast": "^3.0.10",
-    "@umijs/bundler-utils": "^4.0.32",
-    "@umijs/core": "^4.0.32",
+    "@umijs/bundler-utils": "^4.0.33",
+    "@umijs/core": "^4.0.33",
+    "animated-scroll-to": "^2.3.0",
     "codesandbox": "^2.2.3",
     "deepmerge": "^4.2.2",
-    "dumi-afx-deps": "^1.0.0-alpha.1",
+    "dumi-afx-deps": "^1.0.0-alpha.2",
     "dumi-assets-types": "2.0.0-alpha.0",
     "enhanced-resolve": "^5.10.0",
     "estree-util-to-js": "^1.1.0",
@@ -95,7 +96,6 @@
     "hast-util-to-estree": "^2.1.0",
     "hast-util-to-string": "^2.0.0",
     "heti": "^0.9.2",
-    "highlight-words-core": "^1.2.2",
     "html-to-text": "^8.2.1",
     "js-yaml": "^4.1.0",
     "lodash.throttle": "^4.1.1",
@@ -120,7 +120,7 @@
     "remark-rehype": "^10.1.0",
     "sass": "^1.55.0",
     "sitemap": "^7.1.1",
-    "umi": "^4.0.32",
+    "umi": "^4.0.33",
     "unified": "^10.1.2",
     "unist-util-visit": "^4.1.0",
     "unist-util-visit-parents": "^5.1.1",
@@ -139,10 +139,11 @@
     "@types/pluralize": "^0.0.29",
     "@types/react": "^18.0.16",
     "@types/react-copy-to-clipboard": "^5.0.4",
-    "@umijs/lint": "^4.0.32",
+    "@umijs/lint": "^4.0.33",
     "@umijs/plugins": "4.0.32",
     "eslint": "^8.20.0",
     "father": "^4.1.0",
+    "highlight-words-core": "^1.2.2",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",

package/theme-default/layouts/DocLayout/index.js

@@ -11,7 +11,8 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { ReactComponent as IconSidebar } from '@ant-design/icons-svg/inline-svg/outlined/align-left.svg';
-import { Helmet, useIntl, useOutlet, useRouteMeta, useSidebarData } from 'dumi';
+import animateScrollTo from 'animated-scroll-to';
+import { Helmet, useIntl, useLocation, useOutlet, useRouteMeta, useSidebarData, useSiteData } from 'dumi';
 import Content from "dumi/theme/slots/Content";
 import Features from "dumi/theme/slots/Features";
 import Footer from "dumi/theme/slots/Footer";
@@ -19,7 +20,7 @@ import Header from "dumi/theme/slots/Header";
 import Hero from "dumi/theme/slots/Hero";
 import Sidebar from "dumi/theme/slots/Sidebar";
 import Toc from "dumi/theme/slots/Toc";
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import "./index.less";
 
 var DocLayout = function DocLayout() {
@@ -27,14 +28,37 @@ var DocLayout = function DocLayout() {
   var outlet = useOutlet();
   var sidebar = useSidebarData();
 
+  var _useLocation = useLocation(),
+      hash = _useLocation.hash;
+
+  var _useSiteData = useSiteData(),
+      loading = _useSiteData.loading;
+
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       showSidebar = _useState2[0],
       setShowSidebar = _useState2[1];
 
   var _useRouteMeta = useRouteMeta(),
-      fm = _useRouteMeta.frontmatter;
+      fm = _useRouteMeta.frontmatter; // handle hash change or visit page hash after async chunk loaded
+
 
+  useEffect(function () {
+    var id = hash.replace('#', '');
+
+    if (id) {
+      setTimeout(function () {
+        var elm = document.getElementById(decodeURIComponent(id));
+
+        if (elm) {
+          // animated-scroll-to instead of native scroll
+          animateScrollTo(elm.offsetTop - 80, {
+            maxDuration: 300
+          });
+        }
+      }, 1);
+    }
+  }, [loading, hash]);
   return /*#__PURE__*/React.createElement("div", {
     className: "dumi-default-doc-layout",
     "data-mobile-sidebar-active": showSidebar || undefined,

package/theme-default/slots/Header/index.less

@@ -43,6 +43,13 @@
     &-aside {
       display: flex;
       align-items: center;
+
+      @media @mobile {
+        margin: 8px 16px;
+        padding-top: 24px;
+        justify-content: center;
+        border-top: 1px solid @c-border-light;
+      }
     }
 
     @media @mobile {
@@ -69,7 +76,7 @@
   &-menu-btn {
     position: absolute;
     top: 50%;
-    right: 24px;
+    inset-inline-end: 24px;
     padding: 0;
     border: 0;
     background: transparent;

package/theme-default/slots/RtlSwitch/index.less

@@ -1,7 +1,7 @@
 @import '../LangSwitch/index.less';
 
 .@{prefix}-lang-switch {
-  + & {
+  & + & {
     margin-inline-start: 20px;
   }
 }

package/theme-default/slots/SearchBar/index.less

@@ -130,6 +130,9 @@
       box-sizing: border-box;
       box-shadow: inset 1px 1px 0 0 hsl(0deg 0% 100% / 50%), 0 3px 8px 0 #555a64;
       border-radius: 8px;
+      max-height: calc(100% - 120px);
+      display: flex;
+      flex-direction: column;
     }
 
     .@{prefix}-search-bar-input {
@@ -140,6 +143,8 @@
     .@{prefix}-search-result {
       min-height: 60px;
       margin-top: 12px;
+      flex: auto;
+      overflow: auto;
 
       > dl > dd {
         margin: 0 auto;

package/theme-default/slots/Sidebar/index.less

@@ -50,12 +50,13 @@
 
     > dd {
       margin: 0;
-      padding: 10px 0;
+      padding: 8px 0;
 
       > a {
         display: block;
         color: @c-text-secondary;
         font-size: 16px;
+        line-height: 20px;
         text-decoration: none;
         transition: all 0.3s;
         white-space: nowrap;

package/theme-default/slots/Toc/index.js

@@ -13,7 +13,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { Scrollspy as ScrollSpy } from '@makotot/ghostui/src/Scrollspy';
-import { useLocation, useRouteMeta, useSiteData } from 'dumi';
+import { Link, useLocation, useRouteMeta, useSiteData } from 'dumi';
 import React, { useEffect, useRef, useState } from 'react';
 import "./index.less";
 
@@ -68,8 +68,8 @@ var Toc = function Toc() {
       return /*#__PURE__*/React.createElement("li", {
         key: item.id,
         "data-depth": item.depth
-      }, /*#__PURE__*/React.createElement("a", _extends({
-        href: link,
+      }, /*#__PURE__*/React.createElement(Link, _extends({
+        to: link,
         title: item.title
       }, activeIndex === i ? {
         className: 'active'

package/dist/client/theme-api/useSiteSearch/worker.d.ts

@@ -1,17 +0,0 @@
-interface IHighlightText {
-    highlighted?: boolean;
-    text: string;
-}
-interface ISearchNavResult {
-    title?: string;
-    priority: number;
-    hints: {
-        type: 'page' | 'title' | 'demo' | 'content';
-        link: string;
-        priority: number;
-        highlightTitleTexts: IHighlightText[];
-        highlightTexts: IHighlightText[];
-    }[];
-}
-export declare type ISearchResult = ISearchNavResult[];
-export {};

package/dist/client/theme-api/useSiteSearch/worker.js

@@ -1,318 +0,0 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-import { findAll } from 'highlight-words-core';
-var TAB_QUERY_KEY = 'tab';
-
-function createMetadataSection(rawTitle, title, link, texts, tocIndex) {
-  var allowEmptyParas = tocIndex !== undefined;
-  var paragraphs = texts.reduce(function (acc, text) {
-    if (text.tocIndex === tocIndex) {
-      acc[text.paraId] = (acc[text.paraId] || '').concat(text.value);
-    }
-
-    return acc;
-  }, []).filter(Boolean);
-  return Boolean(paragraphs.length) || allowEmptyParas ? {
-    rawTitle: rawTitle,
-    title: title,
-    link: link,
-    paragraphs: texts.reduce(function (acc, text) {
-      if (text.tocIndex === tocIndex) {
-        var _text$paraId, _acc$_text$paraId;
-
-        (_acc$_text$paraId = acc[_text$paraId = text.paraId]) !== null && _acc$_text$paraId !== void 0 ? _acc$_text$paraId : acc[_text$paraId] = '';
-        acc[text.paraId] += text.value;
-      }
-
-      return acc;
-    }, []).filter(Boolean)
-  } : null;
-}
-
-function generateRouteTitle(fm) {
-  return [fm.title, fm.subtitle].filter(Boolean).join(' ');
-}
-
-function generateSearchMetadata(routes, demos, nav) {
-  var metadata = []; // generate demos mapping by route.id
-
-  var demosMapping = Object.values(demos).reduce(function (acc, demo) {
-    if (demo.asset) {
-      var _demo$routeId, _acc$_demo$routeId;
-
-      (_acc$_demo$routeId = acc[_demo$routeId = demo.routeId]) !== null && _acc$_demo$routeId !== void 0 ? _acc$_demo$routeId : acc[_demo$routeId] = [];
-      acc[demo.routeId].push(demo);
-    }
-
-    return acc;
-  }, {});
-  Object.values(routes).forEach(function (route) {
-    // only process content route
-    if ('meta' in route && !('isLayout' in route)) {
-      var _demosMapping$route$i;
-
-      var routeMeta = route.meta;
-      var routeAbsPath = route.path.replace(/^([^/])/, '/$1') || '/';
-      var routeNav = nav.find(function (item) {
-        return routeAbsPath === item.link || routeAbsPath.startsWith("".concat(item.activePath, "/"));
-      });
-      var demoIds = (demosMapping[route.id] || []).map(function (demo) {
-        var _demo$asset;
-
-        return (_demo$asset = demo.asset) === null || _demo$asset === void 0 ? void 0 : _demo$asset.id;
-      });
-      var orphanSection = createMetadataSection('', generateRouteTitle(routeMeta.frontmatter), routeAbsPath, routeMeta.texts);
-      var tocSections = routeMeta.toc.reduce(function (acc, toc, i) {
-        // exclude demo id, to avoid duplicate
-        if (!demoIds.includes(toc.id) && toc.depth > 1) {
-          acc.push(createMetadataSection(toc.title, "".concat(generateRouteTitle(routeMeta.frontmatter), " - ").concat(toc.title), "".concat(routeAbsPath, "#").concat(toc.id), routeMeta.texts, i));
-        }
-
-        return acc;
-      }, []);
-      var tabSections = (routeMeta.tabs || []).reduce(function (acc, _ref) {
-        var key = _ref.key,
-            meta = _ref.meta;
-        // collect orphan section that not in toc
-        var tabOrphanSection = createMetadataSection('', "".concat(generateRouteTitle(routeMeta.frontmatter), " - ").concat(meta.frontmatter.title), "".concat(routeAbsPath, "?").concat(TAB_QUERY_KEY, "=").concat(key), meta.texts);
-        if (tabOrphanSection) acc.push(tabOrphanSection); // collect sections by toc
-
-        acc.push.apply(acc, _toConsumableArray(meta.toc.map(function (toc, i) {
-          return createMetadataSection(toc.title, "".concat(generateRouteTitle(routeMeta.frontmatter), " - ").concat(meta.frontmatter.title, " - ").concat(toc.title), "".concat(routeAbsPath, "?").concat(TAB_QUERY_KEY, "=").concat(key, "#").concat(toc.id), meta.texts, i);
-        })));
-        return acc;
-      }, []);
-      metadata.push({
-        navTitle: routeNav === null || routeNav === void 0 ? void 0 : routeNav.title,
-        navOrder: routeNav ? nav.indexOf(routeNav) : Infinity,
-        title: generateRouteTitle(routeMeta.frontmatter),
-        link: routeAbsPath,
-        sections: [].concat(_toConsumableArray(orphanSection ? [orphanSection] : []), _toConsumableArray(tocSections), _toConsumableArray(tabSections)),
-        demos: ((_demosMapping$route$i = demosMapping[route.id]) === null || _demosMapping$route$i === void 0 ? void 0 : _demosMapping$route$i.map(function (demo) {
-          return {
-            link: "".concat(routeAbsPath, "#").concat(demo.asset.id),
-            rawTitle: demo.asset.title || '',
-            title: demo.asset.title || generateRouteTitle(routeMeta.frontmatter),
-            description: demo.asset.description || '',
-            keywords: demo.asset.keywords || []
-          };
-        })) || []
-      });
-    }
-  });
-  return metadata;
-}
-
-function generateHighlightTexts() {
-  var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  var keywords = arguments.length > 1 ? arguments[1] : undefined;
-  var priority = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var chunks = findAll({
-    textToHighlight: str,
-    searchWords: keywords,
-    autoEscape: true
-  }); // save matched keywords
-
-  var matchedMapping = {};
-  return [chunks.map(function (_ref2, i) {
-    var start = _ref2.start,
-        end = _ref2.end,
-        highlight = _ref2.highlight;
-    var highlightText = {
-      text: str.slice(start, end)
-    }; // omit long str before the first highlighted text
-
-    if (i === 0 && !highlight && chunks.length > 1 && highlightText.text.length > 20) {
-      highlightText.text = "...".concat(highlightText.text.slice(-20));
-    } // mark highlight
-
-
-    if (highlight) {
-      highlightText.highlighted = true;
-      matchedMapping[keywords.find(function (k) {
-        return highlightText.text.includes(k);
-      })] = priority;
-    }
-
-    return highlightText;
-  }), matchedMapping];
-}
-
-function generateSearchResult(metadata, keywordsStr) {
-  var keywords = keywordsStr.split(' ');
-  var matchReg = new RegExp(keywordsStr.replace(/[.*+?^${}()|[\]\\]/g, '\\$&').replace(' ', '|'), 'gi');
-  var resultMapping = {}; // traverse metadata from all routes
-
-  metadata.forEach(function (data) {
-    var hints = []; // find content & section hints
-
-    data.sections.forEach(function (sec) {
-      // find matched keywords in paragraph
-      var _iterator = _createForOfIteratorHelper(sec.paragraphs),
-          _step;
-
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var p = _step.value;
-
-          if (matchReg.test(p)) {
-            var _generateHighlightTex3 = generateHighlightTexts(sec.title, keywords, 10),
-                _generateHighlightTex4 = _slicedToArray(_generateHighlightTex3, 2),
-                _highlightTitleTexts = _generateHighlightTex4[0],
-                _titleMatchMapping = _generateHighlightTex4[1];
-
-            var _generateHighlightTex5 = generateHighlightTexts(p, keywords),
-                _generateHighlightTex6 = _slicedToArray(_generateHighlightTex5, 2),
-                highlightTexts = _generateHighlightTex6[0],
-                matchMapping = _generateHighlightTex6[1];
-
-            hints.push({
-              type: 'content',
-              link: sec.link,
-              priority: Object.values(_objectSpread(_objectSpread({}, matchMapping), _titleMatchMapping)).reduce(function (acc, p) {
-                return acc + p;
-              }, 0),
-              highlightTitleTexts: _highlightTitleTexts,
-              highlightTexts: highlightTexts
-            }); // match at most once in the same section
-
-            return;
-          }
-        } // find matched keywords in section title
-
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-
-      if (matchReg.test(sec.rawTitle)) {
-        var _generateHighlightTex = generateHighlightTexts(sec.title, keywords, 10),
-            _generateHighlightTex2 = _slicedToArray(_generateHighlightTex, 2),
-            highlightTitleTexts = _generateHighlightTex2[0],
-            titleMatchMapping = _generateHighlightTex2[1];
-
-        hints.push({
-          type: 'title',
-          link: sec.link,
-          priority: Object.values(titleMatchMapping).reduce(function (acc, p) {
-            return acc + p;
-          }, 0),
-          highlightTitleTexts: highlightTitleTexts,
-          highlightTexts: generateHighlightTexts(sec.paragraphs[0] || '', keywords)[0]
-        });
-      }
-    }); // find demo hints
-
-    data.demos.forEach(function (demo) {
-      if (matchReg.test(demo.rawTitle) || matchReg.test(demo.description)) {
-        var _generateHighlightTex7 = generateHighlightTexts(demo.title, keywords, 10),
-            _generateHighlightTex8 = _slicedToArray(_generateHighlightTex7, 2),
-            highlightTitleTexts = _generateHighlightTex8[0],
-            titleMatchMapping = _generateHighlightTex8[1];
-
-        var _generateHighlightTex9 = generateHighlightTexts(demo.description, keywords),
-            _generateHighlightTex10 = _slicedToArray(_generateHighlightTex9, 2),
-            highlightTexts = _generateHighlightTex10[0],
-            matchMapping = _generateHighlightTex10[1];
-
-        hints.push({
-          type: 'demo',
-          link: demo.link,
-          priority: Object.values(_objectSpread(_objectSpread({}, matchMapping), titleMatchMapping)).reduce(function (acc, p) {
-            return acc + p;
-          }, 0),
-          highlightTitleTexts: highlightTitleTexts,
-          highlightTexts: highlightTexts
-        });
-      }
-    }); // find page hints
-
-    if (matchReg.test(data.title)) {
-      var _data$sections$;
-
-      var _generateHighlightTex11 = generateHighlightTexts(data.title, keywords, 100),
-          _generateHighlightTex12 = _slicedToArray(_generateHighlightTex11, 2),
-          highlightTitleTexts = _generateHighlightTex12[0],
-          titleMatchMapping = _generateHighlightTex12[1];
-
-      hints.push({
-        type: 'page',
-        link: data.link,
-        priority: Object.values(titleMatchMapping).reduce(function (acc, p) {
-          return acc + p;
-        }, 0),
-        highlightTitleTexts: highlightTitleTexts,
-        highlightTexts: generateHighlightTexts(((_data$sections$ = data.sections[0]) === null || _data$sections$ === void 0 ? void 0 : _data$sections$.paragraphs[0]) || '', keywords)[0]
-      });
-    } // create nav result if there has any hint
-
-
-    if (hints.length) {
-      var _resultMapping$key, _resultMapping$key$hi;
-
-      var key = data.navTitle || '$ROOT';
-      (_resultMapping$key = resultMapping[key]) !== null && _resultMapping$key !== void 0 ? _resultMapping$key : resultMapping[key] = {
-        title: data.navTitle,
-        priority: data.navOrder * 1000,
-        hints: []
-      };
-
-      (_resultMapping$key$hi = resultMapping[key].hints).push.apply(_resultMapping$key$hi, hints);
-    }
-  }); // sort hints
-
-  Object.values(resultMapping).forEach(function (_ref3) {
-    var hints = _ref3.hints;
-    hints.sort(function (prev, next) {
-      return next.priority - prev.priority;
-    });
-  });
-  return Object.values(resultMapping).sort(function (prev, next) {
-    return next.priority - prev.priority;
-  });
-}
-
-var metadata;
-
-self.onmessage = function (_ref4) {
-  var data = _ref4.data;
-
-  switch (data.action) {
-    case 'generate-metadata':
-      metadata = generateSearchMetadata(data.args.routes, data.args.demos, data.args.nav);
-      break;
-
-    case 'get-search-result':
-      self.postMessage(generateSearchResult(metadata, data.args.keywords));
-      break;
-
-    default:
-  }
-};