@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Plugins/katex/InlineKatex.js

@@ -1,24 +1,101 @@
-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/Plugins/katex/InlineKatex.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 classNames from "classnames";
 import katex from "katex";
 import React, { useEffect, useRef } from "react";
@@ -26,100 +103,112 @@ import { Editor, Node, Transforms } from "slate";
 import { useEditorStore } from "../../MarkdownEditor/editor/store";
 import { useSelStatus } from "../../MarkdownEditor/hooks/editor";
 import "./katex.min.css";
-var InlineKatex = ({
-  children,
-  element,
-  attributes,
-  style
-}) => {
-  const renderEl = useRef(null);
-  const { markdownEditorRef, readonly } = useEditorStore();
-  const [selected, path] = useSelStatus(element);
-  useEffect(() => {
-    if (!selected) {
-      const value = Node.string(element);
-      katex.render(`${value}`, renderEl.current, {
-        strict: false,
-        output: "html",
-        throwOnError: false,
-        macros: {
-          "\\f": "#1f(#2)"
+/**
+ * InlineKatex 组件 - 内联KaTeX数学公式组件
+ *
+ * 该组件用于在文本中渲染内联数学公式，支持编辑和只读模式。
+ * 提供选择状态管理、公式渲染、点击交互等功能。
+ *
+ * @component
+ * @description 内联KaTeX数学公式组件，支持行内数学公式渲染
+ * @param {ElementProps<InlineKatexNode> & { style?: React.CSSProperties }} props - 组件属性
+ * @param {InlineKatexNode} props.element - 内联KaTeX节点
+ * @param {Object} props.attributes - Slate元素属性
+ * @param {React.ReactNode} props.children - 子元素
+ * @param {React.CSSProperties} [props.style] - 自定义样式
+ *
+ * @example
+ * ```tsx
+ * <InlineKatex
+ *   element={inlineKatexNode}
+ *   attributes={slateAttributes}
+ *   style={{ fontSize: '13px' }}
+ * >
+ *   {children}
+ * </InlineKatex>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的内联数学公式组件
+ *
+ * @remarks
+ * - 支持内联数学公式渲染
+ * - 提供编辑和只读模式
+ * - 支持选择状态管理
+ * - 提供点击交互功能
+ * - 基于KaTeX库实现
+ * - 支持自定义样式
+ * - 在测试环境下简化显示
+ * - 提供响应式布局
+ */ export var InlineKatex = function(param) {
+    var children = param.children, element = param.element, attributes = param.attributes, style = param.style;
+    var renderEl = useRef(null);
+    var _useEditorStore = useEditorStore(), markdownEditorRef = _useEditorStore.markdownEditorRef, readonly = _useEditorStore.readonly;
+    var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), selected = _useSelStatus[0], path = _useSelStatus[1];
+    useEffect(function() {
+        if (!selected) {
+            var value = Node.string(element);
+            katex.render("".concat(value), renderEl.current, {
+                strict: false,
+                output: 'html',
+                throwOnError: false,
+                macros: {
+                    '\\f': '#1f(#2)'
+                }
+            });
         }
-      });
+    }, [
+        selected
+    ]);
+    if (process.env.NODE_ENV === 'test') {
+        return /*#__PURE__*/ React.createElement("span", {
+            contentEditable: false
+        });
     }
-  }, [selected]);
-  if (false) {
-    return /* @__PURE__ */ React.createElement("span", { contentEditable: false });
-  }
-  if (readonly) {
-    return /* @__PURE__ */ React.createElement(
-      "span",
-      __spreadProps(__spreadValues({}, attributes), {
-        className: "katex",
-        "data-be": "inline-katex",
-        style: {
-          position: "relative"
-        }
-      }),
-      /* @__PURE__ */ React.createElement("span", { contentEditable: false, ref: renderEl }),
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          style: {
-            display: "none"
-          }
-        },
-        children
-      )
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    "span",
-    __spreadProps(__spreadValues({}, attributes), {
-      "data-be": "inline-katex",
-      className: classNames("relative")
-    }),
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        style: __spreadValues({
-          display: "inline-flex",
-          padding: selected ? "0.25rem" : "0",
-          visibility: selected ? "visible" : "hidden",
-          width: selected ? "auto" : "0",
-          height: selected ? "auto" : "0",
-          overflow: "hidden",
-          position: selected ? "static" : "absolute"
+    if (readonly) {
+        return /*#__PURE__*/ React.createElement("span", _object_spread_props(_object_spread({}, attributes), {
+            className: "katex",
+            "data-be": 'inline-katex',
+            style: {
+                position: 'relative'
+            }
+        }), /*#__PURE__*/ React.createElement("span", {
+            contentEditable: false,
+            ref: renderEl
+        }), /*#__PURE__*/ React.createElement("span", {
+            style: {
+                display: 'none'
+            }
+        }, children));
+    }
+    return /*#__PURE__*/ React.createElement("span", _object_spread_props(_object_spread({}, attributes), {
+        "data-be": 'inline-katex',
+        className: classNames('relative')
+    }), /*#__PURE__*/ React.createElement("span", {
+        style: _object_spread({
+            display: 'inline-flex',
+            padding: selected ? '0.25rem' : '0',
+            visibility: selected ? 'visible' : 'hidden',
+            width: selected ? 'auto' : '0',
+            height: selected ? 'auto' : '0',
+            overflow: 'hidden',
+            position: selected ? 'static' : 'absolute'
         }, style),
-        className: selected ? "inline-code-input" : ""
-      },
-      children
-    ),
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
+        className: selected ? 'inline-code-input' : ''
+    }, children), /*#__PURE__*/ React.createElement("span", {
         className: "katex",
         contentEditable: false,
         ref: renderEl,
-        onClick: () => {
-          Transforms.select(
-            markdownEditorRef.current,
-            Editor.end(markdownEditorRef.current, path)
-          );
+        onClick: function() {
+            Transforms.select(markdownEditorRef.current, Editor.end(markdownEditorRef.current, path));
         },
         style: {
-          margin: "0 0.25rem",
-          userSelect: "none",
-          visibility: selected ? "hidden" : "visible",
-          width: selected ? "0" : "auto",
-          height: selected ? "0" : "auto",
-          overflow: selected ? "hidden" : "visible",
-          position: selected ? "absolute" : "static"
+            margin: '0 0.25rem',
+            userSelect: 'none',
+            visibility: selected ? 'hidden' : 'visible',
+            width: selected ? '0' : 'auto',
+            height: selected ? '0' : 'auto',
+            overflow: selected ? 'hidden' : 'visible',
+            position: selected ? 'absolute' : 'static'
         }
-      }
-    )
-  );
-};
-export {
-  InlineKatex
+    }));
 };

package/dist/Plugins/katex/Katex.js

@@ -1,74 +1,148 @@
-// src/Plugins/katex/Katex.tsx
+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 _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 _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 classNames from "classnames";
 import katex from "katex";
 import React, { useEffect, useRef } from "react";
 import { useGetSetState } from "react-use";
 import "./katex.min.css";
-var Katex = (props) => {
-  const [state, setState] = useGetSetState({
-    code: "",
-    error: ""
-  });
-  const divRef = useRef(null);
-  const timer = useRef(0);
-  useEffect(() => {
-    const code = props.el.value || "";
-    clearTimeout(timer.current);
-    timer.current = window.setTimeout(
-      () => {
-        setState({
-          code
-        });
-        if (state().code) {
-          try {
-            if (divRef.current) {
-              katex.render(state().code, divRef.current, {
-                strict: false,
-                output: "htmlAndMathml",
-                throwOnError: false,
-                displayMode: true,
-                macros: {
-                  "\\f": "#1f(#2)"
-                }
-              });
+/**
+ * Katex 组件 - KaTeX 数学公式渲染组件
+ *
+ * 该组件使用KaTeX库渲染数学公式，支持LaTeX语法，提供错误处理和延迟渲染。
+ * 包含公式渲染、错误状态管理、占位符显示等功能。
+ *
+ * @component
+ * @description KaTeX 数学公式渲染组件，支持LaTeX语法渲染
+ * @param {Object} props - 组件属性
+ * @param {CodeNode} props.el - 代码节点，包含公式内容
+ * @param {string} [props.el.value] - LaTeX公式字符串
+ *
+ * @example
+ * ```tsx
+ * <Katex
+ *   el={{
+ *     type: 'code',
+ *     value: '\\sum_{i=1}^{n} x_i = x_1 + x_2 + \\cdots + x_n'
+ *   }}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的数学公式组件
+ *
+ * @remarks
+ * - 基于KaTeX库实现数学公式渲染
+ * - 支持LaTeX数学语法
+ * - 提供延迟渲染优化性能
+ * - 包含错误处理机制
+ * - 支持占位符显示
+ * - 提供美观的样式设计
+ * - 禁用文本选择
+ * - 居中显示公式
+ */ export var Katex = function(props) {
+    var _useGetSetState = _sliced_to_array(useGetSetState({
+        code: '',
+        error: ''
+    }), 2), state = _useGetSetState[0], setState = _useGetSetState[1];
+    var divRef = useRef(null);
+    var timer = useRef(0);
+    useEffect(function() {
+        var code = props.el.value || '';
+        clearTimeout(timer.current);
+        timer.current = window.setTimeout(function() {
+            setState({
+                code: code
+            });
+            if (state().code) {
+                try {
+                    if (divRef.current) {
+                        katex.render(state().code, divRef.current, {
+                            strict: false,
+                            output: 'htmlAndMathml',
+                            throwOnError: false,
+                            displayMode: true,
+                            macros: {
+                                '\\f': '#1f(#2)'
+                            }
+                        });
+                    }
+                } catch (e) {}
+            } else {
+                setState({
+                    error: ''
+                });
             }
-          } catch (e) {
-          }
-        } else {
-          setState({ error: "" });
-        }
-      },
-      !state().code ? 0 : 300
-    );
-    return () => window.clearTimeout(timer.current);
-  }, [props.el]);
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        marginBottom: "0.75em",
-        cursor: "default",
-        userSelect: "none",
-        textAlign: "center",
-        backgroundColor: "rgba(107, 114, 128, 0.05)",
-        paddingTop: "1em",
-        paddingBottom: "1em",
-        borderRadius: "0.25em"
-      },
-      contentEditable: false
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+        }, !state().code ? 0 : 300);
+        return function() {
+            return window.clearTimeout(timer.current);
+        };
+    }, [
+        props.el
+    ]);
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            marginBottom: '0.75em',
+            cursor: 'default',
+            userSelect: 'none',
+            textAlign: 'center',
+            backgroundColor: 'rgba(107, 114, 128, 0.05)',
+            paddingTop: '1em',
+            paddingBottom: '1em',
+            borderRadius: '0.25em'
+        },
+        contentEditable: false
+    }, /*#__PURE__*/ React.createElement("div", {
         ref: divRef,
-        className: classNames("katex-container", {
-          hidden: !state().code.trim()
+        className: classNames('katex-container', {
+            hidden: !state().code.trim()
         })
-      }
-    ),
-    !state().code.trim() && /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center", color: "#6B7280" } }, "Formula")
-  );
-};
-export {
-  Katex
+    }), !state().code.trim() && /*#__PURE__*/ React.createElement("div", {
+        style: {
+            textAlign: 'center',
+            color: '#6B7280'
+        }
+    }, "Formula"));
 };