@myun/gimi-chat 0.0.4 → 0.0.5

package/dist/components/templates/CommonChat.js

@@ -5,7 +5,7 @@ import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { setBaseUrl, setToken, setPlatform, setConversationId, setAgentDetail, setBussinessParams } from "../../store/slices/gimiMenuSlice";
 import useCommonChatAPI from "../../hooks/useCommonChatAPI";
 import { replaceBraces } from "../../utils/tools";
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import ChatInput from "../chat-input";
 import MessageList from "../message-list";
 import PresetAgentContent from "../preset-agent-content";

package/dist/components/templates/demo/demo.js

@@ -95,9 +95,8 @@ export default function Demo() {
     // }}
     ,
     showPrologue: true,
-    model: 'fullscreen'
-    // conversationId={8394}
-    ,
+    model: 'fullscreen',
+    conversationId: 8394,
     chatInputConfig: {
       enableFileUpload: true,
       enableVoiceChat: true,

package/dist/components/templates/index.module.css

@@ -0,0 +1,109 @@
+@charset "UTF-8";
+.main {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  gap: 20px;
+  overflow: hidden;
+  position: relative;
+}
+
+.chat_content {
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  position: relative;
+}
+
+.scroll_wrapper {
+  flex: 1;
+  position: relative;
+  width: 100%;
+  min-height: 0;
+}
+
+.scroll_container {
+  height: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+  width: 100%;
+  position: relative;
+}
+.scroll_container::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.scroll_container::-webkit-scrollbar-thumb {
+  border-radius: 6px;
+  background: transparent;
+}
+.scroll_container::-webkit-scrollbar-track {
+  background: transparent;
+  border-radius: 6px;
+}
+.scroll_container.scrolling::-webkit-scrollbar-thumb {
+  background: rgba(144, 147, 153, 0.3);
+}
+.scroll_container::-webkit-scrollbar-thumb:hover {
+  background: rgba(144, 147, 153, 0.5);
+}
+
+.backBottomBtn {
+  position: absolute;
+  bottom: 20px;
+  right: 20px;
+  width: 40px;
+  height: 40px;
+  background: #fff;
+  border-radius: 50%;
+  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  z-index: 10;
+  transition: all 0.3s;
+  color: #1c1f23;
+}
+.backBottomBtn:hover {
+  background: #f2f3f5;
+}
+
+.content_header {
+  width: 100%;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-family: PingFangSC, PingFang SC;
+  font-weight: 500;
+  font-size: 16px;
+  color: #2e394c;
+  line-height: 22px;
+  text-align: center;
+  font-style: normal;
+  position: relative;
+}
+.content_header .content_header_title {
+  width: 340px;
+  height: 100%;
+  line-height: 50px;
+  overflow: hidden;
+  /* 隐藏溢出内容 */
+  white-space: nowrap;
+  /* 强制文本不换行 */
+  text-overflow: ellipsis;
+  /* 超出部分显示省略号 */
+}
+.content_header .text_shanow {
+  z-index: 5;
+  pointer-events: none;
+  background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
+  width: 97%;
+  height: 32px;
+  position: absolute;
+  top: 100%;
+  left: 1px;
+}

package/dist/components/upload-list/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import reTry from "../../assets/image/retry.png";
 import { FileStatus } from "../../interfaces/fileInterface";
 import { formatSizeToKB } from "../../utils/tools";

package/dist/components/upload-list/index.module.css

@@ -0,0 +1,119 @@
+@charset "UTF-8";
+.uploadBox {
+  display: flex;
+  align-items: center;
+  min-width: 228px; /* 最小宽度保证 */
+  max-width: 380px; /* 最大宽度限制 */
+  width: fit-content; /* 自动适应内容宽度 */
+  flex-shrink: 0;
+  border-radius: 12px;
+  background: var(---, #f2f3f7);
+  padding: 14px 16px 14px 12px;
+  margin-bottom: 12px;
+  position: relative;
+}
+
+.uploadIcon img {
+  width: 24px;
+  height: 22px;
+  margin-right: 8px;
+}
+.uploadIcon img img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.uploadName {
+  flex: 1; /* 让文件名占满剩余空间 */
+  color: #2e394c;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  min-width: 0; /* 关键：允许flex子元素缩小到内容尺寸以下 */
+}
+.uploadName .uploadfileName {
+  display: flex;
+  align-items: center;
+  max-width: 100%; /* 限制整个文件名区域宽度 */
+}
+.uploadName .uploadfileName .fileName {
+  /* 动态计算可用宽度，减去扩展名和间距 */
+  flex: 1;
+  min-width: 0; /* 允许文件名进一步缩小 */
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: 4px; /* 与扩展名保持一点距离 */
+}
+.uploadName .uploadfileName .fileExtension {
+  white-space: nowrap; /* 确保扩展名不换行 */
+  color: #717F94; /* 可以给扩展名一个不同的颜色区分 */
+}
+.uploadName .sizeText .size {
+  margin-right: 4px;
+  font-size: 12px; /* 修复之前的语法错误，添加单位px */
+  color: #717F94;
+}
+.uploadName .sizeText .errorText {
+  color: #f33;
+  font-family: "PingFang SC";
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+
+.uploadStatus,
+.uploadLoading {
+  display: flex;
+  align-items: center;
+  margin-left: 8px;
+  font-size: 14px;
+  flex-shrink: 0;
+  color: #717F94;
+}
+.uploadStatus img,
+.uploadLoading img {
+  width: 18px;
+  height: 18px;
+  object-fit: cover;
+  margin-left: 5px;
+}
+
+.delIcon {
+  position: absolute;
+  right: -7px;
+  top: -5px;
+  width: 14px;
+  height: 14px;
+  background-color: rgba(0, 0, 0, 0.6);
+  color: white;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  background-color: white;
+}
+.delIcon img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.uploadError {
+  cursor: pointer;
+  color: #4086ff;
+  text-align: right;
+  font-family: "PingFang SC";
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}

package/dist/components/voice-check-dialog/index.js

@@ -12,7 +12,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import classNames from 'classnames';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import NoMicrophoneModalContent from "../no-microphone-root";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { setShowMicWarning } from "../../store/slices/gimiMenuSlice";

package/dist/components/voice-check-dialog/{index.module.scss → index.module.css}

@@ -3,7 +3,7 @@
   z-index: 9999;
   padding: 10px;
   border-radius: 12px;
-  border: 1px solid rgba(223, 232, 247, 1);
+  border: 1px solid rgb(223, 232, 247);
   background-color: #ffffff;
   box-shadow: 0px 2px 16px 0px rgba(84, 105, 140, 0.15);
-}
+}

package/dist/components/voice-recording/index.js

@@ -1,6 +1,6 @@
 import { Tooltip } from '@douyinfe/semi-ui';
 import VoiceBars from "../voice-bars";
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import React from 'react';
 var CHECK_ICON_ADDRESS = 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202601/04/8b0e2_20260104154821.png';
 var CANCEL_ICON_ADDRESS = 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202601/04/94bfe_20260104154857.png';

package/dist/components/voice-recording/index.module.css

@@ -0,0 +1,41 @@
+.main {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  padding: 20px;
+  border-radius: 12px;
+  border: 1px solid rgb(223, 232, 247);
+}
+.main .text {
+  font-family: PingFang SC;
+  font-weight: 600;
+  font-style: Semibold;
+  font-size: 16px;
+  line-height: 18px;
+  letter-spacing: 0px;
+}
+.main .text .font_weight_600 {
+  font-weight: 600;
+  margin-right: 5px;
+}
+.main .text .font_weight_400 {
+  font-weight: 400;
+}
+.main .text .count {
+  font-weight: 600;
+  color: #007aff;
+  padding: 0 5px;
+}
+.main .voice_bar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+.main .voice_bar .icon {
+  width: 48px;
+  height: 48px;
+  cursor: pointer;
+}

package/dist/components/work-flow-content/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { Spin } from '@douyinfe/semi-ui';
 import { LoadingOutlined, InfoCircleOutlined } from '@ant-design/icons';
 var antIcon = /*#__PURE__*/React.createElement(LoadingOutlined, {

package/dist/components/work-flow-content/index.module.css

@@ -0,0 +1,24 @@
+.collapse {
+  border-radius: 8px;
+  margin-bottom: 10px;
+}
+
+.layout {
+  display: flex;
+  justify-content: start;
+  align-items: center;
+  width: fit-content;
+  gap: 10px;
+  padding: 5px 10px;
+  margin-bottom: 5px;
+  border: 1px solid #d9dce5;
+  border-radius: 8px;
+  font-family: "PingFang SC";
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: 0px;
+}
+.layout .spin {
+  color: #d9d9d9;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myun/gimi-chat",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -31,11 +31,11 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-redux": "^9.2.0",
-    "redux": "^5.0.1",
-    "sass": "^1.69.5"
+    "redux": "^5.0.1"
   },
   "devDependencies": {
-    "father": "4.1.1"
+    "father": "4.1.1",
+    "sass": "^1.69.5"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

package/dist/components/ai-chat-dialogue/index.module.scss

@@ -1,272 +0,0 @@
-.aiChat {
-    z-index: 99999;
-
-    position: fixed;
-    inset: 0;
-
-    .bgImg {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-    }
-
-    .back {
-        position: absolute;
-        top: 30px;
-        left: 20px;
-        z-index: 2;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 30px;
-        height: 30px;
-        border-radius: 50%;
-        background: #ffffff;
-        box-shadow: 0px 0px 10px 0px rgba(153, 167, 191, 0.2);
-        border: 1px solid #ebf2ff;
-        cursor: pointer;
-    }
-
-    .rightWrap {
-        position: absolute;
-        right: 20px;
-        top: 30px;
-        z-index: 3;
-        display: flex;
-        align-items: center;
-
-        .iconWrap {
-            margin-right: 40px;
-        }
-    }
-
-    .introWrap {
-        position: absolute;
-        top: 60px;
-        right: -420px;
-        width: 400px;
-        height: calc(100vh - 100px);
-        padding: 20px 20px 15px;
-        background: #f7faff;
-        box-shadow: -6px 2px 20px 0px rgba(153, 167, 191, 0.15);
-        border-radius: 12px;
-        z-index: 2;
-        // overflow-y: scroll;
-        transition: all 0.3s ease;
-
-        &.block {
-            right: 20px;
-        }
-
-        .loading {
-            display: flex;
-            flex-direction: column;
-            justify-content: center;
-            height: 80%;
-            text-align: center;
-        }
-
-        .introHeader {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 20px;
-
-            .title {
-                font-size: 18px;
-                font-weight: 600;
-            }
-        }
-
-        .introContent {
-            height: calc(100% - 60px);
-            overflow-y: scroll;
-            padding-right: 10px;
-        }
-    }
-
-    .main {
-        position: relative;
-        height: 100%;
-
-        display: flex;
-        flex-direction: column;
-        transition: all 0.3s ease;
-
-        &.translate {
-            transform: translateX(-160px);
-        }
-
-        .content {
-            height: calc(100% - 380px);
-            overflow-y: scroll;
-            overflow-x: hidden;
-
-            .container {
-                width: 800px;
-                margin: 0 auto;
-                height: 100%;
-            }
-        }
-
-        .header {
-            display: flex;
-            justify-content: center;
-            margin-bottom: 30px;
-            height: 26px;
-
-            .logo {
-                width: 18px;
-                height: 18px;
-                margin-right: 8px;
-                flex-shrink: 0;
-                margin-top: 3px;
-            }
-
-            .title {
-                font-size: 18px;
-                text-align: center;
-            }
-        }
-
-        .tips {
-            font-weight: 400;
-            color: #54698c;
-            font-size: 17px;
-        }
-
-        .item {
-            margin-bottom: 10px;
-            font-weight: 400;
-            color: #333;
-            font-size: 17px;
-            line-height: 28px;
-            word-break: break-all;
-            /* 强制换行 */
-            overflow-wrap: break-word;
-            /* 在适当位置换行 */
-            white-space: pre-wrap;
-
-            &.answer {
-                font-size: 16;
-                color: #b0b0b0;
-            }
-        }
-
-        .voiceWrap {
-            height: 100%;
-            display: flex;
-            align-items: center;
-        }
-
-        .bottom {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            position: absolute;
-            bottom: 60px;
-            left: 50%;
-            transform: translateX(-50%);
-            text-align: center;
-
-            .pointer {
-                cursor: pointer;
-            }
-
-            .status {
-                display: flex;
-                flex-direction: column;
-                width: 220px;
-                margin-bottom: 30px;
-
-                .iconOutside {
-                    width: 30px;
-                    height: 30px;
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    border: 3px solid #000000;
-                    border-radius: 50%;
-                }
-
-                .iconInside {
-                    width: 13px;
-                    height: 13px;
-                    background-color: #000000;
-                }
-
-                .statusImg {
-                    width: 24px;
-                    height: 24px;
-                    border-radius: 8px;
-                    margin: 0 auto;
-                    margin-bottom: 15px;
-                }
-
-                .statusText {
-                    font-size: 16px;
-                    color: #7d91b3;
-
-                    &.danger {
-                        color: red;
-                    }
-                }
-            }
-
-            .btnWrap {
-                display: flex;
-                justify-content: center;
-
-                .btnItem {
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    width: 76px;
-                    height: 76px;
-                    border-radius: 50%;
-                    margin-right: 118px;
-                    background: #ffffff;
-                    box-shadow: 0px 2px 10px 0px rgba(153, 167, 191, 0.1);
-                    cursor: pointer;
-
-                    &.disable {
-                        pointer-events: none;
-                        opacity: 0.5;
-                        cursor: not-allowed;
-                    }
-
-                    &:last-child {
-                        margin-right: 0;
-                    }
-                }
-            }
-        }
-    }
-}
-
-:global {
-    .out-tooltip {
-        .ant-tooltip-content {
-            .ant-tooltip-arrow {
-                left: 55px;
-            }
-        }
-    }
-
-    .ai-chat-tooltip {
-        z-index: 100000 !important;
-    }
-}
-
-:global(.ant-message) {
-    position: fixed !important;
-    z-index: 99999999 !important;
-}
-
-.disable {
-    opacity: 0.4;
-    pointer-events: none;
-    cursor: not-allowed;
-}

package/dist/components/ai-loading/index.module.scss

@@ -1,11 +0,0 @@
-.aiLoading {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    .text {
-        margin-top: 4px;
-        text-align: center;
-    }
-}