@ant-design/agentic-ui 2.0.15 → 2.0.16

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

@@ -41,7 +41,7 @@ import {
   Tooltip
 } from "chart.js";
 import classNames from "classnames";
-import React, { useContext, useEffect, useRef, useState } from "react";
+import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Scatter } from "react-chartjs-2";
 import ChartStatistic from "../ChartStatistic";
 import {
@@ -50,28 +50,14 @@ import {
   ChartToolBar,
   downloadChart
 } from "../components";
-import {
-  useChartStatistic
-} from "../hooks/useChartStatistic";
+import { defaultColorList } from "../const";
 import { useStyle } from "./style";
 ChartJS.register(LinearScale, PointElement, LineElement, Tooltip, Legend);
-var defaultColors = [
-  { backgroundColor: "#917EF7", borderColor: "#917EF7" },
-  // 第一个颜色：紫色
-  { backgroundColor: "#2AD8FC", borderColor: "#2AD8FC" },
-  // 第二个颜色：蓝色
-  { backgroundColor: "rgba(42, 216, 252, 0.6)", borderColor: "#2AD8FC" },
-  // 第三个颜色：青色
-  { backgroundColor: "rgba(244, 91, 181, 0.6)", borderColor: "#F45BB5" },
-  // 粉色
-  { backgroundColor: "rgba(0, 166, 255, 0.6)", borderColor: "#00A6FF" }
-  // 天蓝色
-];
 var ScatterChart = (_a) => {
   var _b = _a, {
     data,
-    width = 800,
-    height = 600,
+    width = 600,
+    height = 400,
     className,
     title,
     toolbarExtra,
@@ -79,13 +65,15 @@ var ScatterChart = (_a) => {
     dataTime,
     xUnit = "月",
     yUnit,
-    xLabel,
-    yLabel,
+    xAxisLabel,
+    yAxisLabel,
+    xPosition = "bottom",
+    yPosition = "left",
     hiddenX = false,
     hiddenY = false,
-    borderColor,
-    backgroundColor,
-    statistic,
+    showGrid = true,
+    color,
+    statistic: statisticConfig,
     textMaxWidth = 80
   } = _b, props = __objRest(_b, [
     "data",
@@ -98,20 +86,27 @@ var ScatterChart = (_a) => {
     "dataTime",
     "xUnit",
     "yUnit",
-    "xLabel",
-    "yLabel",
+    "xAxisLabel",
+    "yAxisLabel",
+    "xPosition",
+    "yPosition",
     "hiddenX",
     "hiddenY",
-    "borderColor",
-    "backgroundColor",
+    "showGrid",
+    "color",
     "statistic",
     "textMaxWidth"
   ]);
-  var _a2, _b2;
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("scatter-chart");
   const { wrapSSR, hashId } = useStyle(prefixCls);
-  const statisticComponentConfigs = useChartStatistic(statistic);
+  const statistics = useMemo(() => {
+    if (!statisticConfig)
+      return null;
+    if (Array.isArray(statisticConfig) && statisticConfig.length === 0)
+      return null;
+    return Array.isArray(statisticConfig) ? statisticConfig : [statisticConfig];
+  }, [statisticConfig]);
   const [windowWidth, setWindowWidth] = useState(
     typeof window !== "undefined" ? window.innerWidth : 768
   );
@@ -243,16 +238,16 @@ var ScatterChart = (_a) => {
       }
       return { x, y };
     });
-    const safeIndex = Math.max(0, index % defaultColors.length);
-    const safeDefaultColors = defaultColors[safeIndex] || defaultColors[0] || {
-      backgroundColor: "#917EF7",
-      borderColor: "#917EF7"
-    };
+    const providedColor = color;
+    const baseColor = Array.isArray(providedColor) ? providedColor[index % providedColor.length] : providedColor;
+    const safeIndex = Math.max(0, index % defaultColorList.length);
+    const safeDefaultColor = defaultColorList[safeIndex] || "#1677ff";
+    const finalColor = baseColor || safeDefaultColor;
     return {
       label: type || "默认",
       data: coordinates,
-      backgroundColor: backgroundColor || safeDefaultColors.backgroundColor,
-      borderColor: borderColor || safeDefaultColors.borderColor,
+      backgroundColor: `${finalColor}99`,
+      borderColor: finalColor,
       pointRadius: isMobile ? 4 : 6,
       pointHoverRadius: isMobile ? 6 : 8
     };
@@ -275,8 +270,8 @@ var ScatterChart = (_a) => {
       {
         label: "默认",
         data: [{ x: 0, y: 0 }],
-        backgroundColor: ((_a2 = defaultColors[0]) == null ? void 0 : _a2.backgroundColor) || "#917EF7",
-        borderColor: ((_b2 = defaultColors[0]) == null ? void 0 : _b2.borderColor) || "#917EF7",
+        backgroundColor: `${defaultColorList[0] || "#1677ff"}99`,
+        borderColor: defaultColorList[0] || "#1677ff",
         pointRadius: isMobile ? 4 : 6,
         pointHoverRadius: isMobile ? 6 : 8
       }
@@ -333,7 +328,7 @@ var ScatterChart = (_a) => {
         enabled: false,
         // 禁用默认 tooltip
         external: (context) => {
-          var _a3, _b3, _c, _d, _e, _f;
+          var _a2, _b2, _c, _d, _e, _f;
           const { chart, tooltip } = context;
           if (tooltip.opacity === 0) {
             const tooltipEl2 = document.getElementById("custom-scatter-tooltip");
@@ -360,8 +355,8 @@ var ScatterChart = (_a) => {
           }
           let xValue = "", yValue = "";
           try {
-            const rawX = (_a3 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _a3.x;
-            const rawY = (_b3 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _b3.y;
+            const rawX = (_a2 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _a2.x;
+            const rawY = (_b2 = dataPoint == null ? void 0 : dataPoint.parsed) == null ? void 0 : _b2.y;
             if (typeof rawX === "number" && Number.isFinite(rawX)) {
               xValue = String(rawX);
             } else {
@@ -463,11 +458,10 @@ var ScatterChart = (_a) => {
       x: {
         display: !hiddenX,
         type: "linear",
-        position: "bottom",
+        position: xPosition,
         title: {
-          display: true,
-          text: xLabel || "月份",
-          // 使用默认标签
+          display: !!xAxisLabel,
+          text: xAxisLabel || "",
           color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
           font: {
             size: isMobile ? 10 : 12,
@@ -490,6 +484,7 @@ var ScatterChart = (_a) => {
           }
         },
         grid: {
+          display: showGrid,
           color: "rgba(0, 16, 32, 0.0627)",
           lineWidth: 1
         }
@@ -497,11 +492,10 @@ var ScatterChart = (_a) => {
       y: {
         display: !hiddenY,
         type: "linear",
-        position: "right",
+        position: yPosition,
         title: {
-          display: true,
-          text: yLabel || "数值",
-          // 使用默认标签
+          display: !!yAxisLabel,
+          text: yAxisLabel || "",
           color: currentConfig.theme === "light" ? "rgba(0, 25, 61, 0.3255)" : "#fff",
           font: {
             family: "PingFang SC",
@@ -528,6 +522,7 @@ var ScatterChart = (_a) => {
           }
         },
         grid: {
+          display: showGrid,
           color: "rgba(0, 16, 32, 0.0627)",
           lineWidth: 1
         }
@@ -601,14 +596,20 @@ var ScatterChart = (_a) => {
             theme: currentConfig.theme
           })
         ),
-        statisticComponentConfigs && /* @__PURE__ */ React.createElement("div", { style: { marginBottom: 16 } }, statisticComponentConfigs.map((config, index) => /* @__PURE__ */ React.createElement(
-          ChartStatistic,
-          __spreadProps(__spreadValues({
-            key: index
-          }, config), {
-            theme: currentConfig.theme
-          })
-        ))),
+        statistics && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: classNames(`${prefixCls}-statistic-container`, hashId)
+          },
+          statistics.map((config, index) => /* @__PURE__ */ React.createElement(
+            ChartStatistic,
+            __spreadProps(__spreadValues({
+              key: index
+            }, config), {
+              theme: currentConfig.theme
+            })
+          ))
+        ),
         /* @__PURE__ */ React.createElement(
           "div",
           {

package/dist/Plugins/chart/ScatterChart/style.js

@@ -39,6 +39,14 @@ var genStyle = (token) => {
         overflow: "hidden"
         // 防止内容溢出
       },
+      // 统计数据容器样式
+      [`${token.componentCls}-statistic-container`]: {
+        display: "flex",
+        gap: "16px",
+        marginBottom: "16px",
+        flexWrap: "wrap",
+        alignItems: "flex-start"
+      },
       // 确保图表不会超出容器边界
       canvas: {
         maxWidth: "100% !important",

package/dist/Plugins/chart/components/ChartContainer/style.js

@@ -67,12 +67,18 @@ var genStyle = (token) => {
         minHeight: "200px"
       },
       // 统计数据容器样式
-      ".chart-statistic-container": {
+      "&-statistic-container": {
         display: "flex",
         gap: "16px",
         marginBottom: "16px",
         flexWrap: "wrap",
         alignItems: "flex-start"
+      },
+      // 图表包装器样式
+      "&-wrapper": {
+        position: "relative",
+        width: "100%",
+        height: "100%"
       }
     }
   };

package/dist/Plugins/chart/hooks/useChartStatistic.d.ts

@@ -1,9 +1,3 @@
 import { ChartStatisticProps } from '../ChartStatistic';
 export type ChartStatisticConfig = Omit<ChartStatisticProps, 'theme'>;
 export type StatisticConfigType = ChartStatisticConfig | ChartStatisticConfig[];
-/**
- * 通用的 ChartStatistic 组件配置处理 hook
- * @param statisticConfig ChartStatistic 组件配置，支持单个或数组
- * @returns 处理后的配置数组
- */
-export declare const useChartStatistic: (statisticConfig: StatisticConfigType | undefined) => ChartStatisticConfig[] | null;

package/dist/Plugins/chart/hooks/useChartStatistic.js

@@ -1,16 +0,0 @@
-// src/Plugins/chart/hooks/useChartStatistic.ts
-import React from "react";
-var useChartStatistic = (statisticConfig) => {
-  const statisticComponentConfigs = React.useMemo(() => {
-    if (!statisticConfig)
-      return null;
-    if (Array.isArray(statisticConfig)) {
-      return statisticConfig.length > 0 ? statisticConfig : null;
-    }
-    return [statisticConfig];
-  }, [statisticConfig]);
-  return statisticComponentConfigs;
-};
-export {
-  useChartStatistic
-};

package/dist/Workspace/File/PreviewComponent.js

@@ -206,8 +206,9 @@ var PreviewComponent = ({
     processResult == null ? void 0 : processResult.dataSource.mimeType
   );
   const renderPreviewContent = () => {
+    var _a2;
     if (file.loading) {
-      return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-content-loading `, hashId) }, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-content-loading`, hashId) }, /* @__PURE__ */ React.createElement(
         "span",
         {
           className: classNames(`${prefixCls}-content-loading-tip`, hashId)
@@ -219,7 +220,7 @@ var PreviewComponent = ({
         {
           className: classNames(`${prefixCls}-content-loading-inner`, hashId)
         },
-        (file == null ? void 0 : file.content) || "..."
+        ((_a2 = file == null ? void 0 : file.content) == null ? void 0 : _a2.padEnd(1e4, file == null ? void 0 : file.content)) || "...".padEnd(1e4, "...")
       ));
     }
     if (customContent) {

package/dist/Workspace/File/style.js

@@ -88,7 +88,8 @@ var genStyle = (token) => {
             justifyContent: "center"
           },
           [`&-action-btn`]: {
-            color: "rgba(80, 92, 113, 0.42)"
+            cursor: "pointer",
+            transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)"
           },
           // 分组内容区域
           [`&-content`]: {

package/dist/Workspace/RealtimeFollow/style.js

@@ -148,12 +148,7 @@ var genStyle = (token) => {
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          gap: "8px",
-          [`&-extra`]: {
-            "*": {
-              color: "rgba(80, 92, 113, 0.42)"
-            }
-          }
+          gap: "8px"
         }
       },
       [`&--shell`]: {

package/dist/Workspace/style.js

@@ -76,7 +76,8 @@ var genStyle = (token) => {
         "&.ant-segmented:not(.chaos-segmented) .ant-segmented-item .ant-segmented-item-label": {
           height: "100%",
           display: "flex",
-          alignItems: "center"
+          alignItems: "center",
+          justifyContent: "center"
         },
         ".ant-segmented-item": {
           "&:has(.ant-segmented-item-label:empty)": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.0.15",
+  "version": "2.0.16",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",

package/dist/MarkdownInputField/Enlargement/style.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-/**
- * Enlargement组件样式
- * @param prefixCls
- * @returns
- */
-export declare function useStyle(prefixCls?: string): {
-    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
-    hashId: string;
-};

package/dist/MarkdownInputField/Enlargement/style.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/MarkdownInputField/Enlargement/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [`${token.componentCls}`]: {
-      width: "20px",
-      height: "100%",
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "flex-start",
-      paddingTop: "0px",
-      gap: "8px",
-      backgroundColor: "transparent",
-      "&-icon": {
-        width: "20px",
-        height: "20px",
-        color: "var(--color-gray-text-tertiary)",
-        cursor: "pointer",
-        transition: "all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        borderRadius: "var(--radius-control-base)",
-        padding: "4px",
-        "&:hover": {
-          color: "var(--color-gray-text-secondary)",
-          backgroundColor: "var(--color-gray-bg-hover)",
-          transform: "scale(1.1)"
-        },
-        "&:active": {
-          transform: "scale(0.95)"
-        },
-        "&.enlarged": {
-          color: "var(--color-primary)",
-          backgroundColor: "var(--color-primary-bg-hover)"
-        }
-      }
-    }
-  };
-};
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("md-enlargement", (token) => {
-    const enlargementToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
-    });
-    return [resetComponent(enlargementToken), genStyle(enlargementToken)];
-  });
-}
-export {
-  useStyle
-};