@ant-design/agentic-ui 2.29.6 → 2.29.8

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

@@ -92,12 +92,22 @@ function _object_spread(target) {
 }
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
     if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
             if (excluded.indexOf(key) >= 0) continue;
             if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
             target[key] = source[key];
@@ -107,12 +117,11 @@ function _object_without_properties(source, excluded) {
 }
 function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
     for(i = 0; i < sourceKeys.length; i++){
         key = sourceKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
         target[key] = source[key];
     }
     return target;
@@ -129,7 +138,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 function _ts_generator(thisArg, body) {
-    var f, y, t, g, _ = {
+    var f, y, t, _ = {
         label: 0,
         sent: function() {
             if (t[0] & 1) throw t[1];
@@ -137,13 +146,17 @@ function _ts_generator(thisArg, body) {
         },
         trys: [],
         ops: []
-    };
-    return g = {
-        next: verb(0),
-        "throw": verb(1),
-        "return": verb(2)
-    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
+    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
+    return d(g, "next", {
+        value: verb(0)
+    }), d(g, "throw", {
+        value: verb(1)
+    }), d(g, "return", {
+        value: verb(2)
+    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
+        value: function() {
+            return this;
+        }
     }), g;
     function verb(n) {
         return function(v) {
@@ -155,7 +168,7 @@ function _ts_generator(thisArg, body) {
     }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while(_)try {
+        while(g && (g = 0, op[0] && (_ = 0)), _)try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [
                 op[0] & 2,
@@ -261,8 +274,8 @@ import { ReadonlyImage } from "../Image";
  *   onResizeStop={(size) => console.log('新尺寸:', size)}
  * />
  * ```
- */ export var ResizeImage = function(_param) {
-    var onResizeStart = _param.onResizeStart, onResizeStop = _param.onResizeStop, selected = _param.selected, defaultSize = _param.defaultSize, props = _object_without_properties(_param, [
+ */ export var ResizeImage = function(_0) {
+    var onResizeStart = _0.onResizeStart, onResizeStop = _0.onResizeStop, selected = _0.selected, defaultSize = _0.defaultSize, props = _object_without_properties(_0, [
         "onResizeStart",
         "onResizeStop",
         "selected",
@@ -418,80 +431,82 @@ export function Media(param) {
     }, [
         element.finished
     ]);
-    var initial = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
-        var type, finalType, realUrl, img, video, audio;
-        return _ts_generator(this, function(_state) {
-            type = getMediaType(element === null || element === void 0 ? void 0 : element.url, element.alt);
-            type = !type ? 'image' : type;
-            finalType = [
-                'image',
-                'video',
-                'autio',
-                'attachment'
-            ].includes(type) ? type : 'other';
-            setState({
-                type: finalType
-            });
-            realUrl = element === null || element === void 0 ? void 0 : element.url;
-            setState({
-                url: realUrl
-            });
-            if (finalType === 'image' || finalType === 'other') {
-                img = document.createElement('img');
-                img.referrerPolicy = 'no-referrer';
-                img.crossOrigin = 'anonymous';
-                img.src = realUrl;
-                img.onerror = function() {
-                    setState({
-                        loadSuccess: false
-                    });
-                };
-                img.onload = function() {
-                    return setState({
-                        loadSuccess: true
-                    });
-                };
-            }
-            if (finalType === 'video') {
-                video = document.createElement('video');
-                video.src = realUrl;
-                video.preload = 'metadata';
-                video.onerror = function() {
-                    setState({
-                        loadSuccess: false
-                    });
-                };
-                video.onloadedmetadata = function() {
-                    setState({
-                        loadSuccess: true
-                    });
-                };
-            }
-            if (finalType === 'audio') {
-                audio = document.createElement('audio');
-                audio.src = realUrl;
-                audio.preload = 'metadata';
-                audio.onerror = function() {
-                    setState({
-                        loadSuccess: false
-                    });
-                };
-                audio.onloadedmetadata = function() {
-                    setState({
-                        loadSuccess: true
-                    });
-                };
-            }
-            if (!element.mediaType) {
-                updateElement({
-                    mediaType: state().type
+    var initial = useRefFunction(function() {
+        return _async_to_generator(function() {
+            var type, finalType, realUrl, img, video, audio;
+            return _ts_generator(this, function(_state) {
+                type = getMediaType(element === null || element === void 0 ? void 0 : element.url, element.alt);
+                type = !type ? 'image' : type;
+                finalType = [
+                    'image',
+                    'video',
+                    'autio',
+                    'attachment'
+                ].includes(type) ? type : 'other';
+                setState({
+                    type: finalType
                 });
-            }
-            return [
-                2
-            ];
-        });
-    }));
+                realUrl = element === null || element === void 0 ? void 0 : element.url;
+                setState({
+                    url: realUrl
+                });
+                if (finalType === 'image' || finalType === 'other') {
+                    img = document.createElement('img');
+                    img.referrerPolicy = 'no-referrer';
+                    img.crossOrigin = 'anonymous';
+                    img.src = realUrl;
+                    img.onerror = function() {
+                        setState({
+                            loadSuccess: false
+                        });
+                    };
+                    img.onload = function() {
+                        return setState({
+                            loadSuccess: true
+                        });
+                    };
+                }
+                if (finalType === 'video') {
+                    video = document.createElement('video');
+                    video.src = realUrl;
+                    video.preload = 'metadata';
+                    video.onerror = function() {
+                        setState({
+                            loadSuccess: false
+                        });
+                    };
+                    video.onloadedmetadata = function() {
+                        setState({
+                            loadSuccess: true
+                        });
+                    };
+                }
+                if (finalType === 'audio') {
+                    audio = document.createElement('audio');
+                    audio.src = realUrl;
+                    audio.preload = 'metadata';
+                    audio.onerror = function() {
+                        setState({
+                            loadSuccess: false
+                        });
+                    };
+                    audio.onloadedmetadata = function() {
+                        setState({
+                            loadSuccess: true
+                        });
+                    };
+                }
+                if (!element.mediaType) {
+                    updateElement({
+                        mediaType: state().type
+                    });
+                }
+                return [
+                    2
+                ];
+            });
+        })();
+    });
     useLayoutEffect(function() {
         initial();
     }, [

package/dist/MarkdownEditor/editor/elements/Mermaid/ReadonlyMermaid.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { RenderElementProps } from 'slate-react';
+/**
+ * ReadonlyMermaid 组件 - 只读 Mermaid 图表预览组件
+ *
+ * 专门针对 readonly 模式优化的 Mermaid 图表组件。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读 Mermaid 图表预览组件，用于预览模式下的 Mermaid 图表渲染
+ * @param {RenderElementProps} props - 组件属性
+ * @param {any} props.element - Mermaid 图表节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyMermaid
+ *   element={mermaidNode}
+ *   attributes={attributes}
+ * >
+ *   图表内容
+ * </ReadonlyMermaid>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读 Mermaid 图表组件
+ *
+ * @remarks
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */
+export declare const ReadonlyMermaid: React.FC<RenderElementProps>;

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

@@ -0,0 +1,101 @@
+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 { ConfigProvider } from "antd";
+import classNames from "classnames";
+import React, { useContext } from "react";
+import { debugInfo } from "../../../../Utils/debugUtils";
+import { useStyle } from "./style";
+/**
+ * ReadonlyMermaid 组件 - 只读 Mermaid 图表预览组件
+ *
+ * 专门针对 readonly 模式优化的 Mermaid 图表组件。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读 Mermaid 图表预览组件，用于预览模式下的 Mermaid 图表渲染
+ * @param {RenderElementProps} props - 组件属性
+ * @param {any} props.element - Mermaid 图表节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyMermaid
+ *   element={mermaidNode}
+ *   attributes={attributes}
+ * >
+ *   图表内容
+ * </ReadonlyMermaid>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读 Mermaid 图表组件
+ *
+ * @remarks
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */ export var ReadonlyMermaid = /*#__PURE__*/ React.memo(function(param) {
+    var attributes = param.attributes, children = param.children, element = param.element;
+    var _element_otherProps, _element_value, _element_otherProps1;
+    debugInfo('ReadonlyMermaid - 渲染只读 Mermaid 图表', {
+        hasError: (element === null || element === void 0 ? void 0 : (_element_otherProps = element.otherProps) === null || _element_otherProps === void 0 ? void 0 : _element_otherProps.error) === true,
+        valueLength: element === null || element === void 0 ? void 0 : (_element_value = element.value) === null || _element_value === void 0 ? void 0 : _element_value.length
+    });
+    var context = useContext(ConfigProvider.ConfigContext);
+    var baseCls = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-mermaid');
+    var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var hasError = (element === null || element === void 0 ? void 0 : (_element_otherProps1 = element.otherProps) === null || _element_otherProps1 === void 0 ? void 0 : _element_otherProps1.error) === true;
+    return wrapSSR(/*#__PURE__*/ React.createElement("pre", _object_spread_props(_object_spread({}, attributes), {
+        className: classNames(baseCls, hashId, _define_property({}, "".concat(baseCls, "-error"), hasError))
+    }), /*#__PURE__*/ React.createElement("code", null, children)));
+});
+ReadonlyMermaid.displayName = 'ReadonlyMermaid';

package/dist/MarkdownEditor/editor/elements/Paragraph/ReadonlyParagraph.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ElementProps, ParagraphNode } from '../../../el';
+/**
+ * ReadonlyParagraph 组件 - 只读段落预览组件
+ *
+ * 专门针对 readonly 模式优化的段落组件，移除了拖拽手柄、占位符逻辑等编辑相关功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读段落预览组件，用于预览模式下的段落渲染
+ * @param {ElementProps<ParagraphNode>} props - 组件属性
+ * @param {ParagraphNode} props.element - 段落节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyParagraph
+ *   element={paragraphNode}
+ *   attributes={attributes}
+ * >
+ *   段落内容
+ * </ReadonlyParagraph>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读段落组件
+ *
+ * @remarks
+ * - 移除拖拽手柄（DragHandle）
+ * - 移除占位符逻辑
+ * - 移除拖拽相关事件处理
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */
+export declare const ReadonlyParagraph: React.FC<ElementProps<ParagraphNode>>;

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

@@ -0,0 +1,109 @@
+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 classNames from "classnames";
+import React from "react";
+import { Node } from "slate";
+import { debugInfo } from "../../../../Utils/debugUtils";
+/**
+ * ReadonlyParagraph 组件 - 只读段落预览组件
+ *
+ * 专门针对 readonly 模式优化的段落组件，移除了拖拽手柄、占位符逻辑等编辑相关功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读段落预览组件，用于预览模式下的段落渲染
+ * @param {ElementProps<ParagraphNode>} props - 组件属性
+ * @param {ParagraphNode} props.element - 段落节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlyParagraph
+ *   element={paragraphNode}
+ *   attributes={attributes}
+ * >
+ *   段落内容
+ * </ReadonlyParagraph>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读段落组件
+ *
+ * @remarks
+ * - 移除拖拽手柄（DragHandle）
+ * - 移除占位符逻辑
+ * - 移除拖拽相关事件处理
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */ export var ReadonlyParagraph = /*#__PURE__*/ React.memo(function(props) {
+    var _props_children;
+    debugInfo('ReadonlyParagraph - 渲染只读段落', {
+        align: props.element.align,
+        children: props.element.children
+    });
+    var str = Node.string(props.element).trim();
+    debugInfo('ReadonlyParagraph - useMemo 渲染', {
+        strLength: str.length,
+        align: props.element.align
+    });
+    return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
+        "data-be": 'paragraph',
+        className: classNames({}),
+        "data-align": props.element.align,
+        style: {
+            display: !!str || !!((_props_children = props.children) === null || _props_children === void 0 ? void 0 : _props_children.at(0).type) ? undefined : 'none',
+            textAlign: props.element.align
+        }
+    }), props.children);
+});
+ReadonlyParagraph.displayName = 'ReadonlyParagraph';

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

@@ -145,7 +145,8 @@ export var Paragraph = function(props) {
             },
             "data-empty": isEmpty,
             style: {
-                display: !!str || !!((_props_children = props.children) === null || _props_children === void 0 ? void 0 : _props_children.at(0).type) ? undefined : 'none'
+                display: !!str || !!((_props_children = props.children) === null || _props_children === void 0 ? void 0 : _props_children.at(0).type) ? undefined : 'none',
+                textAlign: props.element.align
             }
         }), /*#__PURE__*/ React.createElement(DragHandle, null), props.children);
     }, [

package/dist/MarkdownEditor/editor/elements/Schema/ReadonlySchema.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { RenderElementProps } from 'slate-react';
+/**
+ * ReadonlySchema 组件 - 只读模式渲染组件
+ *
+ * 专门针对 readonly 模式优化的模式组件，移除了编辑相关功能。
+ * 简化渲染逻辑，提升预览模式性能。
+ *
+ * @component
+ * @description 只读模式预览组件，用于预览模式下的模式渲染
+ * @param {RenderElementProps} props - 组件属性
+ * @param {any} props.element - 模式节点元素
+ * @param {React.ReactNode} props.children - 子组件内容
+ * @param {Object} props.attributes - 元素属性
+ *
+ * @example
+ * ```tsx
+ * <ReadonlySchema
+ *   element={schemaNode}
+ *   attributes={attributes}
+ * >
+ *   模式内容
+ * </ReadonlySchema>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的只读模式组件
+ *
+ * @remarks
+ * - 移除编辑相关功能
+ * - 使用 React.memo 优化性能
+ * - 保持预览模式的视觉效果
+ */
+export declare const ReadonlySchema: React.FC<RenderElementProps>;