@agentscope-ai/chat 1.1.4 → 1.1.8

package/lib/Markdown/index.d.ts

@@ -0,0 +1,63 @@
+import React, { FC } from 'react';
+import { MarkdownProps as InnerMarkdownProps } from './type';
+import type { Components } from 'react-markdown/lib';
+export interface MarkdownProps {
+    /**
+     * @description 要渲染的Markdown内容字符串
+     * @descriptionEn Markdown content string to be rendered
+     */
+    content?: string;
+    /**
+     * @description 光标样式类型，支持点状、下划线或布尔值控制
+     * @descriptionEn Cursor style type, supports dot, underline, or boolean control
+     */
+    cursor?: boolean | 'dot' | 'underline';
+    /**
+     * @description 基础字体大小，影响整个Markdown内容的字体大小
+     * @descriptionEn Base font size that affects the font size of the entire Markdown content
+     */
+    baseFontSize?: number;
+    /**
+     * @description 基础行高，影响文本的行间距
+     * @descriptionEn Base line height that affects text line spacing
+     */
+    baseLineHeight?: number;
+    /**
+     * @description 引用数据数组，用于显示引用信息
+     * @descriptionEn Citation data array for displaying reference information
+     */
+    citations?: InnerMarkdownProps['citations'];
+    /**
+     * @description 引用映射对象，用于快速查找引用信息
+     * @descriptionEn Citation mapping object for quick lookup of reference information
+     */
+    citationsMap?: InnerMarkdownProps['citationsMap'];
+    /**
+     * @description 自定义组件映射，用于覆盖默认的Markdown元素渲染
+     * @descriptionEn Custom component mapping for overriding default Markdown element rendering
+     */
+    components?: Components & Record<string, FC>;
+    /**
+     * @description 是否允许渲染HTML标签，影响安全性
+     * @descriptionEn Whether to allow rendering HTML tags, affects security
+     */
+    allowHtml?: boolean;
+    /**
+     * @description 是否启用打字机效果，逐字显示内容
+     * @descriptionEn Whether to enable typewriter effect for character-by-character display
+     */
+    typing?: boolean;
+    /**
+     * @description 是否以原始文本形式显示，跳过Markdown解析
+     * @descriptionEn Whether to display as raw text, skipping Markdown parsing
+     */
+    raw?: boolean;
+    /**
+     * @description 组件的CSS类名
+     * @descriptionEn CSS class name for the component
+     */
+    className?: string;
+}
+declare function MarkdownComponent(props: MarkdownProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof MarkdownComponent>;
+export default _default;

package/lib/Markdown/index.js

@@ -0,0 +1,40 @@
+import React, { memo } from 'react';
+import Markdown from "./Markdown";
+import useStyle from "./style";
+import { useGlobalContext, 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";
+function MarkdownComponent(props) {
+  var _useGlobalContext = useGlobalContext(),
+    markdown = _useGlobalContext.markdown;
+  var _props$content = props.content,
+    content = _props$content === void 0 ? '' : _props$content,
+    _props$raw = props.raw,
+    raw = _props$raw === void 0 ? false : _props$raw;
+  var baseFontSize = props.baseFontSize || (markdown === null || markdown === void 0 ? void 0 : markdown.baseFontSize) || 14;
+  var baseLineHeight = props.baseLineHeight || 1.7;
+  var Style = useStyle();
+  var _useProviderContext = useProviderContext(),
+    getPrefixCls = _useProviderContext.getPrefixCls;
+  var prefixCls = getPrefixCls('markdown');
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("div", {
+      className: classnames(prefixCls, props.className),
+      style: {
+        fontSize: baseFontSize,
+        lineHeight: baseLineHeight
+      },
+      children: raw ? content : /*#__PURE__*/_jsx(Markdown, {
+        citations: props.citations,
+        citationsMap: props.citationsMap,
+        allowHtml: props.allowHtml,
+        components: props.components,
+        cursor: props.cursor,
+        children: content
+      })
+    })]
+  });
+}
+export default /*#__PURE__*/memo(MarkdownComponent);

package/lib/Markdown/style.d.ts

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

package/lib/Markdown/style.js

@@ -0,0 +1,30 @@
+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.", "-markdown  {\n  color: inherit;\n\n  .katex-display {\n    font-size: 1.3em;\n  }\n\n  .katex-html {\n    display: none;\n  }\n\n  .katex-error {\n    color: inherit !important;\n  }\n\n  .cm-gutter-lint {\n    width: 0;\n  }\n\n  .cm-line {\n    background-color: transparent !important;\n  }\n\n  .cm-activeLineGutter {\n    background-color: transparent !important;\n    color: inherit !important;\n  }\n\n  .\u037C1.cm-focused {\n    outline: 0 !important;\n  }\n\n  mstyle[mathcolor=\"#cc0000\"] {\n    opacity: 0;\n  }\n\n  ol, ul  {\n    padding-left: 30px;\n  }\n\n  blockquote {\n    padding-inline: 0.6em 0;\n    padding-block: 0;\n    margin: 1em 0;\n    border-inline-start: 4px solid rgba(100, 100, 100, 0.2);\n    opacity: 0.85;\n  }\n\n  &-cursor {}\n\n  figure {\n    margin: 0;\n  }\n\n  figure img {\n    display: block;\n    cursor: pointer;\n  }\n\n  code .", "-markdown-cursor,\n  pre .", "-markdown-cursor,\n  table .", "-markdown-cursor {\n    display: none;\n  }\n\n  @keyframes typography-cursor {\n    0% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n\n  code {\n    font-size: 0.8571428571428571em;\n    border: 0 !important;\n  }\n\n  pre code {\n    font-size: 0.8571428571428571em;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0.5714285714285714em !important;\n    margin-bottom: 0.5714285714285714em !important;\n    font-weight: 500;\n    line-height: 1.7777;\n    color: inherit !important;\n  }\n\n  p {\n    margin-top: 0.5714285714285714em !important;\n    margin-bottom: 0.5714285714285714em !important;\n  }\n\n  h1 {\n    font-size: 1.2857142857142858em;\n  }\n\n  h2 {\n    font-size: 1.1428571428571428em;\n  }\n\n  h3 {\n    font-size: 1em;\n  }\n\n  h4 {\n    font-size: 1em;\n  }\n\n  h5 {\n    font-size: 1em;\n  }\n\n  h6 {\n    font-size: 1em;\n  }\n\n  hr {\n    border-color: ", ";\n    border-style: solid;\n    border-width: 1px 0 0 0;\n    margin: 1em 0;\n  }\n\n  table {\n    border-collapse: collapse;\n    display: block;\n    width: max-content;\n    max-width: 100%;\n    overflow: auto;\n  }\n\n  table th {\n    background: ", ";\n    text-align: left;\n  }\n\n  table td,\n  table th {\n    padding: 0.75em 1.5em;\n    border: 1px solid ", ";\n    white-space: pre;\n  }\n\n  .", "-image {\n    min-width: 70%;\n  }\n\n}\n\n.", "-markdown-video {\n  position: relative;\n  width: 30%;\n  padding-top: 18%;\n  border-radius: 8px;\n  cursor: pointer;\n  background-color: #000;\n\n  &-play {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 1;\n    color: #ccc;\n    font-size: 30px;\n  }\n}\n\n\n.", "-markdown .", "-image {\n  cursor: pointer;\n  overflow: hidden;\n  border-radius: 8px;\n}\n\n.", "-markdown  > *:last-child {\n  margin-bottom: 0 !important;\n}\n\n.", "-markdown  > *:first-child {\n  margin-top: 0 !important;\n}\n\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n\n.animate-fade-in {\n  animation: fade-in 1s;\n}\n\n"])), function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.theme.colorBorderSecondary;
+}, function (p) {
+  return p.theme.colorFillQuaternary;
+}, function (p) {
+  return p.theme.colorBorderSecondary;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+}, function (p) {
+  return p.prefix;
+});

package/lib/Markdown/type.d.ts

@@ -0,0 +1,186 @@
+import type { CSSProperties, FC, ReactNode, Ref } from 'react';
+import type { Options as ReactMarkdownOptions } from 'react-markdown';
+import type { Components } from 'react-markdown/lib';
+import type { Pluggable } from 'unified';
+export interface MarkdownProps {
+    /**
+     * @description 光标样式类型，支持点状、下划线或布尔值控制
+     * @descriptionEn Cursor style type, supports dot, underline, or boolean control
+     */
+    cursor?: boolean | 'dot' | 'underline';
+    /**
+     * @description 是否允许渲染HTML标签，影响安全性
+     * @descriptionEn Whether to allow rendering HTML tags, affects security
+     */
+    allowHtml?: boolean;
+    /**
+     * @description 要渲染的Markdown内容字符串
+     * @descriptionEn Markdown content string to be rendered
+     */
+    children: string;
+    /**
+     * @description 引用数据数组，用于显示引用信息
+     * @descriptionEn Citation data array for displaying reference information
+     */
+    citations?: {
+        /**
+         * @description 引用的标题
+         * @descriptionEn Title of the citation
+         */
+        title?: string;
+        /**
+         * @description 引用的URL地址
+         * @descriptionEn URL address of the citation
+         */
+        url?: string;
+        /**
+         * @description 引用的内容
+         * @descriptionEn Content of the citation
+         */
+        content?: string;
+    }[];
+    /**
+     * @description 引用映射对象，用于快速查找引用信息
+     * @descriptionEn Citation mapping object for quick lookup of reference information
+     */
+    citationsMap?: Record<string, {
+        /**
+         * @description 引用的标题
+         * @descriptionEn Title of the citation
+         */
+        title?: string;
+        /**
+         * @description 引用的URL地址
+         * @descriptionEn URL address of the citation
+         */
+        url?: string;
+        /**
+         * @description 引用的内容
+         * @descriptionEn Content of the citation
+         */
+        content?: string;
+    }>;
+    /**
+     * @description 组件的CSS类名
+     * @descriptionEn CSS class name for the component
+     */
+    className?: string;
+    /**
+     * @description 各个组件的属性配置
+     * @descriptionEn Props configuration for various components
+     */
+    componentProps?: {
+        /**
+         * @description 链接组件的属性
+         * @descriptionEn Props for link component
+         */
+        a?: any;
+        /**
+         * @description 高亮组件的属性
+         * @descriptionEn Props for highlight component
+         */
+        highlight?: Partial<any>;
+        /**
+         * @description 图片组件的属性
+         * @descriptionEn Props for image component
+         */
+        img?: Partial<any>;
+        /**
+         * @description Mermaid图表的属性
+         * @descriptionEn Props for Mermaid chart
+         */
+        mermaid?: Partial<any>;
+        /**
+         * @description 预格式化文本的属性
+         * @descriptionEn Props for preformatted text
+         */
+        pre?: Partial<any>;
+        /**
+         * @description 视频组件的属性
+         * @descriptionEn Props for video component
+         */
+        video?: Partial<any>;
+    };
+    /**
+     * @description 自定义组件映射，用于覆盖默认的Markdown元素渲染
+     * @descriptionEn Custom component mapping for overriding default Markdown element rendering
+     */
+    components?: Components & Record<string, FC>;
+    /**
+     * @description 自定义渲染函数，用于完全控制渲染过程
+     * @descriptionEn Custom render function for complete control over rendering process
+     */
+    customRender?: (dom: ReactNode, context: {
+        text: string;
+    }) => ReactNode;
+    /**
+     * @description 是否启用自定义脚注功能
+     * @descriptionEn Whether to enable custom footnotes functionality
+     */
+    enableCustomFootnotes?: boolean;
+    /**
+     * @description 是否启用图片画廊功能
+     * @descriptionEn Whether to enable image gallery functionality
+     */
+    enableImageGallery?: boolean;
+    /**
+     * @description 是否启用LaTeX数学公式渲染
+     * @descriptionEn Whether to enable LaTeX math formula rendering
+     */
+    enableLatex?: boolean;
+    /**
+     * @description 是否启用Mermaid图表渲染
+     * @descriptionEn Whether to enable Mermaid chart rendering
+     */
+    enableMermaid?: boolean;
+    /**
+     * @description 是否启用全功能代码块
+     * @descriptionEn Whether to enable full-featured code blocks
+     */
+    fullFeaturedCodeBlock?: boolean;
+    /**
+     * @description 双击事件的处理函数
+     * @descriptionEn Handler function for double-click events
+     */
+    onDoubleClick?: () => void;
+    /**
+     * @description ReactMarkdown组件的属性配置
+     * @descriptionEn Props configuration for ReactMarkdown component
+     */
+    reactMarkdownProps?: Omit<Readonly<ReactMarkdownOptions>, 'components' | 'rehypePlugins' | 'remarkPlugins'>;
+    /**
+     * @description 组件的引用对象
+     * @descriptionEn Ref object for the component
+     */
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * @description Rehype插件数组，用于HTML处理
+     * @descriptionEn Rehype plugins array for HTML processing
+     */
+    rehypePlugins?: Pluggable[];
+    /**
+     * @description Remark插件数组，用于Markdown处理
+     * @descriptionEn Remark plugins array for Markdown processing
+     */
+    remarkPlugins?: Pluggable[];
+    /**
+     * @description 前置Remark插件数组
+     * @descriptionEn Preceding remark plugins array
+     */
+    remarkPluginsAhead?: Pluggable[];
+    /**
+     * @description 是否显示脚注
+     * @descriptionEn Whether to show footnotes
+     */
+    showFootnotes?: boolean;
+    /**
+     * @description 组件的内联样式对象
+     * @descriptionEn Inline style object for the component
+     */
+    style?: CSSProperties;
+    /**
+     * @description 组件的变体类型，影响渲染样式
+     * @descriptionEn Variant type of the component, affects rendering style
+     */
+    variant?: 'default' | 'chat';
+}

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

@@ -9,7 +9,6 @@ import rehypeRaw from 'rehype-raw';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
-import { rehypeFadeIn } from "./rehype/fadeIn";
 import { rehypeFootnoteLinks, remarkCustomFootnotes } from "./plugins/footnote";
 import { rehypeKatexDir } from "./plugins/katexDir";
 // 使用普通 Map 代替 WeakMap，并限制缓存大小
@@ -43,7 +42,7 @@ export var createPlugins = function createPlugins(props) {
   var normalizedRemarkPluginsAhead = Array.isArray(remarkPluginsAhead) ? remarkPluginsAhead : remarkPluginsAhead ? [remarkPluginsAhead] : [];
 
   // 创建 rehype 插件列表
-  var rehypePluginsList = [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks, cursor && rehypeFadeIn].concat(_toConsumableArray(normalizedRehypePlugins)).filter(Boolean);
+  var rehypePluginsList = [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, enableCustomFootnotes && rehypeFootnoteLinks].concat(_toConsumableArray(normalizedRehypePlugins)).filter(Boolean);
 
   // 创建 remark 插件列表
   var remarkPluginsList = [].concat(_toConsumableArray(normalizedRemarkPluginsAhead), [[remarkGfm, {

package/lib/Mermaid/index.d.ts

@@ -0,0 +1,18 @@
+export interface IMermaidProps {
+    /**
+     * @description Mermaid 图表的源代码，包含图表定义和配置
+     * @descriptionEn Mermaid chart source code containing chart definition and configuration
+     */
+    content: string;
+    /**
+     * @description 图表的宽度，支持数字（像素）或字符串（CSS单位）
+     * @descriptionEn Width of the chart, supports number (pixels) or string (CSS units)
+     */
+    width?: number | string;
+    /**
+     * @description 图表的高度，支持数字（像素）或字符串（CSS单位）
+     * @descriptionEn Height of the chart, supports number (pixels) or string (CSS units)
+     */
+    height?: number | string;
+}
+export default function Mermaid(props: IMermaidProps): import("react/jsx-runtime").JSX.Element;