im-ui-mobile 0.1.0 → 0.1.2

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,99 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+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/tabs-tab-pane.d.ts

@@ -0,0 +1,27 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface _TabsTabPaneProps {
+    /** 标签索引 */
+    index?: number;
+    /** 标签标识符 */
+    id?: string | number;
+    /** 是否延迟渲染 */
+    lazy?: boolean;
+    /** 是否激活 */
+    active?: boolean;
+    /** 是否销毁 */
+    destroyOnInactive?: boolean;
+    /** 自定义CSS类 */
+    customClass?:string;
+}
+
+
+declare interface _TabsTabPane {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & _TabsTabPaneProps
+    }
+}
+
+
+export declare const TabsTabPane: _TabsTabPane
+export declare const TabsTabPaneProps: _TabsTabPaneProps

package/types/components/tabs.d.ts

@@ -0,0 +1,117 @@
+import { AllowedComponentProps, VNodeProps } from '../common'
+
+declare interface _TabItem {
+    /** 标签名称 */
+    title: string;
+    /** 标签标识符 */
+    id?: string | number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 徽标数字 */
+    badge?: number;
+    /** 徽标文字 */
+    badgeText?: string;
+    /** 徽标类型 */
+    badgeType?: 'dot' | 'number' | 'text';
+    /** 自定义图标 */
+    icon?: string;
+    /** 选中时的图标 */
+    activeIcon?: string;
+    /** 是否显示红点 */
+    showRedDot?: boolean;
+    /** 自定义样式 */
+    style?: Record<string, any>;
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义渲染函数 */
+    renderTitle?: (tab: TabItem, isActive: boolean) => any;
+}
+
+declare interface _TabsProps {
+    /** 当前激活的标签索引 */
+    modelValue?: number;
+    /** 当前激活的标签标识符 */
+    activeKey?: string | number;
+    /** 标签列表 */
+    items: TabItem[];
+    /** 标签栏位置 */
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    /** 标签栏样式 */
+    type?: 'line' | 'card' | 'button' | 'segment';
+    /** 是否可滑动切换 */
+    swipeable?: boolean;
+    /** 是否显示底部滑动条 */
+    showSlider?: boolean;
+    /** 滑动条宽度（单位px或%） */
+    sliderWidth?: string | number;
+    /** 滑动条高度（单位px） */
+    sliderHeight?: number;
+    /** 滑动条颜色 */
+    sliderColor?: string;
+    /** 是否显示底部边框 */
+    border?: boolean;
+    /** 标签栏背景色 */
+    background?: string;
+    /** 标签栏高度（单位px） */
+    height?: number;
+    /** 标签最小宽度（单位px） */
+    minTabWidth?: number;
+    /** 标签最大宽度（单位px） */
+    maxTabWidth?: number;
+    /** 是否开启粘性布局 */
+    sticky?: boolean;
+    /** 粘性布局吸顶距离（单位px） */
+    stickyOffsetTop?: number;
+    /** 是否开启滚动导航 */
+    scrollable?: boolean;
+    /** 标签栏是否居中 */
+    centered?: boolean;
+    /** 是否在切换标签时保留状态 */
+    keepAlive?: boolean;
+    /** 是否开启懒加载 */
+    lazy?: boolean;
+    /** 切换动画持续时间（毫秒） */
+    duration?: number;
+    /** 是否在初始化时滚动到激活标签 */
+    scrollOnInit?: boolean;
+    /** 点击标签前回调，返回 false 可阻止切换 */
+    beforeChange?: (index: number, tab: TabItem) => boolean | Promise<boolean>;
+    /** 自定义类名 */
+    customClass?: string;
+    /** 自定义标签栏类名 */
+    navClass?: string;
+    /** 自定义内容类名 */
+    contentClass?: string;
+    /** 标签间距（单位px） */
+    gutter?: number;
+    /** 是否显示标签图标 */
+    showIcon?: boolean;
+    /** 图标位置 */
+    iconPosition?: 'left' | 'right' | 'top' | 'bottom';
+    /** 动画类型 */
+    animation?: 'slide' | 'fade' | 'none';
+}
+
+declare interface _TabsEmits {
+    (e: 'update:modelValue', index: number): void;
+    (e: 'update:activeKey', id: string | number): void;
+    (e: 'change', index: number, tab: TabItem): void;
+    (e: 'click', index: number, tab: TabItem): void;
+    (e: 'disabled', index: number, tab: TabItem): void;
+    (e: 'scroll', event: any): void;
+    (e: 'sticky', isSticky: boolean): void;
+}
+
+declare interface _Tabs {
+    new(): {
+        $props: AllowedComponentProps & VNodeProps & _TabsProps
+        $emit: _TabsEmits
+    }
+}
+
+
+export declare const Tabs: _Tabs
+export declare type TabItem = _TabItem
+export declare type TabsProps = _TabsProps
+export declare type TabsEmits = _TabsEmits
+

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,24 @@ 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']
+        ['im-tabs']: typeof import('./components/tabs')['Tabs']
+        ['im-tabs-tab-pane']: typeof import('./components/tabs-tab-pane')['TabsTabPane']
     }
 }
 

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 }