paul-ai-assistant 0.1.16

package/es/AssistantChat/AssistantChatCard/OperationCard/Copy/index.js

@@ -0,0 +1,64 @@
+/**
+ * @author qytan
+ * @description 复制
+ */
+import React from 'react';
+import { message, Tooltip } from '@alife/magic-basic';
+import { extractTextAndLinksFromNode } from "../../../../utils/screenshot";
+import { CSECustomIcon } from "../../../../utils/CSEIconTool";
+var Copy = function Copy(props) {
+  var _ctx$meta;
+  var ctx = props.ctx;
+  var _ref = (ctx === null || ctx === void 0 || (_ctx$meta = ctx.meta) === null || _ctx$meta === void 0 ? void 0 : _ctx$meta.originData) || {},
+    dialogId = _ref.dialogId;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u590D\u5236"
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconfuzhi7",
+    size: "small",
+    onClick: function onClick() {
+      var _extractedTexts;
+      var extractedTexts = [];
+      try {
+        var containerSelector = "[data-message-id=\"".concat(dialogId, "\"] .assistant-chat-paul-ai-message-card");
+        var containerNode = document.querySelector(containerSelector);
+        if (containerNode) {
+          // 创建节点副本以避免修改原始DOM
+          var clonedNode = containerNode.cloneNode(true);
+
+          // 定义匹配规则
+          var traceClassPatterns = [/^llm-card-trace-container$/,
+          // 基础版本
+          /^llm-card-trace-wrapper$/,
+          // 基础版本容器
+          /^llm-card-trace-v\d+-container$/,
+          // 带版本号的版本
+          /^llm-card-trace-v\d+-wrapper$/ // 带版本号的版本容器
+          ];
+
+          // 批量处理匹配的元素
+          var allElements = Array.from(clonedNode.querySelectorAll('*'));
+          allElements === null || allElements === void 0 || allElements.forEach(function (element) {
+            var classList = Array.from(element.classList);
+            var shouldRemove = classList === null || classList === void 0 ? void 0 : classList.some(function (className) {
+              return traceClassPatterns === null || traceClassPatterns === void 0 ? void 0 : traceClassPatterns.some(function (pattern) {
+                return pattern.test(className);
+              });
+            });
+            if (shouldRemove) {
+              element.remove();
+            }
+          });
+          extractedTexts = extractTextAndLinksFromNode(clonedNode);
+        }
+      } catch (textError) {
+        console.error('Failed to extract text：', textError);
+      }
+      var fullText = (_extractedTexts = extractedTexts) === null || _extractedTexts === void 0 ? void 0 : _extractedTexts.join('\n');
+      navigator.clipboard.writeText(fullText).then(function () {
+        message.success('复制成功');
+      });
+    }
+  }));
+};
+export default Copy;

package/es/AssistantChat/AssistantChatCard/OperationCard/CopyRequestId/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CopyRequestId: (props: any) => React.JSX.Element;
+export default CopyRequestId;

package/es/AssistantChat/AssistantChatCard/OperationCard/CopyRequestId/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { message } from '@alife/magic-basic';
+import copyToClipboard from "../../../../utils/copyToClipboard";
+import { CSECustomIcon } from "../../../../utils/CSEIconTool";
+var CopyRequestId = function CopyRequestId(props) {
+  var operationValue = props.operationValue;
+  var _ref = operationValue || {},
+    isShow = _ref.isShow,
+    copyRequestId = _ref.copyRequestId;
+  return isShow === false ? null : /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconfuzhi7",
+    size: "small",
+    onClick: function onClick() {
+      copyToClipboard === null || copyToClipboard === void 0 || copyToClipboard(copyRequestId);
+      message.success('已复制问题ID，请提供负责人进一步排查');
+    }
+  });
+};
+export default CopyRequestId;

package/es/AssistantChat/AssistantChatCard/OperationCard/FeedBack/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author qytan
+ * @description 点赞点踩
+ */
+import React from 'react';
+export declare enum FEEDBACK_TYPE {
+    HELPFUL = "helpful",// 点赞
+    UNHELPFUL = "unhelpful"
+}
+declare const FeedBack: (props: any) => React.JSX.Element;
+export default FeedBack;

package/es/AssistantChat/AssistantChatCard/OperationCard/FeedBack/index.js

@@ -0,0 +1,91 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * @author qytan
+ * @description 点赞点踩
+ */
+import React, { useEffect, useState } from 'react';
+import { message, Tooltip } from '@alife/magic-basic';
+import { customRequest } from '@alife/magic-request';
+import { CSECustomIcon } from "../../../../utils/CSEIconTool";
+export var FEEDBACK_TYPE = /*#__PURE__*/function (FEEDBACK_TYPE) {
+  FEEDBACK_TYPE["HELPFUL"] = "helpful";
+  FEEDBACK_TYPE["UNHELPFUL"] = "unhelpful";
+  return FEEDBACK_TYPE;
+}({}); // 点踩
+var FeedBack = function FeedBack(props) {
+  var _ctx$meta, _headerInfo$props;
+  var ctx = props.ctx;
+  var _ref = (ctx === null || ctx === void 0 || (_ctx$meta = ctx.meta) === null || _ctx$meta === void 0 ? void 0 : _ctx$meta.originData) || {},
+    dialogId = _ref.dialogId,
+    subjectId = _ref.subjectId,
+    headerInfo = _ref.headerInfo;
+  var operationValue = headerInfo === null || headerInfo === void 0 || (_headerInfo$props = headerInfo.props) === null || _headerInfo$props === void 0 || (_headerInfo$props = _headerInfo$props.find(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.name) === 'Feedback';
+  })) === null || _headerInfo$props === void 0 ? void 0 : _headerInfo$props.value;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    feedBackValue = _useState2[0],
+    setFeedBackValue = _useState2[1];
+  useEffect(function () {
+    if (operationValue) {
+      if (operationValue !== null && operationValue !== void 0 && operationValue.feedback) {
+        setFeedBackValue(operationValue);
+      }
+    }
+  }, [operationValue]);
+  var onChange = function onChange(feedbackValue) {
+    var _ref2 = feedbackValue || {},
+      feedback = _ref2.feedback;
+    var query = {
+      subjectId: subjectId,
+      dialogId: dialogId,
+      feedback: feedback
+    };
+    // 反馈接口
+    customRequest({
+      method: 'PUT',
+      url: '/cognipilot/api/assistant/chat/message/feedback',
+      query: query
+    }).then(function (res) {
+      if (res !== null && res !== void 0 && res.success) {
+        message.success('反馈成功！');
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, feedBackValue && (feedBackValue === null || feedBackValue === void 0 ? void 0 : feedBackValue.feedback) === FEEDBACK_TYPE.HELPFUL ? /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "icondianzan-mianxing",
+    size: "small",
+    className: "fill-magic-icon"
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u70B9\u8D5E"
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "icondianzan",
+    size: "small",
+    onClick: function onClick() {
+      setFeedBackValue({
+        feedback: FEEDBACK_TYPE.HELPFUL
+      });
+      onChange({
+        feedback: FEEDBACK_TYPE.HELPFUL
+      });
+    }
+  })), feedBackValue && (feedBackValue === null || feedBackValue === void 0 ? void 0 : feedBackValue.feedback) === FEEDBACK_TYPE.UNHELPFUL ? /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "icondiancai-mianxing",
+    size: "small",
+    className: "fill-magic-icon"
+  }) : /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u70B9\u8E29"
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "icondiancai",
+    size: "small",
+    onClick: function onClick() {
+      setFeedBackValue({
+        feedback: FEEDBACK_TYPE.UNHELPFUL
+      });
+      onChange({
+        feedback: FEEDBACK_TYPE.UNHELPFUL
+      });
+    }
+  })));
+};
+export default FeedBack;

package/es/AssistantChat/AssistantChatCard/OperationCard/ShareButton/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ShareButton: (props: any) => React.JSX.Element;
+export default ShareButton;

package/es/AssistantChat/AssistantChatCard/OperationCard/ShareButton/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Tooltip } from '@alife/magic-basic';
+import { CSECustomIcon } from "../../../../utils/CSEIconTool";
+var ShareButton = function ShareButton(props) {
+  var _ctx$meta;
+  var ctx = props.ctx,
+    enterShareMode = props.enterShareMode;
+  var _ref = (ctx === null || ctx === void 0 || (_ctx$meta = ctx.meta) === null || _ctx$meta === void 0 ? void 0 : _ctx$meta.originData) || {},
+    dialogId = _ref.dialogId;
+  var handleShareClick = function handleShareClick() {
+    // 进入分享模式，默认选中当前的一组对话
+    enterShareMode === null || enterShareMode === void 0 || enterShareMode(dialogId);
+  };
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u5206\u4EAB"
+  }, /*#__PURE__*/React.createElement(CSECustomIcon, {
+    type: "iconarrow-o",
+    size: "small",
+    onClick: handleShareClick,
+    style: {
+      cursor: 'pointer'
+    },
+    title: "\u5206\u4EAB"
+  }));
+};
+export default ShareButton;

package/es/AssistantChat/AssistantChatCard/OperationCard/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+declare const OperationCard: (props: any) => React.JSX.Element;
+export default OperationCard;

package/es/AssistantChat/AssistantChatCard/OperationCard/index.js

@@ -0,0 +1,43 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import { Divider as _Divider } from '@alife/magic-basic';
+import CopyRequestId from "./CopyRequestId";
+import "./index.scss";
+var initOperationComponent = {
+  Divider: function Divider() {
+    return /*#__PURE__*/React.createElement(_Divider, {
+      type: "vertical"
+    });
+  },
+  CopyRequestId: CopyRequestId
+};
+var OperationCard = function OperationCard(props) {
+  var _ref = props || {},
+    bizId = _ref.bizId,
+    bizDomain = _ref.bizDomain,
+    value = _ref.value,
+    ctx = _ref.ctx,
+    operationComponentMap = _ref.operationComponentMap;
+  var operationMap = _objectSpread(_objectSpread({}, initOperationComponent), operationComponentMap);
+  return Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.length) > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "operation-card-container"
+  }, value.map(function (item) {
+    var _ref2 = item || {},
+      name = _ref2.name,
+      itemValue = _ref2.value;
+    var Component = operationMap === null || operationMap === void 0 ? void 0 : operationMap[name];
+    if (Component) {
+      var _ctx$meta;
+      return /*#__PURE__*/React.createElement(Component, _extends({
+        key: name,
+        bizId: bizId,
+        bizDomain: bizDomain,
+        operationValue: itemValue,
+        ctx: ctx
+      }, ctx === null || ctx === void 0 || (_ctx$meta = ctx.meta) === null || _ctx$meta === void 0 ? void 0 : _ctx$meta.originData));
+    }
+    return null;
+  })) : null;
+};
+export default OperationCard;

package/es/AssistantChat/AssistantChatCard/OperationCard/index.scss

@@ -0,0 +1,14 @@
+.operation-card-container {
+  color: #717579;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  .next-icon-remote {
+    cursor: pointer;
+  }
+
+  .next-divider-ver {
+    margin: 4px 0 0 0;
+  }
+}

package/es/AssistantChat/AssistantChatCard/UserQueryCardRender/AttachmentsRender.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @author qytan
+ * @description UserQueryCardRender渲染的Attachments
+ */
+import React from 'react';
+import './index.scss';
+interface Attachment {
+    fileName: string;
+    fileSize: number;
+    ossFileKey: string;
+    fileType: string;
+}
+interface AttachmentsData {
+    type: 'ATTACHMENTS';
+    contents: Attachment[];
+}
+export declare const bytesToSize: (bytes: number) => string;
+declare const AttachmentsRender: ({ data }: {
+    data: AttachmentsData;
+}) => React.JSX.Element;
+export default AttachmentsRender;

package/es/AssistantChat/AssistantChatCard/UserQueryCardRender/AttachmentsRender.js

@@ -0,0 +1,141 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+/**
+ * @author qytan
+ * @description UserQueryCardRender渲染的Attachments
+ */
+import React from 'react';
+import { message, Tooltip } from '@alife/magic-basic';
+import { DownloadO } from '@alife/magic-icons';
+import { customRequest } from '@alife/magic-request';
+import classNames from 'classnames';
+import { CSECustomIcon } from "../../../utils/CSEIconTool";
+import ImageRender from "./ImageRender";
+import "./index.scss";
+export var bytesToSize = function bytesToSize(bytes) {
+  if (bytes === 0) return '0 B';
+  var k = 1024;
+  var sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+  var i = Math.floor(Math.log(bytes) / Math.log(k));
+  return "".concat((bytes / Math.pow(k, i)).toPrecision(3), " ").concat(sizes[i]);
+};
+var FILE_TYPE_CONFIG = {
+  PPT: {
+    extensions: ['.ppt', '.pptx', '.pdf'],
+    src: 'https://img.alicdn.com/imgextra/i3/O1CN01zPUdrJ1km6VlfRaSq_!!6000000004725-2-tps-48-48.png',
+    alt: 'ppt'
+  },
+  DOC: {
+    extensions: ['.doc', '.docx'],
+    src: 'https://img.alicdn.com/imgextra/i1/O1CN01BjI8Hk1vIku4yJ45a_!!6000000006150-2-tps-48-48.png',
+    alt: 'word'
+  },
+  XLS: {
+    extensions: ['.xls', '.xlsx'],
+    src: 'https://img.alicdn.com/imgextra/i1/O1CN01CYTIJa1s6tnxB4h7F_!!6000000005718-2-tps-48-48.png',
+    alt: 'excel'
+  }
+};
+var AttachmentsRender = function AttachmentsRender(_ref) {
+  var _data$contents, _data$contents2;
+  var data = _ref.data;
+  if (!(data !== null && data !== void 0 && (_data$contents = data.contents) !== null && _data$contents !== void 0 && _data$contents.length)) return null;
+  var getFileTypeIcon = function getFileTypeIcon(fileItem) {
+    var _Object$values;
+    var _ref2 = fileItem || {},
+      fileName = _ref2.fileName,
+      fileType = _ref2.fileType;
+
+    // 查找匹配的文件类型配置
+    var iconType = (_Object$values = Object.values(FILE_TYPE_CONFIG)) === null || _Object$values === void 0 ? void 0 : _Object$values.find(function (config) {
+      var _config$extensions;
+      return config === null || config === void 0 || (_config$extensions = config.extensions) === null || _config$extensions === void 0 ? void 0 : _config$extensions.some(function (ext) {
+        return fileName.endsWith(ext);
+      });
+    });
+
+    // 如果找到匹配项，则返回对应图标
+    if (iconType) {
+      return /*#__PURE__*/React.createElement("img", {
+        src: iconType === null || iconType === void 0 ? void 0 : iconType.src,
+        alt: iconType === null || iconType === void 0 ? void 0 : iconType.alt,
+        className: "file-attachment-img"
+      });
+    }
+    if (fileType.startsWith('image')) {
+      return /*#__PURE__*/React.createElement(CSECustomIcon, {
+        type: "icon-tupian",
+        size: "small",
+        className: "file-attachment-img"
+      });
+    }
+    if (fileName.endsWith('txt')) {
+      return /*#__PURE__*/React.createElement(CSECustomIcon, {
+        type: "icon-wenben",
+        size: "small",
+        className: "file-attachment-img"
+      });
+    }
+    return /*#__PURE__*/React.createElement(CSECustomIcon, {
+      type: "icon-weizhi",
+      size: "small",
+      className: "file-attachment-img"
+    });
+  };
+  var downloadFile = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(attachment) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            customRequest({
+              method: 'GET',
+              url: '/manager/api/v1/file/queryDownloadUrl',
+              query: {
+                fileKey: attachment === null || attachment === void 0 ? void 0 : attachment.ossFileKey
+              }
+            }).then(function (res) {
+              if (res !== null && res !== void 0 && res.success && res !== null && res !== void 0 && res.data) {
+                window.open(res === null || res === void 0 ? void 0 : res.data);
+              } else {
+                message.error('下载失败');
+              }
+            });
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function downloadFile(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "file-attachments-container"
+  }, data === null || data === void 0 || (_data$contents2 = data.contents) === null || _data$contents2 === void 0 ? void 0 : _data$contents2.map(function (attachment, aIndex) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, attachment !== null && attachment !== void 0 && attachment.fileType.startsWith('image') ? /*#__PURE__*/React.createElement("div", {
+      key: aIndex,
+      className: classNames('file-attachment-item', 'attachment-image-item-container')
+    }, /*#__PURE__*/React.createElement(ImageRender, {
+      data: attachment,
+      downloadFile: downloadFile
+    })) : /*#__PURE__*/React.createElement("div", {
+      key: aIndex,
+      className: "file-attachment-item"
+    }, getFileTypeIcon(attachment), /*#__PURE__*/React.createElement("div", {
+      className: "file-attachment-item-info"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "file-attachment-item-name"
+    }, attachment === null || attachment === void 0 ? void 0 : attachment.fileName), /*#__PURE__*/React.createElement("div", {
+      className: "file-attachment-item-size"
+    }, bytesToSize(attachment === null || attachment === void 0 ? void 0 : attachment.fileSize))), /*#__PURE__*/React.createElement(Tooltip, {
+      title: "\u4E0B\u8F7D"
+    }, /*#__PURE__*/React.createElement(DownloadO, {
+      className: "file-attachment-download-icon",
+      onClick: function onClick() {
+        return downloadFile(attachment);
+      }
+    }))));
+  }));
+};
+export default AttachmentsRender;

package/es/AssistantChat/AssistantChatCard/UserQueryCardRender/ImageRender.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @author qytan
+ * @description UserQueryCardRender渲染的图片
+ */
+import React from 'react';
+declare const ImageRender: ({ data, downloadFile }: any) => React.JSX.Element;
+export default ImageRender;

package/es/AssistantChat/AssistantChatCard/UserQueryCardRender/ImageRender.js

@@ -0,0 +1,74 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * @author qytan
+ * @description UserQueryCardRender渲染的图片
+ */
+import React, { useEffect, useState } from 'react';
+import { previewImg } from '@alife/goc-utils';
+import { Tooltip } from '@alife/magic-basic';
+import { DownloadO, ShowO } from '@alife/magic-icons';
+import { customRequest } from '@alife/magic-request';
+var ImageRender = function ImageRender(_ref) {
+  var data = _ref.data,
+    downloadFile = _ref.downloadFile;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageUrl = _useState2[0],
+    setImageUrl = _useState2[1];
+  var fetchDownloadUrl = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            customRequest({
+              method: 'GET',
+              url: '/manager/api/v1/file/queryDownloadUrl',
+              query: {
+                fileKey: data === null || data === void 0 ? void 0 : data.ossFileKey
+              }
+            }).then(function (res) {
+              if (res !== null && res !== void 0 && res.success && res !== null && res !== void 0 && res.data) {
+                setImageUrl(res === null || res === void 0 ? void 0 : res.data);
+              }
+            });
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function fetchDownloadUrl() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    fetchDownloadUrl();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, imageUrl && /*#__PURE__*/React.createElement("img", {
+    src: imageUrl,
+    alt: data === null || data === void 0 ? void 0 : data.fileName,
+    style: {
+      maxWidth: 300,
+      maxHeight: 120
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "image-operation-icons"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u9884\u89C8"
+  }, /*#__PURE__*/React.createElement(ShowO, {
+    className: "image-preview-icon",
+    onClick: function onClick() {
+      return previewImg(imageUrl);
+    }
+  })), /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u4E0B\u8F7D"
+  }, /*#__PURE__*/React.createElement(DownloadO, {
+    className: "image-download-icon",
+    onClick: function onClick() {
+      return downloadFile === null || downloadFile === void 0 ? void 0 : downloadFile(data);
+    }
+  }))));
+};
+export default ImageRender;

package/es/AssistantChat/AssistantChatCard/UserQueryCardRender/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author qytan
+ * @description 新增卡片类型UserQueryCardRender
+ */
+import React from 'react';
+import './index.scss';
+declare const UserQueryCardRender: (props: any) => React.JSX.Element;
+export default UserQueryCardRender;

package/es/AssistantChat/AssistantChatCard/UserQueryCardRender/index.js

@@ -0,0 +1,54 @@
+/**
+ * @author qytan
+ * @description 新增卡片类型UserQueryCardRender
+ */
+import React, { useCallback, useMemo } from 'react';
+import TextContent from "../../../components/TextContent";
+import AttachmentsRender from "./AttachmentsRender";
+import "./index.scss";
+var UserQueryCardRender = function UserQueryCardRender(props) {
+  var _props$ctx;
+  var dataInfo = props === null || props === void 0 || (_props$ctx = props.ctx) === null || _props$ctx === void 0 || (_props$ctx = _props$ctx.meta) === null || _props$ctx === void 0 || (_props$ctx = _props$ctx.originData) === null || _props$ctx === void 0 ? void 0 : _props$ctx.dataInfo;
+
+  // 获取 cardData
+  var cardData = useMemo(function () {
+    var _dataInfo$props, _dataInfo$props2;
+    if (!(dataInfo !== null && dataInfo !== void 0 && (_dataInfo$props = dataInfo.props) !== null && _dataInfo$props !== void 0 && _dataInfo$props.length)) return null;
+
+    // 查找 UserQueryCardRender 对应的 props
+    var userQueryProp = dataInfo === null || dataInfo === void 0 || (_dataInfo$props2 = dataInfo.props) === null || _dataInfo$props2 === void 0 ? void 0 : _dataInfo$props2.find(function (prop) {
+      return (prop === null || prop === void 0 ? void 0 : prop.name) === 'UserQueryCardRender';
+    });
+    return userQueryProp === null || userQueryProp === void 0 ? void 0 : userQueryProp.cardData;
+  }, [dataInfo]);
+
+  // 渲染不同类型的内容
+  var renderContent = useCallback(function (item, index) {
+    if ((item === null || item === void 0 ? void 0 : item.type) === 'QUERY') {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "text-attachments-container"
+      }, /*#__PURE__*/React.createElement(TextContent, {
+        msg: item === null || item === void 0 ? void 0 : item.contents
+      }));
+    }
+    if ((item === null || item === void 0 ? void 0 : item.type) === 'ATTACHMENTS') {
+      return /*#__PURE__*/React.createElement(AttachmentsRender, {
+        key: index,
+        data: item
+      });
+    }
+
+    // 未知类型返回 null
+    return null;
+  }, []);
+
+  // 渲染所有内容
+  // 渲染所有内容
+  var renderAllContent = useMemo(function () {
+    var _cardData$data, _cardData$data2;
+    if (!(cardData !== null && cardData !== void 0 && (_cardData$data = cardData.data) !== null && _cardData$data !== void 0 && _cardData$data.length)) return null;
+    return cardData === null || cardData === void 0 || (_cardData$data2 = cardData.data) === null || _cardData$data2 === void 0 ? void 0 : _cardData$data2.map(renderContent);
+  }, [cardData === null || cardData === void 0 ? void 0 : cardData.data, renderContent]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderAllContent);
+};
+export default UserQueryCardRender;