tiny-ui 1.0.2 → 1.0.4

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

@@ -1,39 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const menu_context_1 = require("./menu-context");
-const sub_menu_context_1 = require("./sub-menu-context");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_menu_context = require("./menu-context.js");
+const require_sub_menu_context = require("./sub-menu-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/menu/menu-item-group.tsx
 const MenuItemGroup = (props) => {
-    const { index, title, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_2.useContext)(config_context_1.ConfigContext);
-    const { inlineIndent } = (0, react_2.useContext)(menu_context_1.MenuContext);
-    const { level = 1 } = (0, react_2.useContext)(sub_menu_context_1.SubMenuContext);
-    const prefixCls = (0, general_1.getPrefixCls)('menu-item-group', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className);
-    return ((0, react_1.createElement)("li", { ...otherProps, key: title, className: cls, style: style },
-        (0, jsx_runtime_1.jsx)("div", { className: `${prefixCls}__title`, style: {
-                paddingLeft: inlineIndent * level - inlineIndent / 2,
-            }, children: title }),
-        (0, jsx_runtime_1.jsx)("ul", { className: `${prefixCls}__list`, children: react_2.default.Children.map(children, (child, idx) => {
-                const childElement = child;
-                if (childElement.type.displayName === 'MenuItem') {
-                    const childProps = {
-                        index: `${index}-${idx}`,
-                    };
-                    return react_2.default.cloneElement(childElement, childProps);
-                }
-                else {
-                    console.warn('Menu has a child that is not a MenuItem component.');
-                    return null;
-                }
-            }) })));
+	const { index, title, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const { inlineIndent } = (0, react.useContext)(require_menu_context.MenuContext);
+	const { level = 1 } = (0, react.useContext)(require_sub_menu_context.SubMenuContext);
+	const prefixCls = require_general.getPrefixCls("menu-item-group", configContext.prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	return /* @__PURE__ */ (0, react.createElement)("li", {
+		...otherProps,
+		key: title,
+		className: cls,
+		style
+	}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `${prefixCls}__title`,
+		style: { paddingLeft: inlineIndent * level - inlineIndent / 2 },
+		children: title
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: `${prefixCls}__list`,
+		children: react.default.Children.map(children, (child, idx) => {
+			const childElement = child;
+			if (childElement.type.displayName === "MenuItem") {
+				const childProps = { index: `${index}-${idx}` };
+				return react.default.cloneElement(childElement, childProps);
+			} else {
+				console.warn("Menu has a child that is not a MenuItem component.");
+				return null;
+			}
+		})
+	}));
 };
-MenuItemGroup.displayName = 'MenuItemGroup';
+MenuItemGroup.displayName = "MenuItemGroup";
+//#endregion
 exports.default = MenuItemGroup;
+
 //# sourceMappingURL=menu-item-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item-group.js","sourceRoot":"","sources":["../../components/menu/menu-item-group.tsx"],"names":[],"mappings":";;;;;AAAA,uDAA0C;AAC1C,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAEjD,iDAA6C;AAC7C,yDAAoD;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,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IACjD,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAA,kBAAU,EAAC,iCAAc,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,iBAAiB,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC1F,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAE7C,OAAO,CACL,sCAAQ,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK;QAC1D,gCACE,SAAS,EAAE,GAAG,SAAS,SAAS,EAChC,KAAK,EAAE;gBACL,WAAW,EAAE,YAAY,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC;aACrD,YACA,KAAK,GACF;QACN,+BAAI,SAAS,EAAE,GAAG,SAAS,QAAQ,YAChC,eAAK,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,eAAK,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,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"menu-item-group.js","names":["ConfigContext","MenuContext","SubMenuContext","getPrefixCls","React"],"sources":["../../components/menu/menu-item-group.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { MenuItemGroupProps, MenuItemProps } from './types';\nimport { MenuContext } from './menu-context';\nimport { SubMenuContext } from './sub-menu-context';\n\nconst MenuItemGroup = (props: MenuItemGroupProps): JSX.Element => {\n  const {\n    index,\n    title,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const { inlineIndent } = useContext(MenuContext);\n  const { level = 1 } = useContext(SubMenuContext);\n  const prefixCls = getPrefixCls('menu-item-group', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n\n  return (\n    <li {...otherProps} key={title} className={cls} style={style}>\n      <div\n        className={`${prefixCls}__title`}\n        style={{\n          paddingLeft: inlineIndent * level - inlineIndent / 2,\n        }}>\n        {title}\n      </div>\n      <ul className={`${prefixCls}__list`}>\n        {React.Children.map(children, (child, idx) => {\n          const childElement = child as React.FunctionComponentElement<MenuItemProps>;\n          if (childElement.type.displayName === 'MenuItem') {\n            const childProps: Partial<MenuItemProps> = {\n              index: `${index}-${idx}`,\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    </li>\n  );\n};\n\nMenuItemGroup.displayName = 'MenuItemGroup';\n\nexport default MenuItemGroup;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,iBAAiB,UAA2C;CAChE,MAAM,EACJ,OACA,OACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,iBAAA,GAAA,MAAA,YAA2BA,uBAAAA,cAAc;CAC/C,MAAM,EAAE,kBAAA,GAAA,MAAA,YAA4BC,qBAAAA,YAAY;CAChD,MAAM,EAAE,QAAQ,OAAA,GAAA,MAAA,YAAiBC,yBAAAA,eAAe;CAChD,MAAM,YAAYC,gBAAAA,aAAa,mBAAmB,cAAc,WAAW,cAAc;CACzF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;AAE5C,QACE,iBAAA,GAAA,MAAA,eAAC,MAAD;EAAI,GAAI;EAAY,KAAK;EAAO,WAAW;EAAY;EAsBlD,EArBH,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,WAAW,GAAG,UAAU;EACxB,OAAO,EACL,aAAa,eAAe,QAAQ,eAAe,GACpD;YACA;EACG,CAAA,EACN,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,WAAW,GAAG,UAAU;YACzBC,MAAAA,QAAM,SAAS,IAAI,WAAW,OAAO,QAAQ;GAC5C,MAAM,eAAe;AACrB,OAAI,aAAa,KAAK,gBAAgB,YAAY;IAChD,MAAM,aAAqC,EACzC,OAAO,GAAG,MAAM,GAAG,OACpB;AACD,WAAOA,MAAAA,QAAM,aAAa,cAAc,WAAW;UAC9C;AACL,YAAQ,KAAK,qDAAqD;AAClE,WAAO;;IAET;EACC,CAAA,CACF;;AAIT,cAAc,cAAc"}

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

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

package/lib/menu/menu-item.js

@@ -1,42 +1,52 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const react_2 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const menu_context_1 = require("./menu-context");
-const sub_menu_context_1 = require("./sub-menu-context");
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_menu_context = require("./menu-context.js");
+const require_sub_menu_context = require("./sub-menu-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+//#region components/menu/menu-item.tsx
 const MenuItem = (props) => {
-    const { disabled = false, index, className, style, children, onClick, prefixCls: customisedCls, ...otherProps } = props;
-    const menuContext = (0, react_2.useContext)(menu_context_1.MenuContext);
-    const subMenuContext = (0, react_2.useContext)(sub_menu_context_1.SubMenuContext);
-    const { inlineIndent, mode } = menuContext;
-    const { level = 1, onMenuItemClick } = subMenuContext;
-    const configContext = (0, react_2.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('menu-item', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(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 ((0, react_1.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));
+	const { disabled = false, index, className, style, children, onClick, prefixCls: customisedCls, ...otherProps } = props;
+	const menuContext = (0, react.useContext)(require_menu_context.MenuContext);
+	const subMenuContext = (0, react.useContext)(require_sub_menu_context.SubMenuContext);
+	const { inlineIndent, mode } = menuContext;
+	const { level = 1, onMenuItemClick } = subMenuContext;
+	const prefixCls = require_general.getPrefixCls("menu-item", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(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 /* @__PURE__ */ (0, react.createElement)("li", {
+		...otherProps,
+		key: index,
+		role: "menuitem",
+		tabIndex: disabled ? -1 : 0,
+		"aria-disabled": disabled || void 0,
+		className: cls,
+		style: {
+			paddingLeft: mode === "inline" ? level * inlineIndent : void 0,
+			...style
+		},
+		onClick: onItemClick,
+		onKeyDown: (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				onItemClick(e);
+			}
+		}
+	}, children);
 };
-MenuItem.displayName = 'MenuItem';
+MenuItem.displayName = "MenuItem";
+//#endregion
 exports.default = MenuItem;
+
 //# sourceMappingURL=menu-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../components/menu/menu-item.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,oEAAoC;AACpC,iDAA6C;AAC7C,yDAAoD;AACpD,sEAAkE;AAClE,+CAAiD;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,IAAA,kBAAU,EAAC,0BAAW,CAAC,CAAC;IAC5C,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,iCAAc,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,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,WAAW,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,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,sCACM,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,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"menu-item.js","names":["MenuContext","SubMenuContext","getPrefixCls","ConfigContext"],"sources":["../../components/menu/menu-item.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { MenuContext } from './menu-context';\nimport { SubMenuContext } from './sub-menu-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { MenuItemProps } from './types';\n\nconst MenuItem = (props: MenuItemProps): JSX.Element => {\n  const {\n    disabled = false,\n    index,\n    className,\n    style,\n    children,\n    onClick,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const menuContext = useContext(MenuContext);\n  const subMenuContext = useContext(SubMenuContext);\n  const { inlineIndent, mode } = menuContext;\n  const { level = 1, onMenuItemClick } = subMenuContext;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('menu-item', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_disabled`]: disabled,\n    [`${prefixCls}_active`]: menuContext.index === index,\n  });\n\n  const onItemClick = (e: React.MouseEvent): void => {\n    if (disabled) {\n      return;\n    }\n\n    onClick && onClick(e);\n    onMenuItemClick && onMenuItemClick();\n    if (menuContext.onSelect && typeof index === 'string') {\n      menuContext.onSelect(index);\n    }\n  };\n\n  return (\n    <li\n      {...otherProps}\n      key={index}\n      role=\"menuitem\"\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled || undefined}\n      className={cls}\n      style={{ paddingLeft: mode === 'inline' ? level * inlineIndent : undefined, ...style }}\n      onClick={onItemClick}\n      onKeyDown={(e: React.KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onItemClick(e as unknown as React.MouseEvent);\n        }\n      }}>\n      {children}\n    </li>\n  );\n};\n\nMenuItem.displayName = 'MenuItem';\n\nexport default MenuItem;\n"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAY,UAAsC;CACtD,MAAM,EACJ,WAAW,OACX,OACA,WACA,OACA,UACA,SACA,WAAW,eACX,GAAG,eACD;CACJ,MAAM,eAAA,GAAA,MAAA,YAAyBA,qBAAAA,YAAY;CAC3C,MAAM,kBAAA,GAAA,MAAA,YAA4BC,yBAAAA,eAAe;CACjD,MAAM,EAAE,cAAc,SAAS;CAC/B,MAAM,EAAE,QAAQ,GAAG,oBAAoB;CAEvC,MAAM,YAAYC,gBAAAA,aAAa,cAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACW,WAAW,cAAc;CACnF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW;GAC1C,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,WAAW,YAAY,UAAU;EAChD,CAAC;CAEF,MAAM,eAAe,MAA8B;AACjD,MAAI,SACF;AAGF,aAAW,QAAQ,EAAE;AACrB,qBAAmB,iBAAiB;AACpC,MAAI,YAAY,YAAY,OAAO,UAAU,SAC3C,aAAY,SAAS,MAAM;;AAI/B,QACE,iBAAA,GAAA,MAAA,eAAC,MAAD;EACE,GAAI;EACJ,KAAK;EACL,MAAK;EACL,UAAU,WAAW,KAAK;EAC1B,iBAAe,YAAY,KAAA;EAC3B,WAAW;EACX,OAAO;GAAE,aAAa,SAAS,WAAW,QAAQ,eAAe,KAAA;GAAW,GAAG;GAAO;EACtF,SAAS;EACT,YAAY,MAA2B;AACrC,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,MAAE,gBAAgB;AAClB,gBAAY,EAAiC;;;EAI9C,EADF,SACE;;AAIT,SAAS,cAAc"}

package/lib/menu/menu.d.ts

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

package/lib/menu/menu.js

@@ -1,45 +1,54 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = tslib_1.__importStar(require("react"));
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const menu_context_1 = require("./menu-context");
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_config_context = require("../config-provider/config-context.js");
+const require_general = require("../_utils/general.js");
+const require_menu_context = require("./menu-context.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/menu/menu.tsx
 const Menu = (props) => {
-    const { defaultIndex = '0', mode = 'horizontal', theme = 'light', inlineIndent = 20, onSelect, className, overlayClassName, style, children, prefixCls: customisedCls, ...otherProps } = props;
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('menu', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className, `${prefixCls}_root`, `${prefixCls}_${theme}`, `${prefixCls}_${mode}`);
-    const [activeIndex, setActiveIndex] = (0, react_1.useState)(defaultIndex);
-    const contextValue = {
-        mode,
-        inlineIndent,
-        index: activeIndex,
-        onSelect: (index) => {
-            setActiveIndex(index);
-            onSelect && onSelect(index);
-        },
-    };
-    return ((0, jsx_runtime_1.jsx)("ul", { ...otherProps, role: "menu", "aria-orientation": mode === 'horizontal' ? 'horizontal' : 'vertical', className: cls, style: style, children: (0, jsx_runtime_1.jsx)(menu_context_1.MenuContext.Provider, { value: contextValue, children: react_1.default.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_1.default.cloneElement(childElement, childProps);
-                }
-                else {
-                    console.warn('Menu has a child that is not a MenuItem component.');
-                    return null;
-                }
-            }) }) }));
+	const { defaultIndex = "0", mode = "horizontal", theme = "light", inlineIndent = 20, onSelect, className, overlayClassName, style, children, prefixCls: customisedCls, ...otherProps } = props;
+	const prefixCls = require_general.getPrefixCls("menu", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, `${prefixCls}_root`, `${prefixCls}_${theme}`, `${prefixCls}_${mode}`);
+	const [activeIndex, setActiveIndex] = (0, react.useState)(defaultIndex);
+	const contextValue = {
+		mode,
+		inlineIndent,
+		index: activeIndex,
+		onSelect: (index) => {
+			setActiveIndex(index);
+			onSelect && onSelect(index);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		...otherProps,
+		role: "menu",
+		"aria-orientation": mode === "horizontal" ? "horizontal" : "vertical",
+		className: cls,
+		style,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu_context.MenuContext.Provider, {
+			value: contextValue,
+			children: react.default.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.default.cloneElement(childElement, childProps);
+				} else {
+					console.warn("Menu has a child that is not a MenuItem component.");
+					return null;
+				}
+			})
+		})
+	});
 };
-Menu.displayName = 'Menu';
+Menu.displayName = "Menu";
+//#endregion
 exports.default = Menu;
+
 //# sourceMappingURL=menu.js.map

package/lib/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../components/menu/menu.tsx"],"names":[],"mappings":";;;;AAAA,uDAAoD;AACpD,oEAAoC;AACpC,iDAA6C;AAC7C,sEAAkE;AAClE,+CAAiD;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,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC/E,MAAM,GAAG,GAAG,IAAA,oBAAU,EACpB,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,IAAA,gBAAQ,EAAS,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,kCAAQ,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,uBAAC,0BAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACtC,eAAK,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,eAAK,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,kBAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.js","names":["getPrefixCls","ConfigContext","MenuContext","React"],"sources":["../../components/menu/menu.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { MenuContext } from './menu-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { MenuItemProps, MenuProps } from './types';\n\nconst Menu = (props: MenuProps): JSX.Element => {\n  const {\n    defaultIndex = '0',\n    mode = 'horizontal',\n    theme = 'light',\n    inlineIndent = 20,\n    onSelect,\n    className,\n    overlayClassName,\n    style,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('menu', configContext.prefixCls, customisedCls);\n  const cls = classNames(\n    prefixCls,\n    className,\n    `${prefixCls}_root`,\n    `${prefixCls}_${theme}`,\n    `${prefixCls}_${mode}`\n  );\n  const [activeIndex, setActiveIndex] = useState<string>(defaultIndex);\n  const contextValue = {\n    mode,\n    inlineIndent,\n    index: activeIndex,\n    onSelect: (index: string): void => {\n      setActiveIndex(index);\n      onSelect && onSelect(index);\n    },\n  };\n\n  return (\n    <ul {...otherProps} role=\"menu\" aria-orientation={mode === 'horizontal' ? 'horizontal' : 'vertical'} className={cls} style={style}>\n      <MenuContext.Provider value={contextValue}>\n        {React.Children.map(children, (child, index) => {\n          const childElement = child as React.FunctionComponentElement<MenuItemProps>;\n          const { displayName } = childElement.type;\n          if (\n            displayName === 'MenuItem' ||\n            displayName === 'SubMenu' ||\n            displayName === 'MenuItemGroup' ||\n            (displayName === 'MenuDivider' && mode !== 'horizontal')\n          ) {\n            const childProps = displayName === 'SubMenu' && overlayClassName\n              ? { index: `${index}`, overlayClassName }\n              : { index: `${index}` };\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      </MenuContext.Provider>\n    </ul>\n  );\n};\n\nMenu.displayName = 'Menu';\n\nexport default Menu;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,QAAQ,UAAkC;CAC9C,MAAM,EACJ,eAAe,KACf,OAAO,cACP,QAAQ,SACR,eAAe,IACf,UACA,WACA,kBACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,OAAA,GAAA,WAAA,SACJ,WACA,WACA,GAAG,UAAU,QACb,GAAG,UAAU,GAAG,SAChB,GAAG,UAAU,GAAG,OACjB;CACD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAAmC,aAAa;CACpE,MAAM,eAAe;EACnB;EACA;EACA,OAAO;EACP,WAAW,UAAwB;AACjC,kBAAe,MAAM;AACrB,eAAY,SAAS,MAAM;;EAE9B;AAED,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EAAI,GAAI;EAAY,MAAK;EAAO,oBAAkB,SAAS,eAAe,eAAe;EAAY,WAAW;EAAY;YAC1H,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,YAAY,UAAb;GAAsB,OAAO;aAC1BC,MAAAA,QAAM,SAAS,IAAI,WAAW,OAAO,UAAU;IAC9C,MAAM,eAAe;IACrB,MAAM,EAAE,gBAAgB,aAAa;AACrC,QACE,gBAAgB,cAChB,gBAAgB,aAChB,gBAAgB,mBACf,gBAAgB,iBAAiB,SAAS,cAC3C;KACA,MAAM,aAAa,gBAAgB,aAAa,mBAC5C;MAAE,OAAO,GAAG;MAAS;MAAkB,GACvC,EAAE,OAAO,GAAG,SAAS;AACzB,YAAOA,MAAAA,QAAM,aAAa,cAAc,WAAW;WAC9C;AACL,aAAQ,KAAK,qDAAqD;AAClE,YAAO;;KAET;GACmB,CAAA;EACpB,CAAA;;AAIT,KAAK,cAAc"}

package/lib/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/lib/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;
+  }
+}