im-ui-mobile 0.1.0 → 0.1.1

package/types/components/sku.d.ts

@@ -0,0 +1,195 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+export interface _SkuAttr {
+    /** 属性名称 */
+    name: string;
+    /** 属性值列表 */
+    values: AttrValue[];
+    /** 属性ID */
+    id?: string | number;
+    /** 是否必选 */
+    required?: boolean;
+}
+
+export interface _SkuAttrValue {
+    /** 属性值名称 */
+    name: string;
+    /** 属性值ID */
+    id?: string | number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义样式 */
+    style?: Record<string, any>;
+    /** 图片URL（用于显示图片规格） */
+    imgUrl?: string;
+    /** 预览图片URL */
+    previewImgUrl?: string;
+}
+
+export interface _SkuSpec {
+    /** 规格名称 */
+    name: string;
+    /** 规格值列表 */
+    values: SkuValue[];
+    /** 规格ID */
+    id?: string | number;
+    /** 是否必选 */
+    required?: boolean;
+}
+
+export interface _SkuValue {
+    /** 规格值名称 */
+    name: string;
+    /** 规格值ID */
+    id?: string | number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 自定义样式 */
+    style?: Record<string, any>;
+    /** 图片URL（用于显示图片规格） */
+    imgUrl?: string;
+    /** 预览图片URL */
+    previewImgUrl?: string;
+}
+
+export interface _SkuItem {
+    /** SKU ID */
+    id: string | number;
+    /** 商品ID */
+    goodsId?: string | number;
+    /** 规格组合，如：{颜色: '红色', 尺寸: 'L'} */
+    specs: Record<string, string>;
+    /** 价格（分） */
+    price: number;
+    /** 原价（分） */
+    originPrice?: number;
+    /** 库存 */
+    stock: number;
+    /** 商品图片 */
+    imgUrl?: string;
+    /** 商品名称 */
+    name?: string;
+    /** 商品编码 */
+    code?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+
+export interface _SkuGoodsInfo {
+    /** 商品ID */
+    id: string | number;
+    /** 商品标题 */
+    title: string;
+    /** 商品副标题 */
+    subtitle?: string;
+    /** 商品图片 */
+    imgUrl: string;
+    /** 商品图片列表 */
+    imgUrls?: string[];
+    /** 商品描述 */
+    description?: string;
+    /** 默认价格（分） */
+    price: number;
+    /** 原价（分） */
+    originPrice?: number;
+    /** 库存 */
+    stock?: number;
+    /** 商品编码 */
+    code?: string;
+    /** 商品单位 */
+    unit?: string;
+}
+
+export interface _SelectedSku {
+    /** 选中的属性组合 */
+    selectedAttrs: Record<string, string>;
+    /** 选中的规格组合 */
+    selectedSpecs: Record<string, string>;
+    /** 选中的SKU ID */
+    skuId?: string | number;
+    /** 数量 */
+    quantity: number;
+    /** 价格（分） */
+    price: number;
+    /** 原价（分） */
+    originPrice?: number;
+    /** 库存 */
+    stock: number;
+    /** 是否有效 */
+    valid: boolean;
+    /** 商品信息 */
+    goodsInfo?: SkuGoodsInfo;
+}
+
+declare interface _SkuProps {
+    /** 是否显示SKU选择器 */
+    visible: boolean;
+    /** 商品信息 */
+    goods: SkuGoodsInfo;
+    /** 属性列表 */
+    attrs: SkuAttr[];
+    /** 规格列表 */
+    specs: SkuSpec[];
+    /** SKU列表 */
+    skus: SkuItem[];
+    /** 初始选中的规格 */
+    initialSku?: SelectedSku;
+    /** 购买数量限制 */
+    quantityLimit?: {
+        min?: number;
+        max?: number;
+        step?: number;
+    };
+    /** 自定义操作按钮 */
+    customActions?: Array<{
+        text: string;
+        type?: 'primary' | 'default' | 'warning' | 'danger';
+        style?: Record<string, any>;
+        onClick?: () => void;
+    }>;
+    /** 是否显示快速购买按钮 */
+    showQuickBuy?: boolean;
+    /** 是否显示加入购物车按钮 */
+    showAddToCart?: boolean;
+    /** 是否显示库存 */
+    showStock?: boolean;
+    /** 是否显示价格 */
+    showPrice?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 关闭时是否重置 */
+    resetOnClose?: boolean;
+    /** 自定义样式类名 */
+    customClass?: string;
+    showClose?: boolean
+}
+
+declare interface _SkuEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'confirm', data: SelectedSku): void;
+    (e: 'add-to-cart', data: SelectedSku): void;
+    (e: 'buy-now', data: SelectedSku): void;
+    (e: 'spec-change', data: SelectedSku): void;
+    (e: 'quantity-change', quantity: number): void;
+    (e: 'close'): void;
+    (e: 'custom-action', index: number): void;
+}
+
+declare interface _Sku {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & _SkuProps
+        $emit: _SkuEmits
+    }
+}
+
+export declare const Sku: _Sku
+export declare type SkuProps = _SkuProps
+export declare type SkuEmits = _SkuEmits
+export declare type SkuAttr = _SkuAttr
+export declare type SkuAttrValue = _SkuAttrValue
+export declare type SkuSpec = _SkuSpec
+export declare type SkuValue = _SkuValue
+export declare type SkuItem = _SkuItem
+export declare type SkuGoodsInfo = _SkuGoodsInfo
+export declare type SelectedSku = _SelectedSku
+export declare type SkuCurrent = _SkuCurrent

package/types/components/stepper.d.ts

@@ -0,0 +1,97 @@
+declare interface _StepperProps {
+    /** 当前值 */
+    modelValue?: number;
+    /** 默认值 */
+    defaultValue?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 步进值 */
+    step?: number;
+    /** 输入框宽度（单位px） */
+    inputWidth?: number | string;
+    /** 按钮大小（单位px） */
+    buttonSize?: number | string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否禁用输入框 */
+    disableInput?: boolean;
+    /** 是否禁用减按钮 */
+    disableMinus?: boolean;
+    /** 是否禁用加按钮 */
+    disablePlus?: boolean;
+    /** 是否显示限制按钮（达到边界时禁用） */
+    showLimit?: boolean;
+    /** 是否显示输入框 */
+    showInput?: boolean;
+    /** 是否显示加号减号按钮 */
+    showPlus?: boolean;
+    /** 是否显示减号按钮 */
+    showMinus?: boolean;
+    /** 是否允许长按 */
+    longPress?: boolean;
+    /** 长按间隔时间（毫秒） */
+    longPressInterval?: number;
+    /** 是否自动聚焦 */
+    autofocus?: boolean;
+    /** 输入框占位符 */
+    placeholder?: string;
+    /** 是否只能输入整数 */
+    integer?: boolean;
+    /** 自定义减按钮图标 */
+    minusIcon?: string;
+    /** 自定义加按钮图标 */
+    plusIcon?: string;
+    /** 自定义减按钮文字 */
+    minusText?: string;
+    /** 自定义加按钮文字 */
+    plusText?: string;
+    /** 自定义样式类名 */
+    customClass?: string;
+    /** 自定义减按钮类名 */
+    minusClass?: string;
+    /** 自定义加按钮类名 */
+    plusClass?: string;
+    /** 自定义输入框类名 */
+    inputClass?: string;
+    /** 主题样式 */
+    theme?: 'default' | 'round' | 'square';
+    /** 按钮形状 */
+    shape?: 'circle' | 'square';
+    /** 按钮背景色 */
+    buttonColor?: string;
+    /** 按钮激活背景色 */
+    buttonActiveColor?: string;
+    /** 按钮文字颜色 */
+    buttonTextColor?: string;
+    /** 输入框背景色 */
+    inputBgColor?: string;
+    /** 输入框文字颜色 */
+    inputTextColor?: string;
+    /** 禁用状态颜色 */
+    disabledColor?: string;
+}
+
+declare interface _StepperEmits {
+    (e: 'update:modelValue', value: number): void;
+    (e: 'change', value: number): void;
+    (e: 'overlimit', type: 'minus' | 'plus'): void;
+    (e: 'minus', value: number): void;
+    (e: 'plus', value: number): void;
+    (e: 'blur', value: number): void;
+    (e: 'focus', value: number): void;
+    (e: 'input', value: number): void;
+}
+
+
+declare interface _Stepper {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & _StepperProps
+        $emit: _StepperEmits
+    }
+}
+
+export declare const Stepper: _Stepper
+export declare type StepperProps = _StepperProps
+export declare type StepperEmits = _StepperEmits

package/types/components/upload.d.ts

@@ -0,0 +1,137 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+// 上传文件状态
+type UploadFileStatus = 'pending' | 'uploading' | 'done' | 'error'
+
+// 上传文件接口
+declare interface UploadFile {
+    uid: string
+    name: string
+    size: number
+    type?: string
+    url?: string
+    thumbUrl?: string
+    status: UploadFileStatus
+    progress?: number
+    response?: any
+    error?: Error
+    rawFile?: any
+    file?: File
+}
+
+// 上传组件 Props
+declare interface UploadProps {
+    // 值
+    modelValue?: UploadFile[]
+
+    // 上传类型
+    type?: 'button' | 'card' | 'avatar' | 'drag'
+
+    // 按钮配置
+    buttonText?: string
+    buttonType?: 'primary' | 'default' | 'warning' | 'error'
+    buttonSize?: 'small' | 'medium' | 'large'
+
+    // 卡片配置
+    cardText?: string
+
+    // 头像配置
+    avatarText?: string
+    avatarSize?: number | string
+    avatarRadius?: string
+
+    // 拖拽配置
+    dragText?: string
+
+    // 通用配置
+    hint?: string
+    tip?: string
+    showTip?: boolean
+    showActions?: boolean
+    showUploadAll?: boolean
+    showClear?: boolean
+
+    // 文件配置
+    accept?: string
+    multiple?: boolean
+    maxCount?: number
+    maxSize?: number
+
+    // 上传配置
+    action?: string
+    headers?: Record<string, string>
+    data?: Record<string, any>
+    name?: string
+    withCredentials?: boolean
+    timeout?: number
+    autoUpload?: boolean
+    beforeUpload?: (file: File) => boolean | Promise<boolean> // // 上传前钩子
+
+    // 响应格式化
+    responseFormatter?: (response: any) => { url: string;[key: string]: any }
+
+    // 列表配置
+    showList?: boolean
+    listType?: 'text' | 'picture'
+    removable?: boolean
+    previewable?: boolean
+
+    // 状态
+    disabled?: boolean
+    readonly?: boolean
+
+    // 自定义上传
+    customRequest?: (file: File, onProgress: (percent: number) => void) => Promise<any>
+}
+
+// 上传组件方法
+declare interface UploadMethods {
+    // 手动上传文件
+    upload: (file: File) => Promise<void>
+
+    // 清空文件列表
+    clearFiles: () => void
+
+    // 取消指定上传
+    abortUpload: (uid: string) => void
+
+    // 上传所有文件
+    uploadAll: () => Promise<void>
+
+    // 获取文件列表
+    getFiles: () => UploadFile[]
+}
+
+declare interface _Upload {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & UploadProps
+
+        $emit: {
+            'update:modelValue': (files: UploadFile[]) => void
+            'change': (files: UploadFile[]) => void
+            'select': (file: File) => void
+            'upload': (file: UploadFile) => void
+            'success': (response: any, file: UploadFile) => void
+            'error': (error: Error, file: UploadFile) => void
+            'progress': (percent: number, file: UploadFile) => void
+            'remove': (file: UploadFile, index: number) => void
+            'preview': (file: UploadFile) => void
+            'exceed': (files: File[]) => void
+            'before-upload': (file: UploadFile) => void
+            'after-upload': (file: UploadFile) => void
+        }
+    } & UploadMethods
+}
+
+export declare const Upload: _Upload
+
+// 导出类型
+export type {
+    UploadFile,
+    UploadFileStatus,
+    UploadProps,
+    UploadMethods
+}
+
+// 默认导出
+export default Upload

package/types/components.d.ts

@@ -3,12 +3,12 @@ declare module 'vue' {
         ['im-cell']: typeof import('./components/cell')['Cell']
         ['im-cell-group']: typeof import('./components/cell-group')['CellGroup']
         ['im-button']: typeof import('./components/button')['Button']
+        ['im-badge']: typeof import('./components/badge')['Badge']
         ['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-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']
@@ -17,6 +17,22 @@ declare module 'vue' {
         ['im-loading']: typeof import('./components/loading')['Loading']
         ['im-context-menu']: typeof import('./components/context-menu')['ContextMenu']
         ['im-virtual-list']: typeof import('./components/virtual-list')['VirtualList']
+        ['im-double-tap-view']: typeof import('./components/double-tap-view')['DoubleTapView']
+        ['im-icon']: typeof import('./components/icon')['Icon']
+        ['im-nav-bar']: typeof import('./components/nav-bar')['NavBar']
+        ['im-card']: typeof import('./components/card')['Card']
+        ['im-message-list']: typeof import('./components/message-list')['MessageList']
+        ['im-message-action']: typeof import('./components/message-action')['MessageAction']
+        ['im-emoji-picker']: typeof import('./components/emoji-picker')['EmojiPicker']
+        ['im-popup']: typeof import('./components/popup')['Popup']
+        ['im-modal']: typeof import('./components/modal')['Modal']
+        ['im-dialog']: typeof import('./components/dialog')['Dialog']
+        ['im-upload']: typeof import('./components/upload')['Upload']
+        ['im-search']: typeof import('./components/search')['Search']
+        ['im-parse']: typeof import('./components/parse')['Parse']
+        ['im-link']: typeof import('./components/link')['Link']
+        ['im-sku']: typeof import('./components/sku')['Sku']
+        ['im-stepper']: typeof import('./components/stepper')['Stepper']
     }
 }
 

package/types/index.d.ts

@@ -36,6 +36,20 @@ import type {
     UserInfo,
     Response
 } from './libs';
+import validator, {
+    PasswordValidationOptions,
+    PasswordValidationResult,
+    ValidatorModule,
+    ValidationResult,
+    isNumber,
+    isInteger,
+    isMobilePhone,
+    isEmail,
+    isChineseIDCard,
+    validatePassword
+} from './utils/validator.d.ts'
+import { EmojiType, EmojiCategoryType } from './components/emoji-picker'
+import * as base64 from "./utils/base64.d.ts";
 
 declare module 'im-ui-mobile' {
     export function install(): void
@@ -47,6 +61,27 @@ declare module 'im-ui-mobile' {
 
     function getConfig(): Config;
 
+    // 导出类型
+    export type {
+        PasswordValidationOptions,
+        PasswordValidationResult,
+        ValidatorModule,
+        ValidationResult,
+        EmojiType,
+        EmojiCategoryType,
+    }
+
+    // 导出常用函数
+    export {
+        isNumber,
+        isInteger,
+        isMobilePhone,
+        isEmail,
+        isChineseIDCard,
+        validatePassword
+    }
+
+    // 导出类型/函数
     export {
         getConfig,
         eventBus,
@@ -60,6 +95,8 @@ declare module 'im-ui-mobile' {
         WebSocket,
         RecorderApp,
         RecorderH5,
+        validator,
+        base64,
 
         // 枚举类型
         RTC_STATE,
@@ -92,4 +129,4 @@ declare module 'im-ui-mobile' {
     }
 }
 
-export { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS } 
+// export { MESSAGE_TYPE, RTC_STATE, TERMINAL_TYPE, MESSAGE_STATUS } 

package/types/libs/index.d.ts

@@ -19,8 +19,8 @@ export interface Chat {
     id?: string | number;
     targetId: number;
     type: 'PRIVATE' | 'GROUP';
-    showName: string;
-    headImage: string;
+    displayName: string;
+    avatar: string;
     isDnd: boolean;
     lastContent: string;
     lastSendTime?: number;
@@ -49,11 +49,11 @@ export interface Message {
     sendNickName?: string;
     atUserIds?: number[];
     sendId?: number;
-    recvId?: number;
+    receiveId?: number;
     groupId?: number;
     receipt?: boolean;
     receiptOk?: boolean;
-    readedCount?: number;
+    readCount?: number;
     quoteMessage?: Message;
     fileId?: string;
 }
@@ -63,7 +63,7 @@ export interface Message {
 export interface Friend {
     id: number;
     nickName: string;
-    headImage?: string;
+    avatar?: string;
     online: boolean;
     onlineWeb: boolean;
     onlineApp: boolean;
@@ -103,7 +103,7 @@ export interface GroupMember {
     id?: number;
     userId: number;
     showNickName: string;
-    headImage?: string;
+    avatar?: string;
     quit?: boolean;
     [key: string]: any;
 }
@@ -116,14 +116,14 @@ export interface Group {
     isBanned?: boolean;
     reason?: string;
     name: string;
-    headImage: string;
+    avatar: string;
     isDnd: boolean;
     quit?: boolean;
     topMessage?: string;
     memberCount?: number;
     createTime?: number;
     showGroupName: string;
-    headImageThumb?: string;
+    avatarThumb?: string;
     remarkGroupName?: string;
     remarkNickName?: string;
     notice?: string;
@@ -183,8 +183,8 @@ export interface RecorderFile {
 export interface UserInfo {
     id: number;
     nickName: string;
-    headImage: string;
-    headImageThumb?: string;
+    avatar: string;
+    avatarThumb?: string;
     email?: string;
     phone?: string;
     gender?: number;

package/types/utils/base64.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    encodeBase64: (str: string) => string;
+    decodeBase64: (str: string) => string;
+};
+export default _default;

package/types/utils/dom.d.ts

@@ -7,5 +7,8 @@ declare const _default: {
     hasHtmlSpecialChars: (text: string) => boolean;
     setSafeHTML: (element: HTMLElement, html: string) => void;
     safeHTML: (strings: TemplateStringsArray, ...values: any[]) => string;
+    nodesToHtml: (nodes: any[], options: any) => string;
+    extractPlainText: (nodes: any[]) => string;
+    escapeHtml: (text: string) => string;
 };
 export default _default;

package/types/utils/enums.d.ts

@@ -8,9 +8,8 @@ export declare enum MESSAGE_TYPE {
     AUDIO = 3,
     VIDEO = 4,
     RECALL = 10,
-    READED = 11,
+    READ = 11,
     RECEIPT = 12,
-    TIP_TIME = 20,
     TIP_TEXT = 21,
     LOADING = 30,
     ACT_RT_VOICE = 40,
@@ -66,8 +65,8 @@ export declare enum TERMINAL_TYPE {
 export declare enum MESSAGE_STATUS {
     FAILED = -2,// 发送失败
     SENDING = -1,// 发送中(消息没到服务器)
-    PENDING = 0,// 未送达(消息已到服务器，但对方没收到)
-    DELIVERED = 1,// 已送达(对方已收到，但是未读消息)
+    SENT = 0,// 未送达(消息已到服务器，但对方没收到)
+    RECEIVED = 1,// 已送达(对方已收到，但是未读消息)
     RECALL = 2,// 已撤回
-    READED = 3
+    READ = 3 // 已读
 }