@oceanbase/ui 1.0.0-alpha.9 → 1.0.0

package/lib/BasicLayout/Header.js

@@ -1,53 +1,32 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/BasicLayout/Header.tsx
-var Header_exports = {};
-__export(Header_exports, {
-  default: () => Header_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Header_exports);
-var import_icons = require("@oceanbase/icons");
-var import_design = require("@oceanbase/design");
-var import_classnames = __toESM(require("classnames"));
-var import_moment = __toESM(require("moment"));
-var import_react = require("react");
-var import_constant = require("../constant");
-var import_LocaleWrapper = __toESM(require("../locale/LocaleWrapper"));
-var import_util = require("../_util");
-var import_useNavigate = __toESM(require("../_util/useNavigate"));
-var import_zh_CN = __toESM(require("./locale/zh-CN"));
-var import_oceanbase_logo = __toESM(require("../assets/logo/oceanbase_logo.svg"));
-var import_oceanbase_logo_dark = __toESM(require("../assets/logo/oceanbase_logo_dark.svg"));
-var import_LocaleDropdown = __toESM(require("../LocaleDropdown"));
-var import_Header = __toESM(require("./style/Header"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Header = ({
+exports.default = void 0;
+var _icons = require("@oceanbase/icons");
+var _design = require("@oceanbase/design");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _moment = _interopRequireDefault(require("moment"));
+var _react = _interopRequireWildcard(require("react"));
+var _constant = require("../constant");
+var _LocaleWrapper = _interopRequireDefault(require("../locale/LocaleWrapper"));
+var _util = require("../_util");
+var _useNavigate = _interopRequireDefault(require("../_util/useNavigate"));
+var _zhCN = _interopRequireDefault(require("./locale/zh-CN"));
+var _oceanbase_logo = _interopRequireDefault(require("../assets/logo/oceanbase_logo.svg"));
+var _oceanbase_logo_dark = _interopRequireDefault(require("../assets/logo/oceanbase_logo_dark.svg"));
+var _LocaleDropdown = _interopRequireDefault(require("../LocaleDropdown"));
+var _Header = _interopRequireDefault(require("./style/Header"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client"; // @ts-ignore
+// 自定义 SVG 图标需要将其导入为图片，而不能是 ReactComponent，因为需要依赖 webpack 插件
+// 虽然本地开发可以生效，但构建后的产物在上层项目中不会生效，导致 SVG 展示为空
+// @ts-ignore
+const Header = ({
   prefixCls: customizePrefixCls,
   showLabel = true,
   title,
@@ -71,160 +50,223 @@ var Header = ({
   langs,
   ...restProps
 }) => {
-  const { theme, getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-basic-layout-header", `${customizePrefixCls}-header`);
-  const { wrapSSR } = (0, import_Header.default)(prefixCls);
-  const navigate = (0, import_useNavigate.default)();
-  const [visible, setVisible] = (0, import_react.useState)(false);
+  const {
+    theme,
+    getPrefixCls
+  } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('pro-basic-layout-header', `${customizePrefixCls}-header`);
+  const {
+    wrapSSR
+  } = (0, _Header.default)(prefixCls);
+  const navigate = (0, _useNavigate.default)();
+  const [visible, setVisible] = (0, _react.useState)(false);
+
+  // 是否为欢迎页
+  // 主要是为了处理与欢迎页搭配使用的场景
   const isWelcome = pathname === welcomePath;
-  const helpMenu = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_design.Menu,
-    {
-      onClick: ({ key }) => {
-        var _a;
-        if (key === "welcome") {
-          navigate == null ? void 0 : navigate(welcomePath);
-        } else if (key === "versionNotice") {
-          (0, import_util.directTo)(versionNoticePath);
-        } else if (key === "viewDocs") {
-          (0, import_util.directTo)(docsPath);
-        } else if (key === "downloadDocs") {
-          const ele = document.createElement("a");
-          ele.setAttribute("href", pdfPath);
-          ele.setAttribute("download", ((_a = pdfPath == null ? void 0 : pdfPath.split("/")) == null ? void 0 : _a.pop()) || "Docs.pdf");
-          ele.click();
-          ele.remove();
-        } else if (key === "about") {
-          setVisible(true);
-        }
+  // 帮助菜单
+  const helpMenu = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Menu, {
+    onClick: ({
+      key
+    }) => {
+      if (key === 'welcome') {
+        navigate?.(welcomePath);
+      } else if (key === 'versionNotice') {
+        (0, _util.directTo)(versionNoticePath);
+      } else if (key === 'viewDocs') {
+        (0, _util.directTo)(docsPath);
+      } else if (key === 'downloadDocs') {
+        const ele = document.createElement('a');
+        ele.setAttribute('href', pdfPath);
+        ele.setAttribute('download', pdfPath?.split('/')?.pop() || 'Docs.pdf');
+        ele.click();
+        ele.remove();
+      } else if (key === 'about') {
+        setVisible(true);
+      }
+    },
+    children: [welcomePath && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu.Item, {
+      children: locale.welcome
+    }, "welcome"), versionNoticePath && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu.Item, {
+      children: locale.versionNotice
+    }, "versionNotice"), docsPath && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu.Item, {
+      children: locale.viewDocs
+    }, "viewDocs"), pdfPath && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu.Item, {
+      children: locale.downloadDocs
+    }, "downloadDocs"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu.Item, {
+      children: `${locale.about}${appData.shortName ? ` ${appData.shortName}` : ''}`
+    }, "about")]
+  });
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ...restProps,
+    className: (0, _classnames.default)(prefixCls, {
+      [`${prefixCls}-welcome`]: isWelcome
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: `${prefixCls}-content`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: simpleLogoUrl,
+        alt: "",
+        onClick: () => {
+          navigate?.('/');
+        },
+        className: `${prefixCls}-logo`
+      }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-title`,
+        children: title
+      }), showLabel ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${prefixCls}-extra ${prefixCls}-extra-with-label`,
+        children: [extra, showHelp && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Dropdown, {
+          overlay: helpMenu,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Space, {
+            className: `${prefixCls}-extra-item`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BulbOutlined, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              "data-testid": "help",
+              children: locale.help
+            })]
+          })
+        }), showLocale && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocaleDropdown.default, {
+          locales: locales || langs,
+          className: `${prefixCls}-extra-item`
+        }), userMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Dropdown, {
+          overlay: userMenu,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Button, {
+            shape: "round",
+            size: "small",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Space, {
+              className: `${prefixCls}-extra-item`,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UserOutlined, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: username
+              })]
+            })
+          })
+        }) :
+        /*#__PURE__*/
+        // userMenu username 都不存在时，不展示该项
+        (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: username ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Button, {
+            shape: "round",
+            size: "small",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Space, {
+              className: `${prefixCls}-extra-item`,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UserOutlined, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: username
+              })]
+            })
+          }) : null
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${prefixCls}-extra`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: `${prefixCls}-extra-item`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Dropdown, {
+            overlay: helpMenu,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: `${prefixCls}-extra-icon-wrapper`,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BulbFilled, {})
+            })
+          })
+        }), docsPath && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Tooltip, {
+          title: locale.viewDocs,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: `${prefixCls}-extra-item`,
+            onClick: () => {
+              (0, _util.directTo)(docsPath);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: `${prefixCls}-extra-icon-wrapper`,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ReadFilled, {})
+            })
+          })
+        }), showLocale && /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocaleDropdown.default, {
+          showLabel: true,
+          locales: locales || langs,
+          className: `${prefixCls}-extra-item`
+        }), userMenu ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: `${prefixCls}-extra-item`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Dropdown, {
+            overlay: userMenu,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+              className: `${prefixCls}-extra-user-wrapper`,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UserFilled, {
+                className: `${prefixCls}-extra-user-icon`
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: `${prefixCls}-extra-username`,
+                children: username
+              })]
+            })
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: `${prefixCls}-extra-item`,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: `${prefixCls}-extra-user-wrapper`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UserFilled, {
+              className: `${prefixCls}-extra-user-icon`
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: username
+            })]
+          })
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Modal, {
+      visible: visible
+      // Support for antd 5.0
+      ,
+      open: visible,
+      destroyOnClose: true,
+      footer: false,
+      onCancel: () => {
+        setVisible(false);
       },
-      children: [
-        welcomePath && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: locale.welcome }, "welcome"),
-        versionNoticePath && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: locale.versionNotice }, "versionNotice"),
-        docsPath && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: locale.viewDocs }, "viewDocs"),
-        pdfPath && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: locale.downloadDocs }, "downloadDocs"),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Item, { children: `${locale.about}${appData.shortName ? ` ${appData.shortName}` : ""}` }, "about")
-      ]
-    }
-  );
-  return wrapSSR(
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        ...restProps,
-        className: (0, import_classnames.default)(prefixCls, {
-          [`${prefixCls}-welcome`]: isWelcome
-        }),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-content`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "img",
-              {
-                src: simpleLogoUrl,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: `${prefixCls}-about-wrapper`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: `${prefixCls}-about`,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: logoUrl,
+            alt: "",
+            className: `${prefixCls}-logo`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${prefixCls}-release-info`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: `${prefixCls}-version`,
+              children: [locale.version, ": ", appData.version]
+            }), appData.releaseTime && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: `${prefixCls}-date`,
+              children: `${locale.releaseTime}: ${appData.releaseTime}`
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                href: _constant.OB_SITE_LINK,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: _constant.OB_SITE_LINK
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              style: {
+                display: 'flex',
+                justifyContent: 'space-between',
+                alignItems: 'center'
+              },
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                className: `${prefixCls}-copyright`,
+                children: [locale.right, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CopyrightOutlined, {}), " ", (0, _moment.default)().year(), " ", locale.company]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                src: theme?.isDark ? _oceanbase_logo_dark.default : _oceanbase_logo.default,
                 alt: "",
-                onClick: () => {
-                  navigate == null ? void 0 : navigate("/");
-                },
-                className: `${prefixCls}-logo`
-              }
-            ),
-            title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-title`, children: title }),
-            showLabel ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-extra ${prefixCls}-extra-with-label`, children: [
-              extra,
-              showHelp && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Dropdown, { overlay: helpMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { className: `${prefixCls}-extra-item`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.BulbOutlined, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-testid": "help", children: locale.help })
-              ] }) }),
-              showLocale && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LocaleDropdown.default, { locales: locales || langs, className: `${prefixCls}-extra-item` }),
-              userMenu ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Dropdown, { overlay: userMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { shape: "round", size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { className: `${prefixCls}-extra-item`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: username })
-              ] }) }) }) : (
-                // userMenu username 都不存在时，不展示该项
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: username ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Button, { shape: "round", size: "small", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { className: `${prefixCls}-extra-item`, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserOutlined, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: username })
-                ] }) }) : null })
-              )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-extra`, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-extra-item`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Dropdown, { overlay: helpMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-extra-icon-wrapper`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.BulbFilled, {}) }) }) }),
-              docsPath && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: locale.viewDocs, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "span",
-                {
-                  className: `${prefixCls}-extra-item`,
-                  onClick: () => {
-                    (0, import_util.directTo)(docsPath);
-                  },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-extra-icon-wrapper`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ReadFilled, {}) })
-                }
-              ) }),
-              showLocale && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_LocaleDropdown.default,
-                {
-                  showLabel: true,
-                  locales: locales || langs,
-                  className: `${prefixCls}-extra-item`
+                style: {
+                  height: 12
                 }
-              ),
-              userMenu ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-extra-item`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Dropdown, { overlay: userMenu, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefixCls}-extra-user-wrapper`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserFilled, { className: `${prefixCls}-extra-user-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-extra-username`, children: username })
-              ] }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-extra-item`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefixCls}-extra-user-wrapper`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserFilled, { className: `${prefixCls}-extra-user-icon` }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: username })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_design.Modal,
-            {
-              visible,
-              open: visible,
-              destroyOnClose: true,
-              footer: false,
-              onCancel: () => {
-                setVisible(false);
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-about-wrapper`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-about`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: logoUrl, alt: "", className: `${prefixCls}-logo` }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-release-info`, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-version`, children: [
-                    locale.version,
-                    ": ",
-                    appData.version
-                  ] }),
-                  appData.releaseTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-date`, children: `${locale.releaseTime}: ${appData.releaseTime}` })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: import_constant.OB_SITE_LINK, target: "_blank", rel: "noopener noreferrer", children: import_constant.OB_SITE_LINK }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                    "div",
-                    {
-                      style: { display: "flex", justifyContent: "space-between", alignItems: "center" },
-                      children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: `${prefixCls}-copyright`, children: [
-                          locale.right,
-                          " ",
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CopyrightOutlined, {}),
-                          " ",
-                          (0, import_moment.default)().year(),
-                          " ",
-                          locale.company
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: (theme == null ? void 0 : theme.isDark) ? import_oceanbase_logo_dark.default : import_oceanbase_logo.default, alt: "", style: { height: 12 } })
-                      ]
-                    }
-                  )
-                ] })
-              ] }) })
-            }
-          )
-        ]
-      }
-    )
-  );
+              })]
+            })]
+          })]
+        })
+      })
+    })]
+  }));
 };
-var Header_default = (0, import_LocaleWrapper.default)({
-  componentName: "BasicLayout",
-  defaultLocale: import_zh_CN.default
-})(Header);
+var _default = exports.default = (0, _LocaleWrapper.default)({
+  componentName: 'BasicLayout',
+  defaultLocale: _zhCN.default
+})(Header);

package/lib/BasicLayout/index.d.ts

@@ -12,12 +12,14 @@ export interface SiderHeaderProps {
     badgeProps?: BadgeProps;
 }
 export interface MenuItem {
-    link: string;
+    link?: string;
     title: string;
     icon?: React.ReactNode;
     selectedIcon?: React.ReactNode;
     accessible?: boolean;
     divider?: boolean;
+    /** 与 antd Menu 一致，设为 'group' 时渲染为分组标题，children 为该组下的菜单项 */
+    type?: 'group';
     children?: MenuItem[];
 }
 export interface BasicLayoutProps extends LocaleWrapperProps {