first commit

frontend/node_modules/antd/es/menu/MenuContext.d.ts

@@ -0,0 +1,11 @@
+import type { DirectionType } from '../config-provider';
+export type MenuTheme = 'light' | 'dark';
+export interface MenuContextProps {
+    prefixCls: string;
+    inlineCollapsed: boolean;
+    direction?: DirectionType;
+    theme?: MenuTheme;
+    firstLevel: boolean;
+}
+declare const MenuContext: import("react").Context<MenuContextProps>;
+export default MenuContext;

frontend/node_modules/antd/es/menu/MenuContext.js

@@ -0,0 +1,9 @@
+"use client";
+
+import { createContext } from 'react';
+const MenuContext = /*#__PURE__*/createContext({
+  prefixCls: '',
+  firstLevel: true,
+  inlineCollapsed: false
+});
+export default MenuContext;

frontend/node_modules/antd/es/menu/MenuDivider.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {
+    className?: string;
+    prefixCls?: string;
+    style?: React.CSSProperties;
+    dashed?: boolean;
+}
+declare const MenuDivider: React.FC<MenuDividerProps>;
+export default MenuDivider;

frontend/node_modules/antd/es/menu/MenuDivider.js

@@ -0,0 +1,33 @@
+"use client";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import * as React from 'react';
+import classNames from 'classnames';
+import { Divider } from 'rc-menu';
+import { ConfigContext } from '../config-provider';
+const MenuDivider = props => {
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      dashed
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "dashed"]);
+  const {
+    getPrefixCls
+  } = React.useContext(ConfigContext);
+  const prefixCls = getPrefixCls('menu', customizePrefixCls);
+  const classString = classNames({
+    [`${prefixCls}-item-divider-dashed`]: !!dashed
+  }, className);
+  return /*#__PURE__*/React.createElement(Divider, Object.assign({
+    className: classString
+  }, restProps));
+};
+export default MenuDivider;

frontend/node_modules/antd/es/menu/MenuItem.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { MenuItemProps as RcMenuItemProps } from 'rc-menu';
+export interface MenuItemProps extends Omit<RcMenuItemProps, 'title'> {
+    icon?: React.ReactNode;
+    danger?: boolean;
+    title?: React.ReactNode;
+}
+type MenuItemComponent = React.FC<MenuItemProps>;
+type RestArgs<T> = T extends (arg: any, ...args: infer P) => any ? P : never;
+type GenericProps<T = unknown> = T extends infer U extends MenuItemProps ? unknown extends U ? MenuItemProps : U : MenuItemProps;
+type GenericComponent = Omit<MenuItemComponent, ''> & (<T extends MenuItemProps>(props: GenericProps<T>, ...args: RestArgs<MenuItemComponent>) => ReturnType<MenuItemComponent>);
+declare const MenuItem: GenericComponent;
+export default MenuItem;

frontend/node_modules/antd/es/menu/MenuItem.js

@@ -0,0 +1,85 @@
+"use client";
+
+import * as React from 'react';
+import classNames from 'classnames';
+import { Item } from 'rc-menu';
+import toArray from "rc-util/es/Children/toArray";
+import omit from "rc-util/es/omit";
+import { cloneElement } from '../_util/reactNode';
+import { SiderContext } from '../layout/Sider';
+import Tooltip from '../tooltip';
+import MenuContext from './MenuContext';
+const MenuItem = props => {
+  var _a;
+  const {
+    className,
+    children,
+    icon,
+    title,
+    danger,
+    extra
+  } = props;
+  const {
+    prefixCls,
+    firstLevel,
+    direction,
+    disableMenuItemTitleTooltip,
+    inlineCollapsed: isInlineCollapsed
+  } = React.useContext(MenuContext);
+  const renderItemChildren = inlineCollapsed => {
+    const label = children === null || children === void 0 ? void 0 : children[0];
+    const wrapNode = /*#__PURE__*/React.createElement("span", {
+      className: classNames(`${prefixCls}-title-content`, {
+        [`${prefixCls}-title-content-with-extra`]: !!extra || extra === 0
+      })
+    }, children);
+    // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
+    // ref: https://github.com/ant-design/ant-design/pull/23456
+    if (!icon || /*#__PURE__*/React.isValidElement(children) && children.type === 'span') {
+      if (children && inlineCollapsed && firstLevel && typeof label === 'string') {
+        return /*#__PURE__*/React.createElement("div", {
+          className: `${prefixCls}-inline-collapsed-noicon`
+        }, label.charAt(0));
+      }
+    }
+    return wrapNode;
+  };
+  const {
+    siderCollapsed
+  } = React.useContext(SiderContext);
+  let tooltipTitle = title;
+  if (typeof title === 'undefined') {
+    tooltipTitle = firstLevel ? children : '';
+  } else if (title === false) {
+    tooltipTitle = '';
+  }
+  const tooltipProps = {
+    title: tooltipTitle
+  };
+  if (!siderCollapsed && !isInlineCollapsed) {
+    tooltipProps.title = null;
+    // Reset `open` to fix control mode tooltip display not correct
+    // ref: https://github.com/ant-design/ant-design/issues/16742
+    tooltipProps.open = false;
+  }
+  const childrenLength = toArray(children).length;
+  let returnNode = /*#__PURE__*/React.createElement(Item, Object.assign({}, omit(props, ['title', 'icon', 'danger']), {
+    className: classNames({
+      [`${prefixCls}-item-danger`]: danger,
+      [`${prefixCls}-item-only-child`]: (icon ? childrenLength + 1 : childrenLength) === 1
+    }, className),
+    title: typeof title === 'string' ? title : undefined
+  }), cloneElement(icon, {
+    className: classNames(/*#__PURE__*/React.isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : undefined, `${prefixCls}-item-icon`)
+  }), renderItemChildren(isInlineCollapsed));
+  if (!disableMenuItemTitleTooltip) {
+    returnNode = /*#__PURE__*/React.createElement(Tooltip, Object.assign({}, tooltipProps, {
+      placement: direction === 'rtl' ? 'left' : 'right',
+      classNames: {
+        root: `${prefixCls}-inline-collapsed-tooltip`
+      }
+    }), returnNode);
+  }
+  return returnNode;
+};
+export default MenuItem;

frontend/node_modules/antd/es/menu/OverrideContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { MenuProps } from './menu';
+export interface OverrideContextProps {
+    prefixCls?: string;
+    expandIcon?: React.ReactNode;
+    mode?: MenuProps['mode'];
+    selectable?: boolean;
+    validator?: (menuProps: Pick<MenuProps, 'mode'>) => void;
+    onClick?: () => void;
+    rootClassName?: string;
+}
+declare const OverrideContext: React.Context<OverrideContextProps | null>;
+export {};

frontend/node_modules/antd/es/menu/OverrideContext.js

@@ -0,0 +1,38 @@
+"use client";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import * as React from 'react';
+import { getNodeRef, supportNodeRef, useComposeRef } from "rc-util/es/ref";
+import ContextIsolator from '../_util/ContextIsolator';
+const OverrideContext = /*#__PURE__*/React.createContext(null);
+/** @internal Only used for Dropdown component. Do not use this in your production. */
+export const OverrideProvider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      children
+    } = props,
+    restProps = __rest(props, ["children"]);
+  const override = React.useContext(OverrideContext);
+  const context = React.useMemo(() => Object.assign(Object.assign({}, override), restProps), [override, restProps.prefixCls,
+  // restProps.expandIcon, Not mark as deps since this is a ReactNode
+  restProps.mode, restProps.selectable, restProps.rootClassName
+  // restProps.validator, Not mark as deps since this is a function
+  ]);
+  const canRef = supportNodeRef(children);
+  const mergedRef = useComposeRef(ref, canRef ? getNodeRef(children) : null);
+  return /*#__PURE__*/React.createElement(OverrideContext.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement(ContextIsolator, {
+    space: true
+  }, canRef ? /*#__PURE__*/React.cloneElement(children, {
+    ref: mergedRef
+  }) : children));
+});
+/** @internal Only used for Dropdown component. Do not use this in your production. */
+export default OverrideContext;

frontend/node_modules/antd/es/menu/SubMenu.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { SubMenuType } from './interface';
+export interface SubMenuProps extends Omit<SubMenuType, 'ref' | 'key' | 'children' | 'label'> {
+    title?: React.ReactNode;
+    children?: React.ReactNode;
+    /**
+     * @deprecated No longer needed, it can now be safely deleted.
+     * @see: https://github.com/ant-design/ant-design/pull/30638
+     */
+    level?: number;
+}
+declare const SubMenu: React.FC<SubMenuProps>;
+export default SubMenu;

frontend/node_modules/antd/es/menu/SubMenu.js

@@ -0,0 +1,57 @@
+"use client";
+
+import * as React from 'react';
+import classNames from 'classnames';
+import { SubMenu as RcSubMenu, useFullPath } from 'rc-menu';
+import omit from "rc-util/es/omit";
+import { useZIndex } from '../_util/hooks';
+import { cloneElement } from '../_util/reactNode';
+import MenuContext from './MenuContext';
+const SubMenu = props => {
+  var _a;
+  const {
+    popupClassName,
+    icon,
+    title,
+    theme: customTheme
+  } = props;
+  const context = React.useContext(MenuContext);
+  const {
+    prefixCls,
+    inlineCollapsed,
+    theme: contextTheme
+  } = context;
+  const parentPath = useFullPath();
+  let titleNode;
+  if (!icon) {
+    titleNode = inlineCollapsed && !parentPath.length && title && typeof title === 'string' ? (/*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-inline-collapsed-noicon`
+    }, title.charAt(0))) : (/*#__PURE__*/React.createElement("span", {
+      className: `${prefixCls}-title-content`
+    }, title));
+  } else {
+    // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
+    // ref: https://github.com/ant-design/ant-design/pull/23456
+    const titleIsSpan = /*#__PURE__*/React.isValidElement(title) && title.type === 'span';
+    titleNode = /*#__PURE__*/React.createElement(React.Fragment, null, cloneElement(icon, {
+      className: classNames(/*#__PURE__*/React.isValidElement(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : undefined, `${prefixCls}-item-icon`)
+    }), titleIsSpan ? title : /*#__PURE__*/React.createElement("span", {
+      className: `${prefixCls}-title-content`
+    }, title));
+  }
+  const contextValue = React.useMemo(() => Object.assign(Object.assign({}, context), {
+    firstLevel: false
+  }), [context]);
+  // ============================ zIndex ============================
+  const [zIndex] = useZIndex('Menu');
+  return /*#__PURE__*/React.createElement(MenuContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(RcSubMenu, Object.assign({}, omit(props, ['icon']), {
+    title: titleNode,
+    popupClassName: classNames(prefixCls, popupClassName, `${prefixCls}-${customTheme || contextTheme}`),
+    popupStyle: Object.assign({
+      zIndex
+    }, props.popupStyle)
+  })));
+};
+export default SubMenu;

frontend/node_modules/antd/es/menu/index.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { MenuRef as RcMenuRef } from 'rc-menu';
+import { ItemGroup } from 'rc-menu';
+import type { ItemType, MenuItemType } from './interface';
+import type { MenuProps } from './menu';
+import type { MenuTheme } from './MenuContext';
+import MenuDivider from './MenuDivider';
+import Item from './MenuItem';
+import type { MenuItemProps } from './MenuItem';
+import SubMenu from './SubMenu';
+import type { SubMenuProps } from './SubMenu';
+export type { MenuDividerProps } from './MenuDivider';
+export type { MenuItemGroupProps } from 'rc-menu';
+export type { MenuItemProps, MenuProps, MenuTheme, SubMenuProps };
+export type MenuRef = {
+    menu: RcMenuRef | null;
+    focus: (options?: FocusOptions) => void;
+};
+type ComponentProps = MenuProps & React.RefAttributes<MenuRef>;
+type GenericItemType<T = unknown> = T extends infer U extends MenuItemType ? unknown extends U ? ItemType : ItemType<U> : ItemType;
+type GenericComponentProps<T = unknown> = Omit<ComponentProps, 'items'> & {
+    items?: GenericItemType<T>[];
+};
+type CompoundedComponent = React.ForwardRefExoticComponent<GenericComponentProps> & {
+    Item: typeof Item;
+    SubMenu: typeof SubMenu;
+    Divider: typeof MenuDivider;
+    ItemGroup: typeof ItemGroup;
+};
+type GenericComponent = Omit<CompoundedComponent, ''> & (<T extends MenuItemType>(props: GenericComponentProps<T>) => ReturnType<CompoundedComponent>);
+declare const Menu: GenericComponent;
+export default Menu;

frontend/node_modules/antd/es/menu/index.js

@@ -0,0 +1,32 @@
+"use client";
+
+import * as React from 'react';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { ItemGroup } from 'rc-menu';
+import { SiderContext } from '../layout/Sider';
+import InternalMenu from './menu';
+import MenuDivider from './MenuDivider';
+import Item from './MenuItem';
+import SubMenu from './SubMenu';
+const Menu = /*#__PURE__*/forwardRef((props, ref) => {
+  const menuRef = useRef(null);
+  const context = React.useContext(SiderContext);
+  useImperativeHandle(ref, () => ({
+    menu: menuRef.current,
+    focus: options => {
+      var _a;
+      (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.focus(options);
+    }
+  }));
+  return /*#__PURE__*/React.createElement(InternalMenu, Object.assign({
+    ref: menuRef
+  }, props, context));
+});
+Menu.Item = Item;
+Menu.SubMenu = SubMenu;
+Menu.Divider = MenuDivider;
+Menu.ItemGroup = ItemGroup;
+if (process.env.NODE_ENV !== 'production') {
+  Menu.displayName = 'Menu';
+}
+export default Menu;

frontend/node_modules/antd/es/menu/interface.d.ts

@@ -0,0 +1,23 @@
+import type { MenuDividerType as RcMenuDividerType, MenuItemGroupType as RcMenuItemGroupType, MenuItemType as RcMenuItemType, SubMenuType as RcSubMenuType } from 'rc-menu/lib/interface';
+export type DataAttributes = {
+    [Key in `data-${string}`]: unknown;
+};
+export interface MenuItemType extends RcMenuItemType, DataAttributes {
+    danger?: boolean;
+    icon?: React.ReactNode;
+    title?: string;
+}
+export interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<RcSubMenuType, 'children'> {
+    icon?: React.ReactNode;
+    theme?: 'dark' | 'light';
+    children: ItemType<T>[];
+}
+export interface MenuItemGroupType<T extends MenuItemType = MenuItemType> extends Omit<RcMenuItemGroupType, 'children'> {
+    children?: ItemType<T>[];
+    key?: React.Key;
+}
+export interface MenuDividerType extends RcMenuDividerType {
+    dashed?: boolean;
+    key?: React.Key;
+}
+export type ItemType<T extends MenuItemType = MenuItemType> = T | SubMenuType<T> | MenuItemGroupType<T> | MenuDividerType | null;

frontend/node_modules/antd/es/menu/interface.js

@@ -0,0 +1 @@
+export {};

frontend/node_modules/antd/es/menu/menu.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { MenuProps as RcMenuProps, MenuRef as RcMenuRef } from 'rc-menu';
+import type { SiderContextProps } from '../layout/Sider';
+import type { ItemType } from './interface';
+import type { MenuTheme } from './MenuContext';
+export interface MenuProps extends Omit<RcMenuProps, 'items' | '_internalComponents' | 'activeKey' | 'defaultActiveFirst'> {
+    theme?: MenuTheme;
+    inlineIndent?: number;
+    /**
+     * @private Internal Usage. Not promise crash if used in production. Connect with chenshuai2144
+     *   for removing.
+     */
+    _internalDisableMenuItemTitleTooltip?: boolean;
+    items?: ItemType[];
+}
+declare const InternalMenu: React.ForwardRefExoticComponent<MenuProps & SiderContextProps & {
+    collapsedWidth?: string | number;
+} & React.RefAttributes<RcMenuRef>>;
+export default InternalMenu;

frontend/node_modules/antd/es/menu/menu.js

@@ -0,0 +1,153 @@
+"use client";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import * as React from 'react';
+import { forwardRef } from 'react';
+import EllipsisOutlined from "@ant-design/icons/es/icons/EllipsisOutlined";
+import classNames from 'classnames';
+import RcMenu from 'rc-menu';
+import useEvent from "rc-util/es/hooks/useEvent";
+import omit from "rc-util/es/omit";
+import initCollapseMotion from '../_util/motion';
+import { cloneElement } from '../_util/reactNode';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
+import MenuContext from './MenuContext';
+import Divider from './MenuDivider';
+import MenuItem from './MenuItem';
+import OverrideContext from './OverrideContext';
+import useStyle from './style';
+import SubMenu from './SubMenu';
+function isEmptyIcon(icon) {
+  return icon === null || icon === false;
+}
+const MENU_COMPONENTS = {
+  item: MenuItem,
+  submenu: SubMenu,
+  divider: Divider
+};
+const InternalMenu = /*#__PURE__*/forwardRef((props, ref) => {
+  var _a;
+  const override = React.useContext(OverrideContext);
+  const overrideObj = override || {};
+  const {
+    getPrefixCls,
+    getPopupContainer,
+    direction,
+    menu
+  } = React.useContext(ConfigContext);
+  const rootPrefixCls = getPrefixCls();
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      style,
+      theme = 'light',
+      expandIcon,
+      _internalDisableMenuItemTitleTooltip,
+      inlineCollapsed,
+      siderCollapsed,
+      rootClassName,
+      mode,
+      selectable,
+      onClick,
+      overflowedIndicatorPopupClassName
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]);
+  const passedProps = omit(restProps, ['collapsedWidth']);
+  // ======================== Warning ==========================
+  if (process.env.NODE_ENV !== 'production') {
+    const warning = devUseWarning('Menu');
+    process.env.NODE_ENV !== "production" ? warning(!('inlineCollapsed' in props && mode !== 'inline'), 'usage', '`inlineCollapsed` should only be used when `mode` is inline.') : void 0;
+    warning.deprecated('items' in props && !props.children, 'children', 'items');
+  }
+  (_a = overrideObj.validator) === null || _a === void 0 ? void 0 : _a.call(overrideObj, {
+    mode
+  });
+  // ========================== Click ==========================
+  // Tell dropdown that item clicked
+  const onItemClick = useEvent((...args) => {
+    var _a;
+    onClick === null || onClick === void 0 ? void 0 : onClick.apply(void 0, args);
+    (_a = overrideObj.onClick) === null || _a === void 0 ? void 0 : _a.call(overrideObj);
+  });
+  // ========================== Mode ===========================
+  const mergedMode = overrideObj.mode || mode;
+  // ======================= Selectable ========================
+  const mergedSelectable = selectable !== null && selectable !== void 0 ? selectable : overrideObj.selectable;
+  // ======================== Collapsed ========================
+  // Inline Collapsed
+  const mergedInlineCollapsed = inlineCollapsed !== null && inlineCollapsed !== void 0 ? inlineCollapsed : siderCollapsed;
+  const defaultMotions = {
+    horizontal: {
+      motionName: `${rootPrefixCls}-slide-up`
+    },
+    inline: initCollapseMotion(rootPrefixCls),
+    other: {
+      motionName: `${rootPrefixCls}-zoom-big`
+    }
+  };
+  const prefixCls = getPrefixCls('menu', customizePrefixCls || overrideObj.prefixCls);
+  const rootCls = useCSSVarCls(prefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls, !override);
+  const menuClassName = classNames(`${prefixCls}-${theme}`, menu === null || menu === void 0 ? void 0 : menu.className, className);
+  // ====================== ExpandIcon ========================
+  const mergedExpandIcon = React.useMemo(() => {
+    var _a, _b;
+    if (typeof expandIcon === 'function' || isEmptyIcon(expandIcon)) {
+      return expandIcon || null;
+    }
+    if (typeof overrideObj.expandIcon === 'function' || isEmptyIcon(overrideObj.expandIcon)) {
+      return overrideObj.expandIcon || null;
+    }
+    if (typeof (menu === null || menu === void 0 ? void 0 : menu.expandIcon) === 'function' || isEmptyIcon(menu === null || menu === void 0 ? void 0 : menu.expandIcon)) {
+      return (menu === null || menu === void 0 ? void 0 : menu.expandIcon) || null;
+    }
+    const mergedIcon = (_a = expandIcon !== null && expandIcon !== void 0 ? expandIcon : overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon) !== null && _a !== void 0 ? _a : menu === null || menu === void 0 ? void 0 : menu.expandIcon;
+    return cloneElement(mergedIcon, {
+      className: classNames(`${prefixCls}-submenu-expand-icon`, /*#__PURE__*/React.isValidElement(mergedIcon) ? (_b = mergedIcon.props) === null || _b === void 0 ? void 0 : _b.className : undefined)
+    });
+  }, [expandIcon, overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon, menu === null || menu === void 0 ? void 0 : menu.expandIcon, prefixCls]);
+  // ======================== Context ==========================
+  const contextValue = React.useMemo(() => ({
+    prefixCls,
+    inlineCollapsed: mergedInlineCollapsed || false,
+    direction,
+    firstLevel: true,
+    theme,
+    mode: mergedMode,
+    disableMenuItemTitleTooltip: _internalDisableMenuItemTitleTooltip
+  }), [prefixCls, mergedInlineCollapsed, direction, _internalDisableMenuItemTitleTooltip, theme]);
+  // ========================= Render ==========================
+  return wrapCSSVar(/*#__PURE__*/React.createElement(OverrideContext.Provider, {
+    value: null
+  }, /*#__PURE__*/React.createElement(MenuContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(RcMenu, Object.assign({
+    getPopupContainer: getPopupContainer,
+    overflowedIndicator: /*#__PURE__*/React.createElement(EllipsisOutlined, null),
+    overflowedIndicatorPopupClassName: classNames(prefixCls, `${prefixCls}-${theme}`, overflowedIndicatorPopupClassName),
+    mode: mergedMode,
+    selectable: mergedSelectable,
+    onClick: onItemClick
+  }, passedProps, {
+    inlineCollapsed: mergedInlineCollapsed,
+    style: Object.assign(Object.assign({}, menu === null || menu === void 0 ? void 0 : menu.style), style),
+    className: menuClassName,
+    prefixCls: prefixCls,
+    direction: direction,
+    defaultMotions: defaultMotions,
+    expandIcon: mergedExpandIcon,
+    ref: ref,
+    rootClassName: classNames(rootClassName, hashId, overrideObj.rootClassName, cssVarCls, rootCls),
+    _internalComponents: MENU_COMPONENTS
+  })))));
+});
+export default InternalMenu;

frontend/node_modules/antd/es/menu/style/horizontal.d.ts

@@ -0,0 +1,4 @@
+import type { MenuToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const getHorizontalStyle: GenerateStyle<MenuToken>;
+export default getHorizontalStyle;

frontend/node_modules/antd/es/menu/style/horizontal.js

@@ -0,0 +1,46 @@
+import { unit } from '@ant-design/cssinjs';
+const getHorizontalStyle = token => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    horizontalLineHeight,
+    colorSplit,
+    lineWidth,
+    lineType,
+    itemPaddingInline
+  } = token;
+  return {
+    [`${componentCls}-horizontal`]: {
+      lineHeight: horizontalLineHeight,
+      border: 0,
+      borderBottom: `${unit(lineWidth)} ${lineType} ${colorSplit}`,
+      boxShadow: 'none',
+      '&::after': {
+        display: 'block',
+        clear: 'both',
+        height: 0,
+        content: '"\\20"'
+      },
+      // ======================= Item =======================
+      [`${componentCls}-item, ${componentCls}-submenu`]: {
+        position: 'relative',
+        display: 'inline-block',
+        verticalAlign: 'bottom',
+        paddingInline: itemPaddingInline
+      },
+      [`> ${componentCls}-item:hover,
+        > ${componentCls}-item-active,
+        > ${componentCls}-submenu ${componentCls}-submenu-title:hover`]: {
+        backgroundColor: 'transparent'
+      },
+      [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+        transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`].join(',')
+      },
+      // ===================== Sub Menu =====================
+      [`${componentCls}-submenu-arrow`]: {
+        display: 'none'
+      }
+    }
+  };
+};
+export default getHorizontalStyle;

frontend/node_modules/antd/es/menu/style/index.d.ts

@@ -0,0 +1,359 @@
+import type { CSSProperties } from 'react';
+import type { FullToken, GetDefaultToken } from '../../theme/internal';
+/** Component only token. Which will handle additional calculation of alias token */
+export interface ComponentToken {
+    /**
+     * @desc 弹出菜单的宽度
+     * @descEN Width of popup menu
+     */
+    dropdownWidth: number | string;
+    /**
+     * @desc 弹出菜单的 z-index
+     * @descEN z-index of popup menu
+     */
+    zIndexPopup: number;
+    /** @deprecated Use `groupTitleColor` instead */
+    colorGroupTitle: string;
+    /**
+     * @desc 分组标题文字颜色
+     * @descEN Color of group title text
+     */
+    groupTitleColor: string;
+    /**
+     * @desc 分组标题文字高度
+     * @descEN line-height of group title
+     */
+    groupTitleLineHeight: string | number;
+    /**
+     * @desc 分组标题文字大小
+     * @descEN font-size of group title
+     */
+    groupTitleFontSize: number;
+    /** @deprecated Use `itemBorderRadius` instead */
+    radiusItem: number;
+    /**
+     * @desc 菜单项的圆角
+     * @descEN Radius of menu item
+     */
+    itemBorderRadius: number;
+    /** @deprecated Use `subMenuItemBorderRadius` instead */
+    radiusSubMenuItem: number;
+    /**
+     * @desc 子菜单项的圆角
+     * @descEN Radius of sub-menu item
+     */
+    subMenuItemBorderRadius: number;
+    /** @deprecated Use `itemColor` instead */
+    colorItemText: string;
+    /**
+     * @desc 菜单项文字颜色
+     * @descEN Color of menu item text
+     */
+    itemColor: string;
+    /** @deprecated Use `itemHoverColor` instead */
+    colorItemTextHover: string;
+    /**
+     * @desc 菜单项文字悬浮颜色
+     * @descEN Hover color of menu item text
+     */
+    itemHoverColor: string;
+    /** @deprecated Use `horizontalItemHoverColor` instead */
+    colorItemTextHoverHorizontal: string;
+    /**
+     * @desc 水平菜单项文字悬浮颜色
+     * @descEN Hover color of horizontal menu item text
+     */
+    horizontalItemHoverColor: string;
+    /** @deprecated Use `itemSelectedColor` instead */
+    colorItemTextSelected: string;
+    /**
+     * @desc 菜单项文字选中颜色
+     * @descEN Color of selected menu item text
+     */
+    itemSelectedColor: string;
+    /**
+     * @desc 子菜单内有选中项时，子菜单标题色
+     * @descEN Color of submenu title when submenu has selected item
+     */
+    subMenuItemSelectedColor: string;
+    /** @deprecated Use `horizontalItemSelectedColor` instead */
+    colorItemTextSelectedHorizontal: string;
+    /**
+     * @desc 水平菜单项文字选中颜色
+     * @descEN Color of selected horizontal menu item text
+     */
+    horizontalItemSelectedColor: string;
+    /** @deprecated Use `itemDisabledColor` instead */
+    colorItemTextDisabled: string;
+    /**
+     * @desc 菜单项文字禁用颜色
+     * @descEN Color of disabled menu item text
+     */
+    itemDisabledColor: string;
+    /** @deprecated Use `dangerItemColor` instead */
+    colorDangerItemText: string;
+    /**
+     * @desc 危险菜单项文字颜色
+     * @descEN Color of danger menu item text
+     */
+    dangerItemColor: string;
+    /** @deprecated Use `dangerItemHoverColor` instead */
+    colorDangerItemTextHover: string;
+    /**
+     * @desc 危险菜单项文字悬浮颜色
+     * @descEN Hover color of danger menu item text
+     */
+    dangerItemHoverColor: string;
+    /** @deprecated Use `dangerItemSelectedColor` instead */
+    colorDangerItemTextSelected: string;
+    /**
+     * @desc 危险菜单项文字选中颜色
+     * @descEN Color of selected danger menu item text
+     */
+    dangerItemSelectedColor: string;
+    /** @deprecated Use `dangerItemActiveBg` instead */
+    colorDangerItemBgActive: string;
+    /**
+     * @desc 危险菜单项激活态背景色
+     * @descEN Background color of danger menu item when active
+     */
+    dangerItemActiveBg: string;
+    /** @deprecated Use `dangerItemSelectedBg` instead */
+    colorDangerItemBgSelected: string;
+    /**
+     * @desc 危险菜单项选中背景色
+     * @descEN Background color of selected danger menu item
+     */
+    dangerItemSelectedBg: string;
+    /** @deprecated Use `itemBg` instead */
+    colorItemBg: string;
+    /**
+     * @desc 菜单项背景色
+     */
+    itemBg: string;
+    /** @deprecated Use `itemHoverBg` instead */
+    colorItemBgHover: string;
+    /**
+     * @desc 菜单项悬浮态背景色
+     * @descEN Background color of menu item when hover
+     */
+    itemHoverBg: string;
+    /** @deprecated Use `subMenuItemBg` instead */
+    colorSubItemBg: string;
+    /**
+     * @desc 子菜单项背景色
+     * @descEN Background color of sub-menu item
+     */
+    subMenuItemBg: string;
+    /** @deprecated Use `itemActiveBg` instead */
+    colorItemBgActive: string;
+    /**
+     * @desc 菜单项激活态背景色
+     * @descEN Background color of menu item when active
+     */
+    itemActiveBg: string;
+    /** @deprecated Use `itemSelectedBg` instead */
+    colorItemBgSelected: string;
+    /**
+     * @desc 菜单项选中态背景色
+     * @descEN Background color of menu item when selected
+     */
+    itemSelectedBg: string;
+    /** @deprecated Use `horizontalItemSelectedBg` instead */
+    colorItemBgSelectedHorizontal: string;
+    /**
+     * @desc 水平菜单项选中态背景色
+     * @descEN Background color of horizontal menu item when selected
+     */
+    horizontalItemSelectedBg: string;
+    /** @deprecated Use `activeBarWidth` instead */
+    colorActiveBarWidth: number | string;
+    /**
+     * @desc 菜单项指示条宽度
+     * @descEN Width of menu item active bar
+     */
+    activeBarWidth: number | string;
+    /** @deprecated Use `activeBarHeight` instead */
+    colorActiveBarHeight: number;
+    /**
+     * @desc 菜单项指示条高度
+     * @descEN Height of menu item active bar
+     */
+    activeBarHeight: number;
+    /** @deprecated Use `activeBarBorderWidth` instead */
+    colorActiveBarBorderSize: number;
+    /**
+     * @desc 菜单项指示条边框宽度
+     * @descEN Border width of menu item active bar
+     */
+    activeBarBorderWidth: number | string;
+    /**
+     * @desc 菜单项横向外间距
+     * @descEN Horizontal margin of menu item
+     */
+    itemMarginInline: number;
+    /**
+     * @desc 横向菜单项横悬浮态背景色
+     * @descEN Background color of horizontal menu item when hover
+     */
+    horizontalItemHoverBg: string;
+    /**
+     * @desc 横向菜单项圆角
+     * @descEN Border radius of horizontal menu item
+     */
+    horizontalItemBorderRadius: number;
+    /**
+     * @desc 菜单项高度
+     * @descEN Height of menu item
+     */
+    itemHeight: number | string;
+    /**
+     * @desc 收起后的宽度
+     * @descEN Width when collapsed
+     */
+    collapsedWidth: number | string;
+    /**
+     * @desc 弹出框背景色
+     * @descEN Background color of popup
+     */
+    popupBg: string;
+    /**
+     * @desc 菜单项纵向外间距
+     * @descEN margin-block of menu item
+     */
+    itemMarginBlock: CSSProperties['marginBlock'];
+    /**
+     * @desc 菜单项横向内间距
+     * @descEN padding-inline of menu item
+     */
+    itemPaddingInline: CSSProperties['paddingInline'];
+    /**
+     * @desc 横向菜单行高
+     * @descEN LineHeight of horizontal menu item
+     */
+    horizontalLineHeight: CSSProperties['lineHeight'];
+    /**
+     * @desc 图标与文字间距
+     * @descEN Spacing between icon and text
+     */
+    iconMarginInlineEnd: CSSProperties['marginInlineEnd'];
+    /**
+     * @desc 图标尺寸
+     * @descEN Size of icon
+     */
+    iconSize: number;
+    /**
+     * @desc 收起时图标尺寸
+     * @descEN Size of icon when collapsed
+     */
+    collapsedIconSize: number;
+    /**
+     * @desc 暗色模式下的浮层菜单的背景颜色
+     * @descEN The background color of the overlay menu in dark mode.
+     */
+    darkPopupBg: string;
+    /**
+     * @desc 暗色模式下的菜单项文字颜色
+     * @descEN Color of menu item text in dark mode
+     */
+    darkItemColor: string;
+    /**
+     * @desc 暗色模式下的危险菜单项文字颜色
+     * @descEN Color of danger menu item text in dark mode
+     */
+    darkDangerItemColor: string;
+    /**
+     * @desc 暗色模式下的菜单项背景
+     * @descEN Background of menu item in dark mode
+     */
+    darkItemBg: string;
+    /**
+     * @desc 暗色模式下的子菜单项背景
+     * @descEN Background of submenu item in dark mode
+     */
+    darkSubMenuItemBg: string;
+    /**
+     * @desc 暗色模式下的菜单项选中颜色
+     * @descEN Color of selected menu item in dark mode
+     */
+    darkItemSelectedColor: string;
+    /**
+     * @desc 暗色模式下的菜单项选中背景
+     * @descEN Background of active menu item in dark mode
+     */
+    darkItemSelectedBg: string;
+    /**
+     * @desc 暗色模式下的菜单项悬浮背景
+     * @descEN Background of hovered menu item in dark mode
+     */
+    darkItemHoverBg: string;
+    /**
+     * @desc 暗色模式下的分组标题文字颜色
+     * @descEN Color of group title text in dark mode
+     */
+    darkGroupTitleColor: string;
+    /**
+     * @desc 暗色模式下的菜单项悬浮颜色
+     * @descEN Color of hovered menu item in dark mode
+     */
+    darkItemHoverColor: string;
+    /**
+     * @desc 暗色模式下的菜单项禁用颜色
+     * @descEN Color of disabled menu item in dark mode
+     */
+    darkItemDisabledColor: string;
+    /**
+     * @desc 暗色模式下的危险菜单项选中背景
+     * @descEN Background of active danger menu item in dark mode
+     */
+    darkDangerItemSelectedBg: string;
+    /**
+     * @desc 暗色模式下的危险菜单项悬浮文字背景
+     * @descEN Background of hovered danger menu item in dark mode
+     */
+    darkDangerItemHoverColor: string;
+    /**
+     * @desc 暗色模式下的危险菜单项选中文字颜色
+     * @descEN Color of selected danger menu item in dark mode
+     */
+    darkDangerItemSelectedColor: string;
+    /**
+     * @desc 暗色模式下的危险菜单项激活态背景
+     * @descEN Background of active danger menu item in dark mode
+     */
+    darkDangerItemActiveBg: string;
+}
+/**
+ * @desc Menu 组件的 Token
+ * @descEN Token for Menu component
+ */
+export interface MenuToken extends FullToken<'Menu'> {
+    /**
+     * @desc 水平菜单高度
+     * @descEN Height of horizontal menu
+     */
+    menuHorizontalHeight: number | string;
+    /**
+     * @desc 菜单箭头尺寸
+     * @descEN Size of menu arrow
+     */
+    menuArrowSize: number | string;
+    /**
+     * @desc 菜单箭头偏移量
+     * @descEN Offset of menu arrow
+     */
+    menuArrowOffset: number | string;
+    /**
+     * @desc 子菜单背景色
+     * @descEN Background color of sub-menu
+     */
+    menuSubMenuBg: string;
+    /**
+     * @desc 暗色模式下的浮层菜单背景色
+     * @descEN Background color of popup menu in dark mode
+     */
+    darkPopupBg: string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Menu'>;
+declare const _default: (prefixCls: string, rootCls?: string, injectStyle?: boolean) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

frontend/node_modules/antd/es/menu/style/index.js

@@ -0,0 +1,552 @@
+import { unit } from '@ant-design/cssinjs';
+import { FastColor } from '@ant-design/fast-color';
+import { clearFix, resetComponent, resetIcon } from '../../style';
+import { genCollapseMotion, initSlideMotion, initZoomMotion } from '../../style/motion';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+import getHorizontalStyle from './horizontal';
+import getRTLStyle from './rtl';
+import getThemeStyle from './theme';
+import getVerticalStyle from './vertical';
+const genMenuItemStyle = token => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    motionDurationMid,
+    motionEaseInOut,
+    motionEaseOut,
+    iconCls,
+    iconSize,
+    iconMarginInlineEnd
+  } = token;
+  return {
+    // >>>>> Item
+    [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+      position: 'relative',
+      display: 'block',
+      margin: 0,
+      whiteSpace: 'nowrap',
+      cursor: 'pointer',
+      transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding calc(${motionDurationSlow} + 0.1s) ${motionEaseInOut}`].join(','),
+      [`${componentCls}-item-icon, ${iconCls}`]: {
+        minWidth: iconSize,
+        fontSize: iconSize,
+        transition: [`font-size ${motionDurationMid} ${motionEaseOut}`, `margin ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow}`].join(','),
+        '+ span': {
+          marginInlineStart: iconMarginInlineEnd,
+          opacity: 1,
+          transition: [`opacity ${motionDurationSlow} ${motionEaseInOut}`, `margin ${motionDurationSlow}`, `color ${motionDurationSlow}`].join(',')
+        }
+      },
+      [`${componentCls}-item-icon`]: Object.assign({}, resetIcon()),
+      [`&${componentCls}-item-only-child`]: {
+        [`> ${iconCls}, > ${componentCls}-item-icon`]: {
+          marginInlineEnd: 0
+        }
+      }
+    },
+    // Disabled state sets text to gray and nukes hover/tab effects
+    [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: {
+      background: 'none !important',
+      cursor: 'not-allowed',
+      '&::after': {
+        borderColor: 'transparent !important'
+      },
+      a: {
+        color: 'inherit !important',
+        cursor: 'not-allowed',
+        pointerEvents: 'none'
+      },
+      [`> ${componentCls}-submenu-title`]: {
+        color: 'inherit !important',
+        cursor: 'not-allowed'
+      }
+    }
+  };
+};
+const genSubMenuArrowStyle = token => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    motionEaseInOut,
+    borderRadius,
+    menuArrowSize,
+    menuArrowOffset
+  } = token;
+  return {
+    [`${componentCls}-submenu`]: {
+      '&-expand-icon, &-arrow': {
+        position: 'absolute',
+        top: '50%',
+        insetInlineEnd: token.margin,
+        width: menuArrowSize,
+        color: 'currentcolor',
+        transform: 'translateY(-50%)',
+        transition: `transform ${motionDurationSlow} ${motionEaseInOut}, opacity ${motionDurationSlow}`
+      },
+      '&-arrow': {
+        // →
+        '&::before, &::after': {
+          position: 'absolute',
+          width: token.calc(menuArrowSize).mul(0.6).equal(),
+          height: token.calc(menuArrowSize).mul(0.15).equal(),
+          backgroundColor: 'currentcolor',
+          borderRadius,
+          transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `transform ${motionDurationSlow} ${motionEaseInOut}`, `top ${motionDurationSlow} ${motionEaseInOut}`, `color ${motionDurationSlow} ${motionEaseInOut}`].join(','),
+          content: '""'
+        },
+        '&::before': {
+          transform: `rotate(45deg) translateY(${unit(token.calc(menuArrowOffset).mul(-1).equal())})`
+        },
+        '&::after': {
+          transform: `rotate(-45deg) translateY(${unit(menuArrowOffset)})`
+        }
+      }
+    }
+  };
+};
+// =============================== Base ===============================
+const getBaseStyle = token => {
+  const {
+    antCls,
+    componentCls,
+    fontSize,
+    motionDurationSlow,
+    motionDurationMid,
+    motionEaseInOut,
+    paddingXS,
+    padding,
+    colorSplit,
+    lineWidth,
+    zIndexPopup,
+    borderRadiusLG,
+    subMenuItemBorderRadius,
+    menuArrowSize,
+    menuArrowOffset,
+    lineType,
+    groupTitleLineHeight,
+    groupTitleFontSize
+  } = token;
+  return [
+  // Misc
+  {
+    '': {
+      [componentCls]: Object.assign(Object.assign({}, clearFix()), {
+        // Hidden
+        '&-hidden': {
+          display: 'none'
+        }
+      })
+    },
+    [`${componentCls}-submenu-hidden`]: {
+      display: 'none'
+    }
+  }, {
+    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), clearFix()), {
+      marginBottom: 0,
+      paddingInlineStart: 0,
+      // Override default ul/ol
+      fontSize,
+      lineHeight: 0,
+      listStyle: 'none',
+      outline: 'none',
+      // Magic cubic here but smooth transition
+      transition: `width ${motionDurationSlow} cubic-bezier(0.2, 0, 0, 1) 0s`,
+      'ul, ol': {
+        margin: 0,
+        padding: 0,
+        listStyle: 'none'
+      },
+      // Overflow ellipsis
+      '&-overflow': {
+        display: 'flex',
+        [`${componentCls}-item`]: {
+          flex: 'none'
+        }
+      },
+      [`${componentCls}-item, ${componentCls}-submenu, ${componentCls}-submenu-title`]: {
+        borderRadius: token.itemBorderRadius
+      },
+      [`${componentCls}-item-group-title`]: {
+        padding: `${unit(paddingXS)} ${unit(padding)}`,
+        fontSize: groupTitleFontSize,
+        lineHeight: groupTitleLineHeight,
+        transition: `all ${motionDurationSlow}`
+      },
+      [`&-horizontal ${componentCls}-submenu`]: {
+        transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`].join(',')
+      },
+      [`${componentCls}-submenu, ${componentCls}-submenu-inline`]: {
+        transition: [`border-color ${motionDurationSlow} ${motionEaseInOut}`, `background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationMid} ${motionEaseInOut}`].join(',')
+      },
+      [`${componentCls}-submenu ${componentCls}-sub`]: {
+        cursor: 'initial',
+        transition: [`background ${motionDurationSlow} ${motionEaseInOut}`, `padding ${motionDurationSlow} ${motionEaseInOut}`].join(',')
+      },
+      [`${componentCls}-title-content`]: {
+        transition: `color ${motionDurationSlow}`,
+        '&-with-extra': {
+          display: 'inline-flex',
+          alignItems: 'center',
+          width: '100%'
+        },
+        // https://github.com/ant-design/ant-design/issues/41143
+        [`> ${antCls}-typography-ellipsis-single-line`]: {
+          display: 'inline',
+          verticalAlign: 'unset'
+        },
+        [`${componentCls}-item-extra`]: {
+          marginInlineStart: 'auto',
+          paddingInlineStart: token.padding
+        }
+      },
+      [`${componentCls}-item a`]: {
+        '&::before': {
+          position: 'absolute',
+          inset: 0,
+          backgroundColor: 'transparent',
+          content: '""'
+        }
+      },
+      // Removed a Badge related style seems it's safe
+      // https://github.com/ant-design/ant-design/issues/19809
+      // >>>>> Divider
+      [`${componentCls}-item-divider`]: {
+        overflow: 'hidden',
+        lineHeight: 0,
+        borderColor: colorSplit,
+        borderStyle: lineType,
+        borderWidth: 0,
+        borderTopWidth: lineWidth,
+        marginBlock: lineWidth,
+        padding: 0,
+        '&-dashed': {
+          borderStyle: 'dashed'
+        }
+      }
+    }), genMenuItemStyle(token)), {
+      [`${componentCls}-item-group`]: {
+        [`${componentCls}-item-group-list`]: {
+          margin: 0,
+          padding: 0,
+          [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+            paddingInline: `${unit(token.calc(fontSize).mul(2).equal())} ${unit(padding)}`
+          }
+        }
+      },
+      // ======================= Sub Menu =======================
+      '&-submenu': {
+        '&-popup': {
+          position: 'absolute',
+          zIndex: zIndexPopup,
+          borderRadius: borderRadiusLG,
+          boxShadow: 'none',
+          transformOrigin: '0 0',
+          [`&${componentCls}-submenu`]: {
+            background: 'transparent'
+          },
+          // https://github.com/ant-design/ant-design/issues/13955
+          '&::before': {
+            position: 'absolute',
+            inset: 0,
+            zIndex: -1,
+            width: '100%',
+            height: '100%',
+            opacity: 0,
+            content: '""'
+          },
+          [`> ${componentCls}`]: Object.assign(Object.assign(Object.assign({
+            borderRadius: borderRadiusLG
+          }, genMenuItemStyle(token)), genSubMenuArrowStyle(token)), {
+            [`${componentCls}-item, ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+              borderRadius: subMenuItemBorderRadius
+            },
+            [`${componentCls}-submenu-title::after`]: {
+              transition: `transform ${motionDurationSlow} ${motionEaseInOut}`
+            }
+          })
+        },
+        [`
+          &-placement-leftTop,
+          &-placement-bottomRight,
+          `]: {
+          transformOrigin: '100% 0'
+        },
+        [`
+          &-placement-leftBottom,
+          &-placement-topRight,
+          `]: {
+          transformOrigin: '100% 100%'
+        },
+        [`
+          &-placement-rightBottom,
+          &-placement-topLeft,
+          `]: {
+          transformOrigin: '0 100%'
+        },
+        [`
+          &-placement-bottomLeft,
+          &-placement-rightTop,
+          `]: {
+          transformOrigin: '0 0'
+        },
+        [`
+          &-placement-leftTop,
+          &-placement-leftBottom
+          `]: {
+          paddingInlineEnd: token.paddingXS
+        },
+        [`
+          &-placement-rightTop,
+          &-placement-rightBottom
+          `]: {
+          paddingInlineStart: token.paddingXS
+        },
+        [`
+          &-placement-topRight,
+          &-placement-topLeft
+          `]: {
+          paddingBottom: token.paddingXS
+        },
+        [`
+          &-placement-bottomRight,
+          &-placement-bottomLeft
+          `]: {
+          paddingTop: token.paddingXS
+        }
+      }
+    }), genSubMenuArrowStyle(token)), {
+      [`&-inline-collapsed ${componentCls}-submenu-arrow,
+        &-inline ${componentCls}-submenu-arrow`]: {
+        // ↓
+        '&::before': {
+          transform: `rotate(-45deg) translateX(${unit(menuArrowOffset)})`
+        },
+        '&::after': {
+          transform: `rotate(45deg) translateX(${unit(token.calc(menuArrowOffset).mul(-1).equal())})`
+        }
+      },
+      [`${componentCls}-submenu-open${componentCls}-submenu-inline > ${componentCls}-submenu-title > ${componentCls}-submenu-arrow`]: {
+        // ↑
+        transform: `translateY(${unit(token.calc(menuArrowSize).mul(0.2).mul(-1).equal())})`,
+        '&::after': {
+          transform: `rotate(-45deg) translateX(${unit(token.calc(menuArrowOffset).mul(-1).equal())})`
+        },
+        '&::before': {
+          transform: `rotate(45deg) translateX(${unit(menuArrowOffset)})`
+        }
+      }
+    })
+  },
+  // Integration with header element so menu items have the same height
+  {
+    [`${antCls}-layout-header`]: {
+      [componentCls]: {
+        lineHeight: 'inherit'
+      }
+    }
+  }];
+};
+export const prepareComponentToken = token => {
+  var _a, _b, _c;
+  const {
+    colorPrimary,
+    colorError,
+    colorTextDisabled,
+    colorErrorBg,
+    colorText,
+    colorTextDescription,
+    colorBgContainer,
+    colorFillAlter,
+    colorFillContent,
+    lineWidth,
+    lineWidthBold,
+    controlItemBgActive,
+    colorBgTextHover,
+    controlHeightLG,
+    lineHeight,
+    colorBgElevated,
+    marginXXS,
+    padding,
+    fontSize,
+    controlHeightSM,
+    fontSizeLG,
+    colorTextLightSolid,
+    colorErrorHover
+  } = token;
+  const activeBarWidth = (_a = token.activeBarWidth) !== null && _a !== void 0 ? _a : 0;
+  const activeBarBorderWidth = (_b = token.activeBarBorderWidth) !== null && _b !== void 0 ? _b : lineWidth;
+  const itemMarginInline = (_c = token.itemMarginInline) !== null && _c !== void 0 ? _c : token.marginXXS;
+  const colorTextDark = new FastColor(colorTextLightSolid).setA(0.65).toRgbString();
+  return {
+    dropdownWidth: 160,
+    zIndexPopup: token.zIndexPopupBase + 50,
+    radiusItem: token.borderRadiusLG,
+    itemBorderRadius: token.borderRadiusLG,
+    radiusSubMenuItem: token.borderRadiusSM,
+    subMenuItemBorderRadius: token.borderRadiusSM,
+    colorItemText: colorText,
+    itemColor: colorText,
+    colorItemTextHover: colorText,
+    itemHoverColor: colorText,
+    colorItemTextHoverHorizontal: colorPrimary,
+    horizontalItemHoverColor: colorPrimary,
+    colorGroupTitle: colorTextDescription,
+    groupTitleColor: colorTextDescription,
+    colorItemTextSelected: colorPrimary,
+    itemSelectedColor: colorPrimary,
+    subMenuItemSelectedColor: colorPrimary,
+    colorItemTextSelectedHorizontal: colorPrimary,
+    horizontalItemSelectedColor: colorPrimary,
+    colorItemBg: colorBgContainer,
+    itemBg: colorBgContainer,
+    colorItemBgHover: colorBgTextHover,
+    itemHoverBg: colorBgTextHover,
+    colorItemBgActive: colorFillContent,
+    itemActiveBg: controlItemBgActive,
+    colorSubItemBg: colorFillAlter,
+    subMenuItemBg: colorFillAlter,
+    colorItemBgSelected: controlItemBgActive,
+    itemSelectedBg: controlItemBgActive,
+    colorItemBgSelectedHorizontal: 'transparent',
+    horizontalItemSelectedBg: 'transparent',
+    colorActiveBarWidth: 0,
+    activeBarWidth,
+    colorActiveBarHeight: lineWidthBold,
+    activeBarHeight: lineWidthBold,
+    colorActiveBarBorderSize: lineWidth,
+    activeBarBorderWidth,
+    // Disabled
+    colorItemTextDisabled: colorTextDisabled,
+    itemDisabledColor: colorTextDisabled,
+    // Danger
+    colorDangerItemText: colorError,
+    dangerItemColor: colorError,
+    colorDangerItemTextHover: colorError,
+    dangerItemHoverColor: colorError,
+    colorDangerItemTextSelected: colorError,
+    dangerItemSelectedColor: colorError,
+    colorDangerItemBgActive: colorErrorBg,
+    dangerItemActiveBg: colorErrorBg,
+    colorDangerItemBgSelected: colorErrorBg,
+    dangerItemSelectedBg: colorErrorBg,
+    itemMarginInline,
+    horizontalItemBorderRadius: 0,
+    horizontalItemHoverBg: 'transparent',
+    itemHeight: controlHeightLG,
+    groupTitleLineHeight: lineHeight,
+    collapsedWidth: controlHeightLG * 2,
+    popupBg: colorBgElevated,
+    itemMarginBlock: marginXXS,
+    itemPaddingInline: padding,
+    horizontalLineHeight: `${controlHeightLG * 1.15}px`,
+    iconSize: fontSize,
+    iconMarginInlineEnd: controlHeightSM - fontSize,
+    collapsedIconSize: fontSizeLG,
+    groupTitleFontSize: fontSize,
+    // Disabled
+    darkItemDisabledColor: new FastColor(colorTextLightSolid).setA(0.25).toRgbString(),
+    // Dark
+    darkItemColor: colorTextDark,
+    darkDangerItemColor: colorError,
+    darkItemBg: '#001529',
+    darkPopupBg: '#001529',
+    darkSubMenuItemBg: '#000c17',
+    darkItemSelectedColor: colorTextLightSolid,
+    darkItemSelectedBg: colorPrimary,
+    darkDangerItemSelectedBg: colorError,
+    darkItemHoverBg: 'transparent',
+    darkGroupTitleColor: colorTextDark,
+    darkItemHoverColor: colorTextLightSolid,
+    darkDangerItemHoverColor: colorErrorHover,
+    darkDangerItemSelectedColor: colorTextLightSolid,
+    darkDangerItemActiveBg: colorError,
+    // internal
+    itemWidth: activeBarWidth ? `calc(100% + ${activeBarBorderWidth}px)` : `calc(100% - ${itemMarginInline * 2}px)`
+  };
+};
+// ============================== Export ==============================
+export default (prefixCls, rootCls = prefixCls, injectStyle = true) => {
+  const useStyle = genStyleHooks('Menu', token => {
+    const {
+      colorBgElevated,
+      controlHeightLG,
+      fontSize,
+      darkItemColor,
+      darkDangerItemColor,
+      darkItemBg,
+      darkSubMenuItemBg,
+      darkItemSelectedColor,
+      darkItemSelectedBg,
+      darkDangerItemSelectedBg,
+      darkItemHoverBg,
+      darkGroupTitleColor,
+      darkItemHoverColor,
+      darkItemDisabledColor,
+      darkDangerItemHoverColor,
+      darkDangerItemSelectedColor,
+      darkDangerItemActiveBg,
+      popupBg,
+      darkPopupBg
+    } = token;
+    const menuArrowSize = token.calc(fontSize).div(7).mul(5).equal();
+    // Menu Token
+    const menuToken = mergeToken(token, {
+      menuArrowSize,
+      menuHorizontalHeight: token.calc(controlHeightLG).mul(1.15).equal(),
+      menuArrowOffset: token.calc(menuArrowSize).mul(0.25).equal(),
+      menuSubMenuBg: colorBgElevated,
+      calc: token.calc,
+      popupBg
+    });
+    const menuDarkToken = mergeToken(menuToken, {
+      itemColor: darkItemColor,
+      itemHoverColor: darkItemHoverColor,
+      groupTitleColor: darkGroupTitleColor,
+      itemSelectedColor: darkItemSelectedColor,
+      subMenuItemSelectedColor: darkItemSelectedColor,
+      itemBg: darkItemBg,
+      popupBg: darkPopupBg,
+      subMenuItemBg: darkSubMenuItemBg,
+      itemActiveBg: 'transparent',
+      itemSelectedBg: darkItemSelectedBg,
+      activeBarHeight: 0,
+      activeBarBorderWidth: 0,
+      itemHoverBg: darkItemHoverBg,
+      // Disabled
+      itemDisabledColor: darkItemDisabledColor,
+      // Danger
+      dangerItemColor: darkDangerItemColor,
+      dangerItemHoverColor: darkDangerItemHoverColor,
+      dangerItemSelectedColor: darkDangerItemSelectedColor,
+      dangerItemActiveBg: darkDangerItemActiveBg,
+      dangerItemSelectedBg: darkDangerItemSelectedBg,
+      menuSubMenuBg: darkSubMenuItemBg,
+      // Horizontal
+      horizontalItemSelectedColor: darkItemSelectedColor,
+      horizontalItemSelectedBg: darkItemSelectedBg
+    });
+    return [
+    // Basic
+    getBaseStyle(menuToken),
+    // Horizontal
+    getHorizontalStyle(menuToken),
+    // Hard code for some light style
+    // Vertical
+    getVerticalStyle(menuToken),
+    // Hard code for some light style
+    // Theme
+    getThemeStyle(menuToken, 'light'), getThemeStyle(menuDarkToken, 'dark'),
+    // RTL
+    getRTLStyle(menuToken),
+    // Motion
+    genCollapseMotion(menuToken), initSlideMotion(menuToken, 'slide-up'), initSlideMotion(menuToken, 'slide-down'), initZoomMotion(menuToken, 'zoom-big')];
+  }, prepareComponentToken, {
+    deprecatedTokens: [['colorGroupTitle', 'groupTitleColor'], ['radiusItem', 'itemBorderRadius'], ['radiusSubMenuItem', 'subMenuItemBorderRadius'], ['colorItemText', 'itemColor'], ['colorItemTextHover', 'itemHoverColor'], ['colorItemTextHoverHorizontal', 'horizontalItemHoverColor'], ['colorItemTextSelected', 'itemSelectedColor'], ['colorItemTextSelectedHorizontal', 'horizontalItemSelectedColor'], ['colorItemTextDisabled', 'itemDisabledColor'], ['colorDangerItemText', 'dangerItemColor'], ['colorDangerItemTextHover', 'dangerItemHoverColor'], ['colorDangerItemTextSelected', 'dangerItemSelectedColor'], ['colorDangerItemBgActive', 'dangerItemActiveBg'], ['colorDangerItemBgSelected', 'dangerItemSelectedBg'], ['colorItemBg', 'itemBg'], ['colorItemBgHover', 'itemHoverBg'], ['colorSubItemBg', 'subMenuItemBg'], ['colorItemBgActive', 'itemActiveBg'], ['colorItemBgSelectedHorizontal', 'horizontalItemSelectedBg'], ['colorActiveBarWidth', 'activeBarWidth'], ['colorActiveBarHeight', 'activeBarHeight'], ['colorActiveBarBorderSize', 'activeBarBorderWidth'], ['colorItemBgSelected', 'itemSelectedBg']],
+    // Dropdown will handle menu style self. We do not need to handle this.
+    injectStyle,
+    unitless: {
+      groupTitleLineHeight: true
+    }
+  });
+  return useStyle(prefixCls, rootCls);
+};

frontend/node_modules/antd/es/menu/style/rtl.d.ts

@@ -0,0 +1,5 @@
+import type { CssUtil } from 'antd-style';
+import type { MenuToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const getRTLStyle: GenerateStyle<MenuToken & CssUtil>;
+export default getRTLStyle;

frontend/node_modules/antd/es/menu/style/rtl.js

@@ -0,0 +1,26 @@
+import { unit } from '@ant-design/cssinjs';
+const getRTLStyle = ({
+  componentCls,
+  menuArrowOffset,
+  calc
+}) => ({
+  [`${componentCls}-rtl`]: {
+    direction: 'rtl'
+  },
+  [`${componentCls}-submenu-rtl`]: {
+    transformOrigin: '100% 0'
+  },
+  // Vertical Arrow
+  [`${componentCls}-rtl${componentCls}-vertical,
+    ${componentCls}-submenu-rtl ${componentCls}-vertical`]: {
+    [`${componentCls}-submenu-arrow`]: {
+      '&::before': {
+        transform: `rotate(-45deg) translateY(${unit(calc(menuArrowOffset).mul(-1).equal())})`
+      },
+      '&::after': {
+        transform: `rotate(45deg) translateY(${unit(menuArrowOffset)})`
+      }
+    }
+  }
+});
+export default getRTLStyle;

frontend/node_modules/antd/es/menu/style/theme.d.ts

@@ -0,0 +1,4 @@
+import type { CSSInterpolation } from '@ant-design/cssinjs';
+import type { MenuToken } from '.';
+declare const getThemeStyle: (token: MenuToken, themeSuffix: string) => CSSInterpolation;
+export default getThemeStyle;

frontend/node_modules/antd/es/menu/style/theme.js

@@ -0,0 +1,216 @@
+import { unit } from '@ant-design/cssinjs';
+import { genFocusOutline } from '../../style';
+const accessibilityFocus = token => genFocusOutline(token);
+const getThemeStyle = (token, themeSuffix) => {
+  const {
+    componentCls,
+    itemColor,
+    itemSelectedColor,
+    subMenuItemSelectedColor,
+    groupTitleColor,
+    itemBg,
+    subMenuItemBg,
+    itemSelectedBg,
+    activeBarHeight,
+    activeBarWidth,
+    activeBarBorderWidth,
+    motionDurationSlow,
+    motionEaseInOut,
+    motionEaseOut,
+    itemPaddingInline,
+    motionDurationMid,
+    itemHoverColor,
+    lineType,
+    colorSplit,
+    // Disabled
+    itemDisabledColor,
+    // Danger
+    dangerItemColor,
+    dangerItemHoverColor,
+    dangerItemSelectedColor,
+    dangerItemActiveBg,
+    dangerItemSelectedBg,
+    // Bg
+    popupBg,
+    itemHoverBg,
+    itemActiveBg,
+    menuSubMenuBg,
+    // Horizontal
+    horizontalItemSelectedColor,
+    horizontalItemSelectedBg,
+    horizontalItemBorderRadius,
+    horizontalItemHoverBg
+  } = token;
+  return {
+    [`${componentCls}-${themeSuffix}, ${componentCls}-${themeSuffix} > ${componentCls}`]: {
+      color: itemColor,
+      background: itemBg,
+      [`&${componentCls}-root:focus-visible`]: Object.assign({}, accessibilityFocus(token)),
+      // ======================== Item ========================
+      [`${componentCls}-item`]: {
+        '&-group-title, &-extra': {
+          color: groupTitleColor
+        }
+      },
+      [`${componentCls}-submenu-selected > ${componentCls}-submenu-title`]: {
+        color: subMenuItemSelectedColor
+      },
+      [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+        color: itemColor,
+        [`&:not(${componentCls}-item-disabled):focus-visible`]: Object.assign({}, accessibilityFocus(token))
+      },
+      // Disabled
+      [`${componentCls}-item-disabled, ${componentCls}-submenu-disabled`]: {
+        color: `${itemDisabledColor} !important`
+      },
+      // Hover
+      [`${componentCls}-item:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: {
+        [`&:hover, > ${componentCls}-submenu-title:hover`]: {
+          color: itemHoverColor
+        }
+      },
+      [`&:not(${componentCls}-horizontal)`]: {
+        [`${componentCls}-item:not(${componentCls}-item-selected)`]: {
+          '&:hover': {
+            backgroundColor: itemHoverBg
+          },
+          '&:active': {
+            backgroundColor: itemActiveBg
+          }
+        },
+        [`${componentCls}-submenu-title`]: {
+          '&:hover': {
+            backgroundColor: itemHoverBg
+          },
+          '&:active': {
+            backgroundColor: itemActiveBg
+          }
+        }
+      },
+      // Danger - only Item has
+      [`${componentCls}-item-danger`]: {
+        color: dangerItemColor,
+        [`&${componentCls}-item:hover`]: {
+          [`&:not(${componentCls}-item-selected):not(${componentCls}-submenu-selected)`]: {
+            color: dangerItemHoverColor
+          }
+        },
+        [`&${componentCls}-item:active`]: {
+          background: dangerItemActiveBg
+        }
+      },
+      [`${componentCls}-item a`]: {
+        '&, &:hover': {
+          color: 'inherit'
+        }
+      },
+      [`${componentCls}-item-selected`]: {
+        color: itemSelectedColor,
+        // Danger
+        [`&${componentCls}-item-danger`]: {
+          color: dangerItemSelectedColor
+        },
+        'a, a:hover': {
+          color: 'inherit'
+        }
+      },
+      [`& ${componentCls}-item-selected`]: {
+        backgroundColor: itemSelectedBg,
+        // Danger
+        [`&${componentCls}-item-danger`]: {
+          backgroundColor: dangerItemSelectedBg
+        }
+      },
+      [`&${componentCls}-submenu > ${componentCls}`]: {
+        backgroundColor: menuSubMenuBg
+      },
+      // ===== 设置浮层的颜色 =======
+      // ！dark 模式会被popupBg 会被rest 为 darkPopupBg
+      [`&${componentCls}-popup > ${componentCls}`]: {
+        backgroundColor: popupBg
+      },
+      [`&${componentCls}-submenu-popup > ${componentCls}`]: {
+        backgroundColor: popupBg
+      },
+      // ===== 设置浮层的颜色 end =======
+      // ====================== Horizontal ======================
+      [`&${componentCls}-horizontal`]: Object.assign(Object.assign({}, themeSuffix === 'dark' ? {
+        borderBottom: 0
+      } : {}), {
+        [`> ${componentCls}-item, > ${componentCls}-submenu`]: {
+          top: activeBarBorderWidth,
+          marginTop: token.calc(activeBarBorderWidth).mul(-1).equal(),
+          marginBottom: 0,
+          borderRadius: horizontalItemBorderRadius,
+          '&::after': {
+            position: 'absolute',
+            insetInline: itemPaddingInline,
+            bottom: 0,
+            borderBottom: `${unit(activeBarHeight)} solid transparent`,
+            transition: `border-color ${motionDurationSlow} ${motionEaseInOut}`,
+            content: '""'
+          },
+          '&:hover, &-active, &-open': {
+            background: horizontalItemHoverBg,
+            '&::after': {
+              borderBottomWidth: activeBarHeight,
+              borderBottomColor: horizontalItemSelectedColor
+            }
+          },
+          '&-selected': {
+            color: horizontalItemSelectedColor,
+            backgroundColor: horizontalItemSelectedBg,
+            '&:hover': {
+              backgroundColor: horizontalItemSelectedBg
+            },
+            '&::after': {
+              borderBottomWidth: activeBarHeight,
+              borderBottomColor: horizontalItemSelectedColor
+            }
+          }
+        }
+      }),
+      // ================== Inline & Vertical ===================
+      //
+      [`&${componentCls}-root`]: {
+        [`&${componentCls}-inline, &${componentCls}-vertical`]: {
+          borderInlineEnd: `${unit(activeBarBorderWidth)} ${lineType} ${colorSplit}`
+        }
+      },
+      // ======================== Inline ========================
+      [`&${componentCls}-inline`]: {
+        // Sub
+        [`${componentCls}-sub${componentCls}-inline`]: {
+          background: subMenuItemBg
+        },
+        [`${componentCls}-item`]: {
+          position: 'relative',
+          '&::after': {
+            position: 'absolute',
+            insetBlock: 0,
+            insetInlineEnd: 0,
+            borderInlineEnd: `${unit(activeBarWidth)} solid ${itemSelectedColor}`,
+            transform: 'scaleY(0.0001)',
+            opacity: 0,
+            transition: [`transform ${motionDurationMid} ${motionEaseOut}`, `opacity ${motionDurationMid} ${motionEaseOut}`].join(','),
+            content: '""'
+          },
+          // Danger
+          [`&${componentCls}-item-danger`]: {
+            '&::after': {
+              borderInlineEndColor: dangerItemSelectedColor
+            }
+          }
+        },
+        [`${componentCls}-selected, ${componentCls}-item-selected`]: {
+          '&::after': {
+            transform: 'scaleY(1)',
+            opacity: 1,
+            transition: [`transform ${motionDurationMid} ${motionEaseInOut}`, `opacity ${motionDurationMid} ${motionEaseInOut}`].join(',')
+          }
+        }
+      }
+    }
+  };
+};
+export default getThemeStyle;

frontend/node_modules/antd/es/menu/style/vertical.d.ts

@@ -0,0 +1,4 @@
+import type { MenuToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const getVerticalStyle: GenerateStyle<MenuToken>;
+export default getVerticalStyle;

frontend/node_modules/antd/es/menu/style/vertical.js

@@ -0,0 +1,186 @@
+import { unit } from '@ant-design/cssinjs';
+import { textEllipsis } from '../../style';
+const getVerticalInlineStyle = token => {
+  const {
+    componentCls,
+    itemHeight,
+    itemMarginInline,
+    padding,
+    menuArrowSize,
+    marginXS,
+    itemMarginBlock,
+    itemWidth,
+    itemPaddingInline
+  } = token;
+  const paddingWithArrow = token.calc(menuArrowSize).add(padding).add(marginXS).equal();
+  return {
+    [`${componentCls}-item`]: {
+      position: 'relative',
+      overflow: 'hidden'
+    },
+    [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+      height: itemHeight,
+      lineHeight: unit(itemHeight),
+      paddingInline: itemPaddingInline,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      marginInline: itemMarginInline,
+      marginBlock: itemMarginBlock,
+      width: itemWidth
+    },
+    [`> ${componentCls}-item,
+            > ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+      height: itemHeight,
+      lineHeight: unit(itemHeight)
+    },
+    [`${componentCls}-item-group-list ${componentCls}-submenu-title,
+            ${componentCls}-submenu-title`]: {
+      paddingInlineEnd: paddingWithArrow
+    }
+  };
+};
+const getVerticalStyle = token => {
+  const {
+    componentCls,
+    iconCls,
+    itemHeight,
+    colorTextLightSolid,
+    dropdownWidth,
+    controlHeightLG,
+    motionEaseOut,
+    paddingXL,
+    itemMarginInline,
+    fontSizeLG,
+    motionDurationFast,
+    motionDurationSlow,
+    paddingXS,
+    boxShadowSecondary,
+    collapsedWidth,
+    collapsedIconSize
+  } = token;
+  const inlineItemStyle = {
+    height: itemHeight,
+    lineHeight: unit(itemHeight),
+    listStylePosition: 'inside',
+    listStyleType: 'disc'
+  };
+  return [{
+    [componentCls]: {
+      '&-inline, &-vertical': Object.assign({
+        [`&${componentCls}-root`]: {
+          boxShadow: 'none'
+        }
+      }, getVerticalInlineStyle(token))
+    },
+    [`${componentCls}-submenu-popup`]: {
+      [`${componentCls}-vertical`]: Object.assign(Object.assign({}, getVerticalInlineStyle(token)), {
+        boxShadow: boxShadowSecondary
+      })
+    }
+  },
+  // Vertical only
+  {
+    [`${componentCls}-submenu-popup ${componentCls}-vertical${componentCls}-sub`]: {
+      minWidth: dropdownWidth,
+      maxHeight: `calc(100vh - ${unit(token.calc(controlHeightLG).mul(2.5).equal())})`,
+      padding: '0',
+      overflow: 'hidden',
+      borderInlineEnd: 0,
+      // https://github.com/ant-design/ant-design/issues/22244
+      // https://github.com/ant-design/ant-design/issues/26812
+      "&:not([class*='-active'])": {
+        overflowX: 'hidden',
+        overflowY: 'auto'
+      }
+    }
+  },
+  // Inline Only
+  {
+    [`${componentCls}-inline`]: {
+      width: '100%',
+      // Motion enhance for first level
+      [`&${componentCls}-root`]: {
+        [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+          display: 'flex',
+          alignItems: 'center',
+          transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`, `padding ${motionDurationFast} ${motionEaseOut}`].join(','),
+          [`> ${componentCls}-title-content`]: {
+            flex: 'auto',
+            minWidth: 0,
+            overflow: 'hidden',
+            textOverflow: 'ellipsis'
+          },
+          '> *': {
+            flex: 'none'
+          }
+        }
+      },
+      // >>>>> Sub
+      [`${componentCls}-sub${componentCls}-inline`]: {
+        padding: 0,
+        border: 0,
+        borderRadius: 0,
+        boxShadow: 'none',
+        [`& > ${componentCls}-submenu > ${componentCls}-submenu-title`]: inlineItemStyle,
+        [`& ${componentCls}-item-group-title`]: {
+          paddingInlineStart: paddingXL
+        }
+      },
+      // >>>>> Item
+      [`${componentCls}-item`]: inlineItemStyle
+    }
+  },
+  // Inline Collapse Only
+  {
+    [`${componentCls}-inline-collapsed`]: {
+      width: collapsedWidth,
+      [`&${componentCls}-root`]: {
+        [`${componentCls}-item, ${componentCls}-submenu ${componentCls}-submenu-title`]: {
+          [`> ${componentCls}-inline-collapsed-noicon`]: {
+            fontSize: fontSizeLG,
+            textAlign: 'center'
+          }
+        }
+      },
+      [`> ${componentCls}-item,
+          > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-item,
+          > ${componentCls}-item-group > ${componentCls}-item-group-list > ${componentCls}-submenu > ${componentCls}-submenu-title,
+          > ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
+        insetInlineStart: 0,
+        paddingInline: `calc(50% - ${unit(token.calc(collapsedIconSize).div(2).equal())} - ${unit(itemMarginInline)})`,
+        textOverflow: 'clip',
+        [`
+            ${componentCls}-submenu-arrow,
+            ${componentCls}-submenu-expand-icon
+          `]: {
+          opacity: 0
+        },
+        [`${componentCls}-item-icon, ${iconCls}`]: {
+          margin: 0,
+          fontSize: collapsedIconSize,
+          lineHeight: unit(itemHeight),
+          '+ span': {
+            display: 'inline-block',
+            opacity: 0
+          }
+        }
+      },
+      [`${componentCls}-item-icon, ${iconCls}`]: {
+        display: 'inline-block'
+      },
+      '&-tooltip': {
+        pointerEvents: 'none',
+        [`${componentCls}-item-icon, ${iconCls}`]: {
+          display: 'none'
+        },
+        'a, a:hover': {
+          color: colorTextLightSolid
+        }
+      },
+      [`${componentCls}-item-group-title`]: Object.assign(Object.assign({}, textEllipsis), {
+        paddingInline: paddingXS
+      })
+    }
+  }];
+};
+export default getVerticalStyle;