im-ui-mobile 0.1.30 → 0.1.31

package/components/im-cell/im-cell.vue

@@ -96,7 +96,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, nextTick, useSlots } from 'vue'
+import { computed, useSlots } from 'vue'
 
 // 定义类型
 type CellType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'

package/package.json

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

package/types/components/avatar.d.ts

@@ -15,4 +15,10 @@ declare interface _Avatar {
     }
 }
 
-export declare const Avatar: _Avatar
+export declare const Avatar: _Avatar
+
+export default Avatar
+
+export type {
+    AvatarProps
+}

package/types/components/badge.d.ts

@@ -27,16 +27,28 @@ declare interface BadgeProps {
   showZero?: boolean
 }
 
+declare interface BadgeEmits {
+  (e: 'click', event: TouchEvent): void
+}
+
+declare interface BadgeMethods {
+  /** 获取当前值 */
+  getValue: () => string | number
+}
+
 declare interface _Badge {
   new(): {
     $props: AllowedComponentProps & VNodeProps & BadgeProps
-    $emit: {
-      /** 点击事件 */
-      click: (event: MouseEvent) => void
-    }
-  }
-  /** 获取当前值 */
-  getValue: () => string | number
+    $emit: BadgeEmits
+  } & BadgeMethods
 }
 
-export declare const Badge: _Badge
+export declare const Badge: _Badge
+
+export default Badge
+
+export type {
+  BadgeProps,
+  BadgeEmits,
+  BadgeMethods
+}

package/types/components/button.d.ts

@@ -84,4 +84,11 @@ declare interface _Button {
     }
 }
 
-export declare const Button: _Button
+export declare const Button: _Button
+
+export default Button
+
+export type {
+    ButtonProps,
+    ButtonEmits
+}

package/types/components/card.d.ts

@@ -118,8 +118,12 @@ declare interface _Card {
 // 导出卡片组件
 export declare const Card: _Card
 
-// 导出类型（用于单独使用）
-export declare type CardPropsType = CardProps
-export declare type CardActionType = CardAction
-export declare type CardEventsType = CardEvents
-export declare type CardSlotsType = CardSlots
+export default Card
+
+// 导出类型
+export type {
+    CardProps,
+    CardAction,
+    CardEvents,
+    CardSlots
+}

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

@@ -11,4 +11,10 @@ declare interface _CellGroup {
     }
 }
 
-export declare const CellGroup: _CellGroup
+export declare const CellGroup: _CellGroup
+
+export default CellGroup
+
+export type {
+    CellGroupSlots
+}

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

@@ -1,7 +1,7 @@
 import { AllowedComponentProps, VNodeProps } from 'vue'
 import { ImCellProps } from './im-cell'
 
-export interface ImCellSwitchProps extends Omit<ImCellProps, 'arrow'> {
+export interface CellSwitchProps extends Omit<ImCellProps, 'arrow'> {
     // 必须的属性
     checked?: boolean
 
@@ -14,18 +14,25 @@ export interface ImCellSwitchProps extends Omit<ImCellProps, 'arrow'> {
     beforeChange?: (newValue: boolean) => Promise<boolean> | boolean
 }
 
-export interface ImCellSwitchEmits {
+export interface CellSwitchEmits {
     (e: 'update:checked', value: boolean): void
     (e: 'change', value: boolean): void
     (e: 'click', event: TouchEvent): void
     (e: 'longpress', event: TouchEvent): void
 }
 
-declare interface _ImCellSwitch {
+declare interface _CellSwitch {
     new(): {
-        $props: AllowedComponentProps & VNodeProps & ImCellSwitchProps
-        $emit: ImCellSwitchEmits
+        $props: AllowedComponentProps & VNodeProps & CellSwitchProps
+        $emit: CellSwitchEmits
     }
 }
 
-export declare const ImCellSwitch: _ImCellSwitch
+export declare const CellSwitch: _CellSwitch
+
+export default CellSwitch
+
+export type {
+    CellSwitchProps,
+    CellSwitchEmits
+}

package/types/components/cell.d.ts

@@ -43,4 +43,11 @@ declare interface _Cell {
   }
 }
 
-export declare const Cell: _Cell
+export declare const Cell: _Cell
+
+export default Cell
+
+export type {
+  CellProps,
+  CellEvents
+}

package/types/components/chat-item.d.ts

@@ -18,4 +18,11 @@ declare interface _ChatItem {
     }
 }
 
-export declare const ChatItem: _ChatItem
+export declare const ChatItem: _ChatItem
+
+export default ChatItem
+
+export type {
+    ChatItemProps,
+    ChatItemEmits
+}

package/types/components/checkbox-group.d.ts

@@ -3,7 +3,7 @@ import { AllowedComponentProps, VNodeProps } from '../common'
 /**
  * 复选框组属性接口
  */
-declare interface _CheckboxGroupProps {
+declare interface CheckboxGroupProps {
   /** 绑定值数组 */
   modelValue?: Array<string | number>
   /** 是否禁用整个组 */
@@ -33,7 +33,7 @@ declare interface _CheckboxGroupProps {
 /**
  * 复选框组事件接口
  */
-declare interface _CheckboxGroupEmits {
+declare interface CheckboxGroupEmits {
   (e: 'update:modelValue', value: Array<string | number>): void
   (e: 'change', value: Array<string | number>): void
 }
@@ -41,7 +41,7 @@ declare interface _CheckboxGroupEmits {
 /**
  * 复选框注入上下文接口
  */
-declare interface _CheckboxGroupContext {
+declare interface CheckboxGroupContext {
   modelValue: Array<string | number>
   disabled: boolean
   size: CheckboxSize
@@ -51,10 +51,10 @@ declare interface _CheckboxGroupContext {
   unregisterCheckbox?: (value: string | number) => void
 }
 
-declare interface _CheckboxGroup {
+declare interface CheckboxGroup {
   new(): {
-    $props: AllowedComponentProps & VNodeProps & _CheckboxGroupProps
-    $emit: _CheckboxGroupEmits
+    $props: AllowedComponentProps & VNodeProps & CheckboxGroupProps
+    $emit: CheckboxGroupEmits
   }
 }
 
@@ -64,7 +64,8 @@ export declare const Checkbox: _Checkbox
 export default Checkbox
 
 // 导出类型
-
-export declare type CheckboxGroupProps = _CheckboxGroupProps
-export declare type CheckboxGroupEmits = _CheckboxGroupEmits
-export declare type CheckboxGroupContext = _CheckboxGroupContext
+export type {
+  CheckboxGroupProps,
+  CheckboxGroupEmits,
+  CheckboxGroupContext
+}

package/types/components/checkbox.d.ts

@@ -3,32 +3,32 @@ import { AllowedComponentProps, VNodeProps } from '../common'
 /**
  * 复选框大小类型
  */
-export type CheckboxSize = 'small' | 'medium' | 'large' | ''
+declare type CheckboxSize = 'small' | 'medium' | 'large' | ''
 
 /**
  * 复选框类型
  */
-export type CheckboxType = 'square' | 'circle' | 'switch' | 'button'
+declare type CheckboxType = 'square' | 'circle' | 'switch' | 'button'
 
 /**
  * 排列方向
  */
-export type CheckboxDirection = 'horizontal' | 'vertical'
+declare type CheckboxDirection = 'horizontal' | 'vertical'
 
 /**
  * 角标位置
  */
-export type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
+declare type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
 
 /**
  * 角标类型
  */
-export type BadgeType = 'dot' | 'number' | 'text'
+declare type BadgeType = 'dot' | 'number' | 'text'
 
 /**
  * 复选框基础属性接口
  */
-declare interface _CheckboxProps {
+declare interface CheckboxProps {
     /** 绑定值 */
     modelValue: boolean
     /** 复选框值 */
@@ -58,7 +58,7 @@ declare interface _CheckboxProps {
     /** 是否有边框 */
     bordered?: boolean
     /** 角标配置 */
-    badge?: _CheckboxBadgeProps
+    badge?: CheckboxBadgeProps
     /** 是否可点击 */
     clickable?: boolean
     /** 自定义样式 */
@@ -68,7 +68,7 @@ declare interface _CheckboxProps {
 /**
  * 角标属性接口
  */
-declare interface _CheckboxBadgeProps {
+declare interface CheckboxBadgeProps {
     /** 角标类型 */
     type?: BadgeType
     /** 角标值（用于number/text类型） */
@@ -84,7 +84,7 @@ declare interface _CheckboxBadgeProps {
 /**
  * 复选框事件接口
  */
-declare interface _CheckboxEmits {
+declare interface CheckboxEmits {
     (e: 'update:modelValue', value: boolean | Array<string | number | boolean>): void
     (e: 'change', value: boolean | Array<string | number | boolean>): void
     (e: 'click', event: Event): void
@@ -92,8 +92,8 @@ declare interface _CheckboxEmits {
 
 declare interface _Checkbox {
     new(): {
-        $props: AllowedComponentProps & VNodeProps & _CheckboxProps
-        $emit: _CheckboxEmits
+        $props: AllowedComponentProps & VNodeProps & CheckboxProps
+        $emit: CheckboxEmits
     }
 }
 
@@ -103,6 +103,13 @@ export declare const Checkbox: _Checkbox
 export default Checkbox
 
 // 导出类型
-export declare type CheckboxProps = _CheckboxProps
-export declare type CheckboxBadgeProps = _CheckboxBadgeProps
-export declare type CheckboxEmits = _CheckboxEmits
+export type {
+    CheckboxSize,
+    CheckboxType,
+    CheckboxDirection,
+    BadgePosition,
+    BadgeType,
+    CheckboxProps,
+    CheckboxBadgeProps,
+    CheckboxEmits
+}

package/types/components/col.d.ts

@@ -7,14 +7,14 @@ declare interface ColProps {
     order?: number | string
     alignSelf?: 'auto' | 'start' | 'end' | 'center' | 'stretch'
     flex?: string
-    
+
     // 响应式配置
     xs?: number | string
     sm?: number | string
     md?: number | string
     lg?: number | string
     xl?: number | string
-    
+
     // 样式配置
     width?: string
     height?: string
@@ -23,7 +23,7 @@ declare interface ColProps {
     bgColor?: string
     borderColor?: string
     borderRadius?: string
-    
+
     // 点击事件
     clickable?: boolean
 }
@@ -34,4 +34,10 @@ declare interface _Col {
     }
 }
 
-export declare const Col: _Col
+export declare const Col: _Col
+
+export default Col
+
+export type {
+    ColProps
+}

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

@@ -20,4 +20,12 @@ declare interface _ContextMenu {
     }
 }
 
-export declare const ContextMenu: _ContextMenu
+export declare const ContextMenu: _ContextMenu
+
+export default ContextMenu
+
+export type {
+    ContextMenuProps,
+    ContextMenuEmits,
+    ContextMenuSlots
+}

package/types/components/dialog.d.ts

@@ -76,6 +76,21 @@ declare interface DialogProps {
     defaultValue?: string
 }
 
+declare interface DialogEmits {
+    (e: 'update:show', value: boolean): void
+    (e: 'update:modelValue', value: boolean): void
+    (e: 'open'): void
+    (e: 'opened'): void
+    (e: 'close'): void
+    (e: 'closed'): void
+    (e: 'click-overlay'): void
+    (e: 'confirm', value?: string): void
+    (e: 'cancel'): void
+    (e: 'input', value: string): void
+    (e: 'focus'): void
+    (e: 'blur'): void
+}
+
 // 对话框组件方法
 declare interface DialogMethods {
     // 打开对话框
@@ -94,32 +109,18 @@ declare interface DialogMethods {
 declare interface _Dialog {
     new(): {
         $props: AllowedComponentProps & VNodeProps & DialogProps
-
-        $emit: {
-            'update:show': (value: boolean) => void
-            'update:modelValue': (value: boolean) => void
-            'open': () => void
-            'opened': () => void
-            'close': () => void
-            'closed': () => void
-            'click-overlay': () => void
-            'confirm': (value?: string) => void
-            'cancel': () => void
-            'input': (value: string) => void
-            'focus': () => void
-            'blur': () => void
-        }
+        $emit: DialogEmits
     } & DialogMethods
 }
 
 export declare const Dialog: _Dialog
 
+// 默认导出
+export default Dialog
+
 // 导出类型
 export type {
-    DialogType,
     DialogProps,
+    DialogEmits,
     DialogMethods
-}
-
-// 默认导出
-export default Dialog
+}

package/types/components/double-tap-view.d.ts

@@ -16,21 +16,27 @@ declare interface DoubleTapViewExpose {
     reset: () => void
 }
 
+declare interface DoubleTapViewEmits {
+    /** 单击事件 */
+    'single-tap': (event: any) => void
+    /** 双击事件 */
+    'double-tap': (event: any) => void
+}
+
 declare interface _DoubleTapView {
     new(): {
         $props: AllowedComponentProps & VNodeProps & DoubleTapViewProps
-        $emit: {
-            /** 单击事件 */
-            'single-tap': (event: any) => void
-            /** 双击事件 */
-            'double-tap': (event: any) => void
-        }
+        $emit: DoubleTapViewEmits
     } & DoubleTapViewExpose
 }
 
 export declare const DoubleTapView: _DoubleTapView
 
+// 默认导出
+export default DoubleTapView
+
 export type {
     DoubleTapViewProps,
+    DoubleTapViewEmits,
     DoubleTapViewExpose
 }

package/types/components/emoji-picker.d.ts

@@ -23,12 +23,12 @@ declare interface EmojiPickerProps {
     visible?: boolean
     theme?: 'light' | 'dark' | 'card'
     size?: 'small' | 'medium' | 'large'
-    
+
     // 数据源
     emojis?: Emoji[]
     categories?: EmojiCategory[]
     recentEmojis?: Emoji[]
-    
+
     // 配置选项
     showRecent?: boolean
     showTabs?: boolean
@@ -41,30 +41,30 @@ declare interface EmojiPickerProps {
     showDeleteButton?: boolean
     showSendButton?: boolean
     showScrollbar?: boolean
-    
+
     // 搜索功能
     enableSearch?: boolean
     searchPlaceholder?: string
     searchIconSize?: number
     searchIconColor?: string
     autoFocus?: boolean
-    
+
     // 布局配置
     columns?: number
     emojiSize?: string | number
     spacing?: string | number
     borderRadius?: string | number
-    
+
     // 样式控制
     height?: string | number
     backgroundColor?: string
     categoryColor?: string
-    
+
     // 交互配置
     maxRecentCount?: number
     allowMultiple?: boolean
     selectedEmojis?: Emoji[]
-    
+
     // 空状态
     emptyIconSize?: number
     emptyIconColor?: string
@@ -76,20 +76,20 @@ declare interface EmojiPickerEvents {
     'update:visible': [visible: boolean]
     'open': []
     'close': []
-    
+
     // 表情事件
     'select': [emoji: Emoji]
     'delete': [emoji: Emoji]
     'send': [emoji: Emoji]
     'longpress': [emoji: Emoji]
-    
+
     // 搜索事件
     'search': [keyword: string]
     'search-clear': []
-    
+
     // 最近使用
     'recent-clear': []
-    
+
     // 分类切换
     'tab-change': [tabId: string]
 }
@@ -99,23 +99,32 @@ declare interface EmojiPickerSlots {
     footer?: () => any
 }
 
+declare interface EmojiPickerExpose {
+    open: () => void
+    close: () => void
+    insertEmoji: (emoji: Emoji) => void
+    clearRecentEmojis: () => void
+    getRecentEmojis: () => Emoji[]
+    searchEmoji: (keyword: string) => Emoji[]
+}
+
 declare interface _EmojiPicker {
     new(): {
         $props: AllowedComponentProps & VNodeProps & EmojiPickerProps
         $emit: EmojiPickerEvents
         $slots: EmojiPickerSlots
-        $exposed?: {
-            open: () => void
-            close: () => void
-            insertEmoji: (emoji: Emoji) => void
-            clearRecentEmojis: () => void
-            getRecentEmojis: () => Emoji[]
-            searchEmoji: (keyword: string) => Emoji[]
-        }
+        $exposed?: EmojiPickerExpose
     }
 }
 
 export declare const EmojiPicker: _EmojiPicker
-export declare type EmojiPickerPropsType = EmojiPickerProps
-export declare type EmojiType = Emoji
-export declare type EmojiCategoryType = EmojiCategory
+
+export default ContextMenu
+
+export type {
+    Emoji,
+    EmojiCategory,
+    EmojiPickerProps,
+    EmojiPickerEvents,
+    EmojiPickerSlots
+}

package/types/components/friend-item.d.ts

@@ -18,6 +18,8 @@ declare interface _FriendItem {
 
 export declare const FriendItem: _FriendItem
 
+export default FriendItem
+
 export type {
     FriendItemProps,
     FriendItemSlots

package/types/components/group-item.d.ts

@@ -15,4 +15,11 @@ declare interface _GroupItem {
     }
 }
 
-export declare const GroupItem: _GroupItem
+export declare const GroupItem: _GroupItem
+
+export default GroupItem
+
+export type {
+    GroupItemProps,
+    GroupItemEmits
+}

package/types/components/group-member-selector.d.ts

@@ -28,4 +28,12 @@ declare interface _GroupMemberSelector {
     open: () => void
 }
 
-export declare const GroupMemberSelector: _GroupMemberSelector
+export declare const GroupMemberSelector: _GroupMemberSelector
+
+export default GroupMemberSelector
+
+export type {
+    Member,
+    GroupMemberSelectorProps,
+    GroupMemberSelectorEmits
+}

package/types/components/group-rtc-join.d.ts

@@ -28,4 +28,12 @@ declare interface _GroupRtcJoin {
     open: (userInfo: UserInfo, rtcInfo: RtcInfo) => void
 }
 
-export declare const GroupRtcJoin: _GroupRtcJoin
+export declare const GroupRtcJoin: _GroupRtcJoin
+
+export default GroupRtcJoin
+
+export type {
+    RtcInfo,
+    GroupRtcJoinProps,
+    GroupRtcJoinEmits
+}