@ant-design/agentic-ui 2.0.10 → 2.0.12

package/dist/Utils/scrollTo.js

@@ -0,0 +1,63 @@
+// src/Utils/scrollTo.ts
+import raf from "rc-util/lib/raf";
+import { easeInOutCubic } from "./easings";
+import getScroll, { isWindow } from "./getScroll";
+function scrollTo(y, options = {}) {
+  const {
+    container = typeof window !== "undefined" ? window : void 0,
+    callback,
+    duration = 450
+  } = options;
+  if (typeof window === "undefined") {
+    if (typeof callback === "function") {
+      callback();
+    }
+    return;
+  }
+  if (!container) {
+    if (typeof callback === "function") {
+      callback();
+    }
+    return;
+  }
+  const scrollTop = getScroll(container);
+  const startTime = Date.now();
+  const frameFunc = () => {
+    if (typeof window === "undefined") {
+      if (typeof callback === "function") {
+        callback();
+      }
+      return;
+    }
+    if (!container) {
+      if (typeof callback === "function") {
+        callback();
+      }
+      return;
+    }
+    const timestamp = Date.now();
+    const time = timestamp - startTime;
+    const nextScrollTop = easeInOutCubic(
+      time > duration ? duration : time,
+      scrollTop,
+      y,
+      duration
+    );
+    if (isWindow(container)) {
+      container.scrollTo(window.pageXOffset, nextScrollTop);
+    } else if (container instanceof Document || container.constructor.name === "HTMLDocument") {
+      container.documentElement.scrollTop = nextScrollTop;
+    } else {
+      container.scrollTop = nextScrollTop;
+    }
+    if (time < duration) {
+      raf(frameFunc);
+    } else if (typeof callback === "function") {
+      callback();
+    }
+  };
+  raf(frameFunc);
+}
+export {
+  scrollTo as default
+};

package/dist/Utils/throttleByAnimationFrame.js

@@ -0,0 +1,23 @@
+// src/Utils/throttleByAnimationFrame.ts
+import raf from "rc-util/lib/raf";
+function throttleByAnimationFrame(fn) {
+  let requestId = null;
+  const later = (args) => () => {
+    requestId = null;
+    fn(...args);
+  };
+  const throttled = (...args) => {
+    if (requestId === null) {
+      requestId = raf(later(args));
+    }
+  };
+  throttled.cancel = () => {
+    raf.cancel(requestId);
+    requestId = null;
+  };
+  return throttled;
+}
+var throttleByAnimationFrame_default = throttleByAnimationFrame;
+export {
+  throttleByAnimationFrame_default as default
+};

package/dist/Welcome/style.js

@@ -21,7 +21,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 // src/Welcome/style.ts
 import {
   useEditorStyleRegister
-} from "../hooks/useStyle";
+} from "../Hooks/useStyle";
 var genStyle = (token) => {
   return {
     [token.componentCls]: {

package/dist/Workspace/Browser/index.d.ts

@@ -1,46 +1,30 @@
 import { type FC } from 'react';
 import { MarkdownEditorProps } from '../../MarkdownEditor';
+/**
+ * BrowserList 组件输入数据
+ */
 export interface BrowserItemInput {
+    /** 浏览器标题 */
     title?: string;
+    /** 内容（Markdown 格式） */
     content: string;
+    /** Markdown 编辑器配置 */
     markdownEditorProps?: Partial<MarkdownEditorProps>;
 }
 /**
- * BrowserList 组件 - 浏览器列表组件
- *
- * 该组件用于在工作空间中显示浏览器内容，支持Markdown内容的渲染和显示。
- * 提供标题显示和内容渲染功能，主要用于展示网页内容或文档。
+ * BrowserList 组件
  *
- * @component
- * @description 浏览器列表组件，用于显示浏览器内容
- * @param {Object} props - 组件属性
- * @param {BrowserItemInput} props.data - 浏览器数据
- * @param {string} [props.data.title] - 浏览器标题
- * @param {string} props.data.content - 浏览器内容（Markdown格式）
- * @param {Partial<MarkdownEditorProps>} [props.data.markdownEditorProps] - Markdown编辑器配置
+ * 在工作空间中显示浏览器内容，支持 Markdown 渲染
  *
  * @example
  * ```tsx
  * <BrowserList
  *   data={{
  *     title: "网页内容",
- *     content: "# 标题\n这是网页内容",
- *     markdownEditorProps: {
- *       theme: 'dark'
- *     }
+ *     content: "# 标题\n内容"
  *   }}
  * />
  * ```
- *
- * @returns {React.ReactElement} 渲染的浏览器列表组件
- *
- * @remarks
- * - 支持Markdown内容渲染
- * - 提供标题显示功能
- * - 支持自定义Markdown编辑器配置
- * - 在测试环境下优化性能
- * - 默认只读模式
- * - 支持响应式布局
  */
 export declare const BrowserList: FC<{
     data: BrowserItemInput;

package/dist/Workspace/Browser/index.js

@@ -24,27 +24,23 @@ import classNames from "classnames";
 import React, { useContext } from "react";
 import { MarkdownEditor } from "../../MarkdownEditor";
 import { useBrowserStyle } from "./style";
+var EDITOR_FULL_WIDTH_STYLE = { width: "100%" };
+var EDITOR_NO_PADDING_STYLE = { padding: 0 };
+var isTestEnvironment = () => false;
+var getDefaultEditorProps = () => __spreadValues({
+  readonly: true,
+  toc: false,
+  style: EDITOR_FULL_WIDTH_STYLE,
+  contentStyle: EDITOR_NO_PADDING_STYLE
+}, isTestEnvironment() ? { typewriter: false } : {});
+var mergeEditorProps = (customProps) => __spreadValues(__spreadValues({}, getDefaultEditorProps()), customProps);
 var BrowserList = ({ data }) => {
-  const isTestEnv = false;
-  const getDefaultProps = () => __spreadValues({
-    readonly: true,
-    toc: false,
-    style: { width: "100%" },
-    contentStyle: { padding: 0 }
-  }, isTestEnv ? { typewriter: false } : {});
-  const getMergedProps = (defaultProps) => {
-    return __spreadValues(__spreadValues({}, defaultProps), data.markdownEditorProps);
-  };
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("workspace-browser");
   const { wrapSSR, hashId } = useBrowserStyle(prefixCls);
+  const editorProps = mergeEditorProps(data.markdownEditorProps);
   return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId), "data-testid": "browser-list" }, data.title && /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-title`, hashId) }, data.title)), /* @__PURE__ */ React.createElement(
-      MarkdownEditor,
-      __spreadProps(__spreadValues({}, getMergedProps(getDefaultProps())), {
-        initValue: data.content
-      })
-    ))
+    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId), "data-testid": "browser-list" }, data.title && /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-title`, hashId) }, data.title)), /* @__PURE__ */ React.createElement(MarkdownEditor, __spreadProps(__spreadValues({}, editorProps), { initValue: data.content })))
   );
 };
 export {

package/dist/Workspace/Browser/style.js

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/Workspace/Browser/style.ts
-import { useEditorStyleRegister } from "../../hooks/useStyle";
+import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = () => {
   return {
     // Browser 组件目前没有特殊样式，保持空的状态

package/dist/Workspace/File/DataSourceStrategy.d.ts

@@ -3,8 +3,8 @@ import { FileNode } from '../types';
  * 文件数据源枚举
  */
 export declare enum DataSourceType {
-    URL = "url",// 远程URL
-    CONTENT = "content",// 文本内容
+    URL = "url",
+    CONTENT = "content",
     FILE = "file"
 }
 /**

package/dist/Workspace/File/DataSourceStrategy.js

@@ -1,5 +1,45 @@
 // src/Workspace/File/DataSourceStrategy.ts
 import { FILE_TYPES, FileCategory } from "../types";
+var DEFAULT_MIME_TYPE = "application/octet-stream";
+var TEXT_MIME_TYPE = "text/plain";
+var CODE_MIME_TYPES = [
+  "text/javascript",
+  "application/javascript",
+  "text/typescript",
+  "application/typescript",
+  "text/jsx",
+  "text/tsx",
+  "text/x-python",
+  "application/x-python-code",
+  "text/x-java-source",
+  "text/x-c++src",
+  "text/x-c++hdr",
+  "text/x-csrc",
+  "text/x-chdr",
+  "text/x-csharp",
+  "text/x-go",
+  "text/x-rust",
+  "text/x-php",
+  "application/x-httpd-php",
+  "text/x-ruby",
+  "text/x-shellscript",
+  "application/x-sh",
+  "text/x-powershell",
+  "text/x-sql",
+  "application/sql",
+  "text/x-kotlin",
+  "text/x-swift",
+  "text/x-dart",
+  "text/x-lua",
+  "text/x-perl",
+  "text/x-r",
+  "text/x-matlab",
+  "text/x-scala",
+  "application/json",
+  "application/yaml",
+  "text/yaml",
+  "application/toml"
+];
 var DataSourceType = /* @__PURE__ */ ((DataSourceType2) => {
   DataSourceType2["URL"] = "url";
   DataSourceType2["CONTENT"] = "content";
@@ -53,13 +93,13 @@ var UrlDataSourceStrategy = class {
     var _a, _b;
     const extension = (_b = (_a = file.url) == null ? void 0 : _a.split(".").pop()) == null ? void 0 : _b.toLowerCase();
     if (!extension)
-      return "application/octet-stream";
+      return DEFAULT_MIME_TYPE;
     for (const [, definition] of Object.entries(FILE_TYPES)) {
       if (definition.extensions.includes(extension)) {
         return definition.mimeTypes[0];
       }
     }
-    return "application/octet-stream";
+    return DEFAULT_MIME_TYPE;
   }
 };
 var ContentDataSourceStrategy = class {
@@ -72,7 +112,7 @@ var ContentDataSourceStrategy = class {
     }
     let previewUrl;
     if (typeof URL !== "undefined" && URL.createObjectURL) {
-      const blob = new Blob([file.content], { type: "text/plain" });
+      const blob = new Blob([file.content], { type: TEXT_MIME_TYPE });
       previewUrl = URL.createObjectURL(blob);
     }
     return {
@@ -80,7 +120,7 @@ var ContentDataSourceStrategy = class {
       previewCapability: "full" /* FULL */,
       previewUrl,
       content: file.content,
-      mimeType: "text/plain",
+      mimeType: TEXT_MIME_TYPE,
       needsCleanup: Boolean(previewUrl)
     };
   }
@@ -120,45 +160,7 @@ var FileDataSourceStrategy = class {
     return FileCategory.Other;
   }
   isCodeMimeType(mimeType) {
-    const codeMimeTypes = [
-      "text/javascript",
-      "application/javascript",
-      "text/typescript",
-      "application/typescript",
-      "text/jsx",
-      "text/tsx",
-      "text/x-python",
-      "application/x-python-code",
-      "text/x-java-source",
-      "text/x-c++src",
-      "text/x-c++hdr",
-      "text/x-csrc",
-      "text/x-chdr",
-      "text/x-csharp",
-      "text/x-go",
-      "text/x-rust",
-      "text/x-php",
-      "application/x-httpd-php",
-      "text/x-ruby",
-      "text/x-shellscript",
-      "application/x-sh",
-      "text/x-powershell",
-      "text/x-sql",
-      "application/sql",
-      "text/x-kotlin",
-      "text/x-swift",
-      "text/x-dart",
-      "text/x-lua",
-      "text/x-perl",
-      "text/x-r",
-      "text/x-matlab",
-      "text/x-scala",
-      "application/json",
-      "application/yaml",
-      "text/yaml",
-      "application/toml"
-    ];
-    return codeMimeTypes.includes(mimeType);
+    return CODE_MIME_TYPES.includes(mimeType);
   }
   getPreviewCapability(category) {
     switch (category) {

package/dist/Workspace/File/FileComponent.js

@@ -52,8 +52,8 @@ import {
 import { Empty } from "antd";
 import classNames from "classnames";
 import React, { useContext, useEffect, useRef, useState } from "react";
-import { ActionIconBox } from "../../components/ActionIconBox";
-import { I18nContext } from "../../i18n";
+import { ActionIconBox } from "../../Components/ActionIconBox";
+import { I18nContext } from "../../I18n";
 import { formatFileSize, formatLastModified } from "../utils";
 import { fileTypeProcessor, isImageFile } from "./FileTypeProcessor";
 import { PreviewComponent } from "./PreviewComponent";

package/dist/Workspace/File/FileTypeProcessor.d.ts

@@ -68,7 +68,7 @@ export declare class FileTypeProcessor {
  */
 export declare const fileTypeProcessor: FileTypeProcessor;
 /**
- * 判断文件类型的便捷函数
+ * 文件类型判断便捷函数
  */
 export declare const isImageFile: (file: FileNode) => boolean;
 export declare const isVideoFile: (file: FileNode) => boolean;
@@ -76,7 +76,4 @@ export declare const isPdfFile: (file: FileNode) => boolean;
 export declare const isTextFile: (file: FileNode) => boolean;
 export declare const isArchiveFile: (file: FileNode) => boolean;
 export declare const isAudioFile: (file: FileNode) => boolean;
-/**
- * 获取文件的MIME类型
- */
 export declare const getMimeType: (file: FileNode) => string;

package/dist/Workspace/File/FileTypeProcessor.js

@@ -172,27 +172,19 @@ var FileTypeProcessor = class {
   }
 };
 var fileTypeProcessor = new FileTypeProcessor(dataSourceManager);
-var isImageFile = (file) => {
-  return fileTypeProcessor.inferFileType(file).category === FileCategory.Image;
-};
-var isVideoFile = (file) => {
-  return fileTypeProcessor.inferFileType(file).category === FileCategory.Video;
-};
-var isPdfFile = (file) => {
-  return fileTypeProcessor.inferFileType(file).category === FileCategory.PDF;
-};
-var isTextFile = (file) => {
-  return fileTypeProcessor.inferFileType(file).category === FileCategory.Text;
-};
-var isArchiveFile = (file) => {
-  return fileTypeProcessor.inferFileType(file).category === FileCategory.Archive;
-};
-var isAudioFile = (file) => {
-  return fileTypeProcessor.inferFileType(file).category === FileCategory.Audio;
+var DEFAULT_MIME_TYPE = "application/octet-stream";
+var isFileCategory = (file, category) => {
+  return fileTypeProcessor.inferFileType(file).category === category;
 };
+var isImageFile = (file) => isFileCategory(file, FileCategory.Image);
+var isVideoFile = (file) => isFileCategory(file, FileCategory.Video);
+var isPdfFile = (file) => isFileCategory(file, FileCategory.PDF);
+var isTextFile = (file) => isFileCategory(file, FileCategory.Text);
+var isArchiveFile = (file) => isFileCategory(file, FileCategory.Archive);
+var isAudioFile = (file) => isFileCategory(file, FileCategory.Audio);
 var getMimeType = (file) => {
   const result = fileTypeProcessor.processFile(file);
-  return result.dataSource.mimeType || "application/octet-stream";
+  return result.dataSource.mimeType || DEFAULT_MIME_TYPE;
 };
 export {
   FileTypeProcessor,

package/dist/Workspace/File/PreviewComponent.d.ts

@@ -1,35 +1,30 @@
 import React, { type FC } from 'react';
 import { type MarkdownEditorProps } from '../../MarkdownEditor';
 import { FileNode } from '../types';
+/**
+ * PreviewComponent 组件属性
+ */
 export interface PreviewComponentProps {
+    /** 文件数据 */
     file: FileNode;
-    /**
-     * 提供自定义内容以替换预览区域
-     */
+    /** 自定义预览内容 */
     customContent?: React.ReactNode;
-    /**
-     * 自定义头部（当提供时，将完全替换默认头部：返回、图标、标题、时间、下载等均由外部控制）
-     */
+    /** 自定义头部 */
     customHeader?: React.ReactNode;
-    /**
-     * 自定义右侧操作区域（在默认操作按钮之前插入）
-     */
+    /** 自定义操作按钮 */
     customActions?: React.ReactNode;
+    /** 返回回调 */
     onBack?: () => void;
+    /** 下载回调 */
     onDownload?: (file: FileNode) => void;
     /** 分享回调 */
     onShare?: (file: FileNode, options?: {
         anchorEl?: HTMLElement;
         origin?: string;
     }) => void;
-    /**
-     * MarkdownEditor 的配置项，用于自定义预览效果
-     * @description 这里的配置会覆盖默认的预览配置
-     */
+    /** Markdown 编辑器配置 */
     markdownEditorProps?: Partial<Omit<MarkdownEditorProps, 'editorRef' | 'initValue' | 'readonly'>>;
-    /**
-     * 仅用于覆盖默认头部区域展示的文件信息（不影响实际预览内容）
-     */
+    /** 头部文件信息覆盖 */
     headerFileOverride?: Partial<FileNode>;
 }
 /**