dumi-theme-lobehub 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 LobeHub
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,162 @@
+<a name="readme-top"></a>
+
+<div align="center">
+
+<img height="120" src="https://npm.elemecdn.com/@lobehub/assets-logo@1.0.0/assets/logo-3d.webp">
+<img height="120" src="https://gw.alipayobjects.com/zos/kitchen/qJ3l3EPsdW/split.svg">
+<img height="120" src="https://gw.alipayobjects.com/zos/bmw-prod/d3e3eb39-1cd7-4aa5-827c-877deced6b7e/lalxt4g3_w256_h256.png">
+
+<h1>Dumi Theme Lobehub</h1>
+
+dumi-theme-lobehub is a documentation site theme package designed for `Dumi 2`.
+
+It provides a more beautiful and user-friendly development and reading experience based on `dumi-theme-lobehub`
+
+[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]
+
+![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)
+
+</div>
+
+<details>
+<summary><kbd>Table of contents</kbd></summary>
+
+#### TOC
+
+- [📦 Installation](#-installation)
+- [⌨️ Local Development](#️-local-development)
+- [🤝 Contributing](#-contributing)
+
+####
+
+</details>
+
+## 📦 Installation
+
+```bash
+pnpm add dumi-theme-antd-style -D
+```
+
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
+## ⌨️ Local Development
+
+You can use Gitpod for online development:
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)][gitpod-url]
+
+Or clone it for local development:
+
+```bash
+$ git clone https://github.com/lobehub/dumi-theme-lobehub.git
+$ cd dumi-theme-lobehub
+$ pnpm install
+$ pnpm start
+```
+
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
+## 🤝 Contributing
+
+<!-- CONTRIBUTION GROUP -->
+
+> 📊 Total: <kbd>**5**</kbd>
+
+<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/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>
+<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/meganjohnson96" title="meganjohnson96">
+  <img src="https://avatars.githubusercontent.com/u/136729222?v=4" width="50" />
+</a>
+
+<!-- CONTRIBUTION END -->
+
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
+---
+
+#### 📝 License
+
+Copyright © 2023 [LobeHub][profile-url]. <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

package/dist/builtins/Container/index.d.ts

@@ -0,0 +1,7 @@
+import { type FC, type ReactNode } from 'react';
+declare const Container: FC<{
+    children: ReactNode;
+    title?: string;
+    type: 'info' | 'warning' | 'success' | 'error';
+}>;
+export default Container;

package/dist/builtins/Container/index.js

@@ -0,0 +1,28 @@
+import { Alert } from 'antd';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Container = function Container(_ref) {
+  var type = _ref.type,
+    title = _ref.title,
+    children = _ref.children;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.container,
+    "data-type": type,
+    children: /*#__PURE__*/_jsx(Alert, {
+      className: styles.alert,
+      description: /*#__PURE__*/_jsx("div", {
+        className: cx(styles.desc,
+        // 为了让 markdown 的样式生效，需要在这里添加一个额外的 class
+        'markdown'),
+        children: children
+      }),
+      message: title || type.toUpperCase(),
+      showIcon: true,
+      type: type
+    })
+  });
+};
+export default Container;

package/dist/builtins/Container/style.d.ts

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

package/dist/builtins/Container/style.js

@@ -0,0 +1,27 @@
+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';
+var toCamelCase = function toCamelCase(string_) {
+  return string_.replaceAll(/( |^)[a-z]/g, function (L) {
+    return L.toUpperCase();
+  });
+};
+export var useStyles = createStyles(function (_ref) {
+  var token = _ref.token,
+    prefixCls = _ref.prefixCls,
+    css = _ref.css;
+  // 把首字母大写
+
+  var overwriteAlert = function overwriteAlert(type) {
+    var tokens = {
+      background: token["color".concat(toCamelCase(type), "Bg")],
+      text: token["color".concat(toCamelCase(type), "Text")]
+    };
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .", "-alert-", " {\n        background: ", ";\n\n        .", "-alert-message {\n          font-weight: bold;\n          color: ", ";\n        }\n\n        .", "-alert-description {\n          .markdown {\n            color: ", ";\n          }\n        }\n      }\n    "])), prefixCls, type, tokens.background, prefixCls, tokens.text, prefixCls, tokens.text);
+  };
+  return {
+    alert: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      border: none;\n\n      .", "-alert-message {\n        font-weight: bold;\n      }\n    "])), prefixCls),
+    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin: 8px 0;\n\n      ", "\n\n      ", "\n\n      ", "\n\n      ", "\n    "])), overwriteAlert('info'), overwriteAlert('warning'), overwriteAlert('success'), overwriteAlert('error')),
+    desc: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      p {\n        margin: 0;\n      }\n    "])))
+  };
+});

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

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

package/dist/builtins/Features/index.js

@@ -0,0 +1,19 @@
+import { Features } from '@lobehub/ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Features, {
+    items: [{
+      description: 'Provides a simple way to customize default themes, you can change the colors, fonts, breakpoints and everything you need.',
+      icon: 'Palette',
+      title: 'Themeable'
+    }, {
+      description: 'voids unnecessary styles props at runtime, making it more performant than other UI libraries.',
+      icon: 'Zap',
+      title: 'Fast'
+    }, {
+      description: 'Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes.',
+      icon: 'MoonStar',
+      title: 'Light & Dark UI'
+    }]
+  });
+});

package/dist/builtins/Previewer/index.d.ts

@@ -0,0 +1,8 @@
+import { IPreviewerProps } from 'dumi/dist/client/theme-api/types';
+export interface PreviewerProps extends IPreviewerProps {
+    center?: boolean;
+    nopadding?: boolean;
+    pure?: boolean;
+}
+declare const _default: ({ center, codePlacement, nopadding, pure, ...props }: PreviewerProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/builtins/Previewer/index.js

@@ -0,0 +1,26 @@
+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 = ["center", "codePlacement", "nopadding", "pure"];
+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 Previewer from 'dumi/theme-default/builtins/Previewer';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function (_ref) {
+  var center = _ref.center,
+    codePlacement = _ref.codePlacement,
+    nopadding = _ref.nopadding,
+    pure = _ref.pure,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(pure),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(styles.container, pure && styles.pure, center && styles.center, nopadding && styles.nopadding, styles[codePlacement]),
+    children: /*#__PURE__*/_jsx(Previewer, _objectSpread({}, props))
+  });
+});

package/dist/builtins/Previewer/style.d.ts

@@ -0,0 +1,9 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    center: import("antd-style").SerializedStyles;
+    container: import("antd-style").SerializedStyles;
+    left: import("antd-style").SerializedStyles;
+    nopadding: import("antd-style").SerializedStyles;
+    pure: import("antd-style").SerializedStyles;
+    right: import("antd-style").SerializedStyles;
+    top: import("antd-style").SerializedStyles;
+}>;

package/dist/builtins/Previewer/style.js

@@ -0,0 +1,18 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+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';
+import { rgba } from 'polished';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    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),
+    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    "]))),
+    right: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row;\n\n        &-demo {\n          width: 50%;\n          border-right: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), token.colorBorderSecondary),
+    top: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: column-reverse;\n\n        &-meta {\n          display: flex;\n          flex-direction: column;\n        }\n\n        &-actions {\n          order: 1;\n        }\n\n        &-desc {\n          order: 2;\n        }\n      }\n    "])))
+  };
+});

package/dist/builtins/SourceCode/index.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface SourceCodeProps {
+    children: string;
+    lang: string;
+}
+declare const SourceCode: FC<SourceCodeProps>;
+export default SourceCode;

package/dist/builtins/SourceCode/index.js

@@ -0,0 +1,17 @@
+import { Highlighter } from '@lobehub/ui';
+import { useTheme } from 'antd-style';
+import { rgba } from 'polished';
+import { jsx as _jsx } from "react/jsx-runtime";
+var SourceCode = function SourceCode(_ref) {
+  var children = _ref.children,
+    lang = _ref.lang;
+  var theme = useTheme();
+  return /*#__PURE__*/_jsx(Highlighter, {
+    language: lang,
+    style: {
+      background: rgba(theme.colorBgLayout, 0.5)
+    },
+    children: children
+  });
+};
+export default SourceCode;

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

@@ -0,0 +1,77 @@
+import { type ReactNode } from 'react';
+/**
+ * @title ApiHeaderProps
+ * @category Props
+ * @description ApiHeader 组件的 props 类型定义
+ */
+export interface ApiHeaderProps {
+    /**
+     * @title 组件名
+     * @description ApiHeader 组件的名称
+     */
+    componentName?: string;
+    /**
+     * @title 是否默认导入
+     * @description 是否默认导入组件
+     * @default false
+     */
+    defaultImport?: boolean;
+    /**
+     * @title 描述
+     * @description ApiHeader 组件的描述信息
+     */
+    description?: string;
+    /**
+     * @title 文档链接
+     * @description ApiHeader 组件文档的链接
+     */
+    docUrl?: string;
+    /**
+     * @title 包名
+     * @description ApiHeader 组件所在的包名
+     */
+    pkg?: string;
+    /**
+     * @title 源代码链接
+     * @description ApiHeader 组件源代码的链接
+     */
+    sourceUrl?: string;
+    /**
+     * @title 标题
+     * @description ApiHeader 组件的标题
+     */
+    title: string;
+}
+/**
+ * @title ApiHeader 配置项
+ */
+export interface ApiTitleProps extends ApiHeaderProps {
+    /**
+     * @title 服务列表
+     * @description 可选，若存在则展示 API 服务列表
+     */
+    serviceList?: ServiceItem[];
+    /**
+     * @title 标题
+     */
+    title: string;
+}
+export interface ServiceItem {
+    /**
+     * @title 服务描述
+     */
+    children: string;
+    /**
+     * @title 服务图标
+     */
+    icon: ReactNode;
+    /**
+     * @title 服务标签
+     */
+    label: string;
+    /**
+     * @title 服务链接
+     */
+    url: string;
+}
+export declare const ApiHeader: import("react").NamedExoticComponent<ApiTitleProps>;

package/dist/components/ApiHeader/index.js

@@ -0,0 +1,124 @@
+import { Icon, Snippet } from '@lobehub/ui';
+import { Divider, Space, Typography } from 'antd';
+import { useResponsive } from 'antd-style';
+import { Edit3, Github } from 'lucide-react';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { useStyles } from "./style";
+
+/**
+ * @title ApiHeaderProps
+ * @category Props
+ * @description ApiHeader 组件的 props 类型定义
+ */
+
+/**
+ * @title ApiHeader 配置项
+ */
+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,
+    componentName = _ref.componentName,
+    description = _ref.description,
+    defaultImport = _ref.defaultImport,
+    pkg = _ref.pkg,
+    sourceUrl = _ref.sourceUrl,
+    docUrl = _ref.docUrl,
+    _ref$serviceList = _ref.serviceList,
+    serviceList = _ref$serviceList === void 0 ? [] : _ref$serviceList;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var items = [sourceUrl && {
+    children: 'Source',
+    icon: /*#__PURE__*/_jsx(Icon, {
+      icon: Github
+    }),
+    url: sourceUrl
+  }, docUrl && {
+    children: 'Edit',
+    icon: /*#__PURE__*/_jsx(Icon, {
+      icon: Edit3
+    }),
+    url: docUrl
+  }].filter(Boolean);
+  var importString = defaultImport ? "import ".concat(componentName, " from '").concat(pkg, "';") : "import { ".concat(componentName, " } from '").concat(pkg, "';");
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    id: 'api-header',
+    children: [/*#__PURE__*/_jsx(Typography.Title, {
+      className: styles.title,
+      children: title
+    }), description && /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(Typography.Text, {
+        className: styles.desc,
+        type: 'secondary',
+        children: description
+      })
+    }), /*#__PURE__*/_jsxs(Flexbox, {
+      gap: mobile ? 16 : 24,
+      style: {
+        marginTop: 16
+      },
+      children: [componentName && /*#__PURE__*/_jsx("div", {
+        style: {
+          display: 'flex'
+        },
+        children: /*#__PURE__*/_jsx(Snippet, {
+          spotlight: true,
+          children: importString
+        })
+      }), /*#__PURE__*/_jsx(Divider, {
+        dashed: true,
+        style: {
+          margin: '2px 0'
+        }
+      }), /*#__PURE__*/_jsxs(Flexbox, {
+        distribution: 'space-between',
+        gap: mobile ? 24 : 0,
+        horizontal: !mobile,
+        children: [/*#__PURE__*/_jsx(Space, {
+          split: /*#__PURE__*/_jsx(Divider, {
+            type: 'vertical'
+          }),
+          wrap: true,
+          children: serviceList.map(function (item) {
+            return /*#__PURE__*/_jsx("a", {
+              href: item.url,
+              rel: "noreferrer",
+              target: '_blank',
+              title: item.label,
+              children: /*#__PURE__*/_jsxs(Flexbox, {
+                align: 'center',
+                className: styles.text,
+                gap: 8,
+                horizontal: true,
+                children: [item.icon, item.children]
+              })
+            }, item.label);
+          })
+        }), /*#__PURE__*/_jsx(Space, {
+          className: styles.meta,
+          split: /*#__PURE__*/_jsx(Divider, {
+            type: 'vertical'
+          }),
+          children: items.map(function (item, index) {
+            return /*#__PURE__*/_jsx("a", {
+              href: item.url,
+              rel: "noreferrer",
+              target: '_blank',
+              children: /*#__PURE__*/_jsxs(Flexbox, {
+                align: 'center',
+                className: styles.text,
+                gap: 8,
+                horizontal: true,
+                children: [item.icon, item.children]
+              })
+            }, index);
+          })
+        })]
+      })]
+    })]
+  });
+});

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

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    desc: import("antd-style").SerializedStyles;
+    label: import("antd-style").SerializedStyles;
+    meta: import("antd-style").SerializedStyles;
+    text: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
+}>;

package/dist/components/ApiHeader/style.js

@@ -0,0 +1,16 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+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,
+    token = _ref.token,
+    r = _ref.responsive,
+    stylish = _ref.stylish;
+  return {
+    desc: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    line-height: ", "px;\n  "])), token.fontSizeLG, token.lineHeightLG),
+    label: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 80px;\n  "]))),
+    meta: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""]))),
+    text: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n  "])), stylish.resetLinkColor),
+    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", " {\n      margin-block: 0;\n      font-size: 32px !important;\n    }\n  "])), r.mobile)
+  };
+});

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

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

package/dist/components/Favicons/index.js

@@ -0,0 +1,43 @@
+import { Helmet } from 'dumi';
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Favicons = /*#__PURE__*/memo(function () {
+  return /*#__PURE__*/_jsxs(Helmet, {
+    children: [/*#__PURE__*/_jsx("link", {
+      href: "https://npm.elemecdn.com/@lobehub/assets-favicons/assets/apple-touch-icon.png",
+      rel: "apple-touch-icon",
+      sizes: "180x180"
+    }), /*#__PURE__*/_jsx("link", {
+      href: "https://npm.elemecdn.com/@lobehub/assets-favicons/assets/favicon-32x32.png",
+      rel: "icon",
+      sizes: "32x32",
+      type: "image/png"
+    }), /*#__PURE__*/_jsx("link", {
+      href: "https://npm.elemecdn.com/@lobehub/assets-favicons/assets/favicon-16x16.png",
+      rel: "icon",
+      sizes: "16x16",
+      type: "image/png"
+    }), /*#__PURE__*/_jsx("link", {
+      href: "https://npm.elemecdn.com/@lobehub/assets-favicons/assets/site.webmanifest",
+      rel: "manifest"
+    }), /*#__PURE__*/_jsx("link", {
+      color: "#000000",
+      href: "https://npm.elemecdn.com/@lobehub/assets-favicons/assets/safari-pinned-tab.svg",
+      rel: "mask-icon"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "LobeHub",
+      name: "apple-mobile-web-app-title"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "LobeHub",
+      name: "application-name"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "#000000",
+      name: "msapplication-TileColor"
+    }), /*#__PURE__*/_jsx("meta", {
+      content: "#000000",
+      name: "theme-color"
+    })]
+  });
+});
+export default Favicons;