im-ui-mobile 0.0.53 → 0.0.55

package/components/im-btn-bar/im-btn-bar.vue

@@ -6,6 +6,8 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+
 interface Props {
 	title: string;
 	icon?: string;

package/components/im-chat-at-box/im-chat-at-box.vue

@@ -35,6 +35,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue'
 import ImHeadImage from '../im-head-image/im-head-image.vue'
 import ImVirtualScroller from '../im-virtual-scroller/im-virtual-scroller.vue'
 import { GroupMember } from '../../libs';

package/components/im-chat-group-readed/im-chat-group-readed.vue

@@ -33,6 +33,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
 import ImHeadImage from '../im-head-image/im-head-image.vue'
 import ImVirtualScroller from '../im-virtual-scroller/im-virtual-scroller.vue'
 import { Chat, Message } from '../../libs';

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

@@ -25,9 +25,10 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
 import ImHeadImage from '../im-head-image/im-head-image.vue'
 import { datetime, dom, messageType, emoji } from '../../index'
-import { MESSAGE_TYPE } from '../../types'
+import { MESSAGE_TYPE } from '../../index'
 
 interface Props {
 	chat?: any;

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

@@ -88,11 +88,12 @@
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue'
 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  '../../types'
-import { datetime, dom, url,messageType, emoji } from '../../index'
+import { MESSAGE_TYPE, MESSAGE_STATUS } from '../../index'
+import { datetime, dom, url, messageType, emoji } from '../../index'
 
 interface Props {
 	avatar?: string;

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

@@ -26,6 +26,7 @@
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue'
 import { recorderApp, recorderH5 } from '../../index'
 
 const recording = ref(false);

package/components/im-file-upload/im-file-upload.vue

@@ -12,6 +12,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
+
 // 定义类型
 interface UploadFile {
 	url: string

package/components/im-group-member-selector/im-group-member-selector.vue

@@ -10,7 +10,7 @@
 			<scroll-view v-show="checkedIds.length > 0" scroll-x="true" scroll-left="120">
 				<view class="checked-users">
 					<view v-for="m in checkedMembers" class="user-item" :key="m.userId">
-						<im-head-image :name="m.showNickName" :url="m.headImage" :size="60"/>
+						<im-head-image :name="m.showNickName" :url="m.headImage" :size="60" />
 					</view>
 				</view>
 			</scroll-view>
@@ -22,7 +22,7 @@
 					<template v-slot="{ item }">
 						<view class="member-item" @click="onSwitchChecked(item)">
 							<im-head-image :name="item.showNickName" :online="item.online" :url="item.headImage"
-								:size="90"/>
+								:size="90" />
 							<view class="member-name">{{ item.showNickName }}
 							</view>
 							<view class="member-checked">
@@ -39,6 +39,7 @@
 
 
 <script setup lang="ts">
+import { ref, computed } from 'vue'
 import ImHeadImage from '../im-head-image/im-head-image.vue'
 import ImVirtualScroller from '../im-virtual-scroller/im-virtual-scroller.vue'
 

package/components/im-image-upload/im-image-upload.vue

@@ -5,6 +5,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
+
 interface Props {
 	maxCount?: number;
 	maxSize?: number;

package/components/im-loading/im-loading.vue

@@ -6,6 +6,8 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from 'vue'
+
 interface Props {
 	size?: number;
 	iconColor?: string;

package/components/im-long-press-menu/im-long-press-menu.vue

@@ -13,6 +13,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
+
 interface Props {
 	items?: any[];
 }

package/components/im-switch-bar/im-switch-bar.vue

@@ -6,6 +6,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue'
+
 interface Props {
 	title: string;
 	checked?: boolean;

package/components/im-virtual-scroller/im-virtual-scroller.vue

@@ -9,6 +9,8 @@
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue'
+
 interface Props {
 	height?: string;
 	items?: any[];

package/index.js

@@ -1,4 +1,4 @@
-import { Pinia } from './plugins/pinia.js'
+import { PiniaPlugin } from './plugins/pinia.js'
 import { UViewPlusPlugin } from './plugins/uview-plus.js'
 
 const importFn = import.meta.glob('./components/im-*/im-*.vue', { eager: true })
@@ -27,7 +27,7 @@ for (const key in importFn) {
 const install = (app, options = {}) => {
     // 安装pinia插件
     if (options.usePinia !== false) {
-        app.use(Pinia, options.piniaOptions)
+        app.use(PiniaPlugin, options.piniaOptions)
     }
 
     // 安装 uview-plus
@@ -45,14 +45,15 @@ const install = (app, options = {}) => {
 import eventBus from "./utils/eventBus.js";
 import datetime from "./utils/datetime.js";
 import { emoji, Emoji } from "./utils/emoji.js";
-import * as dom from "./utils/dom.js";
+import 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 RecorderApp from "./utils/recorderApp.js";
+import RecorderH5 from "./utils/recorderH5.js";
 import Requester from "./utils/requester.js";
-import * as url from "./utils/url.js";
+import url from "./utils/url.js";
 import { useDynamicRefs } from "./utils/useDynamicRefs.js";
 import { webSocketManager, WebSocketManager } from "./utils/websocket.js";
+import { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS } from "./utils/enums.js";
 
 export {
     eventBus,
@@ -61,13 +62,19 @@ export {
     Emoji,
     dom,
     messageType,
-    recorderApp,
-    recorderH5,
+    RecorderApp as recorderApp,
+    RecorderH5 as recorderH5,
     Requester,
     url,
     useDynamicRefs,
     webSocketManager,
-    WebSocketManager
+    WebSocketManager,
+
+    // Enums
+    MESSAGE_TYPE,
+    RTC_STATE,
+    TERMINAL_TYPE,
+    MESSAGE_STATUS
 }
 
 export default {

package/libs/index.ts

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

package/package.json

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

package/plugins/pinia.js

@@ -1,6 +1,6 @@
 import { createPinia } from 'pinia'
 
-export const Pinia = {
+export const PiniaPlugin = {
   install(app, options = {}) {
     // 创建pinia实例
     const pinia = createPinia()

package/types/libs/index.d.ts

@@ -1,4 +1,4 @@
-import type { RTC_STATE, MESSAGE_TYPE } from '../utils/enums';
+import type { RTC_STATE, MESSAGE_TYPE } from '../utils/enums.d.ts';
 /**
  * 通话模式类型
  */

package/types/utils/requester.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="@dcloudio/types" />
-/// <reference types="@dcloudio/types" />
 import type { Response } from '../libs/index';
 export default class Requester {
     private baseURL;

package/utils/dom.js

@@ -31,7 +31,7 @@ const HTML_UNESCAPE_MAP = {
  */
 const html2Escape = (text) => {
   if (!text) return '';
-  
+
   return text.replace(/[<>&"']/g, (char) => {
     return HTML_ESCAPE_MAP[char] || char;
   });
@@ -44,7 +44,7 @@ const html2Escape = (text) => {
  */
 const htmlEscape = (text) => {
   if (!text) return '';
-  
+
   const escapeRegex = /[<>&"'`]/g;
   return text.replace(escapeRegex, (char) => {
     return HTML_ESCAPE_MAP[char] || char;
@@ -58,7 +58,7 @@ const htmlEscape = (text) => {
  */
 const htmlUnescape = (text) => {
   if (!text) return '';
-  
+
   const unescapeRegex = /&(lt|gt|amp|quot|#39|#96);/g;
   return text.replace(unescapeRegex, (entity) => {
     return HTML_UNESCAPE_MAP[entity] || entity;
@@ -72,7 +72,7 @@ const htmlUnescape = (text) => {
  */
 const escapeAttribute = (value) => {
   if (!value) return '';
-  
+
   return value
     .replace(/"/g, '&quot;')
     .replace(/'/g, '&#39;')
@@ -87,7 +87,7 @@ const escapeAttribute = (value) => {
  */
 const escapeTextContent = (text) => {
   if (!text) return '';
-  
+
   return text
     .replace(/&/g, '&amp;')
     .replace(/</g, '&lt;')
@@ -102,7 +102,7 @@ const escapeTextContent = (text) => {
  */
 const hasHtmlSpecialChars = (text) => {
   if (!text) return false;
-  
+
   return /[<>&"']/.test(text);
 };
 
@@ -113,7 +113,7 @@ const hasHtmlSpecialChars = (text) => {
  */
 const setSafeHTML = (element, html) => {
   if (!element) return;
-  
+
   element.innerHTML = htmlEscape(html);
 };
 
@@ -125,14 +125,14 @@ const setSafeHTML = (element, html) => {
  */
 const safeHTML = (strings, ...values) => {
   let result = '';
-  
+
   for (let i = 0; i < strings.length; i++) {
     result += strings[i];
     if (i < values.length) {
       result += htmlEscape(String(values[i]));
     }
   }
-  
+
   return result;
 };
 

package/utils/requester.js

@@ -1,4 +1,4 @@
-export default class Requester {
+class Requester {
     constructor(baseURL, options = {}) {
         this.baseURL = baseURL;
         this.options = options;
@@ -81,4 +81,4 @@ export default class Requester {
     }
 }
 
-export { Requester }
+export default { Requester }