im-ui-mobile 0.1.0 → 0.1.2

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

@@ -0,0 +1,136 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+import type { Message, GroupMember } from 'im-ui-mobile'
+
+declare interface TypingUser {
+    id: number
+    name: string
+    avatar?: string
+}
+
+declare interface ActionMenuAction {
+    key: string
+    text: string
+    icon?: string
+    color?: string
+    disabled?: boolean
+}
+
+declare interface MessageListProps {
+    // 数据相关
+    messages: Message[]
+    groupMembers?: GroupMember[]
+    typingUser?: TypingUser | null
+
+    // 显示控制
+    theme?: 'light' | 'dark'
+    mode?: 'normal' | 'compact'
+    loading?: boolean
+    loadingText?: string
+    loadingPosition?: 'top' | 'inside'
+
+    // 日期时间显示
+    showTimestamp?: boolean
+    timestampInterval?: number
+    showMessageTime?: boolean
+    dateFormat?: string
+    timeFormat?: string
+
+    // 消息显示
+    showMessageStatus?: boolean
+    showMessageMenu?: boolean
+    showMessageReceipt?: boolean
+    displayName?: boolean
+    showAvatar?: boolean
+    groupShowName?: boolean
+
+    // 滚动相关
+    autoScroll?: boolean
+    scrollAnimation?: boolean
+    showScrollbar?: boolean
+    enableBackToTop?: boolean
+    loadMoreThreshold?: number
+    scrollToBottomThreshold?: number
+    keepAtBottom?: boolean
+
+    // 交互提示
+    showScrollToBottom?: boolean
+    showUnreadTips?: boolean
+    unreadCount?: number
+    newMessageCount?: number
+
+    // 空状态
+    emptyText?: string
+    emptyIconColor?: string
+
+    // 样式控制
+    backgroundColor?: string
+    minHeight?: string | number
+    maxHeight?: string | number
+    padding?: string | number
+    margin?: string | number
+
+    // 自定义操作
+    actionMenuActions?: ActionMenuAction[]
+}
+
+declare interface MessageListEvents {
+    // 数据事件
+    onLoadMore?: () => void
+    onMessageClick?: (message: Message, event: MouseEvent) => void
+    onMessageLongpress?: (message: Message, event: TouchEvent) => void
+
+    // 消息操作
+    onResend?: (message: Message) => void
+    onRecall?: (message: Message) => void
+    onDelete?: (message: Message) => void
+    onCopy?: (message: Message) => void
+    onForward?: (message: Message) => void
+    onReply?: (message: Message) => void
+    onDownload?: (message: Message) => void
+
+    // 交互事件
+    onAvatarClick?: (message: Message, event: MouseEvent) => void
+    onNameClick?: (message: Message, event: MouseEvent) => void
+    onScroll?: (event: any) => void
+    onScrollToBottom?: () => void
+    onScrollToTop?: () => void
+
+    // 音频事件
+    onAudioPlay?: (message: Message) => void
+    onAudioPause?: (message: Message) => void
+
+    // 动作菜单
+    onActionMenuSelect?: (action: ActionMenuAction, message: Message) => void
+}
+
+declare interface MessageListSlots {
+    // 默认插槽（消息项）
+    message?: (props: { message: Message, index: number }) => any
+
+    // 空状态插槽
+    empty?: () => any
+
+    // 正在输入插槽
+    typing?: () => any
+}
+
+declare interface _MessageList {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & MessageListProps
+        $emit: MessageListEvents
+        $slots: MessageListSlots
+        $exposed?: {
+            scrollToBottom: (animated?: boolean) => void
+            scrollToMessage: (messageId: number | string, animated?: boolean) => void
+            scrollToUnread: () => void
+            getScrollTop: () => number
+            setScrollTop: (top: number) => void
+            stopAllAudio: () => void
+        }
+    }
+}
+
+export declare const MessageList: _MessageList
+export declare type MessageListPropsType = MessageListProps
+export declare type TypingUserType = TypingUser
+export declare type ActionMenuActionType = ActionMenuAction

package/types/components/modal.d.ts

@@ -0,0 +1,106 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+// 模态框组件 Props
+declare interface ModalProps {
+    // 显示控制
+    show?: boolean
+    modelValue?: boolean
+
+    // 标题和内容
+    title?: string
+    subtitle?: string
+    content?: string
+
+    // 头部配置
+    showHeader?: boolean
+    showSubtitle?: boolean
+
+    // 内容配置
+    bodyStyle?: Record<string, string>
+
+    // 底部按钮配置
+    showFooter?: boolean
+    showCancel?: boolean
+    showConfirm?: boolean
+    cancelText?: string
+    confirmText?: string
+    cancelType?: 'default' | 'primary' | 'warning' | 'error'
+    confirmType?: 'default' | 'primary' | 'warning' | 'error'
+    cancelPlain?: boolean
+    confirmPlain?: boolean
+    cancelDisabled?: boolean
+    confirmDisabled?: boolean
+    cancelLoading?: boolean
+    confirmLoading?: boolean
+    buttonSize?: 'small' | 'medium' | 'large'
+
+    // 弹窗配置
+    position?: 'center' | 'top' | 'bottom' | 'left' | 'right'
+    animation?: 'fade' | 'slide' | 'zoom' | 'none'
+    duration?: number
+    showOverlay?: boolean
+    overlayColor?: string
+    overlayOpacity?: number
+    closeOnClickOverlay?: boolean
+    lockScroll?: boolean
+    width?: string
+    maxWidth?: string
+    minWidth?: string
+    borderRadius?: string
+    backgroundColor?: string
+    zIndex?: number
+    showClose?: boolean
+    closePosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
+    safeAreaInsetBottom?: boolean
+    customClass?: string
+
+    // 行为控制
+    closeOnClickAction?: boolean
+    showCloseAfterConfirm?: boolean
+    showCloseAfterCancel?: boolean
+}
+
+// 模态框组件方法
+declare interface ModalMethods {
+    // 打开模态框
+    open: () => void
+
+    // 关闭模态框
+    close: () => void
+
+    // 切换显示状态
+    toggle: () => void
+}
+
+declare interface _Modal {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & ModalProps
+
+        $emit: {
+            'update:show': (value: boolean) => void
+            'update:modelValue': (value: boolean) => void
+            'open': () => void
+            'opened': () => void
+            'close': () => void
+            'closed': () => void
+            'click-overlay': () => void
+            'confirm': () => void
+            'cancel': () => void
+            'before-enter': () => void
+            'after-enter': () => void
+            'before-leave': () => void
+            'after-leave': () => void
+        }
+    } & ModalMethods
+}
+
+export declare const Modal: _Modal
+
+// 导出类型
+export type {
+    ModalProps,
+    ModalMethods
+}
+
+// 默认导出
+export default Modal

package/types/components/nav-bar.d.ts

@@ -0,0 +1,125 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface NavBarAction {
+    text?: string
+    icon?: string
+    iconSize?: string | number
+    iconColor?: string
+    textColor?: string
+    disabled?: boolean
+    badge?: string | number
+    data?: any
+}
+
+declare interface NavBarProps {
+    // 基础属性
+    title?: string
+    type?: 'default' | 'search' | 'home' | 'custom'
+    theme?: 'light' | 'dark' | 'primary' | 'transparent'
+    fixed?: boolean
+    border?: boolean
+    transparent?: boolean
+    shadow?: boolean
+    immersive?: boolean
+    safeArea?: boolean
+
+    // 标题相关
+    titleIcon?: string
+    titleIconSize?: string | number
+    titleIconColor?: string
+    titleRightIcon?: string
+    titleRightIconSize?: string | number
+    titleRightIconColor?: string
+    titleEllipsis?: boolean
+    titleStyle?: Record<string, any>
+
+    // 返回按钮
+    showBack?: boolean
+    backIcon?: string
+    backIconSize?: string | number
+    backIconColor?: string
+    backText?: string
+    delta?: number
+
+    // 左侧区域
+    showLeft?: boolean
+    leftIcon?: string
+    leftText?: string
+
+    // 右侧区域
+    rightIcon?: string
+    rightText?: string
+    actions?: NavBarAction[]
+
+    // 图标通用
+    iconSize?: string | number
+    iconColor?: string
+
+    // 搜索栏模式
+    searchValue?: string
+    placeholder?: string
+    placeholderStyle?: string
+    searchFocus?: boolean
+    searchDisabled?: boolean
+    showSearchButton?: boolean
+    searchButtonText?: string
+
+    // 样式控制
+    height?: string | number
+    backgroundColor?: string
+    color?: string
+    statusBarColor?: string
+    zIndex?: number
+
+    // 自定义样式
+    customStyle?: Record<string, any>
+}
+
+declare interface NavBarEvents {
+    // 基础事件
+    onBack?: (event: MouseEvent) => void
+    onLeftClick?: (event: MouseEvent) => void
+    onRightClick?: (event: MouseEvent) => void
+    onTitleClick?: (event: MouseEvent) => void
+
+    // 搜索事件
+    onSearchInput?: (value: string, event: any) => void
+    onSearchFocus?: (event: any) => void
+    onSearchBlur?: (event: any) => void
+    onSearchConfirm?: (value: string, event: any) => void
+    onSearchClear?: () => void
+    onSearchButtonClick?: (value: string) => void
+
+    // 操作事件
+    onActionClick?: (action: NavBarAction, index: number) => void
+
+    // 生命周期
+    onInit?: () => void
+    onReady?: () => void
+}
+
+declare interface NavBarSlots {
+    // 命名插槽
+    left?: () => any
+    title?: () => any
+    right?: () => any
+}
+
+declare interface _NavBar {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & NavBarProps
+        $emit: NavBarEvents
+        $slots: NavBarSlots
+        $exposed?: {
+            focusSearch: () => void
+            blurSearch: () => void
+            clearSearch: () => void
+            getSearchValue: () => string
+            setSearchValue: (value: string) => void
+        }
+    }
+}
+
+export declare const NavBar: _NavBar
+export declare type NavBarPropsType = NavBarProps
+export declare type NavBarActionType = NavBarAction

package/types/components/parse.d.ts

@@ -0,0 +1,90 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface _LinkData {
+    url: string;
+    text: string;
+    isExternal?: boolean;
+}
+
+declare interface _ParseOptions {
+    /**
+     * 是否将链接转换为可点击元素
+     * @default true
+     */
+    enableLinks?: boolean;
+
+    /**
+     * 是否在新窗口打开外部链接
+     * @default true
+     */
+    openExternalInNewWindow?: boolean;
+
+    /**
+     * 链接点击事件处理
+     */
+    onLinkClick?: (link: LinkData, event?: Event) => void;
+
+    /**
+     * 是否解析并高亮邮箱地址
+     * @default false
+     */
+    parseEmail?: boolean;
+
+    /**
+     * 是否解析并高亮电话号码
+     * @default false
+     */
+    parsePhone?: boolean;
+}
+
+declare interface ParseProps {
+    // 内容
+    content?: string
+    modelValue?: string
+
+    // 解析选项
+    options?: ParseOptions
+
+    // 解析模式
+    mode?: 'html' | 'text' | 'markdown' | 'json'
+    encoding?: 'utf-8' | 'base64' | 'url'
+
+    // 通用配置
+    maxLength?: number
+    ellipsis?: string
+    lines?: number
+
+    // HTML 配置
+    useRichText?: boolean
+    space?: 'ensp' | 'emsp' | 'nbsp'
+    filterTags?: string[]
+    allowTags?: string[]
+    allowAttributes?: Record<string, string[]>
+    allowDomains?: string[]
+
+    // 样式配置
+    customClass?: string
+    customStyle?: string | Record<string, string>
+    textStyle?: string | Record<string, string>
+
+    // 功能配置
+    autolink?: boolean
+    emoji?: boolean
+    highlight?: boolean
+    lazyLoad?: boolean
+    errorFallback?: string
+
+    // 事件配置
+    preventDefault?: boolean
+}
+
+declare interface _Parse {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & ParseProps
+    }
+}
+
+export declare const Parse: _Parse
+
+export declare type LinkData = _LinkData
+export declare type ParseOptions = _ParseOptions

package/types/components/popup.d.ts

@@ -0,0 +1,58 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface PopupProps {
+    // 显示控制
+    show?: boolean
+    modelValue?: boolean
+
+    // 位置和动画
+    position?: 'center' | 'top' | 'bottom' | 'left' | 'right'
+    animation?: 'fade' | 'slide' | 'zoom' | 'none'
+    duration?: number
+
+    // 遮罩层
+    showOverlay?: boolean
+    overlayColor?: string
+    overlayOpacity?: number
+    closeOnClickOverlay?: boolean
+    overlayClass?: string
+
+    // 样式
+    width?: string
+    height?: string
+    backgroundColor?: string
+    borderRadius?: string
+    zIndex?: number
+
+    // 行为
+    lockScroll?: boolean
+    showClose?: boolean
+    closePosition?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'
+    safeAreaInsetBottom?: boolean
+
+    // 自定义
+    customClass?: string
+}
+
+declare interface _Popup {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & PopupProps
+
+        // 事件定义
+        $emit: {
+            'update:show': (value: boolean) => void
+            'update:modelValue': (value: boolean) => void
+            'open': () => void
+            'opened': () => void
+            'close': () => void
+            'closed': () => void
+            'click-overlay': () => void
+            'before-enter': () => void
+            'after-enter': () => void
+            'before-leave': () => void
+            'after-leave': () => void
+        }
+    }
+}
+
+export declare const Popup: _Popup

package/types/components/row.d.ts

@@ -0,0 +1,31 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface RowProps {
+    // 布局配置
+    gutter?: number | string
+    align?: 'top' | 'middle' | 'bottom' | 'stretch'
+    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between'
+    wrap?: boolean
+    
+    // 样式配置
+    width?: string
+    height?: string
+    margin?: string
+    padding?: string
+    bgColor?: string
+    borderColor?: string
+    borderRadius?: string
+    shadow?: boolean
+    
+    // 间距配置
+    rowGap?: number | string
+    columnGap?: number | string
+}
+
+declare interface _Row {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & RowProps
+    }
+}
+
+export declare const Row: _Row

package/types/components/search.d.ts

@@ -0,0 +1,54 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface SearchProps {
+    // 值
+    modelValue?: string
+    
+    // 样式配置
+    shape?: 'square' | 'round'
+    size?: 'small' | 'medium' | 'large'
+    bgColor?: string
+    borderColor?: string
+    textColor?: string
+    placeholderColor?: string
+    
+    // 输入框配置
+    placeholder?: string
+    placeholderStyle?: string
+    inputType?: 'text' | 'number' | 'idcard' | 'digit' | 'textarea'
+    maxlength?: number
+    disabled?: boolean
+    autoFocus?: boolean
+    confirmType?: 'send' | 'search' | 'next' | 'go' | 'done'
+    adjustPosition?: boolean
+    cursorSpacing?: number
+    showConfirmBar?: boolean
+    
+    // 功能配置
+    showClear?: boolean
+    showCancel?: boolean
+    alwaysShowCancel?: boolean
+    cancelText?: string
+    showHistory?: boolean
+    showSuggestions?: boolean
+    
+    // 搜索相关
+    searchDelay?: number
+    minLength?: number
+    maxHistory?: number
+    suggestions?: any[]
+    suggestionFormatter?: (item: any) => string
+    
+    // 自定义事件
+    onSearch?: (value: string) => void
+    onClear?: () => void
+    onCancel?: () => void
+}
+
+declare interface _Search {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & SearchProps
+    }
+}
+
+export declare const Search: _Search