@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/ThoughtChainList/FlipText/index.js

@@ -1,34 +1,78 @@
-// src/ThoughtChainList/FlipText/index.tsx
 import classNames from "classnames";
 import { motion } from "framer-motion";
 import React from "react";
-function FlipText({
-  word,
-  duration = 0.5,
-  delayMultiple = 0.08,
-  framerProps = {
-    hidden: { rotateX: -90, opacity: 0 },
-    visible: { rotateX: 0, opacity: 1 }
-  },
-  className
-}) {
-  if (false) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex justify-center" }, word);
-  }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex justify-center" }, word.split("").map((char, i) => /* @__PURE__ */ React.createElement(
-    motion.span,
-    {
-      key: i + "_" + char,
-      initial: "hidden",
-      animate: "visible",
-      exit: "hidden",
-      variants: framerProps,
-      transition: { duration, delay: i * delayMultiple },
-      className: classNames("origin-center drop-shadow-sm", className)
-    },
-    char
-  )));
+/**
+ * FlipText 组件 - 翻转文字动画组件
+ *
+ * 该组件为每个字符提供翻转动画效果，使用framer-motion实现流畅的动画。
+ * 支持自定义动画参数、延迟时间、样式等配置。
+ *
+ * @component
+ * @description 翻转文字动画组件，为文字提供字符级翻转动画
+ * @param {FlipTextProps} props - 组件属性
+ * @param {string} props.word - 要显示的文字
+ * @param {number} [props.duration=0.5] - 每个字符的翻转动画持续时间
+ * @param {number} [props.delayMultiple=0.08] - 字符间动画延迟倍数
+ * @param {Variants} [props.framerProps] - framer-motion动画属性
+ * @param {Object} [props.framerProps.hidden] - 隐藏状态动画
+ * @param {number} [props.framerProps.hidden.rotateX=-90] - 初始X轴旋转角度
+ * @param {number} [props.framerProps.hidden.opacity=0] - 初始透明度
+ * @param {Object} [props.framerProps.visible] - 可见状态动画
+ * @param {number} [props.framerProps.visible.rotateX=0] - 最终X轴旋转角度
+ * @param {number} [props.framerProps.visible.opacity=1] - 最终透明度
+ * @param {string} [props.className] - 额外的CSS类名
+ *
+ * @example
+ * ```tsx
+ * <FlipText
+ *   word="Hello World"
+ *   duration={0.6}
+ *   delayMultiple={0.1}
+ *   className="text-xl font-bold"
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的翻转文字动画组件
+ *
+ * @remarks
+ * - 为每个字符提供独立的翻转动画
+ * - 支持自定义动画参数
+ * - 提供字符间延迟效果
+ * - 使用framer-motion实现流畅动画
+ * - 支持自定义样式
+ * - 在测试环境下简化显示
+ * - 提供阴影效果
+ * - 响应式布局
+ */ export function FlipText(param) {
+    var word = param.word, _param_duration = param.duration, duration = _param_duration === void 0 ? 0.5 : _param_duration, _param_delayMultiple = param.delayMultiple, delayMultiple = _param_delayMultiple === void 0 ? 0.08 : _param_delayMultiple, _param_framerProps = param.framerProps, framerProps = _param_framerProps === void 0 ? {
+        hidden: {
+            rotateX: -90,
+            opacity: 0
+        },
+        visible: {
+            rotateX: 0,
+            opacity: 1
+        }
+    } : _param_framerProps, className = param.className;
+    if (process.env.NODE_ENV === 'test') {
+        return /*#__PURE__*/ React.createElement("div", {
+            className: "flex justify-center"
+        }, word);
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "flex justify-center"
+    }, word.split('').map(function(char, i) {
+        return /*#__PURE__*/ React.createElement(motion.span, {
+            key: i + '_' + char,
+            initial: "hidden",
+            animate: "visible",
+            exit: "hidden",
+            variants: framerProps,
+            transition: {
+                duration: duration,
+                delay: i * delayMultiple
+            },
+            className: classNames('origin-center drop-shadow-sm', className)
+        }, char);
+    }));
 }
-export {
-  FlipText
-};

package/dist/ThoughtChainList/MarkdownEditor.js

@@ -1,78 +1,132 @@
-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/ThoughtChainList/MarkdownEditor.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 React, { useEffect } from "react";
-import {
-  MarkdownEditor,
-  parserMdToSchema
-} from "../MarkdownEditor";
+import { MarkdownEditor, parserMdToSchema } from "../MarkdownEditor";
 import { MarkdownFormatter } from "../Plugins/formatter";
-var toListMarkdown = (content) => {
-  return content;
+/**
+ * 将内容转换为列表格式的 Markdown
+ * @param {string} content - 原始内容
+ * @returns {string} 转换后的内容
+ */ var toListMarkdown = function(content) {
+    return content;
 };
-var MarkdownEditorUpdate = (props) => {
-  const editorRef = React.useRef();
-  useEffect(() => {
-    var _a, _b;
-    (_b = (_a = editorRef.current) == null ? void 0 : _a.store) == null ? void 0 : _b.updateNodeList(
-      parserMdToSchema(
-        toListMarkdown(
-          MarkdownFormatter.format(props.initValue || "") || ""
-        ).trim(),
-        props.plugins
-      ).schema
-    );
-  }, [props.initValue]);
-  useEffect(() => {
-    var _a, _b;
-    if (props.isFinished) {
-      (_b = (_a = editorRef.current) == null ? void 0 : _a.store) == null ? void 0 : _b.setMDContent(
-        MarkdownFormatter.format(props.initValue || ""),
-        props.plugins
-      );
-    }
-  }, [props.isFinished]);
-  return /* @__PURE__ */ React.createElement(
-    MarkdownEditor,
-    __spreadProps(__spreadValues({
-      editorRef,
-      style: {
-        padding: 0,
-        width: "100%"
-      },
-      toc: false,
-      readonly: true,
-      contentStyle: {
-        padding: 0,
-        width: "100%"
-      },
-      codeProps: {
-        showLineNumbers: false
-      }
+/**
+ * MarkdownEditorUpdate 组件 - Markdown 编辑器更新组件
+ *
+ * 该组件是对 MarkdownEditor 的封装，提供自动更新和格式化功能。
+ * 主要用于在思维链中显示和更新 Markdown 内容。
+ *
+ * @component
+ * @description Markdown 编辑器更新组件，提供自动更新和格式化功能
+ * @param {MarkdownEditorProps & {isFinished?: boolean}} props - 组件属性
+ * @param {boolean} [props.isFinished] - 内容是否已完成
+ * @param {string} [props.initValue] - 初始内容
+ * @param {boolean} [props.typewriter] - 是否启用打字机效果
+ * @param {MarkdownEditorProps} props - 其他 MarkdownEditor 属性
+ *
+ * @example
+ * ```tsx
+ * import { MarkdownEditorUpdate } from './MarkdownEditor';
+ *
+ * <MarkdownEditorUpdate
+ *   initValue="# Hello World"
+ *   isFinished={true}
+ *   typewriter={false}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的 Markdown 编辑器组件
+ *
+ * @remarks
+ * - 自动格式化 Markdown 内容
+ * - 支持内容完成状态检测
+ * - 提供打字机效果
+ * - 只读模式
+ * - 自动更新节点列表
+ * - 响应式布局
+ */ export var MarkdownEditorUpdate = function(props) {
+    var editorRef = React.useRef();
+    useEffect(function() {
+        var _editorRef_current_store, _editorRef_current;
+        (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : _editorRef_current_store.updateNodeList(parserMdToSchema(toListMarkdown(MarkdownFormatter.format(props.initValue || '') || '').trim(), props.plugins).schema);
+    }, [
+        props.initValue
+    ]);
+    useEffect(function() {
+        if (props.isFinished) {
+            var _editorRef_current_store, _editorRef_current;
+            (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : _editorRef_current_store.setMDContent(MarkdownFormatter.format(props.initValue || ''), props.plugins);
+        }
+    }, [
+        props.isFinished
+    ]);
+    return /*#__PURE__*/ React.createElement(MarkdownEditor, _object_spread_props(_object_spread({
+        editorRef: editorRef,
+        style: {
+            padding: 0,
+            width: '100%'
+        },
+        toc: false,
+        readonly: true,
+        contentStyle: {
+            padding: 0,
+            width: '100%'
+        },
+        codeProps: {
+            showLineNumbers: false
+        }
     }, props), {
-      typewriter: props.typewriter && !props.isFinished,
-      initValue: ""
-    })
-  );
-};
-export {
-  MarkdownEditorUpdate
+        typewriter: props.typewriter && !props.isFinished,
+        initValue: ""
+    }));
 };

package/dist/ThoughtChainList/RagRetrievalInfo.js

@@ -1,161 +1,129 @@
-// src/ThoughtChainList/RagRetrievalInfo.tsx
 import React, { useContext, useMemo } from "react";
 import { I18nContext } from "../I18n";
 import { CostMillis } from "./CostMillis";
-var RagRetrievalInfo = (props) => {
-  const i18n = useContext(I18nContext);
-  return useMemo(
-    () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          style: {
-            flex: 1,
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            padding: "8px 12px",
-            gap: "10px",
-            alignSelf: "stretch",
-            background: "#FBFCFD",
-            zIndex: 1,
-            borderRadius: "12px",
-            flexWrap: "wrap"
-          }
-        },
-        ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a.queryKeyWords) || "检索查询",
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+/**
+ * RagRetrievalInfo 组件显示搜索查询和检索结果。
+ *
+ * @param props - 组件的属性。
+ * @param props.onMetaClick - 当元数据项被点击时的回调函数。
+ * @param props.input - 包含搜索查询的输入数据。
+ * @param props.category - 类别类型，用于确定是否显示检索结果。
+ * @param props.output - 包含检索块的输出数据。
+ * @param props.costMillis - 检索过程的耗时（毫秒）。
+ *
+ * @returns 显示搜索查询和检索结果的 JSX 元素。
+ */ export var RagRetrievalInfo = function(props) {
+    var i18n = useContext(I18nContext);
+    return useMemo(function() {
+        var _i18n_locale, _props_input_searchQueries, _props_input, _props_output_chunks, _props_output, _i18n_locale1, _Array_from, _props_output_chunks1, _props_output1;
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              flexDirection: "row",
-              gap: "10px",
-              borderRadius: "12px",
-              flexWrap: "wrap",
-              maxWidth: "100%"
+                flex: 1,
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                padding: '8px 12px',
+                gap: '10px',
+                alignSelf: 'stretch',
+                background: '#FBFCFD',
+                zIndex: 1,
+                borderRadius: '12px',
+                flexWrap: 'wrap'
             }
-          },
-          (_c = (_b = props.input) == null ? void 0 : _b.searchQueries) == null ? void 0 : _c.map((query, index) => {
-            return /* @__PURE__ */ React.createElement(
-              "div",
-              {
+        }, (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.queryKeyWords) || '检索查询', /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '10px',
+                borderRadius: '12px',
+                flexWrap: 'wrap',
+                maxWidth: '100%'
+            }
+        }, (_props_input = props.input) === null || _props_input === void 0 ? void 0 : (_props_input_searchQueries = _props_input.searchQueries) === null || _props_input_searchQueries === void 0 ? void 0 : _props_input_searchQueries.map(function(query, index) {
+            return /*#__PURE__*/ React.createElement("div", {
                 key: query + index,
                 style: {
-                  height: "24px",
-                  borderRadius: "12px",
-                  opacity: 1,
-                  display: "flex",
-                  lineHeight: "24px",
-                  padding: "1px 10px",
-                  gap: "4px",
-                  maxWidth: "100%",
-                  background: "#FFFFFF",
-                  zIndex: 0,
-                  overflow: "hidden",
-                  textWrap: "nowrap",
-                  textOverflow: "ellipsis",
-                  whiteSpace: "nowrap"
+                    height: '24px',
+                    borderRadius: '12px',
+                    opacity: 1,
+                    display: 'flex',
+                    lineHeight: '24px',
+                    padding: '1px 10px',
+                    gap: '4px',
+                    maxWidth: '100%',
+                    background: '#FFFFFF',
+                    zIndex: 0,
+                    overflow: 'hidden',
+                    textWrap: 'nowrap',
+                    textOverflow: 'ellipsis',
+                    whiteSpace: 'nowrap'
                 }
-              },
-              query
-            );
-          })
-        )
-      ), ((_e = (_d = props.output) == null ? void 0 : _d.chunks) == null ? void 0 : _e.length) ? /* @__PURE__ */ React.createElement(
-        "pre",
-        {
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            padding: "8px 12px",
-            gap: "10px",
-            alignSelf: "stretch",
-            background: "#FBFCFD",
-            zIndex: 1,
-            borderRadius: "12px"
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+            }, query);
+        }))), ((_props_output = props.output) === null || _props_output === void 0 ? void 0 : (_props_output_chunks = _props_output.chunks) === null || _props_output_chunks === void 0 ? void 0 : _props_output_chunks.length) ? /*#__PURE__*/ React.createElement("pre", {
             style: {
-              display: "flex",
-              gap: "10px",
-              alignItems: "center"
+                display: 'flex',
+                flexDirection: 'column',
+                padding: '8px 12px',
+                gap: '10px',
+                alignSelf: 'stretch',
+                background: '#FBFCFD',
+                zIndex: 1,
+                borderRadius: '12px'
             }
-          },
-          /* @__PURE__ */ React.createElement("span", null, ((_f = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _f.searchResults) || "检索结果", " "),
-          /* @__PURE__ */ React.createElement(CostMillis, { costMillis: props.costMillis })
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
+        }, /*#__PURE__*/ React.createElement("div", {
             style: {
-              display: "flex",
-              flexDirection: "row",
-              gap: "4px",
-              flexWrap: "wrap",
-              borderRadius: "12px"
+                display: 'flex',
+                gap: '10px',
+                alignItems: 'center'
             }
-          },
-          (_i = Array.from(
-            new Set(
-              (_h = (_g = props.output) == null ? void 0 : _g.chunks) == null ? void 0 : _h.map((query) => {
-                var _a2;
-                return (_a2 = query.docMeta) == null ? void 0 : _a2.doc_name;
-              })
-            )
-          )) == null ? void 0 : _i.map((query, index) => {
-            var _a2, _b2, _c2;
-            const chunk = (_b2 = (_a2 = props.output) == null ? void 0 : _a2.chunks) == null ? void 0 : _b2.find(
-              (item) => {
-                var _a3;
-                return ((_a3 = item.docMeta) == null ? void 0 : _a3.doc_name) === query;
-              }
-            );
-            return /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                key: `${query}-${index}`,
+        }, /*#__PURE__*/ React.createElement("span", null, (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.searchResults) || '检索结果', " "), /*#__PURE__*/ React.createElement(CostMillis, {
+            costMillis: props.costMillis
+        })), /*#__PURE__*/ React.createElement("div", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                gap: '4px',
+                flexWrap: 'wrap',
+                borderRadius: '12px'
+            }
+        }, (_Array_from = Array.from(new Set((_props_output1 = props.output) === null || _props_output1 === void 0 ? void 0 : (_props_output_chunks1 = _props_output1.chunks) === null || _props_output_chunks1 === void 0 ? void 0 : _props_output_chunks1.map(function(query) {
+            var _query_docMeta;
+            return (_query_docMeta = query.docMeta) === null || _query_docMeta === void 0 ? void 0 : _query_docMeta.doc_name;
+        })))) === null || _Array_from === void 0 ? void 0 : _Array_from.map(function(query, index) {
+            var _props_output_chunks, _props_output, _chunk_docMeta;
+            var chunk = (_props_output = props.output) === null || _props_output === void 0 ? void 0 : (_props_output_chunks = _props_output.chunks) === null || _props_output_chunks === void 0 ? void 0 : _props_output_chunks.find(function(item) {
+                var _item_docMeta;
+                return ((_item_docMeta = item.docMeta) === null || _item_docMeta === void 0 ? void 0 : _item_docMeta.doc_name) === query;
+            });
+            return /*#__PURE__*/ React.createElement("div", {
+                key: "".concat(query, "-").concat(index),
                 style: {
-                  height: "32px",
-                  borderRadius: "6px",
-                  opacity: 1,
-                  display: "flex",
-                  flexDirection: "row",
-                  alignItems: "center",
-                  padding: "4px 10px",
-                  gap: "8px",
-                  background: "#FFFFFF",
-                  zIndex: 0,
-                  width: "max-content",
-                  maxWidth: "min(860px,100%)"
+                    height: '32px',
+                    borderRadius: '6px',
+                    opacity: 1,
+                    display: 'flex',
+                    flexDirection: 'row',
+                    alignItems: 'center',
+                    padding: '4px 10px',
+                    gap: '8px',
+                    background: '#FFFFFF',
+                    zIndex: 0,
+                    width: 'max-content',
+                    maxWidth: 'min(860px,100%)'
                 },
-                onClick: () => {
-                  var _a3;
-                  if (!chunk)
-                    return;
-                  (_a3 = props.onMetaClick) == null ? void 0 : _a3.call(props, chunk.docMeta);
+                onClick: function() {
+                    var _props_onMetaClick;
+                    if (!chunk) return;
+                    (_props_onMetaClick = props.onMetaClick) === null || _props_onMetaClick === void 0 ? void 0 : _props_onMetaClick.call(props, chunk.docMeta);
                 }
-              },
-              /* @__PURE__ */ React.createElement("span", null, query || ((_c2 = chunk == null ? void 0 : chunk.docMeta) == null ? void 0 : _c2.answer))
-            );
-          })
-        )
-      ) : null);
-    },
-    [
-      props.category,
-      JSON.stringify(props.info),
-      JSON.stringify(props.output),
-      JSON.stringify(props.input),
-      props.costMillis,
-      props.isFinished
-    ]
-  );
-};
-export {
-  RagRetrievalInfo
+            }, /*#__PURE__*/ React.createElement("span", null, query || (chunk === null || chunk === void 0 ? void 0 : (_chunk_docMeta = chunk.docMeta) === null || _chunk_docMeta === void 0 ? void 0 : _chunk_docMeta.answer)));
+        }))) : null);
+    }, [
+        props.category,
+        JSON.stringify(props.info),
+        JSON.stringify(props.output),
+        JSON.stringify(props.input),
+        props.costMillis,
+        props.isFinished
+    ]);
 };