dumi-theme-lobehub 1.9.1 → 1.10.0

package/dist/components/Analytics/index.js

@@ -1,13 +1,13 @@
+import { Helmet } from 'dumi';
 import { siteSelectors, useSiteStore } from "../../store";
 import ClarityAnalytics from "./Clarity";
 import GoogleAnalytics from "./GoogleAnalytics";
 import Plausible from "./Plausible";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Analytics = function Analytics() {
   var analytics = useSiteStore(siteSelectors.analytics);
-  return /*#__PURE__*/_jsxs(_Fragment, {
+  return /*#__PURE__*/_jsxs(Helmet, {
     children: [(analytics === null || analytics === void 0 ? void 0 : analytics.googleAnalytics) && /*#__PURE__*/_jsx(GoogleAnalytics, {
       measurementId: analytics.googleAnalytics.measurementId
     }), (analytics === null || analytics === void 0 ? void 0 : analytics.clarity) && /*#__PURE__*/_jsx(ClarityAnalytics, {

package/dist/components/StructuredData/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+declare const StructuredData: FC<{
+    ld: any;
+}>;
+export default StructuredData;

package/dist/components/StructuredData/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+var StructuredData = function StructuredData(_ref) {
+  var ld = _ref.ld;
+  return /*#__PURE__*/_jsx("script", {
+    dangerouslySetInnerHTML: {
+      __html: JSON.stringify(ld)
+    },
+    id: "structured-data",
+    type: "application/ld+json"
+  });
+};
+export default StructuredData;

package/dist/layouts/DocLayout/Head/Favicons.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Favicons: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+import { FC } from 'react';
+declare const Favicons: FC;
 export default Favicons;

package/dist/layouts/DocLayout/Head/Favicons.js

@@ -6,11 +6,10 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Helmet } from 'dumi';
 import isEqual from 'fast-deep-equal';
-import { memo } from 'react';
 import { siteSelectors, useSiteStore } from "../../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Favicons = /*#__PURE__*/memo(function () {
+var Favicons = function Favicons() {
   var _metadata$icons, _metadata$icons2, _metadata$icons3;
   var _useSiteStore = useSiteStore(function (s) {
       return [siteSelectors.siteTitle(s), siteSelectors.logo(s)];
@@ -52,5 +51,5 @@ var Favicons = /*#__PURE__*/memo(function () {
       name: "theme-color"
     })]
   });
-});
+};
 export default Favicons;

package/dist/layouts/DocLayout/Head/Og.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Og: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+import { FC } from 'react';
+declare const Og: FC;
 export default Og;

package/dist/layouts/DocLayout/Head/Og.js

@@ -6,11 +6,11 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Helmet } from 'dumi';
 import isEqual from 'fast-deep-equal';
-import { memo } from 'react';
+import urlJoin from 'url-join';
 import { siteSelectors, useSiteStore } from "../../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Og = /*#__PURE__*/memo(function () {
+var Og = function Og() {
   var _metadata$openGraph, _metadata$openGraph2, _metadata$openGraph3, _metadata$openGraph4, _metadata$openGraph5, _metadata$twitter, _metadata$twitter2, _metadata$twitter3, _metadata$openGraph6, _metadata$twitter4, _metadata$openGraph7, _metadata$twitter5, _metadata$openGraph8;
   var _useSiteStore = useSiteStore(function (s) {
       return [siteSelectors.siteTitle(s), siteSelectors.siteDesc(s), siteSelectors.logo(s), siteSelectors.hostname(s)];
@@ -27,6 +27,9 @@ var Og = /*#__PURE__*/memo(function () {
     }), /*#__PURE__*/_jsx("meta", {
       content: (metadata === null || metadata === void 0 ? void 0 : metadata.description) || desc,
       name: "description"
+    }), /*#__PURE__*/_jsx("link", {
+      href: hostname || location.origin,
+      rel: "canonical"
     }), /*#__PURE__*/_jsx("meta", {
       content: (metadata === null || metadata === void 0 || (_metadata$openGraph = metadata.openGraph) === null || _metadata$openGraph === void 0 ? void 0 : _metadata$openGraph.title) || title,
       property: "og:title"
@@ -34,7 +37,7 @@ var Og = /*#__PURE__*/memo(function () {
       content: (metadata === null || metadata === void 0 || (_metadata$openGraph2 = metadata.openGraph) === null || _metadata$openGraph2 === void 0 ? void 0 : _metadata$openGraph2.description) || desc,
       property: "og:description"
     }), /*#__PURE__*/_jsx("meta", {
-      content: hostname || location.origin,
+      content: urlJoin(hostname || location.origin, location.pathname),
       property: "og:url"
     }), /*#__PURE__*/_jsx("meta", {
       content: metadata === null || metadata === void 0 || (_metadata$openGraph3 = metadata.openGraph) === null || _metadata$openGraph3 === void 0 ? void 0 : _metadata$openGraph3.siteName,
@@ -71,5 +74,5 @@ var Og = /*#__PURE__*/memo(function () {
       name: "twitter:image"
     })]
   });
-});
+};
 export default Og;

package/dist/layouts/DocLayout/Head/StructuredData.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const StructuredData: FC;
+export default StructuredData;

package/dist/layouts/DocLayout/Head/StructuredData.js

@@ -0,0 +1,106 @@
+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 _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 _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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Helmet } from 'dumi';
+import isEqual from 'fast-deep-equal';
+import urlJoin from 'url-join';
+import { siteSelectors, useSiteStore } from "../../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+var date = new Date().toISOString();
+var StructuredData = function StructuredData() {
+  var _metadata$twitter, _metadata$openGraph, _metadata$twitter2, _metadata$openGraph2, _metadata$twitter3, _metadata$openGraph3;
+  var _useSiteStore = useSiteStore(function (s) {
+      return [siteSelectors.siteTitle(s), siteSelectors.siteDesc(s), siteSelectors.logo(s), siteSelectors.hostname(s)];
+    }),
+    _useSiteStore2 = _slicedToArray(_useSiteStore, 4),
+    title = _useSiteStore2[0],
+    desc = _useSiteStore2[1],
+    logo = _useSiteStore2[2],
+    hostname = _useSiteStore2[3];
+  var metadata = useSiteStore(siteSelectors.metadata, isEqual);
+  var host = hostname || location.origin;
+  var ld = {
+    '@context': 'https://schema.org',
+    '@graph': [{
+      '@id': urlJoin(host, '#website'),
+      '@type': 'WebSite',
+      'description': desc,
+      'inLanguage': 'en-US',
+      'name': 'LobeHub',
+      'publisher': {
+        '@id': urlJoin(host, '#organization')
+      },
+      'url': host
+    }, {
+      '@id': host,
+      '@type': 'WebPage',
+      'about': {
+        '@id': urlJoin(host, '#organization')
+      },
+      'dateModified': date,
+      'datePublished': date,
+      'description': desc,
+      'image': {
+        '@id': urlJoin(host, '#primaryimage')
+      },
+      'inLanguage': 'en-US',
+      'isPartOf': {
+        '@id': urlJoin(host, '#website')
+      },
+      'name': title,
+      'primaryImageOfPage': {
+        '@id': urlJoin(host, '#primaryimage')
+      },
+      'thumbnailUrl': (metadata === null || metadata === void 0 || (_metadata$twitter = metadata.twitter) === null || _metadata$twitter === void 0 ? void 0 : _metadata$twitter.image) || (metadata === null || metadata === void 0 || (_metadata$openGraph = metadata.openGraph) === null || _metadata$openGraph === void 0 ? void 0 : _metadata$openGraph.image)
+    }, {
+      '@id': urlJoin(host, '#primaryimage'),
+      '@type': 'ImageObject',
+      'contentUrl': (metadata === null || metadata === void 0 || (_metadata$twitter2 = metadata.twitter) === null || _metadata$twitter2 === void 0 ? void 0 : _metadata$twitter2.image) || (metadata === null || metadata === void 0 || (_metadata$openGraph2 = metadata.openGraph) === null || _metadata$openGraph2 === void 0 ? void 0 : _metadata$openGraph2.image) || logo,
+      'inLanguage': 'en-US',
+      'url': (metadata === null || metadata === void 0 || (_metadata$twitter3 = metadata.twitter) === null || _metadata$twitter3 === void 0 ? void 0 : _metadata$twitter3.image) || (metadata === null || metadata === void 0 || (_metadata$openGraph3 = metadata.openGraph) === null || _metadata$openGraph3 === void 0 ? void 0 : _metadata$openGraph3.image) || logo
+    }, {
+      '@id': urlJoin(host, '#organization'),
+      '@type': 'Organization',
+      'alternateName': 'LobeHub',
+      'contactPoint': {
+        '@type': 'ContactPoint',
+        'contactType': 'customer support',
+        'email': 'support@lobehub.com'
+      },
+      'description': 'We are a group of e/acc design-engineers, hoping to provide modern design components and tools for AIGC, and creating a technology-driven forum, fostering knowledge interaction and the exchange of ideas that may culminate in mutual inspiration and collaborative innovation.',
+      'email': 'hello@lobehub.com',
+      'founders': [{
+        '@type': 'Person',
+        'name': 'Arvin Xu',
+        'url': 'https://github.com/arvinxx'
+      }, {
+        '@type': 'Person',
+        'name': 'CanisMinor',
+        'url': 'https://github.com/arvinxx'
+      }],
+      'image': 'https://lobehub.com/icon-512x512.png',
+      'logo': {
+        '@type': 'ImageObject',
+        'height': 512,
+        'url': 'https://lobehub.com/icon-512x512.png',
+        'width': 512
+      },
+      'name': 'LobeHub',
+      'sameAs': ['https://x.com/lobehub', 'https://github.com/lobehub', 'https://medium.com/@lobehub', 'https://www.youtube.com/@lobehub'],
+      'url': 'https://lobehub.com'
+    }]
+  };
+  return /*#__PURE__*/_jsx(Helmet, {
+    children: /*#__PURE__*/_jsx("script", {
+      dangerouslySetInnerHTML: {
+        __html: JSON.stringify(ld)
+      },
+      id: "structured-data",
+      type: "application/ld+json"
+    })
+  });
+};
+export default StructuredData;

package/dist/layouts/DocLayout/index.js

@@ -6,6 +6,7 @@ import { Provider, createStore as _createStore } from "../../store";
 import DocumentLayout from "./DocumentLayout";
 import Favicons from "./Head/Favicons";
 import Og from "./Head/Og";
+import StructuredData from "./Head/StructuredData";
 import ThemeProvider from "./ThemeProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -15,7 +16,7 @@ var App = /*#__PURE__*/memo(function (_ref) {
     createStore: function createStore() {
       return _createStore(initState);
     },
-    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(Og, {}), /*#__PURE__*/_jsx(Analytics, {}), /*#__PURE__*/_jsx(StoreUpdater, {}), /*#__PURE__*/_jsx(ThemeProvider, {
+    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(Og, {}), /*#__PURE__*/_jsx(StructuredData, {}), /*#__PURE__*/_jsx(Analytics, {}), /*#__PURE__*/_jsx(StoreUpdater, {}), /*#__PURE__*/_jsx(ThemeProvider, {
       children: /*#__PURE__*/_jsx(DocumentLayout, {})
     })]
   });

package/dist/slots/SearchBar/index.js

@@ -6,8 +6,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { SearchBar as Input } from '@lobehub/ui';
 import { useSiteSearch } from 'dumi';
-import SearchResult from 'dumi/theme-default/slots/SearchResult';
 import { memo, useState } from 'react';
+import SearchResult from "dumi/theme/slots/SearchResult";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist/slots/SearchResult/index.d.ts

@@ -0,0 +1,9 @@
+import { type useSiteSearch } from 'dumi';
+import React from 'react';
+type ISearchResult = ReturnType<typeof useSiteSearch>['result'];
+declare const SearchResult: React.NamedExoticComponent<{
+    data: import("dumi/dist/client/theme-api/useSiteSearch").ISearchResult;
+    loading: boolean;
+    onItemSelect?: ((item: ISearchResult[0]['hints'][0]) => void) | undefined;
+}>;
+export default SearchResult;

package/dist/slots/SearchResult/index.js

@@ -0,0 +1,255 @@
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+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(_e) { throw _e; }, 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(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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 _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 { Icon } from '@lobehub/ui';
+import animateScrollTo from 'animated-scroll-to';
+import { Empty, Typography } from 'antd';
+import { useTheme } from 'antd-style';
+import { FormattedMessage, Link, history, useLocation } from 'dumi';
+import { FileBox, FileIcon, HeadingIcon, LetterText } from 'lucide-react';
+import React, { Fragment, memo, useCallback, useEffect, useState } from 'react';
+import { Center, Flexbox } from 'react-layout-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ICONS_MAPPING = {
+  content: LetterText,
+  demo: FileBox,
+  page: FileIcon,
+  title: HeadingIcon
+};
+var Highlight = /*#__PURE__*/memo(function (props) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: props.texts.map(function (text, idx) {
+      return /*#__PURE__*/_jsx(Fragment, {
+        children: text.highlighted ? /*#__PURE__*/_jsx("mark", {
+          children: text.text
+        }) : text.text
+      }, idx);
+    })
+  });
+});
+var useFlatSearchData = function useFlatSearchData(data) {
+  var update = useCallback(function () {
+    var activeIndex = 0;
+    var ret = [];
+    var _iterator = _createForOfIteratorHelper(data),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _item = _step.value;
+        if (_item.title) {
+          ret.push({
+            type: 'title',
+            value: {
+              title: _item.title
+            }
+          });
+        }
+        var _iterator2 = _createForOfIteratorHelper(_item.hints),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var hint = _step2.value;
+            ret.push({
+              activeIndex: activeIndex++,
+              type: 'hint',
+              value: hint
+            });
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return [ret, activeIndex];
+  }, [data]);
+  var _useState = useState(update),
+    _useState2 = _slicedToArray(_useState, 2),
+    flatData = _useState2[0],
+    setFlatData = _useState2[1];
+  useEffect(function () {
+    setFlatData(update);
+  }, [data]);
+  return flatData;
+};
+var SearchResult = /*#__PURE__*/memo(function (props) {
+  var theme = useTheme();
+  var _useFlatSearchData = useFlatSearchData(props.data),
+    _useFlatSearchData2 = _slicedToArray(_useFlatSearchData, 2),
+    data = _useFlatSearchData2[0],
+    histsCount = _useFlatSearchData2[1];
+  var _useState3 = useState(-1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeIndex = _useState4[0],
+    setActiveIndex = _useState4[1];
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var onItemSelect = function onItemSelect(item) {
+    var _props$onItemSelect;
+    (_props$onItemSelect = props.onItemSelect) === null || _props$onItemSelect === void 0 || _props$onItemSelect.call(props, item);
+    var url = new URL(item === null || item === void 0 ? void 0 : item.link, location.origin);
+    if ((url === null || url === void 0 ? void 0 : url.pathname) === pathname && !url.hash) {
+      setTimeout(function () {
+        animateScrollTo(0, {
+          maxDuration: 300
+        });
+      }, 1);
+    }
+  };
+  useEffect(function () {
+    var handler = function handler(ev) {
+      // TODO: scroll into view for invisible items
+      if (ev.key === 'ArrowDown') {
+        setActiveIndex((activeIndex + 1) % histsCount);
+      } else if (ev.key === 'ArrowUp') {
+        setActiveIndex((activeIndex + histsCount - 1) % histsCount);
+      } else if (ev.key === 'Enter' && activeIndex >= 0) {
+        var _item2 = data.find(function (item) {
+          return item.type === 'hint' && item.activeIndex === activeIndex;
+        }).value;
+        history.push(_item2.link);
+        onItemSelect === null || onItemSelect === void 0 || onItemSelect(_item2);
+        document.activeElement.blur();
+      }
+      if (['Escape', 'Enter'].includes(ev.key)) {
+        setActiveIndex(-1);
+      }
+    };
+    document.addEventListener('keydown', handler);
+    return function () {
+      return document.removeEventListener('keydown', handler);
+    };
+  });
+  var returnNode = null;
+  if (props.loading) {
+    returnNode = /*#__PURE__*/_jsx(Empty, {
+      description: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "search.loading"
+      }),
+      image: Empty.PRESENTED_IMAGE_SIMPLE
+    });
+  } else if (props.data.length > 0) {
+    returnNode = /*#__PURE__*/_jsx(Flexbox, {
+      gap: 8,
+      paddingBlock: 8,
+      paddingInline: 8,
+      children: data.map(function (item, i) {
+        return item.type === 'title' ? /*#__PURE__*/_jsx(Flexbox, {
+          paddingBlock: 8,
+          paddingInline: 12,
+          style: {
+            background: theme.colorFillTertiary,
+            borderRadius: theme.borderRadius
+          },
+          children: /*#__PURE__*/_jsx(Typography.Title, {
+            ellipsis: {
+              rows: 1
+            },
+            level: 4,
+            style: {
+              fontSize: 14,
+              lineHeight: 1.4,
+              margin: 0
+            },
+            children: item.value.title
+          })
+        }, String(i)) : /*#__PURE__*/_jsx(Flexbox, {
+          children: /*#__PURE__*/_jsx(Link, {
+            "data-active": activeIndex === item.activeIndex || undefined,
+            onClick: function onClick() {
+              return onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item.value);
+            },
+            style: {
+              color: 'inherit'
+            },
+            to: item.value.link,
+            children: /*#__PURE__*/_jsxs(Flexbox, {
+              align: 'center',
+              gap: 16,
+              horizontal: true,
+              style: {
+                overflow: 'hidden',
+                position: 'relative'
+              },
+              children: [/*#__PURE__*/_jsx(Center, {
+                flex: 'none',
+                height: 48,
+                style: {
+                  background: theme.colorFillTertiary,
+                  borderRadius: theme.borderRadius
+                },
+                width: 48,
+                children: /*#__PURE__*/_jsx(Icon, {
+                  color: theme.colorTextDescription,
+                  icon: ICONS_MAPPING === null || ICONS_MAPPING === void 0 ? void 0 : ICONS_MAPPING[item.value.type],
+                  size: {
+                    fontSize: 32
+                  }
+                })
+              }), /*#__PURE__*/_jsxs(Flexbox, {
+                children: [/*#__PURE__*/_jsx(Typography.Title, {
+                  ellipsis: {
+                    rows: 1
+                  },
+                  level: 4,
+                  style: {
+                    fontSize: 14,
+                    lineHeight: 1.4,
+                    margin: 0
+                  },
+                  children: /*#__PURE__*/_jsx(Highlight, {
+                    texts: item.value.highlightTitleTexts
+                  })
+                }), /*#__PURE__*/_jsx(Typography.Paragraph, {
+                  ellipsis: {
+                    rows: 2
+                  },
+                  style: {
+                    color: theme.colorTextSecondary,
+                    fontSize: 12,
+                    lineHeight: 1.4,
+                    margin: 0
+                  },
+                  children: /*#__PURE__*/_jsx(Highlight, {
+                    texts: item.value.highlightTexts
+                  })
+                })]
+              })]
+            })
+          })
+        }, String(i));
+      })
+    });
+  } else {
+    returnNode = /*#__PURE__*/_jsx(Empty, {
+      description: /*#__PURE__*/_jsx(FormattedMessage, {
+        id: "search.not.found"
+      }),
+      image: Empty.PRESENTED_IMAGE_SIMPLE
+    });
+  }
+  return /*#__PURE__*/_jsx(Flexbox, {
+    onMouseDownCapture: function onMouseDownCapture(ev) {
+      return ev.preventDefault();
+    },
+    onMouseEnter: function onMouseEnter() {
+      return setActiveIndex(-1);
+    },
+    onMouseUpCapture: function onMouseUpCapture() {
+      document.activeElement.blur();
+    },
+    children: returnNode
+  });
+});
+export default SearchResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "dumi-theme-lobehub is a documentation site theme package designed for dumi2. It provides a more beautiful and user-friendly development and reading experience based on @lobehub/ui",
   "keywords": [
     "lobehub",
@@ -27,6 +27,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
     "ahooks": "^3.8.1",
+    "animated-scroll-to": "^2.3.0",
     "chalk": "^4.1.2",
     "fast-deep-equal": "^3.1.3",
     "history": "^5.3.0",
@@ -35,6 +36,7 @@
     "rc-footer": "^0.6.8",
     "react-layout-kit": "^1.9.0",
     "swr": "^2.2.5",
+    "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "zustand": "^4.5.5",
     "zustand-utils": "^1.3.2"