x-ui-design 0.7.75 → 0.7.77

package/dist/esm/types/components/Menu/Menu.d.ts

@@ -12,11 +12,11 @@ export declare const MenuContext: React.Context<{
     toggleOpen: (key: string, level?: "1" | "2") => void;
     onItemClick: (key: string, domEvent?: MouseEvent) => void;
     triggerSubMenuAction?: "hover" | "click";
-    prefixCls: string;
 } | null>;
 declare const ItemGroup: FC<{
     title?: ReactNode;
     children?: ReactNode;
+    prefixCls?: string;
 }>;
 declare const Menu: FC<MenuProps> & {
     Item: typeof MenuItem;

package/dist/index.esm.js

@@ -4427,34 +4427,34 @@ const MenuItem = ({
   danger,
   extra,
   selected,
-  className = ''
+  className = '',
+  prefixCls = prefixClsMenu
 }) => {
-  const ctx = useContext(MenuContext);
-  if (!ctx) {
-    return null;
+  const menuContext = useContext(MenuContext);
+  if (!menuContext) {
+    throw new Error('MenuItem must be used within a Menu');
   }
-  const prefix = ctx?.prefixCls ?? prefixClsMenu;
   const handleClick = e => {
     if (disabled) {
       return;
     }
-    ctx?.onItemClick(itemKey, e);
+    menuContext?.onItemClick(itemKey, e);
   };
   return /*#__PURE__*/React.createElement("li", {
     role: "menuitem",
     title: title,
     onClick: handleClick,
-    className: clsx([`${prefix}-item ${className}`, {
-      [`${prefix}-item-disabled`]: disabled,
-      [`${prefix}-item-selected`]: selected,
-      [`${prefix}-item-danger`]: danger
+    className: clsx([`${prefixCls}-item ${className}`, {
+      [`${prefixCls}-item-disabled`]: disabled,
+      [`${prefixCls}-item-selected`]: selected,
+      [`${prefixCls}-item-danger`]: danger
     }])
   }, icon && /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}-item-icon`
+    className: `${prefixCls}-item-icon`
   }, icon), /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}-item-label`
+    className: `${prefixCls}-item-label`
   }, label), extra && /*#__PURE__*/React.createElement("span", {
-    className: `${prefix}-item-extra`
+    className: `${prefixCls}-item-extra`
   }, extra));
 };
 
@@ -4469,18 +4469,18 @@ const SubMenu = ({
   icon,
   children,
   className = '',
-  level
+  level,
+  prefixCls = prefixClsMenu
 }) => {
-  const ctx = useContext(MenuContext);
-  if (!ctx) {
-    return null;
+  const menuContext = useContext(MenuContext);
+  if (!menuContext) {
+    throw new Error('MenuItem must be used within a Menu');
   }
   const {
-    prefixCls,
     openKeys,
     toggleOpen,
     triggerSubMenuAction
-  } = ctx;
+  } = menuContext;
   const isOpen = openKeys.includes(itemKey);
   const handleClick = useCallback(() => {
     if (triggerSubMenuAction === "click") {
@@ -4524,16 +4524,15 @@ styleInject(css_248z);
 const MenuContext = /*#__PURE__*/createContext(null);
 const ItemGroup = ({
   title,
-  children
+  children,
+  prefixCls
 }) => {
-  const ctx = useContext(MenuContext);
-  const prefix = ctx?.prefixCls ?? prefixClsMenu;
   return /*#__PURE__*/React.createElement("li", {
-    className: `${prefix}-group`
+    className: `${prefixCls}-group`
   }, title && /*#__PURE__*/React.createElement("div", {
-    className: `${prefix}-group-title`
+    className: `${prefixCls}-group-title`
   }, title), /*#__PURE__*/React.createElement("ul", {
-    className: `${prefix}-group-list`
+    className: `${prefixCls}-group-list`
   }, children));
 };
 const Menu = ({
@@ -4609,7 +4608,7 @@ const Menu = ({
       });
     }
   }, [multiple, onClick, onSelect, onDeselect, selectedKeys, selectable, selectedKeysProp]);
-  const ctxValue = useMemo(() => ({
+  const menuContext = useMemo(() => ({
     mode,
     inlineIndent,
     inlineCollapsed,
@@ -4618,10 +4617,10 @@ const Menu = ({
     toggleOpen,
     onItemClick,
     triggerSubMenuAction: _triggerSubMenuActionClick,
-    prefixCls: prefixCls ?? prefixClsMenu
+    prefixCls
   }), [mode, inlineIndent, inlineCollapsed, selectedKeys, openKeys, toggleOpen, onItemClick, _triggerSubMenuActionClick, prefixCls]);
   return /*#__PURE__*/React.createElement(MenuContext.Provider, {
-    value: ctxValue ?? {}
+    value: menuContext
   }, /*#__PURE__*/React.createElement("ul", {
     role: "menu",
     style: style,