@ant-design/agentic-ui 2.0.0

package/dist/History/types/index.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+import { HistoryDataType } from './HistoryData';
+import { HistoryListConfig } from './HistoryList';
+export interface HistoryProps {
+    agentId: string;
+    standalone?: boolean;
+    sessionId: string;
+    /** 历史记录类型：'chat' | 'task' */
+    type?: 'chat' | 'task';
+    onInit?: () => void;
+    onShow?: () => void;
+    request: (params: {
+        agentId: string;
+    }) => Promise<HistoryDataType[]>;
+    /** @deprecated 请使用 onClick 替代 */
+    onSelected?: (sessionId: string) => void;
+    onClick?: (sessionId: string, item: HistoryDataType) => void;
+    onDeleteItem?: (sessionId: string) => void;
+    customDateFormatter?: (date: number | string | Date) => string;
+    itemDateFormatter?: (date: number | string | Date) => string;
+    groupBy?: (item: HistoryDataType) => string;
+    groupLabelRender?: HistoryListConfig['groupLabelRender'];
+    extra?: (item: HistoryDataType) => React.ReactElement;
+    customOperationExtra?: React.ReactNode;
+    sessionSort?: ((pre: HistoryDataType, current: HistoryDataType) => number | boolean) | false;
+    /** 外部操作引用，用于触发 reload 等功能 */
+    actionRef?: React.MutableRefObject<{
+        reload: () => void;
+    } | null>;
+    /** Agent 模式配置 */
+    agent?: {
+        /** 是否启用 agent 模式 */
+        enabled?: boolean;
+        /** 搜索回调 */
+        onSearch?: (keyword: string) => void;
+        /** 收藏回调 */
+        onFavorite?: (sessionId: string, isFavorite: boolean) => void;
+        /** 多选回调 */
+        onSelectionChange?: (selectedIds: string[]) => void;
+        /** 查看更多回调 */
+        onLoadMore?: () => void;
+        /** 是否正在加载更多 */
+        loadingMore?: boolean;
+        /** 新对话回调 */
+        onNewChat?: () => void;
+        /** 正在运行的记录ID列表，这些记录将显示运行图标 */
+        runningId?: string[];
+        /** 搜索框配置 */
+        searchOptions?: {
+            /** 搜索输入框 placeholder 文案 */
+            placeholder?: string;
+            /** 未展开时的默认文本 */
+            text?: string;
+        };
+    };
+    /** 插槽 */
+    slots?: {
+        beforeHistoryList?: (list: HistoryDataType[]) => React.ReactNode;
+    };
+}
+export interface HistoryActionsBoxProps {
+    /** 子组件，通常是时间显示或其他内容 */
+    children: React.ReactNode;
+    /** 删除操作回调函数 */
+    onDeleteItem?: () => void;
+    /** 收藏操作回调函数 */
+    /** Agent模式配置 */
+    agent?: {
+        /** 是否启用 agent 模式 */
+        enabled?: boolean;
+        /** 搜索回调 */
+        onSearch?: (keyword: string) => void;
+        /** 收藏回调 */
+        onFavorite?: (sessionId: string, isFavorite: boolean) => void;
+        /** 多选回调 */
+        onSelectionChange?: (selectedIds: string[]) => void;
+        /** 查看更多回调 */
+        onLoadMore?: () => void;
+        /** 是否正在加载更多 */
+        loadingMore?: boolean;
+    };
+    /** 历史数据项 */
+    item?: HistoryDataType;
+    /** 收藏操作回调函数 */
+    onFavorite?: (sessionId: string, isFavorite: boolean) => void;
+}
+/**
+ * @deprecated 请使用 HistoryActionsBoxProps 替代
+ */
+export interface ActionsBoxProps extends HistoryActionsBoxProps {
+    /** @deprecated 请使用 onClick 替代 */
+    onSelected?: (sessionId: string) => void;
+}

package/dist/History/utils/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 格式化时间显示
+ * @param time 时间戳或时间字符串
+ * @returns 格式化后的时间字符串
+ */
+export declare const formatTime: (time?: number | string) => string;
+/**
+ * 按指定键对数组进行分组
+ * @param list 要分组的数组
+ * @param getCategoryKey 分组键的获取函数
+ * @returns 分组后的对象
+ */
+export declare const groupByCategory: <T>(list: T[], getCategoryKey: (item: T) => string) => Record<string, T[]>;

package/dist/History/utils/index.js

@@ -0,0 +1,35 @@
+// src/History/utils/index.ts
+import dayjs from "dayjs";
+var formatTime = (time) => {
+  var _a, _b;
+  if (!time) {
+    return "";
+  }
+  if (dayjs().isSame(dayjs(time), "day")) {
+    return "今日";
+  }
+  if (dayjs().isSame(dayjs(time).add(1, "day"), "day")) {
+    return "昨日";
+  }
+  if (dayjs().isSame(dayjs(time).add(7, "day"), "day")) {
+    return "一周内";
+  }
+  return (_b = (_a = dayjs(time)) == null ? void 0 : _a.fromNow) == null ? void 0 : _b.call(_a);
+};
+var groupByCategory = (list, getCategoryKey) => {
+  return list.reduce(
+    (prev, curr) => {
+      const group = getCategoryKey(curr);
+      if (!prev[group]) {
+        prev[group] = [];
+      }
+      prev[group].push(curr);
+      return prev;
+    },
+    {}
+  );
+};
+export {
+  formatTime,
+  groupByCategory
+};

package/dist/MarkdownEditor/BaseMarkdownEditor.d.ts

@@ -0,0 +1,60 @@
+import React from 'react';
+import { parserMdToSchema } from './editor/parser/parserMdToSchema';
+import { EditorUtils } from './editor/utils/editorUtils';
+import { MarkdownEditorProps } from './types';
+export { EditorUtils, parserMdToSchema };
+export * from './editor/elements';
+export * from './editor/utils';
+export * from './el';
+export * from './types';
+/**
+ * BaseMarkdownEditor 组件 - 基础Markdown编辑器组件
+ *
+ * 该组件是Markdown编辑器的核心实现，基于Slate.js构建，提供完整的Markdown编辑功能。
+ * 支持插件系统、工具栏、目录、只读模式等功能，是MarkdownEditor的基础组件。
+ *
+ * @component
+ * @description 基础Markdown编辑器组件，提供核心的Markdown编辑功能
+ * @param {MarkdownEditorProps} props - 组件属性
+ * @param {string} [props.initValue] - 初始值
+ * @param {(value: string) => void} [props.onChange] - 内容变化回调
+ * @param {React.RefObject} [props.editorRef] - 编辑器引用
+ * @param {boolean} [props.readonly] - 是否只读模式
+ * @param {Plugin[]} [props.plugins] - 插件列表
+ * @param {ToolBarConfig} [props.toolBar] - 工具栏配置
+ * @param {boolean} [props.toc] - 是否显示目录
+ * @param {string|number} [props.width] - 编辑器宽度
+ * @param {string|number} [props.height] - 编辑器高度
+ * @param {React.CSSProperties} [props.style] - 容器样式
+ * @param {React.CSSProperties} [props.contentStyle] - 内容区域样式
+ * @param {React.CSSProperties} [props.editorStyle] - 编辑器样式
+ * @param {MarkdownRenderConfig} [props.markdownRenderConfig] - Markdown渲染配置
+ * @param {Function} [props.onBlur] - 失焦回调
+ * @param {Function} [props.onFocus] - 聚焦回调
+ *
+ * @example
+ * ```tsx
+ * <BaseMarkdownEditor
+ *   initValue="# Hello World"
+ *   onChange={(value) => console.log('内容变化:', value)}
+ *   editorRef={editorRef}
+ *   readonly={false}
+ *   toc={true}
+ *   toolBar={{ show: true }}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的基础Markdown编辑器组件
+ *
+ * @remarks
+ * - 基于Slate.js构建
+ * - 支持插件系统扩展
+ * - 提供完整的工具栏功能
+ * - 支持目录生成
+ * - 支持只读模式
+ * - 提供焦点管理
+ * - 支持错误捕获
+ * - 支持键盘事件处理
+ * - 提供Markdown解析和渲染
+ */
+export declare const BaseMarkdownEditor: React.FC<MarkdownEditorProps>;

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -0,0 +1,382 @@
+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;
+};
+
+// src/MarkdownEditor/BaseMarkdownEditor.tsx
+import { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, {
+  useContext,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Subject } from "rxjs";
+import { createEditor } from "slate";
+import { withHistory } from "slate-history";
+import { withReact } from "slate-react";
+import { I18nProvide } from "../i18n";
+import { CommentList } from "./editor/components/CommentList";
+import { SlateMarkdownEditor } from "./editor/Editor";
+import { parserMdToSchema } from "./editor/parser/parserMdToSchema";
+import { parserSlateNodeToMarkdown } from "./editor/parser/parserSlateNodeToMarkdown";
+import { withMarkdown } from "./editor/plugins";
+import { withErrorReporting } from "./editor/plugins/catchError";
+import { EditorStore, EditorStoreContext } from "./editor/store";
+import { InsertAutocomplete } from "./editor/tools/InsertAutocomplete";
+import { InsertLink } from "./editor/tools/InsertLink";
+import { TocHeading } from "./editor/tools/Leading";
+import { FloatBar } from "./editor/tools/ToolBar/FloatBar";
+import ToolBar from "./editor/tools/ToolBar/ToolBar";
+import { EditorUtils } from "./editor/utils/editorUtils";
+import {
+  useSystemKeyboard
+} from "./editor/utils/keyboard";
+import { PluginContext } from "./plugin";
+import { useStyle } from "./style";
+import { exportHtml } from "./utils/exportHtml";
+export * from "./editor/elements";
+export * from "./editor/utils";
+export * from "./el";
+export * from "./types";
+var composeEditors = (editor, plugins) => {
+  if (plugins.length > 1) {
+    return plugins.reduce((acc, plugin) => {
+      return plugin.withEditor ? plugin.withEditor(acc) : acc;
+    }, editor);
+  }
+  return editor;
+};
+var BaseMarkdownEditor = (props) => {
+  var _b, _c, _d, _e, _f;
+  const _a = props, {
+    initValue,
+    width,
+    toolBar = {},
+    editorRef,
+    toc = false,
+    readonly,
+    lazy,
+    style,
+    contentStyle = {
+      height: "100%"
+    },
+    editorStyle,
+    height
+  } = _a, rest = __objRest(_a, [
+    "initValue",
+    "width",
+    "toolBar",
+    "editorRef",
+    "toc",
+    "readonly",
+    "lazy",
+    "style",
+    "contentStyle",
+    "editorStyle",
+    "height"
+  ]);
+  const [editorMountStatus, setMountedStatus] = useState(false);
+  const [isEditorFocused, setIsEditorFocused] = useState(false);
+  const keyTask$ = useMemo(
+    () => new Subject(),
+    []
+  );
+  const markdownEditorRef = useRef(
+    composeEditors(
+      withMarkdown(withReact(withHistory(createEditor()))),
+      props.plugins || []
+    )
+  );
+  const markdownContainerRef = useRef(null);
+  useEffect(() => {
+    withErrorReporting(markdownEditorRef.current);
+  }, []);
+  useEffect(() => {
+    if (!(rest == null ? void 0 : rest.onBlur))
+      return;
+    if (readonly)
+      return;
+    const handleClickOutside = (event) => {
+      var _a2, _b2, _c2;
+      if (isEditorFocused && markdownContainerRef.current && !markdownContainerRef.current.contains(event.target)) {
+        EditorUtils.blur(markdownEditorRef.current);
+        (_c2 = rest == null ? void 0 : rest.onBlur) == null ? void 0 : _c2.call(
+          rest,
+          parserSlateNodeToMarkdown(
+            ((_a2 = markdownEditorRef.current) == null ? void 0 : _a2.children) || [],
+            "",
+            [],
+            props.plugins
+          ),
+          (_b2 = markdownEditorRef.current) == null ? void 0 : _b2.children,
+          event
+        );
+        setIsEditorFocused(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [readonly, rest == null ? void 0 : rest.onBlur, props.plugins, isEditorFocused]);
+  useEffect(() => {
+    var _a2;
+    const handleEditorFocus = () => {
+      var _a3;
+      if (((_a3 = markdownContainerRef.current) == null ? void 0 : _a3.contains(document.activeElement)) || markdownContainerRef.current === document.activeElement) {
+        setIsEditorFocused(true);
+      }
+    };
+    (_a2 = markdownContainerRef.current) == null ? void 0 : _a2.addEventListener(
+      "focusin",
+      handleEditorFocus
+    );
+    return () => {
+      var _a3;
+      (_a3 = markdownContainerRef.current) == null ? void 0 : _a3.removeEventListener(
+        "focusin",
+        handleEditorFocus
+      );
+    };
+  }, []);
+  const store = useMemo(
+    () => new EditorStore(markdownEditorRef, props.plugins),
+    [props.plugins]
+  );
+  const initSchemaValue = useMemo(() => {
+    var _a2;
+    let list = (_a2 = parserMdToSchema(initValue, props.plugins)) == null ? void 0 : _a2.schema;
+    if (!props.readonly) {
+      list.push(EditorUtils.p);
+    }
+    const schema2 = props.initSchemaValue || (initValue ? list : JSON.parse(JSON.stringify([EditorUtils.p])));
+    return schema2 == null ? void 0 : schema2.filter((item) => {
+      if (item.type === "p" && item.children.length === 0) {
+        return false;
+      }
+      if (item.type === "list" && item.children.length === 0) {
+        return false;
+      }
+      if (item.type === "listItem" && item.children.length === 0) {
+        return false;
+      }
+      if (item.type === "heading" && item.children.length === 0) {
+        return false;
+      }
+      return true;
+    });
+  }, []);
+  const instance = useMemo(() => {
+    return {
+      store,
+      markdownContainerRef,
+      markdownEditorRef,
+      exportHtml: (filename) => {
+        const htmlContent = store.getHtmlContent();
+        exportHtml(htmlContent, filename);
+      }
+    };
+  }, []);
+  useSystemKeyboard(keyTask$, instance.store, props, markdownContainerRef);
+  useImperativeHandle(editorRef, () => {
+    return {
+      store: instance.store,
+      markdownContainerRef,
+      markdownEditorRef,
+      exportHtml: instance.exportHtml
+    };
+  }, [instance, editorMountStatus]);
+  const context = useContext(ConfigProvider.ConfigContext);
+  const baseClassName = context == null ? void 0 : context.getPrefixCls(`md-editor`);
+  const { wrapSSR, hashId } = useStyle(baseClassName);
+  const [showCommentList, setShowComment] = useState([]);
+  const [schema, setSchema] = useState(initSchemaValue);
+  const [openInsertCompletion, setOpenInsertCompletion] = useState(false);
+  const [refreshFloatBar, setRefreshFloatBar] = useState(false);
+  const insertCompletionText$ = useMemo(() => new Subject(), []);
+  const openInsertLink$ = useMemo(() => new Subject(), []);
+  const [domRect, setDomRect] = useState(null);
+  return wrapSSR(
+    /* @__PURE__ */ React.createElement(I18nProvide, null, /* @__PURE__ */ React.createElement(PluginContext.Provider, { value: props.plugins || [] }, /* @__PURE__ */ React.createElement(
+      EditorStoreContext.Provider,
+      {
+        value: {
+          keyTask$,
+          insertCompletionText$,
+          openInsertLink$,
+          openInsertCompletion,
+          setOpenInsertCompletion,
+          setRefreshFloatBar,
+          refreshFloatBar,
+          rootContainer: props.rootContainer,
+          setShowComment,
+          store: instance.store,
+          domRect,
+          setDomRect,
+          typewriter: (_b = props.typewriter) != null ? _b : false,
+          readonly: (_c = props.readonly) != null ? _c : false,
+          editorProps: props || {},
+          markdownEditorRef,
+          markdownContainerRef
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          id: props.id ? String(props.id) || void 0 : void 0,
+          className: classNames(
+            baseClassName,
+            "markdown-editor",
+            hashId,
+            props.className,
+            {
+              [`${baseClassName}-readonly`]: readonly,
+              [`${baseClassName}-edit`]: !readonly,
+              [`${baseClassName}-report`]: props.reportMode,
+              [`${baseClassName}-slide`]: props.slideMode
+            }
+          ),
+          style: __spreadValues({
+            width: width || "100%",
+            height: height || "auto",
+            display: "flex",
+            flexDirection: "column",
+            maxHeight: "100%",
+            font: "var(--font-text-paragraph-lg)",
+            letterSpacing: "var(--letter-spacing-paragraph-lg, normal)",
+            color: "var(--color-gray-text-default)"
+          }, style)
+        },
+        !readonly && (toolBar == null ? void 0 : toolBar.enable) === true ? /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: {
+              width: "100%",
+              maxWidth: "100%",
+              position: "sticky",
+              zIndex: 99,
+              top: 0
+            },
+            className: classNames(`${baseClassName}-toolbar-container`, {
+              [`${baseClassName}-min-toolbar`]: toolBar.min
+            })
+          },
+          /* @__PURE__ */ React.createElement(
+            ToolBar,
+            {
+              hideTools: toolBar.hideTools,
+              extra: toolBar.extra,
+              min: toolBar.min
+            }
+          )
+        ) : readonly ? null : null,
+        /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            style: __spreadValues({
+              padding: "4px 20px",
+              overflow: "auto",
+              display: "flex",
+              height: !readonly && (toolBar == null ? void 0 : toolBar.enable) ? `calc(100% - 56px)` : "100%",
+              position: "relative",
+              gap: 24,
+              outline: "none"
+            }, contentStyle),
+            ref: (dom) => {
+              markdownContainerRef.current = dom;
+              setMountedStatus(true);
+            },
+            tabIndex: -1
+          },
+          /* @__PURE__ */ React.createElement(
+            SlateMarkdownEditor,
+            __spreadProps(__spreadValues({
+              prefixCls: baseClassName
+            }, rest), {
+              lazy,
+              onChange: (value, schema2) => {
+                var _a2;
+                setSchema(schema2);
+                (_a2 = rest == null ? void 0 : rest.onChange) == null ? void 0 : _a2.call(rest, value, schema2);
+              },
+              initSchemaValue,
+              style: editorStyle,
+              instance
+            })
+          ),
+          readonly ? props.reportMode ? ((_d = props.floatBar) == null ? void 0 : _d.enable) === false ? null : /* @__PURE__ */ React.createElement(FloatBar, { readonly: true }) : null : ((_e = props.floatBar) == null ? void 0 : _e.enable) !== true ? null : /* @__PURE__ */ React.createElement(FloatBar, { readonly: false }),
+          editorMountStatus && toc !== false && markdownContainerRef.current ? (showCommentList == null ? void 0 : showCommentList.length) ? /* @__PURE__ */ React.createElement(
+            CommentList,
+            {
+              commentList: showCommentList,
+              comment: props.comment
+            }
+          ) : /* @__PURE__ */ React.createElement(
+            TocHeading,
+            {
+              schema,
+              anchorProps: props.anchorProps,
+              useCustomContainer: true
+            }
+          ) : (showCommentList == null ? void 0 : showCommentList.length) ? /* @__PURE__ */ React.createElement(
+            CommentList,
+            {
+              pure: true,
+              commentList: showCommentList,
+              comment: props.comment
+            }
+          ) : null
+        ),
+        readonly || ((_f = props == null ? void 0 : props.textAreaProps) == null ? void 0 : _f.enable) || (props == null ? void 0 : props.reportMode) ? null : /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: classNames(`${baseClassName}-focus`),
+            style: {
+              height: 64
+            }
+          }
+        ),
+        readonly ? /* @__PURE__ */ React.createElement(React.Fragment, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(InsertLink, null), /* @__PURE__ */ React.createElement(
+          InsertAutocomplete,
+          __spreadValues({}, (props == null ? void 0 : props.insertAutocompleteProps) || {})
+        ))
+      )
+    )))
+  );
+};
+export {
+  BaseMarkdownEditor,
+  EditorUtils,
+  parserMdToSchema
+};

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

@@ -0,0 +1,70 @@
+import React from 'react';
+import { MarkdownEditorInstance, MarkdownEditorProps } from '../types';
+/**
+ * Markdown 编辑器组件的属性接口
+ *
+ * 扩展了基础的 MarkdownEditorProps，添加了编辑器特定的配置
+ */
+export type MEditorProps = {
+    /** 自定义元素项渲染函数 */
+    eleItemRender?: MarkdownEditorProps['eleItemRender'];
+    /** 自定义叶子节点渲染函数 */
+    leafRender?: MarkdownEditorProps['leafRender'];
+    /** 内容变化时的回调函数 */
+    onChange?: MarkdownEditorProps['onChange'];
+    /** 编辑器实例对象 */
+    instance: MarkdownEditorInstance;
+    /** 自定义CSS类名 */
+    className?: string;
+    /** 评论相关配置 */
+    comment?: MarkdownEditorProps['comment'];
+    /** CSS前缀类名 */
+    prefixCls?: string;
+    /** 是否为报告模式 */
+    reportMode?: MarkdownEditorProps['reportMode'];
+    /** 输入框占位符文本 */
+    placeholder?: string;
+} & MarkdownEditorProps;
+/**
+ * SlateMarkdownEditor 组件 - Slate Markdown编辑器组件
+ *
+ * 基于Slate.js的Markdown编辑器，支持丰富的编辑功能，包括文本编辑、表格、代码块、媒体插入、链接等。
+ * 通过MobX进行状态管理，支持多种编辑器事件和操作。
+ *
+ * @component
+ * @description 基于Slate.js的Markdown编辑器组件
+ * @param {MEditorProps} props - 编辑器属性
+ * @param {Function} [props.eleItemRender] - 自定义元素渲染函数
+ * @param {Function} [props.leafRender] - 自定义叶子节点渲染函数
+ * @param {Function} [props.onChange] - 内容变化回调
+ * @param {MarkdownEditorInstance} props.instance - 编辑器实例
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {CommentDataType} [props.comment] - 评论数据
+ * @param {string} [props.prefixCls] - 前缀类名
+ * @param {boolean} [props.reportMode] - 是否为报告模式
+ * @param {string} [props.placeholder] - 占位符文本
+ *
+ * @example
+ * ```tsx
+ * <SlateMarkdownEditor
+ *   instance={editorInstance}
+ *   onChange={(value) => console.log('内容变化:', value)}
+ *   placeholder="请输入Markdown内容..."
+ *   reportMode={false}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的Markdown编辑器组件
+ *
+ * @remarks
+ * - 基于Slate.js实现
+ * - 支持丰富的Markdown语法
+ * - 提供自定义渲染功能
+ * - 支持插件系统
+ * - 集成状态管理
+ * - 支持键盘快捷键
+ * - 提供粘贴处理
+ * - 支持错误边界
+ * - 响应式布局
+ */
+export declare const SlateMarkdownEditor: (props: MEditorProps) => React.JSX.Element;