@chaoswise/ui 3.0.5 → 3.0.6

package/lib/Antd5/menu/menu.js

@@ -1,174 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { forwardRef } from 'react';
-import EllipsisOutlined from '@ant-design/icons/EllipsisOutlined';
-import classNames from 'classnames';
-import RcMenu from 'rc-menu';
-import { useEvent } from 'rc-util';
-import omit from 'rc-util/lib/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 Divider from './MenuDivider';
-import MenuContext from './MenuContext';
-import MenuItem from './MenuItem';
-import OverrideContext from './OverrideContext';
-import useStyle from './style';
-import SubMenu from './SubMenu';
-function isEmptyIcon(icon) {
-  return icon === null || icon === false;
-}
-var MENU_COMPONENTS = {
-  item: MenuItem,
-  submenu: SubMenu,
-  divider: Divider
-};
-var InternalMenu = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _overrideObj$validato;
-  var override = React.useContext(OverrideContext);
-  var overrideObj = override || {};
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    getPopupContainer = _React$useContext.getPopupContainer,
-    direction = _React$useContext.direction,
-    menu = _React$useContext.menu;
-  var rootPrefixCls = getPrefixCls();
-  var customizePrefixCls = props.prefixCls,
-    className = props.className,
-    style = props.style,
-    _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'light' : _props$theme,
-    expandIcon = props.expandIcon,
-    _internalDisableMenuItemTitleTooltip = props._internalDisableMenuItemTitleTooltip,
-    inlineCollapsed = props.inlineCollapsed,
-    siderCollapsed = props.siderCollapsed,
-    rootClassName = props.rootClassName,
-    mode = props.mode,
-    selectable = props.selectable,
-    onClick = props.onClick,
-    overflowedIndicatorPopupClassName = props.overflowedIndicatorPopupClassName,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var passedProps = omit(restProps, ['collapsedWidth']);
-  // ======================== Warning ==========================
-  if (process.env.NODE_ENV !== 'production') {
-    var warning = devUseWarning('Menu');
-    warning(!('inlineCollapsed' in props && mode !== 'inline'), 'usage', '`inlineCollapsed` should only be used when `mode` is inline.');
-    warning(!(props.siderCollapsed !== undefined && 'inlineCollapsed' in props), 'usage', '`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead.');
-    warning.deprecated('items' in props && !props.children, 'children', 'items');
-  }
-  (_overrideObj$validato = overrideObj.validator) === null || _overrideObj$validato === void 0 || _overrideObj$validato.call(overrideObj, {
-    mode: mode
-  });
-  // ========================== Click ==========================
-  // Tell dropdown that item clicked
-  var onItemClick = useEvent(function () {
-    var _overrideObj$onClick;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    onClick === null || onClick === void 0 || onClick.apply(void 0, args);
-    (_overrideObj$onClick = overrideObj.onClick) === null || _overrideObj$onClick === void 0 || _overrideObj$onClick.call(overrideObj);
-  });
-  // ========================== Mode ===========================
-  var mergedMode = overrideObj.mode || mode;
-  // ======================= Selectable ========================
-  var mergedSelectable = selectable !== null && selectable !== void 0 ? selectable : overrideObj.selectable;
-  // ======================== Collapsed ========================
-  // Inline Collapsed
-  var mergedInlineCollapsed = React.useMemo(function () {
-    if (siderCollapsed !== undefined) {
-      return siderCollapsed;
-    }
-    return inlineCollapsed;
-  }, [inlineCollapsed, siderCollapsed]);
-  var defaultMotions = {
-    horizontal: {
-      motionName: "".concat(rootPrefixCls, "-slide-up")
-    },
-    inline: initCollapseMotion(rootPrefixCls),
-    other: {
-      motionName: "".concat(rootPrefixCls, "-zoom-big")
-    }
-  };
-  var prefixCls = getPrefixCls('menu', customizePrefixCls || overrideObj.prefixCls);
-  var rootCls = useCSSVarCls(prefixCls);
-  var _useStyle = useStyle(prefixCls, rootCls, !override),
-    _useStyle2 = _slicedToArray(_useStyle, 3),
-    wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1],
-    cssVarCls = _useStyle2[2];
-  var menuClassName = classNames("".concat(prefixCls, "-").concat(theme), menu === null || menu === void 0 ? void 0 : menu.className, className);
-  // ====================== ExpandIcon ========================
-  var mergedExpandIcon = React.useMemo(function () {
-    var _ref, _mergedIcon$props;
-    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;
-    }
-    var mergedIcon = (_ref = expandIcon !== null && expandIcon !== void 0 ? expandIcon : overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon) !== null && _ref !== void 0 ? _ref : menu === null || menu === void 0 ? void 0 : menu.expandIcon;
-    return cloneElement(mergedIcon, {
-      className: classNames("".concat(prefixCls, "-submenu-expand-icon"), /*#__PURE__*/React.isValidElement(mergedIcon) ? (_mergedIcon$props = mergedIcon.props) === null || _mergedIcon$props === void 0 ? void 0 : _mergedIcon$props.className : undefined)
-    });
-  }, [expandIcon, overrideObj === null || overrideObj === void 0 ? void 0 : overrideObj.expandIcon, menu === null || menu === void 0 ? void 0 : menu.expandIcon, prefixCls]);
-  // ======================== Context ==========================
-  var contextValue = React.useMemo(function () {
-    return {
-      prefixCls: prefixCls,
-      inlineCollapsed: mergedInlineCollapsed || false,
-      direction: direction,
-      firstLevel: true,
-      theme: theme,
-      mode: mergedMode,
-      disableMenuItemTitleTooltip: _internalDisableMenuItemTitleTooltip
-    };
-  }, [prefixCls, mergedInlineCollapsed, direction, _internalDisableMenuItemTitleTooltip, theme]);
-  // ========================= Render ==========================
-  return wrapCSSVar(_jsx(OverrideContext.Provider, {
-    value: null,
-    children: _jsx(MenuContext.Provider, {
-      value: contextValue,
-      children: _jsx(RcMenu, _objectSpread(_objectSpread({
-        getPopupContainer: getPopupContainer,
-        overflowedIndicator: _jsx(EllipsisOutlined, {}),
-        overflowedIndicatorPopupClassName: classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), overflowedIndicatorPopupClassName),
-        mode: mergedMode,
-        selectable: mergedSelectable,
-        onClick: onItemClick
-      }, passedProps), {}, {
-        inlineCollapsed: mergedInlineCollapsed,
-        style: _objectSpread(_objectSpread({}, 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;

package/lib/Antd5/menu/style/horizontal.js

@@ -1,38 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { unit } from '@ant-design/cssinjs';
-var getHorizontalStyle = function getHorizontalStyle(token) {
-  var componentCls = token.componentCls,
-    motionDurationSlow = token.motionDurationSlow,
-    horizontalLineHeight = token.horizontalLineHeight,
-    colorSplit = token.colorSplit,
-    lineWidth = token.lineWidth,
-    lineType = token.lineType,
-    itemPaddingInline = token.itemPaddingInline;
-  return _defineProperty({}, "".concat(componentCls, "-horizontal"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    lineHeight: horizontalLineHeight,
-    border: 0,
-    borderBottom: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorSplit),
-    boxShadow: 'none',
-    '&::after': {
-      display: 'block',
-      clear: 'both',
-      height: 0,
-      content: '"\\20"'
-    }
-  }, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu"), {
-    position: 'relative',
-    display: 'inline-block',
-    verticalAlign: 'bottom',
-    paddingInline: itemPaddingInline
-  }), "> ".concat(componentCls, "-item:hover,\n        > ").concat(componentCls, "-item-active,\n        > ").concat(componentCls, "-submenu ").concat(componentCls, "-submenu-title:hover"), {
-    backgroundColor: 'transparent'
-  }), "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
-    transition: ["border-color ".concat(motionDurationSlow), "background ".concat(motionDurationSlow)].join(',')
-  }), "".concat(componentCls, "-submenu-arrow"), {
-    display: 'none'
-  }));
-};
-export default getHorizontalStyle;

package/lib/Antd5/menu/style/index.js

@@ -1,441 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { unit } from '@ant-design/cssinjs';
-import { TinyColor } from '@ctrl/tinycolor';
-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';
-var genMenuItemStyle = function genMenuItemStyle(token) {
-  var componentCls = token.componentCls,
-    motionDurationSlow = token.motionDurationSlow,
-    motionDurationMid = token.motionDurationMid,
-    motionEaseInOut = token.motionEaseInOut,
-    motionEaseOut = token.motionEaseOut,
-    iconCls = token.iconCls,
-    iconSize = token.iconSize,
-    iconMarginInlineEnd = token.iconMarginInlineEnd;
-  return _defineProperty(_defineProperty({}, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), _defineProperty(_defineProperty(_defineProperty({
-    position: 'relative',
-    display: 'block',
-    margin: 0,
-    whiteSpace: 'nowrap',
-    cursor: 'pointer',
-    transition: ["border-color ".concat(motionDurationSlow), "background ".concat(motionDurationSlow), "padding ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(',')
-  }, "".concat(componentCls, "-item-icon, ").concat(iconCls), {
-    minWidth: iconSize,
-    fontSize: iconSize,
-    transition: ["font-size ".concat(motionDurationMid, " ").concat(motionEaseOut), "margin ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "color ".concat(motionDurationSlow)].join(','),
-    '+ span': {
-      marginInlineStart: iconMarginInlineEnd,
-      opacity: 1,
-      transition: ["opacity ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "margin ".concat(motionDurationSlow), "color ".concat(motionDurationSlow)].join(',')
-    }
-  }), "".concat(componentCls, "-item-icon"), _objectSpread({}, resetIcon())), "&".concat(componentCls, "-item-only-child"), _defineProperty({}, "> ".concat(iconCls, ", > ").concat(componentCls, "-item-icon"), {
-    marginInlineEnd: 0
-  }))), "".concat(componentCls, "-item-disabled, ").concat(componentCls, "-submenu-disabled"), _defineProperty({
-    background: 'none !important',
-    cursor: 'not-allowed',
-    '&::after': {
-      borderColor: 'transparent !important'
-    },
-    a: {
-      color: 'inherit !important'
-    }
-  }, "> ".concat(componentCls, "-submenu-title"), {
-    color: 'inherit !important',
-    cursor: 'not-allowed'
-  }));
-};
-var genSubMenuArrowStyle = function genSubMenuArrowStyle(token) {
-  var componentCls = token.componentCls,
-    motionDurationSlow = token.motionDurationSlow,
-    motionEaseInOut = token.motionEaseInOut,
-    borderRadius = token.borderRadius,
-    menuArrowSize = token.menuArrowSize,
-    menuArrowOffset = token.menuArrowOffset;
-  return _defineProperty({}, "".concat(componentCls, "-submenu"), _defineProperty(_defineProperty({}, "&-expand-icon, &-arrow", {
-    position: 'absolute',
-    top: '50%',
-    insetInlineEnd: token.margin,
-    width: menuArrowSize,
-    color: 'currentcolor',
-    transform: 'translateY(-50%)',
-    transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut, ", opacity ").concat(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: borderRadius,
-      transition: ["background ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "top ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "color ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(','),
-      content: '""'
-    },
-    '&::before': {
-      transform: "rotate(45deg) translateY(".concat(unit(token.calc(menuArrowOffset).mul(-1).equal()), ")")
-    },
-    '&::after': {
-      transform: "rotate(-45deg) translateY(".concat(unit(menuArrowOffset), ")")
-    }
-  }));
-};
-// =============================== Base ===============================
-var getBaseStyle = function getBaseStyle(token) {
-  var antCls = token.antCls,
-    componentCls = token.componentCls,
-    fontSize = token.fontSize,
-    motionDurationSlow = token.motionDurationSlow,
-    motionDurationMid = token.motionDurationMid,
-    motionEaseInOut = token.motionEaseInOut,
-    paddingXS = token.paddingXS,
-    padding = token.padding,
-    colorSplit = token.colorSplit,
-    lineWidth = token.lineWidth,
-    zIndexPopup = token.zIndexPopup,
-    borderRadiusLG = token.borderRadiusLG,
-    subMenuItemBorderRadius = token.subMenuItemBorderRadius,
-    menuArrowSize = token.menuArrowSize,
-    menuArrowOffset = token.menuArrowOffset,
-    lineType = token.lineType,
-    groupTitleLineHeight = token.groupTitleLineHeight,
-    groupTitleFontSize = token.groupTitleFontSize;
-  return [// Misc
-  _defineProperty({
-    '': _defineProperty({}, "".concat(componentCls), _objectSpread(_objectSpread({}, clearFix()), {}, _defineProperty({}, "&-hidden", {
-      display: 'none'
-    })))
-  }, "".concat(componentCls, "-submenu-hidden"), {
-    display: 'none'
-  }), _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), clearFix()), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    marginBottom: 0,
-    paddingInlineStart: 0,
-    // Override default ul/ol
-    fontSize: fontSize,
-    lineHeight: 0,
-    // Fix display inline-block gap
-    listStyle: 'none',
-    outline: 'none',
-    // Magic cubic here but smooth transition
-    transition: "width ".concat(motionDurationSlow, " cubic-bezier(0.2, 0, 0, 1) 0s")
-  }, "ul, ol", {
-    margin: 0,
-    padding: 0,
-    listStyle: 'none'
-  }), "&-overflow", _defineProperty({
-    display: 'flex'
-  }, "".concat(componentCls, "-item"), {
-    flex: 'none'
-  })), "".concat(componentCls, "-item, ").concat(componentCls, "-submenu, ").concat(componentCls, "-submenu-title"), {
-    borderRadius: token.itemBorderRadius
-  }), "".concat(componentCls, "-item-group-title"), {
-    padding: "".concat(unit(paddingXS), " ").concat(unit(padding)),
-    fontSize: groupTitleFontSize,
-    lineHeight: groupTitleLineHeight,
-    transition: "all ".concat(motionDurationSlow)
-  }), "&-horizontal ".concat(componentCls, "-submenu"), {
-    transition: ["border-color ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "background ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(',')
-  }), "".concat(componentCls, "-submenu, ").concat(componentCls, "-submenu-inline"), {
-    transition: ["border-color ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "background ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "padding ".concat(motionDurationMid, " ").concat(motionEaseInOut)].join(',')
-  }), "".concat(componentCls, "-submenu ").concat(componentCls, "-sub"), {
-    cursor: 'initial',
-    transition: ["background ".concat(motionDurationSlow, " ").concat(motionEaseInOut), "padding ".concat(motionDurationSlow, " ").concat(motionEaseInOut)].join(',')
-  }), "".concat(componentCls, "-title-content"), _defineProperty({
-    transition: "color ".concat(motionDurationSlow)
-  }, "> ".concat(antCls, "-typography-ellipsis-single-line"), {
-    display: 'inline',
-    verticalAlign: 'unset'
-  })), "".concat(componentCls, "-item a"), {
-    '&::before': {
-      position: 'absolute',
-      inset: 0,
-      backgroundColor: 'transparent',
-      content: '""'
-    }
-  }), "".concat(componentCls, "-item-divider"), {
-    overflow: 'hidden',
-    lineHeight: 0,
-    borderColor: colorSplit,
-    borderStyle: lineType,
-    borderWidth: 0,
-    borderTopWidth: lineWidth,
-    marginBlock: lineWidth,
-    padding: 0,
-    '&-dashed': {
-      borderStyle: 'dashed'
-    }
-  }), genMenuItemStyle(token)), {}, _defineProperty(_defineProperty({}, "".concat(componentCls, "-item-group"), _defineProperty({}, "".concat(componentCls, "-item-group-list"), _defineProperty({
-    margin: 0,
-    padding: 0
-  }, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu-title"), {
-    paddingInline: "".concat(unit(token.calc(fontSize).mul(2).equal()), " ").concat(unit(padding))
-  }))), '&-submenu', _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    '&-popup': _defineProperty(_defineProperty(_defineProperty({
-      position: 'absolute',
-      zIndex: zIndexPopup,
-      borderRadius: borderRadiusLG,
-      boxShadow: 'none',
-      transformOrigin: '0 0'
-    }, "&".concat(componentCls, "-submenu"), {
-      background: 'transparent'
-    }), '&::before', {
-      position: 'absolute',
-      inset: 0,
-      zIndex: -1,
-      width: '100%',
-      height: '100%',
-      opacity: 0,
-      content: '""'
-    }), "> ".concat(componentCls), _objectSpread(_objectSpread(_objectSpread({
-      borderRadius: borderRadiusLG
-    }, genMenuItemStyle(token)), genSubMenuArrowStyle(token)), {}, _defineProperty(_defineProperty({}, "".concat(componentCls, "-item, ").concat(componentCls, "-submenu > ").concat(componentCls, "-submenu-title"), {
-      borderRadius: subMenuItemBorderRadius
-    }), "".concat(componentCls, "-submenu-title::after"), {
-      transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseInOut)
-    })))
-  }, "\n          &-placement-leftTop,\n          &-placement-bottomRight,\n          ", {
-    transformOrigin: '100% 0'
-  }), "\n          &-placement-leftBottom,\n          &-placement-topRight,\n          ", {
-    transformOrigin: '100% 100%'
-  }), "\n          &-placement-rightBottom,\n          &-placement-topLeft,\n          ", {
-    transformOrigin: '0 100%'
-  }), "\n          &-placement-bottomLeft,\n          &-placement-rightTop,\n          ", {
-    transformOrigin: '0 0'
-  }), "\n          &-placement-leftTop,\n          &-placement-leftBottom\n          ", {
-    paddingInlineEnd: token.paddingXS
-  }), "\n          &-placement-rightTop,\n          &-placement-rightBottom\n          ", {
-    paddingInlineStart: token.paddingXS
-  }), "\n          &-placement-topRight,\n          &-placement-topLeft\n          ", {
-    paddingBottom: token.paddingXS
-  }), "\n          &-placement-bottomRight,\n          &-placement-bottomLeft\n          ", {
-    paddingTop: token.paddingXS
-  })), genSubMenuArrowStyle(token)), {}, _defineProperty(_defineProperty({}, "&-inline-collapsed ".concat(componentCls, "-submenu-arrow,\n        &-inline ").concat(componentCls, "-submenu-arrow"), {
-    // ↓
-    '&::before': {
-      transform: "rotate(-45deg) translateX(".concat(unit(menuArrowOffset), ")")
-    },
-    '&::after': {
-      transform: "rotate(45deg) translateX(".concat(unit(token.calc(menuArrowOffset).mul(-1).equal()), ")")
-    }
-  }), "".concat(componentCls, "-submenu-open").concat(componentCls, "-submenu-inline > ").concat(componentCls, "-submenu-title > ").concat(componentCls, "-submenu-arrow"), {
-    // ↑
-    transform: "translateY(".concat(unit(token.calc(menuArrowSize).mul(0.2).mul(-1).equal()), ")"),
-    '&::after': {
-      transform: "rotate(-45deg) translateX(".concat(unit(token.calc(menuArrowOffset).mul(-1).equal()), ")")
-    },
-    '&::before': {
-      transform: "rotate(45deg) translateX(".concat(unit(menuArrowOffset), ")")
-    }
-  }))), // Integration with header element so menu items have the same height
-  _defineProperty({}, "".concat(antCls, "-layout-header"), _defineProperty({}, componentCls, {
-    lineHeight: 'inherit'
-  }))];
-};
-export var prepareComponentToken = function prepareComponentToken(token) {
-  var _token$activeBarWidth, _token$activeBarBorde, _token$itemMarginInli;
-  var colorPrimary = token.colorPrimary,
-    colorError = token.colorError,
-    colorTextDisabled = token.colorTextDisabled,
-    colorErrorBg = token.colorErrorBg,
-    colorText = token.colorText,
-    colorTextDescription = token.colorTextDescription,
-    colorBgContainer = token.colorBgContainer,
-    colorFillAlter = token.colorFillAlter,
-    colorFillContent = token.colorFillContent,
-    lineWidth = token.lineWidth,
-    lineWidthBold = token.lineWidthBold,
-    controlItemBgActive = token.controlItemBgActive,
-    colorBgTextHover = token.colorBgTextHover,
-    controlHeightLG = token.controlHeightLG,
-    lineHeight = token.lineHeight,
-    colorBgElevated = token.colorBgElevated,
-    marginXXS = token.marginXXS,
-    padding = token.padding,
-    fontSize = token.fontSize,
-    controlHeightSM = token.controlHeightSM,
-    fontSizeLG = token.fontSizeLG,
-    colorTextLightSolid = token.colorTextLightSolid,
-    colorErrorHover = token.colorErrorHover;
-  var activeBarWidth = (_token$activeBarWidth = token.activeBarWidth) !== null && _token$activeBarWidth !== void 0 ? _token$activeBarWidth : 0;
-  var activeBarBorderWidth = (_token$activeBarBorde = token.activeBarBorderWidth) !== null && _token$activeBarBorde !== void 0 ? _token$activeBarBorde : lineWidth;
-  var itemMarginInline = (_token$itemMarginInli = token.itemMarginInline) !== null && _token$itemMarginInli !== void 0 ? _token$itemMarginInli : token.marginXXS;
-  var colorTextDark = new TinyColor(colorTextLightSolid).setAlpha(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,
-    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: activeBarWidth,
-    colorActiveBarHeight: lineWidthBold,
-    activeBarHeight: lineWidthBold,
-    colorActiveBarBorderSize: lineWidth,
-    activeBarBorderWidth: 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: itemMarginInline,
-    horizontalItemBorderRadius: 0,
-    horizontalItemHoverBg: 'transparent',
-    itemHeight: controlHeightLG,
-    groupTitleLineHeight: lineHeight,
-    collapsedWidth: controlHeightLG * 2,
-    popupBg: colorBgElevated,
-    itemMarginBlock: marginXXS,
-    itemPaddingInline: padding,
-    horizontalLineHeight: "".concat(controlHeightLG * 1.15, "px"),
-    iconSize: fontSize,
-    iconMarginInlineEnd: controlHeightSM - fontSize,
-    collapsedIconSize: fontSizeLG,
-    groupTitleFontSize: fontSize,
-    // Disabled
-    darkItemDisabledColor: new TinyColor(colorTextLightSolid).setAlpha(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% + ".concat(activeBarBorderWidth, "px)") : "calc(100% - ".concat(itemMarginInline * 2, "px)")
-  };
-};
-// ============================== Export ==============================
-export default (function (prefixCls) {
-  var rootCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : prefixCls;
-  var injectStyle = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  var useStyle = genStyleHooks('Menu', function (token) {
-    var colorBgElevated = token.colorBgElevated,
-      controlHeightLG = token.controlHeightLG,
-      fontSize = token.fontSize,
-      darkItemColor = token.darkItemColor,
-      darkDangerItemColor = token.darkDangerItemColor,
-      darkItemBg = token.darkItemBg,
-      darkSubMenuItemBg = token.darkSubMenuItemBg,
-      darkItemSelectedColor = token.darkItemSelectedColor,
-      darkItemSelectedBg = token.darkItemSelectedBg,
-      darkDangerItemSelectedBg = token.darkDangerItemSelectedBg,
-      darkItemHoverBg = token.darkItemHoverBg,
-      darkGroupTitleColor = token.darkGroupTitleColor,
-      darkItemHoverColor = token.darkItemHoverColor,
-      darkItemDisabledColor = token.darkItemDisabledColor,
-      darkDangerItemHoverColor = token.darkDangerItemHoverColor,
-      darkDangerItemSelectedColor = token.darkDangerItemSelectedColor,
-      darkDangerItemActiveBg = token.darkDangerItemActiveBg,
-      popupBg = token.popupBg,
-      darkPopupBg = token.darkPopupBg;
-    var menuArrowSize = token.calc(fontSize).div(7).mul(5).equal();
-    // Menu Token
-    var menuToken = mergeToken(token, {
-      menuArrowSize: menuArrowSize,
-      menuHorizontalHeight: token.calc(controlHeightLG).mul(1.15).equal(),
-      menuArrowOffset: token.calc(menuArrowSize).mul(0.25).equal(),
-      menuSubMenuBg: colorBgElevated,
-      calc: token.calc,
-      popupBg: popupBg
-    });
-    var menuDarkToken = mergeToken(menuToken, {
-      itemColor: darkItemColor,
-      itemHoverColor: darkItemHoverColor,
-      groupTitleColor: darkGroupTitleColor,
-      itemSelectedColor: 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: injectStyle,
-    unitless: {
-      groupTitleLineHeight: true
-    }
-  });
-  return useStyle(prefixCls, rootCls);
-});