@myun/gimi-chat 0.0.8 → 0.1.0

package/dist/components/no-microphone-root/index.js

@@ -2,45 +2,35 @@ import React from 'react';
 import { Button } from '@douyinfe/semi-ui';
 import styles from "./index.module.css";
 import { IconClose, IconMicrophoneOffStroked } from '@douyinfe/semi-icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function NoMicrophoneModalContent(_ref) {
   var onOk = _ref.onOk;
-  return /*#__PURE__*/_jsxs("div", {
-    className: styles.root,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: styles.title,
-      children: [/*#__PURE__*/_jsx("span", {
-        children: "\u5C1A\u672A\u83B7\u5F97\u9EA6\u514B\u98CE\u6743\u9650"
-      }), /*#__PURE__*/_jsx(Button, {
-        theme: "borderless",
-        size: "small",
-        icon: /*#__PURE__*/_jsx(IconClose, {}),
-        onClick: onOk
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: styles.desc,
-      children: "\u8BED\u97F3\u901A\u8BDD\u9700\u8981\u5F00\u542F\u6D4F\u89C8\u5668\u7684\u9EA6\u514B\u98CE\u6743\u9650\uFF0C\u8BF7\u70B9\u51FB\u524D\u5F80\u8BBE\u7F6E\u8FDB\u884C\u5F00\u542F"
-    }), /*#__PURE__*/_jsx("div", {
-      className: styles.imgArea,
-      children: /*#__PURE__*/_jsx(IconMicrophoneOffStroked, {
-        style: {
-          fontSize: 40,
-          color: '#1478ddff'
-        }
-      })
-    }), /*#__PURE__*/_jsx("div", {
-      className: styles.footer,
-      children: /*#__PURE__*/_jsx(Button, {
-        type: "primary",
-        size: "small",
-        style: {
-          borderRadius: '24px',
-          padding: '10px'
-        },
-        onClick: onOk,
-        children: "\u6211\u77E5\u9053\u4E86"
-      })
-    })]
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.root
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.title
+  }, /*#__PURE__*/React.createElement("span", null, "\u5C1A\u672A\u83B7\u5F97\u9EA6\u514B\u98CE\u6743\u9650"), /*#__PURE__*/React.createElement(Button, {
+    theme: "borderless",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(IconClose, null),
+    onClick: onOk
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.desc
+  }, "\u8BED\u97F3\u901A\u8BDD\u9700\u8981\u5F00\u542F\u6D4F\u89C8\u5668\u7684\u9EA6\u514B\u98CE\u6743\u9650\uFF0C\u8BF7\u70B9\u51FB\u524D\u5F80\u8BBE\u7F6E\u8FDB\u884C\u5F00\u542F"), /*#__PURE__*/React.createElement("div", {
+    className: styles.imgArea
+  }, /*#__PURE__*/React.createElement(IconMicrophoneOffStroked, {
+    style: {
+      fontSize: 40,
+      color: '#1478ddff'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.footer
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    size: "small",
+    style: {
+      borderRadius: '24px',
+      padding: '10px'
+    },
+    onClick: onOk
+  }, "\u6211\u77E5\u9053\u4E86")));
 }

package/dist/components/preset-agent-content/index.d.ts

@@ -3,6 +3,7 @@ interface IProps {
     prologue: string;
     questionList: any[];
     setInputValue: (value: string) => void;
+    layout: 'vertical' | 'horizontal';
 }
 declare const PresetAgentContent: React.FC<IProps>;
 export default PresetAgentContent;

package/dist/components/preset-agent-content/index.js

@@ -1,29 +1,36 @@
 import React from 'react';
 import styles from "./index.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var PresetAgentContent = function PresetAgentContent(_ref) {
   var prologue = _ref.prologue,
     questionList = _ref.questionList,
-    setInputValue = _ref.setInputValue;
+    setInputValue = _ref.setInputValue,
+    layout = _ref.layout;
   if (!questionList || questionList.length === 0) return null;
-  return /*#__PURE__*/_jsxs("div", {
+  var rowListStyle = {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flex: 1
+  };
+  return /*#__PURE__*/React.createElement("div", {
     className: styles.container,
-    children: [prologue && /*#__PURE__*/_jsx("div", {
-      className: styles.prologue,
-      children: prologue
-    }), /*#__PURE__*/_jsx("div", {
-      className: styles.quickInputList,
-      children: questionList.map(function (item, index) {
-        return /*#__PURE__*/_jsx("div", {
-          className: styles.quickInputItem,
-          onClick: function onClick() {
-            return setInputValue(item.question);
-          },
-          children: item.question
-        }, index);
-      })
-    })]
-  });
+    style: {
+      flexDirection: layout === 'vertical' ? 'column' : 'row'
+    }
+  }, prologue && /*#__PURE__*/React.createElement("div", {
+    className: styles.prologue
+  }, prologue), /*#__PURE__*/React.createElement("div", {
+    className: styles.quickInputList,
+    style: layout === 'vertical' ? {} : rowListStyle
+  }, questionList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.quickInputItem,
+      key: index,
+      onClick: function onClick() {
+        return setInputValue(item.question);
+      }
+    }, item.question);
+  })));
 };
 export default PresetAgentContent;

package/dist/components/quoted-content/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const QuotedContent: React.FC;
+export default QuotedContent;

package/dist/components/quoted-content/index.js

@@ -1,171 +1,279 @@
-// import { Input, message, Table } from 'antd';
-// import styles from './index.module.scss';
-// import { useEffect, useRef, useState } from 'react';
-// import IconFontCom from '@/components/iconfont-com';
-// import { knowledgeConstants } from '../../constants';
-// import useQuotedService from '../../hooks/useQuoted';
-// import { useDispatch, useSelector } from 'react-redux';
-// import type { RootState } from '@/module';
-// import { throttle } from 'lodash';
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Input, Toast, Table, Popover, Space } from '@douyinfe/semi-ui';
+import styles from "./index.module.css";
+import { useCallback, useRef, useState } from 'react';
+import IconFontCom from "../iconfont-com";
+import { knowledgeConstants } from "../../constants";
+import useQuotedService from "../../hooks/useQuoted";
+import { useAppSelector, useAppDispatch } from "../../store/hooks";
+import { setQuoteProductList, setQuoteTeachModelList } from "../../store/slices/gimiMenuSlice";
+import { throttle } from 'lodash';
+import React from 'react';
+var DEBOUNCE_MS = 600; // 拉长到 600 ms
 
-// const DEBOUNCE_MS = 600; // 拉长到 600 ms
+var tabList = [{
+  key: 'video',
+  displayName: '视频'
+}
+// { key: 'course', displayName: '课程' },
+];
+var quotoIcon = 'https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202511/18/aedd7_20251118092438.png';
+var isActiveQuotoIcon = 'https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202512/01/aa4b5_20251201110652.png';
+var QuotedContent = function QuotedContent() {
+  var _useState = useState('video'),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var _useState3 = useState({
+      pageSize: 20,
+      pageIndex: 1,
+      inputValue: ''
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchValue = _useState4[0],
+    setSearchValue = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
+  var timeoutRef = useRef(null);
+  var composingRef = useRef(false); // 标记是否正在拼写中文
+  var tabContentRef = useRef(null);
+  var gimiMenu = useAppSelector(function (state) {
+    return state.gimiMenu;
+  });
+  var dispatch = useAppDispatch();
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showmodel = _useState8[0],
+    setShowmodel = _useState8[1];
+  var _useQuotedService = useQuotedService({
+      type: activeKey,
+      searchValue: searchValue,
+      showmodel: showmodel
+    }),
+    resource = _useQuotedService.resource,
+    isLoading = _useQuotedService.isLoading,
+    totalPage = _useQuotedService.totalPage;
+  var columns = [{
+    title: '名称',
+    dataIndex: 'name',
+    key: 'name',
+    render: function render(text) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: styles.listItem
+      }, /*#__PURE__*/React.createElement("img", {
+        alt: "\u8D44\u6599\u5F15\u7528\u56FE\u7247",
+        className: styles.img,
+        src: activeKey === 'video' ? knowledgeConstants.VIDEO_ICON_ADDRESS : knowledgeConstants.CLASS_ICON_BIG_ADDRESS
+      }), text);
+    }
+  }];
+  var handleClose = useCallback(function () {
+    setShowmodel(false);
+    setInputValue('');
+    setSearchValue({
+      pageSize: 20,
+      pageIndex: 1,
+      inputValue: ''
+    });
+  }, []);
+  var handleTabChange = function handleTabChange(key) {
+    if (activeKey === key) return;
+    setActiveKey(key);
+    setSearchValue({
+      pageSize: 20,
+      pageIndex: 1,
+      inputValue: inputValue
+    });
+    //滚动条置顶
+    if (tabContentRef.current) {
+      tabContentRef.current.scrollTop = 0;
+    }
+  };
 
-// const tabList: any[] = [
-//     { key: 'video', displayName: '视频' },
-//     // { key: 'course', displayName: '课程' },
-// ];
+  // 触发搜索的函数
+  var doSearch = function doSearch(val) {
+    setSearchValue({
+      pageSize: 20,
+      pageIndex: 1,
+      inputValue: val
+    });
+  };
 
-// interface Iprops {
-//     close: () => void;
-// }
+  // 中文输入开始
+  var handleCompositionStart = function handleCompositionStart() {
+    composingRef.current = true;
+  };
 
-// export const QuotedContent: React.FC<Iprops> = ({ close }) => {
-//     const [activeKey, setActiveKey] = useState('video');
-//     const [searchValue, setSearchValue] = useState({ pageSize: 20, pageIndex: 1, inputValue: '' });
-//     const [inputValue, setInputValue] = useState('');
-//     const inputRef = useRef<any>(null);
-//     const timeoutRef = useRef<NodeJS.Timeout | null>(null);
-//     const composingRef = useRef(false); // 标记是否正在拼写中文
-//     const tabContentRef = useRef<HTMLDivElement>(null);
-//     const gimiMenu = useSelector((state: RootState) => state.gimiMenu);
-//     const dispatch = useDispatch();
-//     const { resource, isLoading, totalPage } = useQuotedService({ props: { type: activeKey, searchValue } });
+  // 中文输入结束
+  var handleCompositionEnd = function handleCompositionEnd(e) {
+    composingRef.current = false;
+    var val = e.currentTarget.value;
+    setInputValue(val);
+    // 拼完中文再“延迟”一次，避免和下面的 debounce 冲突
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(function () {
+      return doSearch(val);
+    }, DEBOUNCE_MS);
+  };
 
-//     const columns = [
-//         {
-//             title: '名称',
-//             dataIndex: 'name',
-//             key: 'name',
-//             render: (text: string) => {
-//                 return (
-//                     <span className={styles.listItem}>
-//                         <img alt="资料引用图片" className={styles.img} src={activeKey === 'video' ? knowledgeConstants.VIDEO_ICON_ADDRESS : knowledgeConstants.CLASS_ICON_BIG_ADDRESS} />
-//                         {text}
-//                     </span>
-//                 );
-//             },
-//         },
-//     ];
+  // 普通输入
+  var handleChange = function handleChange(value) {
+    setInputValue(value);
+    if (composingRef.current) return; // 中文拼写过程中不处理
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(function () {
+      return doSearch(value);
+    }, DEBOUNCE_MS);
+  };
 
-//     const handleTabChange = (key: string) => {
-//         if (activeKey === key) return;
-//         setActiveKey(key);
-//         setSearchValue({ pageSize: 20, pageIndex: 1, inputValue: inputValue });
-//         //滚动条置顶
-//         tabContentRef.current.scrollTop = 0;
-//     };
+  //抽出共同逻辑
+  var addIfAbsent = function addIfAbsent(list, key, newItem) {
+    if (list.some(function (it) {
+      return it[key] === newItem[key];
+    })) return;
+    if (key === 'teachModelId') {
+      dispatch(setQuoteTeachModelList({
+        quoteTeachModelList: [].concat(_toConsumableArray(list), [newItem])
+      }));
+    } else {
+      dispatch(setQuoteProductList({
+        quoteProductList: [].concat(_toConsumableArray(list), [newItem])
+      }));
+    }
+  };
 
-//     // 触发搜索的函数
-//     const doSearch = (val: string) => {
-//         setSearchValue({ pageSize: 20, pageIndex: 1, inputValue: val });
-//     };
+  //选择资源
+  var handleSelect = function handleSelect(record) {
+    //总条数需小于等于十
+    if (gimiMenu.quoteTeachModelList.length + gimiMenu.quoteProductList.length >= 10) {
+      Toast.warning('最多添加10个资源');
+      return;
+    }
+    if (activeKey === 'video') {
+      addIfAbsent(gimiMenu.quoteTeachModelList, 'teachModelId', {
+        teachModelId: record.id,
+        teachModelName: record.name,
+        duration: record.duration
+      });
+    } else {
+      addIfAbsent(gimiMenu.quoteProductList, 'productId', {
+        productId: record.productId,
+        productName: record.productName
+      });
+    }
+    handleClose();
+  };
 
-//     // 中文输入开始
-//     const handleCompositionStart = () => {
-//         composingRef.current = true;
-//     };
-
-//     // 中文输入结束
-//     const handleCompositionEnd = (e: React.CompositionEvent<HTMLInputElement>) => {
-//         composingRef.current = false;
-//         const val = e.currentTarget.value;
-//         setInputValue(val);
-//         // 拼完中文再“延迟”一次，避免和下面的 debounce 冲突
-//         if (timeoutRef.current) clearTimeout(timeoutRef.current);
-//         timeoutRef.current = setTimeout(() => doSearch(val), DEBOUNCE_MS);
-//     };
-
-//     // 普通输入
-//     const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-//         const val = e.target.value;
-//         setInputValue(val);
-//         if (composingRef.current) return; // 中文拼写过程中不处理
-//         if (timeoutRef.current) clearTimeout(timeoutRef.current);
-//         timeoutRef.current = setTimeout(() => doSearch(val), DEBOUNCE_MS);
-//     };
-
-//     //抽出共同逻辑
-//     const addIfAbsent = (list, key, newItem) => {
-//         if (list.some((it) => it[key] === newItem[key])) return;
-//         dispatch({
-//             type: `gimiMenu/set${key === 'teachModelId' ? 'QuoteTeachModelList' : 'QuoteProductList'}`,
-//             payload: { [`quote${key === 'teachModelId' ? 'TeachModel' : 'Product'}List`]: [...list, newItem] },
-//         });
-//     };
-
-//     //选择资源
-//     const handleSelect = (record: any) => {
-//         //总条数需小于等于十
-//         if (gimiMenu.quoteTeachModelList.length + gimiMenu.quoteProductList.length >= 10) {
-//             message.warning('最多添加10个资源');
-//             return;
-//         }
-//         if (activeKey === 'video') {
-//             addIfAbsent(gimiMenu.quoteTeachModelList, 'teachModelId', { teachModelId: record.id, teachModelName: record.name, duration: record.duration });
-//         } else {
-//             addIfAbsent(gimiMenu.quoteProductList, 'productId', { productId: record.productId, productName: record.productName });
-//         }
-//         close();
-//     };
-
-//     useEffect(() => {
-//         const formCard = tabContentRef.current;
-//         if (!formCard) return;
-//         //增加throttle
-//         const handleScroll = throttle(() => {
-//             const { scrollTop, scrollHeight, clientHeight } = formCard;
-//             const isNearBottom = scrollHeight - scrollTop - clientHeight < 2;
-//             if (searchValue.pageIndex < totalPage && isNearBottom) {
-//                 setSearchValue((prev) => ({
-//                     ...prev,
-//                     pageIndex: prev.pageIndex ? prev.pageIndex + 1 : 1,
-//                 }));
-//             }
-//         }, 100);
-//         formCard.addEventListener('scroll', handleScroll);
-
-//         return () => formCard.removeEventListener('scroll', handleScroll);
-//     }, [totalPage, activeKey, searchValue]);
-
-//     return (
-//         <div className={styles.quotedContent}>
-//             <Input
-//                 value={inputValue}
-//                 allowClear
-//                 className={styles.searchInput}
-//                 ref={inputRef}
-//                 prefix={<IconFontCom type="icon-search1" color="#7D91B3" size={16} />}
-//                 onChange={handleChange}
-//                 onCompositionStart={handleCompositionStart}
-//                 onCompositionEnd={handleCompositionEnd}
-//                 placeholder="搜索"
-//             />
-//             <div className={styles.content}>
-//                 <div className={styles.newtab}>
-//                     {tabList.map((tab) => {
-//                         return (
-//                             <span className={`${styles.tabItem} ${tab.key === activeKey ? styles.active : ''}`} key={tab.key} onClick={() => handleTabChange(tab.key)}>
-//                                 {tab.displayName}
-//                             </span>
-//                         );
-//                     })}
-//                 </div>
-//                 <div className={styles.tabContent} ref={tabContentRef}>
-//                     <Table
-//                         dataSource={resource}
-//                         showHeader={false}
-//                         size="small"
-//                         columns={columns}
-//                         pagination={false}
-//                         className={styles.table}
-//                         key="id"
-//                         loading={isLoading}
-//                         onRow={(record: any) => {
-//                             return { onClick: () => handleSelect(record) };
-//                         }}
-//                     />
-//                 </div>
-//             </div>
-//         </div>
-//     );
-// };
+  // 滚动加载更多
+  var throttledScroll = useCallback(throttle(function (scrollTop, scrollHeight, clientHeight) {
+    // 距离底部小于 10px 时触发加载
+    var isNearBottom = scrollHeight - scrollTop - clientHeight < 10;
+    if (searchValue.pageIndex < totalPage && isNearBottom && !isLoading) {
+      setSearchValue(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          pageIndex: (prev.pageIndex || 0) + 1
+        });
+      });
+    }
+  }, 200), [searchValue.pageIndex, totalPage, isLoading]);
+  var handleScroll = function handleScroll(e) {
+    var _e$currentTarget = e.currentTarget,
+      scrollTop = _e$currentTarget.scrollTop,
+      scrollHeight = _e$currentTarget.scrollHeight,
+      clientHeight = _e$currentTarget.clientHeight;
+    throttledScroll(scrollTop, scrollHeight, clientHeight);
+  };
+  var renderContent = function renderContent() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: 12,
+        width: 300
+      }
+    }, /*#__PURE__*/React.createElement(Space, {
+      style: {
+        width: '100%',
+        height: '100%'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.quotedContent
+    }, /*#__PURE__*/React.createElement(Input, {
+      value: inputValue,
+      showClear: true,
+      className: styles.searchInput,
+      prefix: /*#__PURE__*/React.createElement(IconFontCom, {
+        type: "icon-search1",
+        color: "#7D91B3",
+        size: 16
+      }),
+      onChange: handleChange,
+      onCompositionStart: handleCompositionStart,
+      onCompositionEnd: handleCompositionEnd,
+      placeholder: "\u641C\u7D22"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.content
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.newtab
+    }, tabList.map(function (tab) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "".concat(styles.tabItem, " ").concat(tab.key === activeKey ? styles.active : ''),
+        key: tab.key,
+        onClick: function onClick() {
+          return handleTabChange(tab.key);
+        }
+      }, tab.displayName);
+    })), /*#__PURE__*/React.createElement("div", {
+      className: styles.tabContent,
+      ref: tabContentRef,
+      onScroll: handleScroll
+    }, /*#__PURE__*/React.createElement(Table, {
+      dataSource: resource,
+      showHeader: false,
+      size: "small",
+      columns: columns,
+      pagination: false,
+      className: styles.table,
+      key: "id",
+      loading: isLoading,
+      onRow: function onRow(record) {
+        return {
+          onClick: function onClick() {
+            return handleSelect(record);
+          }
+        };
+      }
+    }))))));
+  };
+  return /*#__PURE__*/React.createElement(Popover, {
+    visible: showmodel,
+    content: renderContent,
+    trigger: "custom",
+    stopPropagation: true,
+    onClickOutSide: handleClose
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles.quotationIcon, " ").concat(showmodel && styles.isActive),
+    onClick: function onClick() {
+      return setShowmodel(true);
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: showmodel ? isActiveQuotoIcon : quotoIcon,
+    alt: ""
+  })));
+};
+export default QuotedContent;

package/dist/components/quoted-content/index.module.css

@@ -77,4 +77,24 @@
 
 .tabContent::-webkit-scrollbar-thumb:hover {
   background: #a8a8a8;
+}
+
+.quotationIcon {
+  width: 32px;
+  height: 32px;
+  cursor: pointer;
+}
+.quotationIcon:hover {
+  background-color: #f2f3f7;
+  border-radius: 8px;
+}
+.quotationIcon img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.isActive {
+  background-color: #f2f3f7;
+  border-radius: 8px;
 }

package/dist/components/reasoning-content/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { IChatMessageItem } from '../../interfaces/chatMessage';
-declare const ResoningContent: React.FC<{
+declare const ReasoningContent: React.FC<{
+    reasoningTitle?: string;
     item: IChatMessageItem;
 }>;
-export default ResoningContent;
+export default ReasoningContent;