amis-ui 6.11.0-beta.9 → 6.12.0-ab.1

package/esm/components/menu/PanelMenu.js

@@ -0,0 +1,68 @@
+/**
+ * amis-ui v6.12.0-ab.1
+ * Copyright 2018-2025 fex
+ */
+
+import { __assign } from 'tslib';
+import React__default from 'react';
+import { themeable } from 'amis-core';
+import { Item } from 'rc-menu';
+import { MenuContext } from './MenuContext.js';
+import { Icon } from '../icons.js';
+
+/**
+ * @file PanelMenu
+ * @description 导航子菜单
+ * @author fex
+ */
+/**
+ * 面板菜单 菜单项组件
+ */
+function PanelMenuItem(props) {
+    var cx = props.cx, isGroupHeader = props.isGroupHeader, link = props.link, label = props.label;
+    var context = React__default.useContext(MenuContext);
+    var onPanelMenuClick = context.onPanelMenuClick;
+    function onMenuClick(_a) {
+        var domEvent = _a.domEvent, keyPath = _a.keyPath;
+        onPanelMenuClick === null || onPanelMenuClick === void 0 ? void 0 : onPanelMenuClick({ key: props.id || '', domEvent: domEvent, props: props, keyPath: keyPath });
+    }
+    return (
+    // eventKey不传会影响rc-menu构建keyPath，影响父级菜单选中状态
+    React__default.createElement(Item, __assign({ key: props.id, eventKey: props.id }, props, { onClick: onMenuClick }),
+        React__default.createElement("div", { className: cx('Nav-Menu-panel-item') },
+            !!(link === null || link === void 0 ? void 0 : link.icon) && (React__default.createElement("span", { className: cx("Nav-Menu-panel-item__icon-wrapper") },
+                React__default.createElement(Icon, { className: cx("Nav-Menu-panel-item__icon"), icon: link === null || link === void 0 ? void 0 : link.icon }))),
+            React__default.createElement("span", { className: cx('Nav-Menu-panel-item__label', isGroupHeader ? 'is-group-header' : '') }, label))));
+}
+/**
+ * 面板菜单 菜单分组
+ */
+function PanelMenuGroup(props) {
+    var cx = props.cx, _a = props.children, children = _a === void 0 ? [] : _a;
+    return (React__default.createElement("div", { className: cx('Nav-Menu-panel-group') }, children.map(function (child) {
+        var _a;
+        return (React__default.createElement("div", { key: child.id, className: cx('Nav-Menu-panel-group-item') },
+            React__default.createElement("div", { className: cx('Nav-Menu-panel-group-item__header') },
+                React__default.createElement(PanelMenuItem, __assign({ cx: cx }, child, { isGroupHeader: true }))), (_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 :
+            _a.map(function (subChild) { return (React__default.createElement(PanelMenuItem, __assign({ key: subChild.id, cx: cx }, subChild))); })));
+    })));
+}
+/**
+ * 面板菜单 菜单列表
+ */
+function PanelMenuList(props) {
+    var cx = props.cx, _a = props.children, children = _a === void 0 ? [] : _a;
+    return (React__default.createElement("div", { className: cx('Nav-Menu-panel-list') }, children.map(function (child) { return (React__default.createElement(PanelMenuItem, __assign({ key: child.id, cx: cx }, child))); })));
+}
+/**
+ * 面板菜单
+ */
+function PanelMenu(props) {
+    var cx = props.classnames, _a = props.children, children = _a === void 0 ? [] : _a;
+    // 是否有三级菜单
+    var hasThirdLevelMenu = children === null || children === void 0 ? void 0 : children.some(function (child) { var _a; return (_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a.length; });
+    return (React__default.createElement("section", { key: props.id, className: cx('Nav-Menu-panel-wrapper') }, hasThirdLevelMenu ? (React__default.createElement(PanelMenuGroup, { cx: cx, children: children })) : (React__default.createElement(PanelMenuList, { cx: cx, children: children }))));
+}
+var PanelMenu$1 = themeable(PanelMenu);
+
+export { PanelMenu$1 as default };

package/esm/components/menu/SubMenu.d.ts

@@ -42,7 +42,7 @@ export declare class SubMenu extends React.Component<SubMenuProps> {
      * @memberof SubMenu
      */
     internalProps: string[];
-    handleSubmenuTitleActived({ key, domEvent }: MenuItemTitleInfo): void;
+    handleSubmenuTitleActived(menuItemTitleInfo: MenuItemTitleInfo): void;
     /** 检查icon参数值是否为文件路径 */
     isImgPath(raw: string): boolean;
     renderSubMenuTitle(): React.JSX.Element;

package/esm/components/menu/SubMenu.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.11.0-beta.9
+ * amis-ui v6.12.0-ab.1
  * Copyright 2018-2025 fex
  */
 
@@ -49,10 +49,12 @@ var SubMenu = /** @class */ (function (_super) {
         ];
         return _this;
     }
-    SubMenu.prototype.handleSubmenuTitleActived = function (_a) {
-        var key = _a.key, domEvent = _a.domEvent;
-        var _b = this.context, onSubmenuClick = _b.onSubmenuClick, stacked = _b.stacked;
+    SubMenu.prototype.handleSubmenuTitleActived = function (menuItemTitleInfo) {
+        var key = menuItemTitleInfo.key, domEvent = menuItemTitleInfo.domEvent;
+        var _a = this.context, onSubmenuClick = _a.onSubmenuClick, stacked = _a.stacked;
+        var onTitleClick = this.props.onTitleClick;
         stacked && (onSubmenuClick === null || onSubmenuClick === void 0 ? void 0 : onSubmenuClick({ key: key, domEvent: domEvent, props: this.props }));
+        onTitleClick === null || onTitleClick === void 0 ? void 0 : onTitleClick(__assign(__assign({}, menuItemTitleInfo), { keyPath: [key] }));
     };
     /** 检查icon参数值是否为文件路径 */
     SubMenu.prototype.isImgPath = function (raw) {
@@ -99,7 +101,16 @@ var SubMenu = /** @class */ (function (_super) {
         return (React__default.createElement("div", { className: cx('Nav-Menu-item-wrap') },
             React__default.createElement(Badge, { classnames: cx, badge: badge && !isCollapsedNode // 收起模式下 不展示角标
                     ? __assign(__assign({}, badge), { className: badgeClassName }) : null, data: createObject(defaultData, link) },
-                React__default.createElement("a", __assign({ className: cx("Nav-Menu-item-link"), "data-id": (link === null || link === void 0 ? void 0 : link.__id) || id, "data-depth": depth, onDragStart: onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(link) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId(), { href: stacked === false && (link === null || link === void 0 ? void 0 : link.to) }), renderContent())),
+                React__default.createElement("a", __assign({ className: cx("Nav-Menu-item-link"), "data-id": (link === null || link === void 0 ? void 0 : link.__id) || id, "data-depth": depth, onDragStart: onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(link) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId(), { href: stacked === false && (link === null || link === void 0 ? void 0 : link.to), onClick: function (e) {
+                        var _a, _b;
+                        e.preventDefault();
+                        var clickEvent = new MouseEvent('click', {
+                            bubbles: true,
+                            cancelable: true
+                        });
+                        // 这里跳过a标签本身的跳转事件，让它继续传递让rc menu来处理
+                        (_b = (_a = e.target.parentNode) === null || _a === void 0 ? void 0 : _a.dispatchEvent) === null || _b === void 0 ? void 0 : _b.call(_a, clickEvent);
+                    } }), renderContent())),
             extra ? (React__default.createElement("div", { className: cx('Nav-Menu-item-extra') }, extra)) : null));
     };
     SubMenu.prototype.render = function () {