@ant-design/agentic-ui 2.0.10 → 2.0.13

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

@@ -4,163 +4,94 @@ import { AttachmentFile, UploadResponse } from './types';
 export * from './AttachmentButtonPopover';
 export type { AttachmentFile, UploadResponse } from './types';
 /**
- * AttachmentButton 组件的属性
+ * AttachmentButton 组件属性
  */
 export type AttachmentButtonProps = {
-    /**
-     * 处理文件上传的函数。返回一个 Promise，解析为字符串（通常是 URL 或文件 ID）。
-     * @param file - 要上传的附件文件
-     * @returns 解析为已上传文件标识符的 Promise
-     * @example
-     * const uploadFile = async (file: AttachmentFile) => {
-     *   const response = await api.uploadFile(file);
-     *   return response.fileId;
-     * }
-     */
-    upload?: (file: AttachmentFile) => Promise<string>;
-    /**
-     * 处理文件上传的函数（返回完整响应对象）。返回一个 Promise，解析为 UploadResponse 对象。
-     * 优先级高于 upload 接口，返回的完整响应对象会存储在 file.uploadResponse 中。
-     * @param file - 要上传的附件文件
-     * @param index - 文件在上传队列中的索引
-     * @returns 解析为 UploadResponse 对象的 Promise
-     * @example
-     * const uploadWithResponse = async (file: AttachmentFile, index: number) => {
-     *   const response = await api.uploadFile(file);
-     *   return {
-     *     contentId: null,
-     *     errorMessage: null,
-     *     fileId: response.fileId,
-     *     fileName: response.fileName,
-     *     fileSize: file.size,
-     *     fileType: response.fileType,
-     *     fileUrl: response.fileUrl,
-     *     uploadStatus: 'SUCCESS'
-     *   };
-     * }
-     */
+    /** 文件上传处理函数，返回文件 URL */
+    upload?: (file: AttachmentFile, index: number) => Promise<string>;
+    /** 文件上传处理函数（返回完整响应），优先级高于 upload */
     uploadWithResponse?: (file: AttachmentFile, index: number) => Promise<UploadResponse>;
-    /**
-     * 存储当前附件文件的 Map，以文件 ID 为键，文件对象为值
-     * @example
-     * const fileMap = new Map<string, AttachmentFile>([
-     *   ['file-1', { name: 'document.pdf', size: 1024, type: 'application/pdf' }]
-     * ]);
-     */
+    /** 文件映射表，用于存储已上传的文件 */
     fileMap?: Map<string, AttachmentFile>;
-    /**
-     * 当附件文件集合发生变化时触发的回调
-     * @param files - 更新后的文件 Map
-     * @example
-     * const handleFilesChange = (files: Map<string, AttachmentFile>) => {
-     *   console.log('Files changed:', Array.from(files.values()));
-     *   setAttachedFiles(files);
-     * }
-     */
+    /** 文件映射表变更时的回调 */
     onFileMapChange?: (files?: Map<string, AttachmentFile>) => void;
-    /**
-     * 定义附件按钮支持的文件格式
-     * @see AttachmentButtonPopoverProps.supportedFormat
-     * @example
-     * const format = {
-     *   icon: <FileImageOutlined />,
-     *   type: '图片',
-     *   maxSize: 10 * 1024,
-     *   extensions: ['jpg', 'jpeg', 'png', 'gif'],
-     * };
-     */
-    supportedFormat?: AttachmentButtonPopoverProps['supportedFormat'] /**
-     * 是否禁用附件上传按钮
-     */;
+    /** 支持的文件格式配置 */
+    supportedFormat?: AttachmentButtonPopoverProps['supportedFormat'];
+    /** 是否禁用按钮 */
     disabled?: boolean;
-    /**
-     * 自定义渲染函数，用于完全替换默认的 AttachmentButtonPopover
-     * @param children - 需要包装的子元素（通常是 Paperclip 图标）
-     * @param supportedFormat - 支持的文件格式配置
-     * @returns 自定义的渲染组件
-     * @example
-     * const customRender = ({ children, supportedFormat }) => (
-     *   <Tooltip title="自定义上传提示">
-     *     {children}
-     *   </Tooltip>
-     * );
-     */
+    /** 自定义渲染函数，用于替换默认的 Popover */
     render?: (props: {
         children: React.ReactNode;
         supportedFormat?: AttachmentButtonPopoverProps['supportedFormat'];
     }) => React.ReactElement;
-    /**
-     * 删除文件的回调函数
-     * @param file - 被删除的文件对象
-     * @example
-     * const handleDelete = async (file: AttachmentFile) => {
-     *   await api.deleteFile(file.id);
-     *  console.log('File deleted:', file.name);
-     * }
-     */
+    /** 删除文件回调 */
     onDelete?: (file: AttachmentFile) => Promise<void>;
+    /** 预览文件回调 */
     onPreview?: (file: AttachmentFile) => Promise<void>;
+    /** 下载文件回调 */
     onDownload?: (file: AttachmentFile) => Promise<void>;
+    /** 单个文件最大大小（字节） */
     maxFileSize?: number;
+    /** 最大文件数量 */
     maxFileCount?: number;
+    /** 最小文件数量 */
     minFileCount?: number;
 };
-export declare const upLoadFileToServer: (files: ArrayLike<File>, props: {
-    fileMap?: Map<string, AttachmentFile> | undefined;
-    onFileMapChange?: ((files?: Map<string, AttachmentFile>) => void) | undefined;
-    upload?: ((file: AttachmentFile, index: number) => Promise<string>) | undefined;
-    uploadWithResponse?: ((file: AttachmentFile, index: number) => Promise<UploadResponse>) | undefined;
-    maxFileSize?: number | undefined;
-    maxFileCount?: number | undefined;
-    minFileCount?: number | undefined;
+/**
+ * 文件上传配置
+ */
+type UploadProps = {
+    /** 文件映射表 */
+    fileMap?: Map<string, AttachmentFile>;
+    /** 文件映射变更回调 */
+    onFileMapChange?: (files?: Map<string, AttachmentFile>) => void;
+    /** 上传函数，返回文件 URL */
+    upload?: (file: AttachmentFile, index: number) => Promise<string>;
+    /** 上传函数（返回完整响应） */
+    uploadWithResponse?: (file: AttachmentFile, index: number) => Promise<UploadResponse>;
+    /** 单文件最大大小（字节） */
+    maxFileSize?: number;
+    /** 最大文件数量 */
+    maxFileCount?: number;
+    /** 最小文件数量 */
+    minFileCount?: number;
+    /** 国际化文案 */
     locale?: any;
-}) => Promise<void>;
+};
 /**
- * 附件上传按钮组件
- *
- * 该组件提供一个可点击的按钮，用于上传文件附件。支持多种文件格式，包括图片、文档、音频和视频。
+ * 上传文件到服务器
  *
- * @component
- * @param {object} props - 组件属性
- * @param {Map<string, AttachmentFile>} [props.fileMap] - 文件映射表，用于存储上传的文件
- * @param {(map: Map<string, AttachmentFile>) => void} [props.onFileMapChange] - 文件映射表变更时的回调函数
- * @param {(file: AttachmentFile) => Promise<string>} [props.upload] - 文件上传处理函数，返回文件URL的Promise
- * @param {Array<{icon: React.ReactNode, type: string, maxSize: number, extensions: string[]}>} [props.supportedFormats] - 支持的文件格式配置，
- *   如不提供则使用默认配置（包括图片、文档、音频、视频格式）
- * @param {function} [props.render] - 自定义渲染函数，用于完全替换默认的 AttachmentButtonPopover
+ * @param files - 要上传的文件列表
+ * @param props - 上传配置项
+ * @param props.upload - 上传函数，返回文件 URL
+ * @param props.uploadWithResponse - 上传函数（返回完整响应）
+ * @param props.fileMap - 文件映射表
+ * @param props.onFileMapChange - 文件映射变更回调
+ * @param props.maxFileSize - 单文件最大大小（字节）
+ * @param props.maxFileCount - 最大文件数量
+ * @param props.minFileCount - 最小文件数量
+ * @param props.locale - 国际化文案
+ */
+export declare const upLoadFileToServer: (files: ArrayLike<File>, props: UploadProps) => Promise<void>;
+/**
+ * 附件上传按钮组件
  *
- * @example
- * // 使用默认 Popover
- * ```tsx
- * <AttachmentButton
- *   fileMap={fileMap}
- *   onFileMapChange={handleFileMapChange}
- *   upload={uploadFileToServer}
- * />
- * ```
+ * 提供文件附件上传功能，支持图片、文档、音频、视频等多种格式
  *
  * @example
- * // 使用自定义渲染函数
  * ```tsx
- * const customRender = ({ children, supportedFormat }) => (
- *   <Tooltip title={`支持 ${supportedFormat?.type} 格式`}>
- *     <div className="custom-attachment-wrapper">
- *       {children}
- *     </div>
- *   </Tooltip>
- * );
- *
  * <AttachmentButton
+ *   supportedFormat={SupportedFileFormats.image}
+ *   upload={uploadFile}
  *   fileMap={fileMap}
- *   onFileMapChange={handleFileMapChange}
- *   upload={uploadFileToServer}
- *   render={customRender}
+ *   onFileMapChange={setFileMap}
+ *   uploadImage={handleUpload}
  * />
  * ```
- *
- * @returns {React.ReactElement} 渲染的附件按钮组件
  */
 export declare const AttachmentButton: React.FC<AttachmentButtonProps & {
+    /** 上传图片的处理函数 */
     uploadImage(): Promise<void>;
+    /** 按钮标题文本 */
     title?: React.ReactNode;
 }>;

package/dist/MarkdownInputField/AttachmentButton/index.js

@@ -18,198 +18,214 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-var __forAwait = (obj, it, method) => {
-  it = obj[Symbol.asyncIterator];
-  method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((resolve, reject, done) => {
-    arg = fn.call(obj, arg);
-    done = arg.done;
-    return Promise.resolve(arg.value).then((value) => resolve({ value, done }), reject);
-  }));
-  return it ? it.call(obj) : (obj = obj[Symbol.iterator](), it = {}, method("next"), method("return"), it);
-};
 
 // src/MarkdownInputField/AttachmentButton/index.tsx
 import { Paperclip } from "@sofa-design/icons";
 import { ConfigProvider, message } from "antd";
 import classNames from "classnames";
-import { default as React, useContext, useMemo } from "react";
-import { compileTemplate } from "../../i18n";
+import { default as React, useContext } from "react";
+import { compileTemplate } from "../../I18n";
 import AttachmentButtonPopover, {
   SupportedFileFormats
 } from "./AttachmentButtonPopover";
 import { useStyle } from "./style";
 import { isImageFile } from "./utils";
 export * from "./AttachmentButtonPopover";
-var waitTime = (time) => {
-  return new Promise((resolve) => {
-    setTimeout(resolve, time);
-  });
+var WAIT_TIME_MS = 16;
+var KB_SIZE = 1024;
+var DEFAULT_MESSAGES = {
+  uploading: "Uploading...",
+  uploadSuccess: "Upload success",
+  uploadFailed: "Upload failed",
+  maxFileCountExceeded: (count) => `最多只能上传 ${count} 个文件`,
+  minFileCountRequired: (count) => `至少需要上传 ${count} 个文件`,
+  fileSizeExceeded: (size) => `文件大小超过 ${size} KB`
 };
-var upLoadFileToServer = (files, props) => __async(void 0, null, function* () {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  const map = props.fileMap || /* @__PURE__ */ new Map();
-  const hideLoading = message.loading(
-    ((_a = props.locale) == null ? void 0 : _a.uploading) || "Uploading..."
+var waitTime = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+var generateFileUUID = (fileName) => {
+  return Date.now() + Math.random() * 1e3 + fileName;
+};
+var prepareFile = (file) => {
+  file.status = "uploading";
+  file.uuid = generateFileUUID(file.name);
+  if (isImageFile(file)) {
+    file.previewUrl = URL.createObjectURL(file);
+  }
+};
+var getLocaleMessage = (locale, key, defaultMsg) => {
+  return (locale == null ? void 0 : locale[key]) || defaultMsg;
+};
+var validateFileCount = (fileCount, props) => {
+  var _a, _b;
+  if (props.maxFileCount && fileCount > props.maxFileCount) {
+    const msg = ((_a = props.locale) == null ? void 0 : _a["markdownInput.maxFileCountExceeded"]) ? compileTemplate(props.locale["markdownInput.maxFileCountExceeded"], {
+      maxFileCount: String(props.maxFileCount)
+    }) : DEFAULT_MESSAGES.maxFileCountExceeded(props.maxFileCount);
+    message.error(msg);
+    return false;
+  }
+  if (props.minFileCount && fileCount < props.minFileCount) {
+    const msg = ((_b = props.locale) == null ? void 0 : _b["markdownInput.minFileCountRequired"]) ? compileTemplate(props.locale["markdownInput.minFileCountRequired"], {
+      minFileCount: String(props.minFileCount)
+    }) : DEFAULT_MESSAGES.minFileCountRequired(props.minFileCount);
+    message.error(msg);
+    return false;
+  }
+  return true;
+};
+var validateFileSize = (file, props) => {
+  var _a, _b;
+  if (!props.maxFileSize || file.size <= props.maxFileSize)
+    return true;
+  const maxSizeKB = props.maxFileSize / KB_SIZE;
+  const msg = ((_b = (_a = props.locale) == null ? void 0 : _a["markdownInput.fileSizeExceeded"]) == null ? void 0 : _b.replace(
+    "${maxSize}",
+    `${maxSizeKB}`
+  )) || DEFAULT_MESSAGES.fileSizeExceeded(maxSizeKB);
+  message.error(msg);
+  return false;
+};
+var updateFileMap = (map, file, onFileMapChange) => {
+  if (file.uuid) {
+    map.set(file.uuid, file);
+    onFileMapChange == null ? void 0 : onFileMapChange(map);
+  }
+};
+var uploadSingleFile = (file, index, props) => __async(void 0, null, function* () {
+  if (props.uploadWithResponse) {
+    const result = yield props.uploadWithResponse(file, index);
+    file.uploadResponse = result;
+    return {
+      url: result.fileUrl,
+      isSuccess: result.uploadStatus === "SUCCESS",
+      errorMsg: result.errorMessage || null
+    };
+  }
+  if (props.upload) {
+    const url = yield props.upload(file, index);
+    return { url, isSuccess: !!url, errorMsg: null };
+  }
+  return { url: file.previewUrl, isSuccess: !!file.previewUrl, errorMsg: null };
+});
+var handleUploadSuccess = (file, url, map, props) => {
+  file.status = "done";
+  file.url = url;
+  updateFileMap(map, file, props.onFileMapChange);
+  message.success(
+    getLocaleMessage(
+      props.locale,
+      "uploadSuccess",
+      DEFAULT_MESSAGES.uploadSuccess
+    )
   );
-  const fileList = Array.from(files) || [];
-  fileList == null ? void 0 : fileList.forEach((file) => {
-    file.status = "uploading";
-    file.uuid = Date.now() + Math.random() * 1e3 + file.name;
-    if (isImageFile(file)) {
-      file.previewUrl = URL.createObjectURL(file);
-    }
-    if (file.uuid) {
-      map.set(file.uuid || "", file);
-    }
-  });
-  if (props.maxFileCount && fileList.length > props.maxFileCount) {
-    message.error(
-      ((_b = props.locale) == null ? void 0 : _b["markdownInput.maxFileCountExceeded"]) ? compileTemplate(props.locale["markdownInput.maxFileCountExceeded"], {
-        maxFileCount: String(props.maxFileCount)
-      }) : `最多只能上传 ${props.maxFileCount} 个文件`
-    );
+};
+var handleUploadError = (file, errorMsg, map, props) => {
+  file.status = "error";
+  updateFileMap(map, file, props.onFileMapChange);
+  const msg = errorMsg || getLocaleMessage(
+    props.locale,
+    "uploadFailed",
+    DEFAULT_MESSAGES.uploadFailed
+  );
+  message.error(msg);
+};
+var processFile = (file, index, map, props) => __async(void 0, null, function* () {
+  yield waitTime(WAIT_TIME_MS);
+  if (!validateFileSize(file, props)) {
+    file.status = "error";
+    updateFileMap(map, file, props.onFileMapChange);
     return;
   }
-  if (props.minFileCount && fileList.length < props.minFileCount) {
-    message.error(
-      ((_c = props.locale) == null ? void 0 : _c["markdownInput.minFileCountRequired"]) ? compileTemplate(props.locale["markdownInput.minFileCountRequired"], {
-        minFileCount: String(props.minFileCount)
-      }) : `至少需要上传 ${props.minFileCount} 个文件`
+  try {
+    const { url, isSuccess, errorMsg } = yield uploadSingleFile(
+      file,
+      index,
+      props
+    );
+    if (isSuccess && url) {
+      handleUploadSuccess(file, url, map, props);
+    } else {
+      handleUploadError(file, errorMsg, map, props);
+    }
+  } catch (error) {
+    const errorMessage = error instanceof Error ? error.message : getLocaleMessage(
+      props.locale,
+      "uploadFailed",
+      DEFAULT_MESSAGES.uploadFailed
     );
+    handleUploadError(file, errorMessage, map, props);
+  }
+});
+var upLoadFileToServer = (files, props) => __async(void 0, null, function* () {
+  const map = props.fileMap || /* @__PURE__ */ new Map();
+  const hideLoading = message.loading(
+    getLocaleMessage(props.locale, "uploading", DEFAULT_MESSAGES.uploading)
+  );
+  const fileList = Array.from(files);
+  fileList.forEach(prepareFile);
+  fileList.forEach((file) => updateFileMap(map, file, props.onFileMapChange));
+  if (!validateFileCount(fileList.length, props)) {
+    hideLoading();
     return;
   }
-  (_d = props.onFileMapChange) == null ? void 0 : _d.call(props, map);
   try {
-    let index = 0;
-    try {
-      for (var iter = __forAwait(fileList), more, temp, error; more = !(temp = yield iter.next()).done; more = false) {
-        const file = temp.value;
-        yield waitTime(16);
-        if (props.maxFileSize && file.size > props.maxFileSize) {
-          file.status = "error";
-          map.set(file.uuid || "", file);
-          (_e = props.onFileMapChange) == null ? void 0 : _e.call(props, map);
-          message.error(
-            ((_g = (_f = props.locale) == null ? void 0 : _f["markdownInput.fileSizeExceeded"]) == null ? void 0 : _g.replace(
-              "${maxSize}",
-              `${props.maxFileSize / 1024}`
-            )) || `文件大小超过 ${props.maxFileSize / 1024} KB`
-          );
-          continue;
-        }
-        try {
-          let url;
-          let isSuccess = false;
-          let errorMsg = null;
-          if (props.uploadWithResponse) {
-            const uploadResult = yield props.uploadWithResponse(file, index);
-            url = uploadResult.fileUrl;
-            isSuccess = uploadResult.uploadStatus === "SUCCESS";
-            errorMsg = uploadResult.errorMessage || null;
-            file.uploadResponse = uploadResult;
-          } else if (props.upload) {
-            url = yield props.upload(file, index);
-            isSuccess = !!url;
-          } else {
-            url = file.previewUrl;
-            isSuccess = !!url;
-          }
-          if (isSuccess && url) {
-            file.status = "done";
-            file.url = url;
-            map.set(file.uuid || "", file);
-            (_h = props.onFileMapChange) == null ? void 0 : _h.call(props, map);
-            message.success(((_i = props.locale) == null ? void 0 : _i.uploadSuccess) || "Upload success");
-          } else {
-            file.status = "error";
-            map.set(file.uuid || "", file);
-            (_j = props.onFileMapChange) == null ? void 0 : _j.call(props, map);
-            const failedMsg = errorMsg || ((_k = props.locale) == null ? void 0 : _k.uploadFailed) || "Upload failed";
-            message.error(failedMsg);
-          }
-        } catch (error2) {
-          file.status = "error";
-          map.set(file.uuid || "", file);
-          (_l = props.onFileMapChange) == null ? void 0 : _l.call(props, map);
-          const errorMessage = error2 instanceof Error ? error2.message : ((_m = props.locale) == null ? void 0 : _m.uploadFailed) || "Upload failed";
-          message.error(errorMessage);
-        }
-        index++;
-      }
-    } catch (temp) {
-      error = [temp];
-    } finally {
-      try {
-        more && (temp = iter.return) && (yield temp.call(iter));
-      } finally {
-        if (error)
-          throw error[0];
-      }
+    for (let i = 0; i < fileList.length; i++) {
+      yield processFile(fileList[i], i, map, props);
     }
-  } catch (error2) {
+  } catch (error) {
     fileList.forEach((file) => {
       file.status = "error";
-      if (file.uuid) {
-        map.set(file.uuid || "", file);
-      }
+      updateFileMap(map, file, props.onFileMapChange);
     });
-    message.error(((_n = props.locale) == null ? void 0 : _n.uploadFailed) || "Upload failed");
-    (_o = props.onFileMapChange) == null ? void 0 : _o.call(props, map);
+    message.error(
+      getLocaleMessage(
+        props.locale,
+        "uploadFailed",
+        DEFAULT_MESSAGES.uploadFailed
+      )
+    );
   } finally {
     hideLoading();
   }
 });
-var AttachmentButton = (props) => {
+var BUTTON_WITH_TITLE_STYLE = {
+  display: "flex",
+  alignItems: "center",
+  gap: 4
+};
+var BUTTON_TITLE_STYLE = {
+  font: "var(--font-text-body-base)",
+  letterSpacing: "var(--letter-spacing-body-base, normal)",
+  color: "var(--color-gray-text-default)"
+};
+var ButtonContent = ({ title }) => {
+  if (!title)
+    return /* @__PURE__ */ React.createElement(Paperclip, null);
+  return /* @__PURE__ */ React.createElement("div", { style: BUTTON_WITH_TITLE_STYLE }, /* @__PURE__ */ React.createElement(Paperclip, null), /* @__PURE__ */ React.createElement("div", { style: BUTTON_TITLE_STYLE }, title));
+};
+var AttachmentButton = ({ disabled, uploadImage, title, supportedFormat, render }) => {
   const context = useContext(ConfigProvider.ConfigContext);
   const prefix = context == null ? void 0 : context.getPrefixCls("md-editor-attachment-button");
   const { wrapSSR, hashId } = useStyle(prefix);
-  const supportedFormat = useMemo(() => {
-    if (props.supportedFormat) {
-      return props.supportedFormat;
-    }
-    return SupportedFileFormats.image;
-  }, [props.supportedFormat]);
-  const dom = props.title ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: 4
-      }
-    },
-    /* @__PURE__ */ React.createElement(Paperclip, null),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          font: "var(--font-text-body-base)",
-          letterSpacing: "var(--letter-spacing-body-base, normal)",
-          color: "var(--color-gray-text-default)"
-        }
-      },
-      props.title
-    )
-  ) : /* @__PURE__ */ React.createElement(Paperclip, null);
+  const format = supportedFormat || SupportedFileFormats.image;
+  const content = /* @__PURE__ */ React.createElement(ButtonContent, { title });
+  const handleClick = () => {
+    if (disabled)
+      return;
+    uploadImage == null ? void 0 : uploadImage();
+  };
+  const wrapper = render ? render({ children: content, supportedFormat: format }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat: format }, content);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
       {
         className: classNames(`${prefix}`, hashId, {
-          [`${prefix}-disabled`]: props.disabled
+          [`${prefix}-disabled`]: disabled
         }),
-        onClick: () => {
-          var _a;
-          if (props.disabled)
-            return;
-          (_a = props.uploadImage) == null ? void 0 : _a.call(props);
-        },
+        onClick: handleClick,
         "data-testid": "attachment-button"
       },
-      props.render ? props.render({
-        children: dom,
-        supportedFormat
-      }) : /* @__PURE__ */ React.createElement(AttachmentButtonPopover, { supportedFormat }, dom)
+      wrapper
     )
   );
 };

package/dist/MarkdownInputField/AttachmentButton/style.js

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

package/dist/MarkdownInputField/BeforeToolContainer/BeforeToolContainer.js

@@ -20,8 +20,8 @@ import { GripVertical, Menu } from "@sofa-design/icons";
 import { ConfigProvider, Popover } from "antd";
 import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { useStyle } from "../../components/ActionItemBox";
-import { useRefFunction } from "../../hooks/useRefFunction";
+import { useStyle } from "../../Components/ActionItemBox";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 var INTERACTIVE_SELECTOR = 'button, a, input, textarea, select, [role="button"], [contenteditable="true"], [data-no-pan]';
 var PAN_THRESHOLD = 6;
 var SCROLL_STYLE = {

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface EnlargementProps {
+    /** 是否处于放大状态 */
+    isEnlarged?: boolean;
+    /** 点击放大图标的回调 */
+    onEnlargeClick?: () => void;
+}
+declare const Enlargement: React.FC<EnlargementProps>;
+export default Enlargement;

package/dist/MarkdownInputField/Enlargement/index.js

@@ -0,0 +1,41 @@
+// src/MarkdownInputField/Enlargement/index.tsx
+import { ExpandAlt, FoldAlt } from "@sofa-design/icons";
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import { useStyle } from "./style";
+var Enlargement = ({
+  isEnlarged = false,
+  onEnlargeClick
+}) => {
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const baseCls = getPrefixCls("md-enlargement");
+  const { wrapSSR, hashId } = useStyle(baseCls);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement("div", { className: classNames(baseCls, hashId) }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: classNames(`${baseCls}-icon`, hashId, {
+          enlarged: isEnlarged
+        }),
+        role: "button",
+        tabIndex: 0,
+        "aria-label": isEnlarged ? "缩小" : "放大",
+        "aria-pressed": !!isEnlarged,
+        onClick: onEnlargeClick,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            onEnlargeClick == null ? void 0 : onEnlargeClick();
+          }
+        },
+        title: isEnlarged ? "缩小" : "放大"
+      },
+      isEnlarged ? /* @__PURE__ */ React.createElement(FoldAlt, null) : /* @__PURE__ */ React.createElement(ExpandAlt, null)
+    ))
+  );
+};
+var Enlargement_default = Enlargement;
+export {
+  Enlargement_default as default
+};