@ant-design/agentic-ui 2.0.0

package/dist/Workspace/types.js

@@ -0,0 +1,257 @@
+// src/Workspace/types.ts
+var FileCategory = /* @__PURE__ */ ((FileCategory2) => {
+  FileCategory2["Text"] = "text";
+  FileCategory2["Code"] = "code";
+  FileCategory2["Image"] = "image";
+  FileCategory2["Video"] = "video";
+  FileCategory2["Audio"] = "audio";
+  FileCategory2["PDF"] = "pdf";
+  FileCategory2["Word"] = "word";
+  FileCategory2["Excel"] = "excel";
+  FileCategory2["Archive"] = "archive";
+  FileCategory2["Other"] = "other";
+  return FileCategory2;
+})(FileCategory || {});
+var FILE_TYPES = {
+  plainText: {
+    category: "text" /* Text */,
+    extensions: ["txt"],
+    mimeTypes: ["text/plain"],
+    name: "文本文件"
+  },
+  markdown: {
+    category: "text" /* Text */,
+    extensions: ["md", "markdown"],
+    mimeTypes: ["text/markdown"],
+    name: "Markdown"
+  },
+  image: {
+    category: "image" /* Image */,
+    extensions: ["jpg", "jpeg", "png", "gif", "bmp", "webp", "svg"],
+    mimeTypes: [
+      "image/jpeg",
+      "image/png",
+      "image/gif",
+      "image/bmp",
+      "image/webp",
+      "image/svg+xml"
+    ],
+    name: "图片"
+  },
+  video: {
+    category: "video" /* Video */,
+    extensions: ["mp4", "webm", "ogg"],
+    mimeTypes: ["video/mp4", "video/webm", "video/ogg"],
+    name: "视频"
+  },
+  audio: {
+    category: "audio" /* Audio */,
+    extensions: ["mp3", "wav", "ogg", "aac", "m4a"],
+    mimeTypes: [
+      "audio/mpeg",
+      "audio/wav",
+      "audio/ogg",
+      "audio/aac",
+      "audio/mp4"
+    ],
+    name: "音频"
+  },
+  pdf: {
+    category: "pdf" /* PDF */,
+    extensions: ["pdf"],
+    mimeTypes: ["application/pdf"],
+    name: "PDF文档"
+  },
+  word: {
+    category: "word" /* Word */,
+    extensions: ["doc", "docx"],
+    mimeTypes: [
+      "application/msword",
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+    ],
+    name: "Word文档"
+  },
+  excel: {
+    category: "excel" /* Excel */,
+    extensions: ["xls", "xlsx"],
+    mimeTypes: [
+      "application/vnd.ms-excel",
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    ],
+    name: "Excel表格"
+  },
+  csv: {
+    category: "excel" /* Excel */,
+    extensions: ["csv"],
+    mimeTypes: ["text/csv", "application/csv", "application/vnd.ms-excel"],
+    name: "CSV文件"
+  },
+  archive: {
+    category: "archive" /* Archive */,
+    extensions: ["zip", "rar", "7z", "tar", "gz", "bz2"],
+    mimeTypes: [
+      "application/zip",
+      "application/x-rar-compressed",
+      "application/x-7z-compressed",
+      "application/x-tar",
+      "application/gzip",
+      "application/x-bzip2"
+    ],
+    name: "压缩文件"
+  },
+  // 代码文件类型
+  javascript: {
+    category: "code" /* Code */,
+    extensions: ["js", "mjs", "cjs"],
+    mimeTypes: ["text/javascript", "application/javascript"],
+    name: "JavaScript"
+  },
+  typescript: {
+    category: "code" /* Code */,
+    extensions: ["ts"],
+    mimeTypes: ["text/typescript", "application/typescript"],
+    name: "TypeScript"
+  },
+  react: {
+    category: "code" /* Code */,
+    extensions: ["jsx", "tsx"],
+    mimeTypes: ["text/jsx", "text/tsx"],
+    name: "React"
+  },
+  python: {
+    category: "code" /* Code */,
+    extensions: ["py", "pyw", "pyi"],
+    mimeTypes: ["text/x-python", "application/x-python-code"],
+    name: "Python"
+  },
+  java: {
+    category: "code" /* Code */,
+    extensions: ["java"],
+    mimeTypes: ["text/x-java-source"],
+    name: "Java"
+  },
+  cpp: {
+    category: "code" /* Code */,
+    extensions: ["cpp", "cc", "cxx", "c++", "hpp", "hxx", "h++"],
+    mimeTypes: ["text/x-c++src", "text/x-c++hdr"],
+    name: "C++"
+  },
+  c: {
+    category: "code" /* Code */,
+    extensions: ["c", "h"],
+    mimeTypes: ["text/x-csrc", "text/x-chdr"],
+    name: "C"
+  },
+  csharp: {
+    category: "code" /* Code */,
+    extensions: ["cs"],
+    mimeTypes: ["text/x-csharp"],
+    name: "C#"
+  },
+  go: {
+    category: "code" /* Code */,
+    extensions: ["go"],
+    mimeTypes: ["text/x-go"],
+    name: "Go"
+  },
+  rust: {
+    category: "code" /* Code */,
+    extensions: ["rs"],
+    mimeTypes: ["text/x-rust"],
+    name: "Rust"
+  },
+  php: {
+    category: "code" /* Code */,
+    extensions: ["php", "php3", "php4", "php5", "phtml"],
+    mimeTypes: ["text/x-php", "application/x-httpd-php"],
+    name: "PHP"
+  },
+  ruby: {
+    category: "code" /* Code */,
+    extensions: ["rb", "rbw"],
+    mimeTypes: ["text/x-ruby"],
+    name: "Ruby"
+  },
+  shell: {
+    category: "code" /* Code */,
+    extensions: ["sh", "bash", "zsh", "fish"],
+    mimeTypes: ["text/x-shellscript", "application/x-sh"],
+    name: "Shell脚本"
+  },
+  powershell: {
+    category: "code" /* Code */,
+    extensions: ["ps1", "psm1", "psd1"],
+    mimeTypes: ["text/x-powershell"],
+    name: "PowerShell"
+  },
+  sql: {
+    category: "code" /* Code */,
+    extensions: ["sql"],
+    mimeTypes: ["text/x-sql", "application/sql"],
+    name: "SQL"
+  },
+  lua: {
+    category: "code" /* Code */,
+    extensions: ["lua"],
+    mimeTypes: ["text/x-lua"],
+    name: "Lua"
+  },
+  perl: {
+    category: "code" /* Code */,
+    extensions: ["pl", "pm", "perl"],
+    mimeTypes: ["text/x-perl"],
+    name: "Perl"
+  },
+  scala: {
+    category: "code" /* Code */,
+    extensions: ["scala", "sc"],
+    mimeTypes: ["text/x-scala"],
+    name: "Scala"
+  },
+  config: {
+    category: "code" /* Code */,
+    extensions: [
+      "json",
+      "yaml",
+      "yml",
+      "toml",
+      "ini",
+      "conf",
+      "cfg",
+      "properties"
+    ],
+    mimeTypes: [
+      "application/json",
+      "application/yaml",
+      "text/yaml",
+      "application/toml",
+      "text/plain",
+      "application/x-wine-extension-ini"
+    ],
+    name: "配置文件"
+  }
+};
+var getFileType = (filename) => {
+  var _a;
+  const extension = ((_a = filename.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
+  for (const [type, definition] of Object.entries(FILE_TYPES)) {
+    if (definition.extensions.includes(extension)) {
+      return type;
+    }
+  }
+  return "plainText";
+};
+var getMimeType = (fileType) => {
+  return FILE_TYPES[fileType].mimeTypes[0];
+};
+var getFileCategory = (fileType) => {
+  var _a;
+  return (_a = FILE_TYPES == null ? void 0 : FILE_TYPES[fileType]) == null ? void 0 : _a.category;
+};
+export {
+  FILE_TYPES,
+  FileCategory,
+  getFileCategory,
+  getFileType,
+  getMimeType
+};

package/dist/Workspace/utils/codeLanguageUtils.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @fileoverview 代码语言识别工具
+ * 基于文件扩展名识别编程语言类型，用于代码块预览
+ */
+/**
+ * 根据文件名或扩展名获取编程语言类型
+ * @param filename 文件名（包含扩展名）
+ * @returns 编程语言名称，如果无法识别则返回 'text'
+ */
+export declare const getLanguageFromFilename: (filename: string) => string;
+/**
+ * 检查指定的语言是否被支持
+ * @param language 编程语言名称
+ * @returns 是否被支持
+ */
+export declare const isSupportedLanguage: (language: string) => boolean;
+/**
+ * 为代码内容包装 Markdown 代码块格式
+ * @param content 代码内容
+ * @param language 编程语言类型
+ * @returns 包装后的 Markdown 格式字符串
+ */
+export declare const wrapContentInCodeBlock: (content: string, language: string) => string;

package/dist/Workspace/utils/codeLanguageUtils.js

@@ -0,0 +1,133 @@
+// src/Workspace/utils/codeLanguageUtils.ts
+import { langIconMap } from "../../plugins/code/langIconMap";
+var extensionToLanguageMap = {
+  // Web前端
+  js: "javascript",
+  jsx: "jsx",
+  ts: "typescript",
+  tsx: "tsx",
+  html: "html",
+  htm: "html",
+  css: "css",
+  scss: "scss",
+  sass: "sass",
+  less: "less",
+  vue: "vue",
+  // 后端语言
+  java: "java",
+  py: "python",
+  pyw: "python",
+  rb: "ruby",
+  php: "php",
+  go: "go",
+  rs: "rust",
+  kt: "kotlin",
+  kts: "kotlin",
+  scala: "scala",
+  cs: "csharp",
+  fs: "fsharp",
+  vb: "vb",
+  // 系统编程
+  c: "c",
+  cpp: "cpp",
+  cc: "cpp",
+  cxx: "cpp",
+  h: "c",
+  hpp: "cpp",
+  hxx: "cpp",
+  // 脚本语言
+  sh: "bash",
+  bash: "bash",
+  zsh: "zsh",
+  fish: "shell",
+  ps1: "powershell",
+  psm1: "powershell",
+  bat: "batch",
+  cmd: "batch",
+  // 配置文件
+  json: "json",
+  json5: "json5",
+  yaml: "yaml",
+  yml: "yaml",
+  toml: "toml",
+  ini: "ini",
+  conf: "ini",
+  cfg: "ini",
+  properties: "properties",
+  xml: "xml",
+  // 数据库
+  sql: "sql",
+  // 标记语言
+  md: "markdown",
+  markdown: "markdown",
+  tex: "latex",
+  latex: "latex",
+  // 其他语言
+  lua: "lua",
+  pl: "perl",
+  pm: "perl",
+  r: "r",
+  R: "r",
+  matlab: "matlab",
+  m: "matlab",
+  swift: "swift",
+  dart: "dart",
+  ex: "elixir",
+  exs: "elixir",
+  clj: "clojure",
+  cljs: "clojure",
+  hs: "haskell",
+  elm: "elm",
+  jl: "julia",
+  nim: "nim",
+  zig: "zig",
+  v: "v",
+  // 特殊文件
+  dockerfile: "dockerfile",
+  Dockerfile: "dockerfile",
+  makefile: "makefile",
+  Makefile: "makefile",
+  gradle: "gradle",
+  cmake: "cmake",
+  "CMakeLists.txt": "cmake"
+};
+var getLanguageFromFilename = (filename) => {
+  var _a;
+  const lowerFileName = filename.toLowerCase();
+  if (lowerFileName === "dockerfile" || lowerFileName.startsWith("dockerfile.")) {
+    return "dockerfile";
+  }
+  if (lowerFileName === "makefile" || lowerFileName.startsWith("makefile.")) {
+    return "makefile";
+  }
+  if (lowerFileName === "cmakelists.txt") {
+    return "cmake";
+  }
+  const extension = (_a = filename.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  if (!extension) {
+    return "text";
+  }
+  const language = extensionToLanguageMap[extension];
+  if (language && langIconMap.has(language)) {
+    return language;
+  }
+  if (langIconMap.has(extension)) {
+    return extension;
+  }
+  return "text";
+};
+var isSupportedLanguage = (language) => {
+  return langIconMap.has(language.toLowerCase());
+};
+var wrapContentInCodeBlock = (content, language) => {
+  const lang = language.toLowerCase();
+  const finalLang = isSupportedLanguage(lang) ? lang : "text";
+  return `\`\`\`${finalLang}
+${content}
+\`\`\``;
+};
+export {
+  getLanguageFromFilename,
+  isSupportedLanguage,
+  wrapContentInCodeBlock
+};

package/dist/Workspace/utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 格式化文件大小
+ * @param size 文件大小（字节）
+ * @returns 格式化后的文件大小字符串
+ */
+export declare const formatFileSize: (size: number | string) => string;
+/**
+ * 格式化最后修改时间
+ * @param timestamp 时间戳（毫秒）
+ * @returns 格式化后的时间字符串 (MM-DD HH:mm)
+ */
+export declare const formatLastModified: (date: string | number | Date) => string;

package/dist/Workspace/utils.js

@@ -0,0 +1,23 @@
+// src/Workspace/utils.tsx
+import dayjs from "dayjs";
+var formatFileSize = (size) => {
+  if (typeof size === "string")
+    return size;
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  let fileSize = size;
+  let unitIndex = 0;
+  while (fileSize >= 1024 && unitIndex < units.length - 1) {
+    fileSize /= 1024;
+    unitIndex++;
+  }
+  return `${fileSize.toFixed(2)} ${units[unitIndex]}`;
+};
+var formatLastModified = (date) => {
+  var _a;
+  const formatted = (_a = dayjs(date)) == null ? void 0 : _a.format("MM-DD HH:mm:ss");
+  return (formatted == null ? void 0 : formatted.match("Invalid")) ? typeof date === "string" ? date : "-" : formatted;
+};
+export {
+  formatFileSize,
+  formatLastModified
+};

package/dist/components/ActionIconBox/index.d.ts

@@ -0,0 +1,74 @@
+import { TooltipProps } from 'antd';
+import React from 'react';
+export type ActionIconBoxProps = {
+    children: React.ReactNode;
+    showTitle?: boolean;
+    onClick?: (e: any) => void;
+    tooltipProps?: TooltipProps;
+    title?: React.ReactNode;
+    type?: 'danger' | 'primary';
+    transform?: boolean;
+    className?: string;
+    borderLess?: boolean;
+    loading?: boolean;
+    style?: React.CSSProperties;
+    active?: boolean;
+    onInit?: () => void;
+    'data-testid'?: string;
+    noPadding?: boolean;
+    iconStyle?: React.CSSProperties;
+    onLoadingChange?: (loading: boolean) => void;
+    theme?: 'light' | 'dark';
+};
+/**
+ * ActionIconBox 组件 - 操作图标盒子组件
+ *
+ * 该组件提供可点击的图标操作按钮，支持加载状态、工具提示、键盘导航等功能。
+ * 主要用于编辑器工具栏中的各种操作按钮。
+ *
+ * @component
+ * @description 操作图标盒子组件，提供可交互的图标按钮
+ * @param {ActionIconBoxProps} props - 组件属性
+ * @param {React.ReactNode} props.children - 图标内容
+ * @param {boolean} [props.showTitle] - 是否显示标题文本
+ * @param {(e: any) => void} [props.onClick] - 点击回调函数
+ * @param {TooltipProps} [props.tooltipProps] - 工具提示配置
+ * @param {string} props.title - 按钮标题和工具提示文本
+ * @param {'danger' | 'primary'} [props.type] - 按钮类型
+ * @param {boolean} [props.transform] - 是否启用变换效果
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {boolean} [props.borderLess] - 是否无边框样式
+ * @param {boolean} [props.loading] - 是否显示加载状态
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ * @param {boolean} [props.scale] - 是否启用缩放效果
+ * @param {boolean} [props.active] - 是否处于激活状态
+ * @param {() => void} [props.onInit] - 初始化回调函数
+ * @param {string} [props['data-testid']] - 测试ID
+ * @param {boolean} [props.noPadding] - 是否无内边距
+ * @param {React.CSSProperties} [props.iconStyle] - 图标样式
+ *
+ * @example
+ * ```tsx
+ * <ActionIconBox
+ *   title="保存"
+ *   onClick={() => console.log('保存')}
+ *   type="primary"
+ *   loading={false}
+ * >
+ *   <SaveIcon />
+ * </ActionIconBox>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的操作图标盒子组件
+ *
+ * @remarks
+ * - 支持加载状态显示
+ * - 提供工具提示功能
+ * - 支持键盘导航（Enter、空格键）
+ * - 支持多种按钮类型
+ * - 提供无障碍支持
+ * - 支持自定义样式和类名
+ * - 集成 Ant Design 组件
+ * - 响应式交互设计
+ */
+export declare const ActionIconBox: React.FC<ActionIconBoxProps>;

package/dist/components/ActionIconBox/index.js

@@ -0,0 +1,157 @@
+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));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/components/ActionIconBox/index.tsx
+import { LoadingOutlined } from "@ant-design/icons";
+import { ConfigProvider, Tooltip } from "antd";
+import cx from "classnames";
+import { useMergedState } from "rc-util";
+import React, { useContext, useEffect, useMemo } from "react";
+import { useStyle } from "./style";
+var ActionIconBox = (props) => {
+  var _a, _b, _c, _d;
+  const [loading, setLoading] = useMergedState(false, {
+    value: props.loading,
+    onChange: props.onLoadingChange
+  });
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("md-editor-action-icon-box");
+  const { wrapSSR, hashId } = useStyle(prefixCls);
+  useEffect(() => {
+    var _a2;
+    (_a2 = props.onInit) == null ? void 0 : _a2.call(props);
+  }, []);
+  const icon = useMemo(() => {
+    var _a2, _b2, _c2;
+    return loading ? /* @__PURE__ */ React.createElement(LoadingOutlined, null) : React.cloneElement(props.children, __spreadProps(__spreadValues({}, (_a2 = props == null ? void 0 : props.children) == null ? void 0 : _a2.props), {
+      style: __spreadValues(__spreadValues({}, (_c2 = (_b2 = props == null ? void 0 : props.children) == null ? void 0 : _b2.props) == null ? void 0 : _c2.style), props.iconStyle)
+    }));
+  }, [loading, props.loading, props == null ? void 0 : props.iconStyle]);
+  return wrapSSR(
+    props.title ? /* @__PURE__ */ React.createElement(Tooltip, __spreadValues({ title: props.title, mouseEnterDelay: 1 }, props.tooltipProps), /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "data-testid": props["data-testid"] || "action-icon-box",
+        role: "button",
+        tabIndex: 0,
+        "aria-label": (_a = props.title) == null ? void 0 : _a.toString(),
+        title: (_b = props.title) == null ? void 0 : _b.toString(),
+        className: cx(prefixCls, hashId, props.className, {
+          [`${prefixCls}-danger`]: props.type === "danger",
+          [`${prefixCls}-primary`]: props.type === "primary",
+          [`${prefixCls}-border-less`]: props.borderLess,
+          [`${prefixCls}-active`]: props.active,
+          [`${prefixCls}-transform`]: props.transform,
+          [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
+          [`${prefixCls}-noPadding`]: props.noPadding
+        }),
+        onClick: (e) => __async(void 0, null, function* () {
+          var _a2;
+          e.preventDefault();
+          if (!props.onClick)
+            return;
+          if (loading)
+            return;
+          setLoading(true);
+          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
+          setLoading(false);
+        }),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (!props.onClick)
+              return;
+            if (loading)
+              return;
+            props.onClick(e);
+          }
+        },
+        style: props.style
+      },
+      icon,
+      props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
+    )) : /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        "data-testid": props["data-testid"] || "action-icon-box",
+        role: "button",
+        tabIndex: 0,
+        "aria-label": (_c = props.title) == null ? void 0 : _c.toString(),
+        title: (_d = props.title) == null ? void 0 : _d.toString(),
+        className: cx(prefixCls, hashId, props.className, {
+          [`${prefixCls}-danger`]: props.type === "danger",
+          [`${prefixCls}-primary`]: props.type === "primary",
+          [`${prefixCls}-border-less`]: props.borderLess,
+          [`${prefixCls}-active`]: props.active,
+          [`${prefixCls}-transform`]: props.transform,
+          [`${prefixCls}-${props.theme || "light"}`]: props.theme || "light",
+          [`${prefixCls}-noPadding`]: props.noPadding
+        }),
+        onClick: (e) => __async(void 0, null, function* () {
+          var _a2;
+          e.preventDefault();
+          if (!props.onClick)
+            return;
+          if (loading)
+            return;
+          setLoading(true);
+          yield (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
+          setLoading(false);
+        }),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (!props.onClick)
+              return;
+            if (loading)
+              return;
+            props.onClick(e);
+          }
+        },
+        style: props.style
+      },
+      icon,
+      props.showTitle && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-title ${hashId}` }, props.title)
+    )
+  );
+};
+export {
+  ActionIconBox
+};

package/dist/components/ActionIconBox/style.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * Probubble
+ * @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;
+};