tuikit-atomicx-vue3 4.4.0-beta.1 → 4.4.0

package/dist/rtc/server.js

@@ -1,16 +1,19 @@
-var u = Object.defineProperty;
-var L = (o, i, t) => i in o ? u(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
-var s = (o, i, t) => L(o, typeof i != "symbol" ? i + "" : i, t);
-import { ref as f } from "vue";
-import U from "@tencentcloud/chat-uikit-engine";
-import S, { TUIConstants as g, TUILogin as T } from "@tencentcloud/tui-core";
-import c from "@tencentcloud/tuiroom-engine-js";
-import { useLoginState as m } from "../states/LoginState.js";
+var h = Object.defineProperty;
+var T = (n, t, i) => t in n ? h(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
+var s = (n, t, i) => T(n, typeof t != "symbol" ? t + "" : t, i);
+import { ref as U } from "vue";
+import m from "@tencentcloud/chat-uikit-engine";
+import S, { TUIConstants as g, TUILogin as _ } from "@tencentcloud/tui-core";
+import l from "@tencentcloud/tuiroom-engine-js";
+import { dataReport as p } from "../report/dataReport.js";
+import { MetricsKey as c } from "../report/MetricsKey.js";
+import { useLoginState as N } from "../states/LoginState.js";
+import { isMobile as C } from "../utils/env.js";
 const e = class e {
   constructor() {
     s(this, "isReady", !1);
     s(this, "isEngineLoggingIn", !1);
-    s(this, "isLogin", f(!1));
+    s(this, "isLogin", U(!1));
     s(this, "resolveList", []);
     s(this, "rejectList", []);
     this.init();
@@ -28,9 +31,9 @@ const e = class e {
   /**
    * @param { TUIInitParam } params
    */
-  onNotifyEvent(i, t) {
-    if (i === g.TUILogin.EVENT.LOGIN_STATE_CHANGED)
-      switch (t) {
+  onNotifyEvent(t, i) {
+    if (t === g.TUILogin.EVENT.LOGIN_STATE_CHANGED)
+      switch (i) {
         case g.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
           this.login();
           break;
@@ -41,52 +44,54 @@ const e = class e {
   }
   async login() {
     const {
-      chat: i,
-      SDKAppID: t,
-      userID: l,
-      userSig: E
-    } = T.getContext();
+      chat: t,
+      SDKAppID: i,
+      userID: E,
+      userSig: I
+    } = _.getContext();
     if (this.isEngineLoggingIn)
-      return new Promise((n, r) => {
-        this.resolveList.push(n), this.rejectList.push(r);
+      return new Promise((o, r) => {
+        this.resolveList.push(o), this.rejectList.push(r);
       });
     try {
-      this.isEngineLoggingIn = !0, await U.login({
-        chat: i,
-        SDKAppID: t,
-        userID: l,
-        userSig: E
+      this.isEngineLoggingIn = !0;
+      const o = C ? c.T_METRICS_STATE_API_LOGIN_MOBILE_COUNT : c.T_METRICS_STATE_API_LOGIN_COUNT;
+      p.reportCount(o), await m.login({
+        chat: t,
+        SDKAppID: i,
+        userID: E,
+        userSig: I
       });
-      const n = await c.login({
-        sdkAppId: t,
-        userId: l,
-        userSig: E,
-        tim: i
+      const r = await l.login({
+        sdkAppId: i,
+        userId: E,
+        userSig: I,
+        tim: t
       });
-      this.isLogin.value = !0, this.resolveList.forEach((h) => {
-        h();
+      this.isLogin.value = !0, this.resolveList.forEach((u) => {
+        u();
       }), this.rejectList = [], this.resolveList = [];
-      const { loginUserInfo: r } = m(), a = (await i.getUserProfile({ userIDList: [l] })).data[0];
-      return a.value || (r.value = {
+      const { loginUserInfo: f } = N(), a = (await t.getUserProfile({ userIDList: [E] })).data[0];
+      return a.value || (f.value = {
         userId: a.userID,
         userName: a.nick,
         avatarUrl: a.avatar,
         customInfo: a.profileCustomField
-      }), n;
-    } catch (n) {
+      }), r;
+    } catch (o) {
       throw this.rejectList.forEach((r) => {
-        r(n);
-      }), this.rejectList = [], this.resolveList = [], n;
+        r(o);
+      }), this.rejectList = [], this.resolveList = [], o;
     } finally {
       this.isEngineLoggingIn = !1;
     }
   }
   logout() {
-    c.logout(), this.isLogin.value = !1, this.isEngineLoggingIn = !1;
+    l.logout(), this.isLogin.value = !1, this.isEngineLoggingIn = !1;
   }
 };
 s(e, "instance");
-let I = e;
+let L = e;
 export {
-  I as default
+  L as default
 };

package/dist/states/LoginState.d.ts

@@ -3,6 +3,29 @@ import { LoginParams, LoginUserInfo, SetSelfInfoParams } from '../types/login';
 declare function login(options: LoginParams): Promise<void>;
 declare function setSelfInfo(options: SetSelfInfoParams): Promise<void>;
 declare function logout(): Promise<void>;
+/**
+ * 用户登录状态管理 Hook
+ * @memberof module:LoginState
+ * @description 提供用户登录、登出、个人信息管理等功能
+ * @returns {Object} 返回登录状态管理对象
+ * @returns {Ref<LoginUserInfo | null>} returns.loginUserInfo - 当前登录用户信息
+ * @returns {Function} returns.login - 登录函数
+ * @returns {Function} returns.logout - 登出函数
+ * @returns {Function} returns.setSelfInfo - 设置个人信息函数
+ * @example
+ * ```typescript
+ * const { loginUserInfo, login, logout, setSelfInfo } = useLoginState();
+ *
+ * // 登录
+ * await login({ userId: 'user123', userSig: 'sig', sdkAppId: 123456 });
+ *
+ * // 设置个人信息
+ * await setSelfInfo({ nick: '新昵称' });
+ *
+ * // 登出
+ * await logout();
+ * ```
+ */
 export declare function useLoginState(): {
     loginUserInfo: import('vue').Ref<{
         userId: string;

package/dist/states/LoginState.js

@@ -1,69 +1,64 @@
 import { ref as c } from "vue";
-import { TUILogin as i } from "@tencentcloud/tui-core";
-import { dataReport as f } from "../report/dataReport.js";
-import { MetricsKey as u } from "../report/MetricsKey.js";
-import { useStatistical as g } from "../statistical/statistical.js";
-import { isMobile as m } from "../utils/env.js";
-const a = c(null), { getChatScene: I } = g();
-async function S(r) {
+import { TUILogin as u } from "@tencentcloud/tui-core";
+import { useStatistical as i } from "../statistical/statistical.js";
+const s = c(null), { getChatScene: f } = i();
+async function g(r) {
   if (!r.userId || !r.userSig || !r.sdkAppId)
     throw new Error("[loginState login] params error");
-  const { userId: l, userSig: e, sdkAppId: n, ...o } = r, s = {
+  const { userId: l, userSig: t, sdkAppId: n, ...e } = r, a = {
     SDKAppID: n,
     userID: l,
-    userSig: e,
+    userSig: t,
     useUploadPlugin: !0,
-    scene: I(),
-    ...o
+    scene: f(),
+    ...e
   };
   try {
-    await i.login(s);
-    const t = m ? u.T_METRICS_STATE_API_LOGIN_MOBILE_COUNT : u.T_METRICS_STATE_API_LOGIN_COUNT;
-    f.reportCount(t);
-  } catch (t) {
-    throw console.error("[loginState login] error", t), t;
+    await u.login(a);
+  } catch (o) {
+    throw console.error("[loginState login] error", o), o;
   }
 }
-async function _(r) {
-  const l = a.value || {}, { chat: e } = i.getContext();
-  if (e) {
+async function m(r) {
+  const l = s.value || {}, { chat: t } = u.getContext();
+  if (t) {
     const n = [];
-    r.customInfo && Object.keys(r.customInfo).forEach((o) => {
-      var t;
-      let s = o;
-      o.includes("Tag_Profile_Custom") || (s = `Tag_Profile_Custom_${o}`), n.push({
-        key: s,
-        value: (t = r.customInfo) == null ? void 0 : t[o]
+    r.customInfo && Object.keys(r.customInfo).forEach((e) => {
+      var o;
+      let a = e;
+      e.includes("Tag_Profile_Custom") || (a = `Tag_Profile_Custom_${e}`), n.push({
+        key: a,
+        value: (o = r.customInfo) == null ? void 0 : o[e]
       });
     });
     try {
-      const o = await e.updateMyProfile({
+      const e = await t.updateMyProfile({
         nick: r.userName,
         avatar: r.avatarUrl,
         profileCustomField: n
       });
-      return a.value = {
+      return s.value = {
         ...l,
         ...r
-      }, o;
-    } catch (o) {
-      throw console.error("[loginState setSelfInfo] error", o), o;
+      }, e;
+    } catch (e) {
+      throw console.error("[loginState setSelfInfo] error", e), e;
     }
   } else
     throw Error("[loginState setSelfInfo] not login");
 }
-async function p() {
-  a.value = null, i.logout();
+async function I() {
+  s.value = null, u.logout();
 }
-function w() {
+function p() {
   return {
-    loginUserInfo: a,
-    login: S,
-    logout: p,
-    setSelfInfo: _
+    loginUserInfo: s,
+    login: g,
+    logout: I,
+    setSelfInfo: m
   };
 }
 export {
-  w as default,
-  w as useLoginState
+  p as default,
+  p as useLoginState
 };

package/dist/states/MessageInputState/MessageInputState.d.ts

@@ -3,13 +3,13 @@ import { MessageContentType, InputContent } from './type';
 import { Editor } from '@tiptap/vue-3';
 
 /**
- * Message Input Store
- *
- * This store manages the state and operations related to the chat message input, including:
- * - Raw input value (text or structured content)
- * - Editor instance management
- * - Content manipulation (insertion, updating, etc.)
- * - Message sending functionality
+ * 消息输入状态管理
+ * @module MessageInputState
+ * @description 管理聊天消息输入相关的状态和操作，包括：
+ * - 原始输入值（文本或结构化内容）
+ * - 编辑器实例管理
+ * - 内容操作（插入、更新等）
+ * - 消息发送功能
  */
 interface MessageInputState {
     inputRawValue: Ref<string | InputContent[]>;
@@ -24,6 +24,40 @@ interface MessageInputAction {
     blurEditor: () => void;
     sendMessage: (msg?: string | InputContent[]) => void;
 }
+/**
+ * 消息输入状态管理 Hook
+ * @memberof module:MessageInputState
+ * @description 提供消息输入相关的状态管理和操作功能，包括文本输入、编辑器控制、消息发送等
+ * @returns {MessageInputState & MessageInputAction} 返回消息输入状态管理对象
+ * @returns {Ref<string>} returns.inputRawValue - 输入框原始值
+ * @returns {Ref<boolean>} returns.isPeerTyping - 对方是否正在输入
+ * @returns {Function} returns.updateRawValue - 更新输入框原始值函数
+ * @returns {Function} returns.setEditorInstance - 设置编辑器实例函数
+ * @returns {Function} returns.setContent - 设置编辑器内容函数
+ * @returns {Function} returns.insertContent - 插入内容到编辑器函数
+ * @returns {Function} returns.focusEditor - 聚焦编辑器函数
+ * @returns {Function} returns.blurEditor - 失焦编辑器函数
+ * @returns {Function} returns.sendMessage - 发送消息函数
+ * @example
+ * ```typescript
+ * const {
+ *   inputRawValue,
+ *   isPeerTyping,
+ *   setContent,
+ *   sendMessage,
+ *   focusEditor
+ * } = useMessageInputState();
+ *
+ * // 设置编辑器内容
+ * setContent('Hello World');
+ *
+ * // 发送消息
+ * await sendMessage();
+ *
+ * // 聚焦编辑器
+ * focusEditor();
+ * ```
+ */
 declare function useMessageInputState(): MessageInputState & MessageInputAction;
 export { useMessageInputState, MessageContentType };
 export type { InputContent };

package/dist/states/MessageInputState/MessageInputState.js

@@ -1,111 +1,112 @@
-import { ref as d } from "vue";
-import { TUIStore as w, StoreName as M, TUIChatService as o } from "@tencentcloud/chat-uikit-engine";
-import { MessageContentType as s } from "./type.js";
-import { convertInputContentToEditorNode as p } from "./utils.js";
+import { ref as l } from "vue";
+import { TUIStore as w, StoreName as I, TUIChatService as r } from "@tencentcloud/chat-uikit-engine";
+import { MessageContentType as a } from "./type.js";
+import { trimInputContent as M, convertInputContentToEditorNode as p } from "./utils.js";
 import { useMessageListState as v } from "../MessageListState/MessageListState.js";
 import { transformTextWithEmojiNameToKey as f } from "../../utils/emoji.js";
-const n = d(null), m = d(""), y = d(!1), E = (e) => {
+const n = l(null), m = l(""), y = l(!1), E = (e) => {
   if (typeof e != "string" && !Array.isArray(e)) {
     console.warn("Invalid input type for updateRawValue");
     return;
   }
-  typeof e == "string" ? m.value = e.trim() : m.value = (e == null ? void 0 : e.length) > 0 ? e : "", o.enterTypingState(), setTimeout(() => {
-    o.leaveTypingState();
+  typeof e == "string" ? m.value = e.trim() : m.value = (e == null ? void 0 : e.length) > 0 ? e : "", r.enterTypingState(), setTimeout(() => {
+    r.leaveTypingState();
   }, 3e3);
-}, I = (e) => {
-  n.value && n.value.destroy(), n.value = e;
 }, C = (e) => {
+  n.value && n.value.destroy(), n.value = e;
+}, S = (e) => {
   if (n.value) {
     if (typeof e == "string")
       n.value.commands.setContent(e, !0);
     else {
-      const r = e.map(p);
-      n.value.commands.setContent(r, !0);
+      const i = e.map(p);
+      n.value.commands.setContent(i, !0);
     }
     n.value.commands.focus();
   }
-}, S = (e, r = !0) => {
+}, x = (e, i = !0) => {
   if (n.value) {
     if (typeof e == "string")
       n.value.commands.insertContent(e);
     else {
-      const a = e.map(p);
-      n.value.commands.insertContent(a);
+      const o = e.map(p);
+      n.value.commands.insertContent(o);
     }
-    r && n.value.commands.focus();
+    i && n.value.commands.focus();
   }
-}, x = () => {
+}, h = () => {
   var e;
   (e = n.value) == null || e.commands.focus();
-}, h = () => {
+}, R = () => {
   var e;
   (e = n.value) == null || e.commands.blur();
-}, R = async (e) => {
-  const { enableReadReceipt: r } = v(), a = {
-    needReadReceipt: r.value || !1
-  }, c = e ?? m.value;
-  if (!c)
+}, A = async (e) => {
+  const { enableReadReceipt: i } = v(), o = {
+    needReadReceipt: i.value || !1
+  };
+  let s = e ?? m.value;
+  if (typeof s == "string" ? s = s.trim() : s = M(s), !s)
     return;
-  if (typeof c == "string") {
-    o.sendTextMessage({
-      payload: { text: f(c) },
-      ...a
+  if (typeof s == "string") {
+    r.sendTextMessage({
+      payload: { text: f(s) },
+      ...o
     });
     return;
   }
-  let u = "";
-  const i = async () => {
-    u && (await o.sendTextMessage({
-      payload: { text: f(u) },
-      ...a
-    }), u = "");
-  }, l = {
-    [s.TEXT]: (t) => t,
-    [s.IMAGE]: async (t) => (await i(), await o.sendImageMessage({
+  let c = "";
+  const u = async () => {
+    c && (await r.sendTextMessage({
+      payload: { text: f(c) },
+      ...o
+    }), c = "");
+  }, d = {
+    [a.TEXT]: (t) => t,
+    [a.IMAGE]: async (t) => (await u(), await r.sendImageMessage({
       payload: { file: t },
-      ...a
+      ...o
     }), ""),
-    [s.VIDEO]: async (t) => (await i(), await o.sendVideoMessage({
+    [a.VIDEO]: async (t) => (await u(), await r.sendVideoMessage({
       payload: { file: t },
-      ...a
+      ...o
     }), ""),
-    [s.FILE]: async (t) => (await i(), await o.sendFileMessage({
+    [a.FILE]: async (t) => (await u(), await r.sendFileMessage({
       payload: { file: t },
-      ...a
+      ...o
     }), ""),
-    [s.MENTION]: async () => (await i(), console.warn("Mention feature not implemented yet"), ""),
-    [s.EMOJI]: (t) => t.key
+    [a.MENTION]: async () => (await u(), console.warn("Mention feature not implemented yet"), ""),
+    [a.EMOJI]: (t) => t.key
   };
-  for (const t of c) {
-    if (!t.type || !l[t.type])
+  for (const t of s) {
+    if (!t.type || !d[t.type])
       throw new Error(`Invalid message type: ${t.type}`);
-    const g = l[t.type], T = await g(t.content);
-    [s.TEXT, s.EMOJI].includes(t.type) && (u += T);
+    const g = d[t.type], T = await g(t.content);
+    [a.TEXT, a.EMOJI].includes(t.type) && (c += T);
   }
-  await i();
+  await u();
 };
-function F() {
+function J() {
   return {
     inputRawValue: m,
     isPeerTyping: y,
     updateRawValue: E,
-    setEditorInstance: I,
-    setContent: C,
-    insertContent: S,
-    focusEditor: x,
-    blurEditor: h,
-    sendMessage: R
+    setEditorInstance: C,
+    setContent: S,
+    insertContent: x,
+    focusEditor: h,
+    blurEditor: R,
+    sendMessage: A
   };
 }
-function A() {
-  w.watch(M.CHAT, {
+function N() {
+  w.watch(I.CHAT, {
     typingStatus: (e) => {
       y.value = e;
     }
   });
 }
-A();
+N();
 export {
-  s as MessageContentType,
-  F as useMessageInputState
+  a as MessageContentType,
+  J as useMessageInputState
 };

package/dist/states/MessageInputState/utils.d.ts

@@ -27,4 +27,11 @@ declare function convertInputContentToEditorNode(item: InputContent): {
     };
     text?: undefined;
 };
-export { convertInputContentToEditorNode, };
+/**
+ * Trims whitespace from the beginning and end of an InputContent array,
+ * while preserving internal whitespace and line breaks
+ * @param content - The input content array to trim
+ * @returns Trimmed input content array
+ */
+declare function trimInputContent(content: InputContent[]): InputContent[];
+export { trimInputContent, convertInputContentToEditorNode, };

package/dist/states/MessageInputState/utils.js

@@ -1,27 +1,27 @@
-import { MessageContentType as n } from "./type.js";
-function c(e) {
+import { MessageContentType as r } from "./type.js";
+function l(e) {
   switch (e.type) {
-    case n.TEXT:
+    case r.TEXT:
       return {
         type: "text",
         text: e.content
       };
-    case n.IMAGE: {
-      const t = e.content, r = URL.createObjectURL(t);
+    case r.IMAGE: {
+      const t = e.content, s = URL.createObjectURL(t);
       return {
-        type: n.IMAGE,
+        type: r.IMAGE,
         attrs: {
-          src: r,
+          src: s,
           alt: t == null ? void 0 : t.name,
           fileData: t,
           title: t == null ? void 0 : t.name
         }
       };
     }
-    case n.EMOJI: {
+    case r.EMOJI: {
       const t = e.content;
       return {
-        type: n.EMOJI,
+        type: r.EMOJI,
         attrs: {
           src: t.url,
           alt: t.key,
@@ -36,6 +36,26 @@ function c(e) {
       };
   }
 }
+function f(e) {
+  if (e.length === 0)
+    return [];
+  let t = -1, s = -1;
+  for (let n = 0; n < e.length; n++) {
+    const o = e[n];
+    (o.type !== r.TEXT || o.content.trim().length > 0) && (t === -1 && (t = n), s = n);
+  }
+  return t === -1 ? [] : e.slice(t, s + 1).map((n, o, p) => {
+    if (n.type === r.TEXT) {
+      let c = n.content;
+      return o === 0 && (c = c.trimStart()), o === p.length - 1 && (c = c.trimEnd()), {
+        ...n,
+        content: c
+      };
+    }
+    return n;
+  }).filter((n) => n.type === r.TEXT ? n.content.length > 0 : !0);
+}
 export {
-  c as convertInputContentToEditorNode
+  l as convertInputContentToEditorNode,
+  f as trimInputContent
 };