dumi-theme-lobehub 1.7.6 → 1.8.0

package/README.md

@@ -2,7 +2,7 @@
 
 <div align="center">
 
-<img height="120" src="https://registry.npmmirror.com/@lobehub/assets-logo/1.0.0/files/assets/logo-3d.webp">
+<img height="120" src="https://registry.npmmirror.com/@lobehub/assets-logo/latest/files/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">
 
@@ -36,11 +36,16 @@ dumi-theme-lobehub is a documentation site theme package designed for `Dumi 2`.
 - [🤯 Usage](#-usage)
 - [⌨️ Local Development](#️-local-development)
 - [🤝 Contributing](#-contributing)
+- [🔗 Links](#-links)
+  - [More Products](#more-products)
 
 ####
 
 </details>
 
+> \[!WARNING]
+> Not Support Dumi >= 2.3 yet
+
 ## ✨ Features
 
 - [x] 🤯 **Modern Theme Style:** This theme package adopts modern design techniques such as gradient colors, frosted glass, lighting effects, and natural animations to present the interface in a more concise and visually appealing way, making the documents more intuitive, readable, and user-friendly.
@@ -105,7 +110,7 @@ interface SiteThemeConfig {
 }
 ```
 
-> **Note**\
+> \[!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">

package/dist/components/ApiHeader/index.js

@@ -1,4 +1,4 @@
-import { Icon, Snippet } from '@lobehub/ui';
+import { Icon, Markdown, Snippet } from '@lobehub/ui';
 import { Divider, Space, Typography } from 'antd';
 import { useResponsive } from 'antd-style';
 import { Edit3, Github } from 'lucide-react';
@@ -49,15 +49,15 @@ export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
   var importString = defaultImport ? "import ".concat(componentName, " from '").concat(pkg, "';") : "import { ".concat(componentName, " } from '").concat(pkg, "';");
   return /*#__PURE__*/_jsxs(Flexbox, {
     id: 'api-header',
+    style: {
+      marginBottom: 24
+    },
     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
-      })
+    }), description && /*#__PURE__*/_jsx(Markdown, {
+      className: styles.desc,
+      children: description
     }), !isDoc && /*#__PURE__*/_jsxs(Flexbox, {
       gap: mobile ? 16 : 24,
       style: {

package/dist/components/Favicons/index.js

@@ -5,25 +5,25 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var Favicons = /*#__PURE__*/memo(function () {
   return /*#__PURE__*/_jsxs(Helmet, {
     children: [/*#__PURE__*/_jsx("link", {
-      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/apple-touch-icon.png",
+      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/apple-touch-icon.png",
       rel: "apple-touch-icon",
       sizes: "180x180"
     }), /*#__PURE__*/_jsx("link", {
-      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/favicon-32x32.png",
+      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/favicon-32x32.png",
       rel: "icon",
       sizes: "32x32",
       type: "image/png"
     }), /*#__PURE__*/_jsx("link", {
-      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/favicon-16x16.png",
+      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/favicon-16x16.png",
       rel: "icon",
       sizes: "16x16",
       type: "image/png"
     }), /*#__PURE__*/_jsx("link", {
-      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/site.webmanifest",
+      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/site.webmanifest",
       rel: "manifest"
     }), /*#__PURE__*/_jsx("link", {
       color: "#000000",
-      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/1.1.0/files/assets/safari-pinned-tab.svg",
+      href: "https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/safari-pinned-tab.svg",
       rel: "mask-icon"
     }), /*#__PURE__*/_jsx("meta", {
       content: "LobeHub",

package/dist/components/NativeSelect/SelectItem/index.d.ts

@@ -8,5 +8,5 @@ interface SelectItemProps {
     ref?: ForwardedRef<HTMLButtonElement>;
     value: any;
 }
-declare const SelectItem: import("react").NamedExoticComponent<SelectItemProps>;
+declare const SelectItem: import("react").ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & import("react").RefAttributes<any>>;
 export default SelectItem;

package/dist/components/NativeSelect/SelectItem/index.js

@@ -7,10 +7,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { forwardRef, memo } from 'react';
+import { forwardRef } from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var SelectItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, reference) {
+var SelectItem = /*#__PURE__*/forwardRef(function (_ref, reference) {
   var value = _ref.value,
     label = _ref.label,
     prefixCls = _ref.prefixCls,
@@ -32,5 +32,5 @@ var SelectItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, refe
   }, props), {}, {
     children: label
   }), value);
-}));
+});
 export default SelectItem;

package/dist/plugin/index.js

@@ -41,8 +41,7 @@ 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`;

package/dist/slots/Content/index.js

@@ -7,6 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { Typography } from '@lobehub/ui';
 import { Skeleton } from 'antd';
 import { useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
@@ -37,20 +38,13 @@ var Content = /*#__PURE__*/memo(function (_ref) {
     gap: mobile ? 0 : 24,
     width: '100%'
   }, props), {}, {
-    children: [/*#__PURE__*/_jsx("div", {
-      style: {
-        height: 0
-      }
-    }), /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       className: cx('dumi-antd-style-content', styles.content),
       children: [/*#__PURE__*/_jsx(Skeleton, {
         active: true,
         loading: loading,
-        paragraph: true,
-        style: {
-          minHeight: '50vh'
-        }
-      }), /*#__PURE__*/_jsx("div", {
+        paragraph: true
+      }), /*#__PURE__*/_jsx(Typography, {
         style: {
           display: loading ? 'none' : undefined
         },

package/dist/slots/Content/style.js

@@ -5,9 +5,8 @@ export var useStyles = createStyles(function (_ref, isPure) {
   var cx = _ref.cx,
     token = _ref.token,
     responsive = _ref.responsive,
-    css = _ref.css,
-    stylish = _ref.stylish;
+    css = _ref.css;
   return {
-    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))
+    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    "]))))
   };
 });

package/dist/slots/Features/index.js

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

package/dist/slots/Navbar/index.js

@@ -35,7 +35,13 @@ var Navbar = /*#__PURE__*/memo(function () {
       items: nav.map(function (item) {
         return {
           key: String(item.activePath || item.link),
-          label: /*#__PURE__*/_jsx(Link, {
+          label: /^(\w+:)\/\/|^(mailto|tel):/.test(item.link || '') ? /*#__PURE__*/_jsx("a", {
+            className: styles.link,
+            href: String(item.link),
+            rel: "noreferrer",
+            target: "_blank",
+            children: item.title
+          }) : /*#__PURE__*/_jsx(Link, {
             className: styles.link,
             to: String(item.link),
             children: item.title

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "1.7.6",
+  "version": "1.8.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",
@@ -25,23 +25,22 @@
     "dist"
   ],
   "dependencies": {
-    "@floating-ui/react": "^0",
-    "@giscus/react": "^2",
-    "@lobehub/ui": "latest",
-    "ahooks": "^3",
-    "antd": "^5",
-    "antd-style": "^3",
-    "chalk": "^4",
-    "fast-deep-equal": "^3",
-    "history": "^5",
-    "lodash-es": "^4",
-    "lucide-react": "latest",
-    "polished": "^4",
-    "rc-footer": "^0",
-    "react-layout-kit": "^1",
-    "styled-components": "latest",
-    "use-merge-value": "^1",
-    "zustand": "^4"
+    "@floating-ui/react": "^0.26.17",
+    "@giscus/react": "^2.4.0",
+    "@lobehub/ui": "^1.142.4",
+    "ahooks": "^3.8.0",
+    "antd": "^5.18.2",
+    "antd-style": "^3.6.2",
+    "chalk": "^4.1.2",
+    "fast-deep-equal": "^3.1.3",
+    "history": "^5.3.0",
+    "lodash-es": "^4.17.21",
+    "lucide-react": "^0.395.0",
+    "polished": "^4.3.1",
+    "rc-footer": "^0.6.8",
+    "react-layout-kit": "^1.9.0",
+    "use-merge-value": "^1.2.0",
+    "zustand": "^4.5.2"
   },
   "peerDependencies": {
     "antd": ">=5",