im-ui-mobile 0.0.48 → 0.0.49

package/components/im-chat-item/im-chat-item.vue

@@ -26,11 +26,11 @@
 
 <script setup lang="ts">
 import ImHeadImage from '../im-head-image/im-head-image.vue'
-import datetime from '../../utils/datetime'
-import dom from '../../utils/dom'
-import messageType from '../../utils/messageType'
-import { MESSAGE_TYPE } from '../../utils/enums'
-import emoji from '../../utils/emoji';
+import datetime from '../../types/utils/datetime'
+import dom from '../../types/utils/dom'
+import messageType from '../../types/utils/messageType'
+import { MESSAGE_TYPE } from '../../types/utils/enums'
+import emoji from '../../types/utils/emoji';
 
 interface Props {
 	chat?: any;

package/components/im-chat-message-item/im-chat-message-item.vue

@@ -83,7 +83,7 @@
 				</view>
 			</view>
 		</view>
-		<im-chat-group-readed ref="chatGroupReaded" :groupMembers="groupMembers" :msgInfo="msgInfo" />
+		<im-chat-group-readed ref="chatGroupReaded" :groupMembers="groupMembers as any[]" :msgInfo="msgInfo" />
 	</view>
 </template>
 
@@ -91,12 +91,12 @@
 import ImHeadImage from '../im-head-image/im-head-image.vue'
 import ImChatGroupReaded from '../im-chat-group-readed/im-chat-group-readed.vue'
 import ImLongPressMenu from '../im-long-press-menu/im-long-press-menu.vue'
-import { MESSAGE_TYPE, MESSAGE_STATUS, } from '../../utils/enums'
-import emoji from '../../utils/emoji';
-import url from '../../utils/url';
-import datetime from '../../utils/datetime';
-import messageType from '../../utils/messageType';
-import dom from '../../utils/dom';
+import { MESSAGE_TYPE, MESSAGE_STATUS, } from '../../types/utils/enums'
+import emoji from '../../types/utils/emoji';
+import url from '../../types/utils/url';
+import datetime from '../../types/utils/datetime';
+import messageType from '../../types/utils/messageType';
+import dom from '../../types/utils/dom';
 
 interface Props {
 	avatar?: string;

package/components/im-chat-record/im-chat-record.vue

@@ -26,8 +26,8 @@
 </template>
 
 <script setup lang="ts">
-import recorderApp from '../../utils/recorderApp';
-import recorderH5 from '../../utils/recorderH5';
+import recorderApp from '../../types/utils/recorderApp';
+import recorderH5 from '../../types/utils/recorderH5';
 
 const recording = ref(false);
 const moveToCancel = ref(false);

package/libs/index.ts

@@ -1,4 +1,4 @@
-import type { RTC_STATE, MESSAGE_TYPE } from '../utils/enums'
+import type { RTC_STATE, MESSAGE_TYPE } from '../types/utils/enums'
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "im-ui-mobile",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "description": "A Vue3.0 + typescript instant messaging component library for Uniapp",
   "type": "module",
   "main": "index.js",

package/types/index.d.ts

@@ -14,11 +14,6 @@ import Requester from "./utils/requester";
 import * as url from "./utils/url";
 import { useDynamicRefs } from "./utils/useDynamicRefs";
 import webSocketManager from "./utils/websocket";
-import {
-    // 枚举类型
-    RTC_STATE,
-    MESSAGE_TYPE,
-} from './libs';
 import type {
     // 类型常量
     RtcMode,

package/utils/auth.ts

@@ -1,32 +0,0 @@
-export const setToken = (value: string) => {
-  uni.setStorageSync("accessToken", value);
-};
-
-export const getToken = (): string => {
-  return uni.getStorageSync("accessToken") || "";
-};
-
-export const setRefreshToken = (value: string) => {
-  uni.setStorageSync("refreshToken", value);
-};
-
-export const getRefreshToken = (): string => {
-  return uni.getStorageSync("refreshToken") || "";
-};
-
-export const clearToken = () => {
-  uni.removeStorageSync("accessToken");
-  uni.removeStorageSync("refreshToken");
-};
-
-export const setAuth = (data: any) => {
-  setToken(data.accessToken)
-  setRefreshToken(data.refreshToken)
-  uni.setStorageSync('expired', +new Date() + Number(data.expiresIn) * 60 * 60)
-}
-
-export const isAuthed = () => {
-  const expired = uni.getStorageSync('expired')
-  const token = getToken()
-  return !(!expired || expired < +new Date() || !token)
-}

package/utils/datetime.ts

@@ -1,153 +0,0 @@
-// 日期时间工具函数
-
-/**
- * 将时间戳转换为相对时间文本
- * @param timeStamp - 时间戳
- * @param simple - 是否使用简单格式
- * @returns 格式化后的时间文本
- */
-const toTimeText = (timeStamp: number | string | Date, simple?: boolean): string => {
-    const dateTime = new Date(timeStamp);
-    const currentTime = Date.now(); // 当前时间戳
-    const timeDiff = currentTime - dateTime.getTime(); // 与当前时间误差
-    let timeText = '';
-
-    if (timeDiff <= 60000) { // 一分钟内
-        timeText = '刚刚';
-    } else if (timeDiff > 60000 && timeDiff < 3600000) {
-        // 1小时内
-        timeText = Math.floor(timeDiff / 60000) + '分钟前';
-    } else if (timeDiff >= 3600000 && timeDiff < 86400000 && !isYestday(dateTime)) {
-        // 今日
-        timeText = formatDateTime(dateTime).substr(11, 5);
-    } else if (isYestday(dateTime)) {
-        // 昨天
-        timeText = '昨天' + formatDateTime(dateTime).substr(11, 5);
-    } else if (isYear(dateTime)) {
-        // 今年
-        timeText = formatDateTime(dateTime).substr(5, simple ? 5 : 14);
-    } else {
-        // 不属于今年
-        timeText = formatDateTime(dateTime);
-        if (simple) {
-            timeText = timeText.substr(2, 8);
-        }
-    }
-    return timeText;
-}
-
-/**
- * 判断日期是否是昨天
- * @param date - 日期对象
- * @returns 是否是昨天
- */
-const isYestday = (date: Date): boolean => {
-    const yesterday = new Date(Date.now() - 1000 * 60 * 60 * 24);
-    return yesterday.getFullYear() === date.getFullYear() &&
-        yesterday.getMonth() === date.getMonth() &&
-        yesterday.getDate() === date.getDate();
-}
-
-/**
- * 判断日期是否在今年
- * @param date - 日期对象
- * @returns 是否在今年
- */
-const isYear = (date: Date): boolean => {
-    return date.getFullYear() === new Date().getFullYear();
-}
-
-/**
- * 格式化日期时间为字符串
- * @param date - 日期对象或字符串
- * @returns 格式化后的日期时间字符串
- */
-const formatDateTime = (date: string | Date): string => {
-    if (date === '' || !date) {
-        return '';
-    }
-
-    const dateObject = new Date(date);
-
-    // 检查日期是否有效
-    if (isNaN(dateObject.getTime())) {
-        return '';
-    }
-
-    const y = dateObject.getFullYear();
-    const m = dateObject.getMonth() + 1;
-    const month = m < 10 ? ('0' + m) : m;
-    const d = dateObject.getDate();
-    const day = d < 10 ? ('0' + d) : d;
-    const h = dateObject.getHours();
-    const hour = h < 10 ? ('0' + h) : h;
-    const minute = dateObject.getMinutes();
-    const min = minute < 10 ? ('0' + minute) : minute;
-    const second = dateObject.getSeconds();
-    const sec = second < 10 ? ('0' + second) : second;
-
-    return `${y}/${month}/${day} ${hour}:${min}:${sec}`;
-}
-
-/**
- * 获取更精确的相对时间描述
- * @param timeStamp - 时间戳
- * @returns 精确的相对时间文本
- */
-const toPreciseTimeText = (timeStamp: number | string | Date): string => {
-    const dateTime = new Date(timeStamp);
-    const currentTime = Date.now();
-    const timeDiff = currentTime - dateTime.getTime();
-
-    if (timeDiff < 60000) {
-        return `${Math.floor(timeDiff / 1000)}秒前`;
-    } else if (timeDiff < 3600000) {
-        const minutes = Math.floor(timeDiff / 60000);
-        return `${minutes}分钟前`;
-    } else if (timeDiff < 86400000) {
-        const hours = Math.floor(timeDiff / 3600000);
-        return `${hours}小时前`;
-    } else if (timeDiff < 604800000) {
-        const days = Math.floor(timeDiff / 86400000);
-        return `${days}天前`;
-    } else {
-        return formatDateTime(dateTime);
-    }
-}
-
-/**
- * 获取聊天界面常用的时间显示格式
- * @param timeStamp - 时间戳
- * @returns 聊天时间显示文本
- */
-const toChatTimeText = (timeStamp: number | string | Date): string => {
-    const dateTime = new Date(timeStamp);
-    const currentTime = Date.now();
-    const timeDiff = currentTime - dateTime.getTime();
-
-    // 今天内的消息
-    if (timeDiff < 86400000 && !isYestday(dateTime)) {
-        return formatDateTime(dateTime).substr(11, 5);
-    }
-    // 昨天的消息
-    else if (isYestday(dateTime)) {
-        return '昨天 ' + formatDateTime(dateTime).substr(11, 5);
-    }
-    // 今年内的消息
-    else if (isYear(dateTime)) {
-        return formatDateTime(dateTime).substr(5, 5); // MM/dd
-    }
-    // 往年的消息
-    else {
-        return formatDateTime(dateTime).substr(2, 8); // yy/MM/dd
-    }
-}
-
-export default {
-    toTimeText,
-    toPreciseTimeText,
-    toChatTimeText,
-    isYestday,
-    isYear,
-    formatDateTime
-};

package/utils/dom.ts

@@ -1,148 +0,0 @@
-// HTML 转义工具函数
-
-/**
- * HTML 特殊字符转义映射
- */
-const HTML_ESCAPE_MAP: { [key: string]: string } = {
-  '<': '&lt;',
-  '>': '&gt;',
-  '&': '&amp;',
-  '"': '&quot;',
-  "'": '&#39;',
-  '`': '&#96;'
-};
-
-/**
- * 反转的 HTML 转义映射（用于反转义）
- */
-const HTML_UNESCAPE_MAP: { [key: string]: string } = {
-  '&lt;': '<',
-  '&gt;': '>',
-  '&amp;': '&',
-  '&quot;': '"',
-  '&#39;': "'",
-  '&#96;': '`'
-};
-
-/**
- * 将 HTML 特殊字符转义为实体
- * @param text - 原始文本
- * @returns 转义后的文本
- */
-const html2Escape = (text: string): string => {
-  if (!text) return '';
-  
-  return text.replace(/[<>&"']/g, (char: string): string => {
-    return HTML_ESCAPE_MAP[char] || char;
-  });
-}
-
-/**
- * 更全面的 HTML 转义函数（包含更多特殊字符）
- * @param text - 原始文本
- * @returns 转义后的文本
- */
-const htmlEscape = (text: string): string => {
-  if (!text) return '';
-  
-  const escapeRegex = /[<>&"'`]/g;
-  return text.replace(escapeRegex, (char: string): string => {
-    return HTML_ESCAPE_MAP[char] || char;
-  });
-}
-
-/**
- * 将 HTML 实体反转义为特殊字符
- * @param text - 转义后的文本
- * @returns 原始文本
- */
-const htmlUnescape = (text: string): string => {
-  if (!text) return '';
-  
-  const unescapeRegex = /&(lt|gt|amp|quot|#39|#96);/g;
-  return text.replace(unescapeRegex, (entity: string): string => {
-    return HTML_UNESCAPE_MAP[entity] || entity;
-  });
-}
-
-/**
- * 转义 HTML 属性值
- * @param value - 属性值
- * @returns 转义后的属性值
- */
-const escapeAttribute = (value: string): string => {
-  if (!value) return '';
-  
-  return value
-    .replace(/"/g, '&quot;')
-    .replace(/'/g, '&#39;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;');
-}
-
-/**
- * 转义 HTML 文本内容（不转义单引号）
- * @param text - 文本内容
- * @returns 转义后的文本内容
- */
-const escapeTextContent = (text: string): string => {
-  if (!text) return '';
-  
-  return text
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;');
-}
-
-/**
- * 检查文本是否包含需要转义的 HTML 特殊字符
- * @param text - 要检查的文本
- * @returns 是否包含特殊字符
- */
-const hasHtmlSpecialChars = (text: string): boolean => {
-  if (!text) return false;
-  
-  return /[<>&"']/.test(text);
-}
-
-/**
- * 安全的设置 innerHTML（自动转义）
- * @param element - DOM 元素
- * @param html - HTML 内容
- */
-const setSafeHTML = (element: HTMLElement, html: string): void => {
-  if (!element) return;
-  
-  element.innerHTML = htmlEscape(html);
-}
-
-/**
- * 安全的创建 HTML 字符串
- * @param strings - 模板字符串数组
- * @param values - 插入值数组
- * @returns 安全的 HTML 字符串
- */
-const safeHTML = (strings: TemplateStringsArray, ...values: any[]): string => {
-  let result = '';
-  
-  for (let i = 0; i < strings.length; i++) {
-    result += strings[i];
-    if (i < values.length) {
-      result += htmlEscape(String(values[i]));
-    }
-  }
-  
-  return result;
-}
-
-export default {
-  html2Escape,
-  htmlEscape,
-  htmlUnescape,
-  escapeAttribute,
-  escapeTextContent,
-  hasHtmlSpecialChars,
-  setSafeHTML,
-  safeHTML
-};

package/utils/emoji.ts

@@ -1,99 +0,0 @@
-import env from './env'
-
-// 表情文本列表
-const emoTextList: string[] = [
-  '憨笑', '媚眼', '开心', '坏笑', '可怜', '爱心', '笑哭', '拍手', '惊喜', '打气',
-  '大哭', '流泪', '饥饿', '难受', '健身', '示爱', '色色', '眨眼', '暴怒', '惊恐',
-  '思考', '头晕', '大吐', '酷笑', '翻滚', '享受', '鼻涕', '快乐', '雀跃', '微笑',
-  '贪婪', '红心', '粉心', '星星', '大火', '眼睛', '音符', "叹号", "问号", "绿叶",
-  "燃烧", "喇叭", "警告", "信封", "房子", "礼物", "点赞", "举手", "拍手", "点头",
-  "摇头", "偷瞄", "庆祝", "疾跑", "打滚", "惊吓", "起跳"
-];
-
-// 正则表达式匹配表情文本
-const regex: RegExp = /\#[\u4E00-\u9FA5]{1,3}\;/gi;
-
-/**
- * 检查内容是否包含表情符号
- * @param content - 要检查的文本内容
- * @returns 是否包含表情符号
- */
-const containEmoji = (content: string): boolean => {
-  return regex.test(content);
-}
-
-/**
- * 将文本中的表情符号转换为图片标签
- * @param content - 要转换的文本内容
- * @param extClass - 图片的 CSS 类名
- * @returns 转换后的 HTML 字符串
- */
-const transform = (content: string, extClass: string = ''): string => {
-  return content.replace(regex, (emoText: string): string => {
-    // 将匹配结果替换表情图片
-    const word: string = emoText.replace(/\#|\;/gi, '');
-    const idx: number = emoTextList.indexOf(word);
-
-    if (idx === -1) {
-      return emoText;
-    }
-
-    const path: string = textToPath(emoText);
-    const img: string = `<img src="${path}" class="${extClass}"/>`;
-    return img;
-  });
-}
-
-/**
- * 将表情文本转换为图片路径
- * @param emoText - 表情文本，格式如 "#开心;"
- * @returns 表情图片的完整路径
- */
-const textToPath = (emoText: string): string => {
-  const word: string = emoText.replace(/\#|\;/gi, '');
-  const idx: number = emoTextList.indexOf(word);
-
-  // 如果找不到对应的表情，返回空字符串
-  if (idx === -1) {
-    return '';
-  }
-
-  return env.EmojiUrl + idx + ".gif";
-}
-
-/**
- * 将表情图片路径转换为表情文本
- * @param path - 表情图片路径
- * @returns 表情文本，格式如 "#开心;"
- */
-const pathToText = (path: string): string => {
-  if (!path || !path.includes(env.EmojiUrl)) {
-    return '';
-  }
-
-  try {
-    // 从路径中提取表情索引
-    const filename = path.replace(env.EmojiUrl, '').replace('.gif', '');
-    const index = parseInt(filename);
-
-    // 检查索引是否有效
-    if (isNaN(index) || index < 0 || index >= emoTextList.length) {
-      return '';
-    }
-
-    // 获取对应的表情文本
-    const emojiText = emoTextList[index];
-    return `#${emojiText};`;
-  } catch (error) {
-    console.error('转换表情路径失败:', error);
-    return '';
-  }
-}
-
-export default {
-  containEmoji,
-  emoTextList,
-  transform,
-  textToPath,
-  pathToText
-}

package/utils/enums.ts

@@ -1,76 +0,0 @@
-/**
- * 消息类型枚举
- */
-export enum MESSAGE_TYPE {
-  TEXT = 0,
-  IMAGE = 1,
-  FILE = 2,
-  AUDIO = 3,
-  VIDEO = 4,
-  RECALL = 10,
-  READED = 11,
-  RECEIPT = 12,
-  TIP_TIME = 20,
-  TIP_TEXT = 21,
-  LOADING = 30,
-  ACT_RT_VOICE = 40,
-  ACT_RT_VIDEO = 41,
-  USER_BANNED = 50,
-  FRIEND_NEW = 80,
-  FRIEND_DEL = 81,
-  FRIEND_DND = 82,
-  GROUP_NEW = 90,
-  GROUP_DEL = 91,
-  GROUP_DND = 92,
-  RTC_CALL_VOICE = 100,
-  RTC_CALL_VIDEO = 101,
-  RTC_ACCEPT = 102,
-  RTC_REJECT = 103,
-  RTC_CANCEL = 104,
-  RTC_FAILED = 105,
-  RTC_HANDUP = 106,
-  RTC_CANDIDATE = 107,
-  RTC_GROUP_SETUP = 200,
-  RTC_GROUP_ACCEPT = 201,
-  RTC_GROUP_REJECT = 202,
-  RTC_GROUP_FAILED = 203,
-  RTC_GROUP_CANCEL = 204,
-  RTC_GROUP_QUIT = 205,
-  RTC_GROUP_INVITE = 206,
-  RTC_GROUP_JOIN = 207,
-  RTC_GROUP_OFFER = 208,
-  RTC_GROUP_ANSWER = 209,
-  RTC_GROUP_CANDIDATE = 210,
-  RTC_GROUP_DEVICE = 211,
-}
-
-/**
- * RTC 状态枚举
- */
-export enum RTC_STATE {
-  FREE = 0, // 空闲，可以被呼叫
-  WAIT_CALL = 1, // 呼叫后等待
-  WAIT_ACCEPT = 2, // 被呼叫后等待
-  ACCEPTED = 3, // 已接受聊天，等待建立连接
-  CHATING = 4, // 聊天中
-}
-
-/**
- * 终端类型枚举
- */
-export enum TERMINAL_TYPE {
-  WEB = 0,
-  APP = 1,
-}
-
-/**
- * 消息状态枚举
- */
-export enum MESSAGE_STATUS {
-  FAILED = -2, // 发送失败
-  SENDING = -1, // 发送中(消息没到服务器)
-  PENDING = 0, // 未送达(消息已到服务器，但对方没收到)
-  DELIVERED = 1, // 已送达(对方已收到，但是未读消息)
-  RECALL = 2, // 已撤回
-  READED = 3, // 消息已读
-}

package/utils/env.ts

@@ -1,23 +0,0 @@
-/**
- * 环境变量类
- * Created by Joncky 2025.08.15
-*/
-
-//设置环境(打包前修改此变量)
-const CurrentEnv = "Dev"; // 可选：Dev | Prod
-
-class Env {
-  // 表情包路径
-  static EmojiUrl = "/static/emoji/";
-
-  static AuthApiUrl =
-    CurrentEnv === "Dev" ? "http://192.168.31.33:5002" : "https://www.boxim.online/api";
-
-  static BaseApiUrl =
-    CurrentEnv === "Dev" ? "http://192.168.31.33:8888" : "https://www.boxim.online/api";
-
-  static WebSocketUrl =
-    CurrentEnv === "Dev" ? "ws://192.168.31.33:8878/im" : "wss://www.boxim.online/im";
-}
-
-export default Env;