@ant-design/agentic-ui 2.8.0 → 2.10.0

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

@@ -1,55 +1,84 @@
-// src/MarkdownEditor/editor/elements/Comment/index.tsx
+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;
+}
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import React, { useContext, useMemo } from "react";
-var CommentView = (props) => {
-  var _a;
-  const { setShowComment } = props;
-  const context = useContext(ConfigProvider.ConfigContext);
-  const mdEditorBaseClass = context == null ? void 0 : context.getPrefixCls("agentic-md-editor-content");
-  const thisComment = useMemo(() => {
-    var _a2, _b;
-    return (_b = (_a2 = props.commentItem) == null ? void 0 : _a2.find) == null ? void 0 : _b.call(
-      _a2,
-      (c) => `${c.id}` === props.id.split("-").at(-1)
-    );
-  }, [props.id]);
-  if (!((_a = props.commentItem) == null ? void 0 : _a.length)) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, props.children);
-  }
-  const type = (thisComment == null ? void 0 : thisComment.commentType) || "comment";
-  return /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      "data-be": "comment-text",
-      "data-testid": "comment-view",
-      id: props.id,
-      className: classNames(props.hashId, {
-        [`${mdEditorBaseClass}-comment-${type}`]: type
-      }),
-      style: {
-        position: "relative"
-      },
-      onClick: (e) => {
-        var _a2;
-        e.stopPropagation();
-        setShowComment == null ? void 0 : setShowComment(
-          (_a2 = props.commentItem) == null ? void 0 : _a2.filter((item) => Boolean(item.content))
-        );
-      }
-    },
-    props.children
-  );
+/**
+ * 评论视图组件 - 显示和管理 Markdown 编辑器中的评论
+ *
+ * 功能特性：
+ * - 显示评论标记和高亮
+ * - 支持点击查看评论详情
+ *
+ * @param props - 组件属性
+ * @returns 渲染的评论视图组件
+ */ export var CommentView = function(props) {
+    var _props_commentItem;
+    var setShowComment = props.setShowComment;
+    var context = useContext(ConfigProvider.ConfigContext);
+    var mdEditorBaseClass = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-content');
+    /**
+   * 查找当前评论数据
+   * 通过解析 props.id 来匹配对应的评论项
+   */ var thisComment = useMemo(function() {
+        var _props_commentItem_find, _props_commentItem;
+        return (_props_commentItem = props.commentItem) === null || _props_commentItem === void 0 ? void 0 : (_props_commentItem_find = _props_commentItem.find) === null || _props_commentItem_find === void 0 ? void 0 : _props_commentItem_find.call(_props_commentItem, function(c) {
+            return "".concat(c.id) === props.id.split('-').at(-1);
+        });
+    }, [
+        props.id
+    ]);
+    if (!((_props_commentItem = props.commentItem) === null || _props_commentItem === void 0 ? void 0 : _props_commentItem.length)) {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, props.children);
+    }
+    var type = (thisComment === null || thisComment === void 0 ? void 0 : thisComment.commentType) || 'comment';
+    return /*#__PURE__*/ React.createElement("span", {
+        "data-be": "comment-text",
+        "data-testid": "comment-view",
+        id: props.id,
+        className: classNames(props.hashId, _define_property({}, "".concat(mdEditorBaseClass, "-comment-").concat(type), type)),
+        style: {
+            position: 'relative'
+        },
+        onClick: function(e) {
+            var _props_commentItem;
+            e.stopPropagation();
+            setShowComment === null || setShowComment === void 0 ? void 0 : setShowComment((_props_commentItem = props.commentItem) === null || _props_commentItem === void 0 ? void 0 : _props_commentItem.filter(function(item) {
+                return Boolean(item.content);
+            }));
+        }
+    }, props.children);
 };
-var CommentCreate = (props) => {
-  var _a;
-  const dom = /* @__PURE__ */ React.createElement("div", { "data-testid": "comment-create-default" });
-  if ((_a = props.comment) == null ? void 0 : _a.editorRender) {
-    return props.comment.editorRender(dom);
-  }
-  return /* @__PURE__ */ React.createElement("div", { "data-testid": "comment-create-default" });
-};
-export {
-  CommentCreate,
-  CommentView
+/**
+ * 评论创建组件 - 提供创建新评论的界面
+ *
+ * 功能说明：
+ * - 如果提供了自定义的编辑器渲染器，则使用自定义渲染
+ * - 否则渲染默认的空白创建界面
+ * - 支持测试标识符以便于测试
+ *
+ * @param props - 组件属性
+ * @returns 渲染的评论创建组件
+ */ export var CommentCreate = function(props) {
+    var _props_comment;
+    var dom = /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "comment-create-default"
+    });
+    if ((_props_comment = props.comment) === null || _props_comment === void 0 ? void 0 : _props_comment.editorRender) {
+        return props.comment.editorRender(dom);
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "comment-create-default"
+    });
 };

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

@@ -1,23 +1,119 @@
-// src/MarkdownEditor/editor/elements/ErrorBoundary.tsx
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!result;
+    })();
+}
 import React from "react";
-var ErrorBoundary = class extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.log(error, errorInfo);
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback;
+export var ErrorBoundary = /*#__PURE__*/ function(_React_Component) {
+    "use strict";
+    _inherits(ErrorBoundary, _React_Component);
+    function ErrorBoundary(props) {
+        _class_call_check(this, ErrorBoundary);
+        var _this;
+        _this = _call_super(this, ErrorBoundary, [
+            props
+        ]);
+        _this.state = {
+            hasError: false
+        };
+        return _this;
     }
-    return this.props.children;
-  }
-};
-export {
-  ErrorBoundary
-};
+    _create_class(ErrorBoundary, [
+        {
+            key: "componentDidCatch",
+            value: function componentDidCatch(error, errorInfo) {
+                // You can also log the error to an error reporting service
+                console.log(error, errorInfo);
+            }
+        },
+        {
+            key: "render",
+            value: function render() {
+                if (this.state.hasError) {
+                    // You can render any custom fallback UI
+                    return this.props.fallback;
+                }
+                return this.props.children;
+            }
+        }
+    ], [
+        {
+            key: "getDerivedStateFromError",
+            value: function getDerivedStateFromError() {
+                // Update state so the next render will show the fallback UI.
+                return {
+                    hasError: true
+                };
+            }
+        }
+    ]);
+    return ErrorBoundary;
+}(React.Component);

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

@@ -1,71 +1,90 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+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 a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/MarkdownEditor/editor/elements/FootnoteDefinition.tsx
+    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 { ExportOutlined } from "@ant-design/icons";
 import React, { useMemo } from "react";
 import { Node } from "slate";
 import { useEditorStore } from "../store";
 import { DragHandle } from "../tools/DragHandle";
-var FootnoteDefinition = (props) => {
-  const { store, readonly, markdownContainerRef } = useEditorStore();
-  const element = props.element;
-  useMemo(() => {
-    store.footnoteDefinitionMap = store.footnoteDefinitionMap.set(
-      element.identifier,
-      element
-    );
-  }, [element]);
-  return React.useMemo(() => {
-    const str = Node.string(props.element);
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      __spreadProps(__spreadValues({}, props.attributes), {
-        style: {
-          fontSize: "12px",
-          margin: "5px 0",
-          display: "flex",
-          gap: 4
-        },
-        "data-be": "footnoteDefinition",
-        className: !str ? "ant-agentic-md-editor-drag-el empty" : "ant-agentic-md-editor-drag-el",
-        onDragStart: (e) => store.dragStart(e, markdownContainerRef.current)
-      }),
-      /* @__PURE__ */ React.createElement(DragHandle, null),
-      element.identifier,
-      ".",
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            gap: 2
-          }
-        },
-        props.children,
-        readonly ? /* @__PURE__ */ React.createElement(ExportOutlined, null) : null
-      )
-    );
-  }, [props.element.children]);
-};
-export {
-  FootnoteDefinition
+export var FootnoteDefinition = function(props) {
+    var _useEditorStore = useEditorStore(), store = _useEditorStore.store, readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
+    var element = props.element;
+    useMemo(function() {
+        store.footnoteDefinitionMap = store.footnoteDefinitionMap.set(element.identifier, element);
+    }, [
+        element
+    ]);
+    return React.useMemo(function() {
+        var str = Node.string(props.element);
+        return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
+            style: {
+                fontSize: '12px',
+                margin: '5px 0',
+                display: 'flex',
+                gap: 4
+            },
+            "data-be": 'footnoteDefinition',
+            className: !str ? 'ant-agentic-md-editor-drag-el empty' : 'ant-agentic-md-editor-drag-el',
+            onDragStart: function(e) {
+                return store.dragStart(e, markdownContainerRef.current);
+            }
+        }), /*#__PURE__*/ React.createElement(DragHandle, null), element.identifier, ".", /*#__PURE__*/ React.createElement("span", {
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: 2
+            }
+        }, props.children, readonly ? /*#__PURE__*/ React.createElement(ExportOutlined, null) : null));
+    }, [
+        props.element.children
+    ]);
 };

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

@@ -1,48 +1,122 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _array_like_to_array(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 _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/MarkdownEditor/editor/elements/FootnoteReference.tsx
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    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 _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;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(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(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import React from "react";
 import { Node } from "slate";
 import { useSelStatus } from "../../hooks/editor";
 import { useEditorStore } from "../store";
 import { DragHandle } from "../tools/DragHandle";
-var FootnoteReference = (props) => {
-  const { store, markdownContainerRef } = useEditorStore();
-  const [selected] = useSelStatus(props.element);
-  return React.useMemo(() => {
-    const str = Node.string(props.element);
-    return /* @__PURE__ */ React.createElement(
-      "p",
-      __spreadProps(__spreadValues({}, props.attributes), {
-        "data-be": "paragraph",
-        "data-testid": "footnote-reference",
-        className: !str ? "ant-agentic-md-editor-drag-el empty" : "ant-agentic-md-editor-drag-el",
-        onDragStart: (e) => store.dragStart(e, markdownContainerRef.current),
-        "data-empty": !str && selected ? "true" : void 0
-      }),
-      /* @__PURE__ */ React.createElement(DragHandle, null),
-      props.children
-    );
-  }, [props.element.children, selected]);
-};
-export {
-  FootnoteReference
+export var FootnoteReference = function(props) {
+    var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownContainerRef = _useEditorStore.markdownContainerRef;
+    var _useSelStatus = _sliced_to_array(useSelStatus(props.element), 1), selected = _useSelStatus[0];
+    return React.useMemo(function() {
+        var str = Node.string(props.element);
+        return /*#__PURE__*/ React.createElement("p", _object_spread_props(_object_spread({}, props.attributes), {
+            "data-be": 'paragraph',
+            "data-testid": "footnote-reference",
+            className: !str ? 'ant-agentic-md-editor-drag-el empty' : 'ant-agentic-md-editor-drag-el',
+            onDragStart: function(e) {
+                return store.dragStart(e, markdownContainerRef.current);
+            },
+            "data-empty": !str && selected ? 'true' : undefined
+        }), /*#__PURE__*/ React.createElement(DragHandle, null), props.children);
+    }, [
+        props.element.children,
+        selected
+    ]);
 };