im-ui-mobile 0.0.80 → 0.0.82

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

@@ -27,14 +27,15 @@
 <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 { datetime, dom, messageType } from '../../index'
 import { MESSAGE_TYPE } from '../../index'
 
 interface Props {
 	chat?: any;
 	index?: number;
 	active?: boolean;
-	online: boolean
+	online: boolean;
+	emoji: any;
 }
 
 const $datetime = datetime
@@ -82,7 +83,7 @@ const isTextMessage = computed(() => {
 
 const nodesText = computed(() => {
 	const text = dom.html2Escape(props.chat?.lastContent || '');
-	return emoji.transform(text, 'emoji-small');
+	return props.emoji.transform(text, 'emoji-small');
 });
 
 // TODO:组件化（换为props.online）

package/index.js

@@ -44,24 +44,24 @@ const defaultConfig = {
     baseUrl: ''
 }
 
+let installed = false
 let emoji = null
 
 const install = (app, options = {}) => {
+    // 防止重复安装
+    if (installed) {
+        return
+    }
+
+    installed = true
+
     // 合并配置
     config = { ...defaultConfig, ...options }
 
     // 提供全局配置
     app.provide('im-config', config)
 
-    // // 应用配置到各个模块
-    // if (config.emojiUrl) {
-    //     // 设置 emoji 模块
-    //     console.log('设置 emoji 模块', config)
-    //     emoji.setEmojiUrl(config.emojiUrl);
-    // }
-
     emoji = new Emoji({ emojiUrl: config.emojiUrl })
-    emoji.setEmojiUrl(config.emojiUrl)
 
     // 安装插件
     app.use(UViewPlusPlugin)

package/package.json

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

package/types/utils/emoji.d.ts

@@ -1,7 +1,5 @@
 declare class Emoji {
     constructor(options: any);
-    setEmojiUrl: (url: string) => void;
-    getEmojiUrl: (F) => string;
     containEmoji: (content: string) => boolean;
     emoTextList: string[];
     transform: (content: string, extClass?: string) => string;

package/utils/emoji.js

@@ -8,9 +8,8 @@ class Emoji {
    * @param {string} options.emojiUrl - 表情图片基础URL
    */
   constructor(options = {}) {
-    console.log('Emoji constructor > options', options)
     // 表情图片基础URL
-    this.emojiUrl = options.emojiUrl || 'not config url';
+    this.emojiUrl = options.emojiUrl || 'url not config.';
 
     // 表情文本列表
     this.emoTextList = [
@@ -26,23 +25,6 @@ class Emoji {
     this.regex = /\#[\u4E00-\u9FA5]{1,3}\;/gi;
   }
 
-  /**
-   * 设置表情图片基础URL
-   * @param {string} url - 表情图片基础URL
-   */
-  setEmojiUrl(url) {
-    console.log('setEmojiUrl>url:', url)
-    this.emojiUrl = url;
-  }
-
-  /**
-   * 获取表情图片基础URL
-   * @returns {string} 表情图片基础URL
-   */
-  getEmojiUrl() {
-    return this.emojiUrl;
-  }
-
   /**
    * 检查内容是否包含表情符号
    * @param {string} content - 要检查的文本内容
@@ -167,17 +149,8 @@ class Emoji {
   }
 }
 
-
-// // 创建单例实例
-// const emoji = new Emoji()
-
-// // 导出单例和类
-// export { emoji, Emoji }
 export default Emoji
 
-// 为了方便使用，也可以导出一个默认实例（需要先配置emojiUrl）
-// export const emoji = new Emoji();
-
 // 使用示例：
 /*
 // 方式1：创建实例
@@ -193,8 +166,4 @@ const transformed = emoji.transform('今天很开心#开心;', 'emoji-img');
 
 // 方式2：使用静态方法创建
 const emoji = Emoji.create('https://example.com/emojis/');
-
-// 方式3：动态设置URL
-const emoji = new Emoji();
-emoji.setEmojiUrl('https://example.com/emojis/');
 */