@ant-design/agentic-ui 2.0.27 → 2.1.0

package/dist/MarkdownEditor/editor/store.d.ts

@@ -207,6 +207,10 @@ export declare class EditorStore {
      * @private
      */
     private _splitMarkdown;
+    private _collectSeparatorMatches;
+    private _isLineStart;
+    private _matchFence;
+    private _findLineEnd;
     /**
      * 移除节点
      * @param options

package/dist/MarkdownEditor/editor/store.js

@@ -488,7 +488,116 @@ var EditorStore = class {
    * @private
    */
   _splitMarkdown(md, separator) {
-    return md.split(separator).filter(Boolean);
+    if (!md) {
+      return [];
+    }
+    const separatorMatches = this._collectSeparatorMatches(md, separator);
+    if (separatorMatches.length === 0) {
+      return [md];
+    }
+    const chunks = [];
+    let start = 0;
+    let currentMatchIndex = 0;
+    let insideFence = false;
+    let activeFence = null;
+    let index = 0;
+    while (index < md.length) {
+      if (this._isLineStart(md, index)) {
+        const fence = this._matchFence(md, index);
+        if (fence) {
+          if (!insideFence) {
+            insideFence = true;
+            activeFence = fence.marker;
+          } else if (activeFence === fence.marker) {
+            insideFence = false;
+            activeFence = null;
+          }
+          index = fence.end;
+          continue;
+        }
+      }
+      const match = separatorMatches[currentMatchIndex];
+      if (!insideFence && match && index === match.index) {
+        const chunk = md.slice(start, index);
+        if (chunk.length > 0) {
+          chunks.push(chunk);
+        }
+        start = index + match.length;
+        currentMatchIndex += 1;
+        index = start;
+        continue;
+      }
+      index += 1;
+    }
+    const tail = md.slice(start);
+    if (tail.length > 0) {
+      chunks.push(tail);
+    }
+    return chunks.length > 0 ? chunks : [md];
+  }
+  _collectSeparatorMatches(md, separator) {
+    if (typeof separator === "string") {
+      const matches2 = [];
+      let searchIndex = md.indexOf(separator);
+      while (searchIndex !== -1) {
+        matches2.push({ index: searchIndex, length: separator.length });
+        searchIndex = md.indexOf(separator, searchIndex + separator.length);
+      }
+      return matches2;
+    }
+    const flags = separator.flags.includes("g") ? separator.flags : `${separator.flags}g`;
+    const globalRegex = new RegExp(separator.source, flags);
+    const matches = [];
+    let match;
+    while ((match = globalRegex.exec(md)) !== null) {
+      const matchedText = match[0];
+      matches.push({ index: match.index, length: matchedText.length });
+      if (matchedText.length === 0) {
+        globalRegex.lastIndex += 1;
+      }
+    }
+    return matches;
+  }
+  _isLineStart(content, position) {
+    if (position === 0) {
+      return true;
+    }
+    return content[position - 1] === "\n";
+  }
+  _matchFence(content, position) {
+    let cursor = position;
+    let spaces = 0;
+    while (cursor < content.length && content[cursor] === " " && spaces < 3) {
+      cursor += 1;
+      spaces += 1;
+    }
+    if (cursor >= content.length) {
+      return null;
+    }
+    const char = content[cursor];
+    if (char !== "`" && char !== "~") {
+      return null;
+    }
+    let fenceLength = 0;
+    while (cursor < content.length && content[cursor] === char) {
+      cursor += 1;
+      fenceLength += 1;
+    }
+    if (fenceLength < 3) {
+      return null;
+    }
+    const lineEnd = this._findLineEnd(content, cursor);
+    return { marker: char, end: lineEnd };
+  }
+  _findLineEnd(content, position) {
+    let cursor = position;
+    while (cursor < content.length && content[cursor] !== "\n") {
+      cursor += 1;
+    }
+    if (cursor < content.length && content[cursor] === "\n") {
+      return cursor + 1;
+    }
+    return cursor;
   }
   /**
    * 获取当前编辑器内容作为节点列表

package/dist/MarkdownEditor/editor/style.js

@@ -35,6 +35,7 @@ var blinkCaret = new Keyframes("blink-caret", {
   to: { borderColor: "transparent" },
   "50%": { borderColor: "var(--color-primary-control-fill-primary)" }
 });
+var COMMENT_HIGHLIGHT_COLOR = "var(--agentic-comment-highlight-color, rgba(21, 0, 255, 0.15))";
 var genStyle = (token) => {
   return {
     // 拖拽手柄样式
@@ -412,11 +413,11 @@ var genStyle = (token) => {
       },
       "& &-comment-comment": {
         display: "inline-block",
-        background: "linear-gradient(transparent 65%, rgba(21, 0, 255, 0.15))",
+        background: `linear-gradient(transparent 65%, ${COMMENT_HIGHLIGHT_COLOR})`,
         cursor: "pointer"
       },
       "& &-comment-highlight": {
-        backgroundColor: "rgba(21, 0, 255, 0.15)",
+        backgroundColor: COMMENT_HIGHLIGHT_COLOR,
         borderBottom: 0,
         cursor: "pointer"
       },

package/dist/Plugins/chart/AreaChart/index.js

@@ -30,6 +30,7 @@ import {
   PointElement,
   Tooltip
 } from "chart.js";
+import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Line } from "react-chartjs-2";
 import {
@@ -44,6 +45,7 @@ import {
   extractAndSortXValues,
   findDataPointByXValue
 } from "../utils";
+import { useStyle } from "./style";
 ChartJS.register(
   CategoryScale,
   LinearScale,
@@ -111,6 +113,7 @@ var AreaChart = ({
   }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls("area-chart-container");
+  const { wrapSSR, hashId } = useStyle(baseClassName);
   const chartRef = useRef(null);
   const statistics = useMemo(() => {
     if (!statisticConfig)
@@ -321,66 +324,74 @@ var AreaChart = ({
   const handleDownload = () => {
     downloadChart(chartRef.current, "area-chart");
   };
-  return /* @__PURE__ */ React.createElement(
-    ChartContainer,
-    {
-      baseClassName,
-      className,
-      theme,
-      isMobile,
-      variant,
-      style: {
-        width: responsiveWidth,
-        height: responsiveHeight
-      }
-    },
+  return wrapSSR(
     /* @__PURE__ */ React.createElement(
-      ChartToolBar,
+      ChartContainer,
       {
-        title,
+        baseClassName,
+        className,
         theme,
-        onDownload: handleDownload,
-        extra: toolbarExtra,
-        dataTime,
-        filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
-            filterOptions,
-            selectedFilter,
-            onFilterChange: setSelectedFilter
-          }, filterLabels && {
-            customOptions: filteredDataByFilterLabel,
-            selectedCustomSelection: selectedFilterLabel,
-            onSelectionChange: setSelectedFilterLabel
-          }), {
-            theme,
-            variant: "compact"
-          })
-        ) : void 0
-      }
-    ),
-    statistics && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-statistic-container` }, statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))),
-    !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-      ChartFilter,
-      __spreadProps(__spreadValues({
-        filterOptions,
-        selectedFilter,
-        onFilterChange: setSelectedFilter
-      }, filterLabels && {
-        customOptions: filteredDataByFilterLabel,
-        selectedCustomSelection: selectedFilterLabel,
-        onSelectionChange: setSelectedFilterLabel
-      }), {
-        theme
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${baseClassName}-wrapper`,
-        style: { marginTop: "20px", height: responsiveHeight }
+        isMobile,
+        variant,
+        style: {
+          width: responsiveWidth,
+          height: responsiveHeight
+        }
       },
-      /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      /* @__PURE__ */ React.createElement(
+        ChartToolBar,
+        {
+          title,
+          theme,
+          onDownload: handleDownload,
+          extra: toolbarExtra,
+          dataTime,
+          filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
+            ChartFilter,
+            __spreadProps(__spreadValues({
+              filterOptions,
+              selectedFilter,
+              onFilterChange: setSelectedFilter
+            }, filterLabels && {
+              customOptions: filteredDataByFilterLabel,
+              selectedCustomSelection: selectedFilterLabel,
+              onSelectionChange: setSelectedFilterLabel
+            }), {
+              theme,
+              variant: "compact"
+            })
+          ) : void 0
+        }
+      ),
+      statistics && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${baseClassName}-statistic-container`, hashId)
+        },
+        statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))
+      ),
+      !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
+        ChartFilter,
+        __spreadProps(__spreadValues({
+          filterOptions,
+          selectedFilter,
+          onFilterChange: setSelectedFilter
+        }, filterLabels && {
+          customOptions: filteredDataByFilterLabel,
+          selectedCustomSelection: selectedFilterLabel,
+          onSelectionChange: setSelectedFilterLabel
+        }), {
+          theme
+        })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-wrapper`,
+          style: { marginTop: "20px", height: responsiveHeight }
+        },
+        /* @__PURE__ */ React.createElement(Line, { ref: chartRef, data: processedData, options })
+      )
     )
   );
 };

package/dist/Plugins/chart/BarChart/index.js

@@ -20,6 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/Plugins/chart/BarChart/index.tsx
 import { ConfigProvider } from "antd";
+import classNames from "classnames";
 import {
   BarElement,
   CategoryScale,
@@ -43,6 +44,7 @@ import {
   extractAndSortXValues,
   findDataPointByXValue
 } from "../utils";
+import { useStyle } from "./style";
 ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
 var hexToRgba = (hex, alpha) => {
   const sanitized = hex.replace("#", "");
@@ -109,6 +111,7 @@ var BarChart = ({
   }, []);
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls("bar-chart-container");
+  const { wrapSSR, hashId } = useStyle(baseClassName);
   const chartRef = useRef(null);
   const statistics = useMemo(() => {
     if (!statisticConfig)
@@ -621,73 +624,81 @@ var BarChart = ({
   const handleDownload = () => {
     downloadChart(chartRef.current, "bar-chart");
   };
-  return /* @__PURE__ */ React.createElement(
-    ChartContainer,
-    {
-      baseClassName,
-      className,
-      theme,
-      isMobile,
-      variant,
-      style: {
-        width: responsiveWidth,
-        height: responsiveHeight
-      }
-    },
+  return wrapSSR(
     /* @__PURE__ */ React.createElement(
-      ChartToolBar,
+      ChartContainer,
       {
-        title,
+        baseClassName,
+        className,
         theme,
-        onDownload: handleDownload,
-        extra: toolbarExtra,
-        dataTime,
-        filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
-          ChartFilter,
-          __spreadProps(__spreadValues({
-            filterOptions,
-            selectedFilter,
-            onFilterChange: setSelectedFilter
-          }, filterLabels && {
-            customOptions: filteredDataByFilterLabel,
-            selectedCustomSelection: selectedFilterLabel,
-            onSelectionChange: setSelectedFilterLabel
-          }), {
-            theme,
-            variant: "compact"
-          })
-        ) : void 0
-      }
-    ),
-    statistics && /* @__PURE__ */ React.createElement("div", { className: `${baseClassName}-statistic-container` }, statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))),
-    !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-      ChartFilter,
-      __spreadProps(__spreadValues({
-        filterOptions,
-        selectedFilter,
-        onFilterChange: setSelectedFilter
-      }, filterLabels && {
-        customOptions: filteredDataByFilterLabel,
-        selectedCustomSelection: selectedFilterLabel,
-        onSelectionChange: setSelectedFilterLabel
-      }), {
-        theme
-      })
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${baseClassName}-wrapper`,
-        style: { marginTop: "20px", height: responsiveHeight }
+        isMobile,
+        variant,
+        style: {
+          width: responsiveWidth,
+          height: responsiveHeight
+        }
       },
       /* @__PURE__ */ React.createElement(
-        Bar,
+        ChartToolBar,
         {
-          ref: chartRef,
-          data: processedData,
-          options,
-          plugins: [ChartDataLabels]
+          title,
+          theme,
+          onDownload: handleDownload,
+          extra: toolbarExtra,
+          dataTime,
+          filter: renderFilterInToolbar && filterOptions && filterOptions.length > 1 ? /* @__PURE__ */ React.createElement(
+            ChartFilter,
+            __spreadProps(__spreadValues({
+              filterOptions,
+              selectedFilter,
+              onFilterChange: setSelectedFilter
+            }, filterLabels && {
+              customOptions: filteredDataByFilterLabel,
+              selectedCustomSelection: selectedFilterLabel,
+              onSelectionChange: setSelectedFilterLabel
+            }), {
+              theme,
+              variant: "compact"
+            })
+          ) : void 0
         }
+      ),
+      statistics && /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames(`${baseClassName}-statistic-container`, hashId)
+        },
+        statistics.map((config, index) => /* @__PURE__ */ React.createElement(ChartStatistic, __spreadProps(__spreadValues({ key: index }, config), { theme })))
+      ),
+      !renderFilterInToolbar && filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
+        ChartFilter,
+        __spreadProps(__spreadValues({
+          filterOptions,
+          selectedFilter,
+          onFilterChange: setSelectedFilter
+        }, filterLabels && {
+          customOptions: filteredDataByFilterLabel,
+          selectedCustomSelection: selectedFilterLabel,
+          onSelectionChange: setSelectedFilterLabel
+        }), {
+          theme
+        })
+      ),
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `${baseClassName}-wrapper`,
+          style: { marginTop: "20px", height: responsiveHeight }
+        },
+        /* @__PURE__ */ React.createElement(
+          Bar,
+          {
+            ref: chartRef,
+            data: processedData,
+            options,
+            plugins: [ChartDataLabels]
+          }
+        )
       )
     )
   );

package/dist/TaskList/index.js

@@ -6,9 +6,9 @@ import { useMergedState } from "rc-util";
 import React, { memo, useCallback, useContext } from "react";
 import { ActionIconBox } from "../Components/ActionIconBox";
 import { I18nContext } from "../I18n";
-import { LoadingLottie } from "./LoadingLottie";
+import { Loading } from "../Components/Loading";
 import { useStyle } from "./style";
-var LOTTIE_SIZE = 16;
+var LOADING_SIZE = 16;
 var buildClassName = (...args) => classNames(...args);
 var hasTaskContent = (content) => {
   if (Array.isArray(content)) {
@@ -22,7 +22,7 @@ var getArrowRotation = (collapsed) => ({
 var StatusIcon = ({ status, prefixCls, hashId }) => {
   const statusMap = {
     success: /* @__PURE__ */ React.createElement(SuccessFill, null),
-    loading: /* @__PURE__ */ React.createElement(LoadingLottie, { size: LOTTIE_SIZE }),
+    loading: /* @__PURE__ */ React.createElement(Loading, { size: LOADING_SIZE }),
     pending: /* @__PURE__ */ React.createElement("div", { className: buildClassName(`${prefixCls}-status-idle`, hashId) }, /* @__PURE__ */ React.createElement(CircleDashed, null)),
     error: /* @__PURE__ */ React.createElement(X, null)
   };

package/dist/ToolUseBar/ToolUseBarItem.js

@@ -83,52 +83,65 @@ var ToolUseBarItemComponent = ({
       }
     );
   }
-  return /* @__PURE__ */ React.createElement("div", { key: tool.id, "data-testid": "ToolUserItem", className: toolClassName }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: toolBarClassName,
-      "data-testid": "tool-user-item-tool-bar",
-      onClick: handleClick
+      key: tool.id,
+      "data-testid": "ToolUserItem",
+      className: classnames(toolClassName, {
+        [`${prefixCls}-tool-collapsed`]: !showContent
+      })
     },
     /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: toolHeaderClassName,
-        "data-testid": "tool-user-item-tool-header"
+        className: classnames(toolBarClassName, {
+          [`${prefixCls}-tool-bar-collapsed`]: !showContent
+        }),
+        "data-testid": "tool-user-item-tool-bar",
+        onClick: handleClick
       },
-      /* @__PURE__ */ React.createElement(ToolImage, { tool, prefixCls, hashId })
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: toolHeaderClassName,
+          "data-testid": "tool-user-item-tool-header"
+        },
+        /* @__PURE__ */ React.createElement(ToolImage, { tool, prefixCls, hashId })
+      ),
+      /* @__PURE__ */ React.createElement(
+        ToolHeaderRight,
+        {
+          tool,
+          prefixCls,
+          hashId,
+          light
+        }
+      ),
+      /* @__PURE__ */ React.createElement(ToolTime, { tool, prefixCls, hashId }),
+      /* @__PURE__ */ React.createElement(
+        ToolExpand,
+        {
+          showContent,
+          expanded,
+          prefixCls,
+          hashId,
+          onExpandClick: handleExpandClick
+        }
+      )
     ),
     /* @__PURE__ */ React.createElement(
-      ToolHeaderRight,
+      ToolContent,
       {
         tool,
         prefixCls,
         hashId,
-        light
-      }
-    ),
-    /* @__PURE__ */ React.createElement(ToolTime, { tool, prefixCls, hashId }),
-    /* @__PURE__ */ React.createElement(
-      ToolExpand,
-      {
+        light,
         showContent,
-        expanded,
-        prefixCls,
-        hashId,
-        onExpandClick: handleExpandClick
+        expanded
       }
     )
-  ), /* @__PURE__ */ React.createElement(
-    ToolContent,
-    {
-      tool,
-      prefixCls,
-      hashId,
-      light,
-      showContent,
-      expanded
-    }
-  ));
+  );
 };
 var ToolUseBarItem = memo(ToolUseBarItemComponent);
 export {

package/dist/ToolUseBar/ToolUseBarItemComponents.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 // src/ToolUseBar/ToolUseBarItemComponents.tsx
 import { Api, ChevronUp, X } from "@sofa-design/icons";
 import classnames from "classnames";
-import { motion } from "framer-motion";
+import { AnimatePresence, motion } from "framer-motion";
 import React, { memo, useCallback, useMemo } from "react";
 var ToolImageComponent = ({
   tool,
@@ -217,20 +217,65 @@ var ToolContentComponent = ({
   const contentDom = useMemo(() => {
     return tool.content ? /* @__PURE__ */ React.createElement("div", { className: contentClassName }, tool.content) : null;
   }, [tool.content, contentClassName]);
-  const containerElement = useMemo(() => {
-    if (!showContent || !expanded)
-      return null;
+  const contentVariants = useMemo(
+    () => ({
+      expanded: {
+        height: "auto",
+        opacity: 1
+      },
+      collapsed: {
+        height: 0,
+        opacity: 0
+      }
+    }),
+    []
+  );
+  const contentTransition = useMemo(
+    () => ({
+      height: {
+        duration: 0.26,
+        ease: [0.4, 0, 0.2, 1]
+      },
+      opacity: {
+        duration: 0.26,
+        ease: [0.4, 0, 0.2, 1]
+      }
+    }),
+    []
+  );
+  if (!showContent || !expanded) {
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: toolContainerClassName,
-        "data-testid": "tool-user-item-tool-container "
+        style: {
+          overflow: "hidden",
+          height: 1,
+          opacity: 0,
+          visibility: "hidden"
+        },
+        role: "presentation",
+        "aria-hidden": "true"
       },
       contentDom,
       errorDom
     );
-  }, [showContent, expanded, toolContainerClassName, contentDom, errorDom]);
-  return containerElement;
+  }
+  return /* @__PURE__ */ React.createElement(AnimatePresence, { initial: false, mode: "sync" }, expanded ? /* @__PURE__ */ React.createElement(
+    motion.div,
+    {
+      key: "tool-content",
+      className: toolContainerClassName,
+      "data-testid": "tool-user-item-tool-container",
+      variants: contentVariants,
+      initial: "collapsed",
+      animate: "expanded",
+      exit: "collapsed",
+      transition: contentTransition,
+      style: { overflow: "hidden" }
+    },
+    contentDom,
+    errorDom
+  ) : null);
 };
 var ToolContent = memo(ToolContentComponent);
 export {

package/dist/ToolUseBar/style.js

@@ -40,12 +40,13 @@ var genStyle = (token) => {
         border: "var(--color-gray-border-light)",
         boxShadow: "var(--shadow-border-base)",
         minHeight: "20px",
+        backdropFilter: "blur(8px)",
         width: "max-content",
         transition: "padding 0.2s ease",
         display: "flex",
         alignItems: "center",
         flexDirection: "column",
-        gap: "8px",
+        gap: 0,
         zIndex: 1,
         maxWidth: "min(800px,100%)",
         padding: "2px",
@@ -64,6 +65,7 @@ var genStyle = (token) => {
         "&-expanded": {
           borderRadius: "14px",
           padding: 4,
+          gap: 8,
           outline: "none",
           "&:hover": {
             background: "var(--color-gray-bg-card-light)",

package/dist/ToolUseBar/thinkStyle.js

@@ -22,6 +22,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import {
   useEditorStyleRegister
 } from "../Hooks/useStyle";
+var LIGHT_MODE_BACKGROUND = "rgba(255, 255, 255, 0.65)";
+var LIGHT_MODE_BACKDROP_FILTER = "blur(12px)";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {
@@ -69,6 +71,9 @@ var genStyle = (token) => {
         border: "none",
         borderRadius: "14px",
         padding: 4,
+        background: LIGHT_MODE_BACKGROUND,
+        backdropFilter: LIGHT_MODE_BACKDROP_FILTER,
+        WebkitBackdropFilter: LIGHT_MODE_BACKDROP_FILTER,
         "&:hover": {
           background: "none",
           boxShadow: "none",
@@ -226,7 +231,10 @@ var genStyle = (token) => {
           borderLeft: "1px solid var(--color-gray-border-light)",
           paddingLeft: 12,
           marginLeft: 16,
-          marginTop: -10
+          marginTop: -10,
+          background: LIGHT_MODE_BACKGROUND,
+          backdropFilter: LIGHT_MODE_BACKDROP_FILTER,
+          WebkitBackdropFilter: LIGHT_MODE_BACKDROP_FILTER
         }
       },
       "&-container-loading": {

package/dist/Workspace/Task/index.js

@@ -1,5 +1,5 @@
 // src/Workspace/Task/index.tsx
-import LoadingLottie from "../../TaskList/LoadingLottie";
+import { Loading } from "../../Components/Loading";
 import { Check, CircleDashed, OctagonX } from "@sofa-design/icons";
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
@@ -12,7 +12,7 @@ var StatusIcon = ({ status }) => {
     case "error":
       return /* @__PURE__ */ React.createElement(OctagonX, { style: { color: "var(--color-red-control-fill-primary)" } });
     case "loading":
-      return /* @__PURE__ */ React.createElement(LoadingLottie, { style: { color: "var(--color-gray-text-disabled)" } });
+      return /* @__PURE__ */ React.createElement(Loading, { style: { color: "var(--color-gray-text-disabled)" } });
     case "pending":
     default:
       return /* @__PURE__ */ React.createElement(CircleDashed, { style: { color: "var(--color-gray-text-disabled)" } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.27",
+  "version": "2.1.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -27,7 +27,8 @@
     "start": "npm run dev",
     "test": "vitest --run",
     "test:coverage": "vitest --run --coverage",
-    "tsc": "tsc --noEmit"
+    "tsc": "tsc --noEmit",
+    "version": "node scripts/bumpVersion.js"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [

package/dist/TaskList/LoadingLottie/index.d.ts

@@ -1,60 +0,0 @@
-import React from 'react';
-export interface LottieVoiceProps {
-    /**
-     * 是否自动播放动画
-     */
-    autoplay?: boolean;
-    /**
-     * 是否循环播放动画
-     */
-    loop?: boolean;
-    /**
-     * 动画容器类名
-     */
-    className?: string;
-    /**
-     * 动画容器样式
-     */
-    style?: React.CSSProperties;
-    /**
-     * 动画尺寸
-     */
-    size?: number;
-}
-/**
- * LoadingLottie 组件 - Lottie加载动画组件
- *
- * 该组件使用Lottie动画库提供流畅的加载动画效果，支持自定义尺寸、播放控制等。
- * 提供更好的用户体验，替代传统的CSS加载动画。
- *
- * @component
- * @description Lottie加载动画组件，提供流畅的加载动画效果
- * @param {LottieVoiceProps} props - 组件属性
- * @param {boolean} [props.autoplay=true] - 是否自动播放动画
- * @param {boolean} [props.loop=true] - 是否循环播放动画
- * @param {string} [props.className] - 动画容器类名
- * @param {React.CSSProperties} [props.style] - 动画容器样式
- * @param {number} [props.size=32] - 动画尺寸
- *
- * @example
- * ```tsx
- * <LoadingLottie
- *   autoplay={true}
- *   loop={true}
- *   size={48}
- *   className="custom-loading"
- * />
- * ```
- *
- * @returns {React.ReactElement} 渲染的Lottie加载动画组件
- *
- * @remarks
- * - 使用Lottie动画库
- * - 提供流畅的动画效果
- * - 支持自定义尺寸
- * - 支持播放控制
- * - 支持自定义样式
- * - 提供默认的加载动画
- */
-export declare const LoadingLottie: React.FC<LottieVoiceProps>;
-export default LoadingLottie;

package/dist/TaskList/LoadingLottie/index.js

@@ -1,39 +0,0 @@
-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;
-};
-
-// src/TaskList/LoadingLottie/index.tsx
-import Lottie from "lottie-react";
-import React from "react";
-import loadingLottie from "./loading.json";
-var LoadingLottie = ({
-  autoplay = true,
-  loop = true,
-  className,
-  style,
-  size = 32
-}) => {
-  const containerStyle = __spreadValues({
-    width: size,
-    height: size
-  }, style);
-  return /* @__PURE__ */ React.createElement("div", { style: containerStyle, className }, /* @__PURE__ */ React.createElement(Lottie, { animationData: loadingLottie, loop, autoplay }));
-};
-var LoadingLottie_default = LoadingLottie;
-export {
-  LoadingLottie,
-  LoadingLottie_default as default
-};

package/dist/TaskList/LoadingLottie/loading.json

@@ -1,483 +0,0 @@
-{
-  "v": "5.12.2",
-  "fr": 25,
-  "ip": 0,
-  "op": 70,
-  "w": 300,
-  "h": 300,
-  "nm": "loading 2",
-  "ddd": 0,
-  "assets": [],
-  "layers": [
-    {
-      "ddd": 0,
-      "ind": 1,
-      "ty": 4,
-      "nm": "loading",
-      "sr": 1,
-      "ks": {
-        "o": { "a": 0, "k": 100, "ix": 11 },
-        "r": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.667], "y": [1] },
-              "o": { "x": [0.167], "y": [0] },
-              "t": 0,
-              "s": [45]
-            },
-            {
-              "i": { "x": [0.667], "y": [1] },
-              "o": { "x": [0.333], "y": [0] },
-              "t": 15,
-              "s": [45]
-            },
-            {
-              "i": { "x": [0.833], "y": [1] },
-              "o": { "x": [0.333], "y": [0] },
-              "t": 35,
-              "s": [405]
-            },
-            {
-              "i": { "x": [0.833], "y": [1] },
-              "o": { "x": [0.167], "y": [0] },
-              "t": 50,
-              "s": [405]
-            },
-            { "t": 70, "s": [765] }
-          ],
-          "ix": 10
-        },
-        "p": { "a": 0, "k": [150, 150, 0], "ix": 2, "l": 2 },
-        "a": { "a": 0, "k": [0, 0, 0], "ix": 1, "l": 2 },
-        "s": {
-          "a": 1,
-          "k": [
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 0,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 10,
-              "s": [110, 110, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 15,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 25,
-              "s": [80, 80, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 35,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 45,
-              "s": [110, 110, 100]
-            },
-            {
-              "i": { "x": [0.667, 0.667, 0.667], "y": [1, 1, 1] },
-              "o": { "x": [0.333, 0.333, 0.333], "y": [0, 0, 0] },
-              "t": 50,
-              "s": [90, 90, 100]
-            },
-            {
-              "i": { "x": [0.833, 0.833, 0.833], "y": [1, 1, 1] },
-              "o": { "x": [0.167, 0.167, 0.167], "y": [0, 0, 0] },
-              "t": 60,
-              "s": [80, 80, 100]
-            },
-            { "t": 70, "s": [90, 90, 100] }
-          ],
-          "ix": 6,
-          "l": 2
-        }
-      },
-      "ao": 0,
-      "sy": [
-        {
-          "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 5 },
-          "o": { "a": 0, "k": 50, "ix": 2 },
-          "s": { "a": 0, "k": 15, "ix": 11 },
-          "r": { "a": 0, "k": 50, "ix": 12 },
-          "sr": { "a": 0, "k": 1, "ix": 9 },
-          "ch": { "a": 0, "k": 0, "ix": 10 },
-          "bm": { "a": 0, "k": 11, "ix": 1 },
-          "no": { "a": 0, "k": 0, "ix": 3 },
-          "j": { "a": 0, "k": 0, "ix": 13 },
-          "ty": 4,
-          "nm": "内发光"
-        }
-      ],
-      "shapes": [
-        {
-          "ty": "gr",
-          "it": [
-            {
-              "ind": 0,
-              "ty": "sh",
-              "ix": 1,
-              "ks": {
-                "a": 1,
-                "k": [
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 0,
-                    "s": [
-                      {
-                        "i": [
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0],
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0],
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0]
-                        ],
-                        "v": [
-                          [100, -60],
-                          [100, 60],
-                          [60, 100],
-                          [-60, 100],
-                          [-100, 60],
-                          [-100, -60],
-                          [-60, -100],
-                          [60, -100]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 15,
-                    "s": [
-                      {
-                        "i": [
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0],
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0],
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0]
-                        ],
-                        "v": [
-                          [100, -60],
-                          [100, 60],
-                          [60, 100],
-                          [-60, 100],
-                          [-100, 60],
-                          [-100, -60],
-                          [-60, -100],
-                          [60, -100]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 35,
-                    "s": [
-                      {
-                        "i": [
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906],
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906]
-                        ],
-                        "o": [
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906],
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906]
-                        ],
-                        "v": [
-                          [0, -110],
-                          [77.782, -77.782],
-                          [110, 0],
-                          [77.782, 77.782],
-                          [0, 110],
-                          [-77.782, 77.782],
-                          [-110, 0],
-                          [-77.782, -77.782]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "i": { "x": 0.833, "y": 0.833 },
-                    "o": { "x": 0.167, "y": 0.167 },
-                    "t": 50,
-                    "s": [
-                      {
-                        "i": [
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906],
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906]
-                        ],
-                        "o": [
-                          [30.375, 0],
-                          [19.906, 19.906],
-                          [0, 30.375],
-                          [-19.906, 19.906],
-                          [-30.375, 0],
-                          [-19.906, -19.906],
-                          [0, -30.375],
-                          [19.906, -19.906]
-                        ],
-                        "v": [
-                          [0, -110],
-                          [77.782, -77.782],
-                          [110, 0],
-                          [77.782, 77.782],
-                          [0, 110],
-                          [-77.782, 77.782],
-                          [-110, 0],
-                          [-77.782, -77.782]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  },
-                  {
-                    "t": 70,
-                    "s": [
-                      {
-                        "i": [
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0],
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0]
-                        ],
-                        "o": [
-                          [0, 0],
-                          [0, 22.091],
-                          [0, 0],
-                          [-22.091, 0],
-                          [0, 0],
-                          [0, -22.091],
-                          [0, 0],
-                          [22.091, 0]
-                        ],
-                        "v": [
-                          [100, -60],
-                          [100, 60],
-                          [60, 100],
-                          [-60, 100],
-                          [-100, 60],
-                          [-100, -60],
-                          [-60, -100],
-                          [60, -100]
-                        ],
-                        "c": true
-                      }
-                    ]
-                  }
-                ],
-                "ix": 2
-              },
-              "nm": "路径 1",
-              "mn": "ADBE Vector Shape - Group",
-              "hd": false
-            },
-            {
-              "ty": "st",
-              "c": { "a": 0, "k": [1, 1, 1, 1], "ix": 3 },
-              "o": { "a": 0, "k": 100, "ix": 4 },
-              "w": { "a": 0, "k": 0, "ix": 5 },
-              "lc": 1,
-              "lj": 1,
-              "ml": 4,
-              "bm": 0,
-              "nm": "描边 1",
-              "mn": "ADBE Vector Graphic - Stroke",
-              "hd": false
-            },
-            {
-              "ty": "gf",
-              "o": { "a": 0, "k": 100, "ix": 10 },
-              "r": 1,
-              "bm": 0,
-              "g": {
-                "p": 5,
-                "k": {
-                  "a": 1,
-                  "k": [
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 0,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 10,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 15,
-                      "s": [
-                        0, 0.296, 0.388, 1, 0.377, 0.614, 0.665, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 35,
-                      "s": [
-                        0, 0.296, 0.388, 1, 0.377, 0.614, 0.665, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 45,
-                      "s": [
-                        0, 0.296, 0.388, 1, 0.377, 0.614, 0.665, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "i": { "x": 0.833, "y": 0.833 },
-                      "o": { "x": 0.167, "y": 0.167 },
-                      "t": 50,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    },
-                    {
-                      "t": 55,
-                      "s": [
-                        0, 0.843, 0.725, 1, 0.377, 0.888, 0.833, 0.98, 0.753,
-                        0.933, 0.941, 0.961, 0.877, 0.933, 0.941, 0.961, 1,
-                        0.933, 0.941, 0.961, 0, 1, 0.263, 1, 0.526, 1, 0.685,
-                        0.75, 0.844, 0.5, 0.922, 0.75, 1, 1
-                      ]
-                    }
-                  ],
-                  "ix": 9
-                }
-              },
-              "s": { "a": 0, "k": [-95.176, -7.154], "ix": 5 },
-              "e": { "a": 0, "k": [169.105, 83.696], "ix": 6 },
-              "t": 2,
-              "h": { "a": 0, "k": 0, "ix": 7 },
-              "a": { "a": 0, "k": 0, "ix": 8 },
-              "nm": "Gradient Fill 1",
-              "mn": "ADBE Vector Graphic - G-Fill",
-              "hd": false
-            },
-            {
-              "ty": "tr",
-              "p": { "a": 0, "k": [0, 0], "ix": 2 },
-              "a": { "a": 0, "k": [0, 0], "ix": 1 },
-              "s": { "a": 0, "k": [100, 100], "ix": 3 },
-              "r": { "a": 0, "k": 0, "ix": 6 },
-              "o": { "a": 0, "k": 100, "ix": 7 },
-              "sk": { "a": 0, "k": 0, "ix": 4 },
-              "sa": { "a": 0, "k": 0, "ix": 5 },
-              "nm": "变换"
-            }
-          ],
-          "nm": "矩形 2",
-          "np": 3,
-          "cix": 2,
-          "bm": 0,
-          "ix": 1,
-          "mn": "ADBE Vector Group",
-          "hd": false
-        }
-      ],
-      "ip": 0,
-      "op": 125,
-      "st": 0,
-      "ct": 1,
-      "bm": 0
-    }
-  ],
-  "markers": [],
-  "props": {}
-}