@ant-design/agentic-ui 2.4.2 → 2.5.0

package/dist/Bubble/List/PureBubbleList.d.ts

@@ -0,0 +1,32 @@
+import { MutableRefObject } from 'react';
+import type { BubbleMetaData, BubbleProps, MessageBubbleData } from '../type';
+import React from 'react';
+export interface PureBubbleListProps {
+    bubbleList: MessageBubbleData[];
+    readonly?: boolean;
+    bubbleListRef?: MutableRefObject<HTMLDivElement | null>;
+    bubbleRef?: MutableRefObject<any | undefined>;
+    isLoading?: boolean;
+    className?: string;
+    bubbleRenderConfig?: BubbleProps['bubbleRenderConfig'];
+    style?: React.CSSProperties;
+    userMeta?: BubbleMetaData;
+    assistantMeta?: BubbleMetaData;
+    styles?: BubbleProps['styles'];
+    classNames?: BubbleProps['classNames'];
+    markdownRenderConfig?: BubbleProps['markdownRenderConfig'];
+    docListProps?: BubbleProps['docListProps'];
+    onDisLike?: BubbleProps['onDisLike'];
+    onLike?: BubbleProps['onLike'];
+    onCancelLike?: BubbleProps['onCancelLike'];
+    onReply?: BubbleProps['onReply'];
+    onAvatarClick?: BubbleProps['onAvatarClick'];
+    onDoubleClick?: BubbleProps['onDoubleClick'];
+    shouldShowCopy?: BubbleProps['shouldShowCopy'];
+    shouldShowVoice?: BubbleProps['shouldShowVoice'];
+    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
+    onWheel?: (event: React.WheelEvent<HTMLDivElement>, bubbleListRef: HTMLDivElement | null) => void;
+    onTouchMove?: (event: React.TouchEvent<HTMLDivElement>, bubbleListRef: HTMLDivElement | null) => void;
+}
+export declare const PureBubbleList: React.FC<PureBubbleListProps>;
+export default PureBubbleList;

package/dist/Bubble/List/PureBubbleList.js

@@ -0,0 +1,143 @@
+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/Bubble/List/PureBubbleList.tsx
+import SkeletonList from "./SkeletonList";
+import { useContext, useMemo } from "react";
+import { ConfigProvider } from "antd";
+import cx from "classnames";
+import React from "react";
+import { PureAIBubble, PureUserBubble } from "../PureBubble";
+import { BubbleConfigContext } from "../BubbleConfigProvide";
+import { useStyle } from "./style";
+var PureBubbleList = (props) => {
+  const {
+    bubbleList,
+    bubbleListRef,
+    bubbleRenderConfig,
+    className,
+    classNames,
+    docListProps,
+    isLoading,
+    markdownRenderConfig,
+    onAvatarClick,
+    onCancelLike,
+    onDisLike,
+    onDoubleClick,
+    onLike,
+    onReply,
+    onScroll,
+    onTouchMove,
+    onWheel,
+    shouldShowCopy,
+    shouldShowVoice,
+    style,
+    styles,
+    userMeta,
+    assistantMeta
+  } = props;
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const { compact } = useContext(BubbleConfigContext) || {};
+  const prefixClass = getPrefixCls("agentic-bubble-list");
+  const { wrapSSR, hashId } = useStyle(prefixClass);
+  const deps = useMemo(() => [props.style], [JSON.stringify(props.style)]);
+  const listDom = useMemo(() => {
+    return bubbleList.map((item, index) => {
+      const placement = item.role === "user" ? "right" : "left";
+      const BubbleComponent = placement === "right" ? PureUserBubble : PureAIBubble;
+      const isLast = index === bubbleList.length - 1;
+      item.isLatest = isLast;
+      item.isLast = isLast;
+      return /* @__PURE__ */ React.createElement(
+        BubbleComponent,
+        {
+          key: item.id,
+          "data-id": item.id,
+          avatar: __spreadValues(__spreadValues({}, placement === "right" ? userMeta : assistantMeta), item.meta),
+          preMessage: bubbleList[index - 1],
+          id: item.id,
+          style: __spreadValues({}, styles == null ? void 0 : styles.bubbleListItemStyle),
+          originData: item,
+          placement,
+          time: item.updateAt || item.createAt,
+          deps,
+          pure: true,
+          bubbleListRef,
+          bubbleRenderConfig,
+          classNames,
+          bubbleRef: props.bubbleRef,
+          markdownRenderConfig,
+          docListProps,
+          styles: __spreadProps(__spreadValues({}, styles), {
+            bubbleListItemContentStyle: __spreadValues(__spreadValues({}, styles == null ? void 0 : styles.bubbleListItemContentStyle), placement === "right" ? styles == null ? void 0 : styles.bubbleListRightItemContentStyle : styles == null ? void 0 : styles.bubbleListLeftItemContentStyle)
+          }),
+          readonly: props.readonly,
+          onReply,
+          onDisLike,
+          onLike,
+          onCancelLike,
+          onAvatarClick,
+          onDoubleClick,
+          customConfig: bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.customConfig,
+          shouldShowCopy,
+          shouldShowVoice
+        }
+      );
+    });
+  }, [bubbleList, props.style]);
+  if (isLoading) {
+    return wrapSSR(
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: cx(prefixClass, `${prefixClass}-loading`, className, hashId),
+          ref: bubbleListRef,
+          style: {
+            padding: 24
+          }
+        },
+        /* @__PURE__ */ React.createElement(SkeletonList, null)
+      )
+    );
+  }
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: cx(`${prefixClass}`, className, hashId, {
+          [`${prefixClass}-readonly`]: props.readonly,
+          [`${prefixClass}-compact`]: compact
+        }),
+        "data-chat-list": bubbleList.length,
+        style,
+        ref: bubbleListRef,
+        onScroll,
+        onWheel: (event) => onWheel == null ? void 0 : onWheel(event, (bubbleListRef == null ? void 0 : bubbleListRef.current) || null),
+        onTouchMove: (event) => onTouchMove == null ? void 0 : onTouchMove(event, (bubbleListRef == null ? void 0 : bubbleListRef.current) || null)
+      },
+      listDom
+    )
+  );
+};
+var PureBubbleList_default = PureBubbleList;
+export {
+  PureBubbleList,
+  PureBubbleList_default as default
+};

package/dist/Bubble/List/index.d.ts

@@ -1,3 +1,4 @@
+export { PureBubbleList } from './PureBubbleList';
 import { MutableRefObject } from 'react';
 import type { BubbleMetaData, BubbleProps, MessageBubbleData } from '../type';
 import React from 'react';

package/dist/Bubble/List/index.js

@@ -20,6 +20,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/Bubble/List/index.tsx
 import SkeletonList from "./SkeletonList";
+import { PureBubbleList } from "./PureBubbleList";
 import { useContext, useMemo } from "react";
 import { ConfigProvider } from "antd";
 import cx from "classnames";
@@ -131,5 +132,6 @@ var BubbleList = (props) => {
 var List_default = BubbleList;
 export {
   BubbleList,
+  PureBubbleList,
   List_default as default
 };

package/dist/Bubble/PureBubble.d.ts

@@ -0,0 +1,15 @@
+import { MutableRefObject } from 'react';
+import React from 'react';
+import type { BubbleProps } from './type';
+export declare const PureBubble: React.FC<BubbleProps & {
+    deps?: any[];
+    bubbleRef?: MutableRefObject<any | undefined>;
+}>;
+export declare const PureAIBubble: React.FC<BubbleProps & {
+    deps?: any[];
+    bubbleRef?: MutableRefObject<any | undefined>;
+}>;
+export declare const PureUserBubble: React.FC<BubbleProps & {
+    deps?: any[];
+    bubbleRef?: MutableRefObject<any | undefined>;
+}>;

package/dist/Bubble/PureBubble.js

@@ -0,0 +1,350 @@
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/Bubble/PureBubble.tsx
+import { memo, useContext } from "react";
+import { ConfigProvider, Flex } from "antd";
+import cx from "classnames";
+import React from "react";
+import { BaseMarkdownEditor } from "../MarkdownEditor/BaseMarkdownEditor";
+import { runRender } from "./AIBubble";
+import { BubbleAvatar } from "./Avatar";
+import { BubbleConfigContext } from "./BubbleConfigProvide";
+import { MessagesContext } from "./MessagesContent/BubbleContext";
+import { BubbleExtra } from "./MessagesContent/BubbleExtra";
+import { useStyle } from "./style";
+import { BubbleTitle } from "./Title";
+var PureBubble = memo((props) => {
+  var _a, _c, _d, _e, _f;
+  const {
+    onAvatarClick,
+    className,
+    style,
+    bubbleRenderConfig,
+    classNames,
+    styles,
+    originData
+  } = props;
+  const [hidePadding, setHidePadding] = React.useState(false);
+  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
+  const context = useContext(BubbleConfigContext);
+  const { compact, standalone, locale } = context || {};
+  const prefixClass = getPrefixCls("agentic");
+  const { wrapSSR, hashId } = useStyle(prefixClass);
+  const placement = (_a = props.placement) != null ? _a : "left";
+  const isRightPlacement = placement === "right";
+  const time = (originData == null ? void 0 : originData.createAt) || props.time;
+  const avatar = (originData == null ? void 0 : originData.meta) || props.avatar;
+  const defaultMarkdown = typeof (originData == null ? void 0 : originData.content) === "string" ? originData.content : "";
+  const _b = props.markdownRenderConfig || {}, {
+    initValue: configInitValue,
+    readonly: configReadonly
+  } = _b, markdownConfig = __objRest(_b, [
+    "initValue",
+    "readonly"
+  ]);
+  const editorInitValue = configInitValue != null ? configInitValue : defaultMarkdown;
+  const editorReadonly = (_d = (_c = props.readonly) != null ? _c : configReadonly) != null ? _d : false;
+  const titleDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.titleRender,
+    props,
+    /* @__PURE__ */ React.createElement(
+      BubbleTitle,
+      {
+        bubbleNameClassName: classNames == null ? void 0 : classNames.bubbleNameClassName,
+        className: classNames == null ? void 0 : classNames.bubbleListItemTitleClassName,
+        style: styles == null ? void 0 : styles.bubbleListItemTitleStyle,
+        prefixClass: cx(`${prefixClass}-bubble-title`),
+        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+        placement,
+        time
+      }
+    )
+  );
+  const avatarDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.avatarRender,
+    props,
+    /* @__PURE__ */ React.createElement(
+      BubbleAvatar,
+      {
+        className: classNames == null ? void 0 : classNames.bubbleListItemAvatarClassName,
+        avatar: avatar == null ? void 0 : avatar.avatar,
+        background: avatar == null ? void 0 : avatar.backgroundColor,
+        title: (avatar == null ? void 0 : avatar.title) || (avatar == null ? void 0 : avatar.name),
+        onClick: onAvatarClick,
+        prefixCls: `${prefixClass}-bubble-avatar`,
+        style: styles == null ? void 0 : styles.bubbleListItemAvatarStyle
+      }
+    )
+  );
+  const markdownEditorDom = /* @__PURE__ */ React.createElement(
+    BaseMarkdownEditor,
+    __spreadProps(__spreadValues({}, markdownConfig), {
+      initValue: editorInitValue,
+      readonly: editorReadonly
+    })
+  );
+  const contentBeforeDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentBeforeRender,
+    props,
+    null
+  );
+  const contentAfterDom = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentAfterRender,
+    props,
+    null
+  );
+  const messageContent = runRender(
+    bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.contentRender,
+    props,
+    markdownEditorDom
+  );
+  const extraDom = (bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.extraRender) === false ? null : /* @__PURE__ */ React.createElement(
+    BubbleExtra,
+    {
+      pure: true,
+      style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
+      readonly: props.readonly,
+      rightRender: (_e = props == null ? void 0 : props.bubbleRenderConfig) == null ? void 0 : _e.extraRightRender,
+      onReply: props.onReply,
+      onCancelLike: props.onCancelLike,
+      shouldShowCopy: props.shouldShowCopy,
+      useSpeech: props.useSpeech,
+      shouldShowVoice: props.shouldShowVoice,
+      onDisLike: props.onDisLike ? () => __async(void 0, null, function* () {
+        var _a2, _b2, _c2, _d2;
+        try {
+          yield (_a2 = props.onDisLike) == null ? void 0 : _a2.call(props, props.originData);
+          (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(_c2, props.id, {
+            feedback: "thumbsDown"
+          });
+        } catch (error) {
+        }
+      }) : void 0,
+      bubble: props,
+      onLike: props.onLike ? () => __async(void 0, null, function* () {
+        var _a2, _b2, _c2, _d2;
+        try {
+          yield (_a2 = props.onLike) == null ? void 0 : _a2.call(props, props.originData);
+          (_d2 = (_c2 = (_b2 = props.bubbleRef) == null ? void 0 : _b2.current) == null ? void 0 : _c2.setMessageItem) == null ? void 0 : _d2.call(_c2, props.id, {
+            feedback: "thumbsUp"
+          });
+        } catch (error) {
+        }
+      }) : void 0
+    }
+  );
+  const itemDom = wrapSSR(
+    /* @__PURE__ */ React.createElement(
+      BubbleConfigContext.Provider,
+      {
+        value: {
+          compact,
+          standalone: !!standalone,
+          locale,
+          bubble: props
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        Flex,
+        {
+          className: cx(
+            hashId,
+            className,
+            `${prefixClass}-bubble`,
+            `${prefixClass}-bubble-${placement}`,
+            `${prefixClass}-bubble-pure`,
+            {
+              [`${prefixClass}-bubble-compact`]: compact
+            },
+            classNames == null ? void 0 : classNames.bubbleClassName
+          ),
+          style,
+          vertical: true,
+          id: props.id,
+          "data-id": props.id,
+          gap: 12
+        },
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style,
+            className: cx(
+              `${prefixClass}-bubble-container`,
+              `${prefixClass}-bubble-container-${placement}`,
+              {
+                [`${prefixClass}-bubble-container-pure`]: props.pure
+              },
+              hashId
+            )
+          },
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: cx(
+                `${prefixClass}-bubble-avatar-title`,
+                `${prefixClass}-bubble-avatar-title-${placement}`,
+                `${prefixClass}-bubble-avatar-title-pure`,
+                classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
+                hashId,
+                {
+                  [`${prefixClass}-bubble-avatar-title-compact`]: compact
+                }
+              )
+            },
+            isRightPlacement ? titleDom : avatarDom,
+            isRightPlacement ? avatarDom : titleDom
+          ),
+          /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              style: __spreadValues({
+                display: "flex",
+                gap: 4,
+                flexDirection: "column",
+                alignItems: isRightPlacement ? "flex-end" : "flex-start"
+              }, styles == null ? void 0 : styles.bubbleListItemContentStyle),
+              className: cx(
+                `${prefixClass}-bubble-content-wrapper`,
+                hashId,
+                classNames == null ? void 0 : classNames.bubbleContainerClassName
+              ),
+              "data-testid": "chat-message"
+            },
+            contentBeforeDom ? /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                style: styles == null ? void 0 : styles.bubbleListItemExtraStyle,
+                className: cx(
+                  `${prefixClass}-bubble-before`,
+                  `${prefixClass}-bubble-before-${placement}`,
+                  hashId
+                ),
+                "data-testid": "message-before"
+              },
+              contentBeforeDom
+            ) : null,
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                className: cx(
+                  `${prefixClass}-bubble-content`,
+                  `${prefixClass}-bubble-content-${placement}`,
+                  `${prefixClass}-bubble-content-pure`,
+                  classNames == null ? void 0 : classNames.bubbleListItemContentClassName,
+                  hashId
+                ),
+                onDoubleClick: props.onDoubleClick,
+                "data-testid": "message-content"
+              },
+              messageContent
+            ),
+            contentAfterDom
+          )
+        )
+      )
+    )
+  );
+  if ((bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) === false)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    MessagesContext.Provider,
+    {
+      value: {
+        message: props.originData,
+        hidePadding,
+        setHidePadding,
+        setMessage: (message) => {
+          var _a2, _b2, _c2;
+          (_c2 = (_b2 = (_a2 = props == null ? void 0 : props.bubbleRef) == null ? void 0 : _a2.current) == null ? void 0 : _b2.setMessageItem) == null ? void 0 : _c2.call(
+            _b2,
+            props.id,
+            message
+          );
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = bubbleRenderConfig == null ? void 0 : bubbleRenderConfig.render) == null ? void 0 : _f.call(
+      bubbleRenderConfig,
+      props,
+      {
+        avatar: avatarDom,
+        title: titleDom,
+        header: /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: cx(
+              `${prefixClass}-bubble-avatar-title`,
+              `${prefixClass}-bubble-avatar-title-${placement}`,
+              `${prefixClass}-bubble-avatar-title-pure`,
+              classNames == null ? void 0 : classNames.bubbleAvatarTitleClassName,
+              hashId
+            )
+          },
+          isRightPlacement ? titleDom : avatarDom,
+          isRightPlacement ? avatarDom : titleDom
+        ),
+        extra: extraDom,
+        messageContent,
+        itemDom
+      },
+      itemDom
+    )) || itemDom)
+  );
+});
+var PureAIBubble = memo((props) => /* @__PURE__ */ React.createElement(PureBubble, __spreadProps(__spreadValues({}, props), { placement: "left" })));
+var PureUserBubble = memo((props) => /* @__PURE__ */ React.createElement(PureBubble, __spreadProps(__spreadValues({}, props), { placement: "right" })));
+export {
+  PureAIBubble,
+  PureBubble,
+  PureUserBubble
+};

package/dist/Bubble/index.d.ts

@@ -7,6 +7,8 @@
 export { AIBubble, runRender } from './AIBubble';
 export { Bubble } from './Bubble';
 export * from './BubbleConfigProvide';
+export { PureBubbleList } from './List/PureBubbleList';
+export { PureAIBubble, PureBubble, PureUserBubble } from './PureBubble';
 export * from './MessagesContent/BubbleContext';
 export * from './type';
 export { UserBubble } from './UserBubble';

package/dist/Bubble/index.js

@@ -2,12 +2,18 @@
 import { AIBubble, runRender } from "./AIBubble";
 import { Bubble } from "./Bubble";
 export * from "./BubbleConfigProvide";
+import { PureBubbleList } from "./List/PureBubbleList";
+import { PureAIBubble, PureBubble, PureUserBubble } from "./PureBubble";
 export * from "./MessagesContent/BubbleContext";
 export * from "./type";
 import { UserBubble } from "./UserBubble";
 export {
   AIBubble,
   Bubble,
+  PureAIBubble,
+  PureBubble,
+  PureBubbleList,
+  PureUserBubble,
   UserBubble,
   runRender
 };

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -171,8 +171,12 @@ var BaseMarkdownEditor = (props) => {
     };
   }, []);
   const store = useMemo(
-    () => new EditorStore(markdownEditorRef, props.plugins),
-    [props.plugins]
+    () => new EditorStore(
+      markdownEditorRef,
+      props.plugins,
+      props.markdownToHtmlOptions
+    ),
+    [props.plugins, props.markdownToHtmlOptions]
   );
   const initSchemaValue = useMemo(() => {
     var _a2;

package/dist/MarkdownEditor/editor/store.d.ts

@@ -8,6 +8,7 @@ import { FootnoteDefinitionNode } from '../el';
 import type { MarkdownEditorPlugin } from '../plugin';
 import { CommentDataType, MarkdownEditorProps } from '../types';
 import { KeyboardTask, Methods } from './utils';
+import type { MarkdownToHtmlOptions } from './utils/markdownToHtml';
 /**
  * 编辑器上下文接口
  *
@@ -88,13 +89,14 @@ export declare class EditorStore {
     _editor: React.MutableRefObject<BaseEditor & ReactEditor & HistoryEditor>;
     /** 当前 setMDContent 操作的 AbortController */
     private _currentAbortController;
+    private markdownToHtmlOptions?;
     /**
      * 获取当前编辑器实例。
      *
      * @returns 当前的 Slate 编辑器实例。
      */
     get editor(): BaseEditor & ReactEditor & HistoryEditor;
-    constructor(_editor: React.MutableRefObject<BaseEditor & ReactEditor & HistoryEditor>, plugins?: MarkdownEditorPlugin[]);
+    constructor(_editor: React.MutableRefObject<BaseEditor & ReactEditor & HistoryEditor>, plugins?: MarkdownEditorPlugin[], markdownToHtmlOptions?: MarkdownToHtmlOptions);
     /**
      * 聚焦到编辑器
      */
@@ -240,7 +242,7 @@ export declare class EditorStore {
      *
      * @returns 转换为 HTML 的当前编辑器内容
      */
-    getHtmlContent(): string;
+    getHtmlContent(options?: MarkdownToHtmlOptions): string;
     /**
      * 使用节点列表设置编辑器内容
      *

package/dist/MarkdownEditor/editor/store.js

@@ -52,7 +52,7 @@ var useEditorStore = () => {
 };
 var SUPPORT_TYPING_TAG = ["table-cell", "paragraph", "head"];
 var EditorStore = class {
-  constructor(_editor, plugins) {
+  constructor(_editor, plugins, markdownToHtmlOptions) {
     /** 高亮缓存映射表 */
     this.highlightCache = /* @__PURE__ */ new Map();
     /** 允许进入的元素类型集合 */
@@ -83,6 +83,7 @@ var EditorStore = class {
     this.dragStart = this.dragStart.bind(this);
     this._editor = _editor;
     this.plugins = plugins;
+    this.markdownToHtmlOptions = markdownToHtmlOptions;
   }
   /**
    * 获取当前编辑器实例。
@@ -629,9 +630,13 @@ var EditorStore = class {
    *
    * @returns 转换为 HTML 的当前编辑器内容
    */
-  getHtmlContent() {
+  getHtmlContent(options) {
     const markdown = this.getMDContent();
-    return markdownToHtmlSync(markdown);
+    const appliedOptions = options != null ? options : this.markdownToHtmlOptions;
+    if (options) {
+      this.markdownToHtmlOptions = options;
+    }
+    return markdownToHtmlSync(markdown, appliedOptions);
   }
   /**
    * 使用节点列表设置编辑器内容