@ant-design/agentic-ui 2.27.6 → 2.27.8

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

@@ -0,0 +1,144 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { useEditorStyleRegister } from "../../../../Hooks/useStyle";
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        // 基础容器样式
+        height: '240px',
+        minWidth: '300px',
+        maxWidth: '800px',
+        minHeight: '240px',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        alignSelf: 'stretch',
+        zIndex: 5,
+        color: 'rgb(27, 27, 27)',
+        padding: '1em',
+        margin: '1em 0',
+        fontSize: '0.8em',
+        lineHeight: '1.5',
+        overflowX: 'auto',
+        whiteSpace: 'pre-wrap',
+        wordBreak: 'break-all',
+        fontFamily: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
+        wordWrap: 'break-word',
+        borderRadius: '12px',
+        background: '#FFFFFF',
+        boxShadow: 'var(--shadow-control-base)',
+        // SVG 渲染优化
+        '& svg': {
+            // 节点样式
+            '& .node': {
+                '& rect, & circle, & ellipse, & polygon': {
+                    stroke: '#333',
+                    strokeWidth: '1px',
+                    fill: '#fff'
+                }
+            },
+            // 强制设置所有文字样式
+            '& text': {
+                // 确保文字不会被裁剪
+                dominantBaseline: 'middle',
+                textAnchor: 'middle'
+            },
+            // 节点标签 - 更大的字体
+            '& .nodeLabel': {
+                fontWeight: 500,
+                fill: '#333 !important'
+            },
+            // 边标签 - 稍小一些但仍然清晰
+            '& .edgeLabel': {
+                fill: '#666 !important'
+            },
+            // 专门针对流程图的文字
+            '& .flowchart-label': {
+                fill: '#333 !important'
+            },
+            // 针对不同类型的标签
+            '& .label': {
+                fill: '#333 !important'
+            }
+        },
+        // 错误状态样式
+        '&-error': {
+            color: '#d73a49',
+            background: '#ffeaea',
+            border: '1px solid #f97583',
+            padding: '12px',
+            borderRadius: '4px',
+            textAlign: 'left',
+            '& pre': {
+                margin: '8px 0 0',
+                background: '#f6f8fa',
+                padding: '8px',
+                borderRadius: '4px',
+                fontSize: '12px'
+            }
+        }
+    });
+};
+/**
+ * Mermaid 组件样式 Hook
+ * @param prefixCls - 样式类名前缀
+ * @returns 样式相关的 className 和 hashId
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('editor-content-mermaid', function(token) {
+        var editorToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(editorToken)
+        ];
+    });
+}

package/dist/MarkdownEditor/editor/elements/{Paragraph.d.ts → Paragraph/index.d.ts}

@@ -1,3 +1,3 @@
 import React from 'react';
-import { ElementProps, ParagraphNode } from '../../el';
+import { ElementProps, ParagraphNode } from '../../../el';
 export declare const Paragraph: (props: ElementProps<ParagraphNode>) => React.JSX.Element;

package/dist/MarkdownEditor/editor/elements/{Paragraph.js → Paragraph/index.js}

@@ -99,10 +99,10 @@ function _unsupported_iterable_to_array(o, minLen) {
 import classNames from "classnames";
 import React, { useContext } from "react";
 import { Node } from "slate";
-import { I18nContext } from "../../../I18n";
-import { useSelStatus } from "../../hooks/editor";
-import { useEditorStore } from "../store";
-import { DragHandle } from "../tools/DragHandle";
+import { I18nContext } from "../../../../I18n";
+import { useSelStatus } from "../../../hooks/editor";
+import { useEditorStore } from "../../store";
+import { DragHandle } from "../../tools/DragHandle";
 export var Paragraph = function(props) {
     var _markdownEditorRef_current;
     var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef, markdownContainerRef = _useEditorStore.markdownContainerRef, readonly = _useEditorStore.readonly, editorProps = _useEditorStore.editorProps;

package/dist/MarkdownEditor/editor/elements/{Schema.js → Schema/index.js}

@@ -51,9 +51,9 @@ function _object_spread_props(target, source) {
     return target;
 }
 import React, { useContext, useMemo } from "react";
-import { BubbleConfigContext } from "../../../Bubble/BubbleConfigProvide";
-import { SchemaRenderer } from "../../../Schema";
-import { useEditorStore } from "../store";
+import { BubbleConfigContext } from "../../../../Bubble/BubbleConfigProvide";
+import { SchemaRenderer } from "../../../../Schema";
+import { useEditorStore } from "../../store";
 /**
  * Schema 组件 - 模式渲染组件
  *

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -46,7 +46,8 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import { AudioOutlined, FileImageOutlined, FileTextFilled, FolderOpenOutlined, PictureOutlined, VideoCameraOutlined } from "@ant-design/icons";
 import { Button, Modal, Tooltip } from "antd";
-import React, { useCallback, useContext, useMemo, useState } from "react";
+import React, { useContext, useMemo, useState } from "react";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 import { I18nContext } from "../../I18n";
 import { isMobileDevice, isVivoOrOppoDevice, kbToSize } from "./utils";
 var FILE_SIZE_UNITS = {
@@ -148,27 +149,21 @@ export var AttachmentButtonPopover = function(param) {
     }, [
         isVivoOrOppo
     ]);
-    var handleClick = useCallback(function(e) {
+    var handleClick = useRefFunction(function(e) {
         if (isVivoOrOppo) {
             e.stopPropagation();
             e.preventDefault();
             setModalOpen(true);
         }
-    }, [
-        isVivoOrOppo
-    ]);
-    var handleOpenGallery = useCallback(function() {
+    });
+    var handleOpenGallery = useRefFunction(function() {
         uploadImage === null || uploadImage === void 0 ? void 0 : uploadImage(true);
         setModalOpen(false);
-    }, [
-        uploadImage
-    ]);
-    var handleOpenFile = useCallback(function() {
+    });
+    var handleOpenFile = useRefFunction(function() {
         uploadImage === null || uploadImage === void 0 ? void 0 : uploadImage(false);
         setModalOpen(false);
-    }, [
-        uploadImage
-    ]);
+    });
     if (isVivoOrOppo) {
         return /*#__PURE__*/ React.createElement("div", {
             onClick: function(e) {

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -250,12 +250,12 @@ function _ts_generator(thisArg, body) {
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { useMergedState } from "rc-util";
-import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
+import React, { useContext, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { useRefFunction } from "../Hooks/useRefFunction";
 import { BaseMarkdownEditor } from "../MarkdownEditor";
 import { upLoadFileToServer } from "./AttachmentButton";
-import { isMobileDevice } from "./AttachmentButton/utils";
 import { AttachmentFileList } from "./AttachmentButton/AttachmentFileList";
+import { isMobileDevice } from "./AttachmentButton/utils";
 import { getFileListFromDataTransferItems } from "./FilePaste";
 import { useFileUploadManager } from "./FileUploadManager";
 import { QuickActions } from "./QuickActions";
@@ -586,7 +586,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         };
     }, []);
     // 图片粘贴上传
-    var handlePaste = useCallback(/*#__PURE__*/ function() {
+    var handlePaste = useRefFunction(/*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(e) {
             var imageFiles;
             return _ts_generator(this, function(_state) {
@@ -613,10 +613,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
         return function(e) {
             return _ref.apply(this, arguments);
         };
-    }(), [
-        fileMap,
-        markdownProps === null || markdownProps === void 0 ? void 0 : markdownProps.attachment
-    ]);
+    }());
     // 预计算：附件列表节点，减少 JSX 嵌套
     var attachmentList = useMemo(function() {
         var _props_attachment;

package/dist/Plugins/code/components/AceEditor.js

@@ -236,7 +236,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import isHotkey from "is-hotkey";
-import { startTransition, useCallback, useEffect, useRef, useState } from "react";
+import { startTransition, useEffect, useRef, useState } from "react";
 import { Editor, Path, Transforms } from "slate";
 import { useRefFunction } from "../../../Hooks/useRefFunction";
 import partialParse from "../../../MarkdownEditor/editor/parser/json-parse";
@@ -411,7 +411,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
         window.dispatchEvent(newEvent);
     });
     // 配置编辑器事件
-    var setupEditorEvents = useCallback(function(codeEditor) {
+    var setupEditorEvents = useRefFunction(function(codeEditor) {
         // 禁用默认查找快捷键
         codeEditor.commands.addCommand({
             name: 'disableFind',
@@ -473,13 +473,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
                 codeRef.current = codeEditor.getValue();
             }, 100);
         });
-    }, [
-        onUpdate,
-        onShowBorderChange,
-        onHideChange,
-        readonly,
-        handleKeyDown
-    ]);
+    });
     // 初始化 Ace 编辑器（仅在库加载完成后）
     useEffect(function() {
         var _editorProps_codeProps;
@@ -620,7 +614,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
         aceLoaded
     ]);
     // 暴露设置语言的方法
-    var setLanguage = useCallback(/*#__PURE__*/ function() {
+    var setLanguage = useRefFunction(/*#__PURE__*/ function() {
         var _ref = _async_to_generator(function(changeLang) {
             var _element_language, lang, aceLangs, _editorRef_current, _editorRef_current1;
             return _ts_generator(this, function(_state) {
@@ -658,10 +652,7 @@ import { loadAceEditor, loadAceTheme } from "../loadAceEditor";
         return function(changeLang) {
             return _ref.apply(this, arguments);
         };
-    }(), [
-        element,
-        onUpdate
-    ]);
+    }());
     return {
         dom: dom,
         editorRef: editorRef,

package/dist/Plugins/mermaid/Mermaid.d.ts

@@ -1,11 +1,5 @@
 import React from 'react';
 import { CodeNode } from '../../MarkdownEditor/el';
-type MermaidApi = typeof import('mermaid').default;
-/**
- * 加载 Mermaid 库
- * 使用单例模式确保只加载一次，并初始化配置
- */
-export declare const loadMermaid: () => Promise<MermaidApi>;
 /**
  * Mermaid 组件 - Mermaid图表渲染组件
  *
@@ -45,4 +39,3 @@ export declare const loadMermaid: () => Promise<MermaidApi>;
 export declare const Mermaid: (props: {
     element: CodeNode;
 }) => React.JSX.Element | null;
-export {};