tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/UIKitModal/index.vue.d.ts

@@ -0,0 +1,45 @@
+import { UIKitModalOptions } from './type';
+
+interface Props extends UIKitModalOptions {
+    visible: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    title: string;
+    content: string;
+    visible: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    confirm: () => void;
+    cancel: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    type: string;
+    title: string;
+    content: string;
+    visible: boolean;
+}>>> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    visible: boolean;
+    title: string;
+    type: "info" | "warning" | "error" | "success";
+    content: string | import('vue').VNode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/UIKitModal/type.d.ts

@@ -0,0 +1,21 @@
+import { VNode } from 'vue';
+
+export type ButtonType = 'primary' | 'default' | 'text';
+export type Action = 'cancel' | 'confirm' | 'close' | 'mask';
+export interface UIKitModalEvents {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+}
+export interface UIKitModalOptions extends UIKitModalEvents {
+    id: number;
+    title: string;
+    content: string | VNode;
+    type: 'info' | 'warning' | 'error' | 'success';
+}
+export interface IUIKitModalBtn {
+    type?: ButtonType;
+    text?: string;
+    customClasses?: string[];
+    action?: () => void;
+    disabled?: boolean;
+}

package/dist/components/UIKitModal/type.js

@@ -0,0 +1 @@
+

package/dist/components/UIKitModal/useRoomModal/i18n/en-US/index.d.ts

@@ -0,0 +1,17 @@
+export declare const resource: {
+    Room: {
+        'Modal.Title': string;
+        'Modal.UserSigExpired': string;
+        'Modal.InvalidSignature': string;
+        'Modal.UserIdNotMatchUserSig': string;
+        'Modal.SdkAppIdNotMatchUserSig': string;
+        'Modal.RequirePaymentContent': string;
+        'Modal.DeviceFailed': string;
+        'Modal.DeviceNotDetected': string;
+        'Modal.DevicePermissionDenied': string;
+        'Modal.CameraPermissionDenied': string;
+        'Modal.MicrophonePermissionDenied': string;
+        'Modal.CameraStartFailed': string;
+        'Modal.MicrophoneStartFailed': string;
+    };
+};

package/dist/components/UIKitModal/useRoomModal/i18n/en-US/index.js

@@ -0,0 +1,21 @@
+const e = {
+  // Modal
+  Room: {
+    "Modal.Title": "Error",
+    "Modal.UserSigExpired": 'The user signature has expired. It is recommended to set the signature validity period to at least 24 hours. You can check our online document: <a target="_blank" href="https://trtc.io/document/35166?product=live&menulabel=uikit&platform=web">Generating UserSig</a>.',
+    "Modal.InvalidSignature": 'Invalid signature. Please regenerate it. You can check our online document: <a target="_blank" href="https://trtc.io/document/35166?product=live&menulabel=uikit&platform=web">Generating UserSig</a>.',
+    "Modal.UserIdNotMatchUserSig": 'The user ID does not match the user signature. Please check. You can verify your ID and signature on <a target="_blank" href="https://console.trtc.io/usersig">RTC Console</a>.',
+    "Modal.SdkAppIdNotMatchUserSig": 'The SDKAppID does not match the user signature. Please check. You can verify your SDKAppID and signature on <a target="_blank" href="https://console.trtc.io/usersig">RTC Console</a>.',
+    "Modal.RequirePaymentContent": 'No active package found or account is in arrears. Please proceed to the <a target="_blank" href="https://console.trtc.io/subscription/buy/live">Tencent Cloud console</a> to make a purchase.For first-time use, you can <a target="_blank" href="https://trtc.io/document/60033?product=live&menulabel=uikit&platform=web">activate the trial version</a>.',
+    "Modal.DeviceFailed": "If you encounter any issues acquiring devices or capturing audio/video, please visit the [Audio/Video Capability Testing Tool] to check if your device and environment are compatible: https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.DeviceNotDetected": "No camera/microphone device detected. Please ensure your camera/microphone is properly connected and check your system or browser settings to confirm the camera/microphone is available.",
+    "Modal.DevicePermissionDenied": "Camera/Microphone access was denied. Please check your browser settings to ensure this site is allowed to use your camera and microphone. If you have confirmed permission is granted, please use the [A/V Capability Test Tool] to check your device and environment for call compatibility: https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.CameraPermissionDenied": "Camera access was denied. Please check your browser settings to ensure this site is allowed to use your camera. If you have confirmed permission is granted, please use the [A/V Capability Test Tool] to check your device and environment for call compatibility: https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.MicrophonePermissionDenied": "Microphone access was denied. Please check your browser settings to ensure this site is allowed to use your microphone. If you have confirmed permission is granted, please use the [A/V Capability Test Tool] to check your device and environment for call compatibility: https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.CameraStartFailed": "Camera access failed. Please check your browser settings to ensure this site is allowed to use your camera. If you have confirmed permission is granted, please use the [A/V Capability Test Tool] to check your device and environment for call compatibility: https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.MicrophoneStartFailed": "Microphone access failed. Please check your browser settings to ensure this site is allowed to use your microphone. If you have confirmed permission is granted, please use the [A/V Capability Test Tool] to check your device and environment for call compatibility: https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html"
+  }
+};
+export {
+  e as resource
+};

package/dist/components/UIKitModal/useRoomModal/i18n/index.d.ts

@@ -0,0 +1,4 @@
+import { resource as enResource } from './en-US/index';
+import { resource as zhResource } from './zh-CN/index';
+
+export { enResource, zhResource };

package/dist/components/UIKitModal/useRoomModal/i18n/index.js

@@ -0,0 +1,6 @@
+import { resource as o } from "./en-US/index.js";
+import { resource as c } from "./zh-CN/index.js";
+export {
+  o as enResource,
+  c as zhResource
+};

package/dist/components/UIKitModal/useRoomModal/i18n/zh-CN/index.d.ts

@@ -0,0 +1,17 @@
+export declare const resource: {
+    Room: {
+        'Modal.Title': string;
+        'Modal.UserSigExpired': string;
+        'Modal.InvalidSignature': string;
+        'Modal.UserIdNotMatchUserSig': string;
+        'Modal.SdkAppIdNotMatchUserSig': string;
+        'Modal.RequirePaymentContent': string;
+        'Modal.DeviceFailed': string;
+        'Modal.DeviceNotDetected': string;
+        'Modal.DevicePermissionDenied': string;
+        'Modal.CameraPermissionDenied': string;
+        'Modal.MicrophonePermissionDenied': string;
+        'Modal.CameraStartFailed': string;
+        'Modal.MicrophoneStartFailed': string;
+    };
+};

package/dist/components/UIKitModal/useRoomModal/i18n/zh-CN/index.js

@@ -0,0 +1,21 @@
+const t = {
+  // Modal
+  Room: {
+    "Modal.Title": "错误",
+    "Modal.UserSigExpired": '用户签名已过期，建议生成的签名有效期不少于 24 小时。可参阅 <a target="_blank" href="https://cloud.tencent.com/document/product/269/32688">生成 UserSig(用户鉴权)</a>。',
+    "Modal.InvalidSignature": '非法的用户签名，请重新生成。可参阅 <a target="_blank" href="https://cloud.tencent.com/document/product/269/32688">生成 UserSig(用户鉴权)</a>。',
+    "Modal.UserIdNotMatchUserSig": '用户 ID 与用户签名不匹配，请检查。可前往腾讯云控制台验证：<a target="_blank" href="https://console.cloud.tencent.com/trtc/usersigtool">验证签名</a>。',
+    "Modal.SdkAppIdNotMatchUserSig": 'SDKAppID 与用户签名不匹配，请检查。可前往腾讯云控制台验证：<a target="_blank" href="https://console.cloud.tencent.com/trtc/usersigtool">验证签名</a>。',
+    "Modal.RequirePaymentContent": '未购买套餐包或者已欠费，请前往<a target="_blank" href="https://buy.cloud.tencent.com/trtc">腾讯云控制台购买</a>。首次使用，可以<a target="_blank" href="https://cloud.tencent.com/document/product/647/105439">开通体验版</a>。',
+    "Modal.DeviceFailed": "获取设备或者采集音视频出现异常，请前往 [音视频能力检测工具] 检查您的设备和环境是否支持： https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.DeviceNotDetected": "未检测到摄像头/麦克风设备。 请确保您的摄像头/麦克风已连接，并检查系统或浏览器设置中摄像头/麦克风是否可用。",
+    "Modal.DevicePermissionDenied": "摄像头/麦克风权限被拒绝，请检查浏览器设置，确保已允许使用您的摄像头和麦克风。如果您确认已授予权限， 请前往 [音视频能力检测工具] 检查您的设备和环境是否支持通话： https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.CameraPermissionDenied": "摄像头权限被拒绝，请检查浏览器设置，确保已允许使用您的摄像头。如果您确认已授予权限， 请前往 [音视频能力检测工具] 检查您的设备和环境是否支持通话： https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.MicrophonePermissionDenied": "麦克风权限被拒绝，请检查浏览器设置，确保已允许使用您的麦克风。如果您确认已授予权限， 请前往 [音视频能力检测工具] 检查您的设备和环境是否支持通话： https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.CameraStartFailed": "打开摄像头失败，请检查浏览器设置，确保已允许使用您的摄像头。如果您确认已授予权限， 请前往 [音视频能力检测工具] 检查您的设备和环境是否支持： https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html",
+    "Modal.MicrophoneStartFailed": "打开麦克风失败，请检查浏览器设置，确保已允许使用您的麦克风。如果您确认已授予权限， 请前往 [音视频能力检测工具] 检查您的设备和环境是否支持： https://web.sdk.qcloud.com/trtc/webrtc/demo/detect/index.html"
+  }
+};
+export {
+  t as resource
+};

package/dist/components/UIKitModal/useRoomModal/index.d.ts

@@ -0,0 +1,6 @@
+declare const useRoomModal: () => {
+    handleErrorWithModal: (error: {
+        code?: number;
+    }) => void;
+};
+export { useRoomModal, };

package/dist/components/UIKitModal/useRoomModal/index.js

@@ -0,0 +1,11 @@
+import "../UIKitModal.js";
+import { addI18n as o } from "../../../i18n/index.js";
+import { resource as r } from "./i18n/en-US/index.js";
+import { resource as m } from "./i18n/zh-CN/index.js";
+import { useRoomModal as e } from "./useRoomModal.js";
+const p = e;
+o("en-US", { translation: r });
+o("zh-CN", { translation: m });
+export {
+  p as useRoomModal
+};

package/dist/components/UIKitModal/useRoomModal/useRoomModal.d.ts

@@ -0,0 +1,21 @@
+export declare enum ErrorCode {
+    ERR_REQUIRE_PAYMENT_CONTENT = 100007,
+    USER_SIG_EXPIRED = 70001,
+    INVALID_SIGNATURE = 70003,
+    USER_ID_NOT_MATCH_USER_SIG = 70013,
+    SDKAppID_NOT_MATCH_USER_SIG = 70014,
+    DEVICE_FAILED = 5300,
+    DEVICE_NOT_DETECTED = 5301,
+    DEVICE_PERMISSION_DENIED = 5302
+}
+/**
+ * Handle error and show UIKitModal
+ * @param error - Error object with code property
+ */
+declare function handleErrorWithModal(error: {
+    code?: number;
+}): void;
+export declare const useRoomModal: () => {
+    handleErrorWithModal: typeof handleErrorWithModal;
+};
+export {};

package/dist/components/UIKitModal/useRoomModal/useRoomModal.js

@@ -0,0 +1,79 @@
+import { TUIErrorCode as _ } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit as I } from "@tencentcloud/uikit-base-component-vue3";
+import { UIKitModal as n } from "../UIKitModal.js";
+var t = /* @__PURE__ */ ((i) => (i[i.ERR_REQUIRE_PAYMENT_CONTENT = 100007] = "ERR_REQUIRE_PAYMENT_CONTENT", i[i.USER_SIG_EXPIRED = 70001] = "USER_SIG_EXPIRED", i[i.INVALID_SIGNATURE = 70003] = "INVALID_SIGNATURE", i[i.USER_ID_NOT_MATCH_USER_SIG = 70013] = "USER_ID_NOT_MATCH_USER_SIG", i[i.SDKAppID_NOT_MATCH_USER_SIG = 70014] = "SDKAppID_NOT_MATCH_USER_SIG", i[i.DEVICE_FAILED = 5300] = "DEVICE_FAILED", i[i.DEVICE_NOT_DETECTED = 5301] = "DEVICE_NOT_DETECTED", i[i.DEVICE_PERMISSION_DENIED = 5302] = "DEVICE_PERMISSION_DENIED", i))(t || {});
+const D = {
+  // Custom ErrorCode
+  100007: {
+    id: 20003,
+    i18nKey: "Modal.RequirePaymentContent"
+  },
+  5300: {
+    id: 20008,
+    i18nKey: "Modal.DeviceFailed"
+  },
+  5301: {
+    id: 20009,
+    i18nKey: "Modal.DeviceNotDetected"
+  },
+  5302: {
+    id: 20010,
+    i18nKey: "Modal.DevicePermissionDenied"
+  },
+  70001: {
+    id: 20004,
+    i18nKey: "Modal.UserSigExpired"
+  },
+  70003: {
+    id: 20005,
+    i18nKey: "Modal.InvalidSignature"
+  },
+  70013: {
+    id: 20006,
+    i18nKey: "Modal.UserIdNotMatchUserSig"
+  },
+  70014: {
+    id: 20007,
+    i18nKey: "Modal.SdkAppIdNotMatchUserSig"
+  },
+  // TUIErrorCode from SDK
+  [_.ERR_REQUIRE_PAYMENT]: {
+    id: 20011,
+    i18nKey: "Modal.RequirePaymentContent"
+  },
+  [_.ERR_CAMERA_NOT_AUTHORIZED]: {
+    id: 20012,
+    i18nKey: "Modal.CameraPermissionDenied"
+  },
+  [_.ERR_MICROPHONE_NOT_AUTHORIZED]: {
+    id: 20013,
+    i18nKey: "Modal.MicrophonePermissionDenied"
+  },
+  [_.ERR_CAMERA_START_FAILED]: {
+    id: 20014,
+    i18nKey: "Modal.CameraStartFailed"
+  },
+  [_.ERR_MICROPHONE_START_FAILED]: {
+    id: 20015,
+    i18nKey: "Modal.MicrophoneStartFailed"
+  }
+};
+function M(i) {
+  const { t: e } = I(), R = i.code;
+  if (!R)
+    return;
+  const E = D[R];
+  E && n.openModal({
+    id: E.id,
+    title: e("Room.Modal.Title"),
+    content: e(`Room.${E.i18nKey}`),
+    type: "error"
+  });
+}
+const S = () => ({
+  handleErrorWithModal: M
+});
+export {
+  t as ErrorCode,
+  S as useRoomModal
+};

package/dist/components/UserList/AllUserActions/indexH5.js

@@ -1,22 +1,22 @@
-import { defineComponent as k, createElementBlock as r, openBlock as n, Fragment as h, createCommentVNode as c, unref as e, createElementVNode as s, normalizeClass as p, toDisplayString as a, createTextVNode as x, withDirectives as T, renderList as A, createVNode as N, vShow as U } from "vue";
-import I from "./useIndexHooks.js";
+import { defineComponent as k, createElementBlock as r, openBlock as n, Fragment as h, createCommentVNode as d, unref as e, createElementVNode as s, normalizeClass as p, toDisplayString as a, createTextVNode as x, withDirectives as T, renderList as A, createVNode as N, vShow as I } from "vue";
 import { TUIIcon as V } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomState as D } from "../../../states/RoomState.js";
-import { _ as E } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const M = {
+import { useRoomState as D } from "../../../states/RoomState/index.js";
+import E from "./useIndexHooks.js";
+import { _ as M } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const U = {
   key: 0,
   class: "manage-member-bottom"
-}, w = { class: "more-control-container" }, B = { class: "more-control-container-main" }, F = ["onTouchstart"], K = { class: "operate-text" }, S = {
+}, w = { class: "more-control-container" }, B = { class: "more-control-container-main" }, K = ["onTouchstart"], S = { class: "operate-text" }, H = {
   key: 1,
   class: "global-setting"
-}, H = /* @__PURE__ */ k({
+}, L = /* @__PURE__ */ k({
   __name: "indexH5",
   props: {
     activeCategoryKey: {},
     userCategoryNumber: {}
   },
   setup(l) {
-    const { currentRoom: d } = D(), {
+    const { currentRoom: c } = D(), {
       t: u,
       isGeneralUser: y,
       roomAudioAction: i,
@@ -25,18 +25,18 @@ const M = {
       toggleClickMoreBtn: b,
       showMoreControl: _,
       handleCallAllInvitee: v
-    } = I();
-    return (L, t) => {
+    } = E();
+    return (R, t) => {
       var g, C;
       return n(), r(h, null, [
-        !e(y) && l.activeCategoryKey !== "notEnteredUser" ? (n(), r("div", M, [
+        !e(y) && l.activeCategoryKey !== "notEnteredUser" ? (n(), r("div", U, [
           s("div", {
-            class: p(["manage-member-button", (g = e(d)) != null && g.isMicrophoneDisableForAllUser ? "lift-all" : ""]),
+            class: p(["manage-member-button", (g = e(c)) != null && g.isAllMicrophoneDisabled ? "lift-all" : ""]),
             onTouchstart: t[0] || (t[0] = //@ts-ignore
             (...o) => e(i).handler && e(i).handler(...o))
           }, a(e(i).label), 35),
           s("div", {
-            class: p(["manage-member-button", (C = e(d)) != null && C.isCameraDisableForAllUser ? "lift-all" : ""]),
+            class: p(["manage-member-button", (C = e(c)) != null && C.isAllCameraDisabled ? "lift-all" : ""]),
             onTouchstart: t[1] || (t[1] = //@ts-ignore
             (...o) => e(m).handler && e(m).handler(...o))
           }, a(e(m).label), 35),
@@ -56,26 +56,26 @@ const M = {
                   N(e(V), {
                     icon: o.icon
                   }, null, 8, ["icon"]),
-                  s("span", K, a(o.label), 1)
-                ], 40, F))), 128))
+                  s("span", S, a(o.label), 1)
+                ], 40, K))), 128))
               ])
             ], 512), [
-              [U, e(_)]
+              [I, e(_)]
             ])
           ], 32)
-        ])) : c("", !0),
-        l.activeCategoryKey === "notEnteredUser" ? (n(), r("div", S, [
+        ])) : d("", !0),
+        l.activeCategoryKey === "notEnteredUser" ? (n(), r("div", H, [
           l.userCategoryNumber > 0 ? (n(), r("div", {
             key: 0,
             class: "button-bottom",
             onClick: t[3] || (t[3] = //@ts-ignore
             (...o) => e(v) && e(v)(...o))
-          }, a(e(u)("Call all")), 1)) : c("", !0)
-        ])) : c("", !0)
+          }, a(e(u)("Call all")), 1)) : d("", !0)
+        ])) : d("", !0)
       ], 64);
     };
   }
-}), J = /* @__PURE__ */ E(H, [["__scopeId", "data-v-b2e6c487"]]);
+}), J = /* @__PURE__ */ M(L, [["__scopeId", "data-v-7d246d0b"]]);
 export {
   J as default
 };

package/dist/components/UserList/AllUserActions/useIndexHooks.d.ts

@@ -1,5 +1,3 @@
-import { RoomAction } from '../../../types';
-
 export default function useIndex(): {
     t: any;
     toggleClickMoreBtn: () => void;

package/dist/components/UserList/AllUserActions/useIndexHooks.js

@@ -1,42 +1,41 @@
-import { computed as r, ref as A } from "vue";
-import { TUIRole as p } from "@tencentcloud/tuiroom-engine-js";
+import { computed as n, ref as A } from "vue";
+import { TUIRole as f } from "@tencentcloud/tuiroom-engine-js";
 import { useI18n as d } from "../../../locales/index.js";
-import { TUIToast as I, TOAST_TYPE as v } from "@tencentcloud/uikit-base-component-vue3";
-import { useUserState as C } from "../../../states/UserState/index.js";
-import S from "../../../hooks/useRoomActions/index.js";
-import { RoomAction as t } from "../../../types/room.js";
-function x() {
-  const { t: n } = d(), { localUser: i, userList: s } = C(), l = r(
+import { TUIToast as p, TOAST_TYPE as I } from "@tencentcloud/uikit-base-component-vue3";
+import { useUserState as v } from "../../../states/UserState/index.js";
+import C from "../../../hooks/useRoomActions/index.js";
+function k() {
+  const { t } = d(), { localUser: r, userList: i } = v(), s = n(
     () => {
       var o;
-      return ((o = i.value) == null ? void 0 : o.userRole) === p.kGeneralUser;
+      return ((o = r.value) == null ? void 0 : o.userRole) === f.kGeneralUser;
     }
-  ), [m, c, a] = S({
+  ), [l, m, c] = C({
     actionList: [
-      t.AudioAction,
-      t.VideoAction,
-      t.ScreenAction
+      RoomAction.AudioAction,
+      RoomAction.VideoAction,
+      RoomAction.ScreenAction
     ]
-  }), u = r(() => [a]), e = A(!1);
-  function f() {
+  }), a = n(() => [c]), e = A(!1);
+  function u() {
     e.value = !e.value;
   }
   return {
-    t: n,
-    toggleClickMoreBtn: f,
-    isGeneralUser: l,
+    t,
+    toggleClickMoreBtn: u,
+    isGeneralUser: s,
     showMoreControl: e,
-    roomAudioAction: m,
-    roomVideoAction: c,
-    moreControlList: u,
+    roomAudioAction: l,
+    roomVideoAction: m,
+    moreControlList: a,
     handleCallAllInvitee: () => {
-      s.value.filter((o) => !o.isInRoom).map((o) => o.userId), I({
-        type: v.SUCCESS,
-        message: n("Invitation sent, waiting for members to join.")
+      i.value.filter((o) => !o.isInRoom).map((o) => o.userId), p({
+        type: I.SUCCESS,
+        message: t("Invitation sent, waiting for members to join.")
       });
     }
   };
 }
 export {
-  x as default
+  k as default
 };

package/dist/components/UserList/UserItem/UserInfo/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as z, computed as s, createElementBlock as f, openBlock as a, normalizeClass as i, unref as d, createElementVNode as u, createCommentVNode as b, createVNode as M, toDisplayString as h, createBlock as A, Fragment as V, renderList as $, resolveDynamicComponent as B } from "vue";
+import { defineComponent as z, computed as s, createElementBlock as f, openBlock as a, normalizeClass as i, unref as d, createElementVNode as u, createCommentVNode as h, createVNode as M, toDisplayString as b, createBlock as A, Fragment as V, renderList as $, resolveDynamicComponent as B } from "vue";
 import { TUIRole as p } from "@tencentcloud/tuiroom-engine-js";
-import D from "../../../../baseComp/Avatar.js";
-import { IconScreenOpen as N, IconAudioOpen as T, IconAudioClose as O, IconVideoOpen as E, IconVideoClose as R, IconApplyActive as H, IconUser as L } from "@tencentcloud/uikit-base-component-vue3";
+import { IconScreenOpen as D, IconAudioOpen as N, IconAudioClose as O, IconVideoOpen as T, IconVideoClose as R, IconApplyActive as E, IconUser as H } from "@tencentcloud/uikit-base-component-vue3";
+import L from "../../../../baseComp/Avatar.js";
 import { useI18n as F } from "../../../../locales/index.js";
-import { isMobile as P } from "../../../../utils/environment.js";
-import { useRoomState as j } from "../../../../states/RoomState.js";
-import { useUserState as q } from "../../../../states/UserState/index.js";
+import { useRoomState as P } from "../../../../states/RoomState/index.js";
+import { useUserState as j } from "../../../../states/UserState/index.js";
+import { isMobile as q } from "../../../../utils/environment.js";
 import { SeatStatus as g } from "../../../../types/user.js";
 import { DeviceStatus as v } from "../../../../types/device.js";
 import { _ as G } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -19,7 +19,7 @@ const J = { class: "user-name" }, K = { class: "role-info" }, Q = {
     showStateIcon: { type: Boolean, default: !0 }
   },
   setup(r) {
-    const { t: n } = F(), { localUser: k, getDisplayName: y } = q(), { currentRoom: U } = j(), o = r, _ = s(() => o.userInfo.userRole === p.kRoomOwner), c = s(() => {
+    const { t: n } = F(), { localUser: k, getDisplayName: y } = j(), { currentRoom: U } = P(), o = r, _ = s(() => o.userInfo.userRole === p.kRoomOwner), c = s(() => {
       var e;
       return ((e = k.value) == null ? void 0 : e.userId) === o.userInfo.userId;
     }), I = s(
@@ -35,34 +35,34 @@ const J = { class: "user-name" }, K = { class: "role-info" }, Q = {
       () => o.userInfo.seatStatus === g.OffApplicationPending
     ), C = s(() => {
       const e = [];
-      return o.userInfo.screenStatus === v.On && e.push({ icon: N }), l.value || (e.push({
-        icon: o.userInfo.microphoneStatus === v.On ? T : O
+      return o.userInfo.screenStatus === v.On && e.push({ icon: D }), l.value || (e.push({
+        icon: o.userInfo.microphoneStatus === v.On ? N : O
       }), e.push({
-        icon: o.userInfo.cameraStatus === v.On ? E : R
-      })), l.value && !S.value && (e.push({ icon: O, disable: !0 }), e.push({ icon: R, disable: !0 })), l.value && S.value && e.push({ icon: H, size: 20 }), e;
+        icon: o.userInfo.cameraStatus === v.On ? T : R
+      })), l.value && !S.value && (e.push({ icon: O, disable: !0 }), e.push({ icon: R, disable: !0 })), l.value && S.value && e.push({ icon: E, size: 20 }), e;
     });
     return (e, X) => (a(), f("div", {
-      class: i([d(P) ? "member-info-mobile" : "member-info"])
+      class: i([d(q) ? "member-info-mobile" : "member-info"])
     }, [
       u("div", {
         class: i(
           !r.showStateIcon && t.value ? "member-basic-info-admin" : "member-basic-info"
         )
       }, [
-        M(D, {
+        M(L, {
           class: "avatar-url",
           "img-src": r.userInfo.avatarUrl
         }, null, 8, ["img-src"]),
-        u("div", J, h(d(y)(r.userInfo)), 1),
+        u("div", J, b(d(y)(r.userInfo)), 1),
         u("div", K, [
-          I.value || t.value ? (a(), A(d(L), {
+          I.value || t.value ? (a(), A(d(H), {
             key: 0,
             size: "20",
             class: i(t.value ? "admin-icon" : "master-icon")
-          }, null, 8, ["class"])) : b("", !0),
+          }, null, 8, ["class"])) : h("", !0),
           u("div", {
             class: i(`user-extra-info ${t.value ? "user-extra-info-admin" : ""}`)
-          }, h(x.value), 3)
+          }, b(x.value), 3)
         ])
       ], 2),
       r.showStateIcon ? (a(), f("div", Q, [
@@ -71,10 +71,10 @@ const J = { class: "user-name" }, K = { class: "role-info" }, Q = {
           class: i(["state-icon", { "disable-icon": m.disable }]),
           size: m.size
         }, null, 8, ["class", "size"]))), 128))
-      ])) : b("", !0)
+      ])) : h("", !0)
     ], 2));
   }
-}), ce = /* @__PURE__ */ G(W, [["__scopeId", "data-v-f9baa574"]]);
+}), ce = /* @__PURE__ */ G(W, [["__scopeId", "data-v-afade595"]]);
 export {
   ce as default
 };

package/dist/components/UserPicker/UserPicker.js

@@ -41,8 +41,7 @@ const J = ["data-display-mode"], R = ["data-display-mode"], Y = /* @__PURE__ */
     }), i = w({
       dataSource: d,
       isTreeMode: c.value,
-      onSearch: a.onSearch || (() => {
-      })
+      onSearch: a.onSearch
     }), m = O({
       onExpand: (t) => {
         a.onExpand && a.onExpand(t);