whyuzeim 1.1.154 → 1.1.156

package/cjs/IM/context.d.ts

@@ -6,6 +6,11 @@ export interface IUserInfo {
     uid: string;
     username?: string;
     avatar?: string;
+    ext?: string;
+    metadata?: {
+        level?: number;
+        [key: string]: any;
+    };
 }
 export type ConfigConsumerProps = {
     rightComponent?: React.ReactElement;

package/cjs/IM/style/index.scss

@@ -97,9 +97,9 @@
 
   //override
   --im-msg-bubble-color-left: rgba(255, 255, 255, 0.05);
-  --im-msg-bubble-color-right: #91CAFF;
+  --im-msg-bubble-color-right: rgba(144, 249, 38, 0.05);
   --im-msg-bubble-font-color: rgba(255, 255, 255, 1);
-  --im-msg-bubble-right-font-color: rgba(0, 0, 0, 0.90);
+  --im-msg-bubble-right-font-color: rgba(144, 249, 38, 1);
 
   .cui-chat-dark {
     background-color: var(--im-main-backgroundColor);

package/cjs/index.js

@@ -42,6 +42,8 @@ require('./TypeItem/style/index.scss');
 require('./AddMember/style/index.scss');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/esm/objectWithoutProperties');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+var _Set = require('@babel/runtime-corejs3/core-js-stable/set');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _setInterval = require('@babel/runtime-corejs3/core-js-stable/set-interval');
 var remarkGfm = require('remark-gfm');
 var ReactMarkdown = require('react-markdown');
@@ -136756,7 +136758,7 @@ var SystemNotificationMsg = function SystemNotificationMsg(props) {
 var _excluded = ["children"],
   _excluded2 = ["className", "children"];
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$4(Object(t), true)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$4(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context9 = ownKeys$4(Object(t), true)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context10 = ownKeys$4(Object(t))).call(_context10, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HighlyCustomChat = function HighlyCustomChat(props) {
   var _props$className, _props$className2, _props$className3;
   var _useTranslation = useTranslation(),
@@ -136807,34 +136809,156 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     isAgent = _useState10[0],
     setIsAgent = _useState10[1];
-  var renderTxtMsg = function renderTxtMsg(msg, onApply) {
+  // 用于跟踪正在获取的用户信息，避免重复请求
+  var _useState11 = React.useState(new _Set()),
+    _useState12 = _slicedToArray(_useState11, 2),
+    fetchingUsers = _useState12[0],
+    setFetchingUsers = _useState12[1];
+  // 昵称脱敏函数：显示前6位和后4位，中间用...连接
+  var maskUsername = function maskUsername(username) {
+    var _context;
+    if (!username) return '';
+    if (username.length <= 10) return username; // 如果长度小于等于10，不脱敏
+    return _concatInstanceProperty(_context = "".concat(_sliceInstanceProperty(username).call(username, 0, 6), "...")).call(_context, _sliceInstanceProperty(username).call(username, -4));
+  };
+  // 获取用户level：参考 CustomConversationItem 的逻辑，从ext字段中解析
+  var getUserLevel = function getUserLevel(user) {
+    var _user$metadata;
+    // 优先从 metadata 中获取（新格式）
+    if ((user === null || user === void 0 || (_user$metadata = user.metadata) === null || _user$metadata === void 0 ? void 0 : _user$metadata.level) !== undefined) {
+      return Number(user.metadata.level);
+    }
+    // 从 ext 字段中解析（和 certification 一样的逻辑）
+    if (user !== null && user !== void 0 && user.ext) {
+      try {
+        var extStr = typeof user.ext === 'string' ? user.ext : _JSON$stringify(user.ext);
+        var customObj = JSON.parse(extStr);
+        if ((customObj === null || customObj === void 0 ? void 0 : customObj.level) !== undefined) {
+          var level = Number(customObj.level);
+          return isNaN(level) ? 1 : level;
+        }
+      } catch (e) {
+        // 解析失败，忽略
+      }
+    }
+    return 1; // 默认值
+  };
+  // 获取发送者信息：如果是自己的消息返回当前用户信息，否则尝试从rootStore获取发送者信息
+  var getSenderInfo = function getSenderInfo(msg) {
     var _msg$from, _userInfo$uid;
     var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from = msg.from) === null || _msg$from === void 0 ? void 0 : _msg$from.toLowerCase()) === ((_userInfo$uid = userInfo.uid) === null || _userInfo$uid === void 0 ? void 0 : _userInfo$uid.toLowerCase());
+    if (isMySelf) {
+      // 自己的消息，返回当前用户信息
+      // 如果 userInfo 没有 ext，尝试从 rootStore 获取
+      var currentUserInfo = Ut.addressStore.appUsersInfo[userInfo.uid];
+      if (currentUserInfo && currentUserInfo.ext && !userInfo.ext) {
+        return _objectSpread$4(_objectSpread$4({}, userInfo), {}, {
+          ext: currentUserInfo.ext
+        });
+      }
+      return userInfo;
+    } else {
+      // 他人的消息，尝试从rootStore获取发送者信息
+      var senderId = msg === null || msg === void 0 ? void 0 : msg.from;
+      if (senderId) {
+        var senderInfo = Ut.addressStore.appUsersInfo[senderId];
+        if (senderInfo) {
+          // 构造符合IUserInfo格式的对象，保留 ext 字段以便 getUserLevel 解析
+          return {
+            uid: senderId,
+            username: senderInfo.name || senderInfo.nickname || senderId,
+            avatar: senderInfo.avatarurl,
+            ext: senderInfo.ext,
+            // 保留 ext 字段，让 getUserLevel 可以解析
+            metadata: senderInfo.ext ? function () {
+              try {
+                var extObj = typeof senderInfo.ext === 'string' ? JSON.parse(senderInfo.ext) : senderInfo.ext;
+                return {
+                  level: extObj === null || extObj === void 0 ? void 0 : extObj.level
+                };
+              } catch (_unused) {
+                return undefined;
+              }
+            }() : undefined
+          };
+        } else {
+          // 如果没有获取到用户信息，尝试从服务器获取
+          // 参考 CustomConversationItem 的逻辑
+          if (!fetchingUsers.has(senderId)) {
+            setFetchingUsers(function (prev) {
+              return new _Set(prev).add(senderId);
+            });
+            client.fetchUserInfoById([senderId], ["nickname", "avatarurl", "mail", "phone", "gender", "sign", "birth", "ext"]).then(function (res) {
+              var _res$data$senderId;
+              // 将获取到的用户信息存储到 rootStore
+              var tempUserInfo = Ut.addressStore.appUsersInfo[senderId];
+              Ut.addressStore.appUsersInfo[senderId] = _objectSpread$4(_objectSpread$4({}, tempUserInfo || {}), {}, {
+                userId: senderId,
+                name: res.data[senderId].nickname,
+                avatarurl: res.data[senderId].avatarurl,
+                ext: (_res$data$senderId = res.data[senderId]) === null || _res$data$senderId === void 0 ? void 0 : _res$data$senderId.ext
+              });
+              // 从 fetchingUsers 中移除，并触发重新渲染
+              setFetchingUsers(function (prev) {
+                var next = new _Set(prev);
+                next["delete"](senderId);
+                return next;
+              });
+            })["catch"](function (err) {
+              // 从 fetchingUsers 中移除
+              setFetchingUsers(function (prev) {
+                var next = new _Set(prev);
+                next["delete"](senderId);
+                return next;
+              });
+            });
+          }
+        }
+      }
+      // 如果获取不到，返回一个基于消息的基本信息
+      return {
+        uid: senderId || '',
+        username: senderId || '',
+        metadata: {
+          level: 1
+        }
+      };
+    }
+  };
+  var renderTxtMsg = function renderTxtMsg(msg, onApply) {
+    var _msg$from2, _userInfo$uid2, _context2;
+    (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from2 = msg.from) === null || _msg$from2 === void 0 ? void 0 : _msg$from2.toLowerCase()) === ((_userInfo$uid2 = userInfo.uid) === null || _userInfo$uid2 === void 0 ? void 0 : _userInfo$uid2.toLowerCase());
+    // 获取发送者信息并格式化昵称+level
+    var senderInfo = getSenderInfo(msg);
+    var displayUsername = (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.username) || (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.uid) || '';
+    var maskedUsername = displayUsername ? maskUsername(displayUsername) : '';
+    var level = getUserLevel(senderInfo);
+    var nickNameWithLevel = maskedUsername ? _concatInstanceProperty(_context2 = "".concat(maskedUsername, " Lv")).call(_context2, level) : undefined;
     return /*#__PURE__*/React.createElement(qh, {
       bubbleType: "none",
       reaction: false,
       select: false,
       thread: false,
-      direction: isMySelf ? "rtl" : "ltr",
+      direction: "ltr",
       renderUserProfile: function renderUserProfile() {
         return null;
       },
-      nickName: undefined,
+      nickName: nickNameWithLevel,
       showMessageInfo: false,
       message: msg,
       customAction: {
         visible: false,
         icon: null,
         actions: []
-      },
-      showAvatar: !isMySelf
+      }
+      // showAvatar={!isMySelf}
       // avatar={!isMySelf?<img src={headerInfo.headerImageURL||defaultAvatar} className="w-[48px] h-[48px] rounded-full overflow-hidden object-fit" />:undefined}
       ,
       children: renderLongTextMsg(msg, onApply)
     });
   };
   var renderLongTextMsg = function renderLongTextMsg(msg, onApply) {
-    var _msg$from2, _userInfo$uid2;
+    var _msg$from3, _userInfo$uid3;
     // 格式化消息时间
     var formatMessageTime = function formatMessageTime(timestamp) {
       if (!timestamp) return "";
@@ -136860,11 +136984,38 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         });
       }
     };
-    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from2 = msg.from) === null || _msg$from2 === void 0 ? void 0 : _msg$from2.toLowerCase()) === ((_userInfo$uid2 = userInfo.uid) === null || _userInfo$uid2 === void 0 ? void 0 : _userInfo$uid2.toLowerCase());
+    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from3 = msg.from) === null || _msg$from3 === void 0 ? void 0 : _msg$from3.toLowerCase()) === ((_userInfo$uid3 = userInfo.uid) === null || _userInfo$uid3 === void 0 ? void 0 : _userInfo$uid3.toLowerCase());
     // 复制代码到剪贴板
     return /*#__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: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat("items-start")
+    }, function () {
+      var senderInfo = getSenderInfo(msg);
+      var displayUsername = (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.username) || (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.uid) || '';
+      if (displayUsername) {
+        var maskedUsername = maskUsername(displayUsername);
+        var level = getUserLevel(senderInfo);
+        return /*#__PURE__*/React.createElement("div", {
+          className: "text-xs mb-1 px-1",
+          style: {
+            color: 'var(--im-third-fontColor)',
+            opacity: 0.8,
+            fontWeight: 'normal',
+            display: 'block',
+            lineHeight: '1.2',
+            minHeight: '14px'
+          }
+        }, maskedUsername, ' ', /*#__PURE__*/React.createElement("span", {
+          style: {
+            background: 'linear-gradient(90deg, #90F926 0%, #FFD61E 100%)',
+            WebkitBackgroundClip: 'text',
+            WebkitTextFillColor: 'transparent',
+            backgroundClip: 'text',
+            fontWeight: 'normal'
+          }
+        }, "Lv", level));
+      }
+      return null;
+    }(), /*#__PURE__*/React.createElement("div", {
       style: {
         background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
         borderRadius: "9px",
@@ -136913,8 +137064,14 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     }, formatMessageTime(msg.time)));
   };
   var _renderMessage = function renderMessage(msg) {
-    var _msg$from3, _userInfo$uid3;
-    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from3 = msg.from) === null || _msg$from3 === void 0 ? void 0 : _msg$from3.toLowerCase()) === ((_userInfo$uid3 = userInfo.uid) === null || _userInfo$uid3 === void 0 ? void 0 : _userInfo$uid3.toLowerCase());
+    var _msg$from4, _userInfo$uid4, _context3;
+    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from4 = msg.from) === null || _msg$from4 === void 0 ? void 0 : _msg$from4.toLowerCase()) === ((_userInfo$uid4 = userInfo.uid) === null || _userInfo$uid4 === void 0 ? void 0 : _userInfo$uid4.toLowerCase());
+    // 获取发送者信息并格式化昵称+level
+    var senderInfo = getSenderInfo(msg);
+    var displayUsername = (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.username) || (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.uid) || '';
+    var maskedUsername = displayUsername ? maskUsername(displayUsername) : '';
+    var level = getUserLevel(senderInfo);
+    var nickNameWithLevel = maskedUsername ? _concatInstanceProperty(_context3 = "".concat(maskedUsername, " Lv")).call(_context3, level) : undefined;
     if (msg.type === "txt") {
       return renderTxtMsg(msg, props.onApply);
     } else if (msg.type === "img") {
@@ -136925,6 +137082,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
+        nickName: nickNameWithLevel,
         customAction: {
           visible: false,
           icon: null,
@@ -136946,6 +137104,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
+        nickName: nickNameWithLevel,
         customAction: {
           visible: false,
           icon: null,
@@ -136961,6 +137120,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
+        nickName: nickNameWithLevel,
         customAction: {
           visible: false,
           icon: null,
@@ -137057,8 +137217,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   };
   // 使用 useCallback 包装 getHeaderInfo 函数
   var getHeaderInfo = React.useCallback(function () {
-    var _context;
-    var cvs = _findInstanceProperty(_context = Ut.conversationStore.conversationList).call(_context, function (cvs) {
+    var _context4;
+    var cvs = _findInstanceProperty(_context4 = Ut.conversationStore.conversationList).call(_context4, function (cvs) {
       return cvs.conversationId === props.conversationId;
     });
     if (!cvs || !(cvs !== null && cvs !== void 0 && cvs.conversationId)) {
@@ -137075,18 +137235,18 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
       var fetchGroupInfo = /*#__PURE__*/function () {
         var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           var _cvs$conversationId, response, data, groupInfo, _groupInfo$headimgurl, _groupInfo$members, _ref5, _groupInfo$name, imageurl, member, name;
-          return _regeneratorRuntime.wrap(function _callee$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
+          return _regeneratorRuntime.wrap(function _callee$(_context5) {
+            while (1) switch (_context5.prev = _context5.next) {
               case 0:
                 //需要请求群信息
                 console.log('the group info fetched');
-                _context2.prev = 1;
-                _context2.next = 4;
+                _context5.prev = 1;
+                _context5.next = 4;
                 return http.post("/capi/account/imchannel/getdetails", {
                   sendbirdid: (_cvs$conversationId = cvs.conversationId) !== null && _cvs$conversationId !== void 0 ? _cvs$conversationId : ''
                 });
               case 4:
-                response = _context2.sent;
+                response = _context5.sent;
                 data = response.data;
                 if (data && data.code === 200) {
                   groupInfo = data === null || data === void 0 ? void 0 : data.data;
@@ -137103,14 +137263,14 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                     });
                   }
                 }
-                _context2.next = 11;
+                _context5.next = 11;
                 break;
               case 9:
-                _context2.prev = 9;
-                _context2.t0 = _context2["catch"](1);
+                _context5.prev = 9;
+                _context5.t0 = _context5["catch"](1);
               case 11:
               case "end":
-                return _context2.stop();
+                return _context5.stop();
             }
           }, _callee, null, [[1, 9]]);
         }));
@@ -137124,8 +137284,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
           var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(group) {
             var _group$info;
             var _group$info2, _customObj$headimgurl, _group$info$affiliati, _group$info3, _ref7, _ref8, _group$name, _group$info4, customObj, imageurl, member, name;
-            return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-              while (1) switch (_context3.prev = _context3.next) {
+            return _regeneratorRuntime.wrap(function _callee2$(_context6) {
+              while (1) switch (_context6.prev = _context6.next) {
                 case 0:
                   // @ts-ignore
                   if (cvs.conversationId == (group === null || group === void 0 ? void 0 : group.groupid) && group !== null && group !== void 0 && (_group$info = group.info) !== null && _group$info !== void 0 && _group$info.custom) {
@@ -137149,7 +137309,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                   }
                 case 1:
                 case "end":
-                  return _context3.stop();
+                  return _context6.stop();
               }
             }, _callee2);
           }));
@@ -137272,16 +137432,16 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   var handleSendMessage = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(text, extInfo) {
       var txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
-      return _regeneratorRuntime.wrap(function _callee3$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             if (_trimInstanceProperty(text).call(text)) {
-              _context4.next = 2;
+              _context7.next = 2;
               break;
             }
-            return _context4.abrupt("return");
+            return _context7.abrupt("return");
           case 2:
-            _context4.prev = 2;
+            _context7.prev = 2;
             // 普通文本消息
             txtMessage = MessageSDK.message.create({
               type: "txt",
@@ -137289,7 +137449,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
               to: props.conversationId,
               chatType: headerInfo.chatType
             });
-            _context4.next = 6;
+            _context7.next = 6;
             return Ut.messageStore.sendMessage(txtMessage);
           case 6:
             afterSendMsg(txtMessage, extInfo);
@@ -137309,15 +137469,15 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                 }
               }
             }
-            _context4.next = 13;
+            _context7.next = 13;
             break;
           case 10:
-            _context4.prev = 10;
-            _context4.t0 = _context4["catch"](2);
-            console.log("send txt message failed", _context4.t0);
+            _context7.prev = 10;
+            _context7.t0 = _context7["catch"](2);
+            console.log("send txt message failed", _context7.t0);
           case 13:
           case "end":
-            return _context4.stop();
+            return _context7.stop();
         }
       }, _callee3, null, [[2, 10]]);
     }));
@@ -137327,13 +137487,13 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }();
   var afterSendMsg = /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(msgInfo, extInfo) {
-      return _regeneratorRuntime.wrap(function _callee4$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime.wrap(function _callee4$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             props.sendMessageSuccessCallback && props.sendMessageSuccessCallback(msgInfo, extInfo);
           case 1:
           case "end":
-            return _context5.stop();
+            return _context8.stop();
         }
       }, _callee4);
     }));

package/es/IM/context.d.ts

@@ -6,6 +6,11 @@ export interface IUserInfo {
     uid: string;
     username?: string;
     avatar?: string;
+    ext?: string;
+    metadata?: {
+        level?: number;
+        [key: string]: any;
+    };
 }
 export type ConfigConsumerProps = {
     rightComponent?: React.ReactElement;

package/es/IM/style/index.scss

@@ -97,9 +97,9 @@
 
   //override
   --im-msg-bubble-color-left: rgba(255, 255, 255, 0.05);
-  --im-msg-bubble-color-right: #91CAFF;
+  --im-msg-bubble-color-right: rgba(144, 249, 38, 0.05);
   --im-msg-bubble-font-color: rgba(255, 255, 255, 1);
-  --im-msg-bubble-right-font-color: rgba(0, 0, 0, 0.90);
+  --im-msg-bubble-right-font-color: rgba(144, 249, 38, 1);
 
   .cui-chat-dark {
     background-color: var(--im-main-backgroundColor);

package/es/index.js

@@ -41,6 +41,8 @@ import './TypeItem/style/index.scss';
 import './AddMember/style/index.scss';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
+import _Set from '@babel/runtime-corejs3/core-js-stable/set';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _setInterval from '@babel/runtime-corejs3/core-js-stable/set-interval';
 import remarkGfm from 'remark-gfm';
 import ReactMarkdown from 'react-markdown';
@@ -136735,7 +136737,7 @@ var SystemNotificationMsg = function SystemNotificationMsg(props) {
 var _excluded = ["children"],
   _excluded2 = ["className", "children"];
 function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context6, _context7; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context6 = ownKeys$4(Object(t), true)).call(_context6, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context7 = ownKeys$4(Object(t))).call(_context7, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context9 = ownKeys$4(Object(t), true)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context10 = ownKeys$4(Object(t))).call(_context10, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HighlyCustomChat = function HighlyCustomChat(props) {
   var _props$className, _props$className2, _props$className3;
   var _useTranslation = useTranslation(),
@@ -136786,34 +136788,156 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     _useState10 = _slicedToArray(_useState9, 2),
     isAgent = _useState10[0],
     setIsAgent = _useState10[1];
-  var renderTxtMsg = function renderTxtMsg(msg, onApply) {
+  // 用于跟踪正在获取的用户信息，避免重复请求
+  var _useState11 = useState(new _Set()),
+    _useState12 = _slicedToArray(_useState11, 2),
+    fetchingUsers = _useState12[0],
+    setFetchingUsers = _useState12[1];
+  // 昵称脱敏函数：显示前6位和后4位，中间用...连接
+  var maskUsername = function maskUsername(username) {
+    var _context;
+    if (!username) return '';
+    if (username.length <= 10) return username; // 如果长度小于等于10，不脱敏
+    return _concatInstanceProperty(_context = "".concat(_sliceInstanceProperty(username).call(username, 0, 6), "...")).call(_context, _sliceInstanceProperty(username).call(username, -4));
+  };
+  // 获取用户level：参考 CustomConversationItem 的逻辑，从ext字段中解析
+  var getUserLevel = function getUserLevel(user) {
+    var _user$metadata;
+    // 优先从 metadata 中获取（新格式）
+    if ((user === null || user === void 0 || (_user$metadata = user.metadata) === null || _user$metadata === void 0 ? void 0 : _user$metadata.level) !== undefined) {
+      return Number(user.metadata.level);
+    }
+    // 从 ext 字段中解析（和 certification 一样的逻辑）
+    if (user !== null && user !== void 0 && user.ext) {
+      try {
+        var extStr = typeof user.ext === 'string' ? user.ext : _JSON$stringify(user.ext);
+        var customObj = JSON.parse(extStr);
+        if ((customObj === null || customObj === void 0 ? void 0 : customObj.level) !== undefined) {
+          var level = Number(customObj.level);
+          return isNaN(level) ? 1 : level;
+        }
+      } catch (e) {
+        // 解析失败，忽略
+      }
+    }
+    return 1; // 默认值
+  };
+  // 获取发送者信息：如果是自己的消息返回当前用户信息，否则尝试从rootStore获取发送者信息
+  var getSenderInfo = function getSenderInfo(msg) {
     var _msg$from, _userInfo$uid;
     var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from = msg.from) === null || _msg$from === void 0 ? void 0 : _msg$from.toLowerCase()) === ((_userInfo$uid = userInfo.uid) === null || _userInfo$uid === void 0 ? void 0 : _userInfo$uid.toLowerCase());
+    if (isMySelf) {
+      // 自己的消息，返回当前用户信息
+      // 如果 userInfo 没有 ext，尝试从 rootStore 获取
+      var currentUserInfo = Ut.addressStore.appUsersInfo[userInfo.uid];
+      if (currentUserInfo && currentUserInfo.ext && !userInfo.ext) {
+        return _objectSpread$4(_objectSpread$4({}, userInfo), {}, {
+          ext: currentUserInfo.ext
+        });
+      }
+      return userInfo;
+    } else {
+      // 他人的消息，尝试从rootStore获取发送者信息
+      var senderId = msg === null || msg === void 0 ? void 0 : msg.from;
+      if (senderId) {
+        var senderInfo = Ut.addressStore.appUsersInfo[senderId];
+        if (senderInfo) {
+          // 构造符合IUserInfo格式的对象，保留 ext 字段以便 getUserLevel 解析
+          return {
+            uid: senderId,
+            username: senderInfo.name || senderInfo.nickname || senderId,
+            avatar: senderInfo.avatarurl,
+            ext: senderInfo.ext,
+            // 保留 ext 字段，让 getUserLevel 可以解析
+            metadata: senderInfo.ext ? function () {
+              try {
+                var extObj = typeof senderInfo.ext === 'string' ? JSON.parse(senderInfo.ext) : senderInfo.ext;
+                return {
+                  level: extObj === null || extObj === void 0 ? void 0 : extObj.level
+                };
+              } catch (_unused) {
+                return undefined;
+              }
+            }() : undefined
+          };
+        } else {
+          // 如果没有获取到用户信息，尝试从服务器获取
+          // 参考 CustomConversationItem 的逻辑
+          if (!fetchingUsers.has(senderId)) {
+            setFetchingUsers(function (prev) {
+              return new _Set(prev).add(senderId);
+            });
+            client.fetchUserInfoById([senderId], ["nickname", "avatarurl", "mail", "phone", "gender", "sign", "birth", "ext"]).then(function (res) {
+              var _res$data$senderId;
+              // 将获取到的用户信息存储到 rootStore
+              var tempUserInfo = Ut.addressStore.appUsersInfo[senderId];
+              Ut.addressStore.appUsersInfo[senderId] = _objectSpread$4(_objectSpread$4({}, tempUserInfo || {}), {}, {
+                userId: senderId,
+                name: res.data[senderId].nickname,
+                avatarurl: res.data[senderId].avatarurl,
+                ext: (_res$data$senderId = res.data[senderId]) === null || _res$data$senderId === void 0 ? void 0 : _res$data$senderId.ext
+              });
+              // 从 fetchingUsers 中移除，并触发重新渲染
+              setFetchingUsers(function (prev) {
+                var next = new _Set(prev);
+                next["delete"](senderId);
+                return next;
+              });
+            })["catch"](function (err) {
+              // 从 fetchingUsers 中移除
+              setFetchingUsers(function (prev) {
+                var next = new _Set(prev);
+                next["delete"](senderId);
+                return next;
+              });
+            });
+          }
+        }
+      }
+      // 如果获取不到，返回一个基于消息的基本信息
+      return {
+        uid: senderId || '',
+        username: senderId || '',
+        metadata: {
+          level: 1
+        }
+      };
+    }
+  };
+  var renderTxtMsg = function renderTxtMsg(msg, onApply) {
+    var _msg$from2, _userInfo$uid2, _context2;
+    (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from2 = msg.from) === null || _msg$from2 === void 0 ? void 0 : _msg$from2.toLowerCase()) === ((_userInfo$uid2 = userInfo.uid) === null || _userInfo$uid2 === void 0 ? void 0 : _userInfo$uid2.toLowerCase());
+    // 获取发送者信息并格式化昵称+level
+    var senderInfo = getSenderInfo(msg);
+    var displayUsername = (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.username) || (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.uid) || '';
+    var maskedUsername = displayUsername ? maskUsername(displayUsername) : '';
+    var level = getUserLevel(senderInfo);
+    var nickNameWithLevel = maskedUsername ? _concatInstanceProperty(_context2 = "".concat(maskedUsername, " Lv")).call(_context2, level) : undefined;
     return /*#__PURE__*/React__default.createElement(qh, {
       bubbleType: "none",
       reaction: false,
       select: false,
       thread: false,
-      direction: isMySelf ? "rtl" : "ltr",
+      direction: "ltr",
       renderUserProfile: function renderUserProfile() {
         return null;
       },
-      nickName: undefined,
+      nickName: nickNameWithLevel,
       showMessageInfo: false,
       message: msg,
       customAction: {
         visible: false,
         icon: null,
         actions: []
-      },
-      showAvatar: !isMySelf
+      }
+      // showAvatar={!isMySelf}
       // avatar={!isMySelf?<img src={headerInfo.headerImageURL||defaultAvatar} className="w-[48px] h-[48px] rounded-full overflow-hidden object-fit" />:undefined}
       ,
       children: renderLongTextMsg(msg, onApply)
     });
   };
   var renderLongTextMsg = function renderLongTextMsg(msg, onApply) {
-    var _msg$from2, _userInfo$uid2;
+    var _msg$from3, _userInfo$uid3;
     // 格式化消息时间
     var formatMessageTime = function formatMessageTime(timestamp) {
       if (!timestamp) return "";
@@ -136839,11 +136963,38 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         });
       }
     };
-    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from2 = msg.from) === null || _msg$from2 === void 0 ? void 0 : _msg$from2.toLowerCase()) === ((_userInfo$uid2 = userInfo.uid) === null || _userInfo$uid2 === void 0 ? void 0 : _userInfo$uid2.toLowerCase());
+    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from3 = msg.from) === null || _msg$from3 === void 0 ? void 0 : _msg$from3.toLowerCase()) === ((_userInfo$uid3 = userInfo.uid) === null || _userInfo$uid3 === void 0 ? void 0 : _userInfo$uid3.toLowerCase());
     // 复制代码到剪贴板
     return /*#__PURE__*/React__default.createElement("div", {
-      className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat(isMySelf ? "items-end" : "items-start")
-    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "text-[var(--im-main-fontColor)] flex flex-col gap-1 ".concat("items-start")
+    }, function () {
+      var senderInfo = getSenderInfo(msg);
+      var displayUsername = (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.username) || (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.uid) || '';
+      if (displayUsername) {
+        var maskedUsername = maskUsername(displayUsername);
+        var level = getUserLevel(senderInfo);
+        return /*#__PURE__*/React__default.createElement("div", {
+          className: "text-xs mb-1 px-1",
+          style: {
+            color: 'var(--im-third-fontColor)',
+            opacity: 0.8,
+            fontWeight: 'normal',
+            display: 'block',
+            lineHeight: '1.2',
+            minHeight: '14px'
+          }
+        }, maskedUsername, ' ', /*#__PURE__*/React__default.createElement("span", {
+          style: {
+            background: 'linear-gradient(90deg, #90F926 0%, #FFD61E 100%)',
+            WebkitBackgroundClip: 'text',
+            WebkitTextFillColor: 'transparent',
+            backgroundClip: 'text',
+            fontWeight: 'normal'
+          }
+        }, "Lv", level));
+      }
+      return null;
+    }(), /*#__PURE__*/React__default.createElement("div", {
       style: {
         background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
         borderRadius: "9px",
@@ -136892,8 +137043,14 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
     }, formatMessageTime(msg.time)));
   };
   var _renderMessage = function renderMessage(msg) {
-    var _msg$from3, _userInfo$uid3;
-    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from3 = msg.from) === null || _msg$from3 === void 0 ? void 0 : _msg$from3.toLowerCase()) === ((_userInfo$uid3 = userInfo.uid) === null || _userInfo$uid3 === void 0 ? void 0 : _userInfo$uid3.toLowerCase());
+    var _msg$from4, _userInfo$uid4, _context3;
+    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 || (_msg$from4 = msg.from) === null || _msg$from4 === void 0 ? void 0 : _msg$from4.toLowerCase()) === ((_userInfo$uid4 = userInfo.uid) === null || _userInfo$uid4 === void 0 ? void 0 : _userInfo$uid4.toLowerCase());
+    // 获取发送者信息并格式化昵称+level
+    var senderInfo = getSenderInfo(msg);
+    var displayUsername = (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.username) || (senderInfo === null || senderInfo === void 0 ? void 0 : senderInfo.uid) || '';
+    var maskedUsername = displayUsername ? maskUsername(displayUsername) : '';
+    var level = getUserLevel(senderInfo);
+    var nickNameWithLevel = maskedUsername ? _concatInstanceProperty(_context3 = "".concat(maskedUsername, " Lv")).call(_context3, level) : undefined;
     if (msg.type === "txt") {
       return renderTxtMsg(msg, props.onApply);
     } else if (msg.type === "img") {
@@ -136904,6 +137061,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
+        nickName: nickNameWithLevel,
         customAction: {
           visible: false,
           icon: null,
@@ -136925,6 +137083,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
+        nickName: nickNameWithLevel,
         customAction: {
           visible: false,
           icon: null,
@@ -136940,6 +137099,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
+        nickName: nickNameWithLevel,
         customAction: {
           visible: false,
           icon: null,
@@ -137036,8 +137196,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   };
   // 使用 useCallback 包装 getHeaderInfo 函数
   var getHeaderInfo = useCallback(function () {
-    var _context;
-    var cvs = _findInstanceProperty(_context = Ut.conversationStore.conversationList).call(_context, function (cvs) {
+    var _context4;
+    var cvs = _findInstanceProperty(_context4 = Ut.conversationStore.conversationList).call(_context4, function (cvs) {
       return cvs.conversationId === props.conversationId;
     });
     if (!cvs || !(cvs !== null && cvs !== void 0 && cvs.conversationId)) {
@@ -137054,18 +137214,18 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
       var fetchGroupInfo = /*#__PURE__*/function () {
         var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           var _cvs$conversationId, response, data, groupInfo, _groupInfo$headimgurl, _groupInfo$members, _ref5, _groupInfo$name, imageurl, member, name;
-          return _regeneratorRuntime.wrap(function _callee$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
+          return _regeneratorRuntime.wrap(function _callee$(_context5) {
+            while (1) switch (_context5.prev = _context5.next) {
               case 0:
                 //需要请求群信息
                 console.log('the group info fetched');
-                _context2.prev = 1;
-                _context2.next = 4;
+                _context5.prev = 1;
+                _context5.next = 4;
                 return http.post("/capi/account/imchannel/getdetails", {
                   sendbirdid: (_cvs$conversationId = cvs.conversationId) !== null && _cvs$conversationId !== void 0 ? _cvs$conversationId : ''
                 });
               case 4:
-                response = _context2.sent;
+                response = _context5.sent;
                 data = response.data;
                 if (data && data.code === 200) {
                   groupInfo = data === null || data === void 0 ? void 0 : data.data;
@@ -137082,14 +137242,14 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                     });
                   }
                 }
-                _context2.next = 11;
+                _context5.next = 11;
                 break;
               case 9:
-                _context2.prev = 9;
-                _context2.t0 = _context2["catch"](1);
+                _context5.prev = 9;
+                _context5.t0 = _context5["catch"](1);
               case 11:
               case "end":
-                return _context2.stop();
+                return _context5.stop();
             }
           }, _callee, null, [[1, 9]]);
         }));
@@ -137103,8 +137263,8 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
           var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(group) {
             var _group$info;
             var _group$info2, _customObj$headimgurl, _group$info$affiliati, _group$info3, _ref7, _ref8, _group$name, _group$info4, customObj, imageurl, member, name;
-            return _regeneratorRuntime.wrap(function _callee2$(_context3) {
-              while (1) switch (_context3.prev = _context3.next) {
+            return _regeneratorRuntime.wrap(function _callee2$(_context6) {
+              while (1) switch (_context6.prev = _context6.next) {
                 case 0:
                   // @ts-ignore
                   if (cvs.conversationId == (group === null || group === void 0 ? void 0 : group.groupid) && group !== null && group !== void 0 && (_group$info = group.info) !== null && _group$info !== void 0 && _group$info.custom) {
@@ -137128,7 +137288,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                   }
                 case 1:
                 case "end":
-                  return _context3.stop();
+                  return _context6.stop();
               }
             }, _callee2);
           }));
@@ -137251,16 +137411,16 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   var handleSendMessage = /*#__PURE__*/function () {
     var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(text, extInfo) {
       var txtMessage, cuiScrollList, cuiScrollListWrap, htmlString, template, node;
-      return _regeneratorRuntime.wrap(function _callee3$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function _callee3$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
             if (_trimInstanceProperty(text).call(text)) {
-              _context4.next = 2;
+              _context7.next = 2;
               break;
             }
-            return _context4.abrupt("return");
+            return _context7.abrupt("return");
           case 2:
-            _context4.prev = 2;
+            _context7.prev = 2;
             // 普通文本消息
             txtMessage = MessageSDK.message.create({
               type: "txt",
@@ -137268,7 +137428,7 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
               to: props.conversationId,
               chatType: headerInfo.chatType
             });
-            _context4.next = 6;
+            _context7.next = 6;
             return Ut.messageStore.sendMessage(txtMessage);
           case 6:
             afterSendMsg(txtMessage, extInfo);
@@ -137288,15 +137448,15 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
                 }
               }
             }
-            _context4.next = 13;
+            _context7.next = 13;
             break;
           case 10:
-            _context4.prev = 10;
-            _context4.t0 = _context4["catch"](2);
-            console.log("send txt message failed", _context4.t0);
+            _context7.prev = 10;
+            _context7.t0 = _context7["catch"](2);
+            console.log("send txt message failed", _context7.t0);
           case 13:
           case "end":
-            return _context4.stop();
+            return _context7.stop();
         }
       }, _callee3, null, [[2, 10]]);
     }));
@@ -137306,13 +137466,13 @@ var HighlyCustomChat = function HighlyCustomChat(props) {
   }();
   var afterSendMsg = /*#__PURE__*/function () {
     var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(msgInfo, extInfo) {
-      return _regeneratorRuntime.wrap(function _callee4$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regeneratorRuntime.wrap(function _callee4$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
             props.sendMessageSuccessCallback && props.sendMessageSuccessCallback(msgInfo, extInfo);
           case 1:
           case "end":
-            return _context5.stop();
+            return _context8.stop();
         }
       }, _callee4);
     }));

package/package.json

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