tiny-ui 0.0.95 → 1.0.1

package/es/menu/menu-context.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { MenuMode } from './types';
+type Props = {
+    index: string;
+    mode: MenuMode;
+    inlineIndent: number;
+    onSelect?: (selectedIndex: string) => void;
+};
+export declare const MenuContext: React.Context<Props>;
+export {};

package/es/menu/menu-context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const MenuContext = React.createContext({
+    index: '0',
+    inlineIndent: 20,
+    mode: 'horizontal',
+});
+//# sourceMappingURL=menu-context.js.map

package/es/menu/menu-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-context.js","sourceRoot":"","sources":["../../components/menu/menu-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAQ;IACpD,KAAK,EAAE,GAAG;IACV,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE,YAAY;CACnB,CAAC,CAAC"}

package/es/menu/menu-divider.d.ts

@@ -0,0 +1,6 @@
+import { BaseProps } from '../_utils/props';
+declare const MenuDivider: {
+    (props: BaseProps): JSX.Element;
+    displayName: string;
+};
+export default MenuDivider;

package/es/menu/menu-divider.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const MenuDivider = (props) => {
+    const { prefixCls: customisedCls, className } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('menu-divider', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    return _jsx("li", { className: cls });
+};
+MenuDivider.displayName = 'MenuDivider';
+export default MenuDivider;
+//# sourceMappingURL=menu-divider.js.map

package/es/menu/menu-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-divider.js","sourceRoot":"","sources":["../../components/menu/menu-divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,WAAW,GAAG,CAAC,KAAgB,EAAe,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACvF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,aAAI,SAAS,EAAE,GAAG,GAAI,CAAC;AAChC,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,eAAe,WAAW,CAAC"}

package/es/menu/menu-item-group.d.ts

@@ -0,0 +1,6 @@
+import { MenuItemGroupProps } from './types';
+declare const MenuItemGroup: {
+    (props: MenuItemGroupProps): JSX.Element;
+    displayName: string;
+};
+export default MenuItemGroup;

package/es/menu/menu-item-group.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import React, { useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { MenuContext } from './menu-context';
+import { SubMenuContext } from './sub-menu-context';
+const MenuItemGroup = (props) => {
+    const { index, title, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const { inlineIndent } = useContext(MenuContext);
+    const { level = 1 } = useContext(SubMenuContext);
+    const prefixCls = getPrefixCls('menu-item-group', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    return (_createElement("li", { ...otherProps, key: title, className: cls, style: style },
+        _jsx("div", { className: `${prefixCls}__title`, style: {
+                paddingLeft: inlineIndent * level - inlineIndent / 2,
+            }, children: title }),
+        _jsx("ul", { className: `${prefixCls}__list`, children: React.Children.map(children, (child, idx) => {
+                const childElement = child;
+                if (childElement.type.displayName === 'MenuItem') {
+                    const childProps = {
+                        index: `${index}-${idx}`,
+                    };
+                    return React.cloneElement(childElement, childProps);
+                }
+                else {
+                    console.warn('Menu has a child that is not a MenuItem component.');
+                    return null;
+                }
+            }) })));
+};
+MenuItemGroup.displayName = 'MenuItemGroup';
+export default MenuItemGroup;
+//# sourceMappingURL=menu-item-group.js.map

package/es/menu/menu-item-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.js","sourceRoot":"","sources":["../../components/menu/menu-item-group.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;IAC/D,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACjD,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,iBAAiB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC1F,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,0BAAQ,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC1D,cACE,SAAS,EAAE,GAAG,SAAS,SAAS,EAChC,KAAK,EAAE;gBACL,WAAW,EAAE,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC;aACrD,YACA,KAAK,GACF;QACN,aAAI,SAAS,EAAE,GAAG,SAAS,QAAQ,YAChC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;gBAC3C,MAAM,YAAY,GAAG,KAAsD,CAAC;gBAC5E,IAAI,YAAY,CAAC,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;oBACjD,MAAM,UAAU,GAA2B;wBACzC,KAAK,EAAE,GAAG,KAAK,IAAI,GAAG,EAAE;qBACzB,CAAC;oBACF,OAAO,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;oBACnE,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC,CAAC,GACC,CACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,eAAe,aAAa,CAAC"}

package/es/menu/menu-item.d.ts

@@ -0,0 +1,6 @@
+import { MenuItemProps } from './types';
+declare const MenuItem: {
+    (props: MenuItemProps): JSX.Element;
+    displayName: string;
+};
+export default MenuItem;

package/es/menu/menu-item.js

@@ -0,0 +1,39 @@
+import { createElement as _createElement } from "react";
+import { useContext } from 'react';
+import classNames from 'classnames';
+import { MenuContext } from './menu-context';
+import { SubMenuContext } from './sub-menu-context';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const MenuItem = (props) => {
+    const { disabled = false, index, className, style, children, onClick, prefixCls: customisedCls, ...otherProps } = props;
+    const menuContext = useContext(MenuContext);
+    const subMenuContext = useContext(SubMenuContext);
+    const { inlineIndent, mode } = menuContext;
+    const { level = 1, onMenuItemClick } = subMenuContext;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('menu-item', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_disabled`]: disabled,
+        [`${prefixCls}_active`]: menuContext.index === index,
+    });
+    const onItemClick = (e) => {
+        if (disabled) {
+            return;
+        }
+        onClick && onClick(e);
+        onMenuItemClick && onMenuItemClick();
+        if (menuContext.onSelect && typeof index === 'string') {
+            menuContext.onSelect(index);
+        }
+    };
+    return (_createElement("li", { ...otherProps, key: index, role: "menuitem", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled || undefined, className: cls, style: { paddingLeft: mode === 'inline' ? level * inlineIndent : undefined, ...style }, onClick: onItemClick, onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onItemClick(e);
+            }
+        } }, children));
+};
+MenuItem.displayName = 'MenuItem';
+export default MenuItem;
+//# sourceMappingURL=menu-item.js.map

package/es/menu/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../components/menu/menu-item.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAe,EAAE;IACrD,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC;IAC3C,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC;IACtD,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;QACnC,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,WAAW,CAAC,KAAK,KAAK,KAAK;KACrD,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAQ,EAAE;QAChD,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACtB,eAAe,IAAI,eAAe,EAAE,CAAC;QACrC,IAAI,WAAW,CAAC,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACtD,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,0BACM,UAAU,EACd,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACZ,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EACtF,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE;YACpC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAgC,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,IACA,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,eAAe,QAAQ,CAAC"}

package/es/menu/menu.d.ts

@@ -0,0 +1,6 @@
+import { MenuProps } from './types';
+declare const Menu: {
+    (props: MenuProps): JSX.Element;
+    displayName: string;
+};
+export default Menu;

package/es/menu/menu.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useState } from 'react';
+import classNames from 'classnames';
+import { MenuContext } from './menu-context';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Menu = (props) => {
+    const { defaultIndex = '0', mode = 'horizontal', theme = 'light', inlineIndent = 20, onSelect, className, overlayClassName, style, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('menu', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, `${prefixCls}_root`, `${prefixCls}_${theme}`, `${prefixCls}_${mode}`);
+    const [activeIndex, setActiveIndex] = useState(defaultIndex);
+    const contextValue = {
+        mode,
+        inlineIndent,
+        index: activeIndex,
+        onSelect: (index) => {
+            setActiveIndex(index);
+            onSelect && onSelect(index);
+        },
+    };
+    return (_jsx("ul", { ...otherProps, role: "menu", "aria-orientation": mode === 'horizontal' ? 'horizontal' : 'vertical', className: cls, style: style, children: _jsx(MenuContext.Provider, { value: contextValue, children: React.Children.map(children, (child, index) => {
+                const childElement = child;
+                const { displayName } = childElement.type;
+                if (displayName === 'MenuItem' ||
+                    displayName === 'SubMenu' ||
+                    displayName === 'MenuItemGroup' ||
+                    (displayName === 'MenuDivider' && mode !== 'horizontal')) {
+                    const childProps = displayName === 'SubMenu' && overlayClassName
+                        ? { index: `${index}`, overlayClassName }
+                        : { index: `${index}` };
+                    return React.cloneElement(childElement, childProps);
+                }
+                else {
+                    console.warn('Menu has a child that is not a MenuItem component.');
+                    return null;
+                }
+            }) }) }));
+};
+Menu.displayName = 'Menu';
+export default Menu;
+//# sourceMappingURL=menu.js.map

package/es/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../components/menu/menu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAe,EAAE;IAC7C,MAAM,EACJ,YAAY,GAAG,GAAG,EAClB,IAAI,GAAG,YAAY,EACnB,KAAK,GAAG,OAAO,EACf,YAAY,GAAG,EAAE,EACjB,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAG,UAAU,CACpB,SAAS,EACT,SAAS,EACT,GAAG,SAAS,OAAO,EACnB,GAAG,SAAS,IAAI,KAAK,EAAE,EACvB,GAAG,SAAS,IAAI,IAAI,EAAE,CACvB,CAAC;IACF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,YAAY,CAAC,CAAC;IACrE,MAAM,YAAY,GAAG;QACnB,IAAI;QACJ,YAAY;QACZ,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,CAAC,KAAa,EAAQ,EAAE;YAChC,cAAc,CAAC,KAAK,CAAC,CAAC;YACtB,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;KACF,CAAC;IAEF,OAAO,CACL,gBAAQ,UAAU,EAAE,IAAI,EAAC,MAAM,sBAAmB,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAC/H,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACtC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC7C,MAAM,YAAY,GAAG,KAAsD,CAAC;gBAC5E,MAAM,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC;gBAC1C,IACE,WAAW,KAAK,UAAU;oBAC1B,WAAW,KAAK,SAAS;oBACzB,WAAW,KAAK,eAAe;oBAC/B,CAAC,WAAW,KAAK,aAAa,IAAI,IAAI,KAAK,YAAY,CAAC,EACxD,CAAC;oBACD,MAAM,UAAU,GAAG,WAAW,KAAK,SAAS,IAAI,gBAAgB;wBAC9D,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,EAAE;wBACzC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,CAAC;oBAC1B,OAAO,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;gBACtD,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;oBACnE,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC,CAAC,GACmB,GACpB,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,eAAe,IAAI,CAAC"}

package/es/menu/style/_index.scss

@@ -0,0 +1,183 @@
+@use "../../style/variables" as *;
+@use "./mixin" as *;
+
+.#{$prefix}-menu {
+  display: flex;
+  flex-wrap: nowrap;
+  box-sizing: border-box;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  white-space: nowrap;
+  border: 0;
+
+  &_horizontal {
+    position: relative;
+
+    &:before {
+      content: '';
+      position: absolute;
+      border-bottom: 1px solid;
+      width: 100%;
+      bottom: 0;
+    }
+
+    .#{$prefix}-menu-item {
+      height: 48px;
+      padding: 0 15px;
+      line-height: 48px;
+      margin: 0 5px;
+      border-bottom: 2px solid transparent;
+      position: relative;
+
+      &_active {
+        color: var(--ty-color-primary);
+        border-bottom-color: var(--ty-color-primary);
+      }
+    }
+  }
+
+  &_inline, &_vertical {
+    flex-direction: column;
+    position: relative;
+
+    &:before {
+      content: '';
+      position: absolute;
+      border-right: 1px solid;
+      height: 100%;
+      right: 0;
+    }
+
+    .#{$prefix}-menu-item {
+      padding: $menu-item-padding-vertical;
+      margin: 5px 0;
+      position: relative;
+    }
+  }
+
+  &_inline li.#{$prefix}-menu-item_active {
+    @include menu-item-active(var(--ty-color-primary), true);
+  }
+
+  &_vertical li.#{$prefix}-menu-item_active {
+    @include menu-item-active(var(--ty-color-primary));
+  }
+
+  &_light {
+    color: var(--ty-menu-light-color);
+    background: var(--ty-menu-light-bg);
+
+    &:before {
+      border-color: var(--ty-menu-light-border);
+    }
+  }
+
+  &_dark {
+    color: var(--ty-menu-dark-color);
+    background: var(--ty-menu-dark-bg);
+
+    &:before {
+      border-color: var(--ty-menu-dark-border);
+    }
+  }
+}
+
+.#{$prefix}-menu-item {
+  box-sizing: border-box;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background-color 300ms, color 250ms;
+
+  &:hover {
+    color: var(--ty-color-primary);
+  }
+
+  &_disabled {
+    color: $gray-700 !important;
+    opacity: .5;
+    cursor: not-allowed;
+  }
+}
+
+.#{$prefix}-menu-sub {
+
+  .#{$prefix}-popup__wrapper {
+    display: block;
+  }
+
+  &__list {
+    margin: 0;
+    min-width: 100%;
+    list-style: none;
+    padding-left: 0;
+    white-space: nowrap;
+
+    .#{$prefix}-menu-item {
+      @include menu-sub-item-style();
+    }
+
+    &_popup {
+      min-width: 160px;
+
+      li.#{$prefix}-menu-item_active {
+        @include menu-item-active(var(--ty-color-primary));
+      }
+    }
+  }
+
+  &__title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    &.#{$prefix}-menu-item_active {
+      color: var(--ty-color-primary);
+    }
+  }
+
+  &__arrow {
+    display: inline-block;
+    transition: transform 300ms;
+    margin-left: 20px;
+
+    &_reverse {
+      transform: rotate(180deg);
+    }
+
+    &_right {
+      transform: rotate(-90deg);
+    }
+  }
+}
+
+.#{$prefix}-menu-item-group {
+  box-sizing: border-box;
+
+  &__title {
+    padding: 10px 16px;
+    color: var(--ty-menu-group-title-color);
+    font-size: 14px;
+    cursor: default;
+
+    &:first-child {
+      margin-top: 4px;
+    }
+  }
+
+  &__list {
+    list-style: none;
+    padding-left: 0;
+    white-space: nowrap;
+
+    > .#{$prefix}-menu-item {
+      padding: 12px 35px 12px 25px;
+    }
+  }
+}
+
+.#{$prefix}-menu-divider {
+  height: 1px;
+  background-color: var(--ty-menu-divider-color);
+  margin: 5px 0;
+}

package/es/menu/style/_mixin.scss

@@ -0,0 +1,16 @@
+@mixin menu-sub-item-style($padding: 12px 20px){
+  padding: $padding;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  overflow: hidden;
+  font-size: 14px;
+  text-overflow: ellipsis;
+}
+
+@mixin menu-item-active($color, $display-right-border: false){
+  background-color: var(--ty-color-primary-bg);
+  color: $color;
+  @if $display-right-border {
+    border-right: 3px solid $color;
+  }
+}

package/es/menu/style/css.js

@@ -0,0 +1,4 @@
+import './index.css';
+import '../../popup/style/index.css';
+import '../../collapse-transition/style/index.css';
+//# sourceMappingURL=index.js.map

package/es/menu/style/index.d.ts

@@ -0,0 +1,3 @@
+import './index.scss';
+import '../../popup/style/index.scss';
+import '../../collapse-transition/style/index.scss';

package/es/menu/style/index.js

@@ -0,0 +1,4 @@
+import './index.scss';
+import '../../popup/style/index.scss';
+import '../../collapse-transition/style/index.scss';
+//# sourceMappingURL=index.js.map

package/es/menu/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/menu/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,8BAA8B,CAAC;AACtC,OAAO,4CAA4C,CAAC"}

package/es/menu/sub-menu-context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+type Props = {
+    level?: number;
+    onMenuItemClick?: () => void;
+};
+export declare const SubMenuContext: React.Context<Props>;
+export {};

package/es/menu/sub-menu-context.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const SubMenuContext = React.createContext({});
+//# sourceMappingURL=sub-menu-context.js.map

package/es/menu/sub-menu-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-menu-context.js","sourceRoot":"","sources":["../../components/menu/sub-menu-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAQ,EAAE,CAAC,CAAC"}

package/es/menu/sub-menu.d.ts

@@ -0,0 +1,6 @@
+import { SubMenuProps } from './types';
+declare const SubMenu: {
+    (props: SubMenuProps): JSX.Element;
+    displayName: string;
+};
+export default SubMenu;

package/es/menu/sub-menu.js

@@ -0,0 +1,102 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useState, useRef } from 'react';
+import classNames from 'classnames';
+import { MenuContext } from './menu-context';
+import { SubMenuContext } from './sub-menu-context';
+import { ArrowDown } from '../_utils/components';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import Popup from '../popup';
+import CollapseTransition from '../collapse-transition';
+const SubMenu = (props) => {
+    const { index, title, disabled, className, overlayClassName, children, prefixCls: customisedCls, ...otherProps } = props;
+    const menuContext = useContext(MenuContext);
+    const { mode, inlineIndent } = menuContext;
+    const { level = 1, onMenuItemClick: _onMenuItemClick } = useContext(SubMenuContext);
+    const [menuOpen, setMenuOpen] = useState(false);
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('menu-sub', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className);
+    const subMenuCls = classNames(`${prefixCls}__list`, {
+        [`${prefixCls}__list_open`]: menuOpen,
+        [`${prefixCls}__list_popup`]: mode !== 'inline',
+    });
+    const nonRootSubMenu = index?.includes('-');
+    const rightPopupMenu = mode === 'vertical' || (mode === 'horizontal' && nonRootSubMenu);
+    const arrowCls = rightPopupMenu
+        ? `${prefixCls}__arrow ${prefixCls}__arrow_right`
+        : classNames(`${prefixCls}__arrow`, {
+            [`${prefixCls}__arrow_reverse`]: menuOpen,
+        });
+    const menuItemCls = `${configContext.prefixCls ? configContext.prefixCls : 'ty'}-menu-item`;
+    const titleCls = classNames(menuItemCls, `${prefixCls}__title`, {
+        [`${menuItemCls}_disabled`]: disabled,
+        [`${menuItemCls}_active`]: index ? menuContext.index.startsWith(index) : false,
+    });
+    const titleRef = useRef(null);
+    const handleOnClick = (e) => {
+        e.preventDefault();
+        !disabled && mode === 'inline' && setMenuOpen(!menuOpen);
+    };
+    const timerRef = useRef(undefined);
+    const handleMouse = (e, toggle) => {
+        e.preventDefault();
+        const timer = timerRef.current;
+        timer && window.clearTimeout(timer);
+        timerRef.current = window.setTimeout(() => {
+            setMenuOpen(toggle);
+        }, 200);
+    };
+    const handleOnMouseEnter = (e) => {
+        !disabled && mode !== 'inline' && handleMouse(e, true);
+    };
+    const handleOnMouseLeave = (e) => {
+        mode !== 'inline' && handleMouse(e, false);
+    };
+    const onMenuItemClick = () => {
+        if (mode !== 'inline') {
+            setMenuOpen(false);
+            // If this is a sub-subMenu, invoke the onMenuItemClick method to notify
+            // its parent to close the menu popup
+            _onMenuItemClick && _onMenuItemClick();
+        }
+    };
+    const renderChildrenList = () => {
+        let minWidth = undefined;
+        const titleNode = titleRef.current;
+        if (titleNode && !nonRootSubMenu) {
+            const { marginLeft, marginRight } = window.getComputedStyle(titleNode);
+            minWidth = titleNode.offsetWidth + parseFloat(marginLeft) + parseFloat(marginRight);
+        }
+        return (_jsx("ul", { className: subMenuCls, style: { minWidth }, children: React.Children.map(children, (child, idx) => {
+                const childElement = child;
+                const { displayName } = childElement.type;
+                const childProps = {
+                    index: `${index}-${idx}`,
+                };
+                if (displayName === 'MenuItem' ||
+                    displayName === 'MenuItemGroup' ||
+                    displayName === 'SubMenu' ||
+                    displayName === 'MenuDivider') {
+                    return React.cloneElement(childElement, childProps);
+                }
+                else {
+                    console.warn('Menu has a child that is not a MenuItem component.');
+                    return null;
+                }
+            }) }));
+    };
+    if (mode === 'inline') {
+        return (_jsx(SubMenuContext.Provider, { value: { level: level + 1 }, children: _createElement("li", { ...otherProps, role: "menuitem", key: index, className: cls },
+                _jsxs("div", { className: titleCls, style: { paddingLeft: inlineIndent * level }, onClick: handleOnClick, children: [_jsx("span", { children: title }), _jsx("span", { className: arrowCls, children: _jsx(ArrowDown, { size: 10 }) })] }),
+                _jsx(CollapseTransition, { isShow: menuOpen, children: renderChildrenList() })) }));
+    }
+    else {
+        return (_jsx(SubMenuContext.Provider, { value: { onMenuItemClick }, children: _createElement("li", { ...otherProps, role: "menuitem", key: index, className: cls, onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave },
+                _jsx(Popup, { flip: false, arrow: false, className: overlayClassName, trigger: "manual", visible: menuOpen, biZoom: rightPopupMenu, placement: rightPopupMenu ? 'right-start' : 'bottom-start', content: renderChildrenList(), children: _jsxs("div", { ref: titleRef, className: titleCls, onClick: handleOnClick, children: [_jsx("span", { children: title }), _jsx("span", { className: arrowCls, children: _jsx(ArrowDown, { size: 10 }) })] }) })) }));
+    }
+};
+SubMenu.displayName = 'SubMenu';
+export default SubMenu;
+//# sourceMappingURL=sub-menu.js.map

package/es/menu/sub-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-menu.js","sourceRoot":"","sources":["../../components/menu/sub-menu.tsx"],"names":[],"mappings":"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"}

package/es/menu/types.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+import { BaseProps, DirectionType } from '../_utils/props';
+export type MenuMode = DirectionType | 'inline';
+export type Theme = 'light' | 'dark';
+export interface MenuProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['ul']>, 'onSelect'> {
+    defaultIndex?: string;
+    /** color theme of the menu */
+    theme?: Theme;
+    /** type of menu: vertical, horizontal or inline */
+    mode?: MenuMode;
+    /** indent (in pixels) of inline menu items on each level */
+    inlineIndent?: number;
+    /** called when a menu item is selected */
+    onSelect?: (selectedIndex: string) => void;
+    overlayClassName?: string;
+}
+export interface MenuItemProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['li']> {
+    index?: string;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler;
+}
+export interface MenuItemGroupProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['li']>, 'title'> {
+    index?: string;
+    title?: string;
+}
+export interface SubMenuProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['li']>, 'title'> {
+    title: ReactNode;
+    index?: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    overlayClassName?: string;
+}

package/es/menu/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/menu/types.ts"],"names":[],"mappings":""}

package/es/message/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type Options = {
+    top?: number;
+    offset?: number;
+    icon?: ReactNode;
+    extra?: ReactNode;
+    className?: string;
+};
+declare const messageContainer: any;
+export default messageContainer;