tdesign-react 0.30.2 → 0.31.1

package/esm/menu/MenuGroup.d.ts

@@ -3,6 +3,10 @@ import { StyledProps, TNode } from '../common';
 import { TdMenuGroupProps } from './type';
 export interface MenuGroupProps extends TdMenuGroupProps, StyledProps {
     children?: TNode;
+    level?: number;
 }
-declare const MenuGroup: ({ title, children }: MenuGroupProps) => JSX.Element;
+declare const MenuGroup: {
+    ({ title, children, level }: MenuGroupProps): JSX.Element;
+    displayName: string;
+};
 export default MenuGroup;

package/esm/menu/MenuGroup.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,43 +7,53 @@
 import React from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
-import '../_chunks/dep-10ae3f83.js';
-import '../_chunks/dep-bd3ee9d1.js';
-import '../_chunks/dep-9b782fb7.js';
-import '../_chunks/dep-673f08f9.js';
-import '../_chunks/dep-92dd3e9f.js';
-import '../_chunks/dep-9b31e9ae.js';
-import '../_chunks/dep-e7b4c475.js';
-import '../_chunks/dep-d3cfe7b4.js';
-import '../_chunks/dep-398804ba.js';
-import '../_chunks/dep-2425508a.js';
-import '../_chunks/dep-47239be8.js';
-import '../_chunks/dep-1e9e8faf.js';
-import '../_chunks/dep-426b7562.js';
-import '../_chunks/dep-8b1f8aca.js';
-import '../_chunks/dep-354ea021.js';
-import '../_chunks/dep-5377fc0d.js';
-import '../_chunks/dep-2d2ae6d5.js';
-import '../_chunks/dep-ee616e77.js';
-import '../_chunks/dep-beff7329.js';
-import '../_chunks/dep-d9edda2f.js';
+import { cacularPaddingLeft } from './_util/cacularPaddingLeft.js';
+import '../_chunks/dep-3ac0dcc3.js';
+import '../_chunks/dep-1628aaec.js';
+import '../_chunks/dep-8702aba9.js';
+import '../_chunks/dep-4abdf74c.js';
+import '../_chunks/dep-fb1b2241.js';
+import '../_chunks/dep-1afd7695.js';
+import '../_chunks/dep-d51fd958.js';
+import '../_chunks/dep-db8880c0.js';
+import '../_chunks/dep-8efaaac0.js';
+import '../_chunks/dep-d539b435.js';
+import '../_chunks/dep-65e835d0.js';
+import '../_chunks/dep-9b67144e.js';
+import '../_chunks/dep-1ff453c7.js';
+import '../_chunks/dep-84f5ab8c.js';
+import '../_chunks/dep-21405614.js';
+import '../_chunks/dep-d038aaf3.js';
+import '../_chunks/dep-e2d47979.js';
+import '../_chunks/dep-ae52f85e.js';
+import '../_chunks/dep-63ed508e.js';
+import '../_chunks/dep-6e3f1697.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
 
 var MenuGroup = function MenuGroup(_ref) {
   var title = _ref.title,
-      children = _ref.children;
+      children = _ref.children,
+      _ref$level = _ref.level,
+      level = _ref$level === void 0 ? 1 : _ref$level;
 
   var _useConfig = useConfig(),
       classPrefix = _useConfig.classPrefix;
 
+  var itemAndGroupPaddingBias = 28;
+  var menuPaddingLeft = cacularPaddingLeft(level - 1) - itemAndGroupPaddingBias;
   return /* @__PURE__ */React.createElement("div", {
     className: classNames("".concat(classPrefix, "-menu-group"))
   }, /* @__PURE__ */React.createElement("div", {
-    className: classNames("".concat(classPrefix, "-menu-group__title"))
+    className: classNames("".concat(classPrefix, "-menu-group__title")),
+    style: {
+      paddingLeft: "".concat(menuPaddingLeft, "px")
+    }
   }, title), children);
 };
 
+MenuGroup.displayName = "MenuGroup";
+
 export { MenuGroup as default };
 //# sourceMappingURL=MenuGroup.js.map

package/esm/menu/MenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuGroup.js","sources":["../../src/menu/MenuGroup.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { StyledProps, TNode } from '../common';\nimport { TdMenuGroupProps } from './type';\nimport useConfig from '../_util/useConfig';\n\nexport interface MenuGroupProps extends TdMenuGroupProps, StyledProps {\n  children?: TNode;\n}\n\nconst MenuGroup = ({ title, children }: MenuGroupProps) => {\n  const { classPrefix } = useConfig();\n\n  return (\n    <div className={classNames(`${classPrefix}-menu-group`)}>\n      <div className={classNames(`${classPrefix}-menu-group__title`)}>{title}</div>\n      {children}\n    </div>\n  );\n};\n\nexport default MenuGroup;\n"],"names":["MenuGroup","title","children","useConfig","classPrefix","React","createElement","className","classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAyB,IAAA,EAAA;AAAA,EAAtBC,IAAAA,KAAsB,QAAtBA,KAAsB;AAAA,MAAfC,QAAe,QAAfA,QAAe,CAAA;;AACzC,EAAA,IAAA,UAAA,GAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAA,sBAAuBC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,UAAU,CAAA,EAAA,CAAA,MAAA,CAAIJ,WAAJ,EAAA,aAAA,CAAA,CAAA;AAD2B,GAA3B,iBAEJC,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CC,IAAAA,SAAS,EAAEC,UAAU,CAAA,EAAA,CAAA,MAAA,CAAIJ,WAAJ,EAAA,oBAAA,CAAA,CAAA;AADuB,GAA3B,EAEhBH,KAFgB,CAFI,EAIZC,QAJY,CAAvB,CAAA;AAKD;;;;"}
+{"version":3,"file":"MenuGroup.js","sources":["../../src/menu/MenuGroup.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { StyledProps, TNode } from '../common';\nimport { TdMenuGroupProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport { cacularPaddingLeft } from './_util/cacularPaddingLeft';\n\nexport interface MenuGroupProps extends TdMenuGroupProps, StyledProps {\n  children?: TNode;\n  level?: number;\n}\n\nconst MenuGroup = ({ title, children, level = 1 }: MenuGroupProps) => {\n  const { classPrefix } = useConfig();\n\n  const itemAndGroupPaddingBias = 28;\n  const menuPaddingLeft = cacularPaddingLeft(level - 1) - itemAndGroupPaddingBias;\n\n  return (\n    <div className={classNames(`${classPrefix}-menu-group`)}>\n      <div className={classNames(`${classPrefix}-menu-group__title`)} style={{ paddingLeft: `${menuPaddingLeft}px` }}>\n        {title}\n      </div>\n      {children}\n    </div>\n  );\n};\n\nMenuGroup.displayName = 'MenuGroup';\n\nexport default MenuGroup;\n"],"names":["MenuGroup","title","children","level","useConfig","classPrefix","itemAndGroupPaddingBias","menuPaddingLeft","cacularPaddingLeft","React","createElement","className","classNames","style","paddingLeft","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAoC,IAAA,EAAA;AAAA,EAAjCC,IAAAA,KAAiC,QAAjCA,KAAiC;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAA,UAAA,GAAA,IAAA,CAAhBC,KAAgB;AAAA,MAAhBA,KAAgB,2BAAR,CAAQ,GAAA,UAAA,CAAA;;AACpD,EAAA,IAAA,UAAA,GAAwBC,SAAS,EAAjC;AAAA,MAAQC,WAAR,cAAQA,WAAR,CAAA;;AACA,EAAMC,IAAAA,uBAAuB,GAAG,EAAhC,CAAA;AACA,EAAMC,IAAAA,eAAe,GAAGC,kBAAkB,CAACL,KAAK,GAAG,CAAT,CAAlB,GAAgCG,uBAAxD,CAAA;AACA,EAAA,sBAAuBG,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAChDC,IAAAA,SAAS,EAAEC,UAAU,CAAA,EAAA,CAAA,MAAA,CAAIP,WAAJ,EAAA,aAAA,CAAA,CAAA;AAD2B,GAA3B,iBAEJI,KAAK,CAACC,aAAN,CAAoB,KAApB,EAA2B;AAC5CC,IAAAA,SAAS,EAAEC,UAAU,CAAA,EAAA,CAAA,MAAA,CAAIP,WAAJ,EADuB,oBAAA,CAAA,CAAA;AAE5CQ,IAAAA,KAAK,EAAE;AAAEC,MAAAA,WAAW,YAAKP,eAAL,EAAA,IAAA,CAAA;AAAb,KAAA;AAFqC,GAA3B,EAGhBN,KAHgB,CAFI,EAKZC,QALY,CAAvB,CAAA;AAMD,EAVD;;AAWAF,SAAS,CAACe,WAAV,GAAwB,WAAxB;;;;"}

package/esm/menu/MenuItem.js

@@ -1,34 +1,34 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd3ee9d1.js';
+import { _ as _defineProperty } from '../_chunks/dep-1628aaec.js';
 import React, { useRef, useContext } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import useRipple from '../_util/useRipple.js';
 import { MenuContext } from './MenuContext.js';
-import '../_chunks/dep-10ae3f83.js';
-import '../_chunks/dep-9b782fb7.js';
-import '../_chunks/dep-673f08f9.js';
-import '../_chunks/dep-92dd3e9f.js';
-import '../_chunks/dep-9b31e9ae.js';
-import '../_chunks/dep-e7b4c475.js';
-import '../_chunks/dep-d3cfe7b4.js';
-import '../_chunks/dep-398804ba.js';
-import '../_chunks/dep-2425508a.js';
-import '../_chunks/dep-47239be8.js';
-import '../_chunks/dep-1e9e8faf.js';
-import '../_chunks/dep-426b7562.js';
-import '../_chunks/dep-8b1f8aca.js';
-import '../_chunks/dep-354ea021.js';
-import '../_chunks/dep-5377fc0d.js';
-import '../_chunks/dep-2d2ae6d5.js';
-import '../_chunks/dep-ee616e77.js';
-import '../_chunks/dep-beff7329.js';
-import '../_chunks/dep-d9edda2f.js';
+import '../_chunks/dep-3ac0dcc3.js';
+import '../_chunks/dep-8702aba9.js';
+import '../_chunks/dep-4abdf74c.js';
+import '../_chunks/dep-fb1b2241.js';
+import '../_chunks/dep-1afd7695.js';
+import '../_chunks/dep-d51fd958.js';
+import '../_chunks/dep-db8880c0.js';
+import '../_chunks/dep-8efaaac0.js';
+import '../_chunks/dep-d539b435.js';
+import '../_chunks/dep-65e835d0.js';
+import '../_chunks/dep-9b67144e.js';
+import '../_chunks/dep-1ff453c7.js';
+import '../_chunks/dep-84f5ab8c.js';
+import '../_chunks/dep-21405614.js';
+import '../_chunks/dep-d038aaf3.js';
+import '../_chunks/dep-e2d47979.js';
+import '../_chunks/dep-ae52f85e.js';
+import '../_chunks/dep-63ed508e.js';
+import '../_chunks/dep-6e3f1697.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -36,7 +36,7 @@ import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-78ad0681.js';
+import '../_chunks/dep-c9e242b1.js';
 import '../_util/easing.js';
 import '../_util/noop.js';
 

package/esm/menu/SubMenu.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-bd3ee9d1.js';
-import { _ as _slicedToArray } from '../_chunks/dep-d79a44fc.js';
+import { _ as _defineProperty } from '../_chunks/dep-1628aaec.js';
+import { _ as _slicedToArray } from '../_chunks/dep-aca05d9d.js';
 import React, { useState, useContext, useMemo, useRef } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -14,28 +14,28 @@ import useRipple from '../_util/useRipple.js';
 import { getSubMenuMaxHeight } from './_util/getSubMenuChildStyle.js';
 import checkSubMenuChildrenActive from './_util/checkSubMenuChildrenActive.js';
 import FakeArrow from '../common/FakeArrow.js';
-import { checkIsSubMenu } from './_util/checkMenuType.js';
+import { checkIsSubMenu, checkIsMenuGroup } from './_util/checkMenuType.js';
 import { cacularPaddingLeft } from './_util/cacularPaddingLeft.js';
-import '../_chunks/dep-cd0c410d.js';
-import '../_chunks/dep-10ae3f83.js';
-import '../_chunks/dep-9b782fb7.js';
-import '../_chunks/dep-673f08f9.js';
-import '../_chunks/dep-92dd3e9f.js';
-import '../_chunks/dep-9b31e9ae.js';
-import '../_chunks/dep-e7b4c475.js';
-import '../_chunks/dep-d3cfe7b4.js';
-import '../_chunks/dep-398804ba.js';
-import '../_chunks/dep-2425508a.js';
-import '../_chunks/dep-47239be8.js';
-import '../_chunks/dep-1e9e8faf.js';
-import '../_chunks/dep-426b7562.js';
-import '../_chunks/dep-8b1f8aca.js';
-import '../_chunks/dep-354ea021.js';
-import '../_chunks/dep-5377fc0d.js';
-import '../_chunks/dep-2d2ae6d5.js';
-import '../_chunks/dep-ee616e77.js';
-import '../_chunks/dep-beff7329.js';
-import '../_chunks/dep-d9edda2f.js';
+import '../_chunks/dep-85a9595a.js';
+import '../_chunks/dep-3ac0dcc3.js';
+import '../_chunks/dep-8702aba9.js';
+import '../_chunks/dep-4abdf74c.js';
+import '../_chunks/dep-fb1b2241.js';
+import '../_chunks/dep-1afd7695.js';
+import '../_chunks/dep-d51fd958.js';
+import '../_chunks/dep-db8880c0.js';
+import '../_chunks/dep-8efaaac0.js';
+import '../_chunks/dep-d539b435.js';
+import '../_chunks/dep-65e835d0.js';
+import '../_chunks/dep-9b67144e.js';
+import '../_chunks/dep-1ff453c7.js';
+import '../_chunks/dep-84f5ab8c.js';
+import '../_chunks/dep-21405614.js';
+import '../_chunks/dep-d038aaf3.js';
+import '../_chunks/dep-e2d47979.js';
+import '../_chunks/dep-ae52f85e.js';
+import '../_chunks/dep-63ed508e.js';
+import '../_chunks/dep-6e3f1697.js';
 import '../locale/zh_CN.js';
 import '../_common/js/global-config/locale/zh_CN.js';
 import '../config-provider/zh_CN_config.js';
@@ -44,7 +44,7 @@ import '../_util/useAnimation.js';
 import '../_util/setStyle.js';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-78ad0681.js';
+import '../_chunks/dep-c9e242b1.js';
 import '../_util/easing.js';
 import './_util/type.js';
 
@@ -187,7 +187,9 @@ var SubTitleMenu = function SubTitleMenu(props) {
   var fakeArrowStyle = level > 1 ? {
     transform: "rotate(-90deg)"
   } : {};
-  var popupMaxHeight = ((_popRef$current = popRef.current) === null || _popRef$current === void 0 ? void 0 : _popRef$current.getBoundingClientRect().height) || getSubMenuMaxHeight(children);
+  var submenuMaxHeight = getSubMenuMaxHeight(children);
+  var popupMaxHeight = ((_popRef$current = popRef.current) === null || _popRef$current === void 0 ? void 0 : _popRef$current.getBoundingClientRect().height) || submenuMaxHeight;
+  var showPopup = isPopUp && submenuMaxHeight > 0;
   return /* @__PURE__ */React.createElement("li", {
     className: classNames(className, "".concat(classPrefix, "-submenu"), _defineProperty({}, "".concat(classPrefix, "-is-opened"), open)),
     onMouseEnter: function onMouseEnter() {
@@ -201,10 +203,10 @@ var SubTitleMenu = function SubTitleMenu(props) {
     className: classNames("".concat(classPrefix, "-menu__item"), (_classNames6 = {}, _defineProperty(_classNames6, "".concat(classPrefix, "-is-active"), isActive), _defineProperty(_classNames6, "".concat(classPrefix, "-is-opened"), open), _classNames6)),
     onClick: handleClick,
     style: style
-  }, /* @__PURE__ */React.createElement("span", null, title), isPopUp && /* @__PURE__ */React.createElement(FakeArrow, {
+  }, /* @__PURE__ */React.createElement("span", null, title), showPopup && /* @__PURE__ */React.createElement(FakeArrow, {
     style: fakeArrowStyle,
     isActive: open
-  })), isPopUp && /* @__PURE__ */React.createElement("div", {
+  })), showPopup && /* @__PURE__ */React.createElement("div", {
     className: classNames("".concat(classPrefix, "-menu__popup"), _defineProperty({}, "".concat(classPrefix, "-is-opened"), open)),
     style: {
       "--popup-max-height": "".concat(popupMaxHeight, "px")
@@ -222,10 +224,28 @@ var SubMenu = function SubMenu(props) {
   var children = props.children,
       _props$level2 = props.level,
       level = _props$level2 === void 0 ? 1 : _props$level2;
+
+  var changeItemLevel = function changeItemLevel(item) {
+    if (checkIsSubMenu(item)) {
+      return /*#__PURE__*/React.cloneElement(item, {
+        level: level + 1
+      });
+    }
+
+    if (checkIsMenuGroup(item)) {
+      var groupChidren = React.Children.map(item.props.children, function (item2) {
+        return changeItemLevel(item2);
+      });
+      return /*#__PURE__*/React.cloneElement(item, {
+        level: level + 1
+      }, groupChidren);
+    }
+
+    return item;
+  };
+
   var childElement = React.Children.map(children, function (item) {
-    return checkIsSubMenu(item) ? /*#__PURE__*/React.cloneElement(item, {
-      level: level + 1
-    }) : item;
+    return changeItemLevel(item);
   });
   if (mode === "accordion") return /* @__PURE__ */React.createElement(SubAccordion, _objectSpread({}, props), childElement);
   if (mode === "title") return /* @__PURE__ */React.createElement(SubTitleMenu, _objectSpread({}, props), childElement);

package/esm/menu/SubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubMenu.js","sources":["../../src/menu/SubMenu.tsx"],"sourcesContent":["import React, { FC, useContext, useState, ReactElement, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport { StyledProps } from '../common';\nimport { TdSubmenuProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport { MenuContext } from './MenuContext';\nimport useRipple from '../_util/useRipple';\nimport { getSubMenuMaxHeight } from './_util/getSubMenuChildStyle';\nimport checkSubMenuChildrenActive from './_util/checkSubMenuChildrenActive';\nimport FakeArrow from '../common/FakeArrow';\nimport { checkIsSubMenu } from './_util/checkMenuType';\nimport { cacularPaddingLeft } from './_util/cacularPaddingLeft';\n\nexport interface SubMenuProps extends TdSubmenuProps, StyledProps {}\n\nexport interface SubMenuWithCustomizeProps extends SubMenuProps {\n  level?: number;\n}\n\nconst SubAccordion: FC<SubMenuWithCustomizeProps> = (props) => {\n  const { content, children = content, disabled, icon, title, value, className, style, level = 1 } = props;\n  const { classPrefix } = useConfig();\n\n  // popup 状态下控制开关\n  const [open, setOpen] = useState(false);\n  const { expanded = [], onExpand, active, expandType } = useContext(MenuContext);\n\n  const isPopUp = expandType === 'popup';\n  // 非 popup 展开\n  const isExpand = expanded.includes(value) && !disabled && !isPopUp;\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n    e.stopPropagation();\n    onExpand(value, expanded);\n  };\n\n  const handleMouseEvent = (type: 'leave' | 'enter') => {\n    if (!isPopUp) return;\n    if (type === 'enter') setOpen(true);\n    else if (type === 'leave') setOpen(false);\n  };\n\n  const childrens = React.Children.map(children, (child) =>\n    React.cloneElement(child as ReactElement, {\n      className: classNames(\n        `${classPrefix}-menu__item--plain`,\n        `${classPrefix}-submenu__item`,\n        `${classPrefix}-submenu__item--icon`,\n      ),\n    }),\n  );\n\n  // 计算有多少子节点并设置最大高度，为做出动画效果\n  const childStyle = {\n    maxHeight: isExpand || (open && isPopUp) ? getSubMenuMaxHeight(children) : 0,\n  };\n\n  // 是否展开（popup 与 expand 两种状态）\n  const isOpen = useMemo(() => {\n    if (disabled) return false;\n    if (isPopUp) return open;\n    return isExpand;\n  }, [disabled, isPopUp, open, isExpand]);\n\n  // 计算左边距，兼容多层级子菜单\n  const menuPaddingLeft = cacularPaddingLeft(level - 1);\n\n  const fakeArrowStyle = isPopUp && level > 1 ? { transform: 'rotate(-90deg)' } : {};\n\n  return (\n    <li\n      className={classNames(className, `${classPrefix}-submenu`, {\n        [`${classPrefix}-is-disabled`]: disabled,\n        [`${classPrefix}-is-opened`]: isOpen,\n      })}\n      onClick={handleClick}\n      style={style}\n      onMouseEnter={() => handleMouseEvent('enter')}\n      onMouseLeave={() => handleMouseEvent('leave')}\n    >\n      <div\n        className={classNames(`${classPrefix}-menu__item`, {\n          [`${classPrefix}-is-opened`]: isOpen,\n          [`${classPrefix}-is-active`]: checkSubMenuChildrenActive(children, active),\n        })}\n      >\n        {icon} <span className={`${classPrefix}-menu__content`}>{title}</span>\n        <FakeArrow style={fakeArrowStyle} isActive={isOpen} disabled={disabled} />\n      </div>\n      {isPopUp ? (\n        <div\n          className={classNames(`${classPrefix}-menu__popup`, `${classPrefix}-is-vertical`, {\n            [`${classPrefix}-is-opened`]: isOpen,\n          })}\n        >\n          <ul\n            className={classNames(`${classPrefix}-menu__popup-wrapper`, {\n              [`${classPrefix}-is-opened`]: isOpen,\n            })}\n            key=\"popup\"\n            style={childStyle}\n          >\n            {childrens}\n          </ul>\n        </div>\n      ) : (\n        <ul\n          key=\"normal\"\n          style={{ ...childStyle, '--padding-left': `${menuPaddingLeft}px` } as React.CSSProperties}\n          className={`${classPrefix}-menu__sub`}\n        >\n          {childrens}\n        </ul>\n      )}\n    </li>\n  );\n};\n\nconst SubTitleMenu: FC<SubMenuWithCustomizeProps> = (props) => {\n  const { className, style, children, title, value, level } = props;\n  const { active, onChange, expandType } = useContext(MenuContext);\n  const { classPrefix } = useConfig();\n  const [open, setOpen] = useState(false);\n  const popRef = useRef<HTMLUListElement>();\n\n  const handleClick = () => onChange(value);\n\n  // 斜八角动画\n  const subMenuRef = useRef();\n  useRipple(subMenuRef);\n\n  // pupup 导航\n  const isPopUp = expandType === 'popup';\n  // 当前二级导航激活\n  const isActive = checkSubMenuChildrenActive(children, active) || active === value;\n\n  const handleMouseEvent = (type: 'leave' | 'enter') => {\n    if (!isPopUp) return;\n    if (type === 'enter') setOpen(true);\n    else if (type === 'leave') setOpen(false);\n  };\n\n  const fakeArrowStyle = level > 1 ? { transform: 'rotate(-90deg)' } : {};\n\n  const popupMaxHeight = popRef.current?.getBoundingClientRect().height || getSubMenuMaxHeight(children);\n\n  return (\n    <li\n      className={classNames(className, `${classPrefix}-submenu`, {\n        [`${classPrefix}-is-opened`]: open,\n      })}\n      onMouseEnter={() => handleMouseEvent('enter')}\n      onMouseLeave={() => handleMouseEvent('leave')}\n    >\n      <div\n        ref={subMenuRef}\n        className={classNames(`${classPrefix}-menu__item`, {\n          [`${classPrefix}-is-active`]: isActive,\n          [`${classPrefix}-is-opened`]: open,\n        })}\n        onClick={handleClick}\n        style={style}\n      >\n        <span>{title}</span>\n        {isPopUp && <FakeArrow style={fakeArrowStyle} isActive={open} />}\n      </div>\n      {isPopUp && (\n        <div\n          className={classNames(`${classPrefix}-menu__popup`, {\n            [`${classPrefix}-is-opened`]: open,\n          })}\n          style={{ '--popup-max-height': `${popupMaxHeight}px` } as React.CSSProperties}\n        >\n          <ul ref={popRef} className={classNames(`${classPrefix}-menu__popup-wrapper`)}>\n            {children}\n          </ul>\n        </div>\n      )}\n    </li>\n  );\n};\n\nconst SubMenu: FC<SubMenuWithCustomizeProps> = (props) => {\n  const { mode } = useContext(MenuContext);\n  const { children, level = 1 } = props;\n\n  // 如果是第二层及以及的 subMenu 需要添加 notFirstLevelSubMenu 属性\n  const childElement = React.Children.map(children, (item: React.ReactElement) =>\n    checkIsSubMenu(item)\n      ? React.cloneElement(item, {\n          level: level + 1,\n        })\n      : item,\n  );\n\n  if (mode === 'accordion') return <SubAccordion {...props}>{childElement}</SubAccordion>;\n  if (mode === 'title') return <SubTitleMenu {...props}>{childElement}</SubTitleMenu>;\n  return null;\n};\n\nSubMenu.displayName = 'SubMenu';\n\nexport default SubMenu;\n"],"names":["SubAccordion","props","content","children","disabled","icon","title","value","className","style","level","useConfig","classPrefix","useState","open","setOpen","useContext","MenuContext","expanded","onExpand","active","expandType","isPopUp","isExpand","includes","handleClick","e","stopPropagation","handleMouseEvent","type","childrens","React","Children","map","child","cloneElement","classNames","childStyle","maxHeight","getSubMenuMaxHeight","isOpen","useMemo","menuPaddingLeft","cacularPaddingLeft","fakeArrowStyle","transform","createElement","onClick","onMouseEnter","onMouseLeave","checkSubMenuChildrenActive","FakeArrow","isActive","key","SubTitleMenu","onChange","popRef","useRef","subMenuRef","useRipple","popupMaxHeight","current","getBoundingClientRect","height","ref","SubMenu","mode","childElement","item","checkIsSubMenu","displayName"],"mappings":"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"}
+{"version":3,"file":"SubMenu.js","sources":["../../src/menu/SubMenu.tsx"],"sourcesContent":["import React, { FC, useContext, useState, ReactElement, useMemo, useRef } from 'react';\nimport classNames from 'classnames';\nimport { StyledProps } from '../common';\nimport { TdSubmenuProps } from './type';\nimport useConfig from '../_util/useConfig';\nimport { MenuContext } from './MenuContext';\nimport useRipple from '../_util/useRipple';\nimport { getSubMenuMaxHeight } from './_util/getSubMenuChildStyle';\nimport checkSubMenuChildrenActive from './_util/checkSubMenuChildrenActive';\nimport FakeArrow from '../common/FakeArrow';\nimport { checkIsSubMenu, checkIsMenuGroup } from './_util/checkMenuType';\nimport { cacularPaddingLeft } from './_util/cacularPaddingLeft';\n\nexport interface SubMenuProps extends TdSubmenuProps, StyledProps {}\n\nexport interface SubMenuWithCustomizeProps extends SubMenuProps {\n  level?: number;\n}\n\nconst SubAccordion: FC<SubMenuWithCustomizeProps> = (props) => {\n  const { content, children = content, disabled, icon, title, value, className, style, level = 1 } = props;\n  const { classPrefix } = useConfig();\n\n  // popup 状态下控制开关\n  const [open, setOpen] = useState(false);\n  const { expanded = [], onExpand, active, expandType } = useContext(MenuContext);\n\n  const isPopUp = expandType === 'popup';\n\n  // 非 popup 展开\n  const isExpand = expanded.includes(value) && !disabled && !isPopUp;\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n    e.stopPropagation();\n    onExpand(value, expanded);\n  };\n\n  const handleMouseEvent = (type: 'leave' | 'enter') => {\n    if (!isPopUp) return;\n    if (type === 'enter') setOpen(true);\n    else if (type === 'leave') setOpen(false);\n  };\n\n  const childrens = React.Children.map(children, (child) =>\n    React.cloneElement(child as ReactElement, {\n      className: classNames(\n        `${classPrefix}-menu__item--plain`,\n        `${classPrefix}-submenu__item`,\n        `${classPrefix}-submenu__item--icon`,\n      ),\n    }),\n  );\n\n  // 计算有多少子节点并设置最大高度，为做出动画效果\n  const childStyle = {\n    maxHeight: isExpand || (open && isPopUp) ? getSubMenuMaxHeight(children) : 0,\n  };\n\n  // 是否展开（popup 与 expand 两种状态）\n  const isOpen = useMemo(() => {\n    if (disabled) return false;\n    if (isPopUp) return open;\n    return isExpand;\n  }, [disabled, isPopUp, open, isExpand]);\n\n  // 计算左边距，兼容多层级子菜单\n  const menuPaddingLeft = cacularPaddingLeft(level - 1);\n\n  const fakeArrowStyle = isPopUp && level > 1 ? { transform: 'rotate(-90deg)' } : {};\n\n  return (\n    <li\n      className={classNames(className, `${classPrefix}-submenu`, {\n        [`${classPrefix}-is-disabled`]: disabled,\n        [`${classPrefix}-is-opened`]: isOpen,\n      })}\n      onClick={handleClick}\n      style={style}\n      onMouseEnter={() => handleMouseEvent('enter')}\n      onMouseLeave={() => handleMouseEvent('leave')}\n    >\n      <div\n        className={classNames(`${classPrefix}-menu__item`, {\n          [`${classPrefix}-is-opened`]: isOpen,\n          [`${classPrefix}-is-active`]: checkSubMenuChildrenActive(children, active),\n        })}\n      >\n        {icon} <span className={`${classPrefix}-menu__content`}>{title}</span>\n        <FakeArrow style={fakeArrowStyle} isActive={isOpen} disabled={disabled} />\n      </div>\n      {isPopUp ? (\n        <div\n          className={classNames(`${classPrefix}-menu__popup`, `${classPrefix}-is-vertical`, {\n            [`${classPrefix}-is-opened`]: isOpen,\n          })}\n        >\n          <ul\n            className={classNames(`${classPrefix}-menu__popup-wrapper`, {\n              [`${classPrefix}-is-opened`]: isOpen,\n            })}\n            key=\"popup\"\n            style={childStyle}\n          >\n            {childrens}\n          </ul>\n        </div>\n      ) : (\n        <ul\n          key=\"normal\"\n          style={{ ...childStyle, '--padding-left': `${menuPaddingLeft}px` } as React.CSSProperties}\n          className={`${classPrefix}-menu__sub`}\n        >\n          {childrens}\n        </ul>\n      )}\n    </li>\n  );\n};\n\nconst SubTitleMenu: FC<SubMenuWithCustomizeProps> = (props) => {\n  const { className, style, children, title, value, level } = props;\n  const { active, onChange, expandType } = useContext(MenuContext);\n  const { classPrefix } = useConfig();\n  const [open, setOpen] = useState(false);\n  const popRef = useRef<HTMLUListElement>();\n\n  const handleClick = () => onChange(value);\n\n  // 斜八角动画\n  const subMenuRef = useRef();\n  useRipple(subMenuRef);\n\n  // pupup 导航\n  const isPopUp = expandType === 'popup';\n  // 当前二级导航激活\n  const isActive = checkSubMenuChildrenActive(children, active) || active === value;\n\n  const handleMouseEvent = (type: 'leave' | 'enter') => {\n    if (!isPopUp) return;\n    if (type === 'enter') setOpen(true);\n    else if (type === 'leave') setOpen(false);\n  };\n\n  const fakeArrowStyle = level > 1 ? { transform: 'rotate(-90deg)' } : {};\n\n  const submenuMaxHeight = getSubMenuMaxHeight(children);\n  const popupMaxHeight = popRef.current?.getBoundingClientRect().height || submenuMaxHeight;\n  const showPopup = isPopUp && submenuMaxHeight > 0;\n\n  return (\n    <li\n      className={classNames(className, `${classPrefix}-submenu`, {\n        [`${classPrefix}-is-opened`]: open,\n      })}\n      onMouseEnter={() => handleMouseEvent('enter')}\n      onMouseLeave={() => handleMouseEvent('leave')}\n    >\n      <div\n        ref={subMenuRef}\n        className={classNames(`${classPrefix}-menu__item`, {\n          [`${classPrefix}-is-active`]: isActive,\n          [`${classPrefix}-is-opened`]: open,\n        })}\n        onClick={handleClick}\n        style={style}\n      >\n        <span>{title}</span>\n        {showPopup && <FakeArrow style={fakeArrowStyle} isActive={open} />}\n      </div>\n      {showPopup && (\n        <div\n          className={classNames(`${classPrefix}-menu__popup`, {\n            [`${classPrefix}-is-opened`]: open,\n          })}\n          style={{ '--popup-max-height': `${popupMaxHeight}px` } as React.CSSProperties}\n        >\n          <ul ref={popRef} className={classNames(`${classPrefix}-menu__popup-wrapper`)}>\n            {children}\n          </ul>\n        </div>\n      )}\n    </li>\n  );\n};\n\nconst SubMenu: FC<SubMenuWithCustomizeProps> = (props) => {\n  const { mode } = useContext(MenuContext);\n  const { children, level = 1 } = props;\n\n  const changeItemLevel = (item: React.ReactElement) => {\n    if (checkIsSubMenu(item)) {\n      return React.cloneElement(item, {\n        level: level + 1,\n      });\n    }\n    if (checkIsMenuGroup(item)) {\n      const groupChidren = React.Children.map(item.props.children, (item: React.ReactElement) => changeItemLevel(item));\n      return React.cloneElement(\n        item,\n        {\n          level: level + 1,\n        },\n        groupChidren,\n      );\n    }\n    return item;\n  };\n\n  // 如果是第二层及以及的 subMenu 需要添加 notFirstLevelSubMenu 属性\n  const childElement = React.Children.map(children, (item: React.ReactElement) => changeItemLevel(item));\n\n  if (mode === 'accordion') return <SubAccordion {...props}>{childElement}</SubAccordion>;\n  if (mode === 'title') return <SubTitleMenu {...props}>{childElement}</SubTitleMenu>;\n  return null;\n};\n\nSubMenu.displayName = 'SubMenu';\n\nexport default SubMenu;\n"],"names":["SubAccordion","props","content","children","disabled","icon","title","value","className","style","level","useConfig","classPrefix","useState","open","setOpen","useContext","MenuContext","expanded","onExpand","active","expandType","isPopUp","isExpand","includes","handleClick","e","stopPropagation","handleMouseEvent","type","childrens","React","Children","map","child","cloneElement","classNames","childStyle","maxHeight","getSubMenuMaxHeight","isOpen","useMemo","menuPaddingLeft","cacularPaddingLeft","fakeArrowStyle","transform","createElement","onClick","onMouseEnter","onMouseLeave","checkSubMenuChildrenActive","FakeArrow","isActive","key","SubTitleMenu","onChange","popRef","useRef","subMenuRef","useRipple","submenuMaxHeight","popupMaxHeight","current","getBoundingClientRect","height","showPopup","ref","SubMenu","mode","changeItemLevel","item","checkIsSubMenu","checkIsMenuGroup","groupChidren","item2","childElement","displayName"],"mappings":"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"}

package/esm/menu/_util/cacularPaddingLeft.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/menu/_util/checkMenuType.d.ts

@@ -1,2 +1,3 @@
 export declare const checkIsSubMenu: (child: React.ReactElement) => boolean;
 export declare const checkIsMenuItem: (child: React.ReactElement) => boolean;
+export declare const checkIsMenuGroup: (child: React.ReactElement) => boolean;

package/esm/menu/_util/checkMenuType.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -14,6 +14,10 @@ var checkIsMenuItem = function checkIsMenuItem(child) {
   var displayName = child.type.displayName;
   return displayName === MenuBlockType.MenuItem;
 };
+var checkIsMenuGroup = function checkIsMenuGroup(child) {
+  var displayName = child.type.displayName;
+  return displayName === MenuBlockType.MenuGroup;
+};
 
-export { checkIsMenuItem, checkIsSubMenu };
+export { checkIsMenuGroup, checkIsMenuItem, checkIsSubMenu };
 //# sourceMappingURL=checkMenuType.js.map

package/esm/menu/_util/checkMenuType.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkMenuType.js","sources":["../../../src/menu/_util/checkMenuType.ts"],"sourcesContent":["import MenuItem from '../MenuItem';\nimport SubMenu from '../SubMenu';\nimport { MenuBlockType } from './type';\n\nexport const checkIsSubMenu = (child: React.ReactElement) => {\n  const { displayName } = child.type as typeof MenuItem | typeof SubMenu;\n  return displayName === MenuBlockType.SubMenu;\n};\n\nexport const checkIsMenuItem = (child: React.ReactElement) => {\n  const { displayName } = child.type as typeof MenuItem | typeof SubMenu;\n  return displayName === MenuBlockType.MenuItem;\n};\n"],"names":["checkIsSubMenu","child","displayName","type","MenuBlockType","SubMenu","checkIsMenuItem","MenuItem"],"mappings":";;;;;;;;IACaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;AACvC,EAAA,IAAQC,WAAR,GAAwBD,KAAK,CAACE,IAA9B,CAAQD,WAAR,CAAA;AACA,EAAA,OAAOA,WAAW,KAAKE,aAAa,CAACC,OAArC,CAAA;AACD,EAHM;IAIMC,eAAe,GAAG,SAAlBA,eAAkB,CAACL,KAAD,EAAW;AACxC,EAAA,IAAQC,WAAR,GAAwBD,KAAK,CAACE,IAA9B,CAAQD,WAAR,CAAA;AACA,EAAA,OAAOA,WAAW,KAAKE,aAAa,CAACG,QAArC,CAAA;AACD;;;;"}
+{"version":3,"file":"checkMenuType.js","sources":["../../../src/menu/_util/checkMenuType.ts"],"sourcesContent":["import MenuItem from '../MenuItem';\nimport SubMenu from '../SubMenu';\nimport MenuGroup from '../MenuGroup';\nimport { MenuBlockType } from './type';\n\nexport const checkIsSubMenu = (child: React.ReactElement) => {\n  const { displayName } = child.type as typeof MenuItem | typeof SubMenu;\n  return displayName === MenuBlockType.SubMenu;\n};\n\nexport const checkIsMenuItem = (child: React.ReactElement) => {\n  const { displayName } = child.type as typeof MenuItem | typeof SubMenu;\n  return displayName === MenuBlockType.MenuItem;\n};\n\nexport const checkIsMenuGroup = (child: React.ReactElement) => {\n  const { displayName } = child.type as typeof MenuGroup;\n  return displayName === MenuBlockType.MenuGroup;\n};\n"],"names":["checkIsSubMenu","child","displayName","type","MenuBlockType","SubMenu","checkIsMenuItem","MenuItem","checkIsMenuGroup","MenuGroup"],"mappings":";;;;;;;;IACaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAW;AACvC,EAAA,IAAQC,WAAR,GAAwBD,KAAK,CAACE,IAA9B,CAAQD,WAAR,CAAA;AACA,EAAA,OAAOA,WAAW,KAAKE,aAAa,CAACC,OAArC,CAAA;AACD,EAHM;IAIMC,eAAe,GAAG,SAAlBA,eAAkB,CAACL,KAAD,EAAW;AACxC,EAAA,IAAQC,WAAR,GAAwBD,KAAK,CAACE,IAA9B,CAAQD,WAAR,CAAA;AACA,EAAA,OAAOA,WAAW,KAAKE,aAAa,CAACG,QAArC,CAAA;AACD,EAHM;IAIMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACP,KAAD,EAAW;AACzC,EAAA,IAAQC,WAAR,GAAwBD,KAAK,CAACE,IAA9B,CAAQD,WAAR,CAAA;AACA,EAAA,OAAOA,WAAW,KAAKE,aAAa,CAACK,SAArC,CAAA;AACD;;;;"}

package/esm/menu/_util/checkSubMenuActive.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/menu/_util/checkSubMenuChildExpanded.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-796b0236.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-3cf23cb4.js';
 import React from 'react';
 import { MenuBlockType } from './type.js';
-import '../../_chunks/dep-cd0c410d.js';
+import '../../_chunks/dep-85a9595a.js';
 
 function checkSubMenuChildExpanded(children, expanded, value) {
   var resultExpanded = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];

package/esm/menu/_util/checkSubMenuChildrenActive.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/menu/_util/constant.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/menu/_util/getSubMenuChildStyle.js

@@ -1,16 +1,17 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import React from 'react';
-import { MenuBlockType } from './type.js';
+import { checkIsSubMenu, checkIsMenuGroup } from './checkMenuType.js';
+import './type.js';
 
 var getSubMenuChildCount = function getSubMenuChildCount(children) {
   var count = 0;
   React.Children.forEach(children, function (child) {
-    if (child.type.displayName === MenuBlockType.SubMenu) {
+    if (checkIsSubMenu(child) || checkIsMenuGroup(child)) {
       count += getSubMenuChildCount(child.props.children) + 1;
     } else {
       count += 1;

package/esm/menu/_util/getSubMenuChildStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"getSubMenuChildStyle.js","sources":["../../../src/menu/_util/getSubMenuChildStyle.ts"],"sourcesContent":["import React from 'react';\nimport SubMenu from '../SubMenu';\nimport { MenuBlockType } from './type';\n\nexport const getSubMenuChildCount = (children: React.ReactNode) => {\n  let count = 0;\n  React.Children.forEach(children, (child: React.ReactElement) => {\n    if ((child.type as typeof SubMenu).displayName === MenuBlockType.SubMenu) {\n      count += getSubMenuChildCount(child.props.children) + 1;\n    } else {\n      count += 1;\n    }\n  });\n\n  return count;\n};\n\nconst MENU_ITEM_HEIGHT = 50;\nexport const getSubMenuMaxHeight = (children: React.ReactNode) => getSubMenuChildCount(children) * MENU_ITEM_HEIGHT;\n"],"names":["getSubMenuChildCount","children","count","React","Children","forEach","child","type","displayName","MenuBlockType","SubMenu","props","MENU_ITEM_HEIGHT","getSubMenuMaxHeight"],"mappings":";;;;;;;;;IAEaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,QAAD,EAAc;AAChD,EAAIC,IAAAA,KAAK,GAAG,CAAZ,CAAA;AACAC,EAAAA,KAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiC,UAACK,KAAD,EAAW;AAC1C,IAAIA,IAAAA,KAAK,CAACC,IAAN,CAAWC,WAAX,KAA2BC,aAAa,CAACC,OAA7C,EAAsD;AACpDR,MAAAA,KAAK,IAAIF,oBAAoB,CAACM,KAAK,CAACK,KAAN,CAAYV,QAAb,CAApB,GAA6C,CAAtD,CAAA;AACD,KAFD,MAEO;AACLC,MAAAA,KAAK,IAAI,CAAT,CAAA;AACD,KAAA;AACF,GAND,CAAA,CAAA;AAOA,EAAA,OAAOA,KAAP,CAAA;AACD,EAVM;AAWP,IAAMU,gBAAgB,GAAG,EAAzB,CAAA;IACaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACZ,QAAD,EAAA;AAAA,EAAA,OAAcD,oBAAoB,CAACC,QAAD,CAApB,GAAiCW,gBAA/C,CAAA;AAAA;;;;"}
+{"version":3,"file":"getSubMenuChildStyle.js","sources":["../../../src/menu/_util/getSubMenuChildStyle.ts"],"sourcesContent":["import React from 'react';\nimport { checkIsSubMenu, checkIsMenuGroup } from './checkMenuType';\n\nexport const getSubMenuChildCount = (children: React.ReactNode) => {\n  let count = 0;\n  React.Children.forEach(children, (child: React.ReactElement) => {\n    if (checkIsSubMenu(child) || checkIsMenuGroup(child)) {\n      count += getSubMenuChildCount(child.props.children) + 1;\n    } else {\n      count += 1;\n    }\n  });\n\n  return count;\n};\n\nconst MENU_ITEM_HEIGHT = 50;\nexport const getSubMenuMaxHeight = (children: React.ReactNode) => getSubMenuChildCount(children) * MENU_ITEM_HEIGHT;\n"],"names":["getSubMenuChildCount","children","count","React","Children","forEach","child","checkIsSubMenu","checkIsMenuGroup","props","MENU_ITEM_HEIGHT","getSubMenuMaxHeight"],"mappings":";;;;;;;;;;IAEaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,QAAD,EAAc;AAChD,EAAIC,IAAAA,KAAK,GAAG,CAAZ,CAAA;AACAC,EAAAA,KAAK,CAACC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiC,UAACK,KAAD,EAAW;AAC1C,IAAIC,IAAAA,cAAc,CAACD,KAAD,CAAd,IAAyBE,gBAAgB,CAACF,KAAD,CAA7C,EAAsD;AACpDJ,MAAAA,KAAK,IAAIF,oBAAoB,CAACM,KAAK,CAACG,KAAN,CAAYR,QAAb,CAApB,GAA6C,CAAtD,CAAA;AACD,KAFD,MAEO;AACLC,MAAAA,KAAK,IAAI,CAAT,CAAA;AACD,KAAA;AACF,GAND,CAAA,CAAA;AAOA,EAAA,OAAOA,KAAP,CAAA;AACD,EAVM;AAWP,IAAMQ,gBAAgB,GAAG,EAAzB,CAAA;IACaC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACV,QAAD,EAAA;AAAA,EAAA,OAAcD,oBAAoB,CAACC,QAAD,CAApB,GAAiCS,gBAA/C,CAAA;AAAA;;;;"}

package/esm/menu/_util/type.d.ts

@@ -2,5 +2,6 @@
 export declare enum MenuBlockType {
     MenuItem = "MenuItem",
     SubMenu = "SubMenu",
-    MenuItemGroup = "MenuItemGroup"
+    MenuItemGroup = "MenuItemGroup",
+    MenuGroup = "MenuGroup"
 }

package/esm/menu/_util/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -8,6 +8,7 @@ var MenuBlockType = /* @__PURE__ */function (MenuBlockType2) {
   MenuBlockType2["MenuItem"] = "MenuItem";
   MenuBlockType2["SubMenu"] = "SubMenu";
   MenuBlockType2["MenuItemGroup"] = "MenuItemGroup";
+  MenuBlockType2["MenuGroup"] = "MenuGroup";
   return MenuBlockType2;
 }(MenuBlockType || {});
 

package/esm/menu/_util/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sources":["../../../src/menu/_util/type.ts"],"sourcesContent":["/** menu 组件类型，包括 MenuItem，SubMenu，MenuItemGroup */\nexport enum MenuBlockType {\n  MenuItem = 'MenuItem',\n  SubMenu = 'SubMenu',\n  MenuItemGroup = 'MenuItemGroup',\n}\n"],"names":["MenuBlockType","MenuBlockType2"],"mappings":";;;;;;IAAWA,aAAa,kBAAoB,UAACC,cAAD,EAAoB;AAC9DA,EAAAA,cAAc,CAAC,UAAD,CAAd,GAA6B,UAA7B,CAAA;AACAA,EAAAA,cAAc,CAAC,SAAD,CAAd,GAA4B,SAA5B,CAAA;AACAA,EAAAA,cAAc,CAAC,eAAD,CAAd,GAAkC,eAAlC,CAAA;AACA,EAAA,OAAOA,cAAP,CAAA;AACD,CAL0C,CAKxCD,aAAa,IAAI,EALuB;;;;"}
+{"version":3,"file":"type.js","sources":["../../../src/menu/_util/type.ts"],"sourcesContent":["/** menu 组件类型，包括 MenuItem，SubMenu，MenuItemGroup */\nexport enum MenuBlockType {\n  MenuItem = 'MenuItem',\n  SubMenu = 'SubMenu',\n  MenuItemGroup = 'MenuItemGroup',\n  MenuGroup = 'MenuGroup',\n}\n"],"names":["MenuBlockType","MenuBlockType2"],"mappings":";;;;;;IAAWA,aAAa,kBAAoB,UAACC,cAAD,EAAoB;AAC9DA,EAAAA,cAAc,CAAC,UAAD,CAAd,GAA6B,UAA7B,CAAA;AACAA,EAAAA,cAAc,CAAC,SAAD,CAAd,GAA4B,SAA5B,CAAA;AACAA,EAAAA,cAAc,CAAC,eAAD,CAAd,GAAkC,eAAlC,CAAA;AACAA,EAAAA,cAAc,CAAC,WAAD,CAAd,GAA8B,WAA9B,CAAA;AACA,EAAA,OAAOA,cAAP,CAAA;AACD,CAN0C,CAMxCD,aAAa,IAAI,EANuB;;;;"}

package/esm/menu/hooks/useMenuContext.js

@@ -1,16 +1,16 @@
 /**
- * tdesign v0.30.2
+ * tdesign v0.31.1
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-796b0236.js';
-import { _ as _defineProperty } from '../../_chunks/dep-bd3ee9d1.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-d79a44fc.js';
-import '../../_chunks/dep-9b782fb7.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-3cf23cb4.js';
+import { _ as _defineProperty } from '../../_chunks/dep-1628aaec.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-aca05d9d.js';
+import '../../_chunks/dep-8702aba9.js';
 import { useState } from 'react';
 import checkSubMenuChildExpanded from '../_util/checkSubMenuChildExpanded.js';
-import '../../_chunks/dep-cd0c410d.js';
+import '../../_chunks/dep-85a9595a.js';
 import '../_util/type.js';
 
 /**

package/esm/menu/index.d.ts

@@ -10,6 +10,9 @@ export declare const Menu: import("react").FunctionComponent<import("./Menu").Me
     HeadMenu: import("react").FC<import("./HeadMenu").HeadMenuProps>;
     SubMenu: import("react").FC<import("./SubMenu").SubMenuWithCustomizeProps>;
     MenuItem: import("react").FC<import("./MenuItem").MenuItemProps>;
-    MenuGroup: ({ title, children }: import("./MenuGroup").MenuGroupProps) => JSX.Element;
+    MenuGroup: {
+        ({ title, children, level }: import("./MenuGroup").MenuGroupProps): JSX.Element;
+        displayName: string;
+    };
 };
 export default Menu;