dumi-theme-lobehub 1.8.1 → 1.8.3

package/dist/builtins/Previewer/style.js

@@ -8,7 +8,7 @@ export var useStyles = createStyles(function (_ref) {
     prefixCls = _ref.prefixCls;
   return {
     center: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .dumi-default-previewer-demo {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    "]))),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        border-color: ", ";\n\n        &-demo {\n          flex: 1;\n\n          &[data-iframe]::before {\n            background: ", ";\n          }\n        }\n\n        &-meta {\n          flex: 1;\n          border-color: ", ";\n\n          .", "-highlighter {\n            pre {\n              border-radius: 0 !important;\n            }\n          }\n        }\n\n        &-actions:not(:last-child) {\n          border-color: ", ";\n        }\n\n        &-desc {\n          .markdown {\n            border-color: ", ";\n          }\n\n          h5 {\n            background: linear-gradient(\n              to top,\n              ", ",\n              ", " 50%,\n              ", " 100%\n            );\n\n            a {\n              color: ", ";\n            }\n          }\n        }\n\n        &-tabs::after {\n          border-color: ", ";\n        }\n      }\n\n      .dumi-default-tabs-tab {\n        &-btn {\n          color: ", ";\n        }\n\n        &-active {\n          .dumi-default-tabs-tab-btn {\n            color: ", ";\n          }\n        }\n      }\n    "])), token.colorBorderSecondary, token.colorFillContent, token.colorBorderSecondary, prefixCls, token.colorBorderSecondary, token.colorBorderSecondary, token.colorBgContainer, rgba(token.colorBgContainer, 0.95), rgba(token.colorBgContainer, 0), token.colorText, token.colorBorderSecondary, token.colorTextTertiary, token.colorText),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        position: relative;\n\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n\n        border-color: ", ";\n\n        &-demo {\n          flex: 1;\n\n          &[data-iframe]::before {\n            background: ", ";\n          }\n        }\n\n        &-meta {\n          flex: 1;\n          border-color: ", ";\n\n          .", "-highlighter {\n            pre {\n              border-radius: 0 !important;\n            }\n          }\n        }\n\n        &-actions:not(:last-child) {\n          border-color: ", ";\n        }\n\n        &-desc {\n          .markdown {\n            border-color: ", ";\n          }\n\n          h5 {\n            background: linear-gradient(\n              to top,\n              ", ",\n              ", " 50%,\n              ", " 100%\n            );\n\n            a {\n              color: ", ";\n            }\n          }\n        }\n\n        &-tabs::after {\n          border-color: ", ";\n        }\n      }\n\n      .dumi-default-tabs-tab {\n        &-btn {\n          color: ", ";\n        }\n\n        &-active {\n          .dumi-default-tabs-tab-btn {\n            color: ", ";\n          }\n        }\n      }\n    "])), token.colorBorderSecondary, token.colorFillContent, token.colorBorderSecondary, prefixCls, token.colorBorderSecondary, token.colorBorderSecondary, token.colorBgContainer, rgba(token.colorBgContainer, 0.95), rgba(token.colorBgContainer, 0), token.colorText, token.colorBorderSecondary, token.colorTextTertiary, token.colorText),
     left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row-reverse;\n\n        &-demo {\n          width: 50%;\n          border-left: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), token.colorBorderSecondary),
     nopadding: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      .dumi-default-previewer-demo {\n        padding: 0;\n      }\n    "]))),
     pure: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        margin: 0;\n        padding: 0;\n        border: none;\n      }\n\n      .dumi-default-previewer-demo {\n        padding: 0;\n      }\n\n      .dumi-default-previewer-meta {\n        display: none;\n      }\n    "]))),

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

@@ -60,4 +60,4 @@ export interface ServiceItem {
      */
     url: string;
 }
-export declare const ApiHeader: import("react").NamedExoticComponent<ApiTitleProps>;
+export declare const ApiHeader: import("react").NamedExoticComponent<ApiTitleProps & import("react-layout-kit/lib/FlexBasic").FlexBasicProps & import("react-layout-kit").CommonProps>;

package/dist/components/ApiHeader/index.js

@@ -1,3 +1,12 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["title", "type", "componentName", "description", "defaultImport", "pkg", "sourceUrl", "docUrl", "serviceList"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Icon, Markdown, Snippet } from '@lobehub/ui';
 import { Divider, Space, Typography } from 'antd';
 import { useResponsive } from 'antd-style';
@@ -27,7 +36,8 @@ export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
     sourceUrl = _ref.sourceUrl,
     docUrl = _ref.docUrl,
     _ref$serviceList = _ref.serviceList,
-    serviceList = _ref$serviceList === void 0 ? [] : _ref$serviceList;
+    serviceList = _ref$serviceList === void 0 ? [] : _ref$serviceList,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var _useResponsive = useResponsive(),
@@ -47,11 +57,13 @@ export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
     url: docUrl
   }].filter(Boolean);
   var importString = defaultImport ? "import ".concat(componentName, " from '").concat(pkg, "';") : "import { ".concat(componentName, " } from '").concat(pkg, "';");
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     id: 'api-header',
     style: {
       marginBottom: 24
     },
+    width: '100%'
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsx(Typography.Title, {
       className: styles.title,
       children: title
@@ -122,5 +134,5 @@ export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
         })]
       })]
     })]
-  });
+  }));
 });

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

@@ -1 +1,2 @@
-export declare const StoreUpdater: () => boolean;
+import React from 'react';
+export declare const StoreUpdater: React.MemoExoticComponent<() => null>;

package/dist/components/StoreUpdater/index.js

@@ -13,10 +13,11 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { useDebounceEffect } from 'ahooks';
-import { useLocale, useLocation, useNavData, useRouteMeta, useSidebarData, useSiteData, useTabMeta } from 'dumi';
+import { useLocale, useLocation, useNavData, useSidebarData, useSiteData, useTabMeta } from 'dumi';
 import isEqual from 'fast-deep-equal';
-import React, { useEffect } from 'react';
-import { useSiteStore } from "../../store/useSiteStore";
+import React, { memo, useEffect } from 'react';
+import { useStoreApi } from "../../store/useSiteStore";
+import { useRouteMeta } from "./useRouteMeta";
 var isBrowser = typeof window !== 'undefined';
 var SSRInit = {};
 var useReact18xUpdater = function useReact18xUpdater(effect, deps) {
@@ -36,8 +37,9 @@ var useLegacyUpdater = function useLegacyUpdater(effect, deps) {
 };
 var useUpdater = typeof React.startTransition === 'function' ? useReact18xUpdater : useLegacyUpdater;
 var useSyncState = function useSyncState(key, value, updateMethod) {
+  var storeApi = useStoreApi();
   var updater = updateMethod ? updateMethod : function (key, value) {
-    return useSiteStore.setState(_defineProperty({}, key, value));
+    return storeApi.setState(_defineProperty({}, key, value));
   };
 
   // 如果是 Node 环境，直接更新一次 store
@@ -50,42 +52,48 @@ var useSyncState = function useSyncState(key, value, updateMethod) {
     updater(key, value);
   }, [value]);
 };
-var homeNav = {
-  activePath: '/',
-  link: '/',
-  title: 'Home'
+var displayLangHomeNavMap = {
+  'en-US': 'Home',
+  'zh-CN': '首页'
 };
-export var StoreUpdater = function StoreUpdater() {
+var getHomeNav = function getHomeNav(id) {
+  return {
+    activePath: '/',
+    link: '/',
+    title: displayLangHomeNavMap[id]
+  };
+};
+export var StoreUpdater = /*#__PURE__*/memo(function () {
   var siteData = useSiteData();
   var sidebar = useSidebarData();
-  var routeMeta = useRouteMeta();
   var tabMeta = useTabMeta();
   var navData = useNavData();
   var location = useLocation();
   var locale = useLocale();
+  var storeApi = useStoreApi();
+  useRouteMeta();
   useSyncState('siteData', siteData, function () {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var setLoading = siteData.setLoading,
       data = _objectWithoutProperties(siteData, _excluded);
-    var _useSiteStore$getStat = useSiteStore.getState(),
-      _useSiteStore$getStat2 = _useSiteStore$getStat.siteData,
-      _ = _useSiteStore$getStat2.setLoading,
-      previousData = _objectWithoutProperties(_useSiteStore$getStat2, _excluded2);
-    if (isEqual(data, previousData)) return;
-    useSiteStore.setState({
+    var _storeApi$getState = storeApi.getState(),
+      _storeApi$getState$si = _storeApi$getState.siteData,
+      _ = _storeApi$getState$si.setLoading,
+      prevData = _objectWithoutProperties(_storeApi$getState$si, _excluded2);
+    if (isEqual(data, prevData)) return;
+    storeApi.setState({
       siteData: siteData
     });
   });
   useSyncState('sidebar', sidebar);
-  useSyncState('routeMeta', routeMeta);
   useSyncState('location', location);
   useSyncState('tabMeta', tabMeta);
   useSyncState('locale', locale);
   useSyncState('navData', navData, function () {
-    var data = siteData.themeConfig.hideHomeNav ? navData : [homeNav].concat(_toConsumableArray(navData));
-    useSiteStore.setState({
+    var data = siteData.themeConfig.hideHomeNav ? navData : [getHomeNav(locale.id)].concat(_toConsumableArray(navData));
+    storeApi.setState({
       navData: data
     });
   });
-  return false;
-};
+  return null;
+});

package/dist/components/StoreUpdater/useRouteMeta.d.ts

@@ -0,0 +1 @@
+export declare const useRouteMeta: () => void;

package/dist/components/StoreUpdater/useRouteMeta.js

@@ -0,0 +1,33 @@
+import { getRouteMetaById, useMatchedRoute } from 'dumi';
+import useSWR from 'swr';
+import { useStoreApi } from "../../store/useSiteStore";
+var EMPTY_META = {
+  frontmatter: {},
+  texts: [],
+  toc: []
+};
+
+// https://github.com/umijs/dumi/pull/2165
+export var useRouteMeta = function useRouteMeta() {
+  var storeApi = useStoreApi();
+  var matched = useMatchedRoute();
+  var merge = function merge() {
+    var meta = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : EMPTY_META;
+    if (matched.meta) {
+      for (var _i = 0, _Object$keys = Object.keys(matched.meta); _i < _Object$keys.length; _i++) {
+        var _ref, _ref$key;
+        var key = _Object$keys[_i];
+        (_ref$key = (_ref = meta)[key]) !== null && _ref$key !== void 0 ? _ref$key : _ref[key] = matched.meta[key];
+      }
+    }
+    return meta;
+  };
+  useSWR(matched.id, getRouteMetaById, {
+    fallback: EMPTY_META,
+    onSuccess: function onSuccess(meta) {
+      storeApi.setState({
+        routeMeta: merge(meta)
+      });
+    }
+  });
+};

package/dist/layouts/DocLayout/DocumentLayout.js

@@ -3,7 +3,6 @@ import { useResponsive, useTheme } from 'antd-style';
 import { Helmet, useIntl, useLocation } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { memo, useCallback, useEffect } from 'react';
-import { shallow } from 'zustand/shallow';
 import Changelog from "../../pages/Changelog";
 import Docs from "../../pages/Docs";
 import Home from "../../pages/Home";
@@ -40,7 +39,7 @@ var DocumentLayout = /*#__PURE__*/memo(function () {
         page: page,
         siteTitle: siteTitleSel(s)
       };
-    }, shallow),
+    }),
     loading = _useSiteStore.loading,
     page = _useSiteStore.page,
     siteTitle = _useSiteStore.siteTitle,

package/dist/layouts/DocLayout/ThemeProvider.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<{
+    children?: import("react").ReactNode;
+}>;
+export default _default;

package/dist/layouts/DocLayout/ThemeProvider.js

@@ -0,0 +1,22 @@
+import { ThemeProvider } from '@lobehub/ui';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import GlobalStyle from "./GlobalStyle";
+import { siteSelectors, useSiteStore, useThemeStore } from "../../store";
+import _customToken from "../../styles/customToken";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children;
+  var themeMode = useThemeStore(function (st) {
+    return st.themeMode;
+  });
+  var userToken = useSiteStore(siteSelectors.token, isEqual);
+  return /*#__PURE__*/_jsxs(ThemeProvider, {
+    customToken: function customToken(themeToken) {
+      return Object.assign({}, _customToken(themeToken), userToken);
+    },
+    themeMode: themeMode,
+    children: [/*#__PURE__*/_jsx(GlobalStyle, {}), children]
+  });
+});

package/dist/layouts/DocLayout/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const App: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-export default App;
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/layouts/DocLayout/index.js

@@ -1,28 +1,43 @@
-import { ThemeProvider } from '@lobehub/ui';
-import { memo } from 'react';
-import { shallow } from 'zustand/shallow';
+import { useLocale, useLocation, useNavData, useRouteMeta, useSidebarData, useSiteData, useTabMeta } from 'dumi';
+import { memo, useMemo } from 'react';
 import Favicons from "../../components/Favicons";
 import { StoreUpdater } from "../../components/StoreUpdater";
-import GlobalStyle from "./GlobalStyle";
-import { siteSelectors, useSiteStore, useThemeStore } from "../../store";
-import _customToken from "../../styles/customToken";
+import { Provider, createStore as _createStore } from "../../store";
 import DocumentLayout from "./DocumentLayout";
+import ThemeProvider from "./ThemeProvider";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var App = /*#__PURE__*/memo(function () {
-  var themeMode = useThemeStore(function (st) {
-    return st.themeMode;
-  }, shallow);
-  var userToken = useSiteStore(siteSelectors.token);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(StoreUpdater, {}), /*#__PURE__*/_jsxs(ThemeProvider, {
-      customToken: function customToken(themeToken) {
-        return Object.assign({}, _customToken(themeToken), userToken);
-      },
-      themeMode: themeMode,
-      children: [/*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(DocumentLayout, {})]
+var App = /*#__PURE__*/memo(function (_ref) {
+  var initState = _ref.initState;
+  return /*#__PURE__*/_jsxs(Provider, {
+    createStore: function createStore() {
+      return _createStore(initState);
+    },
+    children: [/*#__PURE__*/_jsx(Favicons, {}), /*#__PURE__*/_jsx(StoreUpdater, {}), /*#__PURE__*/_jsx(ThemeProvider, {
+      children: /*#__PURE__*/_jsx(DocumentLayout, {})
     })]
   });
 });
-export default App;
+export default /*#__PURE__*/memo(function () {
+  var siteData = useSiteData();
+  var sidebar = useSidebarData();
+  var routeMeta = useRouteMeta();
+  var tabMeta = useTabMeta();
+  var navData = useNavData();
+  var location = useLocation();
+  var locale = useLocale();
+  var initState = useMemo(function () {
+    return {
+      locale: locale,
+      location: location,
+      navData: navData,
+      routeMeta: routeMeta,
+      sidebar: sidebar,
+      siteData: siteData,
+      tabMeta: tabMeta
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(App, {
+    initState: initState
+  });
+});

package/dist/pages/Changelog/index.js

@@ -3,14 +3,12 @@ import { useOutlet } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { memo, useEffect } from 'react';
 import { Center } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 import { ApiHeader } from "../../components/ApiHeader";
 import { useStyles } from "../Docs/styles";
 import Content from "dumi/theme/slots/Content";
 import { githubSel, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var Changelog = /*#__PURE__*/memo(function () {
   var outlet = useOutlet();
   var _useResponsive = useResponsive(),
@@ -19,7 +17,7 @@ var Changelog = /*#__PURE__*/memo(function () {
       return {
         repoBase: githubSel(s)
       };
-    }, shallow),
+    }),
     repoBase = _useSiteStore.repoBase;
   var _useSiteStore2 = useSiteStore(function (s) {
       return {
@@ -33,29 +31,18 @@ var Changelog = /*#__PURE__*/memo(function () {
     window.scrollTo(0, 0);
     document.body.scrollTo(0, 0);
   }, []);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.background
-    }), /*#__PURE__*/_jsxs(Center, {
-      className: styles.content,
-      style: {
-        padding: mobile ? 0 : 24
-      },
-      children: [/*#__PURE__*/_jsx("div", {
-        style: {
-          padding: mobile ? 16 : 0,
-          width: '100%'
-        },
-        children: /*#__PURE__*/_jsx(ApiHeader, {
-          description: fm.description,
-          docUrl: "".concat(repoBase, "/blob/master/CHANGELOG.md"),
-          sourceUrl: "".concat(repoBase, "/blob/master/CHANGELOG.md"),
-          title: fm.title
-        })
-      }), /*#__PURE__*/_jsx(Content, {
-        className: styles.changelog,
-        children: outlet
-      })]
+  return /*#__PURE__*/_jsxs(Center, {
+    className: styles.content,
+    padding: mobile ? 0 : 24,
+    children: [/*#__PURE__*/_jsx(ApiHeader, {
+      description: fm.description,
+      docUrl: "".concat(repoBase, "/blob/master/CHANGELOG.md"),
+      padding: mobile ? 16 : 0,
+      sourceUrl: "".concat(repoBase, "/blob/master/CHANGELOG.md"),
+      title: fm.title
+    }), /*#__PURE__*/_jsx(Content, {
+      className: styles.changelog,
+      children: outlet
     })]
   });
 });

package/dist/pages/Docs/index.js

@@ -3,14 +3,12 @@ import { useResponsive } from 'antd-style';
 import { useOutlet } from 'dumi';
 import { memo, useCallback, useEffect } from 'react';
 import { Center } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 import ApiHeader from "dumi/theme/slots/ApiHeader";
 import Content from "dumi/theme/slots/Content";
 import { giscusSel, isApiPageSel, useSiteStore } from "../../store";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var Documents = /*#__PURE__*/memo(function () {
   var outlet = useOutlet();
   var _useResponsive = useResponsive(),
@@ -20,7 +18,7 @@ var Documents = /*#__PURE__*/memo(function () {
         giscus: giscusSel(st),
         isApiPage: isApiPageSel(st)
       };
-    }, shallow),
+    }),
     isApiPage = _useSiteStore.isApiPage,
     giscus = _useSiteStore.giscus;
   var _useStyles = useStyles(),
@@ -44,24 +42,16 @@ var Documents = /*#__PURE__*/memo(function () {
       })
     });
   }, [giscus, location.pathname]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.background
-    }), /*#__PURE__*/_jsxs(Center, {
-      className: styles.content,
-      style: {
-        marginBottom: 48,
-        padding: mobile ? 0 : 24
-      },
-      children: [isApiPage ? /*#__PURE__*/_jsx("div", {
-        style: {
-          padding: mobile ? 16 : 0,
-          width: '100%'
-        },
-        children: /*#__PURE__*/_jsx(ApiHeader, {})
-      }) : undefined, /*#__PURE__*/_jsxs(Content, {
-        children: [outlet, giscus && /*#__PURE__*/_jsx(Comment, {})]
-      })]
+  return /*#__PURE__*/_jsxs(Center, {
+    className: styles.content,
+    style: {
+      marginBottom: 48,
+      padding: mobile ? 0 : 24
+    },
+    children: [isApiPage && /*#__PURE__*/_jsx(ApiHeader, {
+      padding: mobile ? 16 : 0
+    }), /*#__PURE__*/_jsxs(Content, {
+      children: [outlet, giscus && /*#__PURE__*/_jsx(Comment, {})]
     })]
   });
 });

package/dist/pages/Docs/styles.d.ts

@@ -1,5 +1,4 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    background: string;
     changelog: import("antd-style").SerializedStyles;
     content: import("antd-style").SerializedStyles;
 }>;

package/dist/pages/Docs/styles.js

@@ -1,14 +1,11 @@
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
-  var cx = _ref.cx,
-    css = _ref.css,
-    token = _ref.token,
-    stylish = _ref.stylish;
+  var css = _ref.css,
+    token = _ref.token;
   return {
-    background: cx(stylish.gradientAnimation, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pointer-events: none;\n\n      position: absolute;\n      z-index: 0;\n      top: -100px;\n      right: -20vw;\n      transform: rotate(4deg);\n\n      width: 60vw;\n      height: 200px;\n\n      opacity: 0.2;\n      filter: blur(100px);\n    "])))),
-    changelog: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .markdown {\n      font-size: 16px;\n\n      h1 {\n        display: none;\n      }\n\n      h2,\n      h3 {\n        margin-bottom: 0;\n        font-size: 28px;\n      }\n\n      sup {\n        color: ", ";\n      }\n\n      details {\n        font-size: 14px;\n      }\n\n      summary > kbd {\n        margin-left: 6px;\n      }\n\n      a[href='/changelog#readme-top'] {\n        display: block;\n        margin-bottom: 32px;\n        padding-bottom: 32px;\n        border-bottom: 1px solid ", ";\n\n        > img {\n          display: none;\n        }\n      }\n    }\n  "])), token.colorTextDescription, token.colorBorderSecondary),
-    content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-width: ", "px;\n    margin: 0 auto;\n  "])), token.contentMaxWidth)
+    changelog: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .markdown {\n      font-size: 16px;\n\n      h1 {\n        display: none;\n      }\n\n      h2,\n      h3 {\n        margin-bottom: 0;\n        font-size: 28px;\n      }\n\n      sup {\n        color: ", ";\n      }\n\n      details {\n        font-size: 14px;\n      }\n\n      summary > kbd {\n        margin-left: 6px;\n        padding: unset;\n\n        font-size: inherit;\n        line-height: inherit;\n\n        background: unset;\n        border: unset;\n      }\n\n      a[href='/changelog#readme-top'] {\n        display: block;\n        margin-bottom: 32px;\n        padding-bottom: 32px;\n        border-bottom: 1px solid ", ";\n\n        > img {\n          display: none;\n        }\n      }\n    }\n  "])), token.colorTextDescription, token.colorBorderSecondary),
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-width: ", "px;\n    margin: 0 auto;\n  "])), token.contentMaxWidth)
   };
 });

package/dist/plugin/index.js

@@ -41,7 +41,8 @@ var SSRPlugin = (api) => {
   api.describe({
     key: "@"
   });
-  if (!api.userConfig.ssr) return;
+  if (!api.userConfig.ssr)
+    return;
   api.logger.info("detect ssr config, when building html will extract css.");
   const writeCSSFile = (key, hashKey, cssString) => {
     const fileName = `ssr-${key}.${(0, import_utils.getHash)(hashKey)}.css`;
@@ -58,7 +59,7 @@ var SSRPlugin = (api) => {
   };
   api.modifyExportHTMLFiles(
     (files) => files.filter((f) => !f.path.includes(":")).map((file) => {
-      const antdCache = global.__ANTD_CACHE__;
+      const antdCache = global.__LOBE_CACHE__;
       const styles = (0, import_antd_style.extractStaticStyle)(file.content, { antdCache });
       for (const result of styles) {
         api.logger.event(

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

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

package/dist/slots/ApiHeader/index.js

@@ -4,6 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 import isEqual from 'fast-deep-equal';
 import { memo, useMemo } from 'react';
 import { ApiHeader as Header } from "../../components/ApiHeader";
@@ -14,7 +15,8 @@ import NpmFilled from "./NpmFilled";
 import PackagePhobia from "./PackagePhobia";
 import Unpkg from "./Unpkg";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ApiHeader = /*#__PURE__*/memo(function () {
+var ApiHeader = /*#__PURE__*/memo(function (_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
   var props = useSiteStore(apiHeaderSel, isEqual);
   var pkg = props.pkg;
   var packages = useMemo(function () {
@@ -46,8 +48,8 @@ var ApiHeader = /*#__PURE__*/memo(function () {
       url: "https://npm.anvaka.com/#/view/2d/".concat(encodeURIComponent(packageURL))
     }];
   }, [pkg]);
-  return /*#__PURE__*/_jsx(Header, _objectSpread({
+  return /*#__PURE__*/_jsx(Header, _objectSpread(_objectSpread({
     serviceList: packages
-  }, props));
+  }, props), rest));
 });
 export default ApiHeader;

package/dist/slots/Content/index.js

@@ -27,8 +27,7 @@ var Content = /*#__PURE__*/memo(function (_ref) {
   var _useSiteStore = useSiteStore(themeConfig, isEqual),
     docStyle = _useSiteStore.docStyle;
   var _useStyles = useStyles(docStyle === 'pure'),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
+    styles = _useStyles.styles;
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   useEffect(function () {
@@ -39,12 +38,13 @@ var Content = /*#__PURE__*/memo(function (_ref) {
     width: '100%'
   }, props), {}, {
     children: [/*#__PURE__*/_jsxs("div", {
-      className: cx('dumi-antd-style-content', styles.content),
+      className: styles.content,
       children: [/*#__PURE__*/_jsx(Skeleton, {
         active: true,
         loading: loading,
         paragraph: true
       }), /*#__PURE__*/_jsx(Typography, {
+        headerMultiple: 0.5,
         style: {
           display: loading ? 'none' : undefined
         },

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Features: import("react").NamedExoticComponent<object>;
+declare const Features: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default Features;

package/dist/slots/Footer/columns.js

@@ -11,15 +11,20 @@ export var getColumns = function getColumns(_ref) {
       title: 'Lobe UI',
       url: 'https://github.com/lobehub/lobe-ui'
     }, {
-      description: 'Awesome lint configs',
+      description: 'AI / LLM Icon Collection',
       openExternal: true,
-      title: 'Lobe Lint',
-      url: 'https://github.com/lobehub/lobe-chat'
+      title: 'Lobe Icon',
+      url: 'https://github.com/lobehub/lobe-icons'
+    }, {
+      description: 'Modern Charts',
+      openExternal: true,
+      title: 'Lobe Charts',
+      url: 'https://github.com/lobehub/lobe-charts'
     }, {
-      description: 'Lobe Dumi Theme',
+      description: 'TTS/STT Library',
       openExternal: true,
-      title: 'Designed for Dumi 2',
-      url: 'https://github.com/lobehub/lobe-flow'
+      title: 'Lobe TTS',
+      url: 'https://github.com/lobehub/lobe-tts'
     }],
     title: 'Resources'
   };
@@ -65,27 +70,22 @@ export var getColumns = function getColumns(_ref) {
   };
   var more = {
     items: [{
-      description: 'OpenAI Chat Bot',
+      description: 'AI/LLM Chat Framework',
       openExternal: true,
-      title: '🤖 Lobe Chat',
+      title: '🤯 Lobe Chat',
       url: 'https://github.com/lobehub/lobe-chat'
     }, {
-      description: 'Stable Diffusion Extension',
-      openExternal: true,
-      title: '🤯 Lobe Theme',
-      url: 'https://github.com/lobehub/sd-webui-lobe-theme'
-    }, {
-      description: 'Gen intelligently',
+      description: 'Virtual Idols for EveryOne',
       openExternal: true,
-      title: '📝 Readme Generator',
-      url: 'https://ui.lobehub.com'
+      title: '🧸 Lobe Vidol',
+      url: 'https://github.com/lobehub/lobe-vidol'
     }, {
-      description: 'AI Commit CLI',
+      description: 'Stable Diffusion Extension',
       openExternal: true,
-      title: '💌 Lobe Commit',
-      url: 'https://github.com/lobehub/lobe-commit'
+      title: '🅰️ Lobe Theme',
+      url: 'https://github.com/lobehub/sd-webui-lobe-theme'
     }, {
-      description: 'AI i18n CLI',
+      description: 'AI i18next CLI',
       openExternal: true,
       title: '🌐 Lobe i18n',
       url: 'https://github.com/lobehub/lobe-commit'

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Footer: import("react").NamedExoticComponent<object>;
+declare const Footer: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default Footer;

package/dist/slots/Footer/index.js

@@ -4,7 +4,6 @@ import { useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
-import { shallow } from 'zustand/shallow';
 import { githubSel, useSiteStore } from "../../store";
 import { getColumns } from "./columns";
 import { useStyles } from "./style";
@@ -18,7 +17,7 @@ var Footer = /*#__PURE__*/memo(function () {
     pkg = _useSiteStore.pkg;
   var footerConfig = themeConfig.footerConfig,
     footer = themeConfig.footer;
-  var githubUrl = useSiteStore(githubSel, shallow);
+  var githubUrl = useSiteStore(githubSel);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     theme = _useStyles.theme;

package/dist/slots/Header/Burger.js

@@ -9,7 +9,6 @@ import { Link } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { uniq } from 'lodash-es';
 import { memo, useMemo, useState } from 'react';
-import { shallow } from 'zustand/shallow';
 import { activePathSel, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Burger = /*#__PURE__*/memo(function () {
@@ -28,7 +27,7 @@ var Burger = /*#__PURE__*/memo(function () {
         activePath: activePathSel(s),
         pathname: s.location.pathname
       };
-    }, shallow),
+    }),
     pathname = _useSiteStore.pathname,
     activePath = _useSiteStore.activePath;
   var items = useMemo(function () {

package/dist/slots/Header/DiscordButton.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const DiscordButton: import("react").NamedExoticComponent<object>;
+declare const DiscordButton: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default DiscordButton;

package/dist/slots/Header/GithubButton.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const GithubButton: import("react").NamedExoticComponent<object>;
+declare const GithubButton: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default GithubButton;

package/dist/slots/Header/LangSwitch.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const LangSwitch: import("react").NamedExoticComponent<object>;
+declare const LangSwitch: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default LangSwitch;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Header: import("react").NamedExoticComponent<object>;
+declare const Header: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default Header;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/slots/Loading/index.js

@@ -0,0 +1,28 @@
+import { Icon } from '@lobehub/ui';
+import { Typography } from 'antd';
+import { LoaderCircle } from 'lucide-react';
+import { memo } from 'react';
+import { Center, Flexbox } from 'react-layout-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default /*#__PURE__*/memo(function () {
+  return /*#__PURE__*/_jsx(Center, {
+    flex: 1,
+    height: '100%',
+    width: '100%',
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      gap: 8,
+      children: [/*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: LoaderCircle,
+          size: 'large',
+          spin: true
+        })
+      }), /*#__PURE__*/_jsx(Typography.Text, {
+        type: 'secondary',
+        children: "Loading..."
+      })]
+    })
+  });
+});

package/dist/slots/Navbar/index.js

@@ -5,7 +5,6 @@ import { createStyles } from 'antd-style';
 import { Link, history } from 'dumi';
 import NavbarExtra from 'dumi/theme-default/slots/NavbarExtra';
 import { memo } from 'react';
-import { shallow } from 'zustand/shallow';
 import { activePathSel, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -24,9 +23,10 @@ var useStyles = createStyles(function (_ref) {
 var Navbar = /*#__PURE__*/memo(function () {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
+  var regLink = /^(\w+:)\/\/|^(mailto|tel):/;
   var nav = useSiteStore(function (s) {
     return s.navData;
-  }, shallow);
+  });
   var activePath = useSiteStore(activePathSel);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(TabsNav, {
@@ -35,25 +35,25 @@ var Navbar = /*#__PURE__*/memo(function () {
       items: nav.map(function (item) {
         return {
           key: String(item.activePath || item.link),
-          label: /^(\w+:)\/\/|^(mailto|tel):/.test(item.link || '') ? /*#__PURE__*/_jsx("a", {
+          label: regLink.test(item.link || '') ? /*#__PURE__*/_jsx("a", {
             className: styles.link,
-            href: String(item.link),
+            href: item.link,
             rel: "noreferrer",
             target: "_blank",
             children: item.title
           }) : /*#__PURE__*/_jsx(Link, {
             className: styles.link,
-            to: String(item.link),
+            to: item.link,
             children: item.title
           })
         };
       }),
       onChange: function onChange(path) {
         var _nav$find;
-        var url = (_nav$find = nav.find(function (index) {
-          return index.activePath === path || index.link === path;
+        var url = (_nav$find = nav.find(function (i) {
+          return i.activePath === path || i.link === path;
         })) === null || _nav$find === void 0 ? void 0 : _nav$find.link;
-        if (!url) return;
+        if (!url || regLink.test(url)) return;
         history.push(url);
       }
     }), /*#__PURE__*/_jsx(NavbarExtra, {})]

package/dist/slots/SearchBar/index.js

@@ -38,7 +38,8 @@ var SearchBar = /*#__PURE__*/memo(function () {
       onFocus: function onFocus() {
         return setFocusing(true);
       },
-      spotlight: true
+      spotlight: true,
+      type: 'block'
     }), keywords.trim() && focusing && (result.length > 0 || !loading) && /*#__PURE__*/_jsx("div", {
       className: styles.popover,
       children: /*#__PURE__*/_jsx(SearchResult, {

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Sidebar: import("react").NamedExoticComponent<object>;
+declare const Sidebar: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default Sidebar;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const Toc: import("react").NamedExoticComponent<object>;
+declare const Toc: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element | undefined>;
 export default Toc;

package/dist/store/index.d.ts

@@ -1,8 +1,19 @@
+export { initialState } from './initialState';
 export * from './selectors';
 export * from './useSiteStore';
 export * from './useThemeStore';
+/**
+ * @title 数据选择器
+ */
 export declare const siteSelectors: {
-    apiHeader: (s: import("./initialState").SiteStore) => import("../components/ApiHeader").ApiHeaderProps;
-    flattenSidebar: (s: import("./initialState").SiteStore) => import("dumi/dist/client/theme-api/types").ISidebarItem[];
-    token: (s: import("./initialState").SiteStore) => any;
+    /**
+     * @title API 头部选择器
+     */
+    apiHeader: (s: import("./useSiteStore").SiteStore) => import("../components/ApiHeader").ApiHeaderProps;
+    /**
+     * @title 扁平化侧边栏选择器
+     */
+    flattenSidebar: (s: import("./useSiteStore").SiteStore) => import("dumi/dist/client/theme-api/types").ISidebarItem[];
+    logo: (s: import("./useSiteStore").SiteStore) => string;
+    token: (s: import("./useSiteStore").SiteStore) => any;
 };

package/dist/store/index.js

@@ -1,9 +1,21 @@
-import { apiHeaderSel, flattenSidebarSel, tokenSel } from "./selectors";
+import { apiHeaderSel, flattenSidebarSel, logoSel, tokenSel } from "./selectors";
+export { initialState } from "./initialState";
 export * from "./selectors";
 export * from "./useSiteStore";
 export * from "./useThemeStore";
+
+/**
+ * @title 数据选择器
+ */
 export var siteSelectors = {
+  /**
+   * @title API 头部选择器
+   */
   apiHeader: apiHeaderSel,
+  /**
+   * @title 扁平化侧边栏选择器
+   */
   flattenSidebar: flattenSidebarSel,
+  logo: logoSel,
   token: tokenSel
 };

package/dist/store/selectors/hero.d.ts

@@ -1,7 +1,24 @@
 import { type FeatureItem } from '@lobehub/ui';
 import { SiteStore } from '../useSiteStore';
 export declare const isHeroPageSel: (s: SiteStore) => boolean;
+export declare const showHeroPageCustomContent: (s: SiteStore) => boolean;
+export declare const localeValueSel: (s: SiteStore, value: any) => any;
+/**
+ * Hero Title 选择器
+ * 选择逻辑：优先使用 hero 配置的 title， 再兜底到 themeConfig 中的 name
+ */
 export declare const heroTitleSel: (s: SiteStore) => any;
+/**
+ * Hero description 选择器
+ * 选择逻辑：优先使用 hero 配置的 description， 再兜底到 themeConfig 中的 name
+ */
 export declare const heroDescSel: (s: SiteStore) => any;
+/**
+ * Hero Action 选择器
+ * 选择逻辑：优先使用 hero 配置的 actions， 再兜底到 themeConfig 中的 actions
+ */
 export declare const heroActionsSel: (s: SiteStore) => any;
+/**
+ * Features 选择器
+ */
 export declare const featuresSel: (s: SiteStore) => FeatureItem[];

package/dist/store/selectors/hero.js

@@ -1,25 +1,65 @@
 export var isHeroPageSel = function isHeroPageSel(s) {
-  return Boolean(s.routeMeta.frontmatter.hero);
+  return s.location.pathname === '/';
 };
-var localeValueSel = function localeValueSel(s, value) {
+
+// 是否展示首页的自定义内容
+export var showHeroPageCustomContent = function showHeroPageCustomContent(s) {
+  var _s$routeMeta$frontmat, _s$siteData$themeConf;
+  return !!((_s$routeMeta$frontmat = s.routeMeta.frontmatter.hero) !== null && _s$routeMeta$frontmat !== void 0 && _s$routeMeta$frontmat.showCustomContent) || !!((_s$siteData$themeConf = s.siteData.themeConfig.hero) !== null && _s$siteData$themeConf !== void 0 && _s$siteData$themeConf.showCustomContent);
+};
+export var localeValueSel = function localeValueSel(s, value) {
   if (!value) return;
   if (value[s.locale.id]) return value[s.locale.id];
   return value;
 };
+
+/**
+ * Hero Title 选择器
+ * 选择逻辑：优先使用 hero 配置的 title， 再兜底到 themeConfig 中的 name
+ */
 export var heroTitleSel = function heroTitleSel(s) {
-  var _s$routeMeta$frontmat, _localeValueSel;
-  return ((_s$routeMeta$frontmat = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat === void 0 ? void 0 : _s$routeMeta$frontmat.title) || ((_localeValueSel = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel === void 0 ? void 0 : _localeValueSel.title) || localeValueSel(s, s.siteData.themeConfig.title) || s.siteData.themeConfig.name;
+  var _s$routeMeta$frontmat2, _localeValueSel;
+  return ((_s$routeMeta$frontmat2 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat2 === void 0 ? void 0 : _s$routeMeta$frontmat2.title) || ( // 从 hero 的 title 中选择
+  (_localeValueSel = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel === void 0 ? void 0 : _localeValueSel.title) ||
+  // @deprecated 1.0 正式版本移除
+  // 从 hero 的 title 中选择
+  localeValueSel(s, s.siteData.themeConfig.title) || s.siteData.themeConfig.name;
 };
+
+/**
+ * Hero description 选择器
+ * 选择逻辑：优先使用 hero 配置的 description， 再兜底到 themeConfig 中的 name
+ */
 export var heroDescSel = function heroDescSel(s) {
-  var _s$routeMeta$frontmat2, _localeValueSel2;
-  return ((_s$routeMeta$frontmat2 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat2 === void 0 ? void 0 : _s$routeMeta$frontmat2.description) || ((_localeValueSel2 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel2 === void 0 ? void 0 : _localeValueSel2.description) || localeValueSel(s, s.siteData.themeConfig.description);
+  var _s$routeMeta$frontmat3, _localeValueSel2;
+  return ((_s$routeMeta$frontmat3 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat3 === void 0 ? void 0 : _s$routeMeta$frontmat3.description) || ( // 从 hero 的 description 中选择
+  (_localeValueSel2 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel2 === void 0 ? void 0 : _localeValueSel2.description) ||
+  // @deprecated 1.0 正式版本移除
+  // 从 hero 的 description 中选择
+  localeValueSel(s, s.siteData.themeConfig.description);
 };
+
+/**
+ * Hero Action 选择器
+ * 选择逻辑：优先使用 hero 配置的 actions， 再兜底到 themeConfig 中的 actions
+ */
 export var heroActionsSel = function heroActionsSel(s) {
-  var _s$routeMeta$frontmat3, _localeValueSel3;
-  return ((_s$routeMeta$frontmat3 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat3 === void 0 ? void 0 : _s$routeMeta$frontmat3.actions) || ((_localeValueSel3 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel3 === void 0 ? void 0 : _localeValueSel3.actions) || localeValueSel(s, s.siteData.themeConfig.actions);
+  var _s$routeMeta$frontmat4, _localeValueSel3;
+  return ((_s$routeMeta$frontmat4 = s.routeMeta.frontmatter.hero) === null || _s$routeMeta$frontmat4 === void 0 ? void 0 : _s$routeMeta$frontmat4.actions) || ( // 从 hero 的 actions 中选择
+  (_localeValueSel3 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel3 === void 0 ? void 0 : _localeValueSel3.actions) ||
+  // @deprecated 1.0 正式版本移除
+  localeValueSel(s, s.siteData.themeConfig.actions);
 };
+
+/**
+ * Features 选择器
+ */
 export var featuresSel = function featuresSel(s) {
   var _localeValueSel4;
   if (!isHeroPageSel(s)) return [];
-  return ((_localeValueSel4 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel4 === void 0 ? void 0 : _localeValueSel4.features) || localeValueSel(s, s.siteData.themeConfig.features) || s.routeMeta.frontmatter.features || [];
+  return ((_localeValueSel4 = localeValueSel(s, s.siteData.themeConfig.hero)) === null || _localeValueSel4 === void 0 ? void 0 : _localeValueSel4.features) ||
+  // @deprecated 1.0 正式版本移除
+  localeValueSel(s, s.siteData.themeConfig.features) ||
+  // 在themeConfig 没有配置的话，尝试兜底到 frontmatter 中的配置
+  s.routeMeta.frontmatter.features || [];
 };

package/dist/store/selectors/siteBasicInfo.d.ts

@@ -1,11 +1,11 @@
 import { SiteStore } from '../useSiteStore';
-export declare const themeConfig: (s: SiteStore) => import("../..").SiteThemeConfig;
-export declare const siteTitleSel: (s: SiteStore) => string | undefined;
+export declare const themeConfig: (s: SiteStore) => import("dumi/dist/client/theme-api/types").IThemeConfig & {
+    socialLinks?: {
+        discord?: string | undefined;
+    } | undefined;
+};
+export declare const siteTitleSel: (s: SiteStore) => any;
 export declare const githubSel: (s: SiteStore) => string;
-export declare const discordSel: (s: SiteStore) => "" | `https://discord.gg/${string}`;
-export declare const giscusSel: (s: SiteStore) => {
-    category: string;
-    categoryId: string;
-    repo: `${string}/${string}`;
-    repoId: string;
-} | undefined;
+export declare const discordSel: (s: SiteStore) => string;
+export declare const giscusSel: (s: SiteStore) => any;
+export declare const logoSel: (s: SiteStore) => string;

package/dist/store/selectors/siteBasicInfo.js

@@ -14,4 +14,14 @@ export var discordSel = function discordSel(s) {
 };
 export var giscusSel = function giscusSel(s) {
   return s.siteData.themeConfig.giscus;
+};
+export var logoSel = function logoSel(s) {
+  var logo = s.siteData.themeConfig.logo;
+  if (!logo) return logo || '';
+
+  // 如果是 url 地址，则什么也不处理
+  if (logo.startsWith('http')) return logo;
+
+  // TODO: 如果是相对路径，则拼接上 base
+  return logo;
 };

package/dist/store/useSiteStore.d.ts

@@ -1,7 +1,40 @@
-import { SiteStore } from './initialState';
-export declare const useSiteStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SiteStore>, "setState"> & {
+/// <reference types="react" />
+import type { ISiteContext } from 'dumi/dist/client/theme-api/context';
+import { ILocale, INavItem, IRouteMeta, ISidebarGroup, IThemeConfig } from 'dumi/dist/client/theme-api/types';
+import type { Location } from 'history';
+import { StoreApi } from 'zustand';
+export type NavData = (INavItem & {
+    children?: INavItem[] | undefined;
+})[];
+export type ISiteData = ISiteContext & {
+    themeConfig: IThemeConfig & {
+        socialLinks?: {
+            discord?: string;
+        };
+    };
+};
+export interface SiteStore {
+    locale: ILocale;
+    location: Location;
+    navData: NavData;
+    routeMeta: IRouteMeta;
+    sidebar?: ISidebarGroup[];
+    siteData: ISiteData;
+    tabMeta?: NonNullable<IRouteMeta['tabs']>[0]['meta'];
+}
+export declare const createStore: (initState: SiteStore) => import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<StoreApi<SiteStore>, "setState"> & {
     setState<A extends string | {
         type: string;
     }>(partial: SiteStore | Partial<SiteStore> | ((state: SiteStore) => SiteStore | Partial<SiteStore>), replace?: boolean | undefined, action?: A | undefined): void;
 }>;
-export * from './initialState';
+declare const useStore: import("zustand-utils").UseContextStore<StoreApi<SiteStore>>, useStoreApi: () => {
+    setState: (partial: SiteStore | Partial<SiteStore> | ((state: SiteStore) => SiteStore | Partial<SiteStore>), replace?: boolean | undefined) => void;
+    getState: () => SiteStore;
+    getInitialState: () => SiteStore;
+    subscribe: (listener: (state: SiteStore, prevState: SiteStore) => void) => () => void;
+    destroy: () => void;
+}, Provider: ({ createStore, children }: {
+    createStore: () => StoreApi<SiteStore>;
+    children: import("react").ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<StoreApi<SiteStore> | undefined>>;
+export { Provider, useStore as useSiteStore, useStoreApi };

package/dist/store/useSiteStore.js

@@ -1,9 +1,16 @@
-import { create } from 'zustand';
+import { createContext } from 'zustand-utils';
 import { devtools } from 'zustand/middleware';
-import { initialState } from "./initialState";
-export var useSiteStore = create()(devtools(function () {
-  return initialState;
-}, {
-  name: 'dumi-theme-lobehub'
-}));
-export * from "./initialState";
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+export var createStore = function createStore(initState) {
+  return createWithEqualityFn()(devtools(function () {
+    return initState;
+  }, {
+    name: 'lobe-docs'
+  }), shallow);
+};
+var _createContext = createContext(),
+  useStore = _createContext.useStore,
+  useStoreApi = _createContext.useStoreApi,
+  Provider = _createContext.Provider;
+export { Provider, useStore as useSiteStore, useStoreApi };

package/dist/store/useThemeStore.d.ts

@@ -1,19 +1,20 @@
 import type { ThemeMode } from 'antd-style';
-export interface ThemeStore {
+interface Store {
     themeMode: ThemeMode;
 }
-export declare const useThemeStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<ThemeStore>, "persist"> & {
+export declare const useThemeStore: import("zustand/traditional").UseBoundStoreWithEqualityFn<Omit<import("zustand").StoreApi<Store>, "persist"> & {
     persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ThemeStore, {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<Store, {
             themeMode: ThemeMode;
         }>>) => void;
         clearStorage: () => void;
         rehydrate: () => void | Promise<void>;
         hasHydrated: () => boolean;
-        onHydrate: (fn: (state: ThemeStore) => void) => () => void;
-        onFinishHydration: (fn: (state: ThemeStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ThemeStore, {
+        onHydrate: (fn: (state: Store) => void) => () => void;
+        onFinishHydration: (fn: (state: Store) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<Store, {
             themeMode: ThemeMode;
         }>>;
     };
 }>;
+export {};

package/dist/store/useThemeStore.js

@@ -1,9 +1,10 @@
-import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
-export var useThemeStore = create()(persist(function () {
+import { shallow } from 'zustand/shallow';
+import { createWithEqualityFn } from 'zustand/traditional';
+export var useThemeStore = createWithEqualityFn()(persist(function () {
   return {
     themeMode: 'auto'
   };
 }, {
-  name: 'ANTD_STYLE_DOC_STORE'
-}));
+  name: 'LOBE_DOC_STORE'
+}), shallow);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "1.8.1",
+  "version": "1.8.3",
   "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",
@@ -25,8 +25,8 @@
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/react": "^0.26.17",
-    "ahooks": "^3.8.0",
+    "@floating-ui/react": "^0.26.28",
+    "ahooks": "^3.8.1",
     "chalk": "^4.1.2",
     "fast-deep-equal": "^3.1.3",
     "history": "^5.3.0",
@@ -34,14 +34,17 @@
     "polished": "^4.3.1",
     "rc-footer": "^0.6.8",
     "react-layout-kit": "^1.9.0",
+    "swr": "^2.2.5",
     "use-merge-value": "^1.2.0",
-    "zustand": "^4.5.2"
+    "zustand": "^4.5.5",
+    "zustand-utils": "^1.3.2"
   },
   "peerDependencies": {
     "@giscus/react": ">=3",
     "@lobehub/ui": ">=1",
     "antd": ">=5",
-    "dumi": "~2.2",
+    "antd-style": ">=3",
+    "dumi": ">=2.4",
     "lucide-react": ">=0.292",
     "react": ">=18",
     "react-dom": ">=18",