tiny-ui 1.0.2 → 1.0.4

package/es/menu/style/index.css

@@ -0,0 +1,158 @@
+.ty-menu {
+  display: flex;
+  flex-wrap: nowrap;
+  box-sizing: border-box;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  white-space: nowrap;
+  border: 0;
+}
+.ty-menu_horizontal {
+  position: relative;
+}
+.ty-menu_horizontal:before {
+  content: "";
+  position: absolute;
+  border-bottom: 1px solid;
+  width: 100%;
+  bottom: 0;
+}
+.ty-menu_horizontal .ty-menu-item {
+  height: 48px;
+  padding: 0 15px;
+  line-height: 48px;
+  margin: 0 5px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+}
+.ty-menu_horizontal .ty-menu-item_active {
+  color: var(--ty-color-primary);
+  border-bottom-color: var(--ty-color-primary);
+}
+.ty-menu_inline, .ty-menu_vertical {
+  flex-direction: column;
+  position: relative;
+}
+.ty-menu_inline:before, .ty-menu_vertical:before {
+  content: "";
+  position: absolute;
+  border-right: 1px solid;
+  height: 100%;
+  right: 0;
+}
+.ty-menu_inline .ty-menu-item, .ty-menu_vertical .ty-menu-item {
+  padding: 15px 20px;
+  margin: 5px 0;
+  position: relative;
+}
+.ty-menu_inline li.ty-menu-item_active {
+  background-color: var(--ty-color-primary-bg);
+  color: var(--ty-color-primary);
+  border-right: 3px solid var(--ty-color-primary);
+}
+.ty-menu_vertical li.ty-menu-item_active {
+  background-color: var(--ty-color-primary-bg);
+  color: var(--ty-color-primary);
+}
+.ty-menu_light {
+  color: var(--ty-menu-light-color);
+  background: var(--ty-menu-light-bg);
+}
+.ty-menu_light:before {
+  border-color: var(--ty-menu-light-border);
+}
+.ty-menu_dark {
+  color: var(--ty-menu-dark-color);
+  background: var(--ty-menu-dark-bg);
+}
+.ty-menu_dark:before {
+  border-color: var(--ty-menu-dark-border);
+}
+
+.ty-menu-item {
+  box-sizing: border-box;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background-color 300ms, color 250ms;
+}
+.ty-menu-item:hover {
+  color: var(--ty-color-primary);
+}
+.ty-menu-item_disabled {
+  color: #525f7f !important;
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.ty-menu-sub .ty-popup__wrapper {
+  display: block;
+}
+.ty-menu-sub__list {
+  margin: 0;
+  min-width: 100%;
+  list-style: none;
+  padding-left: 0;
+  white-space: nowrap;
+}
+.ty-menu-sub__list .ty-menu-item {
+  padding: 12px 20px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  overflow: hidden;
+  font-size: 14px;
+  text-overflow: ellipsis;
+}
+.ty-menu-sub__list_popup {
+  min-width: 160px;
+}
+.ty-menu-sub__list_popup li.ty-menu-item_active {
+  background-color: var(--ty-color-primary-bg);
+  color: var(--ty-color-primary);
+}
+.ty-menu-sub__title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.ty-menu-sub__title.ty-menu-item_active {
+  color: var(--ty-color-primary);
+}
+.ty-menu-sub__arrow {
+  display: inline-block;
+  transition: transform 300ms;
+  margin-left: 20px;
+}
+.ty-menu-sub__arrow_reverse {
+  transform: rotate(180deg);
+}
+.ty-menu-sub__arrow_right {
+  transform: rotate(-90deg);
+}
+
+.ty-menu-item-group {
+  box-sizing: border-box;
+}
+.ty-menu-item-group__title {
+  padding: 10px 16px;
+  color: var(--ty-menu-group-title-color);
+  font-size: 14px;
+  cursor: default;
+}
+.ty-menu-item-group__title:first-child {
+  margin-top: 4px;
+}
+.ty-menu-item-group__list {
+  list-style: none;
+  padding-left: 0;
+  white-space: nowrap;
+}
+.ty-menu-item-group__list > .ty-menu-item {
+  padding: 12px 35px 12px 25px;
+}
+
+.ty-menu-divider {
+  height: 1px;
+  background-color: var(--ty-menu-divider-color);
+  margin: 5px 0;
+}

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

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

package/es/menu/style/index.js

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

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

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

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

@@ -1 +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"}
+{"version":3,"file":"sub-menu-context.js","names":[],"sources":["../../components/menu/sub-menu-context.ts"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  level?: number;\n  onMenuItemClick?: () => void;\n};\n\nexport const SubMenuContext = React.createContext<Props>({});\n"],"mappings":";;AAOA,MAAa,iBAAiB,MAAM,cAAqB,EAAE,CAAC"}

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

@@ -1,6 +1,10 @@
-import { SubMenuProps } from './types';
+import { SubMenuProps } from "./types.js";
+
+//#region components/menu/sub-menu.d.ts
 declare const SubMenu: {
-    (props: SubMenuProps): JSX.Element;
-    displayName: string;
+  (props: SubMenuProps): JSX.Element;
+  displayName: string;
 };
-export default SubMenu;
+//#endregion
+export { SubMenu };
+//# sourceMappingURL=sub-menu.d.ts.map

package/es/menu/sub-menu.js

@@ -1,102 +1,135 @@
-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';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { ArrowDown } from "../_utils/components.js";
+import popup_default from "../popup/index.js";
+import collapse_transition_default from "../collapse-transition/index.js";
+import { MenuContext } from "./menu-context.js";
+import { SubMenuContext } from "./sub-menu-context.js";
+import React, { createElement, useContext, useRef, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/menu/sub-menu.tsx
 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 }) })] }) })) }));
-    }
+	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(void 0);
+	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);
+			_onMenuItemClick && _onMenuItemClick();
+		}
+	};
+	const renderChildrenList = () => {
+		let minWidth = void 0;
+		const titleNode = titleRef.current;
+		if (titleNode && !nonRootSubMenu) {
+			const { marginLeft, marginRight } = window.getComputedStyle(titleNode);
+			minWidth = titleNode.offsetWidth + parseFloat(marginLeft) + parseFloat(marginRight);
+		}
+		return /* @__PURE__ */ 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 /* @__PURE__ */ jsx(SubMenuContext.Provider, {
+		value: { level: level + 1 },
+		children: /* @__PURE__ */ createElement("li", {
+			...otherProps,
+			role: "menuitem",
+			key: index,
+			className: cls
+		}, /* @__PURE__ */ jsxs("div", {
+			className: titleCls,
+			style: { paddingLeft: inlineIndent * level },
+			onClick: handleOnClick,
+			children: [/* @__PURE__ */ jsx("span", { children: title }), /* @__PURE__ */ jsx("span", {
+				className: arrowCls,
+				children: /* @__PURE__ */ jsx(ArrowDown, { size: 10 })
+			})]
+		}), /* @__PURE__ */ jsx(collapse_transition_default, {
+			isShow: menuOpen,
+			children: renderChildrenList()
+		}))
+	});
+	else return /* @__PURE__ */ jsx(SubMenuContext.Provider, {
+		value: { onMenuItemClick },
+		children: /* @__PURE__ */ createElement("li", {
+			...otherProps,
+			role: "menuitem",
+			key: index,
+			className: cls,
+			onMouseEnter: handleOnMouseEnter,
+			onMouseLeave: handleOnMouseLeave
+		}, /* @__PURE__ */ jsx(popup_default, {
+			flip: false,
+			arrow: false,
+			className: overlayClassName,
+			trigger: "manual",
+			visible: menuOpen,
+			biZoom: rightPopupMenu,
+			placement: rightPopupMenu ? "right-start" : "bottom-start",
+			content: renderChildrenList(),
+			children: /* @__PURE__ */ jsxs("div", {
+				ref: titleRef,
+				className: titleCls,
+				onClick: handleOnClick,
+				children: [/* @__PURE__ */ jsx("span", { children: title }), /* @__PURE__ */ jsx("span", {
+					className: arrowCls,
+					children: /* @__PURE__ */ jsx(ArrowDown, { size: 10 })
+				})]
+			})
+		}))
+	});
 };
-SubMenu.displayName = 'SubMenu';
-export default SubMenu;
+SubMenu.displayName = "SubMenu";
+//#endregion
+export { SubMenu as default };
+
 //# sourceMappingURL=sub-menu.js.map

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

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

package/es/menu/types.d.ts

@@ -1,32 +1,37 @@
-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;
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region components/menu/types.d.ts
+type MenuMode = DirectionType | 'inline';
+type Theme = 'light' | 'dark';
+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;
+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;
+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;
+interface SubMenuProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['li']>, 'title'> {
+  title: ReactNode;
+  index?: string;
+  disabled?: boolean;
+  icon?: ReactNode;
+  overlayClassName?: string;
 }
+//#endregion
+export { MenuItemGroupProps, MenuItemProps, MenuProps, SubMenuProps };
+//# sourceMappingURL=types.d.ts.map

package/es/message/index.d.ts

@@ -1,3 +1 @@
-import messageContainer from './message-container';
-export type { Options } from './message-container';
-export default messageContainer;
+import { messageContainer } from "./message-container.js";

package/es/message/index.js

@@ -1,3 +1,9 @@
-import messageContainer from './message-container';
-export default messageContainer;
+import '../style/base.css';
+import './style/index.css';
+import messageContainer from "./message-container.js";
+//#region components/message/index.tsx
+var message_default = messageContainer;
+//#endregion
+export { message_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/message/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/message/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAGnD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/message/index.tsx"],"sourcesContent":["import messageContainer from './message-container';\n\nexport type { Options } from './message-container';\nexport default messageContainer;\n"],"mappings":";;AAGA,IAAA,kBAAe"}

package/es/message/message-container.d.ts

@@ -1,10 +1,7 @@
-import { ReactNode } from 'react';
-export type Options = {
-    top?: number;
-    offset?: number;
-    icon?: ReactNode;
-    extra?: ReactNode;
-    className?: string;
-};
+import { ReactNode } from "react";
+
+//#region components/message/message-container.d.ts
 declare const messageContainer: any;
-export default messageContainer;
+//#endregion
+export { messageContainer };
+//# sourceMappingURL=message-container.d.ts.map