im-ui-mobile 0.0.82 → 0.0.84

package/types/components/{bar-group.d.ts → cell-group.d.ts}

@@ -1,14 +1,14 @@
 import { AllowedComponentProps, VNodeProps } from '../common'
 
-declare interface BarGroupSlots {
+declare interface CellGroupSlots {
     default?: () => any
 }
 
-declare interface _BarGroup {
+declare interface _CellGroup {
     new(): {
         $props: AllowedComponentProps & VNodeProps
-        $slots: BarGroupSlots
+        $slots: CellGroupSlots
     }
 }
 
-export declare const BarGroup: _BarGroup
+export declare const CellGroup: _CellGroup

package/types/components/cell-switch.d.ts

@@ -0,0 +1,31 @@
+import { AllowedComponentProps, VNodeProps } from 'vue'
+import { ImCellProps } from './im-cell'
+
+export interface ImCellSwitchProps extends Omit<ImCellProps, 'arrow'> {
+    // 必须的属性
+    checked?: boolean
+
+    // Switch 特有属性
+    switchDisabled?: boolean
+    switchColor?: string
+    switchBackgroundColor?: string
+    loading?: boolean
+    async?: boolean
+    beforeChange?: (newValue: boolean) => Promise<boolean> | boolean
+}
+
+export interface ImCellSwitchEmits {
+    (e: 'update:checked', value: boolean): void
+    (e: 'change', value: boolean): void
+    (e: 'click', event: TouchEvent): void
+    (e: 'longpress', event: TouchEvent): void
+}
+
+declare interface _ImCellSwitch {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & ImCellSwitchProps
+        $emit: ImCellSwitchEmits
+    }
+}
+
+export declare const ImCellSwitch: _ImCellSwitch

package/types/components/cell.d.ts

@@ -0,0 +1,46 @@
+import { AllowedComponentProps, VNodeProps } from 'vue'
+
+declare interface CellProps {
+  // 基础属性
+  type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'
+  size?: 'small' | 'medium' | 'large'
+  disabled?: boolean
+  border?: boolean
+  hover?: boolean
+  clickable?: boolean
+
+  // 左侧内容
+  icon?: string
+  iconPosition?: 'left' | 'right'
+  avatar?: string
+  title?: string
+  titleSize?: 'small' | 'medium' | 'large'
+  description?: string
+  descriptionSize?: 'small' | 'medium' | 'large'
+
+  // 右侧内容
+  value?: string
+  label?: string
+  badge?: boolean | number | string
+  arrow?: boolean
+
+  // 样式
+  padding?: string
+  margin?: string
+  bgColor?: string
+  textColor?: string
+}
+
+declare interface CellEvents {
+  onClick: (event: PointerEvent) => void
+  onLongpress: (event: TouchEvent) => void
+}
+
+declare interface _Cell {
+  new(): {
+    $props: AllowedComponentProps & VNodeProps & CellProps
+    $emit: CellEvents
+  }
+}
+
+export declare const Cell: _Cell

package/types/components/context-menu.d.ts

@@ -0,0 +1,23 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface ContextMenuProps {
+    items?: any[]
+}
+
+declare interface ContextMenuEmits {
+    (e: 'select', item: any): void
+}
+
+declare interface ContextMenuSlots {
+    default?: () => any
+}
+
+declare interface _ContextMenu {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & ContextMenuProps
+        $emit: ContextMenuEmits
+        $slots: ContextMenuSlots
+    }
+}
+
+export declare const ContextMenu: _ContextMenu

package/types/components/{chat-at-box.d.ts → mention-picker.d.ts}

@@ -1,22 +1,22 @@
 import { AllowedComponentProps, VNodeProps } from '../common'
 import { GroupMember } from '../../libs'
 
-declare interface ChatAtBoxProps {
+declare interface MentionPickerProps {
     ownerId?: number
     members?: any[]
 }
 
-declare interface ChatAtBoxEmits {
+declare interface MentionPickerEmits {
     (e: 'complete', userIds: number[]): void
 }
 
-declare interface _ChatAtBox {
+declare interface _MentionPicker {
     new(): {
-        $props: AllowedComponentProps & VNodeProps & ChatAtBoxProps
-        $emit: ChatAtBoxEmits
+        $props: AllowedComponentProps & VNodeProps & MentionPickerProps
+        $emit: MentionPickerEmits
     }
     init: (userId: number, atUserIds: number[]) => void
     open: () => void
 }
 
-export declare const ChatAtBox: _ChatAtBox
+export declare const MentionPicker: _MentionPicker

package/types/components/{chat-message-item.d.ts → message-item.d.ts}

@@ -1,13 +1,13 @@
 import { AllowedComponentProps, VNodeProps } from '../common'
 
-declare interface ChatMessageItemProps {
+declare interface MessageItemProps {
     avatar?: string
     showName: string
     msgInfo: any
     groupMembers?: any[]
 }
 
-declare interface ChatMessageItemEmits {
+declare interface MessageItemEmits {
     (e: 'call'): void
     (e: 'longPressHead'): void
     (e: 'resend', msgInfo: any): void
@@ -18,11 +18,11 @@ declare interface ChatMessageItemEmits {
     (e: 'download', msgInfo: any): void
 }
 
-declare interface _ChatMessageItem {
+declare interface _MessageItem {
     new(): {
-        $props: AllowedComponentProps & VNodeProps & ChatMessageItemProps
-        $emit: ChatMessageItemEmits
+        $props: AllowedComponentProps & VNodeProps & MessageItemProps
+        $emit: MessageItemEmits
     }
 }
 
-export declare const ChatMessageItem: _ChatMessageItem
+export declare const MessageItem: _MessageItem

package/types/components/{chat-group-readed.d.ts → read-receipt.d.ts}

@@ -1,7 +1,7 @@
 import { AllowedComponentProps, VNodeProps } from '../common'
 import { Chat, Message } from '../../libs'
 
-declare interface ChatGroupReadedProps {
+declare interface ReadReceiptProps {
     msgInfo: {
         groupId: number
         id: number
@@ -10,7 +10,7 @@ declare interface ChatGroupReadedProps {
     groupMembers: any[]
 }
 
-declare interface ChatGroupReadedEmits {
+declare interface ReadReceiptEmits {
     (e: 'loaded', chatInfo: Chat, msgInfo: Message): void
 }
 
@@ -19,12 +19,12 @@ declare interface Member {
     quit?: boolean
 }
 
-declare interface _ChatGroupReaded {
+declare interface _ReadReceipt {
     new(): {
-        $props: AllowedComponentProps & VNodeProps & ChatGroupReadedProps
-        $emit: ChatGroupReadedEmits
+        $props: AllowedComponentProps & VNodeProps & ReadReceiptProps
+        $emit: ReadReceiptEmits
     }
     open: (userIds: number[]) => void
 }
 
-export declare const ChatGroupReaded: _ChatGroupReaded
+export declare const ReadReceipt: _ReadReceipt

package/types/components/virtual-list.d.ts

@@ -0,0 +1,148 @@
+import { AllowedComponentProps, VNodeProps, ComponentCustomProps } from 'vue'
+
+declare type LoadingStatus = 'loading' | 'no-more' | 'error' | 'idle'
+declare type ScrollAlign = 'top' | 'center' | 'bottom'
+
+declare interface ScrollToItemOptions {
+    align?: ScrollAlign
+    animated?: boolean
+}
+
+declare interface VirtualListProps<T = any> {
+    // 数据相关
+    data?: T[]
+    keyField?: string
+
+    // 尺寸相关
+    estimatedItemSize?: number
+    buffer?: number
+    height?: string | number
+
+    // 滚动相关
+    lowerThreshold?: number
+    upperThreshold?: number
+    scrollTop?: number
+
+    // 加载相关
+    showTopLoading?: boolean
+    showBottomLoading?: boolean
+    topStatus?: LoadingStatus
+    bottomStatus?: LoadingStatus
+
+    // 功能相关
+    showBackToTop?: boolean
+    backToTopThreshold?: number
+    scrollIntoView?: string
+    keepScrollPosition?: boolean
+}
+
+declare interface VirtualListEmits<T = any> {
+    // 滚动事件
+    onScroll?: (event: any) => void
+    onScrollToLower?: () => void
+    onScrollToUpper?: () => void
+
+    // 加载事件
+    onTopLoad?: () => void
+    onBottomLoad?: () => void
+
+    // 项目事件
+    onItemClick?: (item: T, index: number) => void
+    onItemLongPress?: (item: T, index: number) => void
+
+    // 更新事件
+    'onUpdate:scrollIntoView'?: (value: string) => void
+}
+
+declare interface VirtualListSlots<T = any> {
+    default?: (props: {
+        item: T,
+        index: number
+    }) => any
+
+    topLoading?: (props: {
+        status: LoadingStatus
+    }) => any
+
+    bottomLoading?: (props: {
+        status: LoadingStatus
+    }) => any
+
+    backToTop?: () => any
+}
+
+declare interface VirtualListExposed<T = any> {
+    // 滚动控制
+    scrollToTop: () => void
+    scrollToBottom: () => void
+    scrollToItem: (index: number, options?: ScrollToItemOptions) => void
+    scrollToIndex: (index: number, options?: ScrollToItemOptions) => void
+
+    // 信息获取
+    getVisibleRange: () => { start: number, end: number }
+    getContainerHeight: () => number
+    getScrollTop: () => number
+
+    // 尺寸测量
+    measureContainer: () => void
+    getItemHeight: (item: T, index: number) => number
+
+    // 数据操作
+    updateData: (data: T[]) => void
+    appendData: (data: T[]) => void
+    prependData: (data: T[]) => void
+    clearData: () => void
+
+    // 状态控制
+    startLoading: (type: 'top' | 'bottom') => void
+    stopLoading: (type: 'top' | 'bottom') => void
+    setLoadingStatus: (type: 'top' | 'bottom', status: LoadingStatus) => void
+    refresh: () => void
+}
+
+declare interface _VirtualList {
+    new(): {
+        $props: AllowedComponentProps &
+        VNodeProps &
+        ComponentCustomProps &
+        VirtualListProps
+
+        $emit: VirtualListEmits
+        $slots: VirtualListSlots
+
+        // 暴露的方法
+        scrollToTop: VirtualListExposed['scrollToTop']
+        scrollToBottom: VirtualListExposed['scrollToBottom']
+        scrollToItem: VirtualListExposed['scrollToItem']
+        scrollToIndex: VirtualListExposed['scrollToIndex']
+        getVisibleRange: VirtualListExposed['getVisibleRange']
+        getContainerHeight: VirtualListExposed['getContainerHeight']
+        getScrollTop: VirtualListExposed['getScrollTop']
+        measureContainer: VirtualListExposed['measureContainer']
+        getItemHeight: VirtualListExposed['getItemHeight']
+        updateData: VirtualListExposed['updateData']
+        appendData: VirtualListExposed['appendData']
+        prependData: VirtualListExposed['prependData']
+        clearData: VirtualListExposed['clearData']
+        startLoading: VirtualListExposed['startLoading']
+        stopLoading: VirtualListExposed['stopLoading']
+        setLoadingStatus: VirtualListExposed['setLoadingStatus']
+        refresh: VirtualListExposed['refresh']
+    }
+}
+
+export declare const VirtualList: _VirtualList
+
+// 默认导出
+export default VirtualList
+
+// 类型导出
+export {
+    type LoadingStatus,
+    type ScrollAlign,
+    type ScrollToItemOptions,
+    type VirtualListProps,
+    type VirtualListEmits,
+    type VirtualListSlots,
+    type VirtualListExposed
+}

package/types/components/{chat-record.d.ts → voice-input.d.ts}

@@ -1,14 +1,14 @@
 import { AllowedComponentProps, VNodeProps } from '../common'
 
-declare interface ChatRecordEmits {
+declare interface VoiceInputEmits {
     (e: 'send', data: any): void
 }
 
-declare interface _ChatRecord {
+declare interface _VoiceInput {
     new(): {
         $props: AllowedComponentProps & VNodeProps
-        $emit: ChatRecordEmits
+        $emit: VoiceInputEmits
     }
 }
 
-export declare const ChatRecord: _ChatRecord
+export declare const VoiceInput: _VoiceInput

package/types/components.d.ts

@@ -1,24 +1,23 @@
 declare module 'vue' {
     export interface GlobalComponents {
-        ['im-arrow-bar']: typeof import('./components/arrow-bar')['ArrowBar']
-        ['im-bar-group']: typeof import('./components/bar-group')['BarGroup']
+        ['im-cell']: typeof import('./components/cell')['Cell']
+        ['im-cell-group']: typeof import('./components/cell-group')['CellGroup']
         ['im-button']: typeof import('./components/button')['Button']
-        ['im-chat-at-box']: typeof import('./components/chat-at-box')['ChatAtBox']
-        ['im-chat-group-readed']: typeof import('./components/chat-group-readed')['ChatGroupReaded']
+        ['im-mention-picker']: typeof import('./components/mention-picker')['MentionPicker']
+        ['im-read-receipt']: typeof import('./components/read-receipt')['ReadReceipt']
         ['im-chat-item']: typeof import('./components/chat-item')['ChatItem']
-        ['im-chat-message-item']: typeof import('./components/chat-message-item')['ChatMessageItem']
-        ['im-chat-record']: typeof import('./components/chat-record')['ChatRecord']
+        ['im-message-item']: typeof import('./components/message-item')['MessageItem']
+        ['im-voice-input']: typeof import('./components/voice-input')['VoiceInput']
         ['im-file-upload']: typeof import('./components/file-upload')['FileUpload']
         ['im-friend-item']: typeof import('./components/friend-item')['FriendItem']
         ['im-group-item']: typeof import('./components/group-item')['GroupItem']
         ['im-group-member-selector']: typeof import('./components/group-member-selector')['GroupMemberSelector']
         ['im-group-rtc-join']: typeof import('./components/group-rtc-join')['GroupRtcJoin']
-        ['im-head-image']: typeof import('./components/head-image')['HeadImage']
+        ['im-avatar']: typeof import('./components/avatar')['Avatar']
         ['im-loading']: typeof import('./components/loading')['Loading']
-        ['im-long-press-menu']: typeof import('./components/long-press-menu')['LongPressMenu']
-        ['im-sample']: typeof import('./components/sample')['Sample']
-        ['im-switch-bar']: typeof import('./components/switch-bar')['SwitchBar']
+        ['im-context-menu']: typeof import('./components/context-menu')['ContextMenu']
         ['im-virtual-scroller']: typeof import('./components/virtual-scroller')['VirtualScroller']
+        ['im-virtual-list']: typeof import('./components/virtual-list')['VirtualList']
     }
 }
 

package/types/index.d.ts

@@ -7,8 +7,8 @@ import { emoji } from "./utils/emoji.d.ts";
 import { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS } from "./utils/enums.d.ts";
 import * as dom from "./utils/dom.d.ts";
 import messageType from "./utils/messageType.d.ts";
-import * as recorderApp from "./utils/recorderApp.d.ts";
-import * as recorderH5 from "./utils/recorderH5.d.ts";
+import RecorderApp from "./utils/recorderApp.d.ts";
+import RecorderH5 from "./utils/recorderH5.d.ts";
 import Requester from "./utils/requester.d.ts";
 import * as url from "./utils/url.d.ts";
 import { useDynamicRefs } from "./utils/useDynamicRefs.d.ts";
@@ -60,6 +60,8 @@ declare module 'im-ui-mobile' {
         url,
         useDynamicRefs,
         WebSocket,
+        RecorderApp,
+        RecorderH5,
 
         // 枚举类型
         RTC_STATE,

package/utils/config.js

@@ -0,0 +1,17 @@
+let _config = {}
+
+// 配置管理器
+export const configManager = {
+  setConfig(config) {
+    _config = { ..._config, ...config }
+  },
+
+  getConfig() {
+    return { ..._config }
+  },
+
+  get(key, defaultValue = undefined) {
+    return _config[key] ?? defaultValue
+  }
+}
+

package/utils/datetime.js

@@ -6,7 +6,7 @@
  * @param {boolean} simple - 是否使用简单格式
  * @returns {string} 格式化后的时间文本
  */
-const toTimeText = (timeStamp, simple) => {
+const toTimeText = (timeStamp, simple = false) => {
     const dateTime = new Date(timeStamp);
     const currentTime = Date.now(); // 当前时间戳
     const timeDiff = currentTime - dateTime.getTime(); // 与当前时间误差

package/utils/emoji.js

@@ -1,3 +1,5 @@
+import { configManager } from './config.js'
+
 /**
  * 表情工具类
  */
@@ -25,6 +27,10 @@ class Emoji {
     this.regex = /\#[\u4E00-\u9FA5]{1,3}\;/gi;
   }
 
+  getEmojiUrl() {
+    return configManager.get('emojiUrl', 'url not found from awear.')
+  }
+
   /**
    * 检查内容是否包含表情符号
    * @param {string} content - 要检查的文本内容
@@ -69,8 +75,7 @@ class Emoji {
     if (idx === -1) {
       return '';
     }
-    console.log('textToPath（' + emoText + '）：', this.emojiUrl)
-    return this.emojiUrl + idx + ".gif";
+    return this.getEmojiUrl() + idx + ".gif";
   }
 
   /**
@@ -79,13 +84,13 @@ class Emoji {
    * @returns {string} 表情文本，格式如 "#开心;"
    */
   pathToText(path) {
-    if (!path || !this.emojiUrl || !path.includes(this.emojiUrl)) {
+    if (!path || !this.getEmojiUrl() || !path.includes(this.getEmojiUrl())) {
       return '';
     }
 
     try {
       // 从路径中提取表情索引
-      const filename = path.replace(this.emojiUrl, '').replace('.gif', '');
+      const filename = path.replace(this.getEmojiUrl(), '').replace('.gif', '');
       const index = parseInt(filename);
 
       // 检查索引是否有效

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

@@ -1,59 +0,0 @@
-<template>
-	<view class="arrow-bar">
-		<text class="icon iconfont" :class="icon" :style="{color: textColor}"></text>
-		<text class="title">{{ title }}</text>
-		<u-icon class="arrow" name="arrow-right" size="16"></u-icon>
-	</view>
-</template>
-
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-interface Props {
-  title: string;
-  icon?: string;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  icon: ''
-});
-
-const colors = ref([
-  "#5daa31", "#c7515a", "#e03697", "#85029b",
-  "#c9b455", "#326eb6"
-]);
-
-const textColor = computed(() => {
-  let hash = 0;
-  for (let i = 0; i < props.title.length; i++) {
-    hash += props.title.charCodeAt(i);
-  }
-  return colors.value[hash % colors.value.length];
-});
-</script>
-
-<style lang="scss" scoped>
-.arrow-bar {
-	width: 100%;
-	height: 90rpx;
-	font-size: $im-font-size;
-	color: $im-text-color;
-	margin-top: 5rpx;
-	background-color: white;
-	line-height: 90rpx;
-	display: flex;
-	
-	.icon {
-		margin-left: 40rpx;
-	}
-	
-	.title {
-		flex: 1;
-		margin-left: 10rpx;
-	}
-
-	.arrow {
-		margin-right: 40rpx;
-	}
-}
-</style>