@ant-design/agentic-ui 2.0.0

package/dist/Welcome/style.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+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/Welcome/style.js

@@ -0,0 +1,60 @@
+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/Welcome/style.ts
+import {
+  useEditorStyleRegister
+} from "../hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      display: "inline-flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 4,
+      [`${token.componentCls}-title`]: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: 12,
+        color: "var(--color-gray-text-default)",
+        font: "var(--font-text-h2-base)",
+        letterSpacing: "var(--letter-spacing-h2-base, normal)"
+      },
+      [`${token.componentCls}-description`]: {
+        color: "var(--color-gray-text-default)",
+        font: "var(--font-text-body-lg)",
+        letterSpacing: "var(--letter-spacing-body-lg, normal)",
+        textAlign: "center"
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useEditorStyleRegister("welcome", (token) => {
+    const welcomeToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(welcomeToken)];
+  });
+}
+export {
+  useStyle
+};

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

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

package/dist/Workspace/Browser/index.js

@@ -0,0 +1,52 @@
+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/Workspace/Browser/index.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import { MarkdownEditor } from "../../MarkdownEditor";
+import { useBrowserStyle } from "./style";
+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);
+  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
+      })
+    ))
+  );
+};
+export {
+  BrowserList
+};

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare function useBrowserStyle(prefixCls?: string): {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/Workspace/Browser/style.js

@@ -0,0 +1,38 @@
+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/Workspace/Browser/style.ts
+import { useEditorStyleRegister } from "../../hooks/useStyle";
+var genStyle = () => {
+  return {
+    // Browser 组件目前没有特殊样式，保持空的状态
+  };
+};
+function useBrowserStyle(prefixCls) {
+  return useEditorStyleRegister("WorkspaceBrowser", (token) => {
+    const browserToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [genStyle(browserToken)];
+  });
+}
+export {
+  useBrowserStyle
+};

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

@@ -0,0 +1,92 @@
+import { FileNode } from '../types';
+/**
+ * 文件数据源枚举
+ */
+export declare enum DataSourceType {
+    URL = "url",// 远程URL
+    CONTENT = "content",// 文本内容
+    FILE = "file"
+}
+/**
+ * 预览能力枚举
+ */
+export declare enum PreviewCapability {
+    FULL = "full",// 完全支持预览
+    BASIC = "basic",// 基础预览（如图片）
+    NONE = "none"
+}
+/**
+ * 数据源处理结果
+ */
+export interface DataSourceResult {
+    /** 数据源类型 */
+    sourceType: DataSourceType;
+    /** 预览能力 */
+    previewCapability: PreviewCapability;
+    /** 预览用的资源URL */
+    previewUrl?: string;
+    /** 内容数据 */
+    content?: string;
+    /** MIME类型 */
+    mimeType?: string;
+    /** 是否需要清理资源 */
+    needsCleanup: boolean;
+}
+/**
+ * 数据源策略抽象接口
+ */
+export interface DataSourceStrategy {
+    /** 检查是否可以处理该文件 */
+    canHandle(file: FileNode): boolean;
+    /** 处理文件数据并返回结果 */
+    process(file: FileNode): DataSourceResult;
+}
+/**
+ * URL数据源策略
+ */
+export declare class UrlDataSourceStrategy implements DataSourceStrategy {
+    canHandle(file: FileNode): boolean;
+    process(file: FileNode): DataSourceResult;
+    private getFileCategory;
+    private getPreviewCapability;
+    private inferMimeType;
+}
+/**
+ * 内容数据源策略
+ */
+export declare class ContentDataSourceStrategy implements DataSourceStrategy {
+    canHandle(file: FileNode): boolean;
+    process(file: FileNode): DataSourceResult;
+}
+/**
+ * File对象数据源策略
+ */
+export declare class FileDataSourceStrategy implements DataSourceStrategy {
+    canHandle(file: FileNode): boolean;
+    process(file: FileNode): DataSourceResult;
+    private getCategoryFromMimeType;
+    private isCodeMimeType;
+    private getPreviewCapability;
+}
+/**
+ * 数据源管理器
+ */
+export declare class DataSourceManager {
+    private strategies;
+    /**
+     * 处理文件数据源
+     */
+    processFile(file: FileNode): DataSourceResult;
+    /**
+     * 清理资源
+     */
+    cleanupResult(result: DataSourceResult): void;
+    /**
+     * 注册新的数据源策略
+     */
+    registerStrategy(strategy: DataSourceStrategy): void;
+}
+/**
+ * 全局数据源管理器实例
+ */
+export declare const dataSourceManager: DataSourceManager;

package/dist/Workspace/File/DataSourceStrategy.js

@@ -0,0 +1,226 @@
+// src/Workspace/File/DataSourceStrategy.ts
+import { FILE_TYPES, FileCategory } from "../types";
+var DataSourceType = /* @__PURE__ */ ((DataSourceType2) => {
+  DataSourceType2["URL"] = "url";
+  DataSourceType2["CONTENT"] = "content";
+  DataSourceType2["FILE"] = "file";
+  return DataSourceType2;
+})(DataSourceType || {});
+var PreviewCapability = /* @__PURE__ */ ((PreviewCapability2) => {
+  PreviewCapability2["FULL"] = "full";
+  PreviewCapability2["BASIC"] = "basic";
+  PreviewCapability2["NONE"] = "none";
+  return PreviewCapability2;
+})(PreviewCapability || {});
+var UrlDataSourceStrategy = class {
+  canHandle(file) {
+    return Boolean(file.url);
+  }
+  process(file) {
+    if (!file.url) {
+      throw new Error("URL not provided");
+    }
+    const fileCategory = this.getFileCategory(file);
+    return {
+      sourceType: "url" /* URL */,
+      previewCapability: this.getPreviewCapability(fileCategory),
+      previewUrl: file.url,
+      mimeType: this.inferMimeType(file),
+      needsCleanup: false
+    };
+  }
+  getFileCategory(file) {
+    var _a, _b;
+    const extension = (_b = (_a = file.url) == null ? void 0 : _a.split(".").pop()) == null ? void 0 : _b.toLowerCase();
+    if (!extension)
+      return FileCategory.Other;
+    for (const [, definition] of Object.entries(FILE_TYPES)) {
+      if (definition.extensions.includes(extension)) {
+        return definition.category;
+      }
+    }
+    return FileCategory.Other;
+  }
+  getPreviewCapability(category) {
+    switch (category) {
+      case FileCategory.Image:
+        return "basic" /* BASIC */;
+      default:
+        return "none" /* NONE */;
+    }
+  }
+  inferMimeType(file) {
+    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";
+    for (const [, definition] of Object.entries(FILE_TYPES)) {
+      if (definition.extensions.includes(extension)) {
+        return definition.mimeTypes[0];
+      }
+    }
+    return "application/octet-stream";
+  }
+};
+var ContentDataSourceStrategy = class {
+  canHandle(file) {
+    return Boolean(file.content);
+  }
+  process(file) {
+    if (!file.content) {
+      throw new Error("Content not provided");
+    }
+    let previewUrl;
+    if (typeof URL !== "undefined" && URL.createObjectURL) {
+      const blob = new Blob([file.content], { type: "text/plain" });
+      previewUrl = URL.createObjectURL(blob);
+    }
+    return {
+      sourceType: "content" /* CONTENT */,
+      previewCapability: "full" /* FULL */,
+      previewUrl,
+      content: file.content,
+      mimeType: "text/plain",
+      needsCleanup: Boolean(previewUrl)
+    };
+  }
+};
+var FileDataSourceStrategy = class {
+  canHandle(file) {
+    return Boolean(file.file);
+  }
+  process(file) {
+    if (!file.file) {
+      throw new Error("File object not provided");
+    }
+    let previewUrl;
+    if (typeof URL !== "undefined" && URL.createObjectURL) {
+      previewUrl = URL.createObjectURL(file.file);
+    }
+    const fileCategory = this.getCategoryFromMimeType(file.file.type);
+    return {
+      sourceType: "file" /* FILE */,
+      previewCapability: this.getPreviewCapability(fileCategory),
+      previewUrl,
+      mimeType: file.file.type,
+      needsCleanup: Boolean(previewUrl)
+    };
+  }
+  getCategoryFromMimeType(mimeType) {
+    if (mimeType.startsWith("image/"))
+      return FileCategory.Image;
+    if (mimeType.startsWith("video/"))
+      return FileCategory.Video;
+    if (this.isCodeMimeType(mimeType))
+      return FileCategory.Code;
+    if (mimeType.startsWith("text/"))
+      return FileCategory.Text;
+    if (mimeType === "application/pdf")
+      return FileCategory.PDF;
+    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);
+  }
+  getPreviewCapability(category) {
+    switch (category) {
+      case FileCategory.Text:
+      case FileCategory.Code:
+      case FileCategory.Image:
+      case FileCategory.Video:
+      case FileCategory.PDF:
+        return "full" /* FULL */;
+      default:
+        return "none" /* NONE */;
+    }
+  }
+};
+var DataSourceManager = class {
+  constructor() {
+    this.strategies = [
+      new ContentDataSourceStrategy(),
+      new FileDataSourceStrategy(),
+      new UrlDataSourceStrategy()
+    ];
+  }
+  /**
+   * 处理文件数据源
+   */
+  processFile(file) {
+    for (const strategy of this.strategies) {
+      if (strategy.canHandle(file)) {
+        return strategy.process(file);
+      }
+    }
+    return {
+      sourceType: "url" /* URL */,
+      previewCapability: "none" /* NONE */,
+      needsCleanup: false
+    };
+  }
+  /**
+   * 清理资源
+   */
+  cleanupResult(result) {
+    var _a;
+    if (!result.needsCleanup || !((_a = result.previewUrl) == null ? void 0 : _a.startsWith("blob:")))
+      return;
+    if (typeof URL !== "undefined" && URL.revokeObjectURL) {
+      URL.revokeObjectURL(result.previewUrl);
+    }
+  }
+  /**
+   * 注册新的数据源策略
+   */
+  registerStrategy(strategy) {
+    this.strategies.unshift(strategy);
+  }
+};
+var dataSourceManager = new DataSourceManager();
+export {
+  ContentDataSourceStrategy,
+  DataSourceManager,
+  DataSourceType,
+  FileDataSourceStrategy,
+  PreviewCapability,
+  UrlDataSourceStrategy,
+  dataSourceManager
+};

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

@@ -0,0 +1,87 @@
+import React, { type FC } from 'react';
+import type { MarkdownEditorProps } from '../../MarkdownEditor';
+import type { FileNode, FileProps } from '../types';
+/**
+ * FileComponent 组件 - 文件管理组件
+ *
+ * 该组件提供一个完整的文件管理界面，支持文件列表显示、分组管理、
+ * 文件预览、下载等功能。支持多种文件类型的预览和自定义预览内容。
+ *
+ * @component
+ * @description 文件管理组件，支持文件列表、预览、下载等功能
+ * @param {Object} props - 组件属性
+ * @param {FileNode[]} props.nodes - 文件节点列表
+ * @param {(files: FileNode[], groupType: FileType) => void} [props.onGroupDownload] - 分组下载回调
+ * @param {(file: FileNode) => void} [props.onDownload] - 单个文件下载回调
+ * @param {(file: FileNode) => void} [props.onFileClick] - 文件点击回调
+ * @param {(type: FileType, collapsed: boolean) => void} [props.onToggleGroup] - 分组折叠/展开回调
+ * @param {(file: FileNode) => Promise<React.ReactNode | FileNode>} [props.onPreview] - 文件预览回调
+ * @param {Partial<MarkdownEditorProps>} [props.markdownEditorProps] - Markdown编辑器配置
+ * @param {React.ReactNode | (() => React.ReactNode)} [props.emptyRender] - 自定义空状态渲染
+ * @param {string} [props.keyword] - 搜索关键字（受控）
+ * @param {(keyword: string) => void} [props.onChange] - 搜索关键字变化回调
+ * @param {boolean} [props.showSearch] - 是否显示搜索框，默认显示
+ * @param {string} [props.searchPlaceholder] - 搜索框占位符
+ *
+ * @example
+ * ```tsx
+ * <FileComponent
+ *   nodes={fileNodes}
+ *   onDownload={(file) => console.log('下载文件:', file.name)}
+ *   onPreview={async (file) => {
+ *     // 自定义预览逻辑
+ *     return <div>预览内容</div>;
+ *   }}
+ *   markdownEditorProps={{
+ *     theme: 'dark'
+ *   }}
+ *   emptyRender={<MyEmpty />}
+ *   keyword={keyword}
+ *   onChange={setKeyword}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement|null} 渲染的文件管理组件，无文件时返回null
+ *
+ * @remarks
+ * - 支持文件分组显示和折叠/展开
+ * - 支持多种文件类型的预览（图片、文档、代码等）
+ * - 支持自定义预览内容和头部
+ * - 提供文件下载和分组下载功能
+ * - 支持Markdown文件的编辑器预览
+ * - 处理异步预览的竞态条件
+ */
+export declare const FileComponent: FC<{
+    nodes: FileProps['nodes'];
+    onGroupDownload?: FileProps['onGroupDownload'];
+    onDownload?: FileProps['onDownload'];
+    onShare?: FileProps['onShare'];
+    onFileClick?: FileProps['onFileClick'];
+    onToggleGroup?: FileProps['onToggleGroup'];
+    onPreview?: FileProps['onPreview'];
+    onBack?: FileProps['onBack'];
+    /** 重置标识，用于重置预览状态（内部使用） */
+    resetKey?: FileProps['resetKey'];
+    /**
+     * MarkdownEditor 的配置项，用于自定义预览效果
+     * @description 这里的配置会覆盖默认的预览配置
+     */
+    markdownEditorProps?: Partial<Omit<MarkdownEditorProps, 'editorRef' | 'initValue' | 'readonly'>>;
+    /**
+     * 自定义预览页面右侧操作区域
+     * @description 可以是 ReactNode 或者根据文件返回 ReactNode 的函数
+     */
+    customActions?: React.ReactNode | ((file: FileNode) => React.ReactNode);
+    actionRef?: FileProps['actionRef'];
+    loading?: FileProps['loading'];
+    loadingRender?: FileProps['loadingRender'];
+    emptyRender?: FileProps['emptyRender'];
+    /** 搜索关键字（受控） */
+    keyword?: string;
+    /** 搜索关键字变化回调 */
+    onChange?: (keyword: string) => void;
+    /** 是否显示搜索框，默认显示 */
+    showSearch?: boolean;
+    /** 搜索框占位符 */
+    searchPlaceholder?: string;
+}>;