dumi-theme-lobehub 1.0.0

package/dist/slots/Content/index.js

@@ -0,0 +1,49 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { Skeleton, Typography } from 'antd';
+import { useResponsive } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import ContentFooter from "dumi/theme/slots/ContentFooter";
+import { useSiteStore } from "../../store";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Content = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var loading = useSiteStore(function (s) {
+    return s.siteData.loading;
+  });
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    gap: mobile ? 0 : 24,
+    width: '100%'
+  }, props), {}, {
+    children: [/*#__PURE__*/_jsx(Typography, {}), /*#__PURE__*/_jsxs("div", {
+      className: cx('dumi-antd-style-content', styles.content),
+      children: [/*#__PURE__*/_jsx(Skeleton, {
+        active: true,
+        loading: loading,
+        paragraph: true
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          display: loading ? 'none' : undefined
+        },
+        children: children
+      })]
+    }), /*#__PURE__*/_jsx(ContentFooter, {})]
+  }));
+});
+export default Content;

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

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

package/dist/slots/Content/style.js

@@ -0,0 +1,12 @@
+var _templateObject;
+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,
+    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)
+  };
+});

package/dist/slots/ContentFooter/Linker.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface LinkerProps {
+    link: string;
+    title: string;
+    type?: 'prev' | 'next';
+}
+declare const Linker: import("react").NamedExoticComponent<LinkerProps>;
+export default Linker;

package/dist/slots/ContentFooter/Linker.js

@@ -0,0 +1,65 @@
+import { Icon } from '@lobehub/ui';
+import { Link } from 'dumi';
+import { ArrowLeft, ArrowRight } from 'lucide-react';
+import { memo, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { useStyles } from "./Linker.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 Linker = /*#__PURE__*/memo(function (_ref) {
+  var title = _ref.title,
+    link = _ref.link,
+    type = _ref.type;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var navContent = useMemo(function () {
+    switch (type) {
+      case 'prev':
+        {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Icon, {
+              icon: ArrowLeft
+            }), /*#__PURE__*/_jsx("span", {
+              style: {
+                lineHeight: 1
+              },
+              children: "Previous"
+            })]
+          });
+        }
+      case 'next':
+        {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("span", {
+              style: {
+                lineHeight: 1
+              },
+              children: "Next"
+            }), /*#__PURE__*/_jsx(Icon, {
+              icon: ArrowRight
+            })]
+          });
+        }
+    }
+  }, [type]);
+  return /*#__PURE__*/_jsx(Link, {
+    to: link,
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      className: styles.container,
+      gap: 8,
+      children: [/*#__PURE__*/_jsx(Flexbox, {
+        className: cx(styles.nav, type === 'next' && styles.alignmentEnd),
+        gap: 4,
+        horizontal: true,
+        children: navContent
+      }), /*#__PURE__*/_jsx(Flexbox, {
+        className: cx(styles.title, type === 'next' && styles.alignmentEnd),
+        horizontal: true,
+        children: title
+      })]
+    })
+  });
+});
+export default Linker;

package/dist/slots/ContentFooter/Linker.style.d.ts

@@ -0,0 +1,6 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    alignmentEnd: import("antd-style").SerializedStyles;
+    container: import("antd-style").SerializedStyles;
+    nav: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
+}>;

package/dist/slots/ContentFooter/Linker.style.js

@@ -0,0 +1,13 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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,
+    css = _ref.css;
+  return {
+    alignmentEnd: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    justify-content: flex-end;\n  "]))),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    min-width: 250px;\n    padding: 16px 24px;\n\n    background: ", ";\n    border-radius: 8px;\n\n    &:hover {\n      background: ", ";\n    }\n  "])), token.colorBgContainer, token.colorFillTertiary),
+    nav: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: ", ";\n  "])), token.colorTextTertiary),
+    title: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "])))
+  };
+});

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

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

package/dist/slots/ContentFooter/index.js

@@ -0,0 +1,35 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { 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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { useResponsive } from 'antd-style';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { contentBottomSel, useSiteStore } from "../../store";
+import Linker from "./Linker";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ContentFooter = /*#__PURE__*/memo(function () {
+  var _useSiteStore = useSiteStore(contentBottomSel, isEqual),
+    prev = _useSiteStore.prev,
+    next = _useSiteStore.next;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    distribution: 'space-between',
+    gap: mobile ? 12 : 0,
+    horizontal: !mobile,
+    style: {
+      margin: mobile ? 12 : 0
+    },
+    children: [prev ? /*#__PURE__*/_jsx(Linker, _objectSpread({
+      type: 'prev'
+    }, prev)) : /*#__PURE__*/_jsx("div", {}), next ? /*#__PURE__*/_jsx(Linker, _objectSpread({
+      type: 'next'
+    }, next)) : /*#__PURE__*/_jsx("div", {})]
+  });
+});
+export default ContentFooter;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { useRouteMeta } from 'dumi';
+declare type IContentTabs = ReturnType<typeof useRouteMeta>['tabs'];
+export interface ContentTabsProps {
+    onChange: (tab?: NonNullable<IContentTabs>[0]) => void;
+    tabKey: string | undefined;
+    tabs: IContentTabs;
+}
+declare const ContentTabs: import("react").NamedExoticComponent<ContentTabsProps>;
+export default ContentTabs;

package/dist/slots/ContentTabs/index.js

@@ -0,0 +1,49 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { Tabs } from 'antd';
+import { useIntl } from 'dumi';
+import { memo } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ContentTabs = /*#__PURE__*/memo(function (_ref) {
+  var tabs = _ref.tabs,
+    key = _ref.tabKey,
+    _onChange = _ref.onChange;
+  var intl = useIntl();
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  // TODO: tab.Extra & tab.Action render
+
+  return tabs && (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 0 ? /*#__PURE__*/_jsx(Tabs, {
+    activeKey: key || 'default',
+    className: styles.cls,
+    "data-page-tabs": true,
+    items: [{
+      key: 'default',
+      label: '文档',
+      value: 'default'
+    }].concat(_toConsumableArray(tabs.map(function (tab) {
+      return {
+        key: tab.key,
+        label: tab.titleIntlId ? intl.formatMessage({
+          id: tab.titleIntlId
+        }) : tab.meta.frontmatter.title,
+        value: tab.key
+      };
+    }))),
+    onChange: function onChange(key) {
+      if (key === 'default') {
+        _onChange();
+      } else {
+        _onChange(tabs.find(function (t) {
+          return t.key === key;
+        }));
+      }
+    }
+  }) : undefined;
+});
+export default ContentTabs;

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

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

package/dist/slots/ContentTabs/style.js

@@ -0,0 +1,13 @@
+var _templateObject;
+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,
+    prefixCls = _ref.prefixCls,
+    css = _ref.css;
+  var prefix = ".".concat(prefixCls, "-tabs");
+  var marginBlock = 8;
+  return {
+    cls: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "-tab + ", "-tab {\n        margin: 8px 4px !important;\n        margin-block: ", "px;\n        padding: 0 12px !important;\n      }\n\n      ", "-tab {\n        color: ", ";\n        transition: background-color 150ms ease-out;\n\n        &:first-child {\n          margin-block: ", "px;\n          margin-inline: 0 4px;\n          padding: 4px 12px !important;\n        }\n\n        &:hover {\n          color: ", " !important;\n          background: ", ";\n          border-radius: 6px;\n        }\n      }\n    "])), prefix, prefix, marginBlock, prefix, token.colorTextSecondary, marginBlock, token.colorText, token.colorFillTertiary)
+  };
+});

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Features: import("react").NamedExoticComponent<object>;
+export default Features;

package/dist/slots/Features/index.js

@@ -0,0 +1,19 @@
+import { Features as F } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { featuresSel, useSiteStore } from "../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Features = /*#__PURE__*/memo(function () {
+  var features = useSiteStore(featuresSel, isEqual);
+  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'
+    }
+  });
+});
+export default Features;

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

@@ -0,0 +1,6 @@
+import { FooterColumn } from 'rc-footer/es/column';
+interface GetColumnParameters {
+    github?: string;
+}
+export declare const getColumns: ({ github }: GetColumnParameters) => FooterColumn[];
+export {};

package/dist/slots/Footer/columns.js

@@ -0,0 +1,81 @@
+import { Icon } from '@lobehub/ui';
+import { Link } from 'dumi';
+import { Bug, FileClock, GitFork, Github } from 'lucide-react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getColumns = function getColumns(_ref) {
+  var github = _ref.github;
+  var resources = {
+    items: [{
+      description: 'AIGC Components',
+      openExternal: true,
+      title: 'Lobe UI',
+      url: 'https://github.com/lobehub/lobe-ui'
+    }, {
+      description: 'Chatbot Client',
+      openExternal: true,
+      title: 'Lobe Chat',
+      url: 'https://github.com/lobehub/lobe-chat'
+    }, {
+      description: 'Node Flow Editor',
+      openExternal: true,
+      title: 'Lobe Flow',
+      url: 'https://github.com/lobehub/lobe-flow'
+    }],
+    title: 'Resources'
+  };
+  var community = {
+    items: [github && {
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: Bug,
+        size: "small"
+      }),
+      openExternal: true,
+      title: 'Report Bug',
+      url: "".concat(github, "/issues/new/choose")
+    }, github && {
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: GitFork,
+        size: "small"
+      }),
+      openExternal: true,
+      title: 'Request Feature',
+      url: "".concat(github, "/issues/new/choose")
+    }].filter(Boolean),
+    title: 'Community'
+  };
+  var help = {
+    items: [github && {
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: Github,
+        size: "small"
+      }),
+      openExternal: true,
+      title: 'GitHub',
+      url: github
+    }, {
+      LinkComponent: Link,
+      icon: /*#__PURE__*/_jsx(Icon, {
+        icon: FileClock,
+        size: "small"
+      }),
+      title: 'Changelog',
+      url: '/changelog'
+    }].filter(Boolean),
+    title: 'Help'
+  };
+  var more = {
+    items: [{
+      description: 'AI Commit CLI',
+      openExternal: true,
+      title: '💌 Lobe Commit',
+      url: 'https://github.com/lobehub/lobe-commit'
+    }, {
+      description: 'Lint Config',
+      openExternal: true,
+      title: '📐 Lobe Lint',
+      url: 'https://github.com/lobehub/lobe-lint'
+    }],
+    title: 'More Products'
+  };
+  return [resources, community, help, more];
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Footer: import("react").NamedExoticComponent<object>;
+export default Footer;

package/dist/slots/Footer/index.js

@@ -0,0 +1,56 @@
+import { Footer as Foot } from '@lobehub/ui';
+import { Divider } from 'antd';
+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";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Footer = /*#__PURE__*/memo(function () {
+  var _useSiteStore = useSiteStore(function (s) {
+      return s.siteData;
+    }, isEqual),
+    themeConfig = _useSiteStore.themeConfig,
+    pkg = _useSiteStore.pkg;
+  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 ? void 0 : footer.columns) === false ? undefined : getColumns({
+    github: githubUrl || pkg.homepage
+  });
+  var bottomFooter = (footer === null || footer === void 0 ? void 0 : footer.bottom) || themeConfig.footer;
+  return /*#__PURE__*/_jsx(Foot, {
+    bottom: mobile ? /*#__PURE__*/_jsxs(Center, {
+      className: styles.container,
+      children: ["Copyright \xA9 2022-", new Date().getFullYear(), /*#__PURE__*/_jsx(Flexbox, {
+        align: 'center',
+        dangerouslySetInnerHTML: {
+          __html: bottomFooter
+        },
+        horizontal: true
+      })]
+    }) : /*#__PURE__*/_jsxs(Center, {
+      horizontal: true,
+      children: ["Copyright \xA9 2022-", new Date().getFullYear(), " ", /*#__PURE__*/_jsx(Divider, {
+        type: 'vertical'
+      }), /*#__PURE__*/_jsx("span", {
+        dangerouslySetInnerHTML: {
+          __html: bottomFooter
+        }
+      })]
+    }),
+    columns: columns,
+    contentMaxWidth: theme.contentMaxWidth,
+    theme: (footer === null || footer === void 0 ? void 0 : footer.theme) || theme.appearance
+  });
+});
+export default Footer;

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

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+    footer: import("antd-style").SerializedStyles;
+}>;

package/dist/slots/Footer/style.js

@@ -0,0 +1,13 @@
+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 css = _ref.css,
+    responsive = _ref.responsive,
+    token = _ref.token;
+  var prefix = "rc-footer";
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      grid-area: footer;\n      align-self: stretch;\n\n      color: ", ";\n      text-align: center;\n\n      border-top: 1px solid ", ";\n\n      ", " {\n        flex-direction: column;\n        border: none;\n      }\n    "])), token.colorTextDescription, token.colorSplit, responsive.mobile),
+    footer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 14px;\n      line-height: 1.5;\n      color: ", ";\n      background-color: ", ";\n\n      &.", " {\n        a {\n          color: ", ";\n          text-decoration: none;\n          transition: all 0.3s;\n\n          &:hover {\n            color: ", ";\n          }\n        }\n      }\n\n      .", " {\n        &-container {\n          width: 100%;\n          max-width: ", "px;\n          margin: auto;\n          padding: 60px 0 20px;\n        }\n\n        &-columns {\n          display: flex;\n          justify-content: space-around;\n        }\n\n        &-column {\n          h2 {\n            position: relative;\n\n            margin: 0 auto;\n\n            font-size: 16px;\n            font-weight: 500;\n            color: ", ";\n          }\n\n          &-icon {\n            position: relative;\n            top: -1px;\n\n            display: inline-block;\n\n            width: 22px;\n            margin-inline-end: 0.5em;\n\n            text-align: center;\n            vertical-align: middle;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n        }\n\n        &-item {\n          margin: 12px 0;\n\n          &-icon {\n            position: relative;\n            top: -1px;\n\n            display: inline-block;\n\n            width: 16px;\n            margin-inline-end: 0.4em;\n\n            text-align: center;\n            vertical-align: middle;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n\n          &-separator {\n            margin: 0 0.3em;\n          }\n        }\n\n        &-bottom {\n          &-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 16px 0;\n\n            font-size: 16px;\n            line-height: 32px;\n            text-align: center;\n\n            border-top: 1px solid ", ";\n          }\n        }\n\n        &-light {\n          color: rgba(0, 0, 0, 85%);\n          background-color: transparent;\n\n          h2,\n          a {\n            color: rgba(0, 0, 0, 85%);\n          }\n        }\n\n        &-light &-bottom-container {\n          border-top-color: #e8e8e8;\n        }\n\n        &-light &-item-separator,\n        &-light &-item-description {\n          color: rgba(0, 0, 0, 45%);\n        }\n      }\n\n      ", " {\n        .", " {\n          text-align: center;\n\n          &-container {\n            padding: 40px 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-bottom: 40px;\n\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n    "])), token.colorTextSecondary, token.colorBgLayout, prefix, token.colorTextTertiary, token.colorLinkHover, prefix, token.contentMaxWidth, token.colorText, token.colorBorderSecondary, responsive.mobile, prefix)
+  };
+});

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

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

package/dist/slots/Header/Burger.js

@@ -0,0 +1,72 @@
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Burger as Menu } from '@lobehub/ui';
+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 () {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    opened = _useState2[0],
+    setOpened = _useState2[1];
+  var nav = useSiteStore(function (s) {
+    return s.navData;
+  }, isEqual);
+  var sidebar = useSiteStore(function (s) {
+    return s.sidebar;
+  }, isEqual);
+  var _useSiteStore = useSiteStore(function (s) {
+      return {
+        activePath: activePathSel(s),
+        pathname: s.location.pathname
+      };
+    }, shallow),
+    pathname = _useSiteStore.pathname,
+    activePath = _useSiteStore.activePath;
+  var items = useMemo(function () {
+    var sidebarItems = sidebar === null || sidebar === void 0 ? void 0 : sidebar.map(function (group) {
+      return !group.link && {
+        children: group.children.map(function (item) {
+          return {
+            key: "s-".concat(item.link),
+            label: /*#__PURE__*/_jsx(Link, {
+              onClick: function onClick() {
+                setOpened(false);
+              },
+              to: item.link,
+              children: item.title
+            })
+          };
+        }),
+        label: group.title,
+        type: 'group'
+      };
+    });
+    return nav.map(function (item) {
+      return {
+        children: (item.activePath || item.link) === activePath && sidebarItems,
+        key: item.activePath || item.link,
+        label: /*#__PURE__*/_jsx(Link, {
+          to: String(item.link),
+          children: item.title
+        })
+      };
+    });
+  }, [nav, activePath, sidebar]);
+  return /*#__PURE__*/_jsx(Menu, {
+    items: items,
+    openKeys: [activePath],
+    opened: opened,
+    selectedKeys: uniq([activePath, "s-".concat(pathname)]),
+    setOpened: setOpened
+  });
+});
+export default Burger;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const GithubButton: import("react").NamedExoticComponent<object>;
+export default GithubButton;

package/dist/slots/Header/GithubButton.js

@@ -0,0 +1,18 @@
+import { ActionIcon } from '@lobehub/ui';
+import { Github } from 'lucide-react';
+import { memo } from 'react';
+import { githubSel, useSiteStore } from "../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+var GithubButton = /*#__PURE__*/memo(function () {
+  var repoUrl = useSiteStore(githubSel);
+  return repoUrl ? /*#__PURE__*/_jsx("a", {
+    href: repoUrl,
+    rel: "noreferrer",
+    target: '_blank',
+    children: /*#__PURE__*/_jsx(ActionIcon, {
+      icon: Github,
+      size: "site"
+    })
+  }) : undefined;
+});
+export default GithubButton;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LangSwitch: import("react").NamedExoticComponent<object>;
+export default LangSwitch;