@ant-design/agentic-ui 2.0.14 → 2.0.16

package/dist/MarkdownEditor/editor/elements/Head.js

@@ -63,7 +63,7 @@ function Head({
         onDragStart: (e) => store.dragStart(e, markdownContainerRef.current),
         ["data-empty"]: !str && selected ? "true" : void 0,
         ["data-align"]: element.align,
-        className: classNames("ant-md-editor-drag-el", {
+        className: classNames("ant-agentic-md-editor-drag-el", {
           empty: !str,
           typewriter: isLast && typewriter
         })

package/dist/MarkdownEditor/editor/elements/Image/index.js

@@ -425,7 +425,7 @@ function EditorImage({
   return /* @__PURE__ */ React.createElement(
     "div",
     __spreadProps(__spreadValues({}, attributes), {
-      className: "ant-md-editor-drag-el",
+      className: "ant-agentic-md-editor-drag-el",
       "data-be": "image",
       "data-testid": "image-container",
       style: {

package/dist/MarkdownEditor/editor/elements/LinkCard/index.js

@@ -29,14 +29,14 @@ function LinkCard({
 }) {
   var _a, _b, _c, _d;
   const context = useContext(ConfigProvider.ConfigContext);
-  const baseCls = context == null ? void 0 : context.getPrefixCls("md-editor-link-card");
+  const baseCls = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-link-card");
   const { wrapSSR, hashId } = useStyle(baseCls);
   const htmlRef = React.useRef(null);
   return wrapSSR(
     /* @__PURE__ */ React.createElement("div", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(baseCls, "ant-md-editor-drag-el", hashId),
+        className: classNames(baseCls, "ant-agentic-md-editor-drag-el", hashId),
         "data-be": "link-card",
         draggable: false,
         onContextMenu: (e) => {

package/dist/MarkdownEditor/editor/elements/List/List.js

@@ -32,7 +32,7 @@ var List = ({
 }) => {
   const { store, markdownContainerRef } = useEditorStore();
   const context = useContext(ConfigProvider.ConfigContext);
-  const baseCls = context.getPrefixCls("md-editor-list");
+  const baseCls = context.getPrefixCls("agentic-md-editor-list");
   const { wrapSSR, hashId } = useStyle(baseCls);
   return React.useMemo(() => {
     const tag = element.order ? "ol" : "ul";

package/dist/MarkdownEditor/editor/elements/List/ListItem.js

@@ -195,7 +195,7 @@ var ListItem = ({
   const context = useContext(ConfigProvider.ConfigContext);
   const listItemRender = (_a = editorProps == null ? void 0 : editorProps.comment) == null ? void 0 : _a.listItemRender;
   const { hashId = "" } = useContext(ListContext) || {};
-  const baseCls = context.getPrefixCls("md-editor-list");
+  const baseCls = context.getPrefixCls("agentic-md-editor-list");
   const checkbox = React.useMemo(() => {
     if (!isTask)
       return null;

package/dist/MarkdownEditor/editor/elements/List/style.js

@@ -39,12 +39,12 @@ var genStyle = (token) => {
         paddingTop: "0 !important",
         paddingBottom: "0 !important"
       },
-      [`li:not(${token.componentCls}-task) > :first-child .ant-md-editor-drag-handle`]: {
+      [`li:not(${token.componentCls}-task) > :first-child .ant-agentic-md-editor-drag-handle`]: {
         paddingLeft: "2px",
         paddingRight: "12px",
         left: "-44px !important"
       },
-      [`li${token.componentCls}-task > :nth-child(2) .ant-md-editor-drag-handle`]: {
+      [`li${token.componentCls}-task > :nth-child(2) .ant-agentic-md-editor-drag-handle`]: {
         paddingLeft: "2px",
         paddingRight: "10px",
         left: "-50px !important"

package/dist/MarkdownEditor/editor/elements/Media.js

@@ -474,7 +474,7 @@ function Media({
   return /* @__PURE__ */ React.createElement("div", __spreadValues({}, attributes), /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: "ant-md-editor-drag-el",
+      className: "ant-agentic-md-editor-drag-el",
       "data-be": "media",
       "data-testid": "media-container",
       style: {

package/dist/MarkdownEditor/editor/elements/Paragraph.js

@@ -61,7 +61,7 @@ var Paragraph = (props) => {
       "div",
       __spreadProps(__spreadValues({}, props.attributes), {
         "data-be": "paragraph",
-        className: classNames("ant-md-editor-drag-el", {
+        className: classNames("ant-agentic-md-editor-drag-el", {
           empty: isEmpty,
           typewriter: isLast && typewriter
         }),

package/dist/MarkdownEditor/editor/elements/Table/ReadonlyTableComponent.js

@@ -164,7 +164,7 @@ var ReadonlyTableComponent = React.memo(({ hashId, children, element, baseCls })
         className: classNames(
           baseCls,
           hashId,
-          getPrefixCls("md-editor-content")
+          getPrefixCls("agentic-md-editor-content")
         ),
         style: {
           flex: 1,

package/dist/MarkdownEditor/editor/elements/Table/SimpleTable.js

@@ -28,7 +28,7 @@ import { SlateTable } from "./Table";
 import { TablePropsProvider } from "./TableContext";
 var SimpleTable = (props) => {
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("md-editor-content-table");
+  const baseCls = getPrefixCls("agentic-md-editor-content-table");
   const editor = useSlate();
   const { wrapSSR, hashId } = useTableStyle(baseCls, {});
   const tablePath = useMemo(

package/dist/MarkdownEditor/editor/elements/Table/Table.js

@@ -37,7 +37,7 @@ var SlateTable = (_a) => {
   const { readonly, markdownContainerRef } = useEditorStore();
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const { tablePath } = useContext(TablePropsContext);
-  const baseCls = getPrefixCls("md-editor-content-table");
+  const baseCls = getPrefixCls("agentic-md-editor-content-table");
   const tableTargetRef = useRef(null);
   const [tableRef, scrollState] = useScrollShadow();
   const colWidths = useMemo(() => {
@@ -60,7 +60,9 @@ var SlateTable = (_a) => {
     const tableRows = props.element.children;
     if (!((_m = (_l = tableRows == null ? void 0 : tableRows[0]) == null ? void 0 : _l.children) == null ? void 0 : _m.length))
       return [];
-    const containerWidth = (((_o = (_n = markdownContainerRef == null ? void 0 : markdownContainerRef.current) == null ? void 0 : _n.querySelector(".ant-md-editor-content")) == null ? void 0 : _o.clientWidth) || 400) - 32 - 12;
+    const containerWidth = (((_o = (_n = markdownContainerRef == null ? void 0 : markdownContainerRef.current) == null ? void 0 : _n.querySelector(
+      ".ant-agentic-md-editor-content"
+    )) == null ? void 0 : _o.clientWidth) || 400) - 32 - 12;
     const maxColumnWidth = containerWidth / 4;
     const minColumnWidth = 60;
     const columnCount = ((_q = (_p = tableRows == null ? void 0 : tableRows[0]) == null ? void 0 : _p.children) == null ? void 0 : _q.length) || 0;
@@ -113,7 +115,7 @@ var SlateTable = (_a) => {
         return;
       let maxWidth = colWidths ? (colWidths == null ? void 0 : colWidths.reduce((a, b) => a + b, 0)) + 8 : 0;
       const minWidth = (_b3 = (_a3 = markdownContainerRef == null ? void 0 : markdownContainerRef.current) == null ? void 0 : _a3.querySelector(
-        ".ant-md-editor-content"
+        ".ant-agentic-md-editor-content"
       )) == null ? void 0 : _b3.clientWidth;
       const dom = tableRef.current;
       if (dom) {

package/dist/MarkdownEditor/editor/elements/Table/TableCellIndex/index.js

@@ -38,7 +38,9 @@ var TableCellIndex = ({
   tablePath
 }) => {
   const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context == null ? void 0 : context.getPrefixCls("md-editor-table-cell-index");
+  const baseClassName = context == null ? void 0 : context.getPrefixCls(
+    "agentic-md-editor-table-cell-index"
+  );
   const { wrapSSR, hashId } = useStyle(baseClassName);
   const editor = useSlate();
   const tableContext = useContext(TablePropsContext);

package/dist/MarkdownEditor/editor/elements/Table/TableCellIndexSpacer/index.js

@@ -39,7 +39,7 @@ var TableCellIndexSpacer = ({
 }) => {
   const context = useContext(ConfigProvider.ConfigContext);
   const baseClassName = context == null ? void 0 : context.getPrefixCls(
-    "md-editor-table-cell-index-spacer"
+    "agentic-md-editor-table-cell-index-spacer"
   );
   const { wrapSSR, hashId } = useStyle(baseClassName);
   const editor = useSlate();

package/dist/MarkdownEditor/editor/elements/Table/TableRowIndex/index.js

@@ -11,7 +11,7 @@ var TableRowIndex = ({
   tablePath
 }) => {
   const context = useContext(ConfigProvider.ConfigContext);
-  const baseClassName = context == null ? void 0 : context.getPrefixCls("md-editor-table-row-index");
+  const baseClassName = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-table-row-index");
   const { wrapSSR, hashId } = useStyle(baseClassName);
   return wrapSSR(
     /* @__PURE__ */ React.createElement(

package/dist/MarkdownEditor/editor/elements/Table/Td/index.js

@@ -37,7 +37,7 @@ var Td = ({
   const width = element == null ? void 0 : element.width;
   useSlateSelection();
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefix = getPrefixCls("md-editor-table-td");
+  const prefix = getPrefixCls("agentic-md-editor-table-td");
   const tdRef = useRef(null);
   const { wrapSSR, hashId } = useStyle(prefix);
   const handleRef = (node) => {

package/dist/MarkdownEditor/editor/elements/TagPopup/index.d.ts

@@ -100,27 +100,5 @@ export type TagPopupProps = {
     onChange?: (value: string, props: RenderProps) => void;
     type?: 'panel' | 'dropdown';
 };
-/**
- * TagPopup 组件 - 在编辑器中显示一个标签弹出选择框
- *
- * 该组件在编辑器中创建一个交互式标签选择弹出框，允许用户从预定义列表中选择标签。
- * 当选择一个标签时，会调用提供的回调函数并关闭弹出框。该组件与 Slate 编辑器集成，
- * 可以感知当前的节点路径。
- *
- * @param props - 组件属性
- * @param props.items - 可选的下拉菜单项列表
- * @param props.onSelect - 当选择一个项时的回调函数，接收所选项的键和路径
- * @param props.children - 触发器元素内容
- * @param props.dropdownRender - 自定义下拉菜单渲染函数
- * @param props.dropdownStyle - 下拉菜单的样式
- * @param props.menu - 自定义菜单配置
- * @param props.notFoundContent - 未找到内容时显示的内容
- * @param props.className - 组件的额外 CSS 类名
- * @param props.open - 控制下拉菜单是否打开
- * @param props.onOpenChange - 下拉菜单打开状态变化时的回调
- * @param props.text - 包含文本内容
- *
- * @returns 一个带有下拉菜单的标签弹出组件
- */
 export declare const TagPopup: (props: RenderProps) => React.JSX.Element;
 export {};

package/dist/MarkdownEditor/editor/elements/TagPopup/index.js

@@ -52,8 +52,138 @@ import React, {
 import { ReactEditor, useSlate } from "slate-react";
 import { SuggestionConnext } from "../../../../MarkdownInputField/Suggestion";
 import { useStyle } from "./style";
+var getNodePath = (editor, domRef) => {
+  if (!domRef.current)
+    return null;
+  const slateNode = ReactEditor.toSlateNode(editor, domRef.current);
+  return ReactEditor.findPath(editor, slateNode);
+};
+var updateNodeContext = (editor, domRef, suggestionConnext, props, onSelect, pathRef) => {
+  const path = getNodePath(editor, domRef);
+  if (!path)
+    return;
+  pathRef.current = path;
+  if (suggestionConnext == null ? void 0 : suggestionConnext.triggerNodeContext) {
+    suggestionConnext.triggerNodeContext.current = __spreadProps(__spreadValues({}, props), {
+      text: props.text
+    });
+  }
+  if (suggestionConnext == null ? void 0 : suggestionConnext.onSelectRef) {
+    suggestionConnext.onSelectRef.current = (newValue) => {
+      var _a;
+      const currentPath = getNodePath(editor, domRef);
+      onSelect == null ? void 0 : onSelect(newValue, currentPath || path || []);
+      (_a = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a.call(suggestionConnext, false);
+    };
+  }
+};
+var loadItemsData = (items, props, setLoading, setSelectedItems) => __async(void 0, null, function* () {
+  if (typeof items !== "function")
+    return;
+  setLoading(true);
+  const result = yield items(props);
+  if (Array.isArray(result)) {
+    setSelectedItems(result || []);
+  }
+  setLoading(false);
+});
+var initializeAutoOpen = (autoOpen, type, setOpen, suggestionConnext) => {
+  var _a;
+  if (!autoOpen)
+    return;
+  if (type === "dropdown") {
+    setOpen(true);
+    return;
+  }
+  (_a = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a.call(suggestionConnext, true);
+};
+var handleMouseEnter = (domRef) => {
+  const target = domRef.current;
+  if (!target)
+    return;
+  target.classList.remove("no-focus");
+};
+var handleMouseLeave = (domRef) => {
+  const target = domRef.current;
+  if (!target)
+    return;
+  target.classList.add("no-focus");
+};
+var createDefaultDom = (domRef, baseCls, hashId, loading, selectedItems, children, text, placeholder) => {
+  const isEmpty = !(text == null ? void 0 : text.trim());
+  const hasItems = (selectedItems == null ? void 0 : selectedItems.length) > 0;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: domRef,
+      className: classNames(`${baseCls}-tag-popup-input`, "no-focus", hashId, {
+        empty: isEmpty,
+        [`${baseCls}-tag-popup-input-loading`]: loading,
+        [`${baseCls}-tag-popup-input-has-arrow`]: hasItems
+      }),
+      onMouseEnter: () => handleMouseEnter(domRef),
+      onMouseLeave: () => handleMouseLeave(domRef),
+      title: placeholder,
+      contentEditable: !hasItems
+    },
+    children,
+    hasItems && /* @__PURE__ */ React.createElement(
+      ChevronDown,
+      {
+        className: classNames(`${baseCls}-tag-popup-input-arrow `, hashId, {
+          empty: isEmpty
+        })
+      }
+    )
+  );
+};
+var getRenderDom = (tagRender, props, defaultDom, onSelect, currentNodePath) => {
+  if (!tagRender)
+    return defaultDom;
+  return tagRender(
+    __spreadProps(__spreadValues({}, props), {
+      text: props.text,
+      onSelect: (value, tagNode) => {
+        onSelect == null ? void 0 : onSelect((value == null ? void 0 : value.trim()) || "", currentNodePath.current || [], tagNode);
+      }
+    }),
+    defaultDom
+  );
+};
+var handlePanelClick = (suggestionConnext, props, onSelect, currentNodePath) => {
+  var _a;
+  if (suggestionConnext == null ? void 0 : suggestionConnext.triggerNodeContext) {
+    suggestionConnext.triggerNodeContext.current = __spreadProps(__spreadValues({}, props), {
+      text: props.text
+    });
+  }
+  if (suggestionConnext == null ? void 0 : suggestionConnext.onSelectRef) {
+    suggestionConnext.onSelectRef.current = (newValue) => {
+      var _a2;
+      onSelect == null ? void 0 : onSelect((newValue == null ? void 0 : newValue.trim()) || "", currentNodePath.current || []);
+      (_a2 = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a2.call(suggestionConnext, false);
+    };
+  }
+  (_a = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a.call(suggestionConnext, true);
+};
+var canOpen = (props, placeholder) => {
+  if (!props.beforeOpenChange)
+    return true;
+  return props.beforeOpenChange(true, __spreadProps(__spreadValues({}, props), {
+    text: props.text,
+    placeholder
+  }));
+};
+var handleClick = (e, props, placeholder, type, suggestionConnext, onSelect, currentNodePath) => {
+  e.preventDefault();
+  e.stopPropagation();
+  if (!canOpen(props, placeholder))
+    return;
+  if (type === "dropdown")
+    return;
+  handlePanelClick(suggestionConnext, props, onSelect, currentNodePath);
+};
 var TagPopup = (props) => {
-  var _a, _b;
   const { onSelect, items, children, type } = props || {};
   const editor = useSlate();
   const [open, setOpen] = useState(false);
@@ -61,120 +191,63 @@ var TagPopup = (props) => {
   const domRef = useRef(null);
   const suggestionConnext = useContext(SuggestionConnext);
   const antdContext = useContext(ConfigProvider.ConfigContext);
-  const baseCls = antdContext == null ? void 0 : antdContext.getPrefixCls("md-editor-tag-popup-input");
+  const baseCls = antdContext == null ? void 0 : antdContext.getPrefixCls(
+    "agentic-md-editor-tag-popup-input"
+  );
   const { wrapSSR, hashId } = useStyle(baseCls);
   const currentNodePath = useRef();
   useEffect(() => {
-    if (!domRef.current)
-      return;
-    const slateNode = ReactEditor.toSlateNode(editor, domRef.current);
-    const path = ReactEditor.findPath(editor, slateNode);
+    const path = getNodePath(editor, domRef);
     if (path) {
       currentNodePath.current = path;
     }
   }, [editor.children, props.text]);
   useEffect(() => {
-    if (!domRef.current)
-      return;
-    const slateNode = ReactEditor.toSlateNode(editor, domRef.current);
-    const path = ReactEditor.findPath(editor, slateNode);
-    if (path) {
-      currentNodePath.current = path;
-      if (suggestionConnext == null ? void 0 : suggestionConnext.triggerNodeContext) {
-        suggestionConnext.triggerNodeContext.current = __spreadProps(__spreadValues({}, props), {
-          text: props.text
-        });
-      }
-      if (suggestionConnext == null ? void 0 : suggestionConnext.onSelectRef) {
-        suggestionConnext.onSelectRef.current = (newValue) => {
-          var _a2;
-          const currentPath = ReactEditor.findPath(editor, slateNode);
-          onSelect == null ? void 0 : onSelect(newValue, currentPath || path || []);
-          (_a2 = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a2.call(suggestionConnext, false);
-        };
-      }
-    }
+    updateNodeContext(
+      editor,
+      domRef,
+      suggestionConnext,
+      props,
+      onSelect,
+      currentNodePath
+    );
   }, [props.text]);
   const [selectedItems, setSelectedItems] = useState(() => {
-    if (typeof items === "function") {
-      return [];
-    }
-    return items || [];
+    return typeof items === "function" ? [] : items || [];
   });
   useEffect(() => {
-    const loadingData = () => __async(void 0, null, function* () {
-      if (typeof items === "function") {
-        setLoading(true);
-        const result = yield items(props);
-        if (Array.isArray(result)) {
-          setSelectedItems(result || []);
-        }
-        setLoading(false);
-      }
-    });
-    loadingData();
+    loadItemsData(items, props, setLoading, setSelectedItems);
   }, [open, items]);
   useEffect(() => {
-    var _a2;
-    (_a2 = props.onChange) == null ? void 0 : _a2.call(props, props.text || "", __spreadProps(__spreadValues({}, props), {
+    var _a;
+    (_a = props.onChange) == null ? void 0 : _a.call(props, props.text || "", __spreadProps(__spreadValues({}, props), {
       text: props.text,
       onSelect: (value) => {
-        onSelect == null ? void 0 : onSelect(value, currentNodePath.current || []);
+        onSelect == null ? void 0 : onSelect((value == null ? void 0 : value.trim()) || "", currentNodePath.current || []);
       }
     }));
   }, [props.text, suggestionConnext.open]);
   useEffect(() => {
-    if (props.autoOpen) {
-      if (type === "dropdown") {
-        setOpen(true);
-      } else if (suggestionConnext == null ? void 0 : suggestionConnext.setOpen) {
-        suggestionConnext.setOpen(true);
-      }
-    }
+    initializeAutoOpen(props.autoOpen, type, setOpen, suggestionConnext);
   }, []);
   const placeholder = props.placeholder;
-  const defaultDom = /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref: domRef,
-      className: classNames(`${baseCls}-tag-popup-input`, "no-focus", hashId, {
-        empty: !((_a = props.text) == null ? void 0 : _a.trim()),
-        [`${baseCls}-tag-popup-input-loading`]: loading,
-        [`${baseCls}-tag-popup-input-has-arrow`]: (selectedItems == null ? void 0 : selectedItems.length) > 0
-      }),
-      onMouseEnter: () => {
-        const target = domRef.current;
-        if (!target)
-          return;
-        target == null ? void 0 : target.classList.remove(`no-focus`);
-      },
-      onMouseLeave: () => {
-        const target = domRef.current;
-        if (!target)
-          return;
-        target == null ? void 0 : target.classList.add(`no-focus`);
-      },
-      title: placeholder
-    },
+  const defaultDom = createDefaultDom(
+    domRef,
+    baseCls,
+    hashId,
+    loading,
+    selectedItems,
     children,
-    (selectedItems == null ? void 0 : selectedItems.length) > 0 ? /* @__PURE__ */ React.createElement(
-      ChevronDown,
-      {
-        className: classNames(`${baseCls}-tag-popup-input-arrow `, hashId, {
-          empty: !((_b = props.text) == null ? void 0 : _b.trim())
-        })
-      }
-    ) : null
+    props.text,
+    placeholder
+  );
+  const renderDom = getRenderDom(
+    props.tagRender,
+    props,
+    defaultDom,
+    onSelect,
+    currentNodePath
   );
-  let renderDom = props.tagRender ? props.tagRender(
-    __spreadProps(__spreadValues({}, props), {
-      text: props.text,
-      onSelect: (value, tagNode) => {
-        onSelect == null ? void 0 : onSelect(value, currentNodePath.current || [], tagNode);
-      }
-    }),
-    defaultDom
-  ) : defaultDom;
   return wrapSSR(
     /* @__PURE__ */ React.createElement(
       "div",
@@ -191,36 +264,15 @@ var TagPopup = (props) => {
           text: props.text,
           placeholder
         }))),
-        onClick: (e) => {
-          var _a2;
-          e.preventDefault();
-          e.stopPropagation();
-          if (props.beforeOpenChange) {
-            const canOpen = props.beforeOpenChange(true, __spreadProps(__spreadValues({}, props), {
-              text: props.text,
-              placeholder
-            }));
-            if (!canOpen) {
-              return;
-            }
-          }
-          if (type === "dropdown") {
-            return;
-          }
-          if (suggestionConnext == null ? void 0 : suggestionConnext.triggerNodeContext) {
-            suggestionConnext.triggerNodeContext.current = __spreadProps(__spreadValues({}, props), {
-              text: props.text
-            });
-          }
-          if (suggestionConnext == null ? void 0 : suggestionConnext.onSelectRef) {
-            suggestionConnext.onSelectRef.current = (newValue) => {
-              var _a3;
-              onSelect == null ? void 0 : onSelect(newValue, currentNodePath.current || []);
-              (_a3 = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a3.call(suggestionConnext, false);
-            };
-          }
-          (_a2 = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a2.call(suggestionConnext, true);
-        }
+        onClick: (e) => handleClick(
+          e,
+          props,
+          placeholder,
+          type,
+          suggestionConnext,
+          onSelect,
+          currentNodePath
+        )
       },
       type === "dropdown" ? /* @__PURE__ */ React.createElement(
         Dropdown,
@@ -231,9 +283,9 @@ var TagPopup = (props) => {
           menu: {
             items: selectedItems,
             onClick: (e) => {
-              var _a2;
-              onSelect == null ? void 0 : onSelect(e.key, currentNodePath.current || []);
-              (_a2 = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _a2.call(suggestionConnext, false);
+              var _a, _b;
+              onSelect == null ? void 0 : onSelect(((_a = e.key) == null ? void 0 : _a.trim()) || "", currentNodePath.current || []);
+              (_b = suggestionConnext == null ? void 0 : suggestionConnext.setOpen) == null ? void 0 : _b.call(suggestionConnext, false);
             }
           }
         },

package/dist/MarkdownEditor/editor/elements/index.js

@@ -221,7 +221,7 @@ var MLeafComponent = (props) => {
   const { markdownEditorRef, markdownContainerRef, readonly, setShowComment } = useEditorStore();
   const context = useContext(ConfigProvider.ConfigContext);
   const { locale } = useContext(I18nContext);
-  const mdEditorBaseClass = context == null ? void 0 : context.getPrefixCls("md-editor-content");
+  const mdEditorBaseClass = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-content");
   const leaf = props.leaf;
   const style = {};
   let prefixClassName = classNames(props.hashId);

package/dist/MarkdownEditor/editor/parser/parserMarkdownToSlateNode.js

@@ -148,7 +148,7 @@ var findImageElement = (str) => {
       const muted = str.match(/muted/);
       const poster = str.match(/poster="([^"\n]+)"/);
       return {
-        url: decodeURIComponent(videoWithSourceMatch[1]),
+        url: videoWithSourceMatch[1],
         height: height ? +height[1] : void 0,
         width: width ? +width[1] : void 0,
         align: align == null ? void 0 : align[1],
@@ -522,17 +522,21 @@ var processInlineHtml = (currentElement, htmlTag) => {
       } else if (mediaElement.tagName === "iframe") {
         mediaType = "iframe";
       }
-      return EditorUtils.createMediaNode(mediaElement == null ? void 0 : mediaElement.url, mediaType, {
-        align: mediaElement.align,
-        alt: mediaElement.alt,
-        height: mediaElement == null ? void 0 : mediaElement.height,
-        width: mediaElement == null ? void 0 : mediaElement.width,
-        controls: mediaElement == null ? void 0 : mediaElement.controls,
-        autoplay: mediaElement == null ? void 0 : mediaElement.autoplay,
-        loop: mediaElement == null ? void 0 : mediaElement.loop,
-        muted: mediaElement == null ? void 0 : mediaElement.muted,
-        poster: mediaElement == null ? void 0 : mediaElement.poster
-      });
+      return EditorUtils.createMediaNode(
+        decodeURIComponentUrl((mediaElement == null ? void 0 : mediaElement.url) || ""),
+        mediaType,
+        {
+          align: mediaElement.align,
+          alt: mediaElement.alt,
+          height: mediaElement == null ? void 0 : mediaElement.height,
+          width: mediaElement == null ? void 0 : mediaElement.width,
+          controls: mediaElement == null ? void 0 : mediaElement.controls,
+          autoplay: mediaElement == null ? void 0 : mediaElement.autoplay,
+          loop: mediaElement == null ? void 0 : mediaElement.loop,
+          muted: mediaElement == null ? void 0 : mediaElement.muted,
+          poster: mediaElement == null ? void 0 : mediaElement.poster
+        }
+      );
     } else {
       return { text: currentElement.value };
     }