im-ui-mobile 0.0.24 → 0.0.26

package/index.js

@@ -13,9 +13,8 @@ const install = (app) => {
     })
 }
 
-import datetime from './utils/datetime.ts'
-export * from './libs/index.ts'
-export {datetime}
+import datetime from './utils/datetime.js'
+export { datetime }
 
 export default {
     install

package/libs/index.ts

@@ -1,7 +1,6 @@
 import type { RTC_STATE, MESSAGE_TYPE } from '../utils/enums'
 
-export * from './user'
-export * from './recorder'
+
 
 /**
  * 通话模式类型
@@ -179,4 +178,46 @@ export interface ApiResponse<T = any> {
   success?: boolean
   timestamp?: number
   path?: string
+}
+
+// -----------------------------
+// Recorder
+// -----------------------------
+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
 }

package/package.json

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

package/types/index.d.ts

@@ -1,4 +1,39 @@
 /// <reference path="./components.d.ts" />
 declare module 'im-ui-mobile' {
     export function install(): void
+
+    /**
+    * 日期时间工具模块
+    */
+    export 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;
+    };
 }

package/utils/datetime.js

@@ -0,0 +1,153 @@
+// 日期时间工具函数
+
+/**
+ * 将时间戳转换为相对时间文本
+ * @param {number|string|Date} timeStamp - 时间戳
+ * @param {boolean} simple - 是否使用简单格式
+ * @returns {string} 格式化后的时间文本
+ */
+const toTimeText = (timeStamp, simple) => {
+    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 && !isYesterday(dateTime)) {
+        // 今日
+        timeText = formatDateTime(dateTime).substr(11, 5);
+    } else if (isYesterday(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} date - 日期对象
+ * @returns {boolean} 是否是昨天
+ */
+const isYesterday = (date) => {
+    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} date - 日期对象
+ * @returns {boolean} 是否在今年
+ */
+const isYear = (date) => {
+    return date.getFullYear() === new Date().getFullYear();
+}
+
+/**
+ * 格式化日期时间为字符串
+ * @param {string|Date} date - 日期对象或字符串
+ * @returns {string} 格式化后的日期时间字符串
+ */
+const formatDateTime = (date) => {
+    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 {number|string|Date} timeStamp - 时间戳
+ * @returns {string} 精确的相对时间文本
+ */
+const toPreciseTimeText = (timeStamp) => {
+    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 {number|string|Date} timeStamp - 时间戳
+ * @returns {string} 聊天时间显示文本
+ */
+const toChatTimeText = (timeStamp) => {
+    const dateTime = new Date(timeStamp);
+    const currentTime = Date.now();
+    const timeDiff = currentTime - dateTime.getTime();
+
+    // 今天内的消息
+    if (timeDiff < 86400000 && !isYesterday(dateTime)) {
+        return formatDateTime(dateTime).substr(11, 5);
+    }
+    // 昨天的消息
+    else if (isYesterday(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,
+    isYesterday,
+    isYear,
+    formatDateTime
+};

package/libs/recorder.ts

@@ -1,21 +0,0 @@
-// -----------------------------
-// Recorder
-// -----------------------------
-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;
-}

package/libs/user.ts

@@ -1,19 +0,0 @@
-/**
- * 用户信息接口
- */
-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
-}