@myun/gimi-chat 0.0.2 → 0.0.4

package/dist/components/message-list/index.module.scss

@@ -0,0 +1,304 @@
+.main {
+    position: relative;
+    // min-height: 100%;
+    width: 100%;
+    transition: all 0.3s ease;
+    flex: 1;
+    padding: 20px 0 0;
+
+    &.translate {
+        transform: translateX(-320px);
+    }
+
+    .container {
+        width: 100%;
+        max-width: var(--container-max);
+        margin: 0 auto;
+        box-sizing: border-box;
+        padding: 0 10px;
+        // height: fit-content;
+    }
+
+    .small_container {
+        width: min(100%, var(--container-max));
+        max-width: var(--container-max);
+        margin: 0 auto;
+        box-sizing: border-box;
+        padding: 0 16px;
+    }
+
+    // }
+
+    .textWrap {
+        padding-bottom: 40px;
+
+        .textItem {
+            width: 100%;
+            // padding-bottom: 24px;
+            // margin-bottom: 16px;
+            position: relative;
+
+            &.question {
+                width: 100%;
+                display: flex;
+                flex-direction: column;
+                margin-top: 22px;
+
+                .title {
+                    font-size: 15px;
+                    line-height: 1.8;
+                    display: inline-block;
+                    max-width: 680px;
+                    padding: 12px 16px;
+                    background: #ebf2ff;
+                    border-radius: 16px;
+                    white-space: pre-wrap;
+                    word-break: break-word;
+                    align-self: flex-end;
+                    overflow-x: auto;
+                }
+
+                .listBox {
+                    display: flex;
+                    flex-direction: row-reverse;
+                    margin-top: 16px;
+                }
+
+                .opera {
+                    left: unset;
+                    right: 0;
+                }
+            }
+
+            &.question:first-child {
+                margin-top: 0;
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+
+            .title {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                position: relative;
+                font-size: 16px;
+                color: #000000;
+                line-height: 24px;
+                width: fit-content;
+                text-align: left;
+                word-break: break-all;
+                /* 强制换行 */
+                overflow-wrap: break-word;
+
+                /* 在适当位置换行 */
+                .qusetionOpera {
+                    position: absolute;
+                    top: 50%;
+                    left: -30px;
+                    transform: translateY(-50%);
+                }
+
+                .answer {
+                    width: 100%;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: center;
+                    margin-bottom: 20px;
+
+                    .relevance {
+                        width: fit-content;
+                        height: 40px;
+                        background: #ffffff;
+                        border-radius: 16px;
+                        border: 1px solid #cfd7e6;
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                        margin-bottom: 14px;
+
+                        .icon {
+                            display: flex;
+                            align-items: center;
+                            justify-self: center;
+                            margin-right: 12px;
+                        }
+
+                        .search_icon {
+                            display: flex;
+                            align-items: center;
+                            justify-self: center;
+                            margin-left: 16px;
+                        }
+
+                        span {
+                            height: 20px;
+                            font-family: PingFangSC, PingFang SC;
+                            font-weight: 400;
+                            font-size: 14px;
+                            color: #2e394c;
+                            line-height: 20px;
+                            text-align: left;
+                            font-style: normal;
+                            margin: 0 2px;
+                        }
+                    }
+                }
+            }
+
+            .opera {
+                width: 100%;
+                height: 20px;
+                margin-top: 12px;
+                display: flex;
+                align-items: center;
+
+                .opera_item {
+                    display: flex;
+                    align-items: center;
+
+                    .unlove {
+                        margin-left: 18px;
+                        display: flex;
+                        align-items: center;
+                        cursor: pointer;
+                    }
+                }
+            }
+
+            .operaicon {
+                height: 20px;
+                margin-top: 12px;
+                text-align: end;
+            }
+
+            .chatline {
+                margin: 40px 0;
+                width: 100%;
+                height: 1px;
+                background: #dfe8f7;
+            }
+
+            .course_recommend {
+                .course_recommend_header {
+                    width: 100%;
+                    height: 28px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+
+                    .course_recommend_header_title {
+                        font-family: PingFangSC, PingFang SC;
+                        font-weight: 600;
+                        font-size: 18px;
+                        color: #2e394c;
+                        line-height: 28px;
+                        text-align: left;
+                        font-style: normal;
+                    }
+
+                    .course_recommend_header_more {
+                        display: flex;
+                        align-items: center;
+
+                        .all {
+                            width: 56px;
+                            height: 20px;
+                            font-family: PingFangSC, PingFang SC;
+                            font-weight: 500;
+                            font-size: 14px;
+                            color: #2e394c;
+                            line-height: 20px;
+                            text-align: left;
+                            font-style: normal;
+                        }
+                    }
+                }
+
+                .course_recommend_list {
+                    margin-top: 12px;
+                    margin-bottom: 30px;
+                    display: flex;
+                    flex-wrap: wrap;
+                    gap: 20px;
+
+                    .courseItem {
+                        width: 360px;
+                        height: 68px;
+                        display: flex;
+                        align-items: center;
+                        justify-content: space-between;
+                        gap: 20;
+
+                        .cover {
+                            border-radius: 4px;
+                            overflow: hidden;
+                            width: 120px;
+                            height: 68px;
+                            border-radius: 4px;
+
+                            img {
+                                width: 100%;
+                                height: 100%;
+                                object-fit: cover;
+                            }
+                        }
+
+                        .courseTitle {
+                            width: 228px;
+                            height: 68px;
+                            font-family: PingFangSC, PingFang SC;
+                            font-weight: 400;
+                            font-size: 14px;
+                            color: #2e394c;
+                            line-height: 20px;
+                            text-align: left;
+                            font-style: normal;
+                            display: -webkit-box;
+                            -webkit-line-clamp: 3;
+                            /* 限制行数 */
+                            -webkit-box-orient: vertical;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                        }
+                    }
+                }
+            }
+        }
+
+        .answerLoading {
+            width: 40px;
+            margin-top: 20px;
+        }
+    }
+
+    .emptyWrap {
+        text-align: center;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+
+        .title {
+            font-weight: 600;
+            font-size: 20px;
+            color: #2e394c;
+            line-height: 28px;
+            margin-bottom: 12px;
+        }
+
+        .tips {
+            font-size: 16px;
+            color: #54698c;
+        }
+    }
+}
+
+.copyBtn {
+    width: fit-content;
+    display: flex;
+    gap: 10px;
+    margin-left: auto;
+    margin-top: 10px;
+}

package/dist/components/no-microphone-root/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Props = {
+    onOk: () => void;
+};
+export default function NoMicrophoneModalContent({ onOk }: Props): React.JSX.Element;
+export {};

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Button } from '@douyinfe/semi-ui';
+import styles from "./index.module.scss";
+import { IconClose, IconMicrophoneOffStroked } from '@douyinfe/semi-icons';
+export default function NoMicrophoneModalContent(_ref) {
+  var onOk = _ref.onOk;
+  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/no-microphone-root/index.module.scss

@@ -0,0 +1,42 @@
+.root {
+    width: 240px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+}
+.title {
+    font-size: 15px;
+    font-weight: 600;
+    color: #1f2d3d;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.desc {
+    width: 240px;
+    font-size: 12px;
+    color: rgba(31, 45, 61, 0.55);
+}
+.imgArea {
+    height: 100px;
+    border-radius: 12px;
+    background: linear-gradient(90deg, #e9f0ff 0%, #d7f1ff 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.micIcon {
+    width: 56px;
+    height: 56px;
+    display: block;
+}
+.footer {
+    display: flex;
+    width: 100%;
+    justify-content: flex-end;
+}
+.okBtn {
+    height: 32px;
+    padding: 0 18px;
+    border-radius: 16px;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IProps {
+    prologue: string;
+    questionList: any[];
+    setInputValue: (value: string) => void;
+}
+declare const PresetAgentContent: React.FC<IProps>;
+export default PresetAgentContent;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import styles from "./index.module.scss";
+var PresetAgentContent = function PresetAgentContent(_ref) {
+  var prologue = _ref.prologue,
+    questionList = _ref.questionList,
+    setInputValue = _ref.setInputValue;
+  if (!questionList || questionList.length === 0) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, prologue && /*#__PURE__*/React.createElement("div", {
+    className: styles.prologue
+  }, prologue), /*#__PURE__*/React.createElement("div", {
+    className: styles.quickInputList
+  }, 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/preset-agent-content/index.module.scss

@@ -0,0 +1,48 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: start;
+    padding: 14px 0px 20px 16px;
+    width: 100%;
+
+    .prologue {
+        font-family: PingFang SC;
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 28px;
+        letter-spacing: 0px;
+        color: rgba(46, 57, 76, 1);
+    }
+
+    .quickInputList {
+        width: 314px;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+        flex-wrap: wrap;
+        margin-top: 10px;
+
+        .quickInputItem {
+            width: fit-content;
+            max-width: 314px;
+            padding: 5px 10px;
+            font-family: PingFangSC;
+            font-weight: 400;
+            font-size: 14px;
+            color: rgba(46, 57, 76, 1);
+            line-height: 18px;
+            text-align: left;
+            font-style: normal;
+            border-radius: 8px;
+            border: 1px solid rgba(217, 220, 229, 1);
+            flex-shrink: 0;
+            white-space: nowrap;
+            /* 禁止换行 */
+            overflow: hidden;
+            /* 隐藏溢出内容 */
+            text-overflow: ellipsis;
+            /* 显示省略号 */
+            cursor: pointer;
+        }
+    }
+}

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

@@ -0,0 +1,171 @@
+// 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';
+
+// const DEBOUNCE_MS = 600; // 拉长到 600 ms
+
+// const tabList: any[] = [
+//     { key: 'video', displayName: '视频' },
+//     // { key: 'course', displayName: '课程' },
+// ];
+
+// interface Iprops {
+//     close: () => void;
+// }
+
+// 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 } });
+
+//     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>
+//                 );
+//             },
+//         },
+//     ];
+
+//     const handleTabChange = (key: string) => {
+//         if (activeKey === key) return;
+//         setActiveKey(key);
+//         setSearchValue({ pageSize: 20, pageIndex: 1, inputValue: inputValue });
+//         //滚动条置顶
+//         tabContentRef.current.scrollTop = 0;
+//     };
+
+//     // 触发搜索的函数
+//     const doSearch = (val: string) => {
+//         setSearchValue({ pageSize: 20, pageIndex: 1, inputValue: val });
+//     };
+
+//     // 中文输入开始
+//     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>
+//     );
+// };