@myun/gimi-chat 0.0.4 → 0.0.6

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,54 +1,69 @@
 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';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 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';
 var VoiceRecording = function VoiceRecording(_ref) {
   var recordingCount = _ref.recordingCount,
     stopRecording = _ref.stopRecording,
     containerWidth = _ref.containerWidth;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.main
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.text
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.font_weight_600
-  }, "\u8BED\u97F3\u8F93\u5165\u4E2D"), recordingCount > 0 && recordingCount <= 10 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: styles.font_weight_400
-  }, "(\u5012\u8BA1\u65F6"), /*#__PURE__*/React.createElement("span", {
-    className: styles.count
-  }, recordingCount), /*#__PURE__*/React.createElement("span", {
-    className: styles.font_weight_400
-  }, "\u79D2)"))), /*#__PURE__*/React.createElement("div", {
-    className: styles.voice_bar
-  }, /*#__PURE__*/React.createElement(VoiceBars, {
-    parentWidth: containerWidth - 48 * 2 - 20 * 2 - 10
-  }), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '10px'
-    }
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: "\u653E\u5F03\u8F6C\u5199",
-    arrowPointAtCenter: true
-  }, /*#__PURE__*/React.createElement("img", {
-    className: styles.icon,
-    src: CANCEL_ICON_ADDRESS,
-    alt: "\u653E\u5F03\u8F6C\u5199",
-    onClick: function onClick() {
-      stopRecording(false);
-    }
-  })), /*#__PURE__*/React.createElement(Tooltip, {
-    content: "\u5F00\u59CB\u8F6C\u5199",
-    arrowPointAtCenter: true
-  }, /*#__PURE__*/React.createElement("img", {
-    className: styles.icon,
-    src: CHECK_ICON_ADDRESS,
-    alt: "\u5F00\u59CB\u8F6C\u5199",
-    onClick: function onClick() {
-      stopRecording(true);
-    }
-  })))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.main,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: styles.text,
+      children: [/*#__PURE__*/_jsx("span", {
+        className: styles.font_weight_600,
+        children: "\u8BED\u97F3\u8F93\u5165\u4E2D"
+      }), recordingCount > 0 && recordingCount <= 10 && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("span", {
+          className: styles.font_weight_400,
+          children: "(\u5012\u8BA1\u65F6"
+        }), /*#__PURE__*/_jsx("span", {
+          className: styles.count,
+          children: recordingCount
+        }), /*#__PURE__*/_jsx("span", {
+          className: styles.font_weight_400,
+          children: "\u79D2)"
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.voice_bar,
+      children: [/*#__PURE__*/_jsx(VoiceBars, {
+        parentWidth: containerWidth - 48 * 2 - 20 * 2 - 10
+      }), /*#__PURE__*/_jsxs("div", {
+        style: {
+          display: 'flex',
+          gap: '10px'
+        },
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          content: "\u653E\u5F03\u8F6C\u5199",
+          arrowPointAtCenter: true,
+          children: /*#__PURE__*/_jsx("img", {
+            className: styles.icon,
+            src: CANCEL_ICON_ADDRESS,
+            alt: "\u653E\u5F03\u8F6C\u5199",
+            onClick: function onClick() {
+              stopRecording(false);
+            }
+          })
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          content: "\u5F00\u59CB\u8F6C\u5199",
+          arrowPointAtCenter: true,
+          children: /*#__PURE__*/_jsx("img", {
+            className: styles.icon,
+            src: CHECK_ICON_ADDRESS,
+            alt: "\u5F00\u59CB\u8F6C\u5199",
+            onClick: function onClick() {
+              stopRecording(true);
+            }
+          })
+        })]
+      })]
+    })]
+  });
 };
 export default VoiceRecording;

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/demo.js

@@ -1,7 +1,8 @@
 import React from 'react';
 import WorkFlowContent from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Demo = function Demo() {
-  return /*#__PURE__*/React.createElement(WorkFlowContent, {
+  return /*#__PURE__*/_jsx(WorkFlowContent, {
     chatItem: {
       mcp: '这是一条工作流内容',
       status: 'executeWorkflowByDescription'

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

@@ -1,14 +1,16 @@
 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, {
+import { IconSpin, IconInfoCircle } from '@douyinfe/semi-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var antIcon = /*#__PURE__*/_jsx(IconSpin, {
   style: {
     fontSize: 16
   },
   spin: true
 });
-var warnIcon = /*#__PURE__*/React.createElement(InfoCircleOutlined, {
+var warnIcon = /*#__PURE__*/_jsx(IconInfoCircle, {
   style: {
     fontSize: 16
   }
@@ -17,12 +19,13 @@ var WorkFlowContent = function WorkFlowContent(_ref) {
   var chatItem = _ref.chatItem;
   // const isExecuting = chatItem.mcps.some((item: MCPItem) => !item.isFinished);
   var mcp = chatItem.mcp;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.layout
-  }, mcp.status === 'executeWorkflowByDescription' ? '正在查询可用工作流...' : mcp.status === 'interrupt' ? '运行终止' : "\u6B63\u5728\u8C03\u7528 ".concat(mcp.name || '工作流', "..."), mcp.status === 'interrupt' ? warnIcon : /*#__PURE__*/React.createElement(Spin, {
-    className: styles.spin,
-    indicator: antIcon
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.layout,
+    children: [mcp.status === 'executeWorkflowByDescription' ? '正在查询可用工作流...' : mcp.status === 'interrupt' ? '运行终止' : "\u6B63\u5728\u8C03\u7528 ".concat(mcp.name || '工作流', "..."), mcp.status === 'interrupt' ? warnIcon : /*#__PURE__*/_jsx(Spin, {
+      className: styles.spin,
+      indicator: antIcon
+    })]
+  });
 
   // return (
   //     <Collapse

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.6",
   "description": "> TODO: description",
   "homepage": "",
   "license": "ISC",
@@ -28,14 +28,15 @@
     "@reduxjs/toolkit": "^2.11.2",
     "@volcengine/rtc": "^4.68.0",
     "classnames": "^2.2.6",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-redux": "^9.2.0",
+    "react-redux": "^8.1.3",
     "redux": "^5.0.1",
-    "sass": "^1.69.5"
+    "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "father": "4.1.1"
+    "father": "4.1.1",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "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;
-    }
-}