@ant-design/agentic-ui 2.0.14 → 2.0.15

package/dist/MarkdownInputField/AttachmentButton/utils.d.ts

@@ -1,12 +1,20 @@
 /**
  * 将KB转换为可读的文件大小格式
+ * 支持从字节（B）到TB的所有单位，最小单位为B
  *
  * @param {number} kb - 文件大小（KB）
  * @returns {string} 格式化后的文件大小字符串
  *
  * @example
+ * kbToSize(1073741824) // "1 TB"
+ * kbToSize(1048576) // "1 GB"
  * kbToSize(1024) // "1 MB"
  * kbToSize(512) // "512 KB"
+ * kbToSize(1) // "1 KB"
+ * kbToSize(0.5) // "512 B"
+ * kbToSize(0.1) // "102.4 B"
+ * kbToSize(0.0001) // "0.1 B"
+ * kbToSize(0) // "0 B"
  */
 export declare const kbToSize: (kb: number) => string;
 /**

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -1,8 +1,15 @@
 // src/MarkdownInputField/AttachmentButton/utils.ts
 var kbToSize = (kb) => {
-  const sizes = ["KB", "MB", "GB", "TB"];
-  const i = Math.floor(Math.log(kb) / Math.log(1024));
-  return parseFloat((kb / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i];
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const bytes = kb * 1024;
+  if (bytes <= 0) {
+    return "0 B";
+  }
+  if (bytes < 1024) {
+    return parseFloat(bytes.toFixed(2)) + " " + sizes[0];
+  }
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+  return parseFloat((bytes / Math.pow(1024, i)).toFixed(2)) + " " + sizes[i];
 };
 var isImageFile = (file) => {
   return file.type.startsWith("image/");

package/dist/MarkdownInputField/BeforeToolContainer/BeforeToolContainer.js

@@ -100,7 +100,7 @@ var DraggablePopupItem = React.memo((props) => {
 DraggablePopupItem.displayName = "DraggablePopupItem";
 var ActionItemContainer = (props) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const basePrefixCls = getPrefixCls("agent-chat-action-item-box");
+  const basePrefixCls = getPrefixCls("agentic-chat-action-item-box");
   const { wrapSSR, hashId } = useStyle(basePrefixCls);
   const containerRef = useRef(null);
   const scrollRef = useRef(null);

package/dist/MarkdownInputField/Enlargement/index.js

@@ -9,7 +9,7 @@ var Enlargement = ({
   onEnlargeClick
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("md-enlargement");
+  const baseCls = getPrefixCls("agentic-md-enlargement");
   const { wrapSSR, hashId } = useStyle(baseCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement("div", { className: classNames(baseCls, hashId) }, /* @__PURE__ */ React.createElement(

package/dist/MarkdownInputField/FileMapView/index.js

@@ -11,7 +11,7 @@ var FileMapView = (props) => {
   var _a, _b;
   const { placement = "left" } = props;
   const context = useContext(ConfigProvider.ConfigContext);
-  const prefix = context == null ? void 0 : context.getPrefixCls("md-editor-file-view-list");
+  const prefix = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-file-view-list");
   const { wrapSSR, hashId } = useStyle(prefix);
   const maxCount = (_a = props.maxDisplayCount) != null ? _a : 3;
   const fileList = useMemo(() => {
@@ -41,7 +41,10 @@ var FileMapView = (props) => {
           display: "flex",
           flexDirection: "column",
           gap: 4,
-          alignItems: placement === "left" ? "flex-start" : "flex-end"
+          maxWidth: "100%",
+          minWidth: 0,
+          alignItems: placement === "left" ? "flex-start" : "flex-end",
+          width: "max-content"
         }
       },
       /* @__PURE__ */ React.createElement(

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -100,7 +100,7 @@ var MarkdownInputField = (_a) => {
   ]);
   var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j;
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("md-input-field");
+  const baseCls = getPrefixCls("agentic-md-input-field");
   const { wrapSSR, hashId } = useStyle(baseCls);
   const [isHover, setHover] = React.useState(false);
   const [isLoading, setIsLoading] = React.useState(false);

package/dist/MarkdownInputField/QuickActions/index.js

@@ -39,7 +39,7 @@ var QuickActions = React.forwardRef(
     editorRef,
     onValueChange,
     quickActionRender,
-    prefixCls = "ant-md-input-field",
+    prefixCls = "ant-agentic-md-input-field",
     hashId = "",
     onResize,
     isEnlarged = false,
@@ -99,13 +99,9 @@ var QuickActions = React.forwardRef(
             e.stopPropagation();
             e.preventDefault();
           },
-          className: classNames(
-            `${prefixCls}-quick-actions`,
-            hashId,
-            {
-              [`${prefixCls}-quick-actions-vertical`]: enlargeable
-            }
-          )
+          className: classNames(`${prefixCls}-quick-actions`, hashId, {
+            [`${prefixCls}-quick-actions-vertical`]: enlargeable
+          })
         },
         [
           // Enlargement组件 - 显示在最上方

package/dist/MarkdownInputField/RefinePromptButton/index.js

@@ -38,7 +38,7 @@ function LoadingIcon() {
 var RefinePromptButton = (props) => {
   const { isHover, disabled, status, onRefine, style } = props;
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("md-input-field-refine-button");
+  const baseCls = getPrefixCls("agentic-md-input-field-refine-button");
   const { wrapSSR, hashId } = useStyle(baseCls);
   const handleClick = () => {
     if (disabled)

package/dist/MarkdownInputField/SendActions/index.js

@@ -46,7 +46,7 @@ var SendActions = ({
   onSend,
   onStop,
   actionsRender,
-  prefixCls = "ant-md-input-field",
+  prefixCls = "ant-agentic-md-input-field",
   hashId = "",
   hasTools = false,
   onResize

package/dist/MarkdownInputField/SendButton/index.js

@@ -92,7 +92,7 @@ var SendButton = (props) => {
     (_a = props.onInit) == null ? void 0 : _a.call(props);
   }, []);
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("md-input-field-send-button");
+  const baseCls = getPrefixCls("agentic-md-input-field-send-button");
   const { wrapSSR, hashId } = useStyle(baseCls);
   if (typeof window === "undefined" || typeof document === "undefined" || !window.document) {
     return null;

package/dist/MarkdownInputField/SkillModeBar/index.js

@@ -11,7 +11,7 @@ var SkillModeBarInner = ({
   onSkillModeOpenChange
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("skill-mode");
+  const prefixCls = getPrefixCls("agentic-skill-mode");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const handleInternalSkillModeChange = useSkillModeState(
     skillMode,

package/dist/MarkdownInputField/TopOperatingArea/index.js

@@ -7,7 +7,7 @@ import { useStyle } from "./style";
 var TopOperatingArea = (props) => {
   const { isShowBackTo = true, targetRef, operationBtnRender } = props;
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("top-operating-area");
+  const prefixCls = getPrefixCls("agentic-top-operating-area");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const renderOperationButtons = () => {
     if (!operationBtnRender)

package/dist/MarkdownInputField/VoiceInput/index.js

@@ -31,7 +31,7 @@ import { useStyle } from "./style";
 var VoiceInputButton = (props) => {
   const { recording, disabled, onStart, onStop, style } = props;
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("md-input-field-voice-button");
+  const baseCls = getPrefixCls("agentic-md-input-field-voice-button");
   const { wrapSSR, hashId } = useStyle(baseCls);
   const dom = props.title ? /* @__PURE__ */ React.createElement(
     "div",

package/dist/Plugins/chart/index.js

@@ -140,7 +140,7 @@ var ChartElement = (props) => {
     () => /* @__PURE__ */ React.createElement(
       "div",
       __spreadProps(__spreadValues({
-        className: "ant-md-editor-drag-el"
+        className: "ant-agentic-md-editor-drag-el"
       }, attributes), {
         "data-be": "chart",
         style: {
@@ -156,7 +156,7 @@ var ChartElement = (props) => {
       /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: "ant-md-editor-chart-box",
+          className: "ant-agentic-md-editor-chart-box",
           style: {
             display: "flex",
             flexDirection: "column",

package/dist/Plugins/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * @file Plugins 插件模块导出
+ *
+ * 该文件导出 Markdown 编辑器的各种插件功能。
+ * 所有插件的详细文档请参考各自的插件定义文件。
+ */
 export * from './chart';
 export * from './code';
 export * from './defaultPlugins';

package/dist/Plugins/mermaid/index.js

@@ -155,7 +155,7 @@ function MermaidElement(props) {
           )
         )
       ),
-      /* @__PURE__ */ React.createElement("div", { className: "ant-md-editor-hidden" }, props.children)
+      /* @__PURE__ */ React.createElement("div", { className: "ant-agentic-md-editor-hidden" }, props.children)
     ),
     /* @__PURE__ */ React.createElement(Mermaid, { el: props.element })
   );

package/dist/Quote/index.js

@@ -17,7 +17,7 @@ var Quote = ({
   onFileClick
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("quote");
+  const prefixCls = getPrefixCls("agentic-quote");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const handleFileClick = () => {
     if (onFileClick && fileName) {

package/dist/Schema/index.d.ts

@@ -1,3 +1,9 @@
+/**
+ * @file Schema 组件模块导出
+ *
+ * 该文件导出基于 Schema 的低代码组件。
+ * 所有组件的详细文档请参考各自的组件定义文件。
+ */
 import { SchemaEditor } from './SchemaEditor';
 import { SchemaForm } from './SchemaForm';
 import { SchemaRenderer, TemplateEngine } from './SchemaRenderer';

package/dist/ThoughtChainList/DotAni/index.css

@@ -1,5 +1,5 @@
 /* HTML: <div class="loader"></div> */
-.md-editor-loader {
+.agentic-md-editor-loader {
   width: 20px;
   display: inline-flex;
   aspect-ratio: 2;

package/dist/ThoughtChainList/DotAni/index.js

@@ -3,13 +3,13 @@ import classNames from "classnames";
 import React from "react";
 import { useDotAniStyle } from "./style";
 var DotLoading = () => {
-  const { wrapSSR, hashId } = useDotAniStyle("md-editor-loader");
+  const { wrapSSR, hashId } = useDotAniStyle("agentic-md-editor-loader");
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
       {
         "data-testid": "dot-loading",
-        className: classNames("md-editor-loader", hashId),
+        className: classNames("agentic-md-editor-loader", hashId),
         role: "progressbar",
         "aria-label": "Loading"
       }

package/dist/ToolUseBar/ToolUseBarThink.js

@@ -245,7 +245,7 @@ var ToolUseBarThinkComponent = ({
   light = false
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("tool-use-bar-think");
+  const prefixCls = getPrefixCls("agentic-tool-use-bar-think");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const [expandedState, setExpandedState] = useMergedState(defaultExpanded, {
     value: expanded,

package/dist/ToolUseBar/index.js

@@ -36,7 +36,7 @@ var ToolUseBarComponent = (_a) => {
     "light"
   ]);
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("tool-use-bar");
+  const prefixCls = getPrefixCls("agentic-tool-use-bar");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   const [activeKeys, setActiveKeys] = useMergedState(
     props.defaultActiveKeys || [],

package/dist/WelcomeMessage/index.d.ts

@@ -1,4 +1,8 @@
 import React from 'react';
+/**
+ * WelcomeMessage 组件的属性接口
+ * @interface WelcomeMessageProps
+ */
 export interface WelcomeMessageProps {
     /** 标题 */
     title?: React.ReactNode;
@@ -14,4 +18,42 @@ export interface WelcomeMessageProps {
     /** 自定义根节点样式类名 */
     rootClassName?: string;
 }
+/**
+ * WelcomeMessage 组件 - 欢迎消息组件
+ *
+ * 该组件用于显示聊天开始时的欢迎消息，包含标题和描述信息。
+ * 适用于聊天机器人、客服系统等场景的初始欢迎界面。
+ *
+ * @component
+ * @description 欢迎消息组件，用于显示聊天开始时的欢迎信息
+ * @param {WelcomeMessageProps} props - 组件属性
+ * @param {React.ReactNode} [props.title] - 欢迎标题
+ * @param {React.ReactNode} [props.description] - 欢迎描述
+ * @param {Object} [props.classNames] - 自定义样式类名
+ * @param {string} [props.classNames.title] - 标题样式类名
+ * @param {string} [props.classNames.description] - 描述样式类名
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {string} [props.rootClassName] - 根节点样式类名
+ *
+ * @example
+ * ```tsx
+ * <WelcomeMessage
+ *   title="欢迎使用 AI 助手"
+ *   description="我可以帮助您解答问题、提供建议和完成任务"
+ *   classNames={{
+ *     title: 'custom-title',
+ *     description: 'custom-description'
+ *   }}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的欢迎消息组件
+ *
+ * @remarks
+ * - 支持自定义标题和描述
+ * - 提供灵活的样式配置
+ * - 支持 React.ReactNode 类型内容
+ * - 集成 Ant Design 主题系统
+ * - 响应式布局适配
+ */
 export declare const WelcomeMessage: React.FC<WelcomeMessageProps>;

package/dist/WelcomeMessage/index.js

@@ -11,7 +11,7 @@ var WelcomeMessage = ({
   rootClassName
 }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("welcome");
+  const prefixCls = getPrefixCls("agentic-welcome");
   const { wrapSSR, hashId } = useStyle(prefixCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement("div", { className: classnames(prefixCls, hashId, rootClassName), style }, title && /* @__PURE__ */ React.createElement("div", { className: classnames(`${prefixCls}-title`, classNames == null ? void 0 : classNames.title) }, title), description && /* @__PURE__ */ React.createElement(

package/dist/Workspace/RealtimeFollow/style.js

@@ -224,7 +224,7 @@ var genStyle = (token) => {
         }
       },
       [`&--markdown`]: {
-        '.ant-md-editor-content div[data-be="paragraph"]:last-child': {
+        '.ant-agentic-md-editor-content div[data-be="paragraph"]:last-child': {
           paddingBottom: "16px",
           color: "var(--color-gray-text-light)",
           font: "var(--font-text-code-base)",

package/dist/Workspace/Task/index.js

@@ -20,7 +20,7 @@ var StatusIcon = ({ status }) => {
 };
 var TaskList = ({ data }) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("workspace-task");
+  const prefixCls = getPrefixCls("agentic-workspace-task");
   const { wrapSSR, hashId } = useTaskStyle(prefixCls);
   return wrapSSR(
     /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId), "data-testid": "task-list" }, data.items.map((item) => /* @__PURE__ */ React.createElement(

package/package.json

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