@hsu-react/ui 1.0.0 → 2.0.1

package/lib/layout/I18n/I18nStore.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.LocaleOptions = void 0;
+var _reactIntl = require("react-intl");
+var _en_US = _interopRequireDefault(require("antd/locale/en_US"));
+var _enUS = _interopRequireDefault(require("./locales/en-US"));
+var _mobx = require("mobx");
+var _zh_CN = _interopRequireDefault(require("antd/locale/zh_CN"));
+var _zhCN = _interopRequireDefault(require("./locales/zh-CN"));
+var _storage = require("../_utils/storage");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const LocaleOptions = exports.LocaleOptions = [{
+  label: "中文简体",
+  value: "zh-CN"
+}, {
+  label: "English",
+  value: "en-US"
+}];
+class I18n {
+  get locale() {
+    return this._locale;
+  }
+  _locale = "zh-CN";
+  get messages() {
+    return this._messages;
+  }
+  _messages = _zhCN.default;
+  get antLocale() {
+    return this._antLocale;
+  }
+  _antLocale = _zh_CN.default;
+
+  // 显式标注返回类型。不标的话 TS 会把它推断成 react-intl 内部依赖里的类型，
+  // 生成的 d.ts 就会带上 `react-intl/node_modules/intl-messageformat` 这种路径 ——
+  // 在消费方那边（依赖扁平化后位置不同）解析不到。发包才会暴露的问题。
+  get formatMessage() {
+    return this._formatMessage;
+  }
+  _formatMessage;
+  constructor() {
+    (0, _mobx.makeAutoObservable)(this);
+    // 原本兜底读的是应用的全局 Config.locale。那是消费方 build 期注入的 ambient 全局，
+    // 组件不该认识它 —— 默认语言改由 <Layout.I18n defaultLocale> 传入。
+    this.setLocale((0, _storage.readStorage)(_storage.STORAGE_KEY.LANG) || "zh-CN");
+  }
+
+  /**
+   * 应用默认语言：只在本地从未缓存过语言时生效，不覆盖用户已经做过的选择。
+   * 由 `<Layout.I18n defaultLocale>` 调用。
+   */
+  applyDefaultLocale = locale => {
+    if (!(0, _storage.readStorage)(_storage.STORAGE_KEY.LANG)) this.setLocale(locale);
+  };
+  setLocale = (locale = "zh-CN") => {
+    this._locale = locale;
+    (0, _storage.writeStorage)(_storage.STORAGE_KEY.LANG, locale);
+    switch (locale) {
+      case "en-US":
+        this._antLocale = _en_US.default;
+        this._messages = _enUS.default;
+        break;
+      default:
+        this._antLocale = _zh_CN.default;
+        this._messages = _zhCN.default;
+        break;
+    }
+    this._setFormatMessage();
+  };
+  _setFormatMessage = () => {
+    const cache = (0, _reactIntl.createIntlCache)();
+    const intl = (0, _reactIntl.createIntl)({
+      locale: this._locale,
+      messages: this._messages
+    }, cache);
+    this._formatMessage = intl.formatMessage;
+  };
+}
+const I18nStore = new I18n();
+var _default = exports.default = I18nStore;

package/lib/layout/I18n/index.d.ts

@@ -0,0 +1,14 @@
+import "dayjs/locale/zh-cn";
+import React, { ReactNode } from "react";
+export interface InternationalizationProps {
+    children: ReactNode;
+    /**
+     * 默认语言。仅在本地没有缓存过语言时生效 —— 用户选过一次之后以缓存为准。
+     *
+     * 原实现是从应用的全局 `Config.locale` 兜底的，那是 build 期注入的 ambient 全局，
+     * 组件不该认识它，改由这里传入。
+     */
+    defaultLocale?: string;
+}
+declare const Internationalization: React.FC<InternationalizationProps>;
+export default Internationalization;

package/lib/layout/I18n/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("dayjs/locale/zh-cn");
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _reactIntl = require("react-intl");
+var _I18nStore = _interopRequireDefault(require("./I18nStore"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+const Internationalization = (0, _mobxReactLite.observer)(({
+  children,
+  defaultLocale
+}) => {
+  const {
+    messages,
+    locale,
+    antLocale
+  } = _I18nStore.default;
+
+  // 只在「从未选过语言」时应用默认值，不覆盖用户的选择
+  (0, _react.useEffect)(() => {
+    if (defaultLocale) _I18nStore.default.applyDefaultLocale(defaultLocale);
+  }, [defaultLocale]);
+  (0, _react.useEffect)(() => {
+    const html = document.documentElement;
+    html.classList.remove("lang-en-US", "lang-zh-CN");
+    html.classList.add(`lang-${locale}`);
+  }, [locale]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.IntlProvider, {
+    locale: locale,
+    messages: messages,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+      locale: antLocale,
+      children: children
+    })
+  });
+});
+var _default = exports.default = Internationalization;

package/lib/layout/I18n/locales/en-US.d.ts

@@ -0,0 +1,2 @@
+declare const en_US: Record<string, string>;
+export default en_US;

package/lib/layout/I18n/locales/en-US.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const en_US = {
+  "setting.title": "Settings",
+  "setting.navStyle": "Navigation Style",
+  "setting.nav.light": "Light",
+  "setting.nav.dark": "Dark",
+  "setting.nav.theme": "Primary",
+  "setting.primaryColor": "Primary Color",
+  "setting.layout": "Layout",
+  "setting.layout.left": "Side",
+  "setting.layout.top": "Top",
+  "setting.layout.mixed": "Mixed",
+  "setting.language": "Language",
+  "setting.reset": "Reset"
+};
+var _default = exports.default = en_US;

package/lib/layout/I18n/locales/zh-CN.d.ts

@@ -0,0 +1,2 @@
+declare const zh_CN: Record<string, string>;
+export default zh_CN;

package/lib/layout/I18n/locales/zh-CN.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const zh_CN = {
+  "setting.title": "界面设置",
+  "setting.navStyle": "导航风格",
+  "setting.nav.light": "亮色",
+  "setting.nav.dark": "暗色",
+  "setting.nav.theme": "主题色",
+  "setting.primaryColor": "主题色",
+  "setting.layout": "导航布局",
+  "setting.layout.left": "左侧",
+  "setting.layout.top": "顶部",
+  "setting.layout.mixed": "混合",
+  "setting.language": "语言",
+  "setting.reset": "恢复默认"
+};
+var _default = exports.default = zh_CN;

package/lib/layout/Menu/_components/SecondaryHeader/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from "react";
+export interface SecondaryHeaderProps {
+    collapsed?: boolean;
+    theme?: "light" | "dark";
+    /** 返回入口文案，折叠时只剩箭头 */
+    backText?: string;
+    /** 自定义返回行为；不给就退回浏览器上一页 */
+    onBack?: () => void;
+    /** 当前实体名（详情页的标题），显示在返回入口下方 */
+    title?: string;
+    /** 返回入口与标题之间的额外内容，如详情内检索框 */
+    extra?: ReactNode;
+}
+/**
+ * 次级菜单的默认头部：返回入口 ＋ 标题，中间留一个 `extra` 插槽。
+ *
+ * `Menu` 在切到次级菜单时默认渲染它，调用方只需按需给 title/onBack/extra；
+ * 整块要换掉时再传 `secondaryHeader` 覆盖；业务侧的头部通常就是在这上面补一两件
+ * 自己的东西（检索框之类）。
+ */
+declare const SecondaryHeader: React.FC<SecondaryHeaderProps>;
+export default SecondaryHeader;

package/lib/layout/Menu/_components/SecondaryHeader/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icons = require("@ant-design/icons");
+var _reactRouterDom = require("react-router-dom");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 次级菜单的默认头部：返回入口 ＋ 标题，中间留一个 `extra` 插槽。
+ *
+ * `Menu` 在切到次级菜单时默认渲染它，调用方只需按需给 title/onBack/extra；
+ * 整块要换掉时再传 `secondaryHeader` 覆盖；业务侧的头部通常就是在这上面补一两件
+ * 自己的东西（检索框之类）。
+ */
+const SecondaryHeader = props => {
+  const {
+    collapsed = false,
+    theme = "dark",
+    backText = "返回",
+    onBack,
+    title,
+    extra
+  } = props;
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(_indexModule.default.SecondaryHeader, _indexModule.default[theme]),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(_indexModule.default.back, {
+        [_indexModule.default.backCollapsed]: collapsed
+      }),
+      onClick: () => onBack ? onBack() : navigate(-1),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ArrowLeftOutlined, {}), !collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _indexModule.default.backText,
+        children: backText
+      })]
+    }), !collapsed && extra, !collapsed && title && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _indexModule.default.title,
+      title: title,
+      children: title
+    })]
+  });
+};
+var _default = exports.default = SecondaryHeader;

package/lib/layout/Menu/_components/SecondaryHeader/index.module.scss

@@ -0,0 +1,65 @@
+.SecondaryHeader {
+  // 只管头部自身：整列的 flex 布局与 .ant-menu 的撑满交给 Menu 的 .secondaryWrap
+  flex: none;
+
+  .back {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin: 8px 10px 14px;
+    padding: 7px 10px;
+    cursor: pointer;
+    font-size: 13px;
+    font-weight: 600;
+    background: var(--wa-fill);
+    border: 1px solid var(--vita-border);
+    border-radius: 8px;
+
+    &:hover {
+      background: var(--wa-hover-bg);
+      border-color: var(--vita-primary);
+    }
+  }
+
+  .backText {
+    white-space: nowrap;
+  }
+
+  // 折叠态只剩箭头：图标居中
+  .backCollapsed {
+    justify-content: center;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .title {
+    padding: 2px 16px 10px;
+    font-weight: 600;
+    font-size: 14px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  // 明暗两套文字色由 --cf-text 一并承担，不再各写一份字面量
+  .back,
+  .title {
+    color: var(--vita-foreground);
+  }
+
+  &.light {
+    border-inline-end: 1px solid var(--vita-border);
+  }
+}
+
+@media (max-width: 768px) {
+  .SecondaryHeader {
+    width: 64px !important;
+    min-width: 64px !important;
+
+    .backText,
+    .title {
+      display: none;
+    }
+  }
+}

package/lib/layout/Menu/_hooks/useMenuPath.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { MenuType } from "..";
+interface UseMenuPathOptions {
+    allItems: MenuType[];
+    collapsed: boolean;
+    mode?: string;
+}
+/**
+ * Hook that handles menu path matching and active state
+ */
+export declare const useMenuPath: ({ allItems, collapsed, mode, }: UseMenuPathOptions) => {
+    menuKey: string;
+    setMenuKey: import("react").Dispatch<import("react").SetStateAction<string>>;
+    openKeys: string[];
+    setOpenkeys: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+};
+export {};

package/lib/layout/Menu/_hooks/useMenuPath.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMenuPath = void 0;
+var _react = require("react");
+var _reactRouter = require("react-router");
+var _pathMatch = require("../_utils/pathMatch");
+/**
+ * Hook that handles menu path matching and active state
+ */
+const useMenuPath = ({
+  allItems,
+  collapsed,
+  mode = "inline"
+}) => {
+  const location = (0, _reactRouter.useLocation)();
+  const [menuKey, setMenuKey] = (0, _react.useState)("");
+  const [openKeys, setOpenkeys] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    // 菜单里实际存在的 key，用来判断高亮能不能落上去
+    const knownKeys = new Set();
+    const collect = items => items?.forEach(i => {
+      if (i.key) knownKeys.add(i.key);
+      collect(i.children);
+    });
+    collect(allItems);
+    const _checkPath = (items, parents) => {
+      const pathname = decodeURI(location.pathname);
+      items?.forEach(item => {
+        if (item.children) {
+          const _parents = parents ? [...parents, item] : [item];
+          _checkPath(item.children, _parents);
+        } else {
+          const isMatch = (0, _pathMatch.checkPathMatch)(pathname, item.key, item.parent?.path);
+          if (isMatch) {
+            // 判断「这一项本身是不是带参详情页」，只能看它**相对父级的那一段**：
+            // 整条 key 里含 ":" 是不够的，父路径带参时（子页的 key 都形如
+            // /admin/xxx/:id/detail）会把普通子页全判成详情页，高亮集体落到容器上。
+            const selfSeg = item.parent?.path ? item.key.slice(item.parent.path.length) : item.key;
+            if (selfSeg.includes(":")) {
+              // 详情页自己不在菜单里，高亮回落到它对应的列表页：去掉末尾参数段后
+              // **逐段上退**，直到退到一个菜单里真有的项。只退一段是不够的——
+              // /a/b/detail/:id 退一段是 /a/b/detail，菜单里没有这一项，还要再退一段。
+              let candidate = item.key.replace(/\/:[^/]+$/, "");
+              while (candidate && !knownKeys.has(candidate)) {
+                candidate = candidate.slice(0, candidate.lastIndexOf("/"));
+              }
+              setMenuKey(candidate || item.parent?.path || item.key);
+            } else {
+              setMenuKey(item.key);
+            }
+
+            // Set the expanded menu items
+            if (parents && !collapsed && mode !== "horizontal") {
+              const _openKeys = parents?.map(item => item.key);
+              setOpenkeys([..._openKeys]);
+            }
+          }
+        }
+      });
+    };
+    setMenuKey("");
+    setOpenkeys([]);
+    _checkPath(allItems);
+  }, [allItems, location, collapsed, mode]);
+  return {
+    menuKey,
+    setMenuKey,
+    openKeys,
+    setOpenkeys
+  };
+};
+exports.useMenuPath = useMenuPath;

package/lib/layout/Menu/_hooks/useOnlyLvOneMenu.d.ts

@@ -0,0 +1,13 @@
+import { MenuType } from "..";
+interface UseOnlyLvOneMenuOptions {
+    items: MenuType[];
+    onlyLvOneMenu: boolean;
+    getCurrChildItems?: (children: MenuType[]) => void;
+    setOpenkeys: (keys: string[]) => void;
+    setMenuKey: (key: string) => void;
+}
+/**
+ * Handle the top-level-only menu logic
+ */
+export declare const useOnlyLvOneMenu: ({ items, onlyLvOneMenu, getCurrChildItems, setOpenkeys, setMenuKey, }: UseOnlyLvOneMenuOptions) => void;
+export {};

package/lib/layout/Menu/_hooks/useOnlyLvOneMenu.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOnlyLvOneMenu = void 0;
+var _react = require("react");
+var _reactRouter = require("react-router");
+/**
+ * Handle the top-level-only menu logic
+ */
+const useOnlyLvOneMenu = ({
+  items,
+  onlyLvOneMenu,
+  getCurrChildItems,
+  setOpenkeys,
+  setMenuKey
+}) => {
+  const location = (0, _reactRouter.useLocation)();
+  (0, _react.useEffect)(() => {
+    if (onlyLvOneMenu) {
+      const item = items.find(i => i.key === "/" + location.pathname.split("/").filter(Boolean)[0]);
+      if (item) {
+        getCurrChildItems?.(item.children || []);
+        setOpenkeys([item.key]);
+        setMenuKey(item.key);
+      }
+    }
+  }, [items, getCurrChildItems, location, onlyLvOneMenu, setOpenkeys, setMenuKey]);
+};
+exports.useOnlyLvOneMenu = useOnlyLvOneMenu;

package/lib/layout/Menu/_utils/formatMenu.d.ts

@@ -0,0 +1,10 @@
+import { RouteType } from "../../types";
+import { MenuType } from "..";
+/**
+ * Format routes into menu items
+ * @param routes Route config
+ * @param all Whether to include all routes (including those not shown in the menu)
+ * @param parent Parent menu item
+ * @returns Menu item array
+ */
+export declare const formatMenu: (routes: RouteType[], all?: boolean, parent?: MenuType) => MenuType[];

package/lib/layout/Menu/_utils/formatMenu.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatMenu = void 0;
+var _lodash = require("lodash");
+/**
+ * Format routes into menu items
+ * @param routes Route config
+ * @param all Whether to include all routes (including those not shown in the menu)
+ * @param parent Parent menu item
+ * @returns Menu item array
+ */
+const formatMenu = (routes, all = false, parent) => {
+  const newRoutes = [];
+  routes?.forEach(route => {
+    let children = undefined;
+    if (route.children) {
+      children = formatMenu(route.children, all, (0, _lodash.cloneDeep)(route));
+    }
+    const {
+      meta
+    } = route;
+    if ((!all ? meta?.menu : true) && route.path) {
+      newRoutes.push({
+        key: route.path,
+        title: meta?.name,
+        label: meta?.name,
+        icon: meta?.icon,
+        defaultIcon: meta?.icon,
+        activeIcon: meta?.activeIcon,
+        disabled: meta?.disabled,
+        children: (children?.length || 0) > 0 ? children : undefined,
+        parent: parent
+      });
+    } else if ((!all ? meta?.menu : true) && route.index && parent?.path) {
+      newRoutes.push({
+        key: parent.path,
+        title: meta?.name,
+        label: meta?.name,
+        icon: meta?.icon,
+        defaultIcon: meta?.icon,
+        activeIcon: meta?.activeIcon,
+        disabled: meta?.disabled
+      });
+    } else {
+      if (children) {
+        newRoutes.push(...children);
+      }
+    }
+  });
+  return newRoutes;
+};
+exports.formatMenu = formatMenu;

package/lib/layout/Menu/_utils/pathMatch.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Check whether a path matches
+ * @param pathname Current path
+ * @param key Route key
+ * @param parentPath Parent path
+ * @returns Whether it matches
+ */
+export declare const checkPathMatch: (pathname: string, key: string, parentPath?: string) => boolean;

package/lib/layout/Menu/_utils/pathMatch.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkPathMatch = void 0;
+var _hsuUtils = require("hsu-utils");
+/**
+ * Check whether a path matches
+ * @param pathname Current path
+ * @param key Route key
+ * @param parentPath Parent path
+ * @returns Whether it matches
+ */
+const checkPathMatch = (pathname, key, parentPath) => {
+  const pathArr = pathname.split("/").filter(Boolean);
+  const keyArr = key.split("/").filter(Boolean);
+  if (keyArr.length === 0) {
+    return pathname === "/" && key === "/";
+  }
+  if (pathArr.length !== keyArr.length) {
+    return false;
+  }
+
+  // Handle the root path
+  if (pathname === "/" && key === "/") {
+    return true;
+  }
+
+  // Handle routes with params (e.g. /user/:id)
+  if (key.includes(":")) {
+    if (parentPath === "/") {
+      // If the parent path is the root path, check that there are no non-param segments
+      return !keyArr.filter(i => !i.startsWith(":")).length;
+    } else {
+      // Filter out param segments and compare only the non-param parts
+      return (0, _hsuUtils.array_is_includes)(keyArr.filter(i => !i.startsWith(":")), pathArr);
+    }
+  } else {
+    // Plain path matching
+    return (0, _hsuUtils.array_is_includes)(keyArr, pathArr);
+  }
+};
+exports.checkPathMatch = checkPathMatch;

package/lib/layout/Menu/_utils/setActiveIcon.d.ts

@@ -0,0 +1,7 @@
+import { MenuType } from "..";
+/**
+ * Set the active icon for menu items
+ * @param items Menu item array
+ * @param menuKey Key of the currently active menu
+ */
+export declare const setActiveIcon: (items: MenuType[], menuKey: string) => void;

package/lib/layout/Menu/_utils/setActiveIcon.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setActiveIcon = void 0;
+/**
+ * Set the active icon for menu items
+ * @param items Menu item array
+ * @param menuKey Key of the currently active menu
+ */
+const setActiveIcon = (items, menuKey) => {
+  items?.forEach(item => {
+    if (item.children) {
+      setActiveIcon(item.children, menuKey);
+    } else {
+      if (item.activeIcon && item.key === menuKey) {
+        item.icon = item.activeIcon;
+      } else {
+        item.icon = item.defaultIcon;
+      }
+    }
+    delete item.activeIcon;
+    delete item.defaultIcon;
+  });
+};
+exports.setActiveIcon = setActiveIcon;

package/lib/layout/Menu/index.d.ts

@@ -0,0 +1,34 @@
+import React, { ReactNode } from "react";
+import { MenuProps as AntdMenuProps } from "antd";
+import { ItemType } from "antd/es/menu/interface";
+import { RouteType } from "../types";
+export type MenuType = ItemType & {
+    key: string;
+    icon?: ReactNode;
+    defaultIcon?: ReactNode;
+    activeIcon?: ReactNode;
+    children?: MenuType[];
+    label?: ReactNode;
+    path?: string;
+    name?: ReactNode;
+    title?: string;
+    disabled?: boolean;
+    renderLabel?: (label: string) => ReactNode;
+    parent?: MenuType;
+};
+export interface MenuProps extends AntdMenuProps {
+    router: RouteType[];
+    collapsed?: boolean;
+    menuItems?: MenuType[];
+    onlyLvOneMenu?: boolean;
+    getCurrChildItems?: (children: MenuType[]) => void;
+    /** 次级菜单顶部的自定义区域（返回入口、标题、检索框之类），只在次级菜单生效 */
+    secondaryHeader?: ReactNode;
+    /**
+     * 次级菜单项的额外过滤，按菜单项的 key（绝对路径）判断。
+     * 留给依赖运行时业务数据、菜单表达不了的规则。
+     */
+    secondaryItemFilter?: (key: string) => boolean;
+}
+declare const Menu: React.FC<MenuProps>;
+export default Menu;