im-ui-mobile 0.0.30 → 0.0.32

package/index.js

@@ -13,8 +13,33 @@ const install = (app) => {
     })
 }
 
-import datetime from './utils/datetime.js'
-export { datetime }
+import eventBus from "./utils/eventBus.js";
+import * as auth from "./utils/auth.js";
+import datetime from "./utils/datetime.js";
+import Emoji from "./utils/emoji.js";
+import * as dom from "./utils/dom.js";
+import messageType from "./utils/messageType.js";
+import * as recorderApp from "./utils/recorderApp.js";
+import * as recorderH5 from "./utils/recorderH5.js";
+import Requester from "./utils/requester.js";
+import * as url from "./utils/url.js";
+import { useDynamicRefs } from "./utils/useDynamicRefs.js";
+import webSocketManager from "./utils/websocket.js";
+
+
+export {
+    eventBus,
+    datetime,
+    Emoji,
+    dom,
+    messageType,
+    recorderApp,
+    recorderH5,
+    Requester,
+    url,
+    useDynamicRefs,
+    webSocketManager
+}
 
 export default {
     install

package/libs/index.ts

@@ -220,4 +220,11 @@ export interface UserInfo {
   sex?: number
   online?: boolean
   [key: string]: any
+}
+
+export interface Response<T> {
+    code: number
+    message: string
+    result: T
+    success: boolean
 }

package/package.json

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

package/types/index.d.ts

@@ -1,9 +1,89 @@
 /// <reference path="./components.d.ts" />
 
-import datetime from "../utils/datetime"
+import eventBus from "./utils/eventBus";
+import * as auth from "./utils/auth";
+import datetime from "./utils/datetime";
+import Emoji from "./utils/emoji";
+import { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS } from "./utils/enums";
+import env from "./utils/env";
+import * as dom from "./utils/dom";
+import messageType from "./utils/messageType";
+import * as recorderApp from "./utils/recorderApp";
+import * as recorderH5 from "./utils/recorderH5";
+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,
+    RtcInfo,
+    Chat,
+    Message,
+    Friend,
+    OnlineTerminal,
+    MenuItem,
+    WebRTCMessage,
+    GroupMember,
+    Group,
+    UploadImageResponse,
+    SubmitItem,
+    ImageItem,
+    FileItem,
+    ApiResponse,
+    RecorderError,
+    UploadRecorderFileResponse,
+    UploadRecorderFileResult,
+    RecorderFile,
+    UserInfo,
+    Response
+} from './libs';
 
 declare module 'im-ui-mobile' {
     export function install(): void
 
-    export { datetime }
+    export {
+        eventBus,
+        datetime,
+        Emoji,
+        MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS,
+        dom,
+        messageType,
+        Requester,
+        url,
+        useDynamicRefs,
+        webSocketManager,
+
+        // 枚举类型
+        RTC_STATE,
+        MESSAGE_TYPE,
+
+        // 类型常量
+        RtcMode,
+        RtcInfo,
+        Chat,
+        Message,
+        Friend,
+        OnlineTerminal,
+        MenuItem,
+        WebRTCMessage,
+        GroupMember,
+        Group,
+        UploadImageResponse,
+        SubmitItem,
+        ImageItem,
+        FileItem,
+        ApiResponse,
+        RecorderError,
+        UploadRecorderFileResponse,
+        UploadRecorderFileResult,
+        RecorderFile,
+        UserInfo,
+        Response
+    }
 }

package/types/libs/index.d.ts

@@ -0,0 +1,204 @@
+import type { RTC_STATE, MESSAGE_TYPE } from '../utils/enums';
+/**
+ * 通话模式类型
+ */
+export type RtcMode = 'audio' | 'video' | 'voice';
+/**
+ * RTC 信息接口
+ */
+export interface RtcInfo {
+    friend: Friend;
+    mode: RtcMode;
+    state: RTC_STATE;
+    isHost?: boolean;
+}
+/**
+ * 聊天
+*/
+export interface Chat {
+    id?: string | number;
+    targetId: number;
+    type: 'PRIVATE' | 'GROUP';
+    showName: string;
+    headImage: string;
+    isDnd: boolean;
+    lastContent: string;
+    lastSendTime?: number;
+    unreadCount: number;
+    hotMinIdx: number;
+    readedMessageIdx: number;
+    messages: Message[];
+    atMe: boolean;
+    atAll: boolean;
+    stored: boolean;
+    delete: boolean;
+    lastTimeTip?: number;
+    sendNickName?: string;
+}
+/**
+ * 消息
+*/
+export interface Message {
+    id?: number;
+    tmpId?: number;
+    type: number;
+    content: string;
+    sendTime?: number;
+    selfSend?: boolean;
+    status?: number;
+    sendNickName?: string;
+    atUserIds?: number[];
+    sendId?: number;
+    recvId?: number;
+    groupId?: number;
+    receipt?: boolean;
+    receiptOk?: boolean;
+    readedCount?: number;
+    quoteMessage?: Message;
+    fileId?: string;
+}
+/**
+ * 好友信息接口
+ */
+export interface Friend {
+    id: number;
+    nickName: string;
+    headImage?: string;
+    online: boolean;
+    onlineWeb: boolean;
+    onlineApp: boolean;
+    isDnd: boolean;
+    deleted?: boolean;
+    remarkName?: string;
+    gender?: number;
+    signature?: string;
+    remarkNickName?: string;
+    showNickName?: string;
+    [key: string]: any;
+}
+/**
+ * 在线终端信息接口
+ */
+export interface OnlineTerminal {
+    userId: string | number;
+    terminals: number[];
+}
+/**
+ * 菜单项
+*/
+export interface MenuItem {
+    key: string;
+    name: string;
+    icon?: string;
+    color?: string;
+    [key: string]: any;
+}
+export interface WebRTCMessage {
+    type: number;
+    content: string;
+    sendId: number;
+    selfSend?: boolean;
+}
+export interface GroupMember {
+    id?: number;
+    userId: number;
+    showNickName: string;
+    headImage?: string;
+    quit?: boolean;
+    [key: string]: any;
+}
+/**
+ * 群组信息接口
+ */
+export interface Group {
+    id: number;
+    ownerId: number;
+    isBanned?: boolean;
+    reason?: string;
+    name: string;
+    headImage: string;
+    isDnd: boolean;
+    quit?: boolean;
+    topMessage?: string;
+    memberCount?: number;
+    createTime?: number;
+    showGroupName: string;
+    headImageThumb?: string;
+    remarkGroupName?: string;
+    remarkNickName?: string;
+    notice?: string;
+    [key: string]: any;
+}
+/**
+ * 上传图片相应数据
+ */
+export interface UploadImageResponse {
+    originUrl: string;
+    thumbUrl: string;
+    [key: string]: any;
+}
+/**
+ * 发送消息项
+ */
+export interface SubmitItem {
+    type: MESSAGE_TYPE;
+    content: string | ImageItem | FileItem;
+    atUserIds?: number[];
+}
+export interface ImageItem {
+    fileId: number;
+    file: File;
+    url: string;
+}
+export interface FileItem {
+    fileId: number;
+    file: File;
+}
+export interface ApiResponse<T = any> {
+    data?: T;
+    code?: number;
+    message?: string;
+    success?: boolean;
+    timestamp?: number;
+    path?: string;
+}
+export interface RecorderError {
+    errMsg: string;
+}
+export interface UploadRecorderFileResponse {
+    code: number;
+    data: string;
+    message?: string;
+}
+export interface UploadRecorderFileResult {
+    duration: number;
+    url: string;
+}
+export interface RecorderFile {
+    tempFilePath: string;
+}
+/**
+ * 用户信息接口
+ */
+export interface UserInfo {
+    id: number;
+    nickName: string;
+    headImage: string;
+    headImageThumb?: string;
+    email?: string;
+    phone?: string;
+    gender?: number;
+    signature?: string;
+    isBanned?: boolean;
+    reason?: string;
+    userName?: string;
+    sex?: number;
+    online?: boolean;
+    [key: string]: any;
+}
+export interface Response<T> {
+    code: number;
+    message: string;
+    result: T;
+    success: boolean;
+}

package/types/utils/auth.d.ts

@@ -0,0 +1,7 @@
+export declare const setToken: (value: string) => void;
+export declare const getToken: () => string;
+export declare const setRefreshToken: (value: string) => void;
+export declare const getRefreshToken: () => string;
+export declare const clearToken: () => void;
+export declare const setAuth: (data: any) => void;
+export declare const isAuthed: () => boolean;

package/types/utils/datetime.d.ts

@@ -1,36 +1,9 @@
-/**
-    * 日期时间工具模块
-    */
-declare const datetime: {
-    /**
-     * 将时间戳转换为相对时间文本
-     */
-    toTimeText: (timeStamp: number | string | Date, simple?: boolean) => string;
-
-    /**
-     * 判断日期是否是昨天
-     */
-    isYesterday: (date: Date) => boolean;
-
-    /**
-     * 判断日期是否在今年
-     */
-    isYear: (date: Date) => boolean;
-
-    /**
-     * 格式化日期时间为字符串
-     */
-    formatDateTime: (date: string | Date) => string;
-
-    /**
-     * 获取更精确的相对时间描述
-     */
-    toPreciseTimeText: (timeStamp: number | string | Date) => string;
-
-    /**
-     * 获取聊天界面常用的时间显示格式
-     */
-    toChatTimeText: (timeStamp: number | string | Date) => string;
-};
-
-export default datetime;
+declare const _default: {
+    toTimeText: (timeStamp: string | number | Date, simple?: boolean | undefined) => string;
+    toPreciseTimeText: (timeStamp: string | number | Date) => string;
+    toChatTimeText: (timeStamp: string | number | Date) => string;
+    isYestday: (date: Date) => boolean;
+    isYear: (date: Date) => boolean;
+    formatDateTime: (date: string | Date) => string;
+};
+export default _default;

package/types/utils/dom.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    html2Escape: (text: string) => string;
+    htmlEscape: (text: string) => string;
+    htmlUnescape: (text: string) => string;
+    escapeAttribute: (value: string) => string;
+    escapeTextContent: (text: string) => string;
+    hasHtmlSpecialChars: (text: string) => boolean;
+    setSafeHTML: (element: HTMLElement, html: string) => void;
+    safeHTML: (strings: TemplateStringsArray, ...values: any[]) => string;
+};
+export default _default;

package/types/utils/emoji.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    containEmoji: (content: string) => boolean;
+    emoTextList: string[];
+    transform: (content: string, extClass?: string) => string;
+    textToPath: (emoText: string) => string;
+    pathToText: (path: string) => string;
+};
+export default _default;

package/types/utils/enums.d.ts

@@ -0,0 +1,73 @@
+/**
+ * 消息类型枚举
+ */
+export declare 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 declare enum RTC_STATE {
+    FREE = 0,// 空闲，可以被呼叫
+    WAIT_CALL = 1,// 呼叫后等待
+    WAIT_ACCEPT = 2,// 被呼叫后等待
+    ACCEPTED = 3,// 已接受聊天，等待建立连接
+    CHATING = 4
+}
+/**
+ * 终端类型枚举
+ */
+export declare enum TERMINAL_TYPE {
+    WEB = 0,
+    APP = 1
+}
+/**
+ * 消息状态枚举
+ */
+export declare enum MESSAGE_STATUS {
+    FAILED = -2,// 发送失败
+    SENDING = -1,// 发送中(消息没到服务器)
+    PENDING = 0,// 未送达(消息已到服务器，但对方没收到)
+    DELIVERED = 1,// 已送达(对方已收到，但是未读消息)
+    RECALL = 2,// 已撤回
+    READED = 3
+}

package/types/utils/env.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 环境变量类
+ * Created by Joncky 2025.08.15
+*/
+declare class Env {
+    static EmojiUrl: string;
+    static AuthApiUrl: string;
+    static BaseApiUrl: string;
+    static WebSocketUrl: string;
+}
+export default Env;

package/types/utils/messageType.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 消息类型枚举
+ * 消息类型范围
+ */
+export declare enum MessageTypeRange {
+    NORMAL_MIN = 0,
+    NORMAL_MAX = 9,
+    STATUS_MIN = 10,
+    STATUS_MAX = 19,
+    TIP_MIN = 20,
+    TIP_MAX = 29,
+    ACTION_MIN = 40,
+    ACTION_MAX = 49,
+    RTC_PRIVATE_MIN = 100,
+    RTC_PRIVATE_MAX = 199,
+    RTC_GROUP_MIN = 200,
+    RTC_GROUP_MAX = 299
+}
+declare const _default: {
+    isNormal: (type: number) => boolean;
+    isStatus: (type: number) => boolean;
+    isTip: (type: number) => boolean;
+    isAction: (type: number) => boolean;
+    isRtcPrivate: (type: number) => boolean;
+    isRtcGroup: (type: number) => boolean;
+    getMessageCategory: (type: number) => string;
+    isValidMessageType: (type: number) => boolean;
+    getMessageTypeRanges: () => {
+        category: string;
+        min: number;
+        max: number;
+        description: string;
+    }[];
+};
+export default _default;

package/types/utils/recorderApp.d.ts

@@ -0,0 +1,8 @@
+import type { UploadRecorderFileResult } from '../libs';
+declare const _default: {
+    checkIsEnable: () => boolean;
+    start: () => Promise<void>;
+    close: () => void;
+    upload: () => Promise<UploadRecorderFileResult>;
+};
+export default _default;

package/types/utils/recorderH5.d.ts

@@ -0,0 +1,8 @@
+import type { UploadRecorderFileResult } from '../libs';
+declare const _default: {
+    checkIsEnable: () => boolean;
+    start: () => Promise<void>;
+    close: () => void;
+    upload: () => Promise<UploadRecorderFileResult>;
+};
+export default _default;

package/types/utils/requester.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="@dcloudio/types" />
+/// <reference types="@dcloudio/types" />
+import type { Response } from '../libs/index';
+export default class Requester {
+    private baseURL;
+    private options;
+    private timeout;
+    private headers;
+    private accessToken;
+    constructor(baseURL: string, timeout?: number, options?: Partial<UniApp.RequestOptions>);
+    setToken(token: string): void;
+    request<T = any>(options: Partial<UniApp.RequestOptions>): Promise<Response<T>>;
+    get<T = any>(url: string, data?: any, options?: Partial<UniApp.RequestOptions>): Promise<Response<T>>;
+    post<T = any>(url: string, data?: any, options?: Partial<UniApp.RequestOptions>): Promise<Response<T>>;
+    put<T = any>(url: string, data?: any, options?: Partial<UniApp.RequestOptions>): Promise<Response<T>>;
+    delete<T = any>(url: string, data?: any, options?: Partial<UniApp.RequestOptions>): Promise<Response<T>>;
+}

package/types/utils/url.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    containUrl: (content: string) => boolean;
+    replaceURLWithHTMLLinks: (content: string, color?: string) => string;
+};
+export default _default;

package/types/utils/useDynamicRefs.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 使用动态Refs（组合式函数）
+*/
+export declare function useDynamicRefs<T = any>(): {
+    refs: import("vue").Ref<Map<string, import("@vue/reactivity").UnwrapRefSimple<T>> & Omit<Map<string, T>, keyof Map<any, any>>, Map<string, T> | (Map<string, import("@vue/reactivity").UnwrapRefSimple<T>> & Omit<Map<string, T>, keyof Map<any, any>>)>;
+    setRef: (key: string) => (el: T) => void;
+    getRef: (key: string) => T | undefined;
+    getAllRefs: () => Map<string, import("@vue/reactivity").UnwrapRefSimple<T>> & Omit<Map<string, T>, keyof Map<any, any>>;
+};

package/types/utils/websocket.d.ts

@@ -0,0 +1,35 @@
+type MessageCallback = (cmd: number, data: any) => void;
+type CloseCallback = (res: any) => void;
+type ConnectCallback = () => void;
+declare class WebSocketManager {
+    private messageCallBack;
+    private closeCallBack;
+    private connectCallBack;
+    private isConnect;
+    private reconnectTimer;
+    private lastConnectTime;
+    private socketTask;
+    private heartCheckTimeout;
+    private heartCheckTimer;
+    private startHeartCheck;
+    private resetHeartCheck;
+    private clearHeartCheck;
+    connect(wsurl: string, token: string): void;
+    private setupSocketEvents;
+    private handleMessage;
+    private handleClose;
+    reconnect(wsurl: string, token: string): void;
+    private scheduleReconnect;
+    close(code?: number): void;
+    sendMessage(message: string): void;
+    onConnect(callback: ConnectCallback): void;
+    onMessage(callback: MessageCallback): void;
+    onClose(callback: CloseCallback): void;
+    getIsConnect(): boolean;
+    getLastConnectTime(): Date;
+    setHeartCheckTimeout(timeout: number): void;
+    destroy(): void;
+}
+declare const webSocketManager: WebSocketManager;
+export { webSocketManager, WebSocketManager };
+export default webSocketManager;

package/utils/auth.js

@@ -0,0 +1,32 @@
+export const setToken = (value) => {
+  uni.setStorageSync("accessToken", value);
+};
+
+export const getToken = () => {
+  return uni.getStorageSync("accessToken") || "";
+};
+
+export const setRefreshToken = (value) => {
+  uni.setStorageSync("refreshToken", value);
+};
+
+export const getRefreshToken = () => {
+  return uni.getStorageSync("refreshToken") || "";
+};
+
+export const clearToken = () => {
+  uni.removeStorageSync("accessToken");
+  uni.removeStorageSync("refreshToken");
+};
+
+export const setAuth = (data) => {
+  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)
+}