dumi-theme-lobehub/dist/slots/Sidebar/index.js

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

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;