@myun/gimi-chat 0.0.2 → 0.0.4

package/dist/components/answer-item/index.module.scss

@@ -0,0 +1,295 @@
+.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: 10px 0px;
+
+        .completed {
+            display: flex;
+            gap: 10px;
+            align-items: center;
+
+            .checkIcon {
+                font-size: 16px;
+                color: rgba(62, 179, 86, 1);
+            }
+
+            .checkText {
+                font-family: PingFang SC;
+                font-weight: 600;
+                font-style: Semibold;
+                font-size: 15px;
+                line-height: 180%;
+                letter-spacing: 0px;
+                color: rgba(46, 57, 76, 1);
+            }
+        }
+
+        // margin-bottom: 32px;
+        .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;
+            }
+        }
+
+        .stop {
+            width: 100%;
+            height: 28px;
+            font-family: PingFangSC, PingFang SC;
+            font-weight: 400;
+            font-size: 15px;
+            color: #7d91b3;
+            line-height: 28px;
+            text-align: left;
+            font-style: normal;
+            margin-top: 6px;
+        }
+    }
+}
+
+.opera {
+    height: 18px;
+    margin-top: 12px;
+    display: flex;
+
+    // align-items: center;
+    .opera_item {
+        display: flex;
+        align-items: center;
+        gap: 18px;
+        .unlove {
+            display: flex;
+            align-items: center;
+            cursor: pointer;
+            user-select: none;
+        }
+    }
+}
+
+.operaicon {
+    height: 20px;
+    margin-top: 12px;
+    text-align: end;
+}
+
+.chatline {
+    width: 100%;
+    margin: 40px 0;
+    height: 1px;
+    background: #dfe8f7;
+}
+
+.course_recommend {
+    width: 100%;
+    margin-top: 20px;
+
+    .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 0;
+
+        .courseItem {
+            flex: 1 1 clamp(180px, 48%, 360px);
+            max-width: clamp(180px, 48%, 360px);
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .cover {
+                border-radius: 4px;
+                overflow: hidden;
+                width: 120px;
+                height: 68px;
+                border-radius: 4px;
+
+                img {
+                    width: 100%;
+                    height: 100%;
+                    object-fit: cover;
+                }
+            }
+
+            .courseTitle {
+                flex: 1 1 auto;
+                height: 68px;
+                font-family: PingFangSC, PingFang SC;
+                font-weight: 400;
+                font-size: 14px;
+                color: #2e394c;
+                text-align: left;
+                font-style: normal;
+                display: -webkit-box;
+                -webkit-line-clamp: 3;
+                /* 限制行数 */
+                -webkit-box-orient: vertical;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                margin-left: 20px;
+
+                .newEquityLabel {
+                    display: inline-block !important;
+                    margin-right: 8px;
+                    padding: 0 4px;
+                    color: #e68845;
+                    font-size: 10px;
+                    font-weight: 600;
+                    line-height: 18px;
+                    border-radius: 4px;
+                    background: #ffecd9;
+                    position: relative;
+                    bottom: 2px;
+
+                    &-1 {
+                        color: #3d996b;
+                        background: #ccffe6;
+                    }
+
+                    &-2 {}
+
+                    &-3 {
+                        color: #fff;
+                        background: #7d91b3;
+                    }
+                }
+            }
+        }
+
+        .courseItem:nth-child(2n) {
+            margin-left: 40px;
+        }
+    }
+}
+
+.quickInputList {
+    max-width: min(800px, 90vw);
+    display: flex;
+    gap: 12px;
+    flex-wrap: wrap;
+    flex-direction: column;
+    align-items: flex-start; // 关键：让子项不拉伸
+    margin-top: 20px;
+
+    .quickInputItem {
+        padding: 5px 10px;
+        font-family: PingFangSC, PingFang SC;
+        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);
+        cursor: pointer;
+        display: inline;
+        white-space: nowrap;
+        /* 禁止换行 */
+        overflow: hidden;
+        /* 隐藏溢出内容 */
+        text-overflow: ellipsis;
+        /* 显示省略号 */
+        /* 如果需要可以添加最大宽度 */
+        white-space: normal;
+    }
+}
+
+.fileBox {
+    border-radius: 16px;
+    border: 1px solid var(---, #e9ebf2);
+    background: linear-gradient(180deg, #f7fff9 0%, #f1fcfe 30%, #fff 100%);
+    box-shadow: 0 2px 2px 0 #fff inset;
+    padding: 20px;
+}

package/dist/components/ask-card/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IChatMessageItem } from '../../interfaces/chatMessage';
+interface IProps {
+    item: IChatMessageItem;
+    moduleInfo: any;
+    handleClickAskList: (item: any, operation: string, key: string, value?: string) => void;
+    onAskCardCallback?: () => void;
+}
+declare const AskCard: ({ item, moduleInfo, handleClickAskList, onAskCardCallback }: IProps) => React.JSX.Element;
+export default AskCard;

package/dist/components/ask-card/index.js

@@ -0,0 +1,76 @@
+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 React from 'react';
+import styles from "./index.module.scss";
+import { MMarkdown } from '@myun/gimi-design';
+import classNames from 'classnames';
+import FileUpload from "../file-upload";
+var AskCard = function AskCard(_ref) {
+  var item = _ref.item,
+    moduleInfo = _ref.moduleInfo,
+    handleClickAskList = _ref.handleClickAskList,
+    onAskCardCallback = _ref.onAskCardCallback;
+  var _React$useMemo = React.useMemo(function () {
+      var _detailInfo$questionC;
+      var detailInfo = moduleInfo.data.results.askShowInfo;
+      var optionsList = Object.entries(detailInfo.options).map(function (_ref2) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          key = _ref3[0],
+          value = _ref3[1];
+        return {
+          key: key,
+          value: value
+        };
+      });
+      var questionContent = (_detailInfo$questionC = detailInfo.questionContent) === null || _detailInfo$questionC === void 0 ? void 0 : _detailInfo$questionC.replace(/\n/g, '\n');
+      return {
+        detailInfo: detailInfo,
+        optionsList: optionsList,
+        questionContent: questionContent
+      };
+    }, [moduleInfo, handleClickAskList]),
+    detailInfo = _React$useMemo.detailInfo,
+    optionsList = _React$useMemo.optionsList,
+    questionContent = _React$useMemo.questionContent;
+  var optionRender = function optionRender(v) {
+    return /*#__PURE__*/React.createElement("span", null, v.value ? v.value : v.key);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.askList
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.askQuestion,
+    style: detailInfo.answerType === 1 || detailInfo.uploadFile ? {
+      marginBottom: 12
+    } : {
+      marginBottom: 0
+    }
+  }, /*#__PURE__*/React.createElement(MMarkdown, {
+    content: questionContent,
+    id: item.id
+  })), detailInfo.answerType === 1 && (optionsList === null || optionsList === void 0 ? void 0 : optionsList.map(function (v) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames(styles.askItem, detailInfo.answerType === 0 || item.selectValue ? styles.disablebox : ''),
+      key: v.key,
+      onClick: function onClick() {
+        return handleClickAskList(moduleInfo, 'click', v.key, v.value || v.key);
+      }
+    }, optionRender(v));
+  })), detailInfo.uploadFile && detailInfo.answerType === 0 && /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.showUpload, item.disableUploadFile ? styles.disableFile : ''),
+    onClick: function onClick() {
+      return onAskCardCallback === null || onAskCardCallback === void 0 ? void 0 : onAskCardCallback();
+    }
+  }, /*#__PURE__*/React.createElement(FileUpload, {
+    disabled: item.disableUploadFile
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.uploadIcon)
+  }, /*#__PURE__*/React.createElement("img", {
+    src: item.disableUploadFile ? 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/19/b1e04_20250919162201.png' : 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/11/83ad4_20250911153220.png',
+    alt: ""
+  }), "\u6587\u4EF6\u4E0A\u4F20"))));
+};
+export default AskCard;

package/dist/components/ask-card/index.module.scss

@@ -0,0 +1,125 @@
+.askList {
+    width: clamp(380px, 100%, 600px);
+    flex-shrink: 0;
+    padding: 20px;
+    border-radius: 16px;
+    border: 1px solid var(---, #e9ebf2);
+    background: linear-gradient(180deg, #f9fefe 0%, #fff 100%);
+    box-shadow: 0 2px 2px 0 #fff inset;
+    margin-top: 12px;
+    .askItem {
+        width: fit-content;
+        flex-shrink: 0;
+        padding: 12px 20px;
+        border-radius: 22px;
+        border: 1px solid var(---, #d9dce5);
+        background: #fff;
+        color: #000;
+        font-family: 'PingFang SC';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        margin-bottom: 16px;
+        cursor: pointer;
+         min-width: clamp(88px, 25%, 100px);
+        max-width: 100%;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        line-height: 20px;
+    }
+    .disablebox {
+        border-radius: 22px;
+        border: 1px solid var(---, #d9dce5);
+        background: #fff;
+        color: #ced3d9;
+        font-family: 'PingFang SC';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+    .selectbox {
+        border-radius: 22px;
+        background: var(---, #2e394c);
+        color: #fff;
+        font-family: 'PingFang SC';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+        cursor: not-allowed;
+        pointer-events: none;
+    }
+    .askQuestion {
+        max-width: 100%;
+        // white-space: pre-line;
+        color: #2e394c;
+        font-family: 'PingFang SC';
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 28px; /* 175% */
+        margin-bottom: 12px;
+        :global(.markdown_container) {
+            p {
+                margin: 0;
+                white-space: pre-wrap;
+            }
+            li {
+                white-space: pre-line;
+            }
+        }
+    }
+    .askItem:nth-last-child(1) {
+        margin-bottom: 0;
+    }
+}
+.showUpload {
+    width: 128px;
+    height: 44px;
+    flex-shrink: 0;
+    border-radius: 22px;
+    border: 1px solid var(---, #d9dce5);
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    color: #000;
+    font-family: 'PingFang SC';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: normal;
+
+    :global(.ant-upload) {
+        height: 100%;
+    }
+    .uploadIcon {
+        height: 100%;
+        display: flex;
+        align-items: center;
+    }
+    .disableFile {
+        border-radius: 22px;
+        border: 1px solid var(---, #d9dce5);
+        background: #fff;
+        color: #ced3d9;
+        font-family: 'PingFang SC';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: normal;
+    }
+    img {
+        width: 32px;
+        height: 32px;
+        flex-shrink: 0;
+    }
+}

package/dist/components/chat-input/index.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface ChatInputRef {
+    getValue: () => string;
+    setValue: (value: string) => void;
+    focus: () => void;
+    blur: () => void;
+}
+interface IAIInputProps {
+    placeholder?: string;
+    defaultPrompt?: string;
+    disabled?: boolean;
+    onSend?: (text: string) => void;
+    enableVoiceRecord?: boolean;
+    enableVoiceChat?: boolean;
+    enableFileUpload?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    maxLength?: number;
+    onInterrupt?: () => void;
+    isRecording?: boolean;
+    isVoiceGetting?: boolean;
+    recordingCount?: number;
+    asrText?: string;
+    shortAsrClick: (ignoreMsg?: boolean) => Promise<void>;
+    disableVoiceCommunication?: boolean;
+    onHistoryReload?: () => void;
+    accept?: string[];
+    showDefaultPrompt?: boolean;
+}
+declare const ChatInput: React.ForwardRefExoticComponent<IAIInputProps & React.RefAttributes<ChatInputRef>>;
+export default ChatInput;