tuikit-atomicx-vue3 4.4.0 → 4.5.1

package/dist/hooks/useRoomActions/useRoomScreenAction.js

@@ -1,16 +1,16 @@
 import { reactive as h, computed as l } from "vue";
 import { TUIRole as f, TUIMediaDevice as m } from "@tencentcloud/tuiroom-engine-js";
 import { IconAllMembersShareScreen as d, IconHostShareScreen as A } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n as b } from "../../locales/index.js";
-import { useRoomEngine as g } from "../useRoomEngine.js";
-import { useUserState as v } from "../../states/UserState/index.js";
-import { useRoomState as p } from "../../states/RoomState.js";
-import { RoomAction as I } from "../../types/room.js";
-const { userWithScreenOn: n } = v(), { currentRoom: o } = p();
-function x() {
-  const { t: r } = b(), t = g();
+import b from "../../baseComp/MessageBox/index.js";
+import { useI18n as g } from "../../locales/index.js";
+import { useRoomState as v } from "../../states/RoomState/index.js";
+import { useUserState as p } from "../../states/UserState/index.js";
+import { useRoomEngine as R } from "../useRoomEngine.js";
+const { userWithScreenOn: n } = p(), { currentRoom: o } = v();
+function M() {
+  const { t: r } = g(), t = R();
   let i = !1;
-  async function s() {
+  async function c() {
     var e;
     await ((e = t.instance) == null ? void 0 : e.disableDeviceForAllUserByAdmin({
       isDisable: i,
@@ -19,11 +19,11 @@ function x() {
   }
   function u() {
     var e;
-    if (i = !((e = o.value) != null && e.isScreenShareDisableForAllUser), !n.value || n.value.userRole !== f.kGeneralUser) {
-      s();
+    if (i = !((e = o.value) != null && e.isAllScreenShareDisabled), !n.value || n.value.userRole !== f.kGeneralUser) {
+      c();
       return;
     }
-    TUIMessageBox({
+    b({
       title: r(
         "Is it turned on that only the host/admin can share the screen?"
       ),
@@ -33,31 +33,31 @@ function x() {
       confirmButtonText: r("Confirm"),
       cancelButtonText: r("Cancel"),
       callback: async (S) => {
-        var c, a;
-        S === "confirm" && (await ((a = t.instance) == null ? void 0 : a.closeRemoteDeviceByAdmin({
-          userId: (c = n.value) == null ? void 0 : c.userId,
+        var a, s;
+        S === "confirm" && (await ((s = t.instance) == null ? void 0 : s.closeRemoteDeviceByAdmin({
+          userId: (a = n.value) == null ? void 0 : a.userId,
           device: m.kScreen
-        })), s());
+        })), c());
       }
     });
   }
   return h({
-    key: I.ScreenAction,
+    key: RoomAction.ScreenAction,
     label: l(
       () => {
         var e;
-        return (e = o.value) != null && e.isScreenShareDisableForAllUser ? r("All members can share screen") : r("Screen sharing for host/admin only");
+        return (e = o.value) != null && e.isAllScreenShareDisabled ? r("All members can share screen") : r("Screen sharing for host/admin only");
       }
     ),
     icon: l(
       () => {
         var e;
-        return (e = o.value) != null && e.isScreenShareDisableForAllUser ? d : A;
+        return (e = o.value) != null && e.isAllScreenShareDisabled ? d : A;
       }
     ),
     handler: u
   });
 }
 export {
-  x as default
+  M as default
 };

package/dist/hooks/useRoomActions/useRoomVideoAction.d.ts

@@ -1,8 +1 @@
-import { RoomAction } from '../../types';
-
-export default function useRoomVideoAction(): {
-    key: RoomAction;
-    icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    label: any;
-    handler: () => void;
-};
+export default function useRoomVideoAction(): any;

package/dist/hooks/useRoomActions/useRoomVideoAction.js

@@ -1,54 +1,52 @@
 import { TUIMediaDevice as c } from "@tencentcloud/tuiroom-engine-js";
-import { useI18n as d } from "../../locales/index.js";
-import { useRoomState as f } from "../../states/RoomState.js";
-import u from "../../baseComp/MessageBox/index.js";
-import { TUIToast as A, TOAST_TYPE as b } from "@tencentcloud/uikit-base-component-vue3";
+import { TUIToast as d, TOAST_TYPE as u } from "@tencentcloud/uikit-base-component-vue3";
+import f from "../../baseComp/MessageBox/index.js";
+import { useI18n as A } from "../../locales/index.js";
+import { useRoomState as b } from "../../states/RoomState/index.js";
 import { useRoomEngine as p } from "../useRoomEngine.js";
-import { reactive as v, computed as g, defineComponent as C } from "vue";
-import { RoomAction as T } from "../../types/room.js";
-function k() {
-  const { t: e } = d(), { currentRoom: i } = f(), t = p();
+function y() {
+  const { t: e } = A(), { currentRoom: i } = b(), n = p();
   let l = !1;
-  function n() {
-    var o, a, r;
-    l = !((o = i.value) != null && o.isCameraDisableForAllUser), u({
-      title: (a = i.value) != null && a.isCameraDisableForAllUser ? e("Enable all videos") : e("All and new members will be banned from the camera"),
-      message: (r = i.value) != null && r.isCameraDisableForAllUser ? e("After unlocking, users can freely turn on the camera") : e("Members will not be able to open the camera"),
+  function s() {
+    var o, a, t;
+    l = !((o = i.value) != null && o.isAllCameraDisabled), f({
+      title: (a = i.value) != null && a.isAllCameraDisabled ? e("Enable all videos") : e("All and new members will be banned from the camera"),
+      message: (t = i.value) != null && t.isAllCameraDisabled ? e("After unlocking, users can freely turn on the camera") : e("Members will not be able to open the camera"),
       confirmButtonText: e("Confirm"),
       cancelButtonText: e("Cancel"),
       callback: async (m) => {
-        m === "confirm" && s();
+        m === "confirm" && r();
       }
     });
   }
-  async function s() {
+  async function r() {
     var o, a;
-    if (((o = i.value) == null ? void 0 : o.isCameraDisableForAllUser) === l) {
-      const r = e(l ? "All videos disabled" : "All videos enabled");
-      A({
-        type: b.SUCCESS,
-        message: r
+    if (((o = i.value) == null ? void 0 : o.isAllCameraDisabled) === l) {
+      const t = e(l ? "All videos disabled" : "All videos enabled");
+      d({
+        type: u.SUCCESS,
+        message: t
         // duration: MESSAGE_DURATION.NORMAL,
       });
       return;
     }
-    await ((a = t.instance) == null ? void 0 : a.disableDeviceForAllUserByAdmin({
+    await ((a = n.instance) == null ? void 0 : a.disableDeviceForAllUserByAdmin({
       isDisable: l,
       device: c.kCamera
     }));
   }
-  return v({
-    key: T.VideoAction,
-    icon: C({}),
-    label: g(
+  return reactive({
+    key: RoomAction.VideoAction,
+    icon: defineComponent({}),
+    label: computed(
       () => {
         var o;
-        return (o = i.value) != null && o.isCameraDisableForAllUser ? e("Lift stop all video") : e("All stop video");
+        return (o = i.value) != null && o.isAllCameraDisabled ? e("Lift stop all video") : e("All stop video");
       }
     ),
-    handler: n
+    handler: s
   });
 }
 export {
-  k as default
+  y as default
 };

package/dist/hooks/useRoomEngine.d.ts

@@ -1,7 +1,7 @@
-import { default as TUIRoomEngine, TUIRoomDeviceManager } from '@tencentcloud/tuiroom-engine-js';
+import { TUIRoomDeviceManager } from '@tencentcloud/tuiroom-engine-js';
 
 export declare function useDeviceManager(): {
     instance: TUIRoomDeviceManager | null | undefined;
 };
-export declare function useRoomEngine(): Record<string, TUIRoomEngine | null>;
+export declare function useRoomEngine(): Record<string, any>;
 export default useRoomEngine;

package/dist/hooks/useUserActions/index.d.ts

@@ -1,39 +1,23 @@
-import { UserInfo, UserAction, ActionType } from '../../types';
+import { UserInfo, UserAction } from '../../types';
 
 export declare function useUserActions(option: {
     userInfo: UserInfo;
     actionList?: UserAction[];
 }): {
-    userActions: import('vue').ComputedRef<(ActionType<UserAction> | {
+    userActions: import('vue').ComputedRef<(import('../..').ActionType<UserAction> | {
         key: UserAction;
-        icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<string | number>;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<string | number>;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+        icon: any;
         label: any;
         handler: () => void;
     })[]>;
     isTargetUserAnchor: import('vue').ComputedRef<boolean>;
     isTargetUserAudience: import('vue').ComputedRef<boolean>;
     isUserApplyingToAnchor: import('vue').ComputedRef<boolean>;
-    agreeOrDenyStageList: import('vue').ComputedRef<ActionType<UserAction>[]>;
-    inviteStageList: import('vue').ComputedRef<ActionType<UserAction>[]>;
-    onStageControlList: import('vue').ComputedRef<(ActionType<UserAction> | {
+    agreeOrDenyStageList: import('vue').ComputedRef<import('../..').ActionType<UserAction>[]>;
+    inviteStageList: import('vue').ComputedRef<import('../..').ActionType<UserAction>[]>;
+    onStageControlList: import('vue').ComputedRef<(import('../..').ActionType<UserAction> | {
         key: UserAction;
-        icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<string | number>;
-            };
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            size: {
-                type: import('vue').PropType<string | number>;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+        icon: any;
         label: any;
         handler: () => Promise<void>;
     })[]>;

package/dist/hooks/useUserActions/index.js

@@ -1,17 +1,17 @@
 import { computed as o, watch as g } from "vue";
 import { TUIRole as r } from "@tencentcloud/tuiroom-engine-js";
-import G from "./useAudioAction.js";
-import j from "./useChatAction.js";
-import D from "./useVideoAction.js";
-import E from "./useTransferOwnerAction.js";
+import { useRoomState as G } from "../../states/RoomState/index.js";
+import { useUserState as j } from "../../states/UserState/index.js";
+import D from "./useAdminAction.js";
+import E from "./useAudioAction.js";
 import I from "./useChangeNameCardAction/index.js";
-import J from "./useKickUserAction.js";
-import K from "./useSeatAction.js";
-import M from "./useAdminAction.js";
-import { useRoomState as P } from "../../states/RoomState.js";
-import { useUserState as V } from "../../states/UserState/index.js";
+import J from "./useChatAction.js";
+import K from "./useKickUserAction.js";
+import M from "./useSeatAction.js";
+import P from "./useTransferOwnerAction.js";
+import V from "./useVideoAction.js";
 import { SeatStatus as v, UserRoomStatus as q } from "../../types/user.js";
-const { currentRoom: z } = P(), { localUser: c } = V();
+const { currentRoom: z } = G(), { localUser: c } = j();
 function re(k) {
   const { userInfo: e } = k, f = o(
     () => {
@@ -27,7 +27,7 @@ function re(k) {
       var t, R;
       return ((t = c.value) == null ? void 0 : t.userRole) === r.kRoomOwner && !T.value || ((R = c.value) == null ? void 0 : R.userRole) === r.kAdministrator && w.value || f.value;
     }
-  ), m = G(e), l = D(e), s = j(e), S = E(e), U = M(e), n = I(e), O = J(e), { inviteUserOnSeat: h, agreeUserOnSeat: y, denyUserOnSeat: L, kickUserOffSeat: b } = K(e), A = o(() => e.seatStatus === v.OffApplicationPending), i = o(() => A.value ? [y, L] : []), a = o(() => d.value && !A.value ? [h] : []), u = o(
+  ), m = E(e), l = V(e), s = J(e), S = P(e), U = D(e), n = I(e), O = K(e), { inviteUserOnSeat: h, agreeUserOnSeat: y, denyUserOnSeat: L, kickUserOffSeat: b } = M(e), A = o(() => e.seatStatus === v.OffApplicationPending), i = o(() => A.value ? [y, L] : []), a = o(() => d.value && !A.value ? [h] : []), u = o(
     () => p.value ? [m, l, b] : []
   );
   g(() => JSON.stringify(e), (t) => {

package/dist/hooks/useUserActions/useChangeNameCardAction/index.d.ts

@@ -2,15 +2,7 @@ import { UserAction, UserInfo } from '../../../types';
 
 export default function useNameCardAction(userInfo: UserInfo): {
     key: UserAction;
-    icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+    icon: any;
     label: any;
     handler: () => void;
 };

package/dist/hooks/useUserActions/useKickUserAction.d.ts

@@ -2,15 +2,7 @@ import { UserInfo, UserAction } from '../../types';
 
 export default function useKickUserAction(userInfo: UserInfo): {
     key: UserAction;
-    icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+    icon: any;
     label: any;
     handler: () => Promise<void>;
 };

package/dist/hooks/useUserActions/useSeatAction.d.ts

@@ -1,4 +1,4 @@
-import { UserInfo, UserAction, ActionType } from '../../types';
+import { UserAction, UserInfo, ActionType } from '../../types';
 
 export declare function useInviteUserOnSeat(userInfo: UserInfo): ActionType<UserAction>;
 export declare function useAgreeUserOnSeat(userInfo: UserInfo): ActionType<UserAction>;

package/dist/hooks/useUserActions/useSeatAction.js

@@ -2,11 +2,11 @@ import { reactive as S, computed as g } from "vue";
 import { TUIErrorCode as f, TUIRequestCallbackType as c } from "@tencentcloud/tuiroom-engine-js";
 import { IconDenyOnStage as p, IconInviteOnStage as I, IconOnStage as R, TUIToast as r, TOAST_TYPE as i, IconOffStage as h } from "@tencentcloud/uikit-base-component-vue3";
 import { useI18n as v } from "../../locales/index.js";
-import { useRoomEngine as T } from "../useRoomEngine.js";
+import { useRoomState as T } from "../../states/RoomState/index.js";
 import { useUserState as d } from "../../states/UserState/index.js";
-import { useRoomState as E } from "../../states/RoomState.js";
+import { useRoomEngine as E } from "../useRoomEngine.js";
 import { UserAction as l, SeatStatus as m, RequestType as u } from "../../types/user.js";
-const { currentRoom: b } = E(), { t } = v(), q = T();
+const { currentRoom: b } = T(), { t } = v(), q = E();
 function N(e) {
   const { userListOnSeat: n, getDisplayName: s, cancelInvitationByAdmin: a, sendInvitationByAdmin: o } = d();
   async function O() {

package/dist/hooks/useUserActions/useTransferOwnerAction.d.ts

@@ -1,16 +1,8 @@
-import { UserInfo, UserAction } from '../../types';
+import { UserAction, UserInfo } from '../../types';
 
 export default function useTransferOwnerAction(userInfo: UserInfo): {
     key: UserAction;
-    icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+    icon: any;
     label: any;
     handler: () => void;
 };

package/dist/hooks/useUserActions/useTransferOwnerAction.js

@@ -1,17 +1,19 @@
 import { reactive as u, markRaw as w } from "vue";
-import { TUIRole as T } from "@tencentcloud/tuiroom-engine-js";
-import { IconTransferOwner as p, TUIToast as s, TOAST_TYPE as m } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomEngine as O } from "../useRoomEngine.js";
+import { TUIRole as p } from "@tencentcloud/tuiroom-engine-js";
+import { IconTransferOwner as T, TUIToast as s, TOAST_TYPE as m } from "@tencentcloud/uikit-base-component-vue3";
+import O from "../../baseComp/MessageBox/index.js";
 import { useI18n as h } from "../../locales/index.js";
-import g from "../../baseComp/MessageBox/index.js";
-import { useUserState as R } from "../../states/UserState/index.js";
-import { UserAction as y } from "../../types/user.js";
-const c = O(), { t: e } = h(), { localUser: d, getDisplayName: i } = R();
-function M(n) {
+import { useRoomState as R } from "../../states/RoomState/index.js";
+import { useUserState as g } from "../../states/UserState/index.js";
+import { useRoomEngine as y } from "../useRoomEngine.js";
+import { UserAction as d } from "../../types/user.js";
+const i = y(), { t: e } = h(), { localUser: U, getDisplayName: c } = g();
+R();
+function D(o) {
   function f() {
-    g({
+    O({
       title: e("Transfer the roomOwner to sb", {
-        name: i(n)
+        name: c(o)
       }),
       message: e(
         "After transfer the room owner, you will become a general user"
@@ -24,17 +26,17 @@ function M(n) {
     });
   }
   async function l() {
-    var o, t, a;
-    const r = await ((o = c.instance) == null ? void 0 : o.fetchRoomInfo());
-    if ((r == null ? void 0 : r.roomOwner) === ((t = d.value) == null ? void 0 : t.userId))
+    var n, t, a;
+    const r = await ((n = i.instance) == null ? void 0 : n.fetchRoomInfo());
+    if ((r == null ? void 0 : r.roomOwner) === ((t = U.value) == null ? void 0 : t.userId))
       try {
-        await ((a = c.instance) == null ? void 0 : a.changeUserRole({
-          userId: n.userId,
-          userRole: T.kRoomOwner
+        await ((a = i.instance) == null ? void 0 : a.changeUserRole({
+          userId: o.userId,
+          userRole: p.kRoomOwner
         })), s({
           type: m.SUCCESS,
           message: e("The room owner has been transferred to sb", {
-            name: i(n)
+            name: c(o)
           })
           // duration: MESSAGE_DURATION.NORMAL,
         });
@@ -47,12 +49,12 @@ function M(n) {
       }
   }
   return u({
-    key: y.TransferOwnerAction,
-    icon: w(p),
+    key: d.TransferOwnerAction,
+    icon: w(T),
     label: e("Make host"),
     handler: f
   });
 }
 export {
-  M as default
+  D as default
 };

package/dist/hooks/useUserActions/useVideoAction.d.ts

@@ -2,15 +2,7 @@ import { UserInfo, UserAction } from '../../types';
 
 export default function useVideoAction(userInfo: UserInfo): {
     key: UserAction;
-    icon: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: import('vue').PropType<string | number>;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
+    icon: any;
     label: any;
     handler: () => Promise<void>;
 };