tdesign-react 0.18.2 → 0.19.0

package/lib/menu/MenuContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TdMenuProps, MenuValue } from '../_type/components/menu/index';
+import { TdMenuProps, MenuValue } from './type';
 export interface MenuState {
     active?: MenuValue;
     expanded?: MenuValue[];

package/lib/menu/MenuContext.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/MenuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContext.js","sources":["../../src/menu/MenuContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport noop from '../_util/noop';\nimport { TdMenuProps, MenuValue } from '../_type/components/menu/index';\n\nexport interface MenuState {\n  active?: MenuValue;\n  expanded?: MenuValue[];\n  collapsed?: boolean;\n}\n\nexport type SetMenuState = React.Dispatch<React.SetStateAction<MenuState>>;\n\nexport type MenuMode = 'title' | 'accordion' | 'popup';\n\ninterface MenuContextType\n  extends Pick<TdMenuProps, 'onChange' | 'value' | 'expanded' | 'expandMutex' | 'expandType' | 'theme'> {\n  /**\n   * 修改非受控组件状态\n   */\n  setState: SetMenuState;\n  /**\n   * 顶部导航 -- 二级菜单类型、dropdown为下拉形式、tile为平铺\n   */\n  mode?: MenuMode;\n  onExpand?: (value: MenuValue, expanded: MenuValue[]) => void;\n  active?: MenuValue;\n}\n\nexport const MenuContext = createContext<MenuContextType>({\n  setState: noop,\n  onExpand: noop,\n});\n"],"names":["MenuContext","createContext","setState","noop","onExpand"],"mappings":";;;;;;;;;IA4BaA,2BAAcC,cAA+B;AACxDC,EAAAA,UAAUC,IAD8C;AAExDC,EAAAA,UAAUD;AAF8C;;;;"}
+{"version":3,"file":"MenuContext.js","sources":["../../src/menu/MenuContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport noop from '../_util/noop';\nimport { TdMenuProps, MenuValue } from './type';\n\nexport interface MenuState {\n  active?: MenuValue;\n  expanded?: MenuValue[];\n  collapsed?: boolean;\n}\n\nexport type SetMenuState = React.Dispatch<React.SetStateAction<MenuState>>;\n\nexport type MenuMode = 'title' | 'accordion' | 'popup';\n\ninterface MenuContextType\n  extends Pick<TdMenuProps, 'onChange' | 'value' | 'expanded' | 'expandMutex' | 'expandType' | 'theme'> {\n  /**\n   * 修改非受控组件状态\n   */\n  setState: SetMenuState;\n  /**\n   * 顶部导航 -- 二级菜单类型、dropdown为下拉形式、tile为平铺\n   */\n  mode?: MenuMode;\n  onExpand?: (value: MenuValue, expanded: MenuValue[]) => void;\n  active?: MenuValue;\n}\n\nexport const MenuContext = createContext<MenuContextType>({\n  setState: noop,\n  onExpand: noop,\n});\n"],"names":["MenuContext","createContext","setState","noop","onExpand"],"mappings":";;;;;;;;;IA4BaA,2BAAcC,cAA+B;AACxDC,EAAAA,UAAUC,IAD8C;AAExDC,EAAAA,UAAUD;AAF8C;;;;"}

package/lib/menu/MenuGroup.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { StyledProps } from '../_type';
-import { TNode } from '../_type/common';
-import { TdMenuGroupProps } from '../_type/components/menu';
+import { StyledProps, TNode } from '../common';
+import { TdMenuGroupProps } from './type';
 export interface MenuGroupProps extends TdMenuGroupProps, StyledProps {
     children?: TNode;
 }

package/lib/menu/MenuGroup.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/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 } from '../_type';\nimport { TNode } from '../_type/common';\nimport { TdMenuGroupProps } from '../_type/components/menu';\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","className","classNames"],"mappings":";;;;;;;;;;;;IAWMA,YAAY,SAAZA,SAAY,OAAyC;AAAA,MAAtCC,KAAsC,QAAtCA,KAAsC;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;;mBACjCC;MAAhBC,yBAAAA;;qDAGL,OAAD;AAAKC,IAAAA,WAAWC,qBAAcF;AAA9B,iDACG,OAAD;AAAKC,IAAAA,WAAWC,qBAAcF;AAA9B,KAAgEH,QAC/DC;;;;;"}
+{"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","className","classNames"],"mappings":";;;;;;;;;;;;IAUMA,YAAY,SAAZA,SAAY,OAAyC;AAAA,MAAtCC,KAAsC,QAAtCA,KAAsC;AAAA,MAA/BC,QAA+B,QAA/BA,QAA+B;;mBACjCC;MAAhBC,yBAAAA;;qDAGL,OAAD;AAAKC,IAAAA,WAAWC,qBAAcF;AAA9B,iDACG,OAAD;AAAKC,IAAAA,WAAWC,qBAAcF;AAA9B,KAAgEH,QAC/DC;;;;;"}

package/lib/menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { TdMenuItemProps } from '../_type/components/menu';
-import { StyledProps } from '../_type';
+import { TdMenuItemProps } from './type';
+import { StyledProps } from '../common';
 export interface MenuItemProps extends TdMenuItemProps, StyledProps {
 }
 declare const MenuItem: FC<MenuItemProps>;

package/lib/menu/MenuItem.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
 import React__default, { useRef, useContext } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/lib/menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../src/menu/MenuItem.tsx"],"sourcesContent":["import React, { FC, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport { TdMenuItemProps } from '../_type/components/menu';\nimport { StyledProps } from '../_type';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuItemProps extends TdMenuItemProps, StyledProps {}\n\nconst MenuItem: FC<MenuItemProps> = (props) => {\n  const {\n    content,\n    children = content,\n    disabled,\n    href,\n    target = '_self',\n    value,\n    className,\n    style,\n    icon,\n    onClick,\n  } = props;\n  const { classPrefix } = useConfig();\n  // 斜八角动画\n  const menuItemRef = useRef();\n  useRipple(menuItemRef);\n\n  const { onChange, setState, active } = useContext(MenuContext);\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n    e.stopPropagation();\n    if (disabled || active === value) return;\n\n    onClick && onClick({ e });\n    onChange(value);\n    setState({ active: value });\n  };\n\n  return (\n    <li\n      ref={menuItemRef}\n      className={classNames(className, `${classPrefix}-menu__item`, {\n        [`${classPrefix}-is-disabled`]: disabled,\n        [`${classPrefix}-is-active`]: value === active,\n        [`${classPrefix}-menu__item--plain`]: !icon,\n      })}\n      style={{ ...style }}\n      onClick={handleClick}\n    >\n      {icon}\n      {href ? (\n        <a href={href} target={target} className={classNames(`${classPrefix}-menu__item-link`)}>\n          <span className={`${classPrefix}-menu__content`}>{children}</span>\n        </a>\n      ) : (\n        <span className={`${classPrefix}-menu__content`}>{children}</span>\n      )}\n    </li>\n  );\n};\n\nMenuItem.displayName = 'MenuItem';\n\nexport default MenuItem;\n"],"names":["MenuItem","props","content","children","disabled","href","target","value","className","style","icon","onClick","useConfig","classPrefix","menuItemRef","useRef","useContext","MenuContext","onChange","setState","active","handleClick","e","stopPropagation","ref","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAUMA,WAA8B,SAA9BA,QAA8B,CAACC,KAAD,EAAW;AAAA;;MAE3CC,UAUED,MAVFC;wBAUED,MATFE;MAAAA,wCAAWD;MACXE,WAQEH,MARFG;MACAC,OAOEJ,MAPFI;sBAOEJ,MANFK;MAAAA,oCAAS;MACTC,QAKEN,MALFM;MACAC,YAIEP,MAJFO;MACAC,QAGER,MAHFQ;MACAC,OAEET,MAFFS;MACAC,UACEV,MADFU;;mBAEsBC;MAAhBC,yBAAAA;;MAEFC,cAAcC;YACVD;;oBAE6BE,WAAWC;MAA1CC,uBAAAA;MAAUC,uBAAAA;MAAUC,qBAAAA;;MAEtBC,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAwC;MACxDC;QACEnB,YAAYgB,WAAWb;eAEhBI,QAAQ;AAAEW,MAAAA,GAAAA;AAAF;aACVf;aACA;AAAEa,MAAAA,QAAQb;AAAV;;;qDAIR,MAAD;AACEiB,IAAAA,KAAKV,WADP;AAEEN,IAAAA,WAAWiB,WAAWjB,qBAAcK,uFAC9BA,8BAA4BT,kDAC5BS,4BAA0BN,UAAUa,gDACpCP,oCAAkC,CAACH,oBAL3C;AAOED,IAAAA,yBAAYA,MAPd;AAQEE,IAAAA,SAASU;AARX,KAUGX,MACAL,mDACE,KAAD;AAAGA,IAAAA,MAAAA,IAAH;AAAeC,IAAAA,QAAAA,MAAf;AAA+BE,IAAAA,WAAWiB,qBAAcZ;AAAxD,iDACG,QAAD;AAAML,IAAAA,qBAAcK;AAApB,KAAkDV,yDAGnD,QAAD;AAAMK,IAAAA,qBAAcK;AAApB,KAAkDV;;;AAM1DH,SAAS0B,WAAT,GAAuB,UAAvB;;;;"}
+{"version":3,"file":"MenuItem.js","sources":["../../src/menu/MenuItem.tsx"],"sourcesContent":["import React, { FC, useContext, useRef } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useRipple from '../_util/useRipple';\nimport { TdMenuItemProps } from './type';\nimport { StyledProps } from '../common';\nimport { MenuContext } from './MenuContext';\n\nexport interface MenuItemProps extends TdMenuItemProps, StyledProps {}\n\nconst MenuItem: FC<MenuItemProps> = (props) => {\n  const {\n    content,\n    children = content,\n    disabled,\n    href,\n    target = '_self',\n    value,\n    className,\n    style,\n    icon,\n    onClick,\n  } = props;\n  const { classPrefix } = useConfig();\n  // 斜八角动画\n  const menuItemRef = useRef();\n  useRipple(menuItemRef);\n\n  const { onChange, setState, active } = useContext(MenuContext);\n\n  const handleClick = (e: React.MouseEvent<HTMLLIElement>) => {\n    e.stopPropagation();\n    if (disabled || active === value) return;\n\n    onClick && onClick({ e });\n    onChange(value);\n    setState({ active: value });\n  };\n\n  return (\n    <li\n      ref={menuItemRef}\n      className={classNames(className, `${classPrefix}-menu__item`, {\n        [`${classPrefix}-is-disabled`]: disabled,\n        [`${classPrefix}-is-active`]: value === active,\n        [`${classPrefix}-menu__item--plain`]: !icon,\n      })}\n      style={{ ...style }}\n      onClick={handleClick}\n    >\n      {icon}\n      {href ? (\n        <a href={href} target={target} className={classNames(`${classPrefix}-menu__item-link`)}>\n          <span className={`${classPrefix}-menu__content`}>{children}</span>\n        </a>\n      ) : (\n        <span className={`${classPrefix}-menu__content`}>{children}</span>\n      )}\n    </li>\n  );\n};\n\nMenuItem.displayName = 'MenuItem';\n\nexport default MenuItem;\n"],"names":["MenuItem","props","content","children","disabled","href","target","value","className","style","icon","onClick","useConfig","classPrefix","menuItemRef","useRef","useContext","MenuContext","onChange","setState","active","handleClick","e","stopPropagation","ref","classNames","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAUMA,WAA8B,SAA9BA,QAA8B,CAACC,KAAD,EAAW;AAAA;;MAE3CC,UAUED,MAVFC;wBAUED,MATFE;MAAAA,wCAAWD;MACXE,WAQEH,MARFG;MACAC,OAOEJ,MAPFI;sBAOEJ,MANFK;MAAAA,oCAAS;MACTC,QAKEN,MALFM;MACAC,YAIEP,MAJFO;MACAC,QAGER,MAHFQ;MACAC,OAEET,MAFFS;MACAC,UACEV,MADFU;;mBAEsBC;MAAhBC,yBAAAA;;MAEFC,cAAcC;YACVD;;oBAE6BE,WAAWC;MAA1CC,uBAAAA;MAAUC,uBAAAA;MAAUC,qBAAAA;;MAEtBC,cAAc,SAAdA,WAAc,CAACC,CAAD,EAAwC;MACxDC;QACEnB,YAAYgB,WAAWb;eAEhBI,QAAQ;AAAEW,MAAAA,GAAAA;AAAF;aACVf;aACA;AAAEa,MAAAA,QAAQb;AAAV;;;qDAIR,MAAD;AACEiB,IAAAA,KAAKV,WADP;AAEEN,IAAAA,WAAWiB,WAAWjB,qBAAcK,uFAC9BA,8BAA4BT,kDAC5BS,4BAA0BN,UAAUa,gDACpCP,oCAAkC,CAACH,oBAL3C;AAOED,IAAAA,yBAAYA,MAPd;AAQEE,IAAAA,SAASU;AARX,KAUGX,MACAL,mDACE,KAAD;AAAGA,IAAAA,MAAAA,IAAH;AAAeC,IAAAA,QAAAA,MAAf;AAA+BE,IAAAA,WAAWiB,qBAAcZ;AAAxD,iDACG,QAAD;AAAML,IAAAA,qBAAcK;AAApB,KAAkDV,yDAGnD,QAAD;AAAMK,IAAAA,qBAAcK;AAApB,KAAkDV;;;AAM1DH,SAAS0B,WAAT,GAAuB,UAAvB;;;;"}

package/lib/menu/SubMenu.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
-import { StyledProps } from '../_type';
-import { TdSubmenuProps } from '../_type/components/menu';
+import { StyledProps } from '../common';
+import { TdSubmenuProps } from './type';
 export interface SubMenuProps extends TdSubmenuProps, StyledProps {
 }
 export interface SubMenuWithCustomizeProps extends SubMenuProps {

package/lib/menu/SubMenu.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
+import { _ as _defineProperty } from '../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../_chunks/dep-fff59b5a.js';
 import React__default, { useContext, useState, useMemo, useRef } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
@@ -16,7 +16,7 @@ import checkSubMenuChildrenActive from './_util/checkSubMenuChildrenActive.js';
 import FakeArrow from '../common/FakeArrow.js';
 import { checkIsSubMenu } from './_util/checkMenuType.js';
 import { cacularPaddingLeft } from './_util/cacularPaddingLeft.js';
-import '../_chunks/dep-6a5b1968.js';
+import '../_chunks/dep-4c3606c3.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/noop.js';

package/lib/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 '../_type';\nimport { TdSubmenuProps } from '../_type/components/menu';\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\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  return (\n    <li\n      className={classNames(`${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(className, `${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': getSubMenuMaxHeight(children) } as React.CSSProperties}\n        >\n          <ul className={classNames(`${classPrefix}-menu__popup-wrapper`)}>{children}</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","onClick","onMouseEnter","onMouseLeave","checkSubMenuChildrenActive","FakeArrow","isActive","key","SubTitleMenu","onChange","subMenuRef","useRef","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 } 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\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  return (\n    <li\n      className={classNames(`${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(className, `${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': getSubMenuMaxHeight(children) } as React.CSSProperties}\n        >\n          <ul className={classNames(`${classPrefix}-menu__popup-wrapper`)}>{children}</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","onClick","onMouseEnter","onMouseLeave","checkSubMenuChildrenActive","FakeArrow","isActive","key","SubTitleMenu","onChange","subMenuRef","useRef","ref","SubMenu","mode","childElement","item","checkIsSubMenu","displayName"],"mappings":"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"}

package/lib/menu/_util/cacularPaddingLeft.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/_util/checkMenuType.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/_util/checkSubMenuActive.d.ts

@@ -1,4 +1,4 @@
 import React, { ReactElement } from 'react';
-import { MenuValue } from '../../_type/components/menu/index';
+import { MenuValue } from '../type';
 declare const checkSubMenuActive: (children: React.ReactNode, active: MenuValue) => ReactElement;
 export default checkSubMenuActive;

package/lib/menu/_util/checkSubMenuActive.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/_util/checkSubMenuActive.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkSubMenuActive.js","sources":["../../../src/menu/_util/checkSubMenuActive.ts"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { MenuValue } from '../../_type/components/menu/index';\nimport { checkIsSubMenu } from './checkMenuType';\nimport checkSubMenuChildrenActive from './checkSubMenuChildrenActive';\n\nconst checkSubMenuActive = (children: React.ReactNode, active: MenuValue): ReactElement =>\n  React.Children.toArray(children).find(\n    (child: React.ReactElement) =>\n      checkIsSubMenu(child) &&\n      (child.props.value === active || checkSubMenuChildrenActive(child.props.children, active)),\n  ) as ReactElement;\nexport default checkSubMenuActive;\n"],"names":["checkSubMenuActive","children","active","React","Children","toArray","find","child","checkIsSubMenu","props","value","checkSubMenuChildrenActive"],"mappings":";;;;;;;;;;;IAKMA,qBAAqB,SAArBA,kBAAqB,CAACC,QAAD,EAA4BC,MAA5B;AAAA,SACzBC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiCK,IAAjC,CACE,UAACC,KAAD;AAAA,WACEC,eAAeD,MAAf,WACOE,MAAMC,UAAUR,UAAUS,2BAA2BJ,MAAME,KAAN,CAAYR,UAAUC,OADlF,CADF;AAAA,GADF,CADyB;AAAA;;;;"}
+{"version":3,"file":"checkSubMenuActive.js","sources":["../../../src/menu/_util/checkSubMenuActive.ts"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { MenuValue } from '../type';\nimport { checkIsSubMenu } from './checkMenuType';\nimport checkSubMenuChildrenActive from './checkSubMenuChildrenActive';\n\nconst checkSubMenuActive = (children: React.ReactNode, active: MenuValue): ReactElement =>\n  React.Children.toArray(children).find(\n    (child: React.ReactElement) =>\n      checkIsSubMenu(child) &&\n      (child.props.value === active || checkSubMenuChildrenActive(child.props.children, active)),\n  ) as ReactElement;\nexport default checkSubMenuActive;\n"],"names":["checkSubMenuActive","children","active","React","Children","toArray","find","child","checkIsSubMenu","props","value","checkSubMenuChildrenActive"],"mappings":";;;;;;;;;;;IAKMA,qBAAqB,SAArBA,kBAAqB,CAACC,QAAD,EAA4BC,MAA5B;AAAA,SACzBC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiCK,IAAjC,CACE,UAACC,KAAD;AAAA,WACEC,eAAeD,MAAf,WACOE,MAAMC,UAAUR,UAAUS,2BAA2BJ,MAAME,KAAN,CAAYR,UAAUC,OADlF,CADF;AAAA,GADF,CADyB;AAAA;;;;"}

package/lib/menu/_util/checkSubMenuChildExpanded.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { MenuValue } from '../../_type/components/menu';
+import { MenuValue } from '../type';
 export default function checkSubMenuChildExpanded(children: React.ReactNode, expanded: MenuValue[], value: MenuValue, resultExpanded?: MenuValue[]): any;

package/lib/menu/_util/checkSubMenuChildExpanded.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-2eeaa58b.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-f405fda4.js';
 import React__default from 'react';
 import { MenuBlockType } from './type.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-4c3606c3.js';
 
 function checkSubMenuChildExpanded(children, expanded, value) {
   var resultExpanded = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];

package/lib/menu/_util/checkSubMenuChildExpanded.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkSubMenuChildExpanded.js","sources":["../../../src/menu/_util/checkSubMenuChildExpanded.ts"],"sourcesContent":["import React from 'react';\nimport { MenuValue } from '../../_type/components/menu';\nimport { MenuBlockType } from './type';\n\nexport default function checkSubMenuChildExpanded(\n  children: React.ReactNode,\n  expanded: MenuValue[],\n  value: MenuValue,\n  resultExpanded: MenuValue[] = [],\n) {\n  const childValues = React.Children.map(children, (child: React.ReactElement) => child.props.value);\n  // 直接找到了目标节点\n  const index = childValues.indexOf(value);\n  // 找到对应的子节点\n  const child = children[index];\n  // 如果是 submenu 并且子节点存在\n  if (index > -1 && child.type.displayName === MenuBlockType.SubMenu) {\n    return [...resultExpanded, value];\n  }\n  // 否则寻找当前展开的节点是否是祖先节点\n  const expandedIndex = childValues.indexOf(expanded[0]);\n  const expandedChild = children[expandedIndex];\n  if (expandedIndex > -1 && expandedChild.type.displayName === MenuBlockType.SubMenu) {\n    return checkSubMenuChildExpanded(expandedChild.props.children, expanded.slice(1), value, [\n      ...resultExpanded,\n      expanded[0],\n    ]);\n  }\n\n  return [value];\n}\n"],"names":["children","expanded","value","resultExpanded","childValues","React","Children","map","child2","props","index","indexOf","child","type","displayName","MenuBlockType","SubMenu","expandedIndex","expandedChild","checkSubMenuChildExpanded","slice"],"mappings":";;;;;;;;;;;mCAKEA,UACAC,UACAC,OAEA;AAAA,MADAC,cACA,uEAD8B,EAC9B;MACMC,cAAcC,eAAMC,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6B,UAACQ,MAAD;AAAA,WAA+BA,OAAMC,KAAN,CAAYP,KAA3C;AAAA,GAA7B;MAEdQ,QAAQN,YAAYO,OAAZ,CAAoBT,KAApB;MAERU,QAAQZ,SAASU;;MAEnBA,QAAQ,EAAR,IAAcE,MAAMC,IAAN,CAAWC,WAAX,KAA2BC,cAAcC,SAAS;wCACvDb,kBAAgBD;;;MAGvBe,gBAAgBb,YAAYO,OAAZ,CAAoBV,SAAS,EAA7B;MAChBiB,gBAAgBlB,SAASiB;;MAC3BA,gBAAgB,EAAhB,IAAsBC,cAAcL,IAAd,CAAmBC,WAAnB,KAAmCC,cAAcC,SAAS;WAC3EG,0BAA0BD,cAAcT,KAAd,CAAoBT,UAAUC,SAASmB,KAAT,CAAe,CAAf,GAAmBlB,oCAC7EC,kBACHF,SAAS;;;SAIN,CAACC,KAAD;;;;;"}
+{"version":3,"file":"checkSubMenuChildExpanded.js","sources":["../../../src/menu/_util/checkSubMenuChildExpanded.ts"],"sourcesContent":["import React from 'react';\nimport { MenuValue } from '../type';\nimport { MenuBlockType } from './type';\n\nexport default function checkSubMenuChildExpanded(\n  children: React.ReactNode,\n  expanded: MenuValue[],\n  value: MenuValue,\n  resultExpanded: MenuValue[] = [],\n) {\n  const childValues = React.Children.map(children, (child: React.ReactElement) => child.props.value);\n  // 直接找到了目标节点\n  const index = childValues.indexOf(value);\n  // 找到对应的子节点\n  const child = children[index];\n  // 如果是 submenu 并且子节点存在\n  if (index > -1 && child.type.displayName === MenuBlockType.SubMenu) {\n    return [...resultExpanded, value];\n  }\n  // 否则寻找当前展开的节点是否是祖先节点\n  const expandedIndex = childValues.indexOf(expanded[0]);\n  const expandedChild = children[expandedIndex];\n  if (expandedIndex > -1 && expandedChild.type.displayName === MenuBlockType.SubMenu) {\n    return checkSubMenuChildExpanded(expandedChild.props.children, expanded.slice(1), value, [\n      ...resultExpanded,\n      expanded[0],\n    ]);\n  }\n\n  return [value];\n}\n"],"names":["children","expanded","value","resultExpanded","childValues","React","Children","map","child2","props","index","indexOf","child","type","displayName","MenuBlockType","SubMenu","expandedIndex","expandedChild","checkSubMenuChildExpanded","slice"],"mappings":";;;;;;;;;;;mCAKEA,UACAC,UACAC,OAEA;AAAA,MADAC,cACA,uEAD8B,EAC9B;MACMC,cAAcC,eAAMC,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6B,UAACQ,MAAD;AAAA,WAA+BA,OAAMC,KAAN,CAAYP,KAA3C;AAAA,GAA7B;MAEdQ,QAAQN,YAAYO,OAAZ,CAAoBT,KAApB;MAERU,QAAQZ,SAASU;;MAEnBA,QAAQ,EAAR,IAAcE,MAAMC,IAAN,CAAWC,WAAX,KAA2BC,cAAcC,SAAS;wCACvDb,kBAAgBD;;;MAGvBe,gBAAgBb,YAAYO,OAAZ,CAAoBV,SAAS,EAA7B;MAChBiB,gBAAgBlB,SAASiB;;MAC3BA,gBAAgB,EAAhB,IAAsBC,cAAcL,IAAd,CAAmBC,WAAnB,KAAmCC,cAAcC,SAAS;WAC3EG,0BAA0BD,cAAcT,KAAd,CAAoBT,UAAUC,SAASmB,KAAT,CAAe,CAAf,GAAmBlB,oCAC7EC,kBACHF,SAAS;;;SAIN,CAACC,KAAD;;;;;"}

package/lib/menu/_util/checkSubMenuChildrenActive.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { MenuValue } from '../../_type/components/menu/index';
+import { MenuValue } from '../type';
 declare const checkSubMenuChildrenActive: (children: React.ReactNode, active: MenuValue) => boolean;
 export default checkSubMenuChildrenActive;

package/lib/menu/_util/checkSubMenuChildrenActive.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/_util/checkSubMenuChildrenActive.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkSubMenuChildrenActive.js","sources":["../../../src/menu/_util/checkSubMenuChildrenActive.ts"],"sourcesContent":["import React from 'react';\nimport { MenuValue } from '../../_type/components/menu/index';\nimport { checkIsMenuItem, checkIsSubMenu } from './checkMenuType';\n\nconst checkSubMenuChildrenActive = (children: React.ReactNode, active: MenuValue) => {\n  let activeFlag = false;\n  React.Children.forEach(children, (child: React.ReactElement) => {\n    if (activeFlag) return;\n    if (checkIsSubMenu(child)) {\n      activeFlag = checkSubMenuChildrenActive(child.props.children, active);\n    } else if (checkIsMenuItem(child)) {\n      activeFlag = active === child.props.value ? true : activeFlag;\n    }\n  });\n  return activeFlag;\n};\nexport default checkSubMenuChildrenActive;\n"],"names":["checkSubMenuChildrenActive","children","active","activeFlag","Children","forEach","child","checkIsSubMenu","props","checkIsMenuItem","value"],"mappings":";;;;;;;;;;IAIMA,6BAA6B,SAA7BA,0BAA6B,CAACC,QAAD,EAA4BC,MAA5B,EAAkD;MAC/EC,aAAa;iBACXC,SAASC,QAAQJ,UAAU,UAACK,KAAD,EAA+B;QAC1DH;;QACAI,eAAeD,QAAQ;mBACZN,2BAA2BM,MAAME,KAAN,CAAYP,UAAUC;eACrDO,gBAAgBH,QAAQ;mBACpBJ,WAAWI,MAAME,KAAN,CAAYE,KAAvB,GAA+B,IAA/B,GAAsCP;;;SAGhDA;;;;;"}
+{"version":3,"file":"checkSubMenuChildrenActive.js","sources":["../../../src/menu/_util/checkSubMenuChildrenActive.ts"],"sourcesContent":["import React from 'react';\nimport { MenuValue } from '../type';\nimport { checkIsMenuItem, checkIsSubMenu } from './checkMenuType';\n\nconst checkSubMenuChildrenActive = (children: React.ReactNode, active: MenuValue) => {\n  let activeFlag = false;\n  React.Children.forEach(children, (child: React.ReactElement) => {\n    if (activeFlag) return;\n    if (checkIsSubMenu(child)) {\n      activeFlag = checkSubMenuChildrenActive(child.props.children, active);\n    } else if (checkIsMenuItem(child)) {\n      activeFlag = active === child.props.value ? true : activeFlag;\n    }\n  });\n  return activeFlag;\n};\nexport default checkSubMenuChildrenActive;\n"],"names":["checkSubMenuChildrenActive","children","active","activeFlag","Children","forEach","child","checkIsSubMenu","props","checkIsMenuItem","value"],"mappings":";;;;;;;;;;IAIMA,6BAA6B,SAA7BA,0BAA6B,CAACC,QAAD,EAA4BC,MAA5B,EAAkD;MAC/EC,aAAa;iBACXC,SAASC,QAAQJ,UAAU,UAACK,KAAD,EAA+B;QAC1DH;;QACAI,eAAeD,QAAQ;mBACZN,2BAA2BM,MAAME,KAAN,CAAYP,UAAUC;eACrDO,gBAAgBH,QAAQ;mBACpBJ,WAAWI,MAAME,KAAN,CAAYE,KAAvB,GAA+B,IAA/B,GAAsCP;;;SAGhDA;;;;;"}

package/lib/menu/_util/constant.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/_util/getSubMenuChildStyle.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/_util/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */

package/lib/menu/hooks/useMenuContext.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { MenuState, MenuMode } from '../MenuContext';
-import { TdMenuProps, TdHeadMenuProps, MenuValue } from '../../_type/components/menu/index';
+import { TdMenuProps, TdHeadMenuProps, MenuValue } from '../type';
 interface UseMenuContextProps extends Extract<TdMenuProps, TdHeadMenuProps> {
     children: ReactNode;
     mode: MenuMode;

package/lib/menu/hooks/useMenuContext.js

@@ -1,16 +1,16 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _toConsumableArray } from '../../_chunks/dep-2eeaa58b.js';
-import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
+import { _ as _toConsumableArray } from '../../_chunks/dep-f405fda4.js';
+import { _ as _defineProperty } from '../../_chunks/dep-53c6c586.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-fff59b5a.js';
 import { noop } from 'lodash';
 import { useState } from 'react';
 import checkSubMenuChildExpanded from '../_util/checkSubMenuChildExpanded.js';
-import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-4c3606c3.js';
 import '../_util/type.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

package/lib/menu/hooks/useMenuContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuContext.js","sources":["../../../src/menu/hooks/useMenuContext.ts"],"sourcesContent":["import { noop } from 'lodash';\nimport { useState, ReactNode } from 'react';\nimport { MenuState, SetMenuState, MenuMode } from '../MenuContext';\nimport checkSubMenuChildExpanded from '../_util/checkSubMenuChildExpanded';\nimport { TdMenuProps, TdHeadMenuProps, MenuValue } from '../../_type/components/menu/index';\n\ninterface UseMenuContextProps extends Extract<TdMenuProps, TdHeadMenuProps> {\n  children: ReactNode;\n  mode: MenuMode;\n}\n\nfunction useMenuContext({\n  defaultValue,\n  defaultExpanded,\n  expandMutex,\n  children,\n  onExpand = noop,\n  onChange = noop,\n  value,\n  expanded,\n  collapsed,\n  expandType,\n  theme,\n  mode,\n}: UseMenuContextProps) {\n  const [state, setState] = useState<MenuState>({\n    active: defaultValue,\n    expanded: defaultExpanded,\n  });\n\n  const setStateValue: SetMenuState = (menuState) => setState({ ...state, ...menuState });\n\n  const handleExpandChange = (value: MenuValue, expanded: MenuValue[]) => {\n    let nextExpand = [];\n    const index = expanded.indexOf(value);\n\n    // 已经展开\n    if (index > -1) {\n      // 互斥情况\n      if (expandMutex) {\n        nextExpand = expanded.slice(0, index);\n      } else {\n        nextExpand = expanded.filter((item) => item !== value);\n      }\n    } else if (expandMutex) {\n      // 未展开\n      nextExpand = checkSubMenuChildExpanded(children, expanded, value);\n    } else {\n      nextExpand = [...expanded, value];\n    }\n    onExpand(nextExpand);\n    setState({ expanded: nextExpand });\n  };\n\n  return {\n    value: {\n      onExpand: handleExpandChange,\n      onChange,\n      active: value || state.active,\n      expanded: expanded || state.expanded,\n      collapsed: collapsed || state.collapsed,\n      setState: setStateValue,\n      expandMutex,\n      expandType: collapsed ? 'popup' : expandType,\n      mode,\n      theme,\n    },\n  };\n}\n\nexport default useMenuContext;\n"],"names":["defaultValue","defaultExpanded","expandMutex","children","onExpand","noop","onChange","value","expanded","collapsed","expandType","theme","mode","useState","active","state","setState","setStateValue","menuState","handleExpandChange","value2","expanded2","nextExpand","index","indexOf","slice","filter","item","checkSubMenuChildExpanded"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,uBAAA,OAawB;AAAA,MAZtBA,YAYsB,QAZtBA,YAYsB;AAAA,MAXtBC,eAWsB,QAXtBA,eAWsB;AAAA,MAVtBC,WAUsB,QAVtBA,WAUsB;AAAA,MATtBC,QASsB,QATtBA,QASsB;AAAA,2BARtBC,QAQsB;AAAA,MARtBA,QAQsB,8BARXC,IAQW;AAAA,2BAPtBC,QAOsB;AAAA,MAPtBA,QAOsB,8BAPXD,IAOW;AAAA,MANtBE,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,SAIsB,QAJtBA,SAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,KAEsB,QAFtBA,KAEsB;AAAA,MADtBC,IACsB,QADtBA,IACsB;;kBACIC,SAAoB;AAC5CC,IAAAA,QAAQd,YADoC;AAE5CQ,IAAAA,UAAUP;AAFkC;;MAAvCc;MAAOC;;MAKRC,gBAA8B,SAA9BA,aAA8B,CAACC,SAAD;AAAA,WAAeF,yCAAcD,QAAUG,WAAvC;AAAA;;MAE9BC,qBAAqB,SAArBA,kBAAqB,CAACC,MAAD,EAAmBC,SAAnB,EAA6C;QAClEC,aAAa;QACXC,QAAQF,UAASG,OAAT,CAAiBJ,MAAjB;;QAGVG,QAAQ,IAAI;UAEVrB,aAAa;qBACFmB,UAASI,KAAT,CAAe,CAAf,EAAkBF,KAAlB;aACR;qBACQF,UAASK,MAAT,CAAgB,UAACC,IAAD;AAAA,iBAAUA,SAASP,MAAnB;AAAA,SAAhB;;eAENlB,aAAa;mBAET0B,0BAA0BzB,UAAUkB,WAAUD;WACtD;gDACYC,aAAUD;;;aAEpBE;aACA;AAAEd,MAAAA,UAAUc;AAAZ;;;SAGJ;AACLf,IAAAA,OAAO;AACLH,MAAAA,UAAUe,kBADL;AAELb,MAAAA,UAAAA,QAFK;AAGLQ,MAAAA,QAAQP,SAASQ,MAAMD,MAHlB;AAILN,MAAAA,UAAUA,YAAYO,MAAMP,QAJvB;AAKLC,MAAAA,WAAWA,aAAaM,MAAMN,SALzB;AAMLO,MAAAA,UAAUC,aANL;AAOLf,MAAAA,aAAAA,WAPK;AAQLQ,MAAAA,YAAYD,YAAY,UAAUC,UAR7B;AASLE,MAAAA,MAAAA,IATK;AAULD,MAAAA,OAAAA;AAVK;AADF;;;;;"}
+{"version":3,"file":"useMenuContext.js","sources":["../../../src/menu/hooks/useMenuContext.ts"],"sourcesContent":["import { noop } from 'lodash';\nimport { useState, ReactNode } from 'react';\nimport { MenuState, SetMenuState, MenuMode } from '../MenuContext';\nimport checkSubMenuChildExpanded from '../_util/checkSubMenuChildExpanded';\nimport { TdMenuProps, TdHeadMenuProps, MenuValue } from '../type';\n\ninterface UseMenuContextProps extends Extract<TdMenuProps, TdHeadMenuProps> {\n  children: ReactNode;\n  mode: MenuMode;\n}\n\nfunction useMenuContext({\n  defaultValue,\n  defaultExpanded,\n  expandMutex,\n  children,\n  onExpand = noop,\n  onChange = noop,\n  value,\n  expanded,\n  collapsed,\n  expandType,\n  theme,\n  mode,\n}: UseMenuContextProps) {\n  const [state, setState] = useState<MenuState>({\n    active: defaultValue,\n    expanded: defaultExpanded,\n  });\n\n  const setStateValue: SetMenuState = (menuState) => setState({ ...state, ...menuState });\n\n  const handleExpandChange = (value: MenuValue, expanded: MenuValue[]) => {\n    let nextExpand = [];\n    const index = expanded.indexOf(value);\n\n    // 已经展开\n    if (index > -1) {\n      // 互斥情况\n      if (expandMutex) {\n        nextExpand = expanded.slice(0, index);\n      } else {\n        nextExpand = expanded.filter((item) => item !== value);\n      }\n    } else if (expandMutex) {\n      // 未展开\n      nextExpand = checkSubMenuChildExpanded(children, expanded, value);\n    } else {\n      nextExpand = [...expanded, value];\n    }\n    onExpand(nextExpand);\n    setState({ expanded: nextExpand });\n  };\n\n  return {\n    value: {\n      onExpand: handleExpandChange,\n      onChange,\n      active: value || state.active,\n      expanded: expanded || state.expanded,\n      collapsed: collapsed || state.collapsed,\n      setState: setStateValue,\n      expandMutex,\n      expandType: collapsed ? 'popup' : expandType,\n      mode,\n      theme,\n    },\n  };\n}\n\nexport default useMenuContext;\n"],"names":["defaultValue","defaultExpanded","expandMutex","children","onExpand","noop","onChange","value","expanded","collapsed","expandType","theme","mode","useState","active","state","setState","setStateValue","menuState","handleExpandChange","value2","expanded2","nextExpand","index","indexOf","slice","filter","item","checkSubMenuChildExpanded"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,uBAAA,OAawB;AAAA,MAZtBA,YAYsB,QAZtBA,YAYsB;AAAA,MAXtBC,eAWsB,QAXtBA,eAWsB;AAAA,MAVtBC,WAUsB,QAVtBA,WAUsB;AAAA,MATtBC,QASsB,QATtBA,QASsB;AAAA,2BARtBC,QAQsB;AAAA,MARtBA,QAQsB,8BARXC,IAQW;AAAA,2BAPtBC,QAOsB;AAAA,MAPtBA,QAOsB,8BAPXD,IAOW;AAAA,MANtBE,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,QAKsB,QALtBA,QAKsB;AAAA,MAJtBC,SAIsB,QAJtBA,SAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,KAEsB,QAFtBA,KAEsB;AAAA,MADtBC,IACsB,QADtBA,IACsB;;kBACIC,SAAoB;AAC5CC,IAAAA,QAAQd,YADoC;AAE5CQ,IAAAA,UAAUP;AAFkC;;MAAvCc;MAAOC;;MAKRC,gBAA8B,SAA9BA,aAA8B,CAACC,SAAD;AAAA,WAAeF,yCAAcD,QAAUG,WAAvC;AAAA;;MAE9BC,qBAAqB,SAArBA,kBAAqB,CAACC,MAAD,EAAmBC,SAAnB,EAA6C;QAClEC,aAAa;QACXC,QAAQF,UAASG,OAAT,CAAiBJ,MAAjB;;QAGVG,QAAQ,IAAI;UAEVrB,aAAa;qBACFmB,UAASI,KAAT,CAAe,CAAf,EAAkBF,KAAlB;aACR;qBACQF,UAASK,MAAT,CAAgB,UAACC,IAAD;AAAA,iBAAUA,SAASP,MAAnB;AAAA,SAAhB;;eAENlB,aAAa;mBAET0B,0BAA0BzB,UAAUkB,WAAUD;WACtD;gDACYC,aAAUD;;;aAEpBE;aACA;AAAEd,MAAAA,UAAUc;AAAZ;;;SAGJ;AACLf,IAAAA,OAAO;AACLH,MAAAA,UAAUe,kBADL;AAELb,MAAAA,UAAAA,QAFK;AAGLQ,MAAAA,QAAQP,SAASQ,MAAMD,MAHlB;AAILN,MAAAA,UAAUA,YAAYO,MAAMP,QAJvB;AAKLC,MAAAA,WAAWA,aAAaM,MAAMN,SALzB;AAMLO,MAAAA,UAAUC,aANL;AAOLf,MAAAA,aAAAA,WAPK;AAQLQ,MAAAA,YAAYD,YAAY,UAAUC,UAR7B;AASLE,MAAAA,MAAAA,IATK;AAULD,MAAAA,OAAAA;AAVK;AADF;;;;;"}

package/lib/menu/index.d.ts

@@ -5,7 +5,7 @@ export type { HeadMenuProps } from './HeadMenu';
 export type { SubMenuProps } from './SubMenu';
 export type { MenuItemProps } from './MenuItem';
 export type { MenuGroupProps } from './MenuGroup';
-export * from '../_type/components/menu';
+export * from './type';
 export declare const Menu: import("react").FunctionComponent<import("./Menu").MenuProps & import("react").RefAttributes<any>> & {
     HeadMenu: import("react").FC<import("./HeadMenu").HeadMenuProps>;
     SubMenu: import("react").FC<import("./SubMenu").SubMenuWithCustomizeProps>;

package/lib/menu/index.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.18.2
+ * tdesign v0.19.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import Menu$1 from './Menu.js';
-import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-53c6c586.js';
 import 'react';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -17,15 +17,15 @@ import './MenuContext.js';
 import '../_util/noop.js';
 import './_util/constant.js';
 import './hooks/useMenuContext.js';
-import '../_chunks/dep-2eeaa58b.js';
-import '../_chunks/dep-6a5b1968.js';
-import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-f405fda4.js';
+import '../_chunks/dep-4c3606c3.js';
+import '../_chunks/dep-fff59b5a.js';
 import 'lodash';
 import './_util/checkSubMenuChildExpanded.js';
 import './_util/type.js';
 import './HeadMenu.js';
-import '../_chunks/dep-8feebb03.js';
-import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-204550b9.js';
+import '../_chunks/dep-601473bd.js';
 import '../tabs/index.js';
 import '../tabs/Tabs.js';
 import '../tabs/TabNav.js';

package/lib/menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/menu/index.ts"],"sourcesContent":["import _Menu from './Menu';\n\nimport './style/index.js';\n\nexport type { MenuProps } from './Menu';\nexport type { HeadMenuProps } from './HeadMenu';\nexport type { SubMenuProps } from './SubMenu';\nexport type { MenuItemProps } from './MenuItem';\nexport type { MenuGroupProps } from './MenuGroup';\nexport * from '../_type/components/menu';\n\nexport const Menu = _Menu;\nexport default Menu;\n"],"names":["Menu","_Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,OAAOC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/menu/index.ts"],"sourcesContent":["import _Menu from './Menu';\n\nimport './style/index.js';\n\nexport type { MenuProps } from './Menu';\nexport type { HeadMenuProps } from './HeadMenu';\nexport type { SubMenuProps } from './SubMenu';\nexport type { MenuItemProps } from './MenuItem';\nexport type { MenuGroupProps } from './MenuGroup';\nexport * from './type';\n\nexport const Menu = _Menu;\nexport default Menu;\n"],"names":["Menu","_Menu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,OAAOC;;;;"}

package/lib/menu/type.d.ts

@@ -0,0 +1,186 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * updated at 2021-12-01 14:46:40
+ * */
+import { TNode, TElement } from '../common';
+import { MouseEvent } from 'react';
+export interface TdMenuProps {
+    /**
+     * 是否收起菜单
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * 展开的子菜单集合
+     */
+    expanded?: Array<MenuValue>;
+    /**
+     * 展开的子菜单集合，非受控属性
+     */
+    defaultExpanded?: Array<MenuValue>;
+    /**
+     * 同级别互斥展开
+     * @default false
+     */
+    expandMutex?: boolean;
+    /**
+     * 二级菜单展开方式，平铺展开和浮层展开
+     * @default normal
+     */
+    expandType?: 'normal' | 'popup';
+    /**
+     * 站点 LOGO
+     */
+    logo?: TElement;
+    /**
+     * 导航操作区域
+     */
+    operations?: TElement;
+    /**
+     * 菜单风格
+     * @default light
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * 激活菜单项
+     */
+    value?: MenuValue;
+    /**
+     * 激活菜单项，非受控属性
+     */
+    defaultValue?: MenuValue;
+    /**
+     * 菜单宽度。值类型为数组时，分别表示菜单展开和折叠的宽度。[ 展开时的宽度, 折叠时的宽度 ]，示例：['200px', '80px']
+     * @default '232px'
+     */
+    width?: string | number | Array<string | number>;
+    /**
+     * 激活菜单项发生变化时触发
+     */
+    onChange?: (value: MenuValue) => void;
+    /**
+     * 侧边栏导航展开/收起发生变化时触发
+     */
+    onCollapsed?: (options: {
+        collapsed: boolean;
+        e?: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 展开的菜单项发生变化时触发
+     */
+    onExpand?: (value: Array<MenuValue>) => void;
+}
+export interface TdHeadMenuProps {
+    /**
+     * 展开的子菜单集合
+     */
+    expanded?: Array<MenuValue>;
+    /**
+     * 展开的子菜单集合，非受控属性
+     */
+    defaultExpanded?: Array<MenuValue>;
+    /**
+     * 二级菜单展开方式，平铺展开和浮层展开
+     * @default normal
+     */
+    expandType?: 'normal' | 'popup';
+    /**
+     * 站点 LOGO
+     */
+    logo?: TElement;
+    /**
+     * 导航操作区域
+     */
+    operations?: TElement;
+    /**
+     * null
+     * @default light
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * 激活菜单项
+     */
+    value?: MenuValue;
+    /**
+     * 激活菜单项，非受控属性
+     */
+    defaultValue?: MenuValue;
+    /**
+     * 激活菜单项发生变化时触发
+     */
+    onChange?: (value: MenuValue) => void;
+    /**
+     * 展开的菜单项发生变化时触发
+     */
+    onExpand?: (value: Array<MenuValue>) => void;
+}
+export interface TdSubmenuProps {
+    /**
+     * 菜单项内容，同 content
+     */
+    children?: TNode;
+    /**
+     * 菜单项内容
+     */
+    content?: TNode;
+    /**
+     * 是否禁用菜单项展开/收起/跳转等功能
+     */
+    disabled?: boolean;
+    /**
+     * 菜单项图标
+     */
+    icon?: TElement;
+    /**
+     * 二级菜单内容
+     */
+    title?: TNode;
+    /**
+     * 菜单项唯一标识
+     */
+    value?: MenuValue;
+}
+export interface TdMenuItemProps {
+    /**
+     * 菜单项内容，同 content
+     */
+    children?: TNode;
+    /**
+     * 菜单项内容
+     */
+    content?: TNode;
+    /**
+     * 是否禁用菜单项展开/收起/跳转等功能
+     */
+    disabled?: boolean;
+    /**
+     * 跳转链接
+     * @default ''
+     */
+    href?: string;
+    /**
+     * 图标
+     */
+    icon?: TElement;
+    /**
+     * 链接或路由跳转方式
+     */
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    /**
+     * 菜单项唯一标识
+     */
+    value?: MenuValue;
+    /**
+     * 点击时触发
+     */
+    onClick?: (context: {
+        e: MouseEvent<HTMLElement>;
+    }) => void;
+}
+export interface TdMenuGroupProps {
+    /**
+     * 菜单组标题
+     */
+    title?: TNode;
+}
+export declare type MenuValue = string | number;

package/lib/menu/type.js

@@ -0,0 +1,7 @@
+/**
+ * tdesign v0.19.0
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+//# sourceMappingURL=type.js.map

package/lib/menu/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}