@agentscope-ai/chat 1.1.4 → 1.1.8

package/lib/ImageGenerator/index.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import useStyle from "./style";
+import { useProviderContext } from "../Provider";
+import { ConfigProvider, Image } from 'antd';
+import { SparkCheckCircleFill } from '@agentscope-ai/icons';
+import Dot from "../Markdown/cursor/Dot";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var ImageGenerator = function ImageGenerator(props) {
+  var Style = useStyle();
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('image-generator');
+  var _props$width = props.width,
+    width = _props$width === void 0 ? 320 : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 320 : _props$height,
+    src = props.src,
+    _props$loadingText = props.loadingText,
+    loadingText = _props$loadingText === void 0 ? 'Painting...' : _props$loadingText,
+    _props$doneText = props.doneText,
+    doneText = _props$doneText === void 0 ? 'Paint Completed' : _props$doneText;
+  var skeleton = props.skeleton || /*#__PURE__*/_jsxs("div", {
+    className: "".concat(prefixCls, "-default-skeleton"),
+    style: {
+      width: width,
+      height: height
+    },
+    children: [/*#__PURE__*/_jsx("img", {
+      className: "".concat(prefixCls, "-default-skeleton-bg"),
+      src: "https://img.alicdn.com/imgextra/i2/O1CN01jwLfwV1hPiHfJjQXM_!!6000000004270-2-tps-1155-763.png",
+      alt: ""
+    }), /*#__PURE__*/_jsx("img", {
+      className: "".concat(prefixCls, "-default-skeleton-icon"),
+      src: "https://img.alicdn.com/imgextra/i2/O1CN01M1X8yM1MWUC7u3Go5_!!6000000001442-54-tps-72-72.apng"
+    })]
+  });
+  var loading = !src;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      className: prefixCls,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "".concat(prefixCls, "-text"),
+        children: [loading ? /*#__PURE__*/_jsx(Dot, {}) : /*#__PURE__*/_jsx(SparkCheckCircleFill, {
+          className: "".concat(prefixCls, "-text-success")
+        }), loading ? /*#__PURE__*/_jsx("span", {
+          style: {
+            paddingLeft: 20
+          },
+          children: loadingText
+        }) : doneText]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "".concat(prefixCls, "-wrapper"),
+        style: {
+          width: width,
+          height: height
+        },
+        children: loading ? skeleton : /*#__PURE__*/_jsx(ConfigProvider, {
+          locale: {
+            Image: {
+              preview: ''
+            }
+          },
+          children: /*#__PURE__*/_jsx(Image, {
+            height: height,
+            width: width,
+            src: src
+          })
+        })
+      })]
+    })]
+  });
+};
+export default ImageGenerator;

package/lib/ImageGenerator/style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/ImageGenerator/style.js

@@ -0,0 +1,20 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle } from "./..";
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-image-generator {\n\n  .", "-image {\n    border-radius: 8px;\n    filter: blur(20px);\n    animation: ", "clearBlur 1s ease forwards;\n    overflow: hidden;\n  }\n\n\n  &-wrapper {\n    overflow: hidden;\n  }\n\n\n  &-text {\n    position: relative;\n    display: flex;\n    gap: 8px;\n    height: 40px;\n    align-items: center;\n    font-size: 14px;\n    line-height: 26px;\n    color: ", ";\n\n\n    &-success {\n      color: ", ";\n      font-size: 20px;\n    }\n  }\n\n  &-default-skeleton {\n    position: relative;\n    overflow: hidden;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n\n    &-bg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) rotate(0deg);\n      width: 300%;\n      height: 300%;\n      object-fit: cover;\n      animation: ", "spin 6s linear infinite;\n      pointer-events: none;\n    }\n\n    &-icon {\n      width: 32px;\n      height: 32px;\n      z-index: 1;\n    }\n  }\n}\n\n\n\n@keyframes ", "clearBlur {\n  from {\n    filter: blur(20px);\n  }\n  to {\n    filter: blur(0);\n  }\n}\n\n@keyframes ", "spin {\n  from {\n    transform: translate(-50%, -50%) rotate(0deg);\n  }\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.colorSuccess;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+});

package/{dist/markdown → lib/Markdown}/Citation.js

@@ -3,6 +3,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import React from 'react';
 import { createStyles } from 'antd-style';
 import { Popover } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -21,23 +22,27 @@ function DefaultRender(_ref2) {
     cx = _useStyles.cx;
   var isTooltip = citationDetail.content || citationDetail.title;
   var url = citationDetail === null || citationDetail === void 0 ? void 0 : citationDetail.url;
-  var node = /*#__PURE__*/React.createElement("sup", {
-    className: cx(styles.container, styles.supContainer)
-  }, /*#__PURE__*/React.createElement("a", {
-    className: cx(styles.content, styles.hover),
-    rel: "noreferrer",
-    href: citationDetail.url,
-    target: '_blank'
-  }, id));
+  var node = /*#__PURE__*/_jsx("sup", {
+    className: cx(styles.container, styles.supContainer),
+    children: /*#__PURE__*/_jsx("a", {
+      className: cx(styles.content, styles.hover),
+      rel: "noreferrer",
+      href: citationDetail.url,
+      target: '_blank',
+      children: id
+    })
+  });
   if (isTooltip) {
-    return /*#__PURE__*/React.createElement(Popover, {
+    return /*#__PURE__*/_jsx(Popover, {
       title: citationDetail.title,
-      content: url ? /*#__PURE__*/React.createElement("a", {
+      content: url ? /*#__PURE__*/_jsx("a", {
         href: url,
         rel: "noreferrer",
-        target: '_blank'
-      }, url) : citationDetail.content
-    }, node);
+        target: '_blank',
+        children: url
+      }) : citationDetail.content,
+      children: node
+    });
   }
   return node;
 }
@@ -47,7 +52,7 @@ var Citation = function Citation(props) {
   var _citationDetail$rende = citationDetail.render,
     render = _citationDetail$rende === void 0 ? DefaultRender : _citationDetail$rende;
   var Render = render;
-  return /*#__PURE__*/React.createElement(Render, {
+  return /*#__PURE__*/_jsx(Render, {
     id: id,
     citationDetail: citationDetail
   });

package/{dist/markdown → lib/Markdown}/CodeBlock.d.ts

@@ -1,6 +1,7 @@
 import type { FC } from 'react';
 interface CodeBlockProps {
     children: any;
+    enableMermaid?: boolean;
 }
 declare const CodeBlock: FC<CodeBlockProps>;
 export default CodeBlock;

package/{dist/markdown → lib/Markdown}/CodeBlock.js

@@ -7,11 +7,13 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
-import { CodeBlock as Code, CodeBlockLangExtensionsMap } from '@spark-ai/design';
+import { CodeBlock as Code, CodeBlockLangExtensionsMap } from "@agentscope-ai/design";
 import { createStyles } from 'antd-style';
-import { CheckOutlined, CopyOutlined } from '@ant-design/icons';
-import { useProviderContext } from "./..";
+import { useProviderContext, Mermaid } from "./..";
 import { theme as AntdTheme } from 'antd';
+import { SparkCopyLine, SparkTrueLine } from '@agentscope-ai/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var supportedLanguages = Object.keys(CodeBlockLangExtensionsMap);
 var countLines = function countLines(str) {
   var regex = /\n/g;
@@ -34,7 +36,8 @@ var useCode = function useCode(raw) {
   };
 };
 var CodeBlock = function CodeBlock(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    enableMermaid = _ref.enableMermaid;
   var code = useCode(children);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
@@ -51,38 +54,56 @@ var CodeBlock = function CodeBlock(_ref) {
     content = _code$content === void 0 ? '' : _code$content,
     _code$lang = code.lang,
     lang = _code$lang === void 0 ? '' : _code$lang;
-  if (!code.content) return null;
-  if (supportedLanguages.indexOf(lang) === -1) return /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, content));
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.header
-  }, /*#__PURE__*/React.createElement("div", null, lang), copied ? /*#__PURE__*/React.createElement(CheckOutlined, {
-    className: styles.copied
-  }) : /*#__PURE__*/React.createElement(CopyOutlined, {
-    className: styles.icon,
-    onClick: function onClick() {
-      navigator.clipboard.writeText(content);
-      setCopied(true);
-      setTimeout(function () {
-        setCopied(false);
-      }, 1000);
-    }
-  })), /*#__PURE__*/React.createElement(Code, {
-    value: content,
-    language: lang,
-    theme: isDarkMode ? 'dark' : 'light',
-    readOnly: true
-  }));
+  if (!content) return null;
+  if (enableMermaid && lang === 'mermaid') {
+    return /*#__PURE__*/_jsx(Mermaid, {
+      content: content,
+      width: "50%"
+    });
+  }
+  if (supportedLanguages.indexOf(lang) === -1) return /*#__PURE__*/_jsx("pre", {
+    children: /*#__PURE__*/_jsx("code", {
+      children: content
+    })
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.header,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.lang,
+        children: lang
+      }), copied ? /*#__PURE__*/_jsx(SparkTrueLine, {
+        className: styles.copied
+      }) : /*#__PURE__*/_jsx(SparkCopyLine, {
+        className: styles.icon,
+        onClick: function onClick() {
+          navigator.clipboard.writeText(content);
+          setCopied(true);
+          setTimeout(function () {
+            setCopied(false);
+          }, 1000);
+        }
+      })]
+    }), /*#__PURE__*/_jsx(Code, {
+      value: content,
+      language: lang,
+      theme: isDarkMode ? 'dark' : 'light',
+      readOnly: true
+    })]
+  });
 };
 var useStyles = createStyles(function (_ref2) {
   var css = _ref2.css,
     token = _ref2.token;
   return {
-    copied: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", "\n  "])), token.colorSuccess),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    border-radius: 6px;\n    overflow: hidden;\n    font-size: 0.8571428571428571em;\n  "])), token.colorBorderSecondary),
+    copied: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n    cursor: pointer;\n    font-size: 16px;\n  "])), token.colorSuccess),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    border-radius: 6px;\n    overflow: hidden;\n    font-size: 0.8571428571428571em;\n    margin: 1em 0;\n  "])), token.colorBorderSecondary),
     header: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: space-between;\n    background: ", ";\n    height: 28px;\n    line-height: 28px;\n    border-radius: 4px 4px 0 0;\n    align-items: center;\n    user-select: none;\n    position: relative;\n    padding: 0 12px;\n  "])), token.colorFillSecondary),
-    icon: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    fontsize: 14px;\n    cursor: pointer;\n  "])))
+    icon: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    fontsize: 16px;\n    cursor: pointer;\n  "]))),
+    lang: {
+      textTransform: 'capitalize'
+    }
   };
 });
 export default CodeBlock;

package/lib/Markdown/ImageOrMedia.d.ts

@@ -0,0 +1 @@
+export default function (props: any): import("react/jsx-runtime").JSX.Element;

package/lib/Markdown/ImageOrMedia.js

@@ -0,0 +1,113 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useState } from "react";
+import { ConfigProvider, Modal, Image as ImageViewer } from 'antd';
+import { useProviderContext } from "../Provider";
+import { SparkFalseLine, SparkPlayCircleFill } from "@agentscope-ai/icons";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function (props) {
+  try {
+    var src = props.src;
+    var url = new URL(src);
+    var pathname = url.pathname;
+    var isVideo = pathname.endsWith(".mp4");
+    var isAudio = pathname.endsWith(".mp3");
+    if (isAudio) {
+      return /*#__PURE__*/_jsx("audio", _objectSpread(_objectSpread({
+        src: props.src
+      }, props), {}, {
+        controls: true
+      }));
+    }
+    if (isVideo) {
+      return /*#__PURE__*/_jsx(Video, _objectSpread({
+        src: props.src
+      }, props));
+    }
+    return /*#__PURE__*/_jsx(Image, _objectSpread({
+      src: props.src
+    }, props));
+  } catch (error) {
+    return null;
+  }
+}
+function Image(props) {
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    locale: {
+      Image: {
+        preview: ''
+      }
+    },
+    children: /*#__PURE__*/_jsx(ImageViewer, _objectSpread({
+      src: props.src
+    }, props))
+  });
+}
+function Video(props) {
+  var src = props.src;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('markdown-video');
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      onClick: function onClick() {
+        return setOpen(true);
+      },
+      className: prefixCls,
+      children: /*#__PURE__*/_jsx(SparkPlayCircleFill, {
+        className: "".concat(prefixCls, "-play")
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      closeIcon: /*#__PURE__*/_jsx("a", {
+        children: /*#__PURE__*/_jsx(SparkFalseLine, {
+          style: {
+            fontSize: 20
+          }
+        })
+      }),
+      centered: true,
+      transitionName: "",
+      footer: null,
+      width: 500,
+      title: "",
+      styles: {
+        content: {
+          padding: 0
+        }
+      },
+      open: open,
+      destroyOnHidden: true,
+      onCancel: function onCancel() {
+        return setOpen(false);
+      },
+      children: /*#__PURE__*/_jsx("video", {
+        controls: true,
+        autoPlay: true,
+        style: {
+          display: 'block',
+          width: '100%'
+        },
+        children: /*#__PURE__*/_jsx("source", {
+          src: src,
+          type: "video/mp4"
+        })
+      })
+    })]
+  });
+}

package/lib/Markdown/Link.js

@@ -0,0 +1,48 @@
+var _excluded = ["href", "target", "citationsData"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import Citation from "./Citation";
+import Underline from "./cursor/Underline";
+import Dot from "./cursor/Dot";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Link = function Link(props) {
+  var _href$startsWith;
+  var href = props.href,
+    target = props.target,
+    citationsData = props.citationsData,
+    children = props.children;
+  if (children === 'cursor' && (href === 'dot' || href === 'underline')) {
+    if (href === 'dot') return /*#__PURE__*/_jsx(Dot, {});
+    if (href === 'underline') return /*#__PURE__*/_jsx(Underline, {});
+  }
+  var match = href === null || href === void 0 || (_href$startsWith = href.startsWith) === null || _href$startsWith === void 0 ? void 0 : _href$startsWith.call(href, 'citation-');
+  if (match) {
+    var key = href === null || href === void 0 ? void 0 : href.replace('citation-', '');
+    var detail = citationsData === null || citationsData === void 0 ? void 0 : citationsData[key];
+    return detail ? /*#__PURE__*/_jsx(Citation, {
+      citationDetail: detail,
+      id: key
+    }) : /*#__PURE__*/_jsx(InnerLink, _objectSpread({}, props));
+  }
+  return /*#__PURE__*/_jsx(InnerLink, _objectSpread({}, props));
+};
+function InnerLink(props) {
+  var href = props.href,
+    target = props.target,
+    citationsData = props.citationsData,
+    rest = _objectWithoutProperties(props, _excluded);
+  var isNewWindow = href === null || href === void 0 ? void 0 : href.startsWith('http');
+  return /*#__PURE__*/_jsx("a", _objectSpread({
+    href: href,
+    target: target || isNewWindow ? '_blank' : undefined,
+    rel: "noopener noreferrer"
+  }, rest));
+}
+export default Link;

package/{dist/markdown → lib/Markdown}/Markdown.js

@@ -1,5 +1,4 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -11,13 +10,16 @@ import ReactMarkdown from 'react-markdown';
 import { addToCache, contentCache, createPlugins, escapeBrackets, escapeMhchem, fixMarkdownBold, transformCitations, Null } from "./utils";
 import Link from "./Link";
 import CodeBlock from "./CodeBlock";
-import ImageOrVideo from "./ImageOrVideo";
+import ImageOrMedia from "./ImageOrMedia";
+import { jsx as _jsx } from "react/jsx-runtime";
 var emptyArray = [];
 var emptyMap = {};
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     _ref$enableLatex = _ref.enableLatex,
     enableLatex = _ref$enableLatex === void 0 ? true : _ref$enableLatex,
+    _ref$enableMermaid = _ref.enableMermaid,
+    enableMermaid = _ref$enableMermaid === void 0 ? true : _ref$enableMermaid,
     _ref$enableCustomFoot = _ref.enableCustomFootnotes,
     enableCustomFootnotes = _ref$enableCustomFoot === void 0 ? true : _ref$enableCustomFoot,
     componentProps = _ref.componentProps,
@@ -66,13 +68,19 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
 
     // 缓存处理结果
     addToCache(cacheKey, processedContent);
+    if (cursor) {
+      if (typeof cursor === 'string') {
+        processedContent = processedContent + " [cursor](".concat(cursor, ")");
+      } else {
+        processedContent = processedContent + " [cursor](dot)";
+      }
+    }
     return processedContent;
-  }, [cacheKey, children, enableLatex, enableCustomFootnotes, citationsData]);
+  }, [cacheKey, children, cursor, enableLatex, enableCustomFootnotes, citationsData]);
 
   // 创建插件
   var _useMemo = useMemo(function () {
       return createPlugins({
-        cursor: cursor,
         allowHtml: allowHtml,
         enableLatex: enableLatex,
         enableCustomFootnotes: enableCustomFootnotes,
@@ -84,17 +92,19 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     rehypePluginsList = _useMemo.rehypePluginsList,
     remarkPluginsList = _useMemo.remarkPluginsList;
   var renderLink = useCallback(function (props) {
-    return /*#__PURE__*/React.createElement(Link, _extends({
+    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
       citationsData: citationsData
-    }, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
   }, [citationsData, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a]);
   var renderImage = useCallback(function (props) {
-    return /*#__PURE__*/React.createElement(ImageOrVideo, _extends({
+    return /*#__PURE__*/_jsx(ImageOrMedia, _objectSpread({
       src: props.src
     }, props));
   }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.img]);
   var renderCodeBlock = useCallback(function (props) {
-    return /*#__PURE__*/React.createElement(CodeBlock, _extends({}, props, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre));
+    return /*#__PURE__*/_jsx(CodeBlock, _objectSpread(_objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre), {}, {
+      enableMermaid: enableMermaid
+    }));
   }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre]);
 
   // 创建组件映射
@@ -110,11 +120,12 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
 
   // 渲染默认内容
   var defaultDOM = useMemo(function () {
-    return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({}, reactMarkdownProps, {
+    return /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
       components: memoComponents,
       rehypePlugins: rehypePluginsList,
-      remarkPlugins: remarkPluginsList
-    }), escapedContent);
+      remarkPlugins: remarkPluginsList,
+      children: escapedContent
+    }));
   }, [escapedContent, memoComponents, rehypePluginsList, remarkPluginsList]);
   return defaultDOM;
 });

package/lib/Markdown/cursor/Dot.d.ts

@@ -0,0 +1 @@
+export default function (): import("react/jsx-runtime").JSX.Element;

package/lib/Markdown/cursor/Dot.js

@@ -0,0 +1,36 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createGlobalStyle, useProviderContext } from "../..";
+import classNames from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-markdown-cursor-dot {\n  display: inline-flex;\n  width: 0;\n  align-items: center;\n  padding-left: 2px;\n  gap: 4px;\n\n\n  &-dot1 {\n    flex: 0 0 5px;\n    width: 5px;\n    height: 5px;\n    border-radius: 999px;\n    background-color: ", ";\n    animation: markdown-cursor-dot1 2s infinite ease;\n  }\n\n\n  &-dot2 {\n    flex: 0 0 5px;\n    width: 5px;\n    height: 5px;\n    border-radius: 999px;\n    opacity: 0.5;\n    background-color: ", ";\n    animation: markdown-cursor-dot2 2s infinite ease;\n  }\n\n}\n\n\n@keyframes markdown-cursor-dot1 {\n  0% {\n    transform: translateX(0px)scale(1);\n    z-index: 1;\n    opacity: 1;\n\n  }\n\n  40% {\n    transform: translateX(8.5px)scale(0.8);\n    z-index: 3;\n    opacity: 0.5;\n\n  }\n\n  50% {\n    transform: translateX(8.5px) scale(0.8);\n    z-index: 1;\n    opacity: 0.5;\n  }\n\n  90% {\n    transform: translateX(0px) scale(1);\n    z-index: 1;\n    opacity: 1;\n  }\n}\n\n@keyframes markdown-cursor-dot2 {\n  0% {\n    transform: translateX(0px)scale(1);\n    z-index: 1;\n    opacity: 0.5;\n\n  }\n\n  40% {\n    transform: translateX(-8.5px)scale(1.25);\n    z-index: 3;\n    opacity: 1;\n\n  }\n\n  50% {\n    transform: translateX(-8.5px) scale(1.25);\n    z-index: 1;\n    opacity: 1;\n  }\n\n  90% {\n    transform: translateX(0px) scale(1);\n    z-index: 1;\n    opacity: 0.5;\n  }\n}\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorText;
+}, function (p) {
+  return p.theme.colorText;
+});
+export default function () {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('markdown-cursor-dot');
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("span", {
+      className: classNames(prefixCls, getPrefixCls('markdown-cursor')),
+      children: [/*#__PURE__*/_jsx("span", {
+        style: {
+          opacity: 0,
+          marginLeft: '-.75em'
+        },
+        children: "_"
+      }), /*#__PURE__*/_jsx("span", {
+        className: "".concat(prefixCls, "-dot1")
+      }), /*#__PURE__*/_jsx("span", {
+        className: "".concat(prefixCls, "-dot2")
+      })]
+    })]
+  });
+}

package/lib/Markdown/cursor/Underline.d.ts

@@ -0,0 +1 @@
+export default function (): import("react/jsx-runtime").JSX.Element;

package/lib/Markdown/cursor/Underline.js

@@ -0,0 +1,20 @@
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import React from 'react';
+import { createGlobalStyle, useProviderContext } from "../..";
+import classNames from 'classnames';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.markdown-cursor-underline {\n  opacity: 1;\n  padding: 0 2px;\n  animation: markdown-cursor-underline .8s infinite;\n\n  &::after {\n    content: '_';\n    color: e('var(--@{ant-prefix}-color-primary)'),\n  }\n}\n\n\n@keyframes markdown-cursor-underline {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n"])));
+export default function () {
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = 'markdown-cursor-underline';
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("span", {
+      className: classNames(prefixCls, getPrefixCls('markdown-cursor'))
+    })]
+  });
+}

package/{dist/markdown → lib/Markdown}/hooks/useTypedEffect.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { BubbleContext } from "../../bubble/Bubble";
+import { BubbleContext } from "../../Bubble/Bubble";
 import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
 import * as React from 'react';
 function isString(str) {