@ant-design/agentic-ui 2.0.0

package/dist/History/components/SearchComponent.js

@@ -0,0 +1,170 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/History/components/SearchComponent.tsx
+import { Input, Spin } from "antd";
+import React, { useContext, useRef, useState } from "react";
+import { ActionIconBox } from "../../components/ActionIconBox";
+import useClickAway from "../../hooks/useClickAway";
+import { useDebounceFn } from "../../hooks/useDebounceFn";
+import { I18nContext } from "../../i18n";
+function SearchIcon(props) {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      xmlnsXlink: "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14"
+    }, props),
+    /* @__PURE__ */ React.createElement("g", { clipPath: "url(#master_svg0_645_36290/645_35767/1_00870)" }, /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M9.693555458984376,10.518662270507813C8.795425458984376,11.237102270507812,7.656175458984375,11.666702270507812,6.416595458984375,11.666702270507812C3.517095458984375,11.666702270507812,1.166595458984375,9.316202270507812,1.166595458984375,6.4167022705078125C1.166595458984375,3.5172022705078123,3.517095458984375,1.1667022705078125,6.416595458984375,1.1667022705078125C9.316095458984375,1.1667022705078125,11.666595458984375,3.5172022705078123,11.666595458984375,6.4167022705078125C11.666595458984375,7.656302270507813,11.236995458984374,8.795562270507812,10.518515458984375,9.693702270507812L12.662395458984374,11.837602270507812C12.771795458984375,11.947002270507813,12.833195458984376,12.095302270507812,12.833195458984376,12.250002270507812C12.833195458984376,12.572202270507812,12.572095458984375,12.833402270507813,12.249895458984374,12.833402270507813C12.095195458984374,12.833402270507813,11.946795458984376,12.771902270507812,11.837395458984375,12.662502270507812L9.693555458984376,10.518662270507813ZM10.499925458984375,6.4167022705078125C10.499925458984375,4.1615422705078124,8.671755458984375,2.3333722705078124,6.416595458984375,2.3333722705078124C4.161435458984375,2.3333722705078124,2.333265458984375,4.1615422705078124,2.333265458984375,6.4167022705078125C2.333265458984375,8.671862270507813,4.161435458984375,10.500032270507813,6.416595458984375,10.500032270507813C8.671755458984375,10.500032270507813,10.499925458984375,8.671862270507813,10.499925458984375,6.4167022705078125Z",
+        fillRule: "evenodd",
+        fill: "currentColor",
+        fillOpacity: "0.3199999928474426"
+      }
+    )))
+  );
+}
+var HistorySearch = ({
+  onSearch,
+  type,
+  searchOptions
+}) => {
+  var _a, _b;
+  const { locale } = useContext(I18nContext);
+  const [loading, setLoading] = useState(false);
+  const [isExpanded, setIsExpanded] = useState(false);
+  const ref = useRef(null);
+  useClickAway(() => {
+    setIsExpanded(false);
+  }, ref);
+  const handleSearchWithLoading = (value) => __async(void 0, null, function* () {
+    try {
+      setLoading(true);
+      yield onSearch == null ? void 0 : onSearch(value);
+    } catch (error) {
+    } finally {
+      setLoading(false);
+    }
+  });
+  const handleToggleSearch = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const handleSearchChange = useDebounceFn(
+    (e) => __async(void 0, null, function* () {
+      const value = e.target.value;
+      handleSearchWithLoading(value);
+    }),
+    360
+  );
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        height: 32,
+        // 固定高度为32px
+        padding: isExpanded ? 0 : "0 6px 0 12px",
+        // 输入框状态下移除padding
+        marginBottom: 4
+      }
+    },
+    isExpanded ? /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        placeholder: (_a = searchOptions == null ? void 0 : searchOptions.placeholder) != null ? _a : type === "task" ? (locale == null ? void 0 : locale["chat.task.search.placeholder"]) || "搜索任务" : (locale == null ? void 0 : locale["chat.history.search.placeholder"]) || "搜索话题",
+        prefix: loading ? /* @__PURE__ */ React.createElement(Spin, { size: "small" }) : /* @__PURE__ */ React.createElement(SearchIcon, null),
+        onChange: (e) => {
+          handleSearchChange.run(e);
+        },
+        style: {
+          width: "100%",
+          height: 32,
+          background: "var(--color-gray-bg-card-light)"
+        },
+        allowClear: true,
+        variant: "filled",
+        autoFocus: true
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          font: "var(--font-text-body-emphasized-sm)",
+          letterSpacing: "var(--letter-spacing-body-emphasized-sm, normal)",
+          color: "var(--color-gray-text-light)",
+          flex: 1
+        }
+      },
+      (_b = searchOptions == null ? void 0 : searchOptions.text) != null ? _b : type === "task" ? (locale == null ? void 0 : locale["chat.history.historyTasks"]) || "历史任务" : (locale == null ? void 0 : locale["chat.history.historyChats"]) || "历史对话"
+    ), /* @__PURE__ */ React.createElement(
+      ActionIconBox,
+      {
+        onClick: handleToggleSearch,
+        title: (locale == null ? void 0 : locale["chat.history.search"]) || "搜索",
+        style: {
+          width: 28,
+          height: 28
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        SearchIcon,
+        {
+          style: {
+            width: 14,
+            height: 14,
+            color: "var(--color-gray-text-secondary)"
+          }
+        }
+      )
+    ))
+  );
+};
+var SearchComponent = HistorySearch;
+export {
+  HistorySearch,
+  SearchComponent
+};

package/dist/History/components/index.d.ts

@@ -0,0 +1,7 @@
+export { HistoryActionsBox } from './HistoryActionsBox';
+export { HistoryItem } from './HistoryItem';
+export { generateHistoryItems } from './HistoryList';
+export { HistoryRunningIcon, HistoryRunningIconContainer, type HistoryRunningIconContainerProps, type HistoryRunningIconProps, } from './HistoryRunningIcon';
+export { HistoryLoadMore } from './LoadMoreComponent';
+export { HistoryNewChat } from './NewChatComponent';
+export { HistorySearch } from './SearchComponent';

package/dist/History/components/index.js

@@ -0,0 +1,21 @@
+// src/History/components/index.ts
+import { HistoryActionsBox } from "./HistoryActionsBox";
+import { HistoryItem } from "./HistoryItem";
+import { generateHistoryItems } from "./HistoryList";
+import {
+  HistoryRunningIcon,
+  HistoryRunningIconContainer
+} from "./HistoryRunningIcon";
+import { HistoryLoadMore } from "./LoadMoreComponent";
+import { HistoryNewChat } from "./NewChatComponent";
+import { HistorySearch } from "./SearchComponent";
+export {
+  HistoryActionsBox,
+  HistoryItem,
+  HistoryLoadMore,
+  HistoryNewChat,
+  HistoryRunningIcon,
+  HistoryRunningIconContainer,
+  HistorySearch,
+  generateHistoryItems
+};

package/dist/History/hooks/useHistory.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { HistoryProps } from '../types';
+import { HistoryDataType } from '../types/HistoryData';
+/**
+ * 历史记录状态管理 Hook
+ */
+export declare const useHistory: (props: HistoryProps) => {
+    open: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    chatList: HistoryDataType[];
+    searchKeyword: string;
+    selectedIds: string[];
+    filteredList: HistoryDataType[];
+    loadHistory: () => Promise<void>;
+    handleFavorite: (sessionId: string, isFavorite: boolean) => Promise<void>;
+    handleSelectionChange: (sessionId: string, checked: boolean) => void;
+    handleSearch: (value: string) => void;
+    handleLoadMore: () => Promise<void>;
+    handleNewChat: () => Promise<void>;
+};

package/dist/History/hooks/useHistory.js

@@ -0,0 +1,136 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/History/hooks/useHistory.ts
+import { useEffect, useState } from "react";
+import { useRefFunction } from "../../index";
+var useHistory = (props) => {
+  const [open, setOpen] = useState(false);
+  const [chatList, setChatList] = useState(() => []);
+  const [searchKeyword, setSearchKeyword] = useState("");
+  const [selectedIds, setSelectedIds] = useState([]);
+  const [filteredList, setFilteredList] = useState([]);
+  const loadHistory = useRefFunction(() => __async(void 0, null, function* () {
+    var _a;
+    const msg = yield (_a = props == null ? void 0 : props.request) == null ? void 0 : _a.call(props, {
+      agentId: props.agentId
+    }).then((msg2) => {
+      return msg2;
+    });
+    setChatList(msg || []);
+  }));
+  useEffect(() => {
+    if (props.actionRef) {
+      props.actionRef.current = {
+        reload: loadHistory
+      };
+    }
+  }, [props.actionRef, loadHistory]);
+  useEffect(() => {
+    var _a, _b;
+    (_a = props.onInit) == null ? void 0 : _a.call(props);
+    (_b = props.onShow) == null ? void 0 : _b.call(props);
+  }, []);
+  useEffect(() => {
+    props.sessionId && setSelectedIds([props.sessionId]);
+    loadHistory();
+  }, [props.sessionId]);
+  useEffect(() => {
+    if (!searchKeyword.trim()) {
+      setFilteredList(chatList);
+    } else {
+      const filtered = chatList.filter((item) => {
+        const title = typeof item.sessionTitle === "string" ? item.sessionTitle : String(item.sessionTitle || "");
+        return title.toLowerCase().includes(searchKeyword.toLowerCase());
+      });
+      setFilteredList(filtered);
+    }
+  }, [chatList, searchKeyword]);
+  const handleFavorite = useRefFunction(
+    (sessionId, isFavorite) => __async(void 0, null, function* () {
+      var _a, _b;
+      yield (_b = (_a = props.agent) == null ? void 0 : _a.onFavorite) == null ? void 0 : _b.call(_a, sessionId, isFavorite);
+      setChatList(
+        (prev) => prev.map(
+          (item) => item.sessionId === sessionId ? __spreadProps(__spreadValues({}, item), { isFavorite }) : item
+        )
+      );
+    })
+  );
+  const handleSelectionChange = useRefFunction(
+    (sessionId, checked) => {
+      var _a, _b;
+      const newSelectedIds = checked ? [...selectedIds, sessionId] : selectedIds.filter((id) => id !== sessionId);
+      setSelectedIds(newSelectedIds);
+      (_b = (_a = props.agent) == null ? void 0 : _a.onSelectionChange) == null ? void 0 : _b.call(_a, newSelectedIds);
+    }
+  );
+  const handleSearch = useRefFunction((value) => {
+    var _a, _b;
+    setSearchKeyword(value);
+    (_b = (_a = props.agent) == null ? void 0 : _a.onSearch) == null ? void 0 : _b.call(_a, value);
+  });
+  const handleLoadMore = useRefFunction(() => __async(void 0, null, function* () {
+    var _a, _b;
+    yield (_b = (_a = props.agent) == null ? void 0 : _a.onLoadMore) == null ? void 0 : _b.call(_a);
+  }));
+  const handleNewChat = useRefFunction(() => __async(void 0, null, function* () {
+    var _a, _b;
+    yield (_b = (_a = props.agent) == null ? void 0 : _a.onNewChat) == null ? void 0 : _b.call(_a);
+    setOpen(false);
+  }));
+  return {
+    open,
+    setOpen,
+    chatList,
+    searchKeyword,
+    selectedIds,
+    filteredList,
+    loadHistory,
+    handleFavorite,
+    handleSelectionChange,
+    handleSearch,
+    handleLoadMore,
+    handleNewChat
+  };
+};
+export {
+  useHistory
+};

package/dist/History/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { HistoryProps } from './types';
+export * from './components';
+export * from './hooks/useHistory';
+export * from './types';
+export * from './types/HistoryData';
+export * from './utils';
+/**
+ * History 组件 - 用于显示和管理聊天历史记录
+ *
+ * @component
+ * @param {Object} props - 组件属性
+ * @param {string} props.agentId - 代理ID，用于获取历史记录
+ * @param {string} props.sessionId - 会话ID，变更时会触发数据重新获取
+ * @param {Function} props.request - 请求函数，用于获取历史数据
+ * @param {Function} [props.onInit] - 组件初始化时的回调函数
+ * @param {Function} [props.onShow] - 组件显示时的回调函数
+ * @param {Function} [props.onSelected] - 选择历史记录项时的回调函数 (已弃用，请使用 onClick)
+ * @param {Function} [props.onDeleteItem] - 删除历史记录项时的回调函数
+ * @param {Function} [props.customDateFormatter] - 日期格式化函数
+ * @param {boolean} [props.standalone] - 是否以独立模式显示，为true时直接显示菜单，否则显示为下拉菜单
+ *
+ * @returns {React.ReactElement|null} 返回历史记录组件或null（当没有历史记录时）
+ *
+ * @description
+ * 该组件提供两种显示模式：
+ * 1. 独立模式 (standalone=true)：直接显示为菜单列表
+ * 2. 下拉菜单模式 (standalone=false)：显示为一个可点击的图标，点击后显示下拉菜单
+ *
+ * 历史记录按日期分组显示，每组内按时间倒序排列。
+ * 支持查看历史会话和删除历史记录。
+ */
+export declare const History: React.FC<HistoryProps>;

package/dist/History/index.js

@@ -0,0 +1,191 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/History/index.tsx
+import { History as HistoryIcon } from "@sofa-design/icons";
+import { ConfigProvider, Popover } from "antd";
+import React, { useContext, useRef } from "react";
+import useClickAway from "../hooks/useClickAway";
+import { ActionIconBox, BubbleConfigContext } from "../index";
+import {
+  HistoryLoadMore,
+  HistoryNewChat,
+  HistorySearch,
+  generateHistoryItems
+} from "./components";
+import { useHistory } from "./hooks/useHistory";
+import GroupMenu from "./menu";
+import { useStyle } from "./style";
+export * from "./components";
+export * from "./hooks/useHistory";
+export * from "./types";
+export * from "./types/HistoryData";
+export * from "./utils";
+var History = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const menuPrefixCls = getPrefixCls("agent-chat-history-menu");
+  const { locale } = useContext(BubbleConfigContext) || {};
+  const containerRef = useRef(null);
+  const { wrapSSR, hashId } = useStyle(menuPrefixCls);
+  const {
+    open,
+    setOpen,
+    searchKeyword,
+    selectedIds,
+    filteredList,
+    loadHistory,
+    handleSelectionChange,
+    handleSearch,
+    handleLoadMore,
+    handleFavorite,
+    handleNewChat
+  } = useHistory(props);
+  useClickAway(() => {
+    setOpen(false);
+  }, containerRef);
+  const items = generateHistoryItems({
+    filteredList,
+    selectedIds,
+    onSelectionChange: handleSelectionChange,
+    onClick: (sessionId, item) => {
+      var _a2, _b2;
+      (_a2 = props.onClick) == null ? void 0 : _a2.call(props, sessionId, item);
+      (_b2 = props.onSelected) == null ? void 0 : _b2.call(props, sessionId);
+      setOpen(false);
+    },
+    groupLabelRender: props.groupLabelRender,
+    customOperationExtra: props.customOperationExtra || [],
+    onDeleteItem: props.onDeleteItem ? (sessionId) => __async(void 0, null, function* () {
+      var _a2;
+      yield (_a2 = props.onDeleteItem) == null ? void 0 : _a2.call(props, sessionId);
+      loadHistory();
+    }) : void 0,
+    onFavorite: handleFavorite,
+    agent: props.agent,
+    extra: props.extra,
+    customDateFormatter: props.customDateFormatter,
+    itemDateFormatter: props.itemDateFormatter,
+    groupBy: props.groupBy,
+    sessionSort: props.sessionSort,
+    type: props.type,
+    runningId: (_a = props.agent) == null ? void 0 : _a.runningId
+  });
+  if (props.standalone) {
+    return wrapSSR(
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 12
+          }
+        },
+        ((_b = props.agent) == null ? void 0 : _b.enabled) && !!((_c = props.agent) == null ? void 0 : _c.onNewChat) && /* @__PURE__ */ React.createElement(HistoryNewChat, { onNewChat: handleNewChat }),
+        ((_d = props.agent) == null ? void 0 : _d.enabled) && !!((_e = props.agent) == null ? void 0 : _e.onSearch) && /* @__PURE__ */ React.createElement(
+          HistorySearch,
+          {
+            searchKeyword,
+            onSearch: handleSearch,
+            type: props.type,
+            searchOptions: (_f = props.agent) == null ? void 0 : _f.searchOptions
+          }
+        ),
+        (_h = (_g = props.slots) == null ? void 0 : _g.beforeHistoryList) == null ? void 0 : _h.call(_g, filteredList),
+        /* @__PURE__ */ React.createElement(
+          GroupMenu,
+          {
+            selectedKeys: [props.sessionId],
+            inlineIndent: 20,
+            items,
+            className: menuPrefixCls
+          }
+        ),
+        ((_i = props.agent) == null ? void 0 : _i.enabled) && !!((_j = props.agent) == null ? void 0 : _j.onLoadMore) && /* @__PURE__ */ React.createElement(
+          HistoryLoadMore,
+          {
+            onLoadMore: handleLoadMore,
+            type: props.type,
+            className: `${menuPrefixCls}-load-more  ${props.type === "task" ? "" : "chat"} ${hashId}`
+          }
+        )
+      )
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    Popover,
+    {
+      open,
+      onOpenChange: setOpen,
+      trigger: "click",
+      className: menuPrefixCls,
+      style: {
+        maxHeight: "min(480px,100%)",
+        overflow: "auto",
+        maxWidth: "min(480px,100%)",
+        borderRadius: "inherit",
+        border: "1px solid var(--color-gray-border-light)"
+      },
+      getPopupContainer: (p) => p.parentElement || document.body,
+      content: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        GroupMenu,
+        {
+          selectedKeys: [props.sessionId],
+          inlineIndent: 20,
+          items,
+          className: menuPrefixCls
+        }
+      ), ((_k = props.agent) == null ? void 0 : _k.enabled) && !!((_l = props.agent) == null ? void 0 : _l.onLoadMore) && /* @__PURE__ */ React.createElement(
+        HistoryLoadMore,
+        {
+          onLoadMore: handleLoadMore,
+          type: props.type,
+          className: `${menuPrefixCls}-load-more ${hashId} ${props.type === "task" ? "" : "chat"}`
+        }
+      ))
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: containerRef,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          width: "max-content",
+          maxWidth: "min(860px,100%)"
+        },
+        "data-testid": "history-button"
+      },
+      /* @__PURE__ */ React.createElement(
+        ActionIconBox,
+        {
+          key: "history",
+          title: (locale == null ? void 0 : locale["chat.history"]) || "历史记录"
+        },
+        /* @__PURE__ */ React.createElement(HistoryIcon, null)
+      )
+    )
+  );
+};
+export {
+  History
+};

package/dist/History/menu.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+export interface MenuItemType {
+    key: string;
+    label: React.ReactNode;
+    type?: 'group' | 'item';
+    children?: MenuItemType[];
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+}
+export interface GroupMenuProps {
+    /** 菜单项列表 - 支持最多双层嵌套 */
+    items?: MenuItemType[];
+    /** 当前选中的键列表 - 兼容 Antd Menu */
+    selectedKeys?: string[];
+    /** 菜单项点击回调 - 兼容 Antd Menu */
+    onSelect?: (info: {
+        key: string;
+    }) => void;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 子组件类名配置 */
+    classNames?: {
+        /** 菜单项类名 */
+        menuItemClassName?: string;
+        /** 激活菜单项类名 */
+        menuItemActiveClassName?: string;
+        /** 禁用菜单项类名 */
+        menuItemDisabledClassName?: string;
+        /** 菜单项内容类名 */
+        menuItemContentClassName?: string;
+        /** 菜单项图标类名 */
+        menuItemIconClassName?: string;
+        /** 子菜单类名 */
+        submenuClassName?: string;
+        /** 子菜单标题类名 */
+        submenuTitleClassName?: string;
+    };
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 缩进像素 */
+    inlineIndent?: number;
+    /** 菜单模式 - 兼容 Antd Menu */
+    mode?: 'vertical' | 'horizontal' | 'inline';
+}
+/**
+ * GroupMenu 组件 - 兼容 Antd Menu API 的自定义菜单组件
+ */
+export declare const GroupMenu: React.FC<GroupMenuProps>;
+export default GroupMenu;