call-live-sdk 1.0.0

package/dist/pages/CallHome/index.d.ts

@@ -0,0 +1,2 @@
+import CallHome from './CallHome';
+export default CallHome;

package/dist/pages/Login/Login.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './Login.less';
+/**
+ * 网页直播登录组件
+ *
+ * 该组件负责处理用户登录验证和RTC配置获取，
+ * 根据直播间状态自动导航到相应的直播页面
+ *
+ * @component
+ * @returns {JSX.Element} 登录表单组件
+ */
+declare const WebLiveLogin: React.FC;
+export default WebLiveLogin;

package/dist/pages/Login/index.d.ts

@@ -0,0 +1,2 @@
+import Login from './Login';
+export default Login;

package/dist/pages/MobileLive/MobileLive.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import './MobileLive.css';
+interface MobileLiveProps {
+    className?: string;
+}
+/**
+ * 移动端直播组件
+ * 支持宫格模式和主画面+列表模式的布局切换
+ * 包含性能优化和响应式设计
+ * 集成防息屏功能，确保直播过程中屏幕保持常亮
+ */
+declare const MobileLive: React.FC<MobileLiveProps>;
+export default MobileLive;

package/dist/pages/MobileLive/components/DeviceSelectionModal.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+/**
+ * 设备选择弹窗Props接口
+ */
+interface DeviceSelectionModalProps {
+    /** 是否显示弹窗 */
+    visible: boolean;
+    /** 关闭弹窗回调 */
+    onClose: () => void;
+    /** 设备选择完成回调 */
+    onOk?: (audioDeviceId: string, videoDeviceId: string) => void;
+    /** 当前选中的音频设备ID */
+    currentAudioDeviceId?: string;
+    /** 当前选中的视频设备ID */
+    currentVideoDeviceId?: string;
+    /** 自定义样式类名 */
+    className?: string;
+}
+/**
+ * 设备选择弹窗组件
+ * 用于选择麦克风和摄像头设备
+ *
+ * @features
+ * - 枚举可用的音视频设备
+ * - 支持设备选择和切换
+ * - 实时预览选中设备
+ * - 设备权限检测
+ * - 响应式设计适配移动端
+ */
+declare const DeviceSelectionModal: React.FC<DeviceSelectionModalProps>;
+export default DeviceSelectionModal;

package/dist/pages/MobileLive/components/DeviceSettingsModal.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+/**
+ * 设备权限状态枚举
+ */
+type PermissionState = 'granted' | 'denied' | 'prompt' | 'checking' | 'error';
+/**
+ * 设备权限信息接口
+ */
+interface DevicePermission {
+    /** 权限状态 */
+    state: PermissionState;
+    /** 错误信息 */
+    error?: string;
+    /** 是否支持该设备类型 */
+    supported: boolean;
+}
+/**
+ * 设备权限检测弹窗Props接口
+ */
+interface DevicePermissionModalProps {
+    /** 是否显示弹窗 */
+    visible: boolean;
+    /** 关闭弹窗回调 */
+    onClose: () => void;
+    /** 权限检测完成回调 */
+    onPermissionResult?: (camera: DevicePermission, microphone: DevicePermission) => void;
+    /** 自定义样式类名 */
+    className?: string;
+}
+/**
+ * 设备权限检测弹窗组件
+ * 检测和显示麦克风、摄像头的权限状态
+ *
+ * @features
+ * - 摄像头权限检测
+ * - 麦克风权限检测
+ * - 权限状态实时显示
+ * - 重新检测功能
+ * - 权限引导提示
+ */
+declare const DevicePermissionModal: React.FC<DevicePermissionModalProps>;
+export default DevicePermissionModal;

package/dist/pages/MobileLive/components/MeetingListModal.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+/**
+ * 会议列表弹窗组件Props接口
+ */
+interface MeetingListModalProps {
+    /** 弹窗显示状态 */
+    visible: boolean;
+    /** 关闭弹窗回调 */
+    onClose: () => void;
+}
+/**
+ * 会议列表弹窗组件
+ * 显示会议中的用户列表，支持用户名称编辑
+ */
+declare const MeetingListModal: React.FC<MeetingListModalProps>;
+export default MeetingListModal;

package/dist/pages/MobileLive/components/MobileControlBar.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+/**
+ * 移动端控制栏组件Props接口
+ */
+interface MobileControlBarProps {
+    /** 切换屏幕共享回调 */
+    onToggleScreenShare: () => void;
+    /** 打开设备设置回调 */
+    onOpenSettings?: () => void;
+    /** 是否使用后置摄像头 */
+    isBackCamera: boolean;
+    /** 设置摄像头状态的回调函数 */
+    setIsBackCamera: React.Dispatch<React.SetStateAction<boolean>>;
+    /** 自定义样式类名 */
+    className?: string;
+}
+/**
+ * 移动端控制栏组件
+ * 提供音视频控制、屏幕共享、设备设置等功能
+ *
+ * @features
+ * - 音频开关控制
+ * - 视频开关控制
+ * - 屏幕共享控制
+ * - 会议成员列表
+ * - 设备设置入口
+ */
+declare const MobileControlBar: React.FC<MobileControlBarProps>;
+export default MobileControlBar;

package/dist/pages/MobileLive/components/MobileHeader.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+/**
+ * 移动端头部组件Props接口
+ */
+interface MobileHeaderProps {
+    /** 房间ID */
+    roomId?: string;
+    /** 在线用户数量 */
+    userCount?: number;
+    /** 通话时长（秒） */
+    duration?: number;
+    /** 网络状态 */
+    networkStatus?: 'good' | 'fair' | 'poor' | 'disconnected';
+    /** 更多操作回调 */
+    onMore?: () => void;
+    /** 自定义样式类名 */
+    className?: string;
+    /** 直播间名称 */
+    title?: string;
+}
+/**
+ * 移动端头部组件
+ * 显示房间信息、通话状态、网络状态等
+ *
+ * @features
+ * - 房间ID显示
+ * - 在线用户数量
+ * - 通话时长计时
+ * - 网络状态指示
+ * - 返回按钮
+ * - 更多操作入口
+ */
+declare const MobileHeader: React.FC<MobileHeaderProps>;
+export default MobileHeader;

package/dist/pages/MobileLive/components/PageIndicator.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+/**
+ * 页面指示器组件Props接口
+ */
+interface PageIndicatorProps {
+    /** 当前页面索引 */
+    currentPage: number;
+    /** 总页数 */
+    totalPages: number;
+    /** 页面切换回调函数 */
+    onPageChange?: (pageIndex: number) => void;
+    /** 容器类名 */
+    className?: string;
+    /** 是否禁用点击功能 */
+    disabled?: boolean;
+}
+/**
+ * 页面指示器组件
+ * 显示当前页面状态的圆点指示器，支持点击切换页面
+ *
+ * @features
+ * - 可视化显示当前页面位置
+ * - 支持点击指示点切换页面
+ * - 触摸友好的交互设计
+ * - 流畅的动画过渡效果
+ * - 响应式设计适配移动端
+ */
+declare const PageIndicator: React.FC<PageIndicatorProps>;
+export default PageIndicator;

package/dist/pages/MobileLive/components/UserVideoContainer.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { CallUser } from '@/stores/callStore';
+/**
+ * 用户视频容器组件的属性接口
+ */
+interface UserVideoContainerProps {
+    /** 用户信息对象 */
+    user: CallUser;
+    /** 是否被选中状态 */
+    isSelected?: boolean;
+    /** 点击事件回调 */
+    onClick?: (type: string) => void;
+    /** 自定义CSS类名 */
+    className?: string;
+    /** 视频ID - 用于标识视频元素 */
+    videoId?: string;
+}
+/**
+ * 用户视频容器组件
+ * 负责展示单个用户的视频画面、状态指示器和用户信息
+ *
+ * @features
+ * - 视频画面展示/头像占位
+ * - 音视频状态指示器
+ * - 屏幕共享状态显示
+ * - 说话状态动画
+ * - 选中状态高亮
+ * - 定时检测视频元素并自动设置远程视频播放器
+ */
+declare const UserVideoContainer: React.FC<UserVideoContainerProps>;
+export default UserVideoContainer;

package/dist/pages/MobileLive/components/VideoSwipeContainer.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { CallUser } from '@/stores/callStore';
+interface VideoSwipeContainerProps {
+    /** 所有用户列表 */
+    allUsers: CallUser[];
+    /** 当前用户信息 */
+    currentUser: CallUser;
+    /** 主画布ID - 对应callStore中的mainCanvasId */
+    mainCanvasId: string;
+    /** 视频选择回调 */
+    onVideoSelect: (videoId: string) => void;
+    /** 自定义样式类名 */
+    className?: string;
+}
+/**
+ * 视频滑动容器组件
+ * 支持两页滑动：第一页为主视频+小窗，第二页为网格布局
+ *
+ * @description
+ * - 第一页：显示主画布用户的视频作为主视频，右上角小窗显示当前用户
+ * - 第二页：网格布局显示所有用户视频
+ * - 支持触摸滑动切换页面
+ * - 主画布用户由callStore的mainCanvasId决定，与画布状态同步
+ *
+ * @features
+ * - 触摸滑动交互
+ * - 响应式网格布局
+ * - 视频选择切换
+ * - 页面指示器
+ * - 性能优化（useMemo缓存）
+ */
+declare const VideoSwipeContainer: React.FC<VideoSwipeContainerProps>;
+export default VideoSwipeContainer;

package/dist/pages/MobileLive/hooks/useWakeLock.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Wake Lock状态枚举
+ */
+export declare enum WakeLockStatus {
+    /** 未激活 */
+    INACTIVE = "inactive",
+    /** 激活中 */
+    ACTIVE = "active",
+    /** 不支持 */
+    NOT_SUPPORTED = "not_supported",
+    /** 权限被拒绝 */
+    PERMISSION_DENIED = "permission_denied",
+    /** 错误状态 */
+    ERROR = "error"
+}
+/**
+ * Wake Lock Hook返回值接口
+ */
+interface UseWakeLockReturn {
+    /** 当前Wake Lock状态 */
+    status: WakeLockStatus;
+    /** 是否支持Wake Lock API */
+    isSupported: boolean;
+    /** 错误信息 */
+    error: string | null;
+    /** 手动请求Wake Lock */
+    requestWakeLock: () => Promise<void>;
+    /** 手动释放Wake Lock */
+    releaseWakeLock: () => Promise<void>;
+    /** 重新请求Wake Lock（用于页面重新获得焦点时） */
+    reacquireWakeLock: () => Promise<void>;
+}
+/**
+ * 防止手机自动息屏的自定义Hook
+ *
+ * 功能特性：
+ * - 使用Screen Wake Lock API防止屏幕自动关闭
+ * - 兼容Android和iOS主流浏览器
+ * - 自动处理页面可见性变化
+ * - 完整的错误处理和状态管理
+ * - 支持手动控制Wake Lock的激活和释放
+ *
+ * 使用场景：
+ * - 视频通话应用
+ * - 直播应用
+ * - 长时间展示内容的应用
+ *
+ * @param autoRequest 是否在Hook初始化时自动请求Wake Lock，默认为true
+ * @returns Wake Lock相关的状态和控制方法
+ */
+export declare const useWakeLock: (autoRequest?: boolean) => UseWakeLockReturn;
+export {};

package/dist/pages/MobileLive/index.d.ts

@@ -0,0 +1,2 @@
+import MobileLive from './MobileLive';
+export default MobileLive;

package/dist/pages/MobileLive/unocssUtils.d.ts

@@ -0,0 +1 @@
+export declare const mobileLiveStyles = "\n  /* \u9875\u9762\u5207\u6362\u52A8\u753B */\n  .page-left-enter {\n    transform: translateX(-100%);\n  }\n\n  .page-left-enter-active {\n    transform: translateX(0);\n    transition: transform 300ms ease-in-out;\n  }\n\n  .page-left-exit {\n    transform: translateX(0);\n  }\n\n  .page-left-exit-active {\n    transform: translateX(-100%);\n    transition: transform 300ms ease-in-out;\n  }\n\n  .page-right-enter {\n    transform: translateX(100%);\n  }\n\n  .page-right-enter-active {\n    transform: translateX(0);\n    transition: transform 300ms ease-in-out;\n  }\n\n  .page-right-exit {\n    transform: translateX(0);\n  }\n\n  .page-right-exit-active {\n    transform: translateX(100%);\n    transition: transform 300ms ease-in-out;\n  }\n\n  /* \u63A7\u5236\u680F\u52A8\u753B */\n  .controls-enter {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n\n  .controls-enter-active {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n      opacity 300ms ease-in-out,\n      transform 300ms ease-in-out;\n  }\n\n  .controls-exit {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .controls-exit-active {\n    opacity: 0;\n    transform: translateY(20px);\n    transition:\n      opacity 300ms ease-in-out,\n      transform 300ms ease-in-out;\n  }\n\n  /* \u5E03\u5C40\u83DC\u5355\u52A8\u753B */\n  .layout-menu-enter {\n    opacity: 0;\n    transform: translateY(10px) scale(0.95);\n  }\n\n  .layout-menu-enter-active {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    transition:\n      opacity 200ms ease-in-out,\n      transform 200ms ease-in-out;\n  }\n\n  .layout-menu-exit {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n\n  .layout-menu-exit-active {\n    opacity: 0;\n    transform: translateY(10px) scale(0.95);\n    transition:\n      opacity 200ms ease-in-out,\n      transform 200ms ease-in-out;\n  }\n\n  /* \u5E03\u5C40\u5207\u6362\u52A8\u753B */\n  .layout-enter {\n    opacity: 0;\n    transform: scale(0.95);\n  }\n\n  .layout-enter-active {\n    opacity: 1;\n    transform: scale(1);\n    transition:\n      opacity 300ms ease-in-out,\n      transform 300ms ease-in-out;\n  }\n\n  .layout-exit {\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  .layout-exit-active {\n    opacity: 0;\n    transform: scale(0.95);\n    transition:\n      opacity 300ms ease-in-out,\n      transform 300ms ease-in-out;\n  }\n\n  /* \u8BBE\u5907\u62BD\u5C49 */\n  .mobile-drawer {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: #2d3748;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n    padding: 20px;\n    z-index: 1001;\n    max-height: 80vh;\n    overflow-y: auto;\n    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);\n  }\n\n  /* \u8BBE\u5907\u8BBE\u7F6E\u62BD\u5C49\u52A8\u753B */\n  .mobile-drawer-enter {\n    opacity: 0;\n    transform: translateY(100%);\n  }\n\n  .mobile-drawer-enter-active {\n    opacity: 1;\n    transform: translateY(0);\n    transition:\n      opacity 300ms ease-in-out,\n      transform 300ms ease-in-out;\n  }\n\n  .mobile-drawer-exit {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .mobile-drawer-exit-active {\n    opacity: 0;\n    transform: translateY(100%);\n    transition:\n      opacity 300ms ease-in-out,\n      transform 300ms ease-in-out;\n  }\n\n  /* \u97F3\u91CF\u6307\u793A\u5668 */\n  .volume-indicator {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 1px;\n    height: 5px;\n    background-color: rgba(255, 255, 255, 0.3);\n    border-radius: 2px;\n    overflow: hidden;\n  }\n\n  .volume-indicator .volume-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: #10b981;\n    height: var(--volume, 0%);\n    transition: height 0.1s ease;\n  }\n";

package/dist/pages/VoiceChatLive/VoiceChat.d.ts

@@ -0,0 +1,4 @@
+import '@/index.css';
+export type ICanvasSetting = 'horizontal' | 'vertical';
+declare const CallHome: () => import("react/jsx-runtime").JSX.Element;
+export default CallHome;

package/dist/pages/VoiceChatLive/index.d.ts

@@ -0,0 +1,2 @@
+import VoiceChat from './VoiceChat';
+export default VoiceChat;

package/dist/sdk/index.d.ts

@@ -0,0 +1,40 @@
+import { CallSDKConfig, GuestSDKConfig } from '../types/sdk';
+declare class CallLiveSdk {
+    private config;
+    private root;
+    constructor(config: CallSDKConfig);
+    /**
+     * 初始化SDK
+     */
+    init(): void;
+    /**
+     * 渲染SDK内容
+     */
+    private render;
+    /**
+     * 更新配置
+     */
+    updateConfig(config: Partial<CallSDKConfig>): void;
+    /**
+     * 获取当前配置
+     */
+    getConfig(): CallSDKConfig;
+    /**
+     * 销毁SDK
+     */
+    destroy(): void;
+}
+declare class GuestCallSdk {
+    private config;
+    private root;
+    constructor(config: GuestSDKConfig);
+    /**
+     * 初始化SDK
+     */
+    init(): void;
+    /**
+     * 渲染SDK内容
+     */
+    private render;
+}
+export { CallLiveSdk, GuestCallSdk };

package/dist/stores/activitytype.d.ts

@@ -0,0 +1,48 @@
+interface ActivityTypeData {
+    active_type: number;
+    [key: string]: any;
+}
+interface ActivityTypeStore {
+    activityType: ActivityTypeData;
+    isLoading: boolean;
+    error: string | null;
+    fetchActivityType: (live_id: number) => Promise<ActivityTypeData | undefined>;
+    setActivityType: (type: ActivityTypeData) => void;
+    getActiveType: () => number;
+    clearActivityType: () => void;
+}
+/**
+ * 直播活动类型状态存储
+ * 用于管理直播活动类型的获取和状态
+ */
+export declare const useActivityTypeStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ActivityTypeStore>>;
+/**
+ * 获取活动类型数据的Hook
+ * @returns 活动类型数据
+ */
+export declare const useActivityType: () => ActivityTypeData;
+/**
+ * 获取活动类型值的Hook
+ * @returns 活动类型值
+ */
+export declare const useActiveTypeValue: () => number;
+/**
+ * 获取活动类型加载状态的Hook
+ * @returns 加载状态
+ */
+export declare const useActivityTypeLoading: () => boolean;
+/**
+ * 获取活动类型错误的Hook
+ * @returns 错误信息或null
+ */
+export declare const useActivityTypeError: () => string;
+/**
+ * 获取活动类型操作方法的Hook
+ * @returns 包含fetchActivityType等方法的对象
+ */
+export declare const useActivityTypeActions: () => {
+    fetchActivityType: (live_id: number) => Promise<ActivityTypeData | undefined>;
+    setActivityType: (type: ActivityTypeData) => void;
+    clearActivityType: () => void;
+};
+export {};

package/dist/stores/call.d.ts

@@ -0,0 +1,6 @@
+interface CallStateType {
+    status: 0 | 1;
+    setStatus: (status: 0 | 1) => void;
+}
+export declare const useCallStore: import("zustand").UseBoundStore<import("zustand").StoreApi<CallStateType>>;
+export {};