dumi-theme-lobehub 1.6.1 → 1.7.0

package/README.md

@@ -10,18 +10,17 @@
 
 dumi-theme-lobehub is a documentation site theme package designed for `Dumi 2`. <br/>It provides a more beautiful and user-friendly development and reading experience based on `@lobehub/ui`
 
-[Changelog](./CHANGELOG.md) · [Report Bug][issues-url] · [Request Feature][issues-url]
-
-<!-- SHIELD GROUP -->
-
-[![release][release-shield]][release-url]
-[![releaseDate][release-date-shield]][release-date-url]
-[![ciTest][ci-test-shield]][ci-test-url]
-[![ciRelease][ci-release-shield]][ci-release-url] <br/>
-[![contributors][contributors-shield]][contributors-url]
-[![forks][forks-shield]][forks-url]
-[![stargazers][stargazers-shield]][stargazers-url]
-[![issues][issues-shield]][issues-url]
+[![][npm-release-shield]][npm-release-link]
+[![][github-releasedate-shield]][github-releasedate-link]
+[![][github-action-test-shield]][github-action-test-link]
+[![][github-action-release-shield]][github-action-release-link]<br/>
+[![][github-contributors-shield]][github-contributors-link]
+[![][github-forks-shield]][github-forks-link]
+[![][github-stars-shield]][github-stars-link]
+[![][github-issues-shield]][github-issues-link]
+[![][github-license-shield]][github-license-link]
+
+[Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link]
 
 ![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)
 
@@ -59,10 +58,12 @@ dumi-theme-lobehub is a documentation site theme package designed for `Dumi 2`.
 
 ## 📦 Installation
 
-Quick Start Installation It is recommended to use `pnpm` for installation:
+To install `dumi-theme-lobehub`, run the following command:
+
+[![][bun-shield]][bun-link]
 
 ```bash
-pnpm add dumi-theme-antd-style -D
+$ bun add dumi dumi-theme-lobehub
 ```
 
 <div align="right">
@@ -102,7 +103,8 @@ interface SiteThemeConfig {
 }
 ```
 
-> 👉 Tip: For detailed configuration, please refer to the [Type file](https://github.com/lobehub/dumi-theme-lobehub/blob/master/src/types/config.ts) | [Example](https://github.com/lobehub/dumi-theme-lobehub/blob/master/example/.dumirc.ts).
+> **Note**\
+> For detailed configuration, please refer to the [Type file](https://github.com/lobehub/dumi-theme-lobehub/blob/master/src/types/config.ts) | [Example](https://github.com/lobehub/dumi-theme-lobehub/blob/master/example/.dumirc.ts).
 
 <div align="right">
 
@@ -112,17 +114,19 @@ interface SiteThemeConfig {
 
 ## ⌨️ Local Development
 
-You can use Gitpod for online development:
+You can use Github Codespaces for online development:
 
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)][gitpod-url]
+[![][github-codespace-shield]][github-codespace-link]
 
 Or clone it for local development:
 
+[![][bun-shield]][bun-link]
+
 ```bash
 $ git clone https://github.com/lobehub/dumi-theme-lobehub.git
 $ cd dumi-theme-lobehub
-$ pnpm install
-$ pnpm start
+$ bun install
+$ bun dev
 ```
 
 <div align="right">
@@ -133,24 +137,11 @@ $ pnpm start
 
 ## 🤝 Contributing
 
-<!-- CONTRIBUTION GROUP -->
-
-> 📊 Total: <kbd>**4**</kbd>
+Contributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHub [Issues][github-issues-link] to get stuck in to show us what you’re made of.
 
-<a href="https://github.com/canisminor1990" title="canisminor1990">
-  <img src="https://avatars.githubusercontent.com/u/17870709?v=4" width="50" />
-</a>
-<a href="https://github.com/actions-user" title="actions-user">
-  <img src="https://avatars.githubusercontent.com/u/65916846?v=4" width="50" />
-</a>
-<a href="https://github.com/arvinxx" title="arvinxx">
-  <img src="https://avatars.githubusercontent.com/u/28616219?v=4" width="50" />
-</a>
-<a href="https://github.com/apps/dependabot" title="dependabot[bot]">
-  <img src="https://avatars.githubusercontent.com/in/29110?v=4" width="50" />
-</a>
+[![][pr-welcome-shield]][pr-welcome-link]
 
-<!-- CONTRIBUTION END -->
+[![][github-contrib-shield]][github-contrib-link]
 
 <div align="right">
 
@@ -162,54 +153,36 @@ $ pnpm start
 
 #### 📝 License
 
-Copyright © 2023 [LobeHub][profile-url]. <br />
+Copyright © 2023 [LobeHub][profile-link]. <br />
 This project is [MIT](./LICENSE) licensed.
 
 <!-- LINK GROUP -->
 
-[profile-url]: https://github.com/lobehub
-[gitpod-url]: https://gitpod.io/#https://github.com/lobehub/dumi-theme-lobehub
-
-<!-- SHIELD LINK GROUP -->
-
-[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square
-
-<!-- release -->
-
-[release-shield]: https://img.shields.io/npm/v/dumi-theme-lobehub?label=%F0%9F%A4%AF%20NPM
-[release-url]: https://www.npmjs.com/package/dumi-theme-lobehub
-
-<!-- releaseDate -->
-
-[release-date-shield]: https://img.shields.io/github/release-date/lobehub/dumi-theme-lobehub?style=flat
-[release-date-url]: https://github.com/lobehub/dumi-theme-lobehub/releases
-
-<!-- ciTest -->
-
-[ci-test-shield]: https://github.com/lobehub/dumi-theme-lobehub/workflows/Test%20CI/badge.svg
-[ci-test-url]: https://github.com/lobehub/dumi-theme-lobehub/actions?query=workflow%3ATest%20CI
-
-<!-- ciRelease -->
-
-[ci-release-shield]: https://github.com/lobehub/dumi-theme-lobehub/workflows/Release%20CI/badge.svg
-[ci-release-url]: https://github.com/lobehub/dumi-theme-lobehub/actions?query=workflow%3ARelease%20CI
-
-<!-- contributors -->
-
-[contributors-shield]: https://img.shields.io/github/contributors/lobehub/dumi-theme-lobehub.svg?style=flat
-[contributors-url]: https://github.com/lobehub/dumi-theme-lobehub/graphs/contributors
-
-<!-- forks -->
-
-[forks-shield]: https://img.shields.io/github/forks/lobehub/dumi-theme-lobehub.svg?style=flat
-[forks-url]: https://github.com/lobehub/dumi-theme-lobehub/network/members
-
-<!-- stargazers -->
-
-[stargazers-shield]: https://img.shields.io/github/stars/lobehub/dumi-theme-lobehub.svg?style=flat
-[stargazers-url]: https://github.com/lobehub/dumi-theme-lobehub/stargazers
-
-<!-- issues -->
-
-[issues-shield]: https://img.shields.io/github/issues/lobehub/dumi-theme-lobehub.svg?style=flat
-[issues-url]: https://github.com/lobehub/dumi-theme-lobehub/issues/new/choose
+[back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-black?style=flat-square
+[bun-link]: https://bun.sh
+[bun-shield]: https://img.shields.io/badge/-speedup%20with%20bun-black?logo=bun&style=for-the-badge
+[github-action-release-link]: https://github.com/lobehub/dumi-theme-lobehub/actions/workflows/release.yml
+[github-action-release-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/dumi-theme-lobehub/release.yml?label=release&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
+[github-action-test-link]: https://github.com/lobehub/dumi-theme-lobehub/actions/workflows/test.yml
+[github-action-test-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/dumi-theme-lobehub/test.yml?label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square
+[github-codespace-link]: https://codespaces.new/lobehub/dumi-theme-lobehub
+[github-codespace-shield]: https://github.com/codespaces/badge.svg
+[github-contrib-link]: https://github.com/lobehub/dumi-theme-lobehub/graphs/contributors
+[github-contrib-shield]: https://contrib.rocks/image?repo=lobehub%2Fdumi-theme-lobehub
+[github-contributors-link]: https://github.com/lobehub/dumi-theme-lobehub/graphs/contributors
+[github-contributors-shield]: https://img.shields.io/github/contributors/lobehub/dumi-theme-lobehub?color=c4f042&labelColor=black&style=flat-square
+[github-forks-link]: https://github.com/lobehub/dumi-theme-lobehub/network/members
+[github-forks-shield]: https://img.shields.io/github/forks/lobehub/dumi-theme-lobehub?color=8ae8ff&labelColor=black&style=flat-square
+[github-issues-link]: https://github.com/lobehub/dumi-theme-lobehub/issues
+[github-issues-shield]: https://img.shields.io/github/issues/lobehub/dumi-theme-lobehub?color=ff80eb&labelColor=black&style=flat-square
+[github-license-link]: https://github.com/lobehub/dumi-theme-lobehub/blob/main/LICENSE
+[github-license-shield]: https://img.shields.io/github/license/lobehub/dumi-theme-lobehub?color=white&labelColor=black&style=flat-square
+[github-releasedate-link]: https://github.com/lobehub/dumi-theme-lobehub/releases
+[github-releasedate-shield]: https://img.shields.io/github/release-date/lobehub/dumi-theme-lobehub?labelColor=black&style=flat-square
+[github-stars-link]: https://github.com/lobehub/dumi-theme-lobehub/network/stargazers
+[github-stars-shield]: https://img.shields.io/github/stars/lobehub/dumi-theme-lobehub?color=ffcb47&labelColor=black&style=flat-square
+[npm-release-link]: https://www.npmjs.com/package/@lobehub/chat
+[npm-release-shield]: https://img.shields.io/npm/v/@lobehub/chat?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square
+[pr-welcome-link]: https://github.com/lobehub/dumi-theme-lobehub/pulls
+[pr-welcome-shield]: https://img.shields.io/badge/%F0%9F%A4%AF%20PR%20WELCOME-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge
+[profile-link]: https://github.com/lobehub

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

@@ -1,10 +1,11 @@
 import { type ReactNode } from 'react';
+import { ApiHeaderConfig } from "../../types";
 /**
  * @title ApiHeaderProps
  * @category Props
  * @description ApiHeader 组件的 props 类型定义
  */
-export interface ApiHeaderProps {
+export interface ApiHeaderProps extends ApiHeaderConfig {
     /**
      * @title 组件名
      * @description ApiHeader 组件的名称
@@ -21,21 +22,6 @@ export interface ApiHeaderProps {
      * @description ApiHeader 组件的描述信息
      */
     description?: string;
-    /**
-     * @title 文档链接
-     * @description ApiHeader 组件文档的链接
-     */
-    docUrl?: string;
-    /**
-     * @title 包名
-     * @description ApiHeader 组件所在的包名
-     */
-    pkg?: string;
-    /**
-     * @title 源代码链接
-     * @description ApiHeader 组件源代码的链接
-     */
-    sourceUrl?: string;
     /**
      * @title 标题
      * @description ApiHeader 组件的标题

package/dist/components/ApiHeader/index.js

@@ -19,6 +19,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
   var title = _ref.title,
+    type = _ref.type,
     componentName = _ref.componentName,
     description = _ref.description,
     defaultImport = _ref.defaultImport,
@@ -31,6 +32,7 @@ export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
     styles = _useStyles.styles;
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
+  var isDoc = type === 'doc';
   var items = [sourceUrl && {
     children: 'Source',
     icon: /*#__PURE__*/_jsx(Icon, {
@@ -56,7 +58,7 @@ export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
         type: 'secondary',
         children: description
       })
-    }), /*#__PURE__*/_jsxs(Flexbox, {
+    }), !isDoc && /*#__PURE__*/_jsxs(Flexbox, {
       gap: mobile ? 16 : 24,
       style: {
         marginTop: 16

package/dist/pages/Docs/index.js

@@ -30,13 +30,18 @@ var Documents = /*#__PURE__*/memo(function () {
     document.body.scrollTo(0, 0);
   }, [location.pathname]);
   var Comment = useCallback(function () {
-    return giscus && /*#__PURE__*/_jsx(Giscus, {
-      category: giscus.category,
-      categoryId: giscus.categoryId,
-      id: "lobehub",
-      mapping: "title",
-      repo: giscus.repo,
-      repoId: giscus.repoId
+    return giscus && /*#__PURE__*/_jsx("div", {
+      style: {
+        marginTop: 64
+      },
+      children: /*#__PURE__*/_jsx(Giscus, {
+        category: giscus.category,
+        categoryId: giscus.categoryId,
+        id: "lobehub",
+        mapping: "title",
+        repo: giscus.repo,
+        repoId: giscus.repoId
+      })
     });
   }, [giscus, location.pathname]);
   return /*#__PURE__*/_jsxs(_Fragment, {

package/dist/slots/Content/index.js

@@ -9,10 +9,11 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 { Skeleton } from 'antd';
 import { useResponsive } from 'antd-style';
+import isEqual from 'fast-deep-equal';
 import { memo, useEffect } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ContentFooter from "dumi/theme/slots/ContentFooter";
-import { useSiteStore } from "../../store";
+import { themeConfig, useSiteStore } from "../../store";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -22,7 +23,9 @@ var Content = /*#__PURE__*/memo(function (_ref) {
   var loading = useSiteStore(function (s) {
     return s.siteData.loading;
   });
-  var _useStyles = useStyles(),
+  var _useSiteStore = useSiteStore(themeConfig, isEqual),
+    docStyle = _useSiteStore.docStyle;
+  var _useStyles = useStyles(docStyle === 'pure'),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   var _useResponsive = useResponsive(),

package/dist/slots/Content/style.d.ts

@@ -1,3 +1,3 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    content: import("antd-style").SerializedStyles;
+export declare const useStyles: (props?: boolean | undefined) => import("antd-style").ReturnStyles<{
+    content: string;
 }>;

package/dist/slots/Content/style.js

@@ -1,12 +1,13 @@
-var _templateObject;
+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 token = _ref.token,
+export var useStyles = createStyles(function (_ref, isPure) {
+  var cx = _ref.cx,
+    token = _ref.token,
     responsive = _ref.responsive,
     css = _ref.css,
     stylish = _ref.stylish;
   return {
-    content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex: 1;\n\n    box-sizing: border-box;\n    width: 100%;\n    min-height: 400px;\n    padding: 24px 48px;\n\n    background-color: ", ";\n    border-radius: 10px;\n\n    &:has([data-page-tabs='true']) {\n      padding-top: 8px;\n    }\n\n    ", " {\n      padding: 8px 16px;\n      border-radius: 0;\n    }\n\n    .markdown {\n      ", ";\n      h2,\n      h3 {\n        &[id^='version'] {\n          color: ", ";\n        }\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        transition: all 400ms ", ";\n\n        > a[aria-hidden]:first-child {\n          float: left;\n\n          width: 20px;\n          margin-inline-start: -24px;\n          padding-inline-end: 4px;\n\n          font-size: inherit;\n          line-height: inherit;\n          color: ", ";\n          text-align: right;\n\n          &:hover {\n            border: 0;\n          }\n\n          > .icon-link::before {\n            content: '#';\n            font-size: inherit;\n            color: ", ";\n          }\n        }\n\n        &:hover {\n          color: ", ";\n        }\n\n        &:not(:hover) > a[aria-hidden]:first-child > .icon-link {\n          visibility: hidden;\n        }\n      }\n\n      ol,\n      ul {\n        padding-inline-start: 18px;\n      }\n    }\n  "])), token.colorBgContainer, responsive.mobile, stylish.markdown, token.colorText, token.motionEaseOut, token.colorText, token.colorTextTertiary, token.colorText)
+    content: cx(!isPure && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          padding: 24px 48px;\n          background-color: ", ";\n          border-radius: 10px;\n\n          ", " {\n            padding: 8px 16px;\n            border-radius: 0;\n          }\n        "])), token.colorBgContainer, responsive.mobile), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        flex: 1;\n        box-sizing: border-box;\n        width: 100%;\n        min-height: 400px;\n\n        &:has([data-page-tabs='true']) {\n          padding-top: 8px;\n        }\n\n        .markdown {\n          ", ";\n          h2,\n          h3 {\n            &[id^='version'] {\n              color: ", ";\n            }\n          }\n\n          h1,\n          h2,\n          h3,\n          h4,\n          h5,\n          h6 {\n            transition: all 400ms ", ";\n\n            > a[aria-hidden]:first-child {\n              float: left;\n\n              width: 20px;\n              margin-inline-start: -24px;\n              padding-inline-end: 4px;\n\n              font-size: inherit;\n              line-height: inherit;\n              color: ", ";\n              text-align: right;\n\n              &:hover {\n                border: 0;\n              }\n\n              > .icon-link::before {\n                content: '#';\n                font-size: inherit;\n                color: ", ";\n              }\n            }\n\n            &:hover {\n              color: ", ";\n            }\n\n            &:not(:hover) > a[aria-hidden]:first-child > .icon-link {\n              visibility: hidden;\n            }\n          }\n\n          ol,\n          ul {\n            padding-inline-start: 18px;\n          }\n        }\n      "])), stylish.markdown, token.colorText, token.motionEaseOut, token.colorText, token.colorTextTertiary, token.colorText))
   };
 });

package/dist/slots/Features/index.js

@@ -9,10 +9,10 @@ var Features = /*#__PURE__*/memo(function () {
   var theme = useTheme();
   if (!(features !== null && features !== void 0 && features.length)) return;
   return /*#__PURE__*/_jsx(F, {
-    contentMaxWidth: theme.contentMaxWidth,
     items: features,
     style: {
-      margin: '0 16px'
+      margin: '0 16px',
+      maxWidth: theme.contentMaxWidth
     }
   });
 });

package/dist/slots/Footer/columns.js

@@ -11,14 +11,14 @@ export var getColumns = function getColumns(_ref) {
       title: 'Lobe UI',
       url: 'https://github.com/lobehub/lobe-ui'
     }, {
-      description: 'Chatbot Client',
+      description: 'Awesome lint configs',
       openExternal: true,
-      title: 'Lobe Chat',
+      title: 'Lobe Lint',
       url: 'https://github.com/lobehub/lobe-chat'
     }, {
-      description: 'Node Flow Editor',
+      description: 'Lobe Dumi Theme',
       openExternal: true,
-      title: 'Lobe Flow',
+      title: 'Dsigned for Dumi 2',
       url: 'https://github.com/lobehub/lobe-flow'
     }],
     title: 'Resources'
@@ -65,15 +65,30 @@ export var getColumns = function getColumns(_ref) {
   };
   var more = {
     items: [{
+      description: 'OpenAI Chat Bot',
+      openExternal: true,
+      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',
+      openExternal: true,
+      title: '📝 Readme Generator',
+      url: 'https://ui.lobehub.com'
+    }, {
       description: 'AI Commit CLI',
       openExternal: true,
       title: '💌 Lobe Commit',
       url: 'https://github.com/lobehub/lobe-commit'
     }, {
-      description: 'Lint Config',
+      description: 'AI i18n CLI',
       openExternal: true,
-      title: '📐 Lobe Lint',
-      url: 'https://github.com/lobehub/lobe-lint'
+      title: '🌐 Lobe i18n',
+      url: 'https://github.com/lobehub/lobe-commit'
     }],
     title: 'More Products'
   };

package/dist/slots/Footer/index.js

@@ -16,18 +16,21 @@ var Footer = /*#__PURE__*/memo(function () {
     }, isEqual),
     themeConfig = _useSiteStore.themeConfig,
     pkg = _useSiteStore.pkg;
+  var footerConfig = themeConfig.footerConfig,
+    footer = themeConfig.footer;
   var githubUrl = useSiteStore(githubSel, shallow);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     theme = _useStyles.theme;
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
-  if (!themeConfig.footer) return;
-  var footer = themeConfig.footerConfig;
-  var columns = footer !== null && footer !== void 0 && footer.columns ? undefined : getColumns({
+  if (!footer) return;
+  var columns = footerConfig !== null && footerConfig !== void 0 && footerConfig.columns ? footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.columns : getColumns({
     github: githubUrl || pkg.homepage
   });
-  var bottomFooter = (footer === null || footer === void 0 ? void 0 : footer.bottom) || themeConfig.footer;
+  if (footerConfig !== null && footerConfig !== void 0 && footerConfig.resources) columns[0] = footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.resources;
+  if (footerConfig !== null && footerConfig !== void 0 && footerConfig.resources) columns[0] = footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.resources;
+  var bottomFooter = (footerConfig === null || footerConfig === void 0 ? void 0 : footerConfig.bottom) || footer;
   return /*#__PURE__*/_jsx(Foot, {
     bottom: mobile ? /*#__PURE__*/_jsxs(Center, {
       className: styles.container,

package/dist/slots/Logo/index.js

@@ -1,17 +1,16 @@
-import { Logo as SiteLogo } from '@lobehub/ui';
+import { Avatar, Logo as SiteLogo } from '@lobehub/ui';
 import { useResponsive } from 'antd-style';
 import { Link } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
+import { themeConfig } from "../../store/selectors/siteBasicInfo";
 import { useSiteStore } from "../../store/useSiteStore";
 import { useStyles } from "./style";
 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 Logo = /*#__PURE__*/memo(function () {
-  var themeConfig = useSiteStore(function (s) {
-    return s.siteData.themeConfig;
-  }, isEqual);
+  var config = useSiteStore(themeConfig, isEqual);
   var locale = useSiteStore(function (s) {
     return s.locale;
   }, isEqual);
@@ -20,18 +19,18 @@ var Logo = /*#__PURE__*/memo(function () {
     cx = _useStyles.cx;
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
-  return themeConfig && /*#__PURE__*/_jsx(Link, {
+  return config && /*#__PURE__*/_jsx(Link, {
     className: cx(styles),
     to: 'base' in locale ? locale.base : '/',
-    children: themeConfig.logo ? /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("img", {
-        height: mobile ? 32 : 36,
-        src: themeConfig.logo
-      }), themeConfig.name]
+    children: config.logo ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Avatar, {
+        avatar: config.logo,
+        size: mobile ? 32 : 36
+      }), config.name]
     }) : /*#__PURE__*/_jsx(SiteLogo, {
-      extra: themeConfig.name,
+      extra: config.name,
       size: mobile ? 32 : 36,
-      type: "combine"
+      type: config.logoType || 'combine'
     })
   });
 });

package/dist/store/selectors/apiHeader.js

@@ -29,6 +29,8 @@ export var apiHeaderSel = function apiHeaderSel(s) {
     return rawString.replace('{github}', REPO_BASE).replace('{atomId}', fm.atomId || '').replace('{title}', fm.title).replace('{locale}', localeId);
   };
   var _ref = s.siteData.themeConfig.apiHeader || {},
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'component' : _ref$type,
     _ref$pkg = _ref.pkg,
     package_ = _ref$pkg === void 0 ? s.siteData.pkg.name : _ref$pkg,
     sourceUrlMatch = _ref.sourceUrl,
@@ -45,6 +47,7 @@ export var apiHeaderSel = function apiHeaderSel(s) {
     docUrl: documentUrl,
     pkg: displayPackage,
     sourceUrl: sourceUrl,
-    title: fm.title
+    title: fm.title,
+    type: type
   };
 };

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

@@ -1,4 +1,5 @@
 import { SiteStore } from '../useSiteStore';
+export declare const themeConfig: (s: SiteStore) => import("../..").SiteThemeConfig;
 export declare const siteTitleSel: (s: SiteStore) => string | undefined;
 export declare const githubSel: (s: SiteStore) => string;
 export declare const discordSel: (s: SiteStore) => "" | `https://discord.gg/${string}`;

package/dist/store/selectors/siteBasicInfo.js

@@ -1,3 +1,6 @@
+export var themeConfig = function themeConfig(s) {
+  return s.siteData.themeConfig;
+};
 export var siteTitleSel = function siteTitleSel(s) {
   return s.siteData.themeConfig.title;
 };

package/dist/types/config.d.ts

@@ -1,4 +1,5 @@
-import type { FeaturesProps, FooterProps, HeroProps } from '@lobehub/ui';
+import type { FeaturesProps, FooterProps, HeroProps, LogoProps } from '@lobehub/ui';
+import { FooterColumn } from 'rc-footer/es/column';
 import type { SiteCustomToken } from "../styles/customToken";
 import type { HeroConfig } from './hero';
 export interface ApiHeaderConfig {
@@ -6,15 +7,19 @@ export interface ApiHeaderConfig {
     match?: string[];
     pkg?: string;
     sourceUrl?: string | false;
+    type?: 'component' | 'doc';
 }
 export interface FooterConfig {
     bottom?: FooterProps['bottom'];
     columns?: FooterProps['columns'];
+    moreProducts?: FooterColumn;
+    resources?: FooterColumn;
 }
 export interface SiteThemeConfig {
     actions: HeroProps['actions'];
     apiHeader?: ApiHeaderConfig | false;
     description?: string;
+    docStyle?: 'block' | 'pure';
     features: FeaturesProps['items'];
     footer?: string | false;
     footerConfig?: FooterConfig;
@@ -27,6 +32,7 @@ export interface SiteThemeConfig {
     hero?: HeroConfig | Record<string, HeroConfig>;
     hideHomeNav?: boolean;
     logo?: string;
+    logoType?: LogoProps['type'];
     name?: string;
     siteToken?: SiteConfigToken;
     socialLinks?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "1.6.1",
+  "version": "1.7.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",