dumi-theme-lobehub 1.0.0

package/dist/slots/Header/LangSwitch.js

@@ -0,0 +1,133 @@
+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 { Button } from 'antd';
+import { Link, history, useLocation } from 'dumi';
+import { memo, useEffect, useState } from 'react';
+import NativeSelect from "../../components/NativeSelect";
+import { useSiteStore } from "../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+function getTargetLocalePath(_ref) {
+  var pathname = _ref.pathname,
+    current = _ref.current,
+    target = _ref.target;
+  var clearPath = 'base' in current ?
+  // handle '/en-US/a' => '/a' or '/en-US' => '' => '/'
+  pathname.replace(current.base.replace(/\/$/, ''), '') || '/' : pathname.replace(new RegExp("".concat(current.suffix, "$")), '');
+  return 'base' in target ? "".concat(
+  // for `/` base, strip duplicated leading slash
+  target.base.replace(/\/$/, '')).concat(clearPath) // for `/` clearPath, strip duplicated ending slash
+  .replace(/([^/])\/$/, '$1') : "".concat(clearPath).concat(target.suffix);
+}
+var languageMap = {
+  'de-DE': '🇩🇪',
+  'en-US': '🇺🇸',
+  'es-ES': '🇪🇸',
+  'fr-FR': '🇫🇷',
+  'it-IT': '🇮🇹',
+  'jp-JP': '🇯🇵',
+  'ko-KR': '🇰🇷',
+  'pt-BR': '🇧🇷',
+  'ru-RU': '🇷🇺',
+  'tr-TR': '🇹🇷',
+  'vi-VN': '🇻🇳',
+  'zh-CN': '🇨🇳'
+};
+var displayLangMap = {
+  'en-US': 'EN',
+  'zh-CN': '中'
+};
+var SingleSwitch = /*#__PURE__*/memo(function (_ref2) {
+  var locale = _ref2.locale,
+    current = _ref2.current;
+  var _useLocation = useLocation(),
+    pathname = _useLocation.pathname;
+  var _useState = useState(function () {
+      return getTargetLocalePath({
+        current: current,
+        pathname: pathname,
+        target: locale
+      });
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    path = _useState2[0],
+    setPath = _useState2[1];
+  useEffect(function () {
+    setPath(getTargetLocalePath({
+      current: current,
+      pathname: pathname,
+      target: locale
+    }));
+  }, [pathname, current.id, locale.id]);
+  return /*#__PURE__*/_jsx(Link, {
+    to: path,
+    children: /*#__PURE__*/_jsx(Button, {
+      style: {
+        alignItems: 'center',
+        display: 'flex',
+        justifyContent: 'center',
+        minWidth: 34,
+        padding: 0
+      },
+      children: displayLangMap[locale.id]
+    })
+  });
+});
+var LangSwitch = /*#__PURE__*/memo(function () {
+  var locales = useSiteStore(function (s) {
+    return s.siteData.locales;
+  });
+  var current = useSiteStore(function (s) {
+    return s.locale;
+  });
+
+  // do not render in single language
+  if (locales.length <= 1) return;
+  return locales.length > 2 ? /*#__PURE__*/_jsx(NativeSelect, {
+    onChange: function onChange(index) {
+      console.log(getTargetLocalePath({
+        current: current,
+        pathname: location.pathname,
+        target: locales[index]
+      }));
+      history.push(getTargetLocalePath({
+        current: current,
+        pathname: location.pathname,
+        target: locales[index]
+      }));
+    },
+    options: locales.map(function (item) {
+      return {
+        label: displayLangMap[item.id],
+        value: item.id
+      };
+    }),
+    renderItem: function renderItem(item, index) {
+      return "".concat(languageMap[locales[index].id], " ").concat(locales[index].name);
+    },
+    style: {
+      alignItems: 'center',
+      display: 'flex',
+      height: 32,
+      justifyContent: 'center',
+      minWidth: 32,
+      padding: 0
+    },
+    value: locales.findIndex(function (l) {
+      return l.id === current.id;
+    })
+  }) :
+  /*#__PURE__*/
+  // single language switch
+  _jsx(SingleSwitch, {
+    current: current,
+    locale: locales.find(function (_ref3) {
+      var id = _ref3.id;
+      return id !== current.id;
+    })
+  });
+});
+export default LangSwitch;

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

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

package/dist/slots/Header/ThemeSwitch.js

@@ -0,0 +1,18 @@
+import { ThemeSwitch as ThemeSwitchButton } from '@lobehub/ui';
+import { memo } from 'react';
+import { useThemeStore } from "../../store/useThemeStore";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ThemeSwitch = /*#__PURE__*/memo(function () {
+  var themeMode = useThemeStore(function (s) {
+    return s.themeMode;
+  });
+  return /*#__PURE__*/_jsx(ThemeSwitchButton, {
+    onThemeSwitch: function onThemeSwitch(themeMode) {
+      useThemeStore.setState({
+        themeMode: themeMode
+      });
+    },
+    themeMode: themeMode
+  });
+});
+export default ThemeSwitch;

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

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

package/dist/slots/Header/index.js

@@ -0,0 +1,30 @@
+import { Header as Head } from '@lobehub/ui';
+import { useResponsive } from 'antd-style';
+import { memo } from 'react';
+import Logo from "dumi/theme/slots/Logo";
+import Navbar from "dumi/theme/slots/Navbar";
+import SearchBar from "dumi/theme/slots/SearchBar";
+import { useSiteStore } from "../../store/useSiteStore";
+import Burger from "./Burger";
+import GithubButton from "./GithubButton";
+import LangSwitch from "./LangSwitch";
+import ThemeSwitch from "./ThemeSwitch";
+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 Header = /*#__PURE__*/memo(function () {
+  var hasHeader = useSiteStore(function (s) {
+    return Boolean(s.routeMeta.frontmatter);
+  });
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  if (!hasHeader) return;
+  return /*#__PURE__*/_jsx(Head, {
+    actions: mobile ? /*#__PURE__*/_jsx(ThemeSwitch, {}) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [' ', /*#__PURE__*/_jsx(SearchBar, {}), /*#__PURE__*/_jsx(LangSwitch, {}), /*#__PURE__*/_jsx(GithubButton, {}), /*#__PURE__*/_jsx(ThemeSwitch, {})]
+    }),
+    logo: /*#__PURE__*/_jsx(Logo, {}),
+    nav: mobile ? /*#__PURE__*/_jsx(Burger, {}) : /*#__PURE__*/_jsx(Navbar, {})
+  });
+});
+export default Header;

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

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

package/dist/slots/Hero/index.js

@@ -0,0 +1,15 @@
+import { Hero as H } from '@lobehub/ui';
+import { memo } from 'react';
+import { heroActionsSel, heroDescSel, heroTitleSel, useSiteStore } from "../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Hero = /*#__PURE__*/memo(function () {
+  var title = useSiteStore(heroTitleSel);
+  var description = useSiteStore(heroDescSel);
+  var actions = useSiteStore(heroActionsSel);
+  return /*#__PURE__*/_jsx(H, {
+    actions: actions,
+    description: description,
+    title: title
+  });
+});
+export default Hero;

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

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

package/dist/slots/Logo/index.js

@@ -0,0 +1,38 @@
+import { 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 { 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 locale = useSiteStore(function (s) {
+    return s.locale;
+  }, isEqual);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  return themeConfig && /*#__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]
+    }) : /*#__PURE__*/_jsx(SiteLogo, {
+      extra: themeConfig.name,
+      size: mobile ? 32 : 36,
+      type: "combine"
+    })
+  });
+});
+export default Logo;

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

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

package/dist/slots/Logo/style.js

@@ -0,0 +1,9 @@
+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 css = _ref.css,
+    responsive = _ref.responsive,
+    token = _ref.token;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n\n    font-size: 22px;\n    font-weight: 500;\n    line-height: 1;\n    color: ", ";\n    text-decoration: none;\n\n    ", " {\n      font-size: 18px;\n    }\n  "])), token.colorText, responsive.mobile);
+});

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

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

package/dist/slots/Navbar/index.js

@@ -0,0 +1,55 @@
+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 { TabsNav } from '@lobehub/ui';
+import { createStyles } from 'antd-style';
+import { Link, history } from 'dumi';
+import NavbarExtra from 'dumi/theme-default/slots/NavbarExtra';
+import { memo } from 'react';
+import { shallow } from 'zustand/shallow';
+import { activePathSel, useSiteStore } from "../../store";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    stylish = _ref.stylish,
+    token = _ref.token,
+    responsive = _ref.responsive;
+  return {
+    link: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n    "])), stylish.resetLinkColor),
+    tabs: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .ant-tabs-tab-active a {\n        color: ", " !important;\n      }\n      ", " {\n        display: none;\n      }\n    "])), token.colorText, responsive.mobile)
+  };
+});
+var Navbar = /*#__PURE__*/memo(function () {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var nav = useSiteStore(function (s) {
+    return s.navData;
+  }, shallow);
+  var activePath = useSiteStore(activePathSel);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TabsNav, {
+      activeKey: activePath,
+      className: styles.tabs,
+      items: nav.map(function (item) {
+        return {
+          key: String(item.activePath || item.link),
+          label: /*#__PURE__*/_jsx(Link, {
+            className: styles.link,
+            to: String(item.link),
+            children: item.title
+          })
+        };
+      }),
+      onChange: function onChange(path) {
+        var _nav$find;
+        var url = (_nav$find = nav.find(function (index) {
+          return index.activePath === path || index.link === path;
+        })) === null || _nav$find === void 0 ? void 0 : _nav$find.link;
+        if (!url) return;
+        history.push(url);
+      }
+    }), /*#__PURE__*/_jsx(NavbarExtra, {})]
+  });
+});
+export default Navbar;

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

@@ -0,0 +1,13 @@
+import { type IPreviewerProps } from 'dumi';
+import { type FC, type ReactNode } from 'react';
+export interface IPreviewerActionsProps extends IPreviewerProps {
+    demoContainer: HTMLDivElement | HTMLIFrameElement;
+    /**
+     * disabled actions
+     */
+    disabledActions?: ('CSB' | 'STACKBLITZ' | 'EXTERNAL' | 'HTML2SKETCH')[];
+    extra?: ReactNode;
+    forceShowCode?: boolean;
+}
+declare const PreviewerActions: FC<IPreviewerActionsProps>;
+export default PreviewerActions;

package/dist/slots/PreviewerActions/index.js

@@ -0,0 +1,109 @@
+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 { ActionIcon, TabsNav } from '@lobehub/ui';
+import { openCodeSandbox, openStackBlitz, useIntl } from 'dumi';
+import SourceCode from "../../../example/.dumi/tmp/dumi/theme/builtins/SourceCode";
+import { Code, Code2, Codesandbox, MonitorUp, Zap } from 'lucide-react';
+import { useState } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var SIZE = {
+  blockSize: 24,
+  fontSize: 16,
+  strokeWidth: 2
+};
+var PreviewerActions = function PreviewerActions(props) {
+  var _files$activeKey$0$ma, _props$disabledAction, _props$disabledAction2, _props$disabledAction3;
+  var intl = useIntl();
+  var files = Object.entries(props.asset.dependencies).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      type = _ref2[1].type;
+    return type === 'FILE';
+  });
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var _useState3 = useState(props.forceShowCode || props.defaultShowCode),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showCode = _useState4[0],
+    setShowCode = _useState4[1];
+  var isSingleFile = files.length === 1;
+  var lang = ((_files$activeKey$0$ma = files[activeKey][0].match(/\.([^.]+)$/)) === null || _files$activeKey$0$ma === void 0 ? void 0 : _files$activeKey$0$ma[1]) || 'text';
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.actionBar,
+      children: [!((_props$disabledAction = props.disabledActions) !== null && _props$disabledAction !== void 0 && _props$disabledAction.includes('CSB')) && /*#__PURE__*/_jsx(ActionIcon, {
+        icon: Codesandbox,
+        onClick: function onClick() {
+          return openCodeSandbox(props);
+        },
+        size: SIZE,
+        title: intl.formatMessage({
+          id: 'previewer.actions.codesandbox'
+        })
+      }), !((_props$disabledAction2 = props.disabledActions) !== null && _props$disabledAction2 !== void 0 && _props$disabledAction2.includes('STACKBLITZ')) && /*#__PURE__*/_jsx(ActionIcon, {
+        icon: Zap,
+        onClick: function onClick() {
+          return openStackBlitz(props);
+        },
+        size: SIZE,
+        title: intl.formatMessage({
+          id: 'previewer.actions.stackblitz'
+        })
+      }), !((_props$disabledAction3 = props.disabledActions) !== null && _props$disabledAction3 !== void 0 && _props$disabledAction3.includes('EXTERNAL')) && /*#__PURE__*/_jsx("a", {
+        href: props.demoUrl,
+        rel: "noreferrer",
+        target: "_blank",
+        children: /*#__PURE__*/_jsx(ActionIcon, {
+          icon: MonitorUp,
+          size: SIZE,
+          title: intl.formatMessage({
+            id: 'previewer.actions.separate'
+          })
+        })
+      }), !props.forceShowCode && /*#__PURE__*/_jsx(ActionIcon, {
+        icon: showCode ? Code2 : Code,
+        onClick: function onClick() {
+          return setShowCode(function (previous) {
+            return !previous;
+          });
+        },
+        size: SIZE,
+        title: intl.formatMessage({
+          id: "previewer.actions.code.".concat(showCode ? 'shrink' : 'expand')
+        })
+      })]
+    }), showCode && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.tabs,
+        children: !isSingleFile && /*#__PURE__*/_jsx(TabsNav, {
+          activeKey: String(activeKey),
+          items: files.map(function (_ref3, index) {
+            var _ref4 = _slicedToArray(_ref3, 1),
+              filename = _ref4[0];
+            return {
+              key: String(index),
+              label: filename
+            };
+          }),
+          onChange: function onChange(key) {
+            return setActiveKey(Number(key));
+          }
+        })
+      }), /*#__PURE__*/_jsx(SourceCode, {
+        lang: lang,
+        children: files[activeKey][1].value
+      })]
+    })]
+  });
+};
+export default PreviewerActions;

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

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

package/dist/slots/PreviewerActions/style.js

@@ -0,0 +1,11 @@
+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,
+    css = _ref.css;
+  return {
+    actionBar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: center;\n\n      height: 36px;\n    "]))),
+    tabs: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding: 0 12px;\n      background: ", ";\n      border-top: 1px dashed ", ";\n      border-bottom: 1px dashed ", ";\n    "])), token.colorBgLayout, token.colorBorderSecondary, token.colorBorderSecondary)
+  };
+});

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

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

package/dist/slots/SearchBar/index.js

@@ -0,0 +1,51 @@
+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 { SearchBar as Input } from '@lobehub/ui';
+import { useSiteSearch } from 'dumi';
+import SearchResult from 'dumi/theme-default/slots/SearchResult';
+import { memo, useState } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SearchBar = /*#__PURE__*/memo(function () {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focusing = _useState2[0],
+    setFocusing = _useState2[1];
+  var _useSiteSearch = useSiteSearch(),
+    keywords = _useSiteSearch.keywords,
+    setKeywords = _useSiteSearch.setKeywords,
+    result = _useSiteSearch.result,
+    loading = _useSiteSearch.loading;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/_jsx(Input, {
+      enableShortKey: true,
+      onBlur: function onBlur() {
+        setTimeout(function () {
+          setFocusing(false);
+        }, 1);
+      },
+      onChange: function onChange(e) {
+        return setKeywords(e.target.value);
+      },
+      onFocus: function onFocus() {
+        return setFocusing(true);
+      },
+      spotlight: true
+    }), keywords.trim() && focusing && (result.length > 0 || !loading) && /*#__PURE__*/_jsx("div", {
+      className: styles.popover,
+      children: /*#__PURE__*/_jsx(SearchResult, {
+        data: result,
+        loading: loading
+      })
+    })]
+  });
+});
+export default SearchBar;

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

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+    input: import("antd-style").SerializedStyles;
+    popover: import("antd-style").SerializedStyles;
+    shortcut: string;
+    svg: string;
+}>;

package/dist/slots/SearchBar/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 token = _ref.token,
+    responsive = _ref.responsive,
+    css = _ref.css,
+    cx = _ref.cx;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      // TODO: support search for mobile devices\n      ", " {\n        display: none;\n      }\n    "])), responsive.mobile),
+    input: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      box-sizing: border-box;\n      width: 280px;\n      height: ", "px;\n      padding: 0;\n      padding-inline-start: 40px;\n      padding-inline-end: 12px;\n\n      font-size: 14px;\n      color: ", ";\n\n      background-color: transparent;\n      border: 1px solid ", ";\n      border-radius: 20px;\n      outline: none;\n\n      transition: all 0.3s;\n\n      &::input-placeholder {\n        color: ", ";\n      }\n\n      &:focus {\n        background: ", ";\n        border-color: ", ";\n\n        ~ .site-header-shortcut {\n          opacity: 0;\n        }\n      }\n    "])), token.controlHeightLG, token.colorTextSecondary, token.colorBorder, token.colorTextPlaceholder, token.colorBgElevated, token.colorBorderSecondary),
+    popover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 100%;\n      inset-inline-end: 0;\n\n      overflow: auto;\n      overscroll-behavior: contain;\n      flex: 1;\n\n      width: 540px;\n      min-height: 60px;\n      max-height: 400px;\n      margin-top: 8px;\n\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      box-shadow: ", ";\n\n      -webkit-overflow-scrolling: touch;\n\n      .dumi-default-search-result {\n        > dl {\n          > dt {\n            color: ", ";\n            background: ", ";\n          }\n\n          > dd {\n            > a {\n              > h4 {\n                color: ", ";\n              }\n\n              > p {\n                color: ", ";\n              }\n\n              &:hover {\n                background: ", ";\n              }\n            }\n\n            + dd {\n              border-color: ", ";\n            }\n          }\n        }\n\n        mark {\n          color: #000;\n          background: ", ";\n        }\n      }\n    "])), token.colorBgElevated, token.colorBorder, token.borderRadiusLG, token.boxShadow, token.colorText, token.colorFillTertiary, token.colorTextSecondary, token.colorTextDescription, token.colorFillSecondary, token.colorBorderSecondary, token.yellow9),
+    shortcut: cx('site-header-shortcut', css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        pointer-events: none;\n\n        position: absolute;\n        top: 50%;\n        inset-inline-end: 11px;\n        transform: translateY(-50%);\n\n        display: inline-block;\n\n        padding: 4px 8px;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ", ";\n        white-space: nowrap;\n\n        background-color: ", ";\n        border: 1px solid ", ";\n        border-radius: 11px;\n\n        transition: all 0.3s;\n\n        ", " {\n          display: none;\n        }\n      "])), token.colorTextDescription, token.colorFillSecondary, token.colorBorderSecondary, responsive.mobile)),
+    svg: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        position: absolute;\n        top: 50%;\n        inset-inline-start: 16px;\n        transform: translateY(-50%);\n\n        width: 16px;\n        margin-top: 1px;\n\n        color: ", ";\n      "])), token.colorTextPlaceholder))
+  };
+});

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

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

package/dist/slots/Sidebar/index.js

@@ -0,0 +1,35 @@
+import { NavLink } from 'dumi';
+import isEqual from 'fast-deep-equal';
+import { memo } from 'react';
+import { useSiteStore } from "../../store/useSiteStore";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Sidebar = /*#__PURE__*/memo(function () {
+  var sidebar = useSiteStore(function (s) {
+    return s.sidebar;
+  }, isEqual);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var isEmptySideBar = !sidebar || sidebar.length === 0;
+  return isEmptySideBar ? undefined : /*#__PURE__*/_jsx("section", {
+    className: styles.sidebarInner,
+    children: sidebar.map(function (item, index) {
+      return /*#__PURE__*/_jsxs("dl", {
+        children: [item.title && /*#__PURE__*/_jsx("dt", {
+          children: item.title
+        }), item.children.map(function (child) {
+          return /*#__PURE__*/_jsx("dd", {
+            children: /*#__PURE__*/_jsx(NavLink, {
+              end: true,
+              title: child.title,
+              to: child.link,
+              children: child.title
+            })
+          }, child.link);
+        })]
+      }, String(index));
+    })
+  });
+});
+export default Sidebar;

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

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

package/dist/slots/Sidebar/style.js

@@ -0,0 +1,11 @@
+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,
+    token = _ref.token;
+  return {
+    sidebar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: ", "px;\n  "])), token.headerHeight),
+    sidebarInner: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    padding: 16px;\n\n    dl {\n      margin: 0;\n      padding: 0;\n      line-height: 1;\n\n      > dt {\n        overflow: hidden;\n\n        margin: 8px 0;\n\n        font-weight: 500;\n        color: ", ";\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n      }\n\n      > dd {\n        margin: 0;\n        padding: 2px 0;\n\n        > a {\n          overflow: hidden;\n          display: block;\n\n          padding: 6px 12px;\n\n          font-size: ", "px;\n          line-height: ", ";\n          color: ", ";\n          text-decoration: none;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n\n          border-radius: 6px;\n\n          transition: color 600ms ", ",\n            background-color 100ms ", ";\n\n          &:hover {\n            color: ", ";\n            background: ", ";\n          }\n\n          &:active {\n            color: ", ";\n            background-color: ", ";\n          }\n\n          &.active {\n            color: ", ";\n            background-color: ", ";\n\n            &:hover {\n              color: ", ";\n              background: ", ";\n            }\n\n            &:active {\n              color: ", ";\n              background-color: ", ";\n            }\n          }\n        }\n      }\n\n      + dl {\n        margin-top: 16px;\n        padding-top: 16px;\n        border-top: 1px dashed ", ";\n      }\n    }\n  "])), token.colorText, token.fontSize, token.lineHeight, token.colorTextSecondary, token.motionEaseOut, token.motionEaseOut, token.colorText, token.colorFillTertiary, token.colorText, token.colorFill, token.colorText, token.colorFillSecondary, token.colorText, token.colorFillSecondary, token.colorText, token.colorFill, token.colorBorder)
+  };
+});

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

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