@easyv/biz-components 1.0.30 → 2.1.1

package/dist/lib/hooks/use-socket-events/constant.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"constant.es.js","sources":["../../../../src/hooks/use-socket-events/constant.ts"],"sourcesContent":["// 前缀\nexport const ROOM_PREFIX = 'easyvMpsRoom';\n\n// 房间类型\nexport enum RoomType {\n  SPACE = 'space',\n  TEAM = 'team',\n  USER = 'user',\n  PORTAL = 'portal',\n  SCREEN = 'screen',\n  MOBILE = 'mobile',\n  AI_AGENT = 'ai_agent',\n  AI_AGENT_COMPONENT = 'ai_agent_component',\n  // ... 后续视业务而定\n}\n\nexport enum SocketEventType {\n  // NoReturnEvents\n  CONNECT_TIMEOUT = 'connect-timeout',\n  CONNECT = 'connect',\n  CONNECT_ERROR = 'connect-error',\n  RECONNECT = 'reconnect',\n  /** 后端错误 */\n  EXCLUSIVE = 'exception',\n\n  // EmitEvents\n  GET_ROOMS = 'get-rooms', // 主动获取房间列表\n  GET_ROOM_USERS = 'get-room-users', // 主动获取用户列表\n  ROOM_JOIN = 'join-room', // 加入房间\n  ROOM_LEAVE = 'leave-room', // 离开房间\n\n  // ExclusiveEvents\n  EXCLUSIVE_MESSAGE_GET_ROOMS = 'exclusive-message-get-rooms', // 监听房间信息\n  EXCLUSIVE_MESSAGE_GET_ROOM_USERS = 'exclusive-message-get-room-users', // 获取房间成员\n  EXCLUSIVE_MESSAGE_JOIN_ROOM = 'exclusive-message-join-room',\n\n  // BroadcastingEvents\n  COLLAB_ADD = 'broadcast-collab-add', // 协作消息-添加\n  COLLAB_DELETE = 'broadcast-collab-delete', // 协作消息-删除\n  COLLAB_UPDATE = 'broadcast-collab-update', // 协作消息-更新\n  MESSAGE_ROOM_JOIN = 'broadcast-join-room', // 新成员加入房间\n  MESSAGE_ROOM_LEAVE = 'broadcast-leave-room', // 成员离开房间\n  /** ai 智能体消息 */\n  AI_AGENT_MESSAGE = 'broadcast-ai-agent-message',\n}\n\nexport const MessageType = SocketEventType;\n\n// 房间类型与房间id的映射\nexport const RoomTypeIdMap = {\n  [RoomType.SPACE]: (spaceId: number): string => `${ROOM_PREFIX}-${RoomType.SPACE}-${spaceId}`,\n  [RoomType.TEAM]: (teamId: number): string => `${ROOM_PREFIX}-${RoomType.TEAM}-${teamId}`,\n  [RoomType.USER]: (userId: number): string => `${ROOM_PREFIX}-${RoomType.USER}-${userId}`,\n  [RoomType.PORTAL]: (portalId: number): string => `${ROOM_PREFIX}-${RoomType.PORTAL}-${portalId}`,\n  [RoomType.SCREEN]: (screenId: number): string => `${ROOM_PREFIX}-${RoomType.SCREEN}-${screenId}`,\n  [RoomType.MOBILE]: (mobileId: number): string => `${ROOM_PREFIX}-${RoomType.MOBILE}-${mobileId}`,\n};\n\nexport const MAX_TIMEOUT = 5000;\nexport const messageWindowByType = {} as Record<string, string[]>; // 主动断开连接的原因，用于区分是客户端主动断开还是服务端主动断开\nexport const EXPLICIT_DISCONNECT_REASON = new Set<number>([\n  1, // 'io server disconnect',\n  2, // 'io client disconnect',\n]);\n\nexport const socketNormalMessageList: SocketEventType[] = [\n  SocketEventType.EXCLUSIVE,\n  SocketEventType.EXCLUSIVE_MESSAGE_GET_ROOMS,\n  SocketEventType.EXCLUSIVE_MESSAGE_JOIN_ROOM,\n  SocketEventType.EXCLUSIVE_MESSAGE_GET_ROOM_USERS,\n  SocketEventType.COLLAB_UPDATE,\n  SocketEventType.COLLAB_DELETE,\n  SocketEventType.COLLAB_ADD,\n];\nexport const socketBroadcastMessageList: SocketEventType[] = [\n  SocketEventType.MESSAGE_ROOM_JOIN,\n  SocketEventType.MESSAGE_ROOM_LEAVE,\n  SocketEventType.AI_AGENT_MESSAGE,\n];\n\n/** 消息推送的错误码 */\nexport enum MpsErrorCode {\n  GUEST_TOKEN_ERROR = 1000,\n  UNAUTH = 1001,\n}\n"],"names":["RoomType","SocketEventType","MpsErrorCode"],"mappings":"AACO,MAAM,cAAc;AAGf,IAAA,6BAAAA,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,MAAO,IAAA;AACPA,YAAA,MAAO,IAAA;AACPA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,UAAW,IAAA;AACXA,YAAA,oBAAqB,IAAA;AARXA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAYA,IAAA,oCAAAC,qBAAL;AAELA,mBAAA,iBAAkB,IAAA;AAClBA,mBAAA,SAAU,IAAA;AACVA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,WAAY,IAAA;AAEZA,mBAAA,WAAY,IAAA;AAGZA,mBAAA,WAAY,IAAA;AACZA,mBAAA,gBAAiB,IAAA;AACjBA,mBAAA,WAAY,IAAA;AACZA,mBAAA,YAAa,IAAA;AAGbA,mBAAA,6BAA8B,IAAA;AAC9BA,mBAAA,kCAAmC,IAAA;AACnCA,mBAAA,6BAA8B,IAAA;AAG9BA,mBAAA,YAAa,IAAA;AACbA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,mBAAoB,IAAA;AACpBA,mBAAA,oBAAqB,IAAA;AAErBA,mBAAA,kBAAmB,IAAA;AA3BTA,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AA8BL,MAAM,cAAc;AAGpB,MAAM,gBAAgB;AAAA,EAC3B;AAAA,IAAC;AAAA;AAAA,EAAc,GAAG,CAAC,YAA4B,GAAG,WAAW,IAAI,OAAc,IAAI,OAAO;AAAA,EAC1F;AAAA,IAAC;AAAA;AAAA,EAAa,GAAG,CAAC,WAA2B,GAAG,WAAW,IAAI,MAAa,IAAI,MAAM;AAAA,EACtF;AAAA,IAAC;AAAA;AAAA,EAAa,GAAG,CAAC,WAA2B,GAAG,WAAW,IAAI,MAAa,IAAI,MAAM;AAAA,EACtF;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,QAAe,IAAI,QAAQ;AAAA,EAC9F;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,QAAe,IAAI,QAAQ;AAAA,EAC9F;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,YAAmB,QAAQ;AAChG;AAEO,MAAM,cAAc;AACpB,MAAM,sBAAsB,CAAA;AACtB,MAAA,iDAAiC,IAAY;AAAA,EACxD;AAAA;AAAA,EACA;AAAA;AACF,CAAC;AAEM,MAAM,0BAA6C;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF;AACO,MAAM,6BAAgD;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA;AACF;AAGY,IAAA,iCAAAC,kBAAL;AACLA,gBAAAA,cAAA,uBAAoB,GAApB,IAAA;AACAA,gBAAAA,cAAA,YAAS,IAAT,IAAA;AAFUA,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;"}
+{"version":3,"file":"constant.es.js","sources":["../../../../src/hooks/use-socket-events/constant.ts"],"sourcesContent":["// 前缀\nexport const ROOM_PREFIX = \"easyvMpsRoom\";\n\n// 房间类型\nexport enum RoomType {\n  SPACE = \"space\",\n  TEAM = \"team\",\n  USER = \"user\",\n  PORTAL = \"portal\",\n  SCREEN = \"screen\",\n  MOBILE = \"mobile\",\n  AI_AGENT = \"ai_agent\",\n  AI_AGENT_COMPONENT = \"ai_agent_component\",\n  // ... 后续视业务而定\n}\n\nexport enum SocketEventType {\n  // NoReturnEvents\n  CONNECT_TIMEOUT = \"connect-timeout\",\n  CONNECT = \"connect\",\n  CONNECT_ERROR = \"connect-error\",\n  RECONNECT = \"reconnect\",\n  /** 后端错误 */\n  EXCLUSIVE = \"exception\",\n\n  // EmitEvents\n  GET_ROOMS = \"get-rooms\", // 主动获取房间列表\n  GET_ROOM_USERS = \"get-room-users\", // 主动获取用户列表\n  ROOM_JOIN = \"join-room\", // 加入房间\n  ROOM_LEAVE = \"leave-room\", // 离开房间\n\n  // ExclusiveEvents\n  EXCLUSIVE_MESSAGE_GET_ROOMS = \"exclusive-message-get-rooms\", // 监听房间信息\n  EXCLUSIVE_MESSAGE_GET_ROOM_USERS = \"exclusive-message-get-room-users\", // 获取房间成员\n  EXCLUSIVE_MESSAGE_JOIN_ROOM = \"exclusive-message-join-room\",\n\n  // BroadcastingEvents\n  COLLAB_ADD = \"broadcast-collab-add\", // 协作消息-添加\n  COLLAB_DELETE = \"broadcast-collab-delete\", // 协作消息-删除\n  COLLAB_UPDATE = \"broadcast-collab-update\", // 协作消息-更新\n  MESSAGE_ROOM_JOIN = \"broadcast-join-room\", // 新成员加入房间\n  MESSAGE_ROOM_LEAVE = \"broadcast-leave-room\", // 成员离开房间\n  /** ai 智能体消息 */\n  AI_AGENT_MESSAGE = \"broadcast-ai-agent-message\",\n}\n\nexport const MessageType = SocketEventType;\n\n// 房间类型与房间id的映射\nexport const RoomTypeIdMap = {\n  [RoomType.SPACE]: (spaceId: number): string => `${ROOM_PREFIX}-${RoomType.SPACE}-${spaceId}`,\n  [RoomType.TEAM]: (teamId: number): string => `${ROOM_PREFIX}-${RoomType.TEAM}-${teamId}`,\n  [RoomType.USER]: (userId: number): string => `${ROOM_PREFIX}-${RoomType.USER}-${userId}`,\n  [RoomType.PORTAL]: (portalId: number): string => `${ROOM_PREFIX}-${RoomType.PORTAL}-${portalId}`,\n  [RoomType.SCREEN]: (screenId: number): string => `${ROOM_PREFIX}-${RoomType.SCREEN}-${screenId}`,\n  [RoomType.MOBILE]: (mobileId: number): string => `${ROOM_PREFIX}-${RoomType.MOBILE}-${mobileId}`,\n};\n\nexport const MAX_TIMEOUT = 5000;\nexport const messageWindowByType = {} as Record<string, string[]>; // 主动断开连接的原因，用于区分是客户端主动断开还是服务端主动断开\nexport const EXPLICIT_DISCONNECT_REASON = new Set<number>([\n  1, // 'io server disconnect',\n  2, // 'io client disconnect',\n]);\n\nexport const socketNormalMessageList: SocketEventType[] = [\n  SocketEventType.EXCLUSIVE,\n  SocketEventType.EXCLUSIVE_MESSAGE_GET_ROOMS,\n  SocketEventType.EXCLUSIVE_MESSAGE_JOIN_ROOM,\n  SocketEventType.EXCLUSIVE_MESSAGE_GET_ROOM_USERS,\n  SocketEventType.COLLAB_UPDATE,\n  SocketEventType.COLLAB_DELETE,\n  SocketEventType.COLLAB_ADD,\n];\nexport const socketBroadcastMessageList: SocketEventType[] = [\n  SocketEventType.MESSAGE_ROOM_JOIN,\n  SocketEventType.MESSAGE_ROOM_LEAVE,\n  SocketEventType.AI_AGENT_MESSAGE,\n];\n\n/** 消息推送的错误码 */\nexport enum MpsErrorCode {\n  GUEST_TOKEN_ERROR = 1000,\n  UNAUTH = 1001,\n}\n"],"names":["RoomType","SocketEventType","MpsErrorCode"],"mappings":"AACO,MAAM,cAAc;AAGf,IAAA,6BAAAA,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,MAAO,IAAA;AACPA,YAAA,MAAO,IAAA;AACPA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,UAAW,IAAA;AACXA,YAAA,oBAAqB,IAAA;AARXA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAYA,IAAA,oCAAAC,qBAAL;AAELA,mBAAA,iBAAkB,IAAA;AAClBA,mBAAA,SAAU,IAAA;AACVA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,WAAY,IAAA;AAEZA,mBAAA,WAAY,IAAA;AAGZA,mBAAA,WAAY,IAAA;AACZA,mBAAA,gBAAiB,IAAA;AACjBA,mBAAA,WAAY,IAAA;AACZA,mBAAA,YAAa,IAAA;AAGbA,mBAAA,6BAA8B,IAAA;AAC9BA,mBAAA,kCAAmC,IAAA;AACnCA,mBAAA,6BAA8B,IAAA;AAG9BA,mBAAA,YAAa,IAAA;AACbA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,eAAgB,IAAA;AAChBA,mBAAA,mBAAoB,IAAA;AACpBA,mBAAA,oBAAqB,IAAA;AAErBA,mBAAA,kBAAmB,IAAA;AA3BTA,SAAAA;AAAA,GAAA,mBAAA,CAAA,CAAA;AA8BL,MAAM,cAAc;AAGpB,MAAM,gBAAgB;AAAA,EAC3B;AAAA,IAAC;AAAA;AAAA,EAAc,GAAG,CAAC,YAA4B,GAAG,WAAW,IAAI,OAAc,IAAI,OAAO;AAAA,EAC1F;AAAA,IAAC;AAAA;AAAA,EAAa,GAAG,CAAC,WAA2B,GAAG,WAAW,IAAI,MAAa,IAAI,MAAM;AAAA,EACtF;AAAA,IAAC;AAAA;AAAA,EAAa,GAAG,CAAC,WAA2B,GAAG,WAAW,IAAI,MAAa,IAAI,MAAM;AAAA,EACtF;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,QAAe,IAAI,QAAQ;AAAA,EAC9F;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,QAAe,IAAI,QAAQ;AAAA,EAC9F;AAAA,IAAC;AAAA;AAAA,EAAe,GAAG,CAAC,aAA6B,GAAG,WAAW,IAAI,YAAmB,QAAQ;AAChG;AAEO,MAAM,cAAc;AACpB,MAAM,sBAAsB,CAAA;AACtB,MAAA,iDAAiC,IAAY;AAAA,EACxD;AAAA;AAAA,EACA;AAAA;AACF,CAAC;AAEM,MAAM,0BAA6C;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AACF;AACO,MAAM,6BAAgD;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA;AACF;AAGY,IAAA,iCAAAC,kBAAL;AACLA,gBAAAA,cAAA,uBAAoB,GAApB,IAAA;AACAA,gBAAAA,cAAA,YAAS,IAAT,IAAA;AAFUA,SAAAA;AAAA,GAAA,gBAAA,CAAA,CAAA;"}

package/dist/lib/hooks/use-socket-events/use-socket-events.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-socket-events.es.js","sources":["../../../../src/hooks/use-socket-events/use-socket-events.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMemoizedFn } from 'ahooks';\nimport { isNil } from 'lodash-es';\nimport { type Manager, type Socket } from 'socket.io-client';\nimport {\n  EXPLICIT_DISCONNECT_REASON,\n  MAX_TIMEOUT,\n  messageWindowByType,\n  socketBroadcastMessageList,\n  SocketEventType,\n  socketNormalMessageList,\n} from './constant';\nimport { AuthConfig, BroadcastData, SocketEventData, SocketOnErrorData } from './types';\n\nconst generateId = () => {\n  return Math.random().toString().slice(2, 20);\n};\n\ninterface UseSocketDataCommonProps {\n  basename: string;\n  SocketManager: typeof Manager;\n  host?: string;\n  onBroadcast?: (dataAndType: BroadcastData) => void;\n  onSocketEvent?: (dataAndType: SocketEventData) => void;\n  onError?: (data: SocketOnErrorData) => void;\n}\ninterface UserIdProps {\n  spaceId: number;\n  userId?: number;\n}\ninterface GuestSocketIdProps {\n  guestToken: string;\n}\ntype UseSocketDataProps = UseSocketDataCommonProps & (UserIdProps | GuestSocketIdProps);\n\nexport function useSocketEvents(props: UseSocketDataProps): Socket | null {\n  const {\n    basename,\n    host,\n    SocketManager,\n    onBroadcast: propsOnBroadcast,\n    onSocketEvent: propsOnSocketEvent,\n    onError: propsOnError,\n  } = props;\n  const userId = (props as UserIdProps).userId;\n  const spaceId = (props as UserIdProps).spaceId;\n  const guestToken = (props as GuestSocketIdProps).guestToken;\n\n  const refTimeout = useRef<number | null>(null);\n  const onBroadcast = useMemoizedFn((data: BroadcastData) => propsOnBroadcast?.(data));\n  const onSocketEvent = useMemoizedFn((data: SocketEventData) => propsOnSocketEvent?.(data));\n  const onError = useMemoizedFn((data: SocketOnErrorData) => propsOnError?.(data));\n  const socketRef = useRef<Socket | null>(null);\n\n  useEffect(() => {\n    if (guestToken === '') {\n      onError?.({\n        type: 'connectError',\n        errorMsg: 'guestToken 为空字符串，无法连接进入会话房间！',\n      });\n      return;\n    }\n    if (isNil(userId) && !guestToken) {\n      onError?.({\n        type: 'connectError',\n        errorMsg: 'userId 为空，无法连接进入会话房间！',\n      });\n      return;\n    }\n\n    const customSocketId = guestToken ? `guest-${generateId()}` : `${userId}-${generateId()}`;\n    socketRef.current?.disconnect();\n    socketRef.current = new SocketManager(host || window.location.origin, {\n      transports: ['websocket'],\n      forceNew: false,\n      path: `${basename}/socket/easyv-mps`,\n      reconnectionDelay: 5000,\n      reconnectionDelayMax: 10000,\n    }).socket('/easyv-mps', {\n      auth: {\n        'custom-socket-id': customSocketId,\n        'space-id': spaceId || 0,\n        'guest-token': guestToken || '',\n        'room-offset-map': messageWindowByType,\n      },\n    });\n  }, [SocketManager, basename, guestToken, host, onError, spaceId, userId]);\n\n  const socket = socketRef.current;\n\n  useEffect(() => {\n    function broadcastCallback(data: { data: { roomId: string } }) {\n      const roomId = data?.data?.roomId;\n      if (roomId) {\n        const id = (socket?.auth as AuthConfig)['custom-socket-id'];\n        if (!messageWindowByType[roomId]) {\n          messageWindowByType[roomId] = [];\n        }\n        if (!messageWindowByType[roomId]?.includes(id)) {\n          // 重复消息过滤\n          messageWindowByType[roomId]?.push(id);\n          (socket?.auth as AuthConfig)['room-offset-map'][roomId] = id;\n        }\n      }\n    }\n\n    socketNormalMessageList.forEach((item) => {\n      socket?.on(item, (data) => {\n        onBroadcast?.({ data, eventType: item });\n      });\n    });\n    socketBroadcastMessageList.forEach((item) => {\n      socket?.on(item, (data) => {\n        broadcastCallback({\n          data,\n        });\n        onBroadcast?.({ data, eventType: item });\n      });\n    });\n\n    socket?.on('connect', () => {\n      if (socket?.connected) {\n        onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT });\n        // 清理定时任务\n        clearDelayer(refTimeout.current);\n      } else {\n        onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT_ERROR });\n      }\n    });\n\n    socket?.on('reconnect', (reason) => {\n      // 断开\n      onSocketEvent?.({ data: undefined, eventType: SocketEventType.RECONNECT });\n      if (EXPLICIT_DISCONNECT_REASON.has(reason)) {\n        // 意外断开，启动一个定时器，规定时间内没重新连上就弹框，要求客户刷新页面\n        clearDelayer(refTimeout.current);\n        refTimeout.current = setTimeout(() => {\n          // 连接超时\n          onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT_TIMEOUT });\n        }, MAX_TIMEOUT);\n      }\n      console.log('重连成功');\n    });\n    socket?.on('connect_error', (error) => {\n      onSocketEvent?.({\n        data: { success: false, data: error },\n        eventType: SocketEventType.CONNECT_ERROR,\n      });\n      onError?.({ type: 'connectError', errorMsg: error.message });\n    });\n    return () => {\n      // 主动断开\n      if (socket?.connected) {\n        socket?.close();\n      }\n    };\n  }, [onBroadcast, onError, onSocketEvent, socket]);\n\n  return socket;\n}\n\n/**\n * clear timeout util\n * */\nfunction clearDelayer(timeoutId: number | null) {\n  if (timeoutId) {\n    clearTimeout(timeoutId);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-socket-events.es.js","sources":["../../../../src/hooks/use-socket-events/use-socket-events.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useMemoizedFn } from \"ahooks\";\nimport { isNil } from \"lodash-es\";\nimport { type Manager, type Socket } from \"socket.io-client\";\nimport {\n  EXPLICIT_DISCONNECT_REASON,\n  MAX_TIMEOUT,\n  messageWindowByType,\n  socketBroadcastMessageList,\n  SocketEventType,\n  socketNormalMessageList,\n} from \"./constant\";\nimport { AuthConfig, BroadcastData, SocketEventData, SocketOnErrorData } from \"./types\";\n\nconst generateId = () => {\n  return Math.random().toString().slice(2, 20);\n};\n\ninterface UseSocketDataCommonProps {\n  basename: string;\n  SocketManager: typeof Manager;\n  host?: string;\n  onBroadcast?: (dataAndType: BroadcastData) => void;\n  onSocketEvent?: (dataAndType: SocketEventData) => void;\n  onError?: (data: SocketOnErrorData) => void;\n}\ninterface UserIdProps {\n  spaceId: number;\n  userId?: number;\n}\ninterface GuestSocketIdProps {\n  guestToken: string;\n}\ntype UseSocketDataProps = UseSocketDataCommonProps & (UserIdProps | GuestSocketIdProps);\n\nexport function useSocketEvents(props: UseSocketDataProps): Socket | null {\n  const {\n    basename,\n    host,\n    SocketManager,\n    onBroadcast: propsOnBroadcast,\n    onSocketEvent: propsOnSocketEvent,\n    onError: propsOnError,\n  } = props;\n  const userId = (props as UserIdProps).userId;\n  const spaceId = (props as UserIdProps).spaceId;\n  const guestToken = (props as GuestSocketIdProps).guestToken;\n\n  const refTimeout = useRef<number | null>(null);\n  const onBroadcast = useMemoizedFn((data: BroadcastData) => propsOnBroadcast?.(data));\n  const onSocketEvent = useMemoizedFn((data: SocketEventData) => propsOnSocketEvent?.(data));\n  const onError = useMemoizedFn((data: SocketOnErrorData) => propsOnError?.(data));\n  const socketRef = useRef<Socket | null>(null);\n\n  useEffect(() => {\n    if (guestToken === \"\") {\n      onError?.({\n        type: \"connectError\",\n        errorMsg: \"guestToken 为空字符串，无法连接进入会话房间！\",\n      });\n      return;\n    }\n    if (isNil(userId) && !guestToken) {\n      onError?.({\n        type: \"connectError\",\n        errorMsg: \"userId 为空，无法连接进入会话房间！\",\n      });\n      return;\n    }\n\n    const customSocketId = guestToken ? `guest-${generateId()}` : `${userId}-${generateId()}`;\n    socketRef.current?.disconnect();\n    socketRef.current = new SocketManager(host || window.location.origin, {\n      transports: [\"websocket\"],\n      forceNew: false,\n      path: `${basename}/socket/easyv-mps`,\n      reconnectionDelay: 5000,\n      reconnectionDelayMax: 10000,\n    }).socket(\"/easyv-mps\", {\n      auth: {\n        \"custom-socket-id\": customSocketId,\n        \"space-id\": spaceId || 0,\n        \"guest-token\": guestToken || \"\",\n        \"room-offset-map\": messageWindowByType,\n      },\n    });\n  }, [SocketManager, basename, guestToken, host, onError, spaceId, userId]);\n\n  const socket = socketRef.current;\n\n  useEffect(() => {\n    function broadcastCallback(data: { data: { roomId: string } }) {\n      const roomId = data?.data?.roomId;\n      if (roomId) {\n        const id = (socket?.auth as AuthConfig)[\"custom-socket-id\"];\n        if (!messageWindowByType[roomId]) {\n          messageWindowByType[roomId] = [];\n        }\n        if (!messageWindowByType[roomId]?.includes(id)) {\n          // 重复消息过滤\n          messageWindowByType[roomId]?.push(id);\n          (socket?.auth as AuthConfig)[\"room-offset-map\"][roomId] = id;\n        }\n      }\n    }\n\n    socketNormalMessageList.forEach((item) => {\n      socket?.on(item, (data) => {\n        onBroadcast?.({ data, eventType: item });\n      });\n    });\n    socketBroadcastMessageList.forEach((item) => {\n      socket?.on(item, (data) => {\n        broadcastCallback({\n          data,\n        });\n        onBroadcast?.({ data, eventType: item });\n      });\n    });\n\n    socket?.on(\"connect\", () => {\n      if (socket?.connected) {\n        onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT });\n        // 清理定时任务\n        clearDelayer(refTimeout.current);\n      } else {\n        onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT_ERROR });\n      }\n    });\n\n    socket?.on(\"reconnect\", (reason) => {\n      // 断开\n      onSocketEvent?.({ data: undefined, eventType: SocketEventType.RECONNECT });\n      if (EXPLICIT_DISCONNECT_REASON.has(reason)) {\n        // 意外断开，启动一个定时器，规定时间内没重新连上就弹框，要求客户刷新页面\n        clearDelayer(refTimeout.current);\n        refTimeout.current = setTimeout(() => {\n          // 连接超时\n          onSocketEvent?.({ data: undefined, eventType: SocketEventType.CONNECT_TIMEOUT });\n        }, MAX_TIMEOUT);\n      }\n      console.log(\"重连成功\");\n    });\n    socket?.on(\"connect_error\", (error) => {\n      onSocketEvent?.({\n        data: { success: false, data: error },\n        eventType: SocketEventType.CONNECT_ERROR,\n      });\n      onError?.({ type: \"connectError\", errorMsg: error.message });\n    });\n    return () => {\n      // 主动断开\n      if (socket?.connected) {\n        socket?.close();\n      }\n    };\n  }, [onBroadcast, onError, onSocketEvent, socket]);\n\n  return socket;\n}\n\n/**\n * clear timeout util\n * */\nfunction clearDelayer(timeoutId: number | null) {\n  if (timeoutId) {\n    clearTimeout(timeoutId);\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/lib/hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.es.js

@@ -0,0 +1,54 @@
+import { useState } from "react";
+import { ArcoMessage } from "@easyv/arco";
+import useUnmount from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useUnmount/index.es.js";
+import { VoiceRecordManager } from "../../utils/voice-record-manager/voice-record-manager.es.js";
+import { getIsPrivateDeployEnv } from "../../utils/common/common.es.js";
+const useTencentSentenceRecognition = (params) => {
+  const { onAsrResult, getSentenceRecognizeRes } = params;
+  const [voiceRecordManager] = useState(new VoiceRecordManager());
+  const [recognizeStatus, setRecognizeStatus] = useState(
+    "none"
+  );
+  const startOneRecordFn = async () => {
+    await voiceRecordManager.start().then(() => {
+      setRecognizeStatus("listening");
+    }).catch(() => {
+      ArcoMessage.error("录音启动失败");
+      setRecognizeStatus("none");
+    });
+  };
+  const stopOneRecordFn = async (needRequest = true) => {
+    try {
+      if (getIsPrivateDeployEnv()) {
+        setRecognizeStatus("none");
+        return;
+      }
+      const wavBlob = await voiceRecordManager.stop();
+      if (!wavBlob) {
+        setRecognizeStatus("none");
+        return;
+      }
+      setRecognizeStatus("translating");
+      if (needRequest) {
+        const res = await getSentenceRecognizeRes(wavBlob);
+        onAsrResult == null ? void 0 : onAsrResult(res);
+      }
+    } catch (error) {
+      console.log("停止录音失败:", error);
+    } finally {
+      setRecognizeStatus("none");
+    }
+  };
+  useUnmount(() => {
+    voiceRecordManager.destroy();
+  });
+  return {
+    recognizeStatus,
+    startVoiceRecord: startOneRecordFn,
+    stopVoiceRecord: stopOneRecordFn
+  };
+};
+export {
+  useTencentSentenceRecognition
+};
+//# sourceMappingURL=use-tencent-sentence-recognition.es.js.map

package/dist/lib/hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tencent-sentence-recognition.es.js","sources":["../../../../src/hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.ts"],"sourcesContent":["import { useState } from \"react\";\nimport { ArcoMessage } from \"@easyv/arco\";\nimport { useUnmount } from \"ahooks\";\nimport { getIsPrivateDeployEnv, VoiceRecordManager } from \"@/utils\";\n\nexport interface UseTencentSentenceRecognitionParams {\n  onAsrResult?: (value: string) => void;\n  getSentenceRecognizeRes: (data: Blob) => Promise<string>;\n}\nexport const useTencentSentenceRecognition = (params: UseTencentSentenceRecognitionParams) => {\n  const { onAsrResult, getSentenceRecognizeRes } = params;\n  const [voiceRecordManager] = useState(new VoiceRecordManager());\n  const [recognizeStatus, setRecognizeStatus] = useState<\"none\" | \"listening\" | \"translating\">(\n    \"none\",\n  );\n\n  const startOneRecordFn = async () => {\n    await voiceRecordManager\n      .start()\n      .then(() => {\n        setRecognizeStatus(\"listening\");\n      })\n      .catch(() => {\n        ArcoMessage.error(\"录音启动失败\");\n        setRecognizeStatus(\"none\");\n      });\n  };\n\n  // 停止录音\n  const stopOneRecordFn: (needRequest?: boolean) => Promise<string | void> = async (\n    needRequest = true,\n  ) => {\n    try {\n      if (getIsPrivateDeployEnv()) {\n        setRecognizeStatus(\"none\");\n        return;\n      }\n      const wavBlob = await voiceRecordManager.stop();\n      if (!wavBlob) {\n        setRecognizeStatus(\"none\");\n        return;\n      }\n      setRecognizeStatus(\"translating\");\n      if (needRequest) {\n        const res = await getSentenceRecognizeRes(wavBlob);\n        onAsrResult?.(res);\n      }\n    } catch (error) {\n      console.log(\"停止录音失败:\", error);\n    } finally {\n      setRecognizeStatus(\"none\");\n    }\n  };\n\n  useUnmount(() => {\n    voiceRecordManager.destroy();\n  });\n\n  return {\n    recognizeStatus,\n    startVoiceRecord: startOneRecordFn,\n    stopVoiceRecord: stopOneRecordFn,\n  };\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,gCAAgC,CAAC,WAAgD;AACtF,QAAA,EAAE,aAAa,wBAAA,IAA4B;AACjD,QAAM,CAAC,kBAAkB,IAAI,SAAS,IAAI,oBAAoB;AACxD,QAAA,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;AAAA,EACF;AAEA,QAAM,mBAAmB,YAAY;AACnC,UAAM,mBACH,QACA,KAAK,MAAM;AACV,yBAAmB,WAAW;AAAA,IAAA,CAC/B,EACA,MAAM,MAAM;AACX,kBAAY,MAAM,QAAQ;AAC1B,yBAAmB,MAAM;AAAA,IAAA,CAC1B;AAAA,EACL;AAGM,QAAA,kBAAqE,OACzE,cAAc,SACX;AACC,QAAA;AACF,UAAI,yBAAyB;AAC3B,2BAAmB,MAAM;AACzB;AAAA,MAAA;AAEI,YAAA,UAAU,MAAM,mBAAmB,KAAK;AAC9C,UAAI,CAAC,SAAS;AACZ,2BAAmB,MAAM;AACzB;AAAA,MAAA;AAEF,yBAAmB,aAAa;AAChC,UAAI,aAAa;AACT,cAAA,MAAM,MAAM,wBAAwB,OAAO;AACjD,mDAAc;AAAA,MAAG;AAAA,aAEZ,OAAO;AACN,cAAA,IAAI,WAAW,KAAK;AAAA,IAAA,UAC5B;AACA,yBAAmB,MAAM;AAAA,IAAA;AAAA,EAE7B;AAEA,aAAW,MAAM;AACf,uBAAmB,QAAQ;AAAA,EAAA,CAC5B;AAEM,SAAA;AAAA,IACL;AAAA,IACA,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,EACnB;AACF;"}

package/dist/lib/hooks/use-watch-value/use-watch-value.es.js

@@ -2,12 +2,15 @@ import { useRef, useEffect } from "react";
 import useMemoizedFn from "../../node_modules/.pnpm/ahooks@3.8.5_react@18.2.0/node_modules/ahooks/es/useMemoizedFn/index.es.js";
 import isEqual from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqual.es.js";
 import cloneDeep from "../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/cloneDeep.es.js";
-function useWatchValue(params) {
-  const { value, callback, options = {} } = params;
-  const { equalFn = isEqual, immediate = true } = options;
+function useWatchValue(paramsOrValue, callback, options) {
+  const isObjectParams = typeof paramsOrValue === "object" && paramsOrValue !== null && "value" in paramsOrValue && "callback" in paramsOrValue;
+  const value = isObjectParams ? paramsOrValue.value : paramsOrValue;
+  const callbackFn = isObjectParams ? paramsOrValue.callback : callback;
+  const opts = isObjectParams ? paramsOrValue.options || {} : options || {};
+  const { equalFn = isEqual, immediate = true } = opts;
   const prevValueRef = useRef(value);
   const isFirstRenderRef = useRef(true);
-  const stableCallback = useMemoizedFn(callback);
+  const stableCallback = useMemoizedFn(callbackFn);
   const stableEqualFn = useMemoizedFn(equalFn);
   const setPreValue = useMemoizedFn((_value) => {
     prevValueRef.current = cloneDeep(_value);

package/dist/lib/hooks/use-watch-value/use-watch-value.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-watch-value.es.js","sources":["../../../../src/hooks/use-watch-value/use-watch-value.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { useMemoizedFn } from 'ahooks';\nimport { cloneDeep, isEqual } from 'lodash-es';\n\n// 更精确的类型定义，排除函数类型以避免潜在问题\ntype WatchableValue = string | number | boolean | object | Array<unknown> | null | undefined;\n\ninterface UseWatchValueOptions<T> {\n  /** 自定义比较函数，默认使用 lodash isEqual */\n  equalFn?: (value1: T, value2: T) => boolean;\n  /** 是否立即执行回调，默认为 true */\n  immediate?: boolean;\n}\n\ninterface UseWatchValueParams<T> {\n  /** 要监听的值 */\n  value: T;\n  /** 值变化时的回调函数 */\n  callback: (newValue: T, oldValue?: T) => void | Promise<void>;\n  /** 配置选项 */\n  options?: UseWatchValueOptions<T>;\n}\n\n/**\n * 监听值变化的 React Hook\n *\n * @description 当监听的值发生变化时，会调用提供的回调函数, 监听的值不要太大，否则会有性能问题。\n * @param params 配置参数\n * @param params.value 要监听的值\n * @param params.callback 值变化时的回调函数\n * @param params.options 配置选项\n * @param params.options.equalFn 自定义比较函数，默认使用 lodash isEqual\n * @param params.options.immediate 是否立即执行回调，默认为 true\n *\n * @example\n * ```tsx\n * const [count, setCount] = useState(0);\n *\n * useWatchValue({\n *   value: count,\n *   callback: (newValue, oldValue) => {\n *     console.log(`Count changed from ${oldValue} to ${newValue}`);\n *   },\n *   options: {\n *     immediate: false // 不立即执行\n *   }\n * });\n * ```\n */\nexport function useWatchValue<T extends WatchableValue>(params: UseWatchValueParams<T>) {\n  const { value, callback, options = {} } = params;\n  const { equalFn = isEqual, immediate = true } = options;\n\n  // 存储上一次的值\n  const prevValueRef = useRef<T>(value);\n  // 标记是否为首次渲染\n  const isFirstRenderRef = useRef(true);\n\n  // 使用 useMemoizedFn 优化回调函数，避免不必要的依赖更新\n  const stableCallback = useMemoizedFn(callback);\n  const stableEqualFn = useMemoizedFn(equalFn);\n  const setPreValue = useMemoizedFn((_value) => {\n    prevValueRef.current = cloneDeep(_value);\n  });\n\n  useEffect(() => {\n    const isFirstRender = isFirstRenderRef.current;\n    const prevValue = prevValueRef.current;\n\n    // 首次渲染且 immediate 为 true 时执行回调\n    if (isFirstRender) {\n      isFirstRenderRef.current = false;\n      if (immediate) {\n        stableCallback(value, undefined);\n      }\n      setPreValue(value);\n      return;\n    }\n\n    // 值发生变化时执行回调\n    if (!stableEqualFn(value, prevValue)) {\n      stableCallback(value, prevValue);\n      setPreValue(value);\n    }\n  }, [value, stableCallback, stableEqualFn, immediate, setPreValue]);\n}\n"],"names":[],"mappings":";;;;AAiDO,SAAS,cAAwC,QAAgC;AACtF,QAAM,EAAE,OAAO,UAAU,UAAU,CAAA,EAAO,IAAA;AAC1C,QAAM,EAAE,UAAU,SAAS,YAAY,KAAS,IAAA;AAG1C,QAAA,eAAe,OAAU,KAAK;AAE9B,QAAA,mBAAmB,OAAO,IAAI;AAG9B,QAAA,iBAAiB,cAAc,QAAQ;AACvC,QAAA,gBAAgB,cAAc,OAAO;AACrC,QAAA,cAAc,cAAc,CAAC,WAAW;AAC/B,iBAAA,UAAU,UAAU,MAAM;AAAA,EAAA,CACxC;AAED,YAAU,MAAM;AACd,UAAM,gBAAgB,iBAAiB;AACvC,UAAM,YAAY,aAAa;AAG/B,QAAI,eAAe;AACjB,uBAAiB,UAAU;AAC3B,UAAI,WAAW;AACb,uBAAe,OAAO,MAAS;AAAA,MAAA;AAEjC,kBAAY,KAAK;AACjB;AAAA,IAAA;AAIF,QAAI,CAAC,cAAc,OAAO,SAAS,GAAG;AACpC,qBAAe,OAAO,SAAS;AAC/B,kBAAY,KAAK;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,OAAO,gBAAgB,eAAe,WAAW,WAAW,CAAC;AACnE;"}
+{"version":3,"file":"use-watch-value.es.js","sources":["../../../../src/hooks/use-watch-value/use-watch-value.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { useMemoizedFn } from \"ahooks\";\nimport { cloneDeep, isEqual } from \"lodash-es\";\n\n// 更精确的类型定义，排除函数类型以避免潜在问题\ntype WatchableValue = string | number | boolean | object | Array<unknown> | null | undefined;\n\ninterface UseWatchValueOptions<T> {\n  /** 自定义比较函数，默认使用 lodash isEqual */\n  equalFn?: (value1: T, value2: T) => boolean;\n  /** 是否立即执行回调，默认为 true */\n  immediate?: boolean;\n}\n\ninterface UseWatchValueParams<T> {\n  /** 要监听的值 */\n  value: T;\n  /** 值变化时的回调函数 */\n  callback: (newValue: T, oldValue?: T) => void | Promise<void>;\n  /** 配置选项 */\n  options?: UseWatchValueOptions<T>;\n}\n\n/**\n * 监听值变化的 React Hook\n *\n * @description 当监听的值发生变化时，会调用提供的回调函数, 监听的值不要太大，否则会有性能问题。\n * @param params 配置参数\n * @param params.value 要监听的值\n * @param params.callback 值变化时的回调函数\n * @param params.options 配置选项\n * @param params.options.equalFn 自定义比较函数，默认使用 lodash isEqual\n * @param params.options.immediate 是否立即执行回调，默认为 true\n *\n * @example\n * ```tsx\n * const [count, setCount] = useState(0);\n *\n * useWatchValue({\n *   value: count,\n *   callback: (newValue, oldValue) => {\n *     console.log(`Count changed from ${oldValue} to ${newValue}`);\n *   },\n *   options: {\n *     immediate: false // 不立即执行\n *   }\n * });\n * ```\n */\nexport function useWatchValue<T extends WatchableValue>(params: UseWatchValueParams<T>): void;\n\n/**\n * 监听值变化的 React Hook (重载版本)\n *\n * @description 当监听的值发生变化时，会调用提供的回调函数, 监听的值不要太大，否则会有性能问题。\n * @param value 要监听的值\n * @param callback 值变化时的回调函数\n * @param options 配置选项\n *\n * @example\n * ```tsx\n * const [count, setCount] = useState(0);\n *\n * useWatchValue(\n *   count,\n *   (newValue, oldValue) => {\n *     console.log(`Count changed from ${oldValue} to ${newValue}`);\n *   },\n *   { immediate: false }\n * );\n * ```\n */\nexport function useWatchValue<T extends WatchableValue>(\n  value: T,\n  callback: (newValue: T, oldValue?: T) => void | Promise<void>,\n  options?: UseWatchValueOptions<T>,\n): void;\n\nexport function useWatchValue<T extends WatchableValue>(\n  paramsOrValue: UseWatchValueParams<T> | T,\n  callback?: (newValue: T, oldValue?: T) => void | Promise<void>,\n  options?: UseWatchValueOptions<T>,\n) {\n  // 判断是否使用对象参数形式\n  const isObjectParams =\n    typeof paramsOrValue === \"object\" &&\n    paramsOrValue !== null &&\n    \"value\" in paramsOrValue &&\n    \"callback\" in paramsOrValue;\n\n  // 根据参数形式解构参数\n  const value = isObjectParams\n    ? (paramsOrValue as UseWatchValueParams<T>).value\n    : (paramsOrValue as T);\n  const callbackFn = isObjectParams\n    ? (paramsOrValue as UseWatchValueParams<T>).callback\n    : callback!;\n  const opts = isObjectParams\n    ? (paramsOrValue as UseWatchValueParams<T>).options || {}\n    : options || {};\n\n  const { equalFn = isEqual, immediate = true } = opts;\n\n  // 存储上一次的值\n  const prevValueRef = useRef<T>(value);\n  // 标记是否为首次渲染\n  const isFirstRenderRef = useRef(true);\n\n  // 使用 useMemoizedFn 优化回调函数，避免不必要的依赖更新\n  const stableCallback = useMemoizedFn(callbackFn);\n  const stableEqualFn = useMemoizedFn(equalFn);\n  const setPreValue = useMemoizedFn((_value) => {\n    prevValueRef.current = cloneDeep(_value);\n  });\n\n  useEffect(() => {\n    const isFirstRender = isFirstRenderRef.current;\n    const prevValue = prevValueRef.current;\n\n    // 首次渲染且 immediate 为 true 时执行回调\n    if (isFirstRender) {\n      isFirstRenderRef.current = false;\n      if (immediate) {\n        stableCallback(value, undefined);\n      }\n      setPreValue(value);\n      return;\n    }\n\n    // 值发生变化时执行回调\n    if (!stableEqualFn(value, prevValue)) {\n      stableCallback(value, prevValue);\n      setPreValue(value);\n    }\n  }, [value, stableCallback, stableEqualFn, immediate, setPreValue]);\n}\n"],"names":[],"mappings":";;;;AA8EgB,SAAA,cACd,eACA,UACA,SACA;AAEM,QAAA,iBACJ,OAAO,kBAAkB,YACzB,kBAAkB,QAClB,WAAW,iBACX,cAAc;AAGV,QAAA,QAAQ,iBACT,cAAyC,QACzC;AACC,QAAA,aAAa,iBACd,cAAyC,WAC1C;AACJ,QAAM,OAAO,iBACR,cAAyC,WAAW,CAAA,IACrD,WAAW,CAAC;AAEhB,QAAM,EAAE,UAAU,SAAS,YAAY,KAAS,IAAA;AAG1C,QAAA,eAAe,OAAU,KAAK;AAE9B,QAAA,mBAAmB,OAAO,IAAI;AAG9B,QAAA,iBAAiB,cAAc,UAAU;AACzC,QAAA,gBAAgB,cAAc,OAAO;AACrC,QAAA,cAAc,cAAc,CAAC,WAAW;AAC/B,iBAAA,UAAU,UAAU,MAAM;AAAA,EAAA,CACxC;AAED,YAAU,MAAM;AACd,UAAM,gBAAgB,iBAAiB;AACvC,UAAM,YAAY,aAAa;AAG/B,QAAI,eAAe;AACjB,uBAAiB,UAAU;AAC3B,UAAI,WAAW;AACb,uBAAe,OAAO,MAAS;AAAA,MAAA;AAEjC,kBAAY,KAAK;AACjB;AAAA,IAAA;AAIF,QAAI,CAAC,cAAc,OAAO,SAAS,GAAG;AACpC,qBAAe,OAAO,SAAS;AAC/B,kBAAY,KAAK;AAAA,IAAA;AAAA,EACnB,GACC,CAAC,OAAO,gBAAgB,eAAe,WAAW,WAAW,CAAC;AACnE;"}

package/dist/lib/index.es.js

@@ -1,5 +1,6 @@
-import { AiMessageRender } from "./components/ai-message-render/ai-message-render.es.js";
-import { generateAiChatMessageFromAiChatDetail, generateAiChatMessageFromSocketMessage, generateDefaultAiMsg } from "./components/ai-message-render/utils.es.js";
+import { AiMessageRender } from "./components/ai-components/ai-message-render/ai-message-render.es.js";
+import { generateAiChatMessageFromAiChatDetail, generateAiChatMessageFromSocketMessage, generateDefaultAiMsg } from "./components/ai-components/ai-message-render/utils.es.js";
+import { renderChartPlaceHolderDom, renderEasyvCharts, renderEcharts } from "./components/ai-components/ai-message-render/render-utils.es.js";
 import { ShadowDom } from "./components/shadow-dom/shadow-dom.es.js";
 import { ScrollController } from "./components/scroll-controller/scroll-controller.es.js";
 import { VoiceAnimation } from "./components/voice-animation/voice-animation.es.js";
@@ -8,6 +9,9 @@ import { CodeMirrorEditor } from "./components/code-mirror-editor/code-mirror-ed
 import { EasyvMonacoEditor } from "./components/easyv-monaco-editor/easyv-monaco-editor.es.js";
 import { ErrorBoundary } from "./components/error-boundary/error-boundary.es.js";
 import { AiModelSelectPanel } from "./components/ai-model-select/ai-model-select-panel.es.js";
+import { MobileVoiceInput } from "./components/ai-components/mobile-voice-input/mobile-voice-input.es.js";
+import { CircleLoading } from "./components/circle-loading/circle-loading.es.js";
+import { EasyvReactGrid } from "./components/easyv-reactgrid/easyv-react-grid.es.js";
 import { useDivAutoScroll } from "./hooks/use-div-auto-scroll.es.js";
 import { useInitialized } from "./hooks/use-initialized.es.js";
 import { useWatchValue } from "./hooks/use-watch-value/use-watch-value.es.js";
@@ -15,8 +19,9 @@ import { useSocketEvents } from "./hooks/use-socket-events/use-socket-events.es.
 import { EXPLICIT_DISCONNECT_REASON, MAX_TIMEOUT, MessageType, MpsErrorCode, ROOM_PREFIX, RoomType, RoomTypeIdMap, SocketEventType, messageWindowByType, socketBroadcastMessageList, socketNormalMessageList } from "./hooks/use-socket-events/constant.es.js";
 import { useDocumentUnmount } from "./hooks/use-document-unmount/use-document-unmount.es.js";
 import { useAiAgentMessage } from "./hooks/use-ai-agent-message/use-ai-agent-message.es.js";
-import { aiAnswerContentTypeList } from "./hooks/use-ai-agent-message/constants.es.js";
-import { generateAiMsgItem, generateUserMsgItem } from "./hooks/use-ai-agent-message/utils.es.js";
+import { AiAgentKnowledgeEnum, aiAnswerContentTypeList, frontEndDirectShowKnowledgeResList } from "./hooks/use-ai-agent-message/constants.es.js";
+import { generateAiMsgItem, generateAiMsgPayload, generateUserMsgItem } from "./hooks/use-ai-agent-message/utils.es.js";
+import { useTencentSentenceRecognition } from "./hooks/use-tencent-sentence-recognition/use-tencent-sentence-recognition.es.js";
 import { FunASRManager, getWebSocketConnectForFunASR } from "./utils/fun-ASR/fun-ASR-manager.es.js";
 import { XFStreamVoiceManager } from "./utils/xun-fei-voice/XF-stream-voice-manager.es.js";
 import { RecorderManager } from "./utils/xun-fei-voice/recorder-manager/RecorderManager.es.js";
@@ -25,15 +30,24 @@ import { VoskBrowserManager } from "./utils/vosk-browser-manager/vosk-browser-ma
 import { wait, waitSomeThingBeTrue } from "./utils/wait-something/index.es.js";
 import { AiAgentMessageManager } from "./utils/ai-agent-message-manager/ai-agent-message-manager.es.js";
 import { AiAgentMpsErrorCode } from "./utils/ai-agent-message-manager/types.es.js";
-import { AgentDataSource, AgentSocketEmitEvent, AgentSocketListenEvent, AiAgentMessageType, AiAgentRoomType, AskWsListenEventList, MsgWsListenEventList } from "./utils/ai-agent-message-manager/constants.es.js";
-import { generateRandomId, isDevLocal } from "./utils/common/common.es.js";
+import { AgentDataSource, AgentSocketEmitEvent, AgentSocketListenEvent, AgentStatus, AiAgentMessageType, AiAgentRoomType, AskWsListenEventList, MsgWsListenEventList } from "./utils/ai-agent-message-manager/constants.es.js";
+import { clipboardWriteText, deCode, enCode, generateRandomId, generateRandomString, generateWorkletUrl, getIsPrivateDeployEnv, isDevLocal } from "./utils/common/common.es.js";
 import { getUrlQueryString, setUrlQueryString } from "./utils/common/url.es.js";
-import { fetchKnowledge } from "./utils/fetchKnowledge/fetchKnowledge.es.js";
-import { EasyvInput } from "./ant-components/input/input.es.js";
+import { blobToBase64, checkMicrophonePermission, isWsClosed, requestMicrophonePermission, toBase64 } from "./utils/common/voice-helper-utils.es.js";
+import { fetchKnowledge } from "./utils/fetch-knowledge/fetch-knowledge.es.js";
+import { showModal, showModalContainerClass } from "./utils/show-modal/show-modal.es.js";
+import { ChartHorizontalPositionEnum, ChartVerticalPositionEnum, EasyvGUIType, GUIHasLockValueInConfig, GUITypeWhichHasConfigListValue, PositionConstraintsGUIConfig, PositionConstraintsGUIConfigOld, defaultPositionConstraintsValue } from "./utils/easyv-gui-helper/constants.es.js";
+import { getBackgroundBlurStyleFromGuiConfig, getEasyvGUIConfigValue, getEasyvGUIConfigValueCompatibleOld, getEasyvGUIConfigValueOld, getNewEasyvGUIConfigFromValue, getNewEasyvGUIConfigFromValueOld, getRadiusStyleFromGuiString, getShadowFromGuiConfig, getShadowStyleFromGuiConfig, getUpdatedGUIConfig, getUpdatedGUIConfigOld, judgeValueIsGUIConfigList, updateConfigWithNewValue, updateGUIConfigList } from "./utils/easyv-gui-helper/easyv-gui-helper.es.js";
+import { calculateNewDimension, getComponentDimensionWithConstraints, getConstraintsFromConfig, getExtraConstraintInfo, getExtraConstraintInfoFromDimension, getNewConfigWithNewConstraints, getNewConfigWithNewDimension, insertPositionConstraintsGUIConfig } from "./utils/easyv-gui-helper/component-dimension.es.js";
+import { isOldConfig } from "./utils/easyv-gui-helper/common.es.js";
+import { VoiceRecordManager } from "./utils/voice-record-manager/voice-record-manager.es.js";
+import { HotWordTypeEnum } from "./types/common.es.js";
 export {
   AgentDataSource,
   AgentSocketEmitEvent,
   AgentSocketListenEvent,
+  AgentStatus,
+  AiAgentKnowledgeEnum,
   AiAgentMessageManager,
   AiAgentMessageType,
   AiAgentMpsErrorCode,
@@ -42,17 +56,27 @@ export {
   AiModelSelectPanel,
   AskWsListenEventList,
   AudioManager,
+  ChartHorizontalPositionEnum,
+  ChartVerticalPositionEnum,
+  CircleLoading,
   CodeMirrorEditor,
   EXPLICIT_DISCONNECT_REASON,
-  EasyvInput,
+  EasyvGUIType,
   EasyvMonacoEditor,
+  EasyvReactGrid,
   EchartsRender,
   ErrorBoundary,
   FunASRManager,
+  GUIHasLockValueInConfig,
+  GUITypeWhichHasConfigListValue,
+  HotWordTypeEnum,
   MAX_TIMEOUT,
   MessageType,
+  MobileVoiceInput,
   MpsErrorCode,
   MsgWsListenEventList,
+  PositionConstraintsGUIConfig,
+  PositionConstraintsGUIConfigOld,
   ROOM_PREFIX,
   RecorderManager,
   RoomType,
@@ -61,29 +85,73 @@ export {
   ShadowDom,
   SocketEventType,
   VoiceAnimation,
+  VoiceRecordManager,
   VoskBrowserManager,
   XFStreamVoiceManager,
   aiAnswerContentTypeList,
+  blobToBase64,
+  calculateNewDimension,
+  checkMicrophonePermission,
+  clipboardWriteText,
+  deCode,
+  defaultPositionConstraintsValue,
   defaultSampleRate,
+  enCode,
   fetchKnowledge,
+  frontEndDirectShowKnowledgeResList,
   generateAiChatMessageFromAiChatDetail,
   generateAiChatMessageFromSocketMessage,
   generateAiMsgItem,
+  generateAiMsgPayload,
   generateDefaultAiMsg,
   generateRandomId,
+  generateRandomString,
   generateUserMsgItem,
+  generateWorkletUrl,
+  getBackgroundBlurStyleFromGuiConfig,
+  getComponentDimensionWithConstraints,
+  getConstraintsFromConfig,
+  getEasyvGUIConfigValue,
+  getEasyvGUIConfigValueCompatibleOld,
+  getEasyvGUIConfigValueOld,
+  getExtraConstraintInfo,
+  getExtraConstraintInfoFromDimension,
+  getIsPrivateDeployEnv,
+  getNewConfigWithNewConstraints,
+  getNewConfigWithNewDimension,
+  getNewEasyvGUIConfigFromValue,
+  getNewEasyvGUIConfigFromValueOld,
+  getRadiusStyleFromGuiString,
+  getShadowFromGuiConfig,
+  getShadowStyleFromGuiConfig,
+  getUpdatedGUIConfig,
+  getUpdatedGUIConfigOld,
   getUrlQueryString,
   getWebSocketConnectForFunASR,
+  insertPositionConstraintsGUIConfig,
   isDevLocal,
+  isOldConfig,
+  isWsClosed,
+  judgeValueIsGUIConfigList,
   messageWindowByType,
+  renderChartPlaceHolderDom,
+  renderEasyvCharts,
+  renderEcharts,
+  requestMicrophonePermission,
   setUrlQueryString,
+  showModal,
+  showModalContainerClass,
   socketBroadcastMessageList,
   socketNormalMessageList,
+  toBase64,
+  updateConfigWithNewValue,
+  updateGUIConfigList,
   useAiAgentMessage,
   useDivAutoScroll,
   useDocumentUnmount,
   useInitialized,
   useSocketEvents,
+  useTencentSentenceRecognition,
   useWatchValue,
   wait,
   waitSomeThingBeTrue

package/dist/lib/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}