whyuzeim 1.1.56 → 1.1.57

package/cjs/GroupDetail/image/icon_translation.svg.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var img = "data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.02273 10C2.02273 5.59427 5.59427 2.02273 10 2.02273C12.7648 2.02273 15.2025 3.42934 16.6342 5.56818H15.3182V7.34091H19.75V2.90909H17.9773V4.39303C16.2134 1.88804 13.2987 0.25 10 0.25C4.61522 0.25 0.25 4.61522 0.25 10H2.02273Z' fill='white' fill-opacity='0.4'/%3e%3cpath d='M9.99995 19.75C15.3847 19.75 19.75 15.3848 19.75 10H17.9772C17.9772 14.4057 14.4057 17.9773 9.99995 17.9773C7.23516 17.9773 4.79749 16.5707 3.36579 14.4318H4.68182V12.6591H0.25V17.0909H2.02273V15.607C3.7866 18.112 6.70132 19.75 9.99995 19.75Z' fill='white' fill-opacity='0.4'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.30758 5.23249L6.40385 13.4225C6.37904 13.5052 6.40799 13.5466 6.49072 13.5466H8.11631C8.19904 13.5466 8.25281 13.5052 8.27763 13.4225L8.74917 11.9458H11.7025L12.1865 13.4225C12.2113 13.5052 12.2651 13.5466 12.3478 13.5466H13.961C14.0437 13.5466 14.0727 13.5052 14.0479 13.4225L11.1938 5.23249C11.1689 5.14976 11.1152 5.1084 11.0324 5.1084H9.4689C9.38617 5.1084 9.3324 5.14976 9.30758 5.23249ZM11.2062 10.3947H9.25795L10.2134 7.44131H10.2507L11.2062 10.3947Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/HighlyCustomChat/CodeMsg/index.d.ts

@@ -1,7 +1,8 @@
 import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
 import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
-import 'highlight.js/styles/monokai.css';
+import 'highlight.js/styles/default.css';
 import React from "react";
+import "./style/index.moduel.scss";
 interface ICodeMsg {
     msg: ChatSDK.MessageBody | NoticeMessageBody;
     isMySelf: boolean;

package/cjs/HighlyCustomChat/CodeMsg/index.js

@@ -4,12 +4,13 @@ var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray')
 var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
 var agoraChatUikit = require('agora-chat-uikit');
 var hljs = require('highlight.js');
-require('highlight.js/styles/monokai.css');
+require('highlight.js/styles/default.css');
 var React = require('react');
 var copy = require('copy-to-clipboard');
+require('./style/index.moduel.scss');
 
 var CodeMsg = function CodeMsg(props) {
-  var _msg$customExts, _msg$customExts2;
+  var _msg$customExts, _msg$customExts2, _msg$customExts3;
   var msg = props.msg,
     isMySelf = props.isMySelf,
     avatar = props.avatar,
@@ -18,10 +19,11 @@ var CodeMsg = function CodeMsg(props) {
     _useState2 = _slicedToArray(_useState, 2),
     copyStatus = _useState2[0],
     setCopyStatus = _useState2[1];
-  if (!((_msg$customExts = msg.customExts) !== null && _msg$customExts !== void 0 && _msg$customExts.code)) {
+  var codeType = ((_msg$customExts = msg.customExts) === null || _msg$customExts === void 0 ? void 0 : _msg$customExts.code_type) || "python";
+  if (!((_msg$customExts2 = msg.customExts) !== null && _msg$customExts2 !== void 0 && _msg$customExts2.code)) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
-  var rawCode = (_msg$customExts2 = msg.customExts) === null || _msg$customExts2 === void 0 || (_msg$customExts2 = _msg$customExts2.code) === null || _msg$customExts2 === void 0 || (_msg$customExts2 = _msg$customExts2.replace(/\\n/g, "\n")) === null || _msg$customExts2 === void 0 || (_msg$customExts2 = _msg$customExts2.replace(/\\"/g, '"')) === null || _msg$customExts2 === void 0 ? void 0 : _msg$customExts2.replace(/\\\\/g, "\\");
+  var rawCode = (_msg$customExts3 = msg.customExts) === null || _msg$customExts3 === void 0 || (_msg$customExts3 = _msg$customExts3.code) === null || _msg$customExts3 === void 0 || (_msg$customExts3 = _msg$customExts3.replace(/\\n/g, "\n")) === null || _msg$customExts3 === void 0 || (_msg$customExts3 = _msg$customExts3.replace(/\\"/g, '"')) === null || _msg$customExts3 === void 0 ? void 0 : _msg$customExts3.replace(/\\\\/g, "\\");
   // 复制代码到剪贴板
   var copyToClipboard = function copyToClipboard() {
     if (!rawCode) return;
@@ -65,13 +67,13 @@ var CodeMsg = function CodeMsg(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start")
   }, /*#__PURE__*/React.createElement("div", {
+    className: "inline-block w-full rounded-lg overflow-hidden relative mb-2",
     style: {
       background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
       borderRadius: "9px",
       padding: "10px 12px",
       color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
-    },
-    className: "inline-block w-full"
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex-1 flex justify-between items-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -88,8 +90,8 @@ var CodeMsg = function CodeMsg(props) {
     d: "M8 0.0214844H2.58333V2.5396H0.0214844V8.01198H2.58333V10.5301H8V8.01198H10.5618V2.5396H8V0.0214844Z",
     fill: "#0083FF"
   })), /*#__PURE__*/React.createElement("span", {
-    className: "text-[#fff]"
-  }, "main.py")), /*#__PURE__*/React.createElement("button", {
+    className: "filename-text"
+  }, codeType)), /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
       onApply && onApply(msg.customExts.code);
       !onApply && copyToClipboard();
@@ -101,28 +103,20 @@ var CodeMsg = function CodeMsg(props) {
     className: "code-scroll-container w-full max-h-[300px] overflow-y-auto"
   }, /*#__PURE__*/React.createElement("pre", {
     className: "bg-transparent w-full h-full"
-  }, /*#__PURE__*/React.createElement("code", {
-    className: "language-python hljs",
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "code-block-container",
     style: {
-      display: "block",
-      overflow: "auto",
-      background: "transparent",
-      fontSize: "14px",
-      lineHeight: "1.5",
-      fontFamily: "Monaco, Consolas, monospace",
-      whiteSpace: "pre-wrap",
-      wordWrap: "break-word",
-      width: "100%",
-      maxWidth: "100%",
-      padding: "0.5rem"
-    },
+      border: "none"
+    }
+  }, /*#__PURE__*/React.createElement("code", {
+    className: "language-".concat(codeType, " hljs"),
     dangerouslySetInnerHTML: {
       __html: hljs.highlight(rawCode, {
-        language: "python",
+        language: codeType,
         ignoreIllegals: true
       }).value
     }
-  })))))));
+  }))))))));
 };
 
 module.exports = CodeMsg;

package/cjs/HighlyCustomChat/CodeMsg/style/index.moduel.scss

@@ -0,0 +1,202 @@
+/* 代码高亮样式，支持暗色和亮色主题 */
+
+/* 通用样式 */
+.code-block-container {
+  border-radius: 4px;
+  margin: 4px 0;
+  padding: 8px 4px;
+  background: transparent !important;
+  border: none !important;
+}
+
+/* 通用代码样式 */
+code.hljs {
+  display: block;
+  overflow: auto;
+  background: transparent !important;
+  font-size: 13px;
+  line-height: 1.4;
+  font-family: Monaco, Consolas, 'Courier New', monospace;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+}
+
+/* 深色主题下的代码高亮 - 适用于深蓝/黑色背景 */
+.im-dark, .im-custom {
+  /* 基础文本颜色 */
+  .hljs {
+    color: #f8f8f2 !important;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+  }
+
+  /* 关键字 */
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-tag,
+  .hljs-name {
+    color: #ff79c6 !important;
+    font-weight: bold;
+  }
+
+  /* 字符串 */
+  .hljs-string,
+  .hljs-title,
+  .hljs-section,
+  .hljs-attribute,
+  .hljs-literal,
+  .hljs-template-tag,
+  .hljs-template-variable,
+  .hljs-type,
+  .hljs-addition {
+    color: #f1fa8c !important;
+  }
+
+  /* 数字、布尔值 */
+  .hljs-number,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo,
+  .hljs-meta-string,
+  .hljs-built_in {
+    color: #bd93f9 !important;
+  }
+
+  /* 属性、变量 */
+  .hljs-attr,
+  .hljs-variable,
+  .hljs-property,
+  .hljs-params,
+  .hljs-class .hljs-title {
+    color: #8be9fd !important;
+  }
+
+  /* 注释 */
+  .hljs-comment,
+  .hljs-quote,
+  .hljs-doctag {
+    color: #6272a4 !important;
+    font-style: italic;
+  }
+
+  /* 函数 */
+  .hljs-function .hljs-title {
+    color: #50fa7b !important;
+    font-weight: bold;
+  }
+
+  /* 操作符 */
+  .hljs-operator,
+  .hljs-entity,
+  .hljs-url,
+  .language-css .hljs-string,
+  .style .hljs-string {
+    color: #ff79c6 !important;
+  }
+}
+
+/* 浅色主题下的代码高亮 - 适用于浅色/蓝色背景 */
+.im-light {
+  /* 基础文本颜色 */
+  .hljs {
+    color: #24292e !important;
+  }
+
+  /* 关键字 */
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-tag,
+  .hljs-name {
+    color: #d73a49 !important;
+    font-weight: bold;
+  }
+
+  /* 字符串 */
+  .hljs-string,
+  .hljs-title,
+  .hljs-section,
+  .hljs-attribute,
+  .hljs-literal,
+  .hljs-template-tag,
+  .hljs-template-variable,
+  .hljs-type,
+  .hljs-addition {
+    color: #032f62 !important;
+  }
+
+  /* 数字、布尔值 */
+  .hljs-number,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo,
+  .hljs-meta-string,
+  .hljs-built_in {
+    color: #005cc5 !important;
+  }
+
+  /* 属性、变量 */
+  .hljs-attr,
+  .hljs-variable,
+  .hljs-property,
+  .hljs-params,
+  .hljs-class .hljs-title {
+    color: #6f42c1 !important;
+  }
+
+  /* 注释 */
+  .hljs-comment,
+  .hljs-quote,
+  .hljs-doctag {
+    color: #6a737d !important;
+    font-style: italic;
+  }
+
+  /* 函数 */
+  .hljs-function .hljs-title {
+    color: #6f42c1 !important;
+    font-weight: bold;
+  }
+
+  /* 操作符 */
+  .hljs-operator,
+  .hljs-entity,
+  .hljs-url,
+  .language-css .hljs-string,
+  .style .hljs-string {
+    color: #d73a49 !important;
+  }
+}
+
+/* 强调 */
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+/* 确保pre元素和其他容器也没有边框 */
+pre, .code-scroll-container {
+  border: none !important;
+  outline: none !important;
+  background: transparent !important;
+}
+
+/* 文件名样式，根据主题自动调整颜色 */
+.filename-text {
+  font-size: 10px;
+  font-weight: 500;
+  
+  /* 深色模式 - 白色文本 */
+  .im-dark &, .im-custom & {
+    color: white;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
+  }
+  
+  /* 浅色模式 - 黑色文本 */
+  .im-light & {
+    color: #000000;
+    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
+  }
+}

package/cjs/Sidebar/image/ic_menu_black.svg.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z' fill='black'/%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/image/ic_search_black.svg.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='ic_search'%3e%3cpath id='Vector' d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='black'/%3e%3c/g%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/utility.d.ts

@@ -0,0 +1,4 @@
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+export declare class IMUtility {
+    static isFromSelfWithMessage(msg: ChatSDK.MessageBody | NoticeMessageBody, userUid?: string): boolean;
+}

package/cjs/utility.js

@@ -0,0 +1,56 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/esm/asyncToGenerator');
+var _classCallCheck = require('@babel/runtime-corejs3/helpers/esm/classCallCheck');
+var _createClass = require('@babel/runtime-corejs3/helpers/esm/createClass');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var agoraChatUikit = require('agora-chat-uikit');
+var SDK = require('agora-chat-uikit/types/module/SDK');
+
+var IMUtility = /*#__PURE__*/function () {
+  function IMUtility() {
+    _classCallCheck(this, IMUtility);
+  }
+  return _createClass(IMUtility, null, [{
+    key: "isFromSelfWithMessage",
+    value: function isFromSelfWithMessage(msg, userUid) {
+      return (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === (userUid === null || userUid === void 0 ? void 0 : userUid.toLowerCase());
+    }
+    /*发送文本消息
+    * @param chatChat - 私聊 or 群聊
+    * @param msg - 消息内容
+    * @param to - 发送目标对象（私聊用户ID或群ID）
+    * @param ext - 扩展数据*/
+  }, {
+    key: "sendTxtMessage",
+    value: (function () {
+      var _sendTxtMessage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(chatType, msg, to, ext) {
+        var customMessage;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              customMessage = SDK.ChatSDK.message.create({
+                type: 'txt',
+                msg: msg,
+                to: to,
+                // Need to be the user ID of the current conversation
+                chatType: chatType,
+                ext: ext
+              });
+              _context.next = 3;
+              return agoraChatUikit.rootStore.messageStore.sendMessage(customMessage);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function sendTxtMessage(_x, _x2, _x3, _x4) {
+        return _sendTxtMessage.apply(this, arguments);
+      }
+      return sendTxtMessage;
+    }())
+  }]);
+}();
+
+exports.IMUtility = IMUtility;

package/es/GroupDetail/image/icon_translation.svg.js

@@ -0,0 +1,3 @@
+var img = "data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.02273 10C2.02273 5.59427 5.59427 2.02273 10 2.02273C12.7648 2.02273 15.2025 3.42934 16.6342 5.56818H15.3182V7.34091H19.75V2.90909H17.9773V4.39303C16.2134 1.88804 13.2987 0.25 10 0.25C4.61522 0.25 0.25 4.61522 0.25 10H2.02273Z' fill='white' fill-opacity='0.4'/%3e%3cpath d='M9.99995 19.75C15.3847 19.75 19.75 15.3848 19.75 10H17.9772C17.9772 14.4057 14.4057 17.9773 9.99995 17.9773C7.23516 17.9773 4.79749 16.5707 3.36579 14.4318H4.68182V12.6591H0.25V17.0909H2.02273V15.607C3.7866 18.112 6.70132 19.75 9.99995 19.75Z' fill='white' fill-opacity='0.4'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.30758 5.23249L6.40385 13.4225C6.37904 13.5052 6.40799 13.5466 6.49072 13.5466H8.11631C8.19904 13.5466 8.25281 13.5052 8.27763 13.4225L8.74917 11.9458H11.7025L12.1865 13.4225C12.2113 13.5052 12.2651 13.5466 12.3478 13.5466H13.961C14.0437 13.5466 14.0727 13.5052 14.0479 13.4225L11.1938 5.23249C11.1689 5.14976 11.1152 5.1084 11.0324 5.1084H9.4689C9.38617 5.1084 9.3324 5.14976 9.30758 5.23249ZM11.2062 10.3947H9.25795L10.2134 7.44131H10.2507L11.2062 10.3947Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
+
+export { img as default };

package/es/HighlyCustomChat/CodeMsg/index.d.ts

@@ -1,7 +1,8 @@
 import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
 import { ChatSDK } from "agora-chat-uikit/types/module/SDK";
-import 'highlight.js/styles/monokai.css';
+import 'highlight.js/styles/default.css';
 import React from "react";
+import "./style/index.moduel.scss";
 interface ICodeMsg {
     msg: ChatSDK.MessageBody | NoticeMessageBody;
     isMySelf: boolean;

package/es/HighlyCustomChat/CodeMsg/index.js

@@ -2,12 +2,13 @@ import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
 import { BaseMessage } from 'agora-chat-uikit';
 import hljs from 'highlight.js';
-import 'highlight.js/styles/monokai.css';
+import 'highlight.js/styles/default.css';
 import React, { useState } from 'react';
 import copy from 'copy-to-clipboard';
+import './style/index.moduel.scss';
 
 var CodeMsg = function CodeMsg(props) {
-  var _msg$customExts, _msg$customExts2;
+  var _msg$customExts, _msg$customExts2, _msg$customExts3;
   var msg = props.msg,
     isMySelf = props.isMySelf,
     avatar = props.avatar,
@@ -16,10 +17,11 @@ var CodeMsg = function CodeMsg(props) {
     _useState2 = _slicedToArray(_useState, 2),
     copyStatus = _useState2[0],
     setCopyStatus = _useState2[1];
-  if (!((_msg$customExts = msg.customExts) !== null && _msg$customExts !== void 0 && _msg$customExts.code)) {
+  var codeType = ((_msg$customExts = msg.customExts) === null || _msg$customExts === void 0 ? void 0 : _msg$customExts.code_type) || "python";
+  if (!((_msg$customExts2 = msg.customExts) !== null && _msg$customExts2 !== void 0 && _msg$customExts2.code)) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
-  var rawCode = (_msg$customExts2 = msg.customExts) === null || _msg$customExts2 === void 0 || (_msg$customExts2 = _msg$customExts2.code) === null || _msg$customExts2 === void 0 || (_msg$customExts2 = _msg$customExts2.replace(/\\n/g, "\n")) === null || _msg$customExts2 === void 0 || (_msg$customExts2 = _msg$customExts2.replace(/\\"/g, '"')) === null || _msg$customExts2 === void 0 ? void 0 : _msg$customExts2.replace(/\\\\/g, "\\");
+  var rawCode = (_msg$customExts3 = msg.customExts) === null || _msg$customExts3 === void 0 || (_msg$customExts3 = _msg$customExts3.code) === null || _msg$customExts3 === void 0 || (_msg$customExts3 = _msg$customExts3.replace(/\\n/g, "\n")) === null || _msg$customExts3 === void 0 || (_msg$customExts3 = _msg$customExts3.replace(/\\"/g, '"')) === null || _msg$customExts3 === void 0 ? void 0 : _msg$customExts3.replace(/\\\\/g, "\\");
   // 复制代码到剪贴板
   var copyToClipboard = function copyToClipboard() {
     if (!rawCode) return;
@@ -63,13 +65,13 @@ var CodeMsg = function CodeMsg(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start")
   }, /*#__PURE__*/React.createElement("div", {
+    className: "inline-block w-full rounded-lg overflow-hidden relative mb-2",
     style: {
       background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
       borderRadius: "9px",
       padding: "10px 12px",
       color: isMySelf ? "var(--im-msg-bubble-right-font-color)" : "var(--im-msg-bubble-font-color)"
-    },
-    className: "inline-block w-full"
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex-1 flex justify-between items-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -86,8 +88,8 @@ var CodeMsg = function CodeMsg(props) {
     d: "M8 0.0214844H2.58333V2.5396H0.0214844V8.01198H2.58333V10.5301H8V8.01198H10.5618V2.5396H8V0.0214844Z",
     fill: "#0083FF"
   })), /*#__PURE__*/React.createElement("span", {
-    className: "text-[#fff]"
-  }, "main.py")), /*#__PURE__*/React.createElement("button", {
+    className: "filename-text"
+  }, codeType)), /*#__PURE__*/React.createElement("button", {
     onClick: function onClick() {
       onApply && onApply(msg.customExts.code);
       !onApply && copyToClipboard();
@@ -99,28 +101,20 @@ var CodeMsg = function CodeMsg(props) {
     className: "code-scroll-container w-full max-h-[300px] overflow-y-auto"
   }, /*#__PURE__*/React.createElement("pre", {
     className: "bg-transparent w-full h-full"
-  }, /*#__PURE__*/React.createElement("code", {
-    className: "language-python hljs",
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "code-block-container",
     style: {
-      display: "block",
-      overflow: "auto",
-      background: "transparent",
-      fontSize: "14px",
-      lineHeight: "1.5",
-      fontFamily: "Monaco, Consolas, monospace",
-      whiteSpace: "pre-wrap",
-      wordWrap: "break-word",
-      width: "100%",
-      maxWidth: "100%",
-      padding: "0.5rem"
-    },
+      border: "none"
+    }
+  }, /*#__PURE__*/React.createElement("code", {
+    className: "language-".concat(codeType, " hljs"),
     dangerouslySetInnerHTML: {
       __html: hljs.highlight(rawCode, {
-        language: "python",
+        language: codeType,
         ignoreIllegals: true
       }).value
     }
-  })))))));
+  }))))))));
 };
 
 export { CodeMsg as default };

package/es/HighlyCustomChat/CodeMsg/style/index.moduel.scss

@@ -0,0 +1,202 @@
+/* 代码高亮样式，支持暗色和亮色主题 */
+
+/* 通用样式 */
+.code-block-container {
+  border-radius: 4px;
+  margin: 4px 0;
+  padding: 8px 4px;
+  background: transparent !important;
+  border: none !important;
+}
+
+/* 通用代码样式 */
+code.hljs {
+  display: block;
+  overflow: auto;
+  background: transparent !important;
+  font-size: 13px;
+  line-height: 1.4;
+  font-family: Monaco, Consolas, 'Courier New', monospace;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+}
+
+/* 深色主题下的代码高亮 - 适用于深蓝/黑色背景 */
+.im-dark, .im-custom {
+  /* 基础文本颜色 */
+  .hljs {
+    color: #f8f8f2 !important;
+    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+  }
+
+  /* 关键字 */
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-tag,
+  .hljs-name {
+    color: #ff79c6 !important;
+    font-weight: bold;
+  }
+
+  /* 字符串 */
+  .hljs-string,
+  .hljs-title,
+  .hljs-section,
+  .hljs-attribute,
+  .hljs-literal,
+  .hljs-template-tag,
+  .hljs-template-variable,
+  .hljs-type,
+  .hljs-addition {
+    color: #f1fa8c !important;
+  }
+
+  /* 数字、布尔值 */
+  .hljs-number,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo,
+  .hljs-meta-string,
+  .hljs-built_in {
+    color: #bd93f9 !important;
+  }
+
+  /* 属性、变量 */
+  .hljs-attr,
+  .hljs-variable,
+  .hljs-property,
+  .hljs-params,
+  .hljs-class .hljs-title {
+    color: #8be9fd !important;
+  }
+
+  /* 注释 */
+  .hljs-comment,
+  .hljs-quote,
+  .hljs-doctag {
+    color: #6272a4 !important;
+    font-style: italic;
+  }
+
+  /* 函数 */
+  .hljs-function .hljs-title {
+    color: #50fa7b !important;
+    font-weight: bold;
+  }
+
+  /* 操作符 */
+  .hljs-operator,
+  .hljs-entity,
+  .hljs-url,
+  .language-css .hljs-string,
+  .style .hljs-string {
+    color: #ff79c6 !important;
+  }
+}
+
+/* 浅色主题下的代码高亮 - 适用于浅色/蓝色背景 */
+.im-light {
+  /* 基础文本颜色 */
+  .hljs {
+    color: #24292e !important;
+  }
+
+  /* 关键字 */
+  .hljs-keyword,
+  .hljs-selector-tag,
+  .hljs-tag,
+  .hljs-name {
+    color: #d73a49 !important;
+    font-weight: bold;
+  }
+
+  /* 字符串 */
+  .hljs-string,
+  .hljs-title,
+  .hljs-section,
+  .hljs-attribute,
+  .hljs-literal,
+  .hljs-template-tag,
+  .hljs-template-variable,
+  .hljs-type,
+  .hljs-addition {
+    color: #032f62 !important;
+  }
+
+  /* 数字、布尔值 */
+  .hljs-number,
+  .hljs-selector-attr,
+  .hljs-selector-pseudo,
+  .hljs-meta-string,
+  .hljs-built_in {
+    color: #005cc5 !important;
+  }
+
+  /* 属性、变量 */
+  .hljs-attr,
+  .hljs-variable,
+  .hljs-property,
+  .hljs-params,
+  .hljs-class .hljs-title {
+    color: #6f42c1 !important;
+  }
+
+  /* 注释 */
+  .hljs-comment,
+  .hljs-quote,
+  .hljs-doctag {
+    color: #6a737d !important;
+    font-style: italic;
+  }
+
+  /* 函数 */
+  .hljs-function .hljs-title {
+    color: #6f42c1 !important;
+    font-weight: bold;
+  }
+
+  /* 操作符 */
+  .hljs-operator,
+  .hljs-entity,
+  .hljs-url,
+  .language-css .hljs-string,
+  .style .hljs-string {
+    color: #d73a49 !important;
+  }
+}
+
+/* 强调 */
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}
+
+/* 确保pre元素和其他容器也没有边框 */
+pre, .code-scroll-container {
+  border: none !important;
+  outline: none !important;
+  background: transparent !important;
+}
+
+/* 文件名样式，根据主题自动调整颜色 */
+.filename-text {
+  font-size: 10px;
+  font-weight: 500;
+  
+  /* 深色模式 - 白色文本 */
+  .im-dark &, .im-custom & {
+    color: white;
+    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
+  }
+  
+  /* 浅色模式 - 黑色文本 */
+  .im-light & {
+    color: #000000;
+    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
+  }
+}

package/es/Sidebar/image/ic_menu_black.svg.js

@@ -0,0 +1,3 @@
+var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z' fill='black'/%3e%3c/svg%3e";
+
+export { img as default };

package/es/Sidebar/image/ic_search_black.svg.js

@@ -0,0 +1,3 @@
+var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg id='ic_search'%3e%3cpath id='Vector' d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='black'/%3e%3c/g%3e%3c/svg%3e";
+
+export { img as default };

package/es/utility.d.ts

@@ -0,0 +1,4 @@
+import { NoticeMessageBody } from "agora-chat-uikit/types/module/noticeMessage/NoticeMessage";
+export declare class IMUtility {
+    static isFromSelfWithMessage(msg: ChatSDK.MessageBody | NoticeMessageBody, userUid?: string): boolean;
+}

package/es/utility.js

@@ -0,0 +1,54 @@
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _classCallCheck from '@babel/runtime-corejs3/helpers/esm/classCallCheck';
+import _createClass from '@babel/runtime-corejs3/helpers/esm/createClass';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import { rootStore } from 'agora-chat-uikit';
+import { ChatSDK } from 'agora-chat-uikit/types/module/SDK';
+
+var IMUtility = /*#__PURE__*/function () {
+  function IMUtility() {
+    _classCallCheck(this, IMUtility);
+  }
+  return _createClass(IMUtility, null, [{
+    key: "isFromSelfWithMessage",
+    value: function isFromSelfWithMessage(msg, userUid) {
+      return (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === (userUid === null || userUid === void 0 ? void 0 : userUid.toLowerCase());
+    }
+    /*发送文本消息
+    * @param chatChat - 私聊 or 群聊
+    * @param msg - 消息内容
+    * @param to - 发送目标对象（私聊用户ID或群ID）
+    * @param ext - 扩展数据*/
+  }, {
+    key: "sendTxtMessage",
+    value: (function () {
+      var _sendTxtMessage = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(chatType, msg, to, ext) {
+        var customMessage;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              customMessage = ChatSDK.message.create({
+                type: 'txt',
+                msg: msg,
+                to: to,
+                // Need to be the user ID of the current conversation
+                chatType: chatType,
+                ext: ext
+              });
+              _context.next = 3;
+              return rootStore.messageStore.sendMessage(customMessage);
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function sendTxtMessage(_x, _x2, _x3, _x4) {
+        return _sendTxtMessage.apply(this, arguments);
+      }
+      return sendTxtMessage;
+    }())
+  }]);
+}();
+
+export { IMUtility };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whyuzeim",
-  "version": "1.1.56",
+  "version": "1.1.57",
   "description": "im componenets",
   "main": "cjs/index.js",
   "module": "es/index.js",