@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/index.js

@@ -6,18 +6,18 @@ export * from "./Bubble/List";
 export * from "./Bubble/type";
 export * from "./ChatBoot";
 export * from "./ChatLayout";
-export * from "./components/ActionIconBox";
-export * from "./components/Button";
-export * from "./components/LayoutHeader";
-export * from "./components/Loading";
-export * from "./components/SuggestionList";
-export * from "./components/VisualList";
-export * from "./hooks/useAutoScroll";
-import { useLanguage } from "./hooks/useLanguage";
-export * from "./hooks/useRefFunction";
-export * from "./hooks/useStyle";
-export * from "./hooks/useThrottleFn";
-export * from "./i18n";
+export * from "./Components/ActionIconBox";
+export * from "./Components/Button";
+export * from "./Components/LayoutHeader";
+export * from "./Components/Loading";
+export * from "./Components/SuggestionList";
+export * from "./Components/VisualList";
+export * from "./Hooks/useAutoScroll";
+import { useLanguage } from "./Hooks/useLanguage";
+export * from "./Hooks/useRefFunction";
+export * from "./Hooks/useStyle";
+export * from "./Hooks/useThrottleFn";
+export * from "./I18n";
 export * from "./MarkdownEditor";
 export * from "./MarkdownEditor/editor/components/index";
 export * from "./MarkdownEditor/editor/elements/Table/Table";
@@ -32,7 +32,7 @@ export * from "./MarkdownEditor/editor/utils/markdownToHtml";
 import { default as default2 } from "./Workspace";
 export * from "./AnswerAlert";
 export * from "./BackTo";
-import { ActionItemBox } from "./components/ActionItemBox";
+import { ActionItemBox } from "./Components/ActionItemBox";
 export * from "./History";
 export * from "./MarkdownEditor/editor/utils/htmlToMarkdown";
 export * from "./MarkdownEditor/el";
@@ -42,38 +42,38 @@ export * from "./MarkdownInputField/AttachmentButton";
 import { ActionItemContainer } from "./MarkdownInputField/BeforeToolContainer/BeforeToolContainer";
 export * from "./MarkdownInputField/FileMapView";
 export * from "./MarkdownInputField/MarkdownInputField";
-export * from "./plugins/formatter";
-export * from "./schema";
+export * from "./Plugins/formatter";
+export * from "./Schema";
 export * from "./TaskList";
 export * from "./ThoughtChainList";
 export * from "./ToolUseBar";
 export * from "./Welcome";
 export * from "./Workspace";
-export * from "./components/Robot";
-import { default as default3 } from "./components/Robot";
+export * from "./Components/Robot";
+import { default as default3 } from "./Components/Robot";
 import { default as default4 } from "./Quote";
-export * from "./plugins/chart";
-export * from "./plugins/mermaid";
+export * from "./Plugins/chart";
+export * from "./Plugins/mermaid";
 export * from "./MarkdownEditor/types";
 export * from "./Bubble/types/DocInfo";
 export * from "./ThoughtChainList/types";
 export * from "./History/types";
 export * from "./History/types/HistoryData";
 export * from "./History/types/HistoryList";
-export * from "./schema/types";
+export * from "./Schema/types";
 export * from "./Workspace/types";
 export * from "./MarkdownInputField/AttachmentButton/types";
-export * from "./utils/proxySandbox/ProxySandbox";
-export * from "./utils/proxySandbox/SecurityContextManager";
-export * from "./utils/proxySandbox";
-export * from "./plugins/code/components";
+export * from "./Utils/proxySandbox/ProxySandbox";
+export * from "./Utils/proxySandbox/SecurityContextManager";
+export * from "./Utils/proxySandbox";
+export * from "./Plugins/code/components";
 export * from "./MarkdownEditor/utils/native-table/native-table-editor";
 export * from "./MarkdownEditor/el";
 export * from "./Bubble/MessagesContent/VoiceButton/types";
 export * from "./MarkdownInputField/VoiceInput";
-export * from "./schema/SchemaRenderer/templateEngine";
-export * from "./schema/validator";
-export * from "./utils/proxySandbox";
+export * from "./Schema/SchemaRenderer/templateEngine";
+export * from "./Schema/validator";
+export * from "./Utils/proxySandbox";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList/AttachmentFileListItem";
 export * from "./MarkdownInputField/AttachmentButton/AttachmentFileList";
 export * from "./MarkdownInputField/AttachmentButton/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.10",
+  "version": "2.0.13",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -52,35 +52,35 @@
     "@better-scroll/scroll-bar": "^2.5.1",
     "@juggle/resize-observer": "^3.4.0",
     "@sofa-design/icons": "^1.5.3",
-    "ace-builds": "^1.43.3",
+    "ace-builds": "^1.43.4",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
-    "antd": "^5.27.4",
+    "antd": "^5.27.6",
     "blob-util": "^2.0.2",
-    "chart.js": "^4.5.0",
+    "chart.js": "^4.5.1",
     "chartjs-plugin-datalabels": "^2.2.0",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.3",
     "dayjs": "^1.11.18",
     "diacritics": "^1.3.0",
     "direction": "^1.0.4",
-    "dompurify": "^3.2.7",
+    "dompurify": "^3.3.0",
     "flubber": "^0.4.2",
     "framer-motion": "^11.18.2",
     "is-hotkey": "^0.2.0",
     "json5": "^2.2.3",
-    "katex": "^0.16.23",
+    "katex": "^0.16.25",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "lottie-react": "^2.4.1",
-    "mermaid": "^11.12.0",
+    "mermaid": "^11.12.1",
     "mustache": "^4.2.0",
     "nanoid": "^5.1.6",
     "partial-json": "^0.1.7",
     "querystring": "^0.2.1",
     "rc-resize-observer": "^1.4.3",
     "rc-util": "^5.44.4",
-    "react-chartjs-2": "^5.3.0",
+    "react-chartjs-2": "^5.3.1",
     "react-error-boundary": "^5.0.0",
     "react-resizable-panels": "^2.1.9",
     "react-rnd": "^10.5.2",
@@ -126,13 +126,13 @@
     "@types/react-resizable": "^3.0.8",
     "@types/reveal.js": "^5.2.1",
     "@types/uuid": "^10.0.0",
-    "@umijs/lint": "^4.5.1",
+    "@umijs/lint": "^4.5.3",
     "@vitejs/plugin-react": "^4.7.0",
     "@vitest/coverage-istanbul": "^2.1.9",
     "dumi": "^2.4.21",
     "dumi-theme-antd-style": "^0.31.1",
     "eslint": "^8.57.1",
-    "father": "^4.6.6",
+    "father": "^4.6.7",
     "glob": "^11.0.3",
     "husky": "^8.0.3",
     "jsdom": "^25.0.1",
@@ -146,7 +146,7 @@
     "prettier-plugin-packagejson": "^2.5.19",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "recharts": "^3.2.1",
+    "recharts": "^3.3.0",
     "sast": "^0.8.1",
     "stylelint": "^14.16.1",
     "typescript": "^5.9.3",

package/dist/Bubble/MessagesContent/types.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { TooltipProps } from 'antd';
-/**
- * 聊天项的自定义配置接口
- * @interface CustomConfig
- */
-export interface CustomConfig {
-    /**
-     * 提示框配置
-     * @description 用于配置聊天项中的提示框属性
-     * @optional
-     */
-    TooltipProps?: TooltipProps;
-    /**
-     * 弹出框配置
-     * @description 用于配置聊天项中的弹出框属性
-     */
-    PopoverProps?: {
-        /**
-         * 弹出框标题的样式
-         * @description 用于自定义弹出框标题的样式
-         * @optional
-         */
-        titleStyle?: React.CSSProperties;
-        /**
-         * 弹出框内容的样式
-         * @description 用于自定义弹出框内容的样式
-         * @optional
-         */
-        contentStyle?: React.CSSProperties;
-    };
-}

package/dist/Bubble/before.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import { WhiteBoxProcessInterface } from '../ThoughtChainList';
-import { BubbleProps } from './type';
-type BubbleBeforeNodeProps = {
-    /**
-     * 聊天项的数据
-     */
-    bubble: BubbleProps<{
-        /**
-         * 聊天内容
-         */
-        content: string;
-        /**
-         * 聊天项的唯一标识
-         */
-        uuid: number;
-        /**
-         * 额外信息
-         */
-        extra: {
-            white_box_process: WhiteBoxProcessInterface[] | WhiteBoxProcessInterface;
-            /**
-             * 预设消息
-             */
-            preMessage: {
-                /**
-                 * 预设消息的内容
-                 */
-                content: string;
-            };
-        };
-    }>;
-    className?: string;
-    style?: React.CSSProperties;
-};
-/**
- * BubbleBeforeNode 组件 - 聊天气泡前置节点组件
- *
- * 该组件用于在聊天气泡之前渲染思维链或任务列表节点。
- * 主要用于显示AI的思考过程、工具调用等白盒处理信息。
- *
- * @component
- * @description 聊天气泡前置节点组件，用于显示思维链和任务列表
- * @param {BubbleBeforeNodeProps} props - 组件属性
- * @param {BubbleProps} props.bubble - 聊天气泡数据
- * @param {any} props.bubbleListRef - 气泡列表引用
- *
- * @example
- * ```tsx
- * <BubbleBeforeNode
- *   bubble={bubbleData}
- *   bubbleListRef={listRef}
- * />
- * ```
- *
- * @returns {React.ReactElement|null} 渲染的思维链组件或null
- *
- * @description
- * 渲染条件：
- * - 气泡位置必须为 'left'
- * - 角色不能为 'bot'
- * - 任务列表不为空或配置为始终渲染
- * - 思维链功能已启用
- */
-export declare const BubbleBeforeNode: React.FC<BubbleBeforeNodeProps>;
-export {};

package/dist/Bubble/before.js

@@ -1,75 +0,0 @@
-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));
-
-// src/Bubble/before.tsx
-import React, { useContext, useMemo } from "react";
-import {
-  ThoughtChainList
-} from "../ThoughtChainList";
-import { BubbleConfigContext } from "./BubbleConfigProvide";
-var BubbleBeforeNode = (props) => {
-  const _ = props.bubble;
-  const context = useContext(BubbleConfigContext);
-  const renderResult = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-    if (_.placement !== "left")
-      return null;
-    if (((_a = _.originData) == null ? void 0 : _a.role) === "bot")
-      return null;
-    if (((_b = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _b.enable) === false)
-      return null;
-    const taskList = [(_d = (_c = _ == null ? void 0 : _.originData) == null ? void 0 : _c.extra) == null ? void 0 : _d.white_box_process].flat(
-      2
-    ).filter((item) => item == null ? void 0 : item.info);
-    if (taskList.length < 1 && !((_e = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _e.alwaysRender)) {
-      return null;
-    }
-    if ((_f = context == null ? void 0 : context.thoughtChain) == null ? void 0 : _f.render) {
-      return (context == null ? void 0 : (_g = context.thoughtChain).render).call(_g, _, taskList.join(","));
-    }
-    return /* @__PURE__ */ React.createElement(
-      ThoughtChainList,
-      __spreadProps(__spreadValues({}, context == null ? void 0 : context.thoughtChain), {
-        className: props.className,
-        style: props.style,
-        bubble: __spreadProps(__spreadValues({}, _.originData), {
-          isFinished: ((_h = _.originData) == null ? void 0 : _h.isFinished) || ((_i = _.originData) == null ? void 0 : _i.isAborted)
-        }),
-        finishAutoCollapse: true,
-        thoughtChainList: taskList.length ? taskList : [
-          {
-            info: "理解问题"
-          }
-        ],
-        loading: ((_j = _.originData) == null ? void 0 : _j.content) === "..."
-      })
-    );
-  }, [
-    _.placement,
-    _.originData,
-    context == null ? void 0 : context.thoughtChain,
-    props.className,
-    props.style
-  ]);
-  return renderResult;
-};
-export {
-  BubbleBeforeNode
-};

package/dist/components/ActionIconBox/index.js

@@ -1,157 +0,0 @@
-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/components/ActionIconBox/index.tsx
-import { LoadingOutlined } from "@ant-design/icons";
-import { ConfigProvider, Tooltip } from "antd";
-import cx from "classnames";
-import { useMergedState } from "rc-util";
-import React, { useContext, useEffect, useMemo } from "react";
-import { useStyle } from "./style";
-var ActionIconBox = (props) => {
-  var _a, _b, _c, _d;
-  const [loading, setLoading] = useMergedState(false, {
-    value: props.loading,
-    onChange: props.onLoadingChange
-  });
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("md-editor-action-icon-box");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  useEffect(() => {
-    var _a2;
-    (_a2 = props.onInit) == null ? void 0 : _a2.call(props);
-  }, []);
-  const icon = useMemo(() => {
-    var _a2, _b2, _c2;
-    return loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : React.cloneElement(props.children, __spreadProps(__spreadValues({}, (_a2 = props == null ? void 0 : props.children) == null ? void 0 : _a2.props), {
-      style: __spreadValues(__spreadValues({}, (_c2 = (_b2 = props == null ? void 0 : props.children) == null ? void 0 : _b2.props) == null ? void 0 : _c2.style), props.iconStyle)
-    }));
-  }, [loading, props.loading, props == null ? void 0 : props.iconStyle]);
-  return wrapSSR(
-    props.title ? /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({ title: props.title, mouseEnterDelay: 1 }, props.tooltipProps), /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        "data-testid": props["data-testid"] || "action-icon-box",
-        role: "button",
-        tabIndex: 0,
-        "aria-label": (_a = props.title) == null ? void 0 : _a.toString(),
-        title: (_b = props.title) == null ? void 0 : _b.toString(),
-        className: cx(prefixCls, hashId, props.className, {
-          [`${prefixCls}-danger`]: props.type === "danger",
-          [`${prefixCls}-primary`]: props.type === "primary",
-          [`${prefixCls}-border-less`]: props.borderLess,
-          [`${prefixCls}-active`]: props.active,
-          [`${prefixCls}-transform`]: props.transform,
-          [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
-          [`${prefixCls}-noPadding`]: props.noPadding
-        }),
-        onClick: (e) => __async(void 0, null, function* () {
-          var _a2;
-          e.preventDefault();
-          if (!props.onClick)
-            return;
-          if (loading)
-            return;
-          setLoading(true);
-          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
-          setLoading(false);
-        }),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            if (!props.onClick)
-              return;
-            if (loading)
-              return;
-            props.onClick(e);
-          }
-        },
-        style: props.style
-      },
-      icon,
-      props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
-    )) : /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        "data-testid": props["data-testid"] || "action-icon-box",
-        role: "button",
-        tabIndex: 0,
-        "aria-label": (_c = props.title) == null ? void 0 : _c.toString(),
-        title: (_d = props.title) == null ? void 0 : _d.toString(),
-        className: cx(prefixCls, hashId, props.className, {
-          [`${prefixCls}-danger`]: props.type === "danger",
-          [`${prefixCls}-primary`]: props.type === "primary",
-          [`${prefixCls}-border-less`]: props.borderLess,
-          [`${prefixCls}-active`]: props.active,
-          [`${prefixCls}-transform`]: props.transform,
-          [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
-          [`${prefixCls}-noPadding`]: props.noPadding
-        }),
-        onClick: (e) => __async(void 0, null, function* () {
-          var _a2;
-          e.preventDefault();
-          if (!props.onClick)
-            return;
-          if (loading)
-            return;
-          setLoading(true);
-          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
-          setLoading(false);
-        }),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            if (!props.onClick)
-              return;
-            if (loading)
-              return;
-            props.onClick(e);
-          }
-        },
-        style: props.style
-      },
-      icon,
-      props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
-    )
-  );
-};
-export {
-  ActionIconBox
-};

package/dist/components/ActionIconBox/style.js

@@ -1,117 +0,0 @@
-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));
-
-// src/components/ActionIconBox/style.ts
-import {
-  useEditorStyleRegister
-} from "../../hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      minWidth: 28,
-      minHeight: 28,
-      lineHeight: 1,
-      display: "flex",
-      cursor: "pointer",
-      boxSizing: "border-box",
-      padding: 4,
-      alignItems: "center",
-      gap: 8,
-      justifyContent: "center",
-      borderRadius: "var(--radius-control-sm)",
-      fontSize: "1em",
-      color: "var(--color-gray-text-secondary)",
-      transition: "color 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      "&-title": {
-        font: "var(--font-text-body-base)",
-        letterSpacing: "var(--letter-spacing-body-base, normal)",
-        color: "var(--color-gray-text-default)"
-      },
-      "&-light": {
-        "&:hover": {
-          background: "var(--color-gray-control-fill-active)",
-          boxSizing: "border-box"
-        }
-      },
-      "&-dark": {
-        color: "#fff",
-        "&:hover": {
-          background: "#444",
-          boxSizing: "border-box"
-        }
-      },
-      "&-active": {
-        color: "var(--color-gray-a9)"
-      },
-      "&-noPadding": {
-        padding: 0
-      },
-      "&-standalone": {
-        minWidth: "inherit",
-        minHeight: "inherit",
-        maxHeight: "inherit",
-        padding: "8px 12px",
-        color: "#000000",
-        borderRadius: 18,
-        border: "1px solid var(--color-gray-border-light)",
-        background: `radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%),radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(231, 211, 252, 0.0544) 59%, rgba(235, 255, 245, 0) 100%)`
-      },
-      "&-danger": {
-        "&:hover": {
-          color: token.colorError,
-          background: token.colorErrorBgHover
-        }
-      },
-      "&-primary": {
-        "&:hover": {
-          color: token.colorPrimary,
-          background: token.colorPrimaryBgHover
-        }
-      },
-      "&-border-less": {
-        height: "auto",
-        lineHeight: 1,
-        background: "none!important",
-        "&:hover": {
-          color: token.colorPrimary,
-          background: "none!important"
-        }
-      },
-      "&-transform": {
-        "&:hover": {
-          color: token.colorPrimary,
-          transform: "translateX(8px) scale(1.1)",
-          background: "none"
-        }
-      }
-    }
-  };
-};
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("ActionIconBox", (token) => {
-    const proChatToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
-    });
-    return [genStyle(proChatToken)];
-  });
-}
-export {
-  useStyle
-};