@nocobase/plugin-client 0.11.1-alpha.5 → 0.12.0-alpha.2

package/dist/locale/antd/menu/MenuItem.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcMenu = require("rc-menu");
+var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _Sider = require("../layout/Sider");
+var _tooltip = _interopRequireDefault(require("../tooltip"));
+var _reactNode = require("../_util/reactNode");
+var _MenuContext = _interopRequireDefault(require("./MenuContext"));
+const MenuItem = props => {
+  var _a;
+  const {
+    className,
+    children,
+    icon,
+    title,
+    danger
+  } = props;
+  const {
+    prefixCls,
+    firstLevel,
+    direction,
+    disableMenuItemTitleTooltip,
+    inlineCollapsed: isInlineCollapsed
+  } = React.useContext(_MenuContext.default);
+  const renderItemChildren = inlineCollapsed => {
+    const wrapNode = /*#__PURE__*/React.createElement("span", {
+      className: `${prefixCls}-title-content`
+    }, children);
+    // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
+    // ref: https://github.com/ant-design/ant-design/pull/23456
+    if (!icon || (0, _reactNode.isValidElement)(children) && children.type === 'span') {
+      if (children && inlineCollapsed && firstLevel && typeof children === 'string') {
+        return /*#__PURE__*/React.createElement("div", {
+          className: `${prefixCls}-inline-collapsed-noicon`
+        }, children.charAt(0));
+      }
+    }
+    return wrapNode;
+  };
+  const {
+    siderCollapsed
+  } = React.useContext(_Sider.SiderContext);
+  let tooltipTitle = title;
+  if (typeof title === 'undefined') {
+    tooltipTitle = firstLevel ? children : '';
+  } else if (title === false) {
+    tooltipTitle = '';
+  }
+  const tooltipProps = {
+    title: tooltipTitle
+  };
+  if (!siderCollapsed && !isInlineCollapsed) {
+    tooltipProps.title = null;
+    // Reset `open` to fix control mode tooltip display not correct
+    // ref: https://github.com/ant-design/ant-design/issues/16742
+    tooltipProps.open = false;
+  }
+  const childrenLength = (0, _toArray.default)(children).length;
+  let returnNode = /*#__PURE__*/React.createElement(_rcMenu.Item, Object.assign({}, (0, _omit.default)(props, ['title', 'icon', 'danger']), {
+    className: (0, _classnames.default)({
+      [`${prefixCls}-item-danger`]: danger,
+      [`${prefixCls}-item-only-child`]: (icon ? childrenLength + 1 : childrenLength) === 1
+    }, className),
+    title: typeof title === 'string' ? title : undefined
+  }), (0, _reactNode.cloneElement)(icon, {
+    className: (0, _classnames.default)((0, _reactNode.isValidElement)(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', `${prefixCls}-item-icon`)
+  }), renderItemChildren(isInlineCollapsed));
+  if (!disableMenuItemTitleTooltip) {
+    returnNode = /*#__PURE__*/React.createElement(_tooltip.default, Object.assign({}, tooltipProps, {
+      placement: direction === 'rtl' ? 'left' : 'right',
+      overlayClassName: `${prefixCls}-inline-collapsed-tooltip`
+    }), returnNode);
+  }
+  return returnNode;
+};
+var _default = MenuItem;
+exports.default = _default;

package/dist/locale/antd/menu/OverrideContext.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { MenuProps } from './menu';
+export interface OverrideContextProps {
+    prefixCls?: string;
+    expandIcon?: React.ReactNode;
+    mode?: MenuProps['mode'];
+    selectable?: boolean;
+    validator?: (menuProps: Pick<MenuProps, 'mode'>) => void;
+    onClick?: () => void;
+}
+declare const OverrideContext: React.Context<OverrideContextProps | null>;
+export {};

package/dist/locale/antd/menu/OverrideContext.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.OverrideProvider = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Compact = require("../space/Compact");
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+const OverrideContext = /*#__PURE__*/React.createContext(null);
+/** @internal Only used for Dropdown component. Do not use this in your production. */
+const OverrideProvider = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+      children
+    } = props,
+    restProps = __rest(props, ["children"]);
+  const override = React.useContext(OverrideContext);
+  const context = React.useMemo(() => Object.assign(Object.assign({}, override), restProps), [override, restProps.prefixCls,
+  // restProps.expandIcon, Not mark as deps since this is a ReactNode
+  restProps.mode, restProps.selectable
+  // restProps.validator, Not mark as deps since this is a function
+  ]);
+
+  return /*#__PURE__*/React.createElement(OverrideContext.Provider, {
+    value: context
+  }, /*#__PURE__*/React.createElement(_Compact.NoCompactStyle, null, /*#__PURE__*/React.cloneElement(children, {
+    ref
+  })));
+});
+/** @internal Only used for Dropdown component. Do not use this in your production. */
+exports.OverrideProvider = OverrideProvider;
+var _default = OverrideContext;
+exports.default = _default;

package/dist/locale/antd/menu/SubMenu.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { MenuTheme } from './MenuContext';
+interface TitleEventEntity {
+    key: string;
+    domEvent: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
+}
+export interface SubMenuProps {
+    className?: string;
+    disabled?: boolean;
+    level?: number;
+    title?: React.ReactNode;
+    icon?: React.ReactNode;
+    style?: React.CSSProperties;
+    onTitleClick?: (e: TitleEventEntity) => void;
+    onTitleMouseEnter?: (e: TitleEventEntity) => void;
+    onTitleMouseLeave?: (e: TitleEventEntity) => void;
+    popupOffset?: [number, number];
+    popupClassName?: string;
+    children?: React.ReactNode;
+    theme?: MenuTheme;
+}
+declare const SubMenu: React.FC<SubMenuProps>;
+export default SubMenu;

package/dist/locale/antd/menu/SubMenu.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcMenu = require("rc-menu");
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _reactNode = require("../_util/reactNode");
+var _MenuContext = _interopRequireDefault(require("./MenuContext"));
+const SubMenu = props => {
+  var _a;
+  const {
+    popupClassName,
+    icon,
+    title,
+    theme: customTheme
+  } = props;
+  const context = React.useContext(_MenuContext.default);
+  const {
+    prefixCls,
+    inlineCollapsed,
+    theme: contextTheme
+  } = context;
+  const parentPath = (0, _rcMenu.useFullPath)();
+  let titleNode;
+  if (!icon) {
+    titleNode = inlineCollapsed && !parentPath.length && title && typeof title === 'string' ? /*#__PURE__*/React.createElement("div", {
+      className: `${prefixCls}-inline-collapsed-noicon`
+    }, title.charAt(0)) : /*#__PURE__*/React.createElement("span", {
+      className: `${prefixCls}-title-content`
+    }, title);
+  } else {
+    // inline-collapsed.md demo 依赖 span 来隐藏文字,有 icon 属性，则内部包裹一个 span
+    // ref: https://github.com/ant-design/ant-design/pull/23456
+    const titleIsSpan = (0, _reactNode.isValidElement)(title) && title.type === 'span';
+    titleNode = /*#__PURE__*/React.createElement(React.Fragment, null, (0, _reactNode.cloneElement)(icon, {
+      className: (0, _classnames.default)((0, _reactNode.isValidElement)(icon) ? (_a = icon.props) === null || _a === void 0 ? void 0 : _a.className : '', `${prefixCls}-item-icon`)
+    }), titleIsSpan ? title : /*#__PURE__*/React.createElement("span", {
+      className: `${prefixCls}-title-content`
+    }, title));
+  }
+  const contextValue = React.useMemo(() => Object.assign(Object.assign({}, context), {
+    firstLevel: false
+  }), [context]);
+  return /*#__PURE__*/React.createElement(_MenuContext.default.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(_rcMenu.SubMenu, Object.assign({}, (0, _omit.default)(props, ['icon']), {
+    title: titleNode,
+    popupClassName: (0, _classnames.default)(prefixCls, popupClassName, `${prefixCls}-${customTheme || contextTheme}`)
+  })));
+};
+var _default = SubMenu;
+exports.default = _default;

package/dist/locale/antd/menu/hooks/useItems.d.ts

@@ -0,0 +1,26 @@
+import type { MenuDividerType as RcMenuDividerType, MenuItemGroupType as RcMenuItemGroupType, MenuItemType as RcMenuItemType, SubMenuType as RcSubMenuType } from 'rc-menu/lib/interface';
+import * as React from 'react';
+export interface MenuItemType extends RcMenuItemType {
+    danger?: boolean;
+    icon?: React.ReactNode;
+    title?: string;
+}
+export interface SubMenuType<T extends MenuItemType = MenuItemType> extends Omit<RcSubMenuType, 'children'> {
+    icon?: React.ReactNode;
+    theme?: 'dark' | 'light';
+    children: ItemType<T>[];
+}
+export interface MenuItemGroupType<T extends MenuItemType = MenuItemType> extends Omit<RcMenuItemGroupType, 'children'> {
+    children?: ItemType<T>[];
+    key?: React.Key;
+}
+export interface MenuDividerType extends RcMenuDividerType {
+    dashed?: boolean;
+    key?: React.Key;
+}
+export type ItemType<T extends MenuItemType = MenuItemType> = T | SubMenuType<T> | MenuItemGroupType<T> | MenuDividerType | null;
+/**
+ * We simply convert `items` to ReactNode for reuse origin component logic. But we need move all the
+ * logic from component into this hooks when in v5
+ */
+export default function useItems(items?: ItemType[]): (React.JSX.Element | null)[] | undefined;

package/dist/locale/antd/menu/hooks/useItems.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useItems;
+var _rcMenu = require("rc-menu");
+var React = _interopRequireWildcard(require("react"));
+var _MenuDivider = _interopRequireDefault(require("../MenuDivider"));
+var _MenuItem = _interopRequireDefault(require("../MenuItem"));
+var _SubMenu = _interopRequireDefault(require("../SubMenu"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+function convertItemsToNodes(list) {
+  return (list || []).map((opt, index) => {
+    if (opt && typeof opt === 'object') {
+      const _a = opt,
+        {
+          label,
+          children,
+          key,
+          type
+        } = _a,
+        restProps = __rest(_a, ["label", "children", "key", "type"]);
+      const mergedKey = key !== null && key !== void 0 ? key : `tmp-${index}`;
+      // MenuItemGroup & SubMenuItem
+      if (children || type === 'group') {
+        if (type === 'group') {
+          // Group
+          return /*#__PURE__*/React.createElement(_rcMenu.ItemGroup, Object.assign({
+            key: mergedKey
+          }, restProps, {
+            title: label
+          }), convertItemsToNodes(children));
+        }
+        // Sub Menu
+        return /*#__PURE__*/React.createElement(_SubMenu.default, Object.assign({
+          key: mergedKey
+        }, restProps, {
+          title: label
+        }), convertItemsToNodes(children));
+      }
+      // MenuItem & Divider
+      if (type === 'divider') {
+        return /*#__PURE__*/React.createElement(_MenuDivider.default, Object.assign({
+          key: mergedKey
+        }, restProps));
+      }
+      return /*#__PURE__*/React.createElement(_MenuItem.default, Object.assign({
+        key: mergedKey
+      }, restProps), label);
+    }
+    return null;
+  }).filter(opt => opt);
+}
+// FIXME: Move logic here in v5
+/**
+ * We simply convert `items` to ReactNode for reuse origin component logic. But we need move all the
+ * logic from component into this hooks when in v5
+ */
+function useItems(items) {
+  return React.useMemo(() => {
+    if (!items) {
+      return items;
+    }
+    return convertItemsToNodes(items);
+  }, [items]);
+}

package/dist/locale/antd/menu/index.d.ts

@@ -0,0 +1,32 @@
+import type { MenuRef as RcMenuRef } from 'rc-menu';
+import { ItemGroup } from 'rc-menu';
+import * as React from 'react';
+import type { MenuTheme } from './MenuContext';
+import MenuDivider from './MenuDivider';
+import Item, { type MenuItemProps } from './MenuItem';
+import SubMenu, { type SubMenuProps } from './SubMenu';
+import type { ItemType, MenuItemType } from './hooks/useItems';
+import type { MenuProps } from './menu';
+export type { MenuItemGroupProps } from 'rc-menu';
+export type { MenuDividerProps } from './MenuDivider';
+export type { MenuItemProps, MenuProps, MenuTheme, SubMenuProps };
+export type MenuRef = {
+    menu: RcMenuRef | null;
+    focus: (options?: FocusOptions) => void;
+};
+type ComponentProps = MenuProps & React.RefAttributes<MenuRef>;
+type GenericItemType<T = unknown> = T extends infer U extends MenuItemType ? unknown extends U ? ItemType : ItemType<U> : ItemType;
+type GenericComponentProps<T = unknown> = Omit<ComponentProps, 'items'> & {
+    items?: GenericItemType<T>[];
+};
+type CompoundedComponent = React.ForwardRefExoticComponent<GenericComponentProps> & {
+    Item: typeof Item;
+    SubMenu: typeof SubMenu;
+    Divider: typeof MenuDivider;
+    ItemGroup: typeof ItemGroup;
+};
+interface GenericComponent extends Omit<CompoundedComponent, ''> {
+    <T extends MenuItemType>(props: GenericComponentProps<T>): ReturnType<CompoundedComponent>;
+}
+declare const Menu: GenericComponent;
+export default Menu;

package/dist/locale/antd/menu/index.js

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _rcMenu = require("rc-menu");
+var React = _interopRequireWildcard(require("react"));
+var _Sider = require("../layout/Sider");
+var _MenuDivider = _interopRequireDefault(require("./MenuDivider"));
+var _MenuItem = _interopRequireDefault(require("./MenuItem"));
+var _SubMenu = _interopRequireDefault(require("./SubMenu"));
+var _menu = _interopRequireDefault(require("./menu"));
+const Menu = /*#__PURE__*/(0, React.forwardRef)((props, ref) => {
+  const menuRef = (0, React.useRef)(null);
+  const context = React.useContext(_Sider.SiderContext);
+  (0, React.useImperativeHandle)(ref, () => ({
+    menu: menuRef.current,
+    focus: options => {
+      var _a;
+      (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.focus(options);
+    }
+  }));
+  return /*#__PURE__*/React.createElement(_menu.default, Object.assign({
+    ref: menuRef
+  }, props, context));
+});
+Menu.Item = _MenuItem.default;
+Menu.SubMenu = _SubMenu.default;
+Menu.Divider = _MenuDivider.default;
+Menu.ItemGroup = _rcMenu.ItemGroup;
+if (process.env.NODE_ENV !== 'production') {
+  Menu.displayName = 'Menu';
+}
+var _default = Menu;
+exports.default = _default;

package/dist/locale/antd/menu/menu.d.ts

@@ -0,0 +1,19 @@
+import type { MenuProps as RcMenuProps, MenuRef as RcMenuRef } from 'rc-menu';
+import * as React from 'react';
+import type { SiderContextProps } from '../layout/Sider';
+import type { MenuTheme } from './MenuContext';
+import type { ItemType } from './hooks/useItems';
+export interface MenuProps extends Omit<RcMenuProps, 'items'> {
+    theme?: MenuTheme;
+    inlineIndent?: number;
+    /**
+     * @private Internal Usage. Not promise crash if used in production. Connect with chenshuai2144
+     *   for removing.
+     */
+    _internalDisableMenuItemTitleTooltip?: boolean;
+    items?: ItemType[];
+}
+declare const InternalMenu: React.ForwardRefExoticComponent<MenuProps & SiderContextProps & {
+    collapsedWidth?: string | number | undefined;
+} & React.RefAttributes<RcMenuRef>>;
+export default InternalMenu;

package/dist/locale/antd/menu/menu.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _EllipsisOutlined = _interopRequireDefault(require("@ant-design/icons/EllipsisOutlined"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _rcMenu = _interopRequireDefault(require("rc-menu"));
+var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var React = _interopRequireWildcard(require("react"));
+var _motion = _interopRequireDefault(require("../_util/motion"));
+var _reactNode = require("../_util/reactNode");
+var _warning = _interopRequireDefault(require("../_util/warning"));
+var _configProvider = require("../config-provider");
+var _MenuContext = _interopRequireDefault(require("./MenuContext"));
+var _OverrideContext = _interopRequireDefault(require("./OverrideContext"));
+var _useItems = _interopRequireDefault(require("./hooks/useItems"));
+var _style = _interopRequireDefault(require("./style"));
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+const InternalMenu = /*#__PURE__*/(0, React.forwardRef)((props, ref) => {
+  var _a, _b;
+  const override = React.useContext(_OverrideContext.default);
+  const overrideObj = override || {};
+  const {
+    getPrefixCls,
+    getPopupContainer,
+    direction,
+    menu
+  } = React.useContext(_configProvider.ConfigContext);
+  const rootPrefixCls = getPrefixCls();
+  const {
+      prefixCls: customizePrefixCls,
+      className,
+      style,
+      theme = 'light',
+      expandIcon,
+      _internalDisableMenuItemTitleTooltip,
+      inlineCollapsed,
+      siderCollapsed,
+      items,
+      children,
+      rootClassName,
+      mode,
+      selectable,
+      onClick,
+      overflowedIndicatorPopupClassName
+    } = props,
+    restProps = __rest(props, ["prefixCls", "className", "style", "theme", "expandIcon", "_internalDisableMenuItemTitleTooltip", "inlineCollapsed", "siderCollapsed", "items", "children", "rootClassName", "mode", "selectable", "onClick", "overflowedIndicatorPopupClassName"]);
+  const passedProps = (0, _omit.default)(restProps, ['collapsedWidth']);
+  // ========================= Items ===========================
+  const mergedChildren = (0, _useItems.default)(items) || children;
+  // ======================== Warning ==========================
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(!('inlineCollapsed' in props && mode !== 'inline'), 'Menu', '`inlineCollapsed` should only be used when `mode` is inline.') : void 0;
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(!(props.siderCollapsed !== undefined && 'inlineCollapsed' in props), 'Menu', '`inlineCollapsed` not control Menu under Sider. Should set `collapsed` on Sider instead.') : void 0;
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)('items' in props && !children, 'Menu', '`children` will be removed in next major version. Please use `items` instead.') : void 0;
+  (_a = overrideObj.validator) === null || _a === void 0 ? void 0 : _a.call(overrideObj, {
+    mode
+  });
+  // ========================== Click ==========================
+  // Tell dropdown that item clicked
+  const onItemClick = (0, _useEvent.default)(function () {
+    var _a;
+    onClick === null || onClick === void 0 ? void 0 : onClick.apply(void 0, arguments);
+    (_a = overrideObj.onClick) === null || _a === void 0 ? void 0 : _a.call(overrideObj);
+  });
+  // ========================== Mode ===========================
+  const mergedMode = overrideObj.mode || mode;
+  // ======================= Selectable ========================
+  const mergedSelectable = selectable !== null && selectable !== void 0 ? selectable : overrideObj.selectable;
+  // ======================== Collapsed ========================
+  // Inline Collapsed
+  const mergedInlineCollapsed = React.useMemo(() => {
+    if (siderCollapsed !== undefined) {
+      return siderCollapsed;
+    }
+    return inlineCollapsed;
+  }, [inlineCollapsed, siderCollapsed]);
+  const defaultMotions = {
+    horizontal: {
+      motionName: `${rootPrefixCls}-slide-up`
+    },
+    inline: (0, _motion.default)(rootPrefixCls),
+    other: {
+      motionName: `${rootPrefixCls}-zoom-big`
+    }
+  };
+  const prefixCls = getPrefixCls('menu', customizePrefixCls || overrideObj.prefixCls);
+  const [wrapSSR, hashId] = (0, _style.default)(prefixCls, !override);
+  const menuClassName = (0, _classnames.default)(`${prefixCls}-${theme}`, menu === null || menu === void 0 ? void 0 : menu.className, className);
+  // ====================== Expand Icon ========================
+  let mergedExpandIcon;
+  if (typeof expandIcon === 'function') {
+    mergedExpandIcon = expandIcon;
+  } else {
+    const beClone = expandIcon || overrideObj.expandIcon;
+    mergedExpandIcon = (0, _reactNode.cloneElement)(beClone, {
+      className: (0, _classnames.default)(`${prefixCls}-submenu-expand-icon`, (_b = beClone === null || beClone === void 0 ? void 0 : beClone.props) === null || _b === void 0 ? void 0 : _b.className)
+    });
+  }
+  // ======================== Context ==========================
+  const contextValue = React.useMemo(() => ({
+    prefixCls,
+    inlineCollapsed: mergedInlineCollapsed || false,
+    direction,
+    firstLevel: true,
+    theme,
+    mode: mergedMode,
+    disableMenuItemTitleTooltip: _internalDisableMenuItemTitleTooltip
+  }), [prefixCls, mergedInlineCollapsed, direction, _internalDisableMenuItemTitleTooltip, theme]);
+  // ========================= Render ==========================
+  return wrapSSR( /*#__PURE__*/React.createElement(_OverrideContext.default.Provider, {
+    value: null
+  }, /*#__PURE__*/React.createElement(_MenuContext.default.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(_rcMenu.default, Object.assign({
+    getPopupContainer: getPopupContainer,
+    overflowedIndicator: /*#__PURE__*/React.createElement(_EllipsisOutlined.default, null),
+    overflowedIndicatorPopupClassName: (0, _classnames.default)(prefixCls, `${prefixCls}-${theme}`, overflowedIndicatorPopupClassName),
+    mode: mergedMode,
+    selectable: mergedSelectable,
+    onClick: onItemClick
+  }, passedProps, {
+    inlineCollapsed: mergedInlineCollapsed,
+    style: Object.assign(Object.assign({}, menu === null || menu === void 0 ? void 0 : menu.style), style),
+    className: menuClassName,
+    prefixCls: prefixCls,
+    direction: direction,
+    defaultMotions: defaultMotions,
+    expandIcon: mergedExpandIcon,
+    ref: ref,
+    rootClassName: (0, _classnames.default)(rootClassName, hashId)
+  }), mergedChildren))));
+});
+var _default = InternalMenu;
+exports.default = _default;

package/dist/locale/antd/menu/style/horizontal.d.ts

@@ -0,0 +1,4 @@
+import type { MenuToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const getHorizontalStyle: GenerateStyle<MenuToken>;
+export default getHorizontalStyle;

package/dist/locale/antd/menu/style/horizontal.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const getHorizontalStyle = token => {
+  const {
+    componentCls,
+    motionDurationSlow,
+    horizontalLineHeight,
+    colorSplit,
+    lineWidth,
+    lineType,
+    itemPaddingInline
+  } = token;
+  return {
+    [`${componentCls}-horizontal`]: {
+      lineHeight: horizontalLineHeight,
+      border: 0,
+      borderBottom: `${lineWidth}px ${lineType} ${colorSplit}`,
+      boxShadow: 'none',
+      '&::after': {
+        display: 'block',
+        clear: 'both',
+        height: 0,
+        content: '"\\20"'
+      },
+      // ======================= Item =======================
+      [`${componentCls}-item, ${componentCls}-submenu`]: {
+        position: 'relative',
+        display: 'inline-block',
+        verticalAlign: 'bottom',
+        paddingInline: itemPaddingInline
+      },
+      [`> ${componentCls}-item:hover,
+        > ${componentCls}-item-active,
+        > ${componentCls}-submenu ${componentCls}-submenu-title:hover`]: {
+        backgroundColor: 'transparent'
+      },
+      [`${componentCls}-item, ${componentCls}-submenu-title`]: {
+        transition: [`border-color ${motionDurationSlow}`, `background ${motionDurationSlow}`].join(',')
+      },
+      // ===================== Sub Menu =====================
+      [`${componentCls}-submenu-arrow`]: {
+        display: 'none'
+      }
+    }
+  };
+};
+var _default = getHorizontalStyle;
+exports.default = _default;