tuikit-atomicx-vue3 4.4.0 → 4.5.0

package/dist/components/VirtualBackgroundPanel/VirtualBackgroundPanel.js

@@ -0,0 +1,169 @@
+import { defineComponent as G, ref as d, onMounted as R, onUnmounted as Y, createElementBlock as A, openBlock as u, createElementVNode as t, createCommentVNode as w, normalizeClass as B, unref as s, toDisplayString as i, createVNode as C, withCtx as V, createTextVNode as f } from "vue";
+import { useUIKit as S, TUIButton as k, TUIToast as T, TOAST_TYPE as j } from "@tencentcloud/uikit-base-component-vue3";
+import { VirtualBackgroundEvent as J, VirtualBackgroundType as Z } from "../../types/virtualBackground.js";
+import { useDeviceState as H } from "../../states/DeviceState/DeviceState.js";
+import { useVirtualBackgroundState as P } from "../../states/VirtualBackgroundState/VirtualBackgroundState.js";
+import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const M = "data:image/png;base64,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", _ = "data:image/png;base64,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", $ = { class: "virtual-background" }, ee = {
+  id: "stream-preview",
+  class: "stream-preview"
+}, te = {
+  key: 0,
+  class: "mask"
+}, ae = {
+  key: 1,
+  class: "spinner"
+}, se = { class: "setting" }, oe = { class: "setting-item-icon" }, re = ["src"], ne = { class: "setting-item-text" }, le = { class: "setting-item-icon" }, ie = ["src"], ce = { class: "setting-item-text" }, de = { class: "footer" }, Ae = /* @__PURE__ */ G({
+  __name: "VirtualBackgroundPanel",
+  props: {
+    assetsPath: { default: "https://web.sdk.qcloud.com/hybrid/trtc-sdk-v5/assets" }
+  },
+  emits: ["close"],
+  setup(Q, { emit: U }) {
+    var h;
+    const { t: n } = S(), b = U, y = Q, {
+      startCameraTest: K,
+      stopCameraTest: F
+    } = H(), {
+      virtualBackgroundConfig: m,
+      initVirtualBackground: q,
+      setVirtualBackground: g,
+      saveVirtualBackground: X,
+      subscribeEvent: I,
+      unsubscribeEvent: x
+    } = P(), c = d(
+      (h = m.value) != null && h.enable ? "blur" : "close"
+    ), r = d(!1), o = d(!1);
+    function D(e) {
+      switch (e) {
+        case "close":
+          return { enable: !1 };
+        case "blur":
+          return { enable: !0, type: Z.blur };
+        default:
+          return { enable: !1 };
+      }
+    }
+    async function v() {
+      b("close");
+    }
+    function l(e) {
+      T({
+        type: j.ERROR,
+        message: n(e)
+      });
+    }
+    async function W() {
+      r.value = !0, o.value = !1;
+      try {
+        await q({ assetsPath: y.assetsPath }), await K({ view: "stream-preview" });
+        const { enable: e, type: a } = m.value || {};
+        await g({ enable: e, type: a }), o.value = !0;
+      } catch (e) {
+        console.error("Failed to initialize virtual background:", e), l("VirtualBackground.InitializeFailed");
+      } finally {
+        r.value = !1;
+      }
+    }
+    async function p(e) {
+      if (o.value) {
+        r.value = !0;
+        try {
+          c.value = e;
+          const a = D(e);
+          await g(a);
+        } catch (a) {
+          console.error("Failed to apply virtual background:", a), l("VirtualBackground.ApplyFailed");
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    async function z() {
+      if (o.value)
+        try {
+          await X(), v();
+        } catch (e) {
+          console.error("Failed to save virtual background:", e), l("VirtualBackground.SaveFailed");
+        }
+    }
+    async function N() {
+      v();
+    }
+    function E() {
+      l("VirtualBackground.Aborted");
+    }
+    return R(async () => {
+      await W(), I(
+        J.onAbort,
+        E
+      );
+    }), Y(() => {
+      F(), x(
+        J.onAbort,
+        E
+      );
+    }), (e, a) => (u(), A("div", $, [
+      t("div", ee, [
+        r.value ? (u(), A("div", te)) : w("", !0),
+        r.value ? (u(), A("div", ae)) : w("", !0)
+      ]),
+      t("div", se, [
+        t("div", {
+          class: B([
+            "setting-item",
+            c.value === "close" ? "active" : "",
+            o.value ? "" : "disabled"
+          ]),
+          onClick: a[0] || (a[0] = (L) => p("close"))
+        }, [
+          t("i", oe, [
+            t("img", {
+              src: s(_),
+              alt: "close",
+              style: { width: "32px" }
+            }, null, 8, re)
+          ]),
+          t("span", ne, i(s(n)("VirtualBackground.Close")), 1)
+        ], 2),
+        t("div", {
+          class: B([
+            "setting-item",
+            c.value === "blur" ? "active" : "",
+            o.value ? "" : "disabled"
+          ]),
+          onClick: a[1] || (a[1] = (L) => p("blur"))
+        }, [
+          t("i", le, [
+            t("img", {
+              src: s(M),
+              alt: "blurred"
+            }, null, 8, ie)
+          ]),
+          t("span", ce, i(s(n)("VirtualBackground.Blurred")), 1)
+        ], 2)
+      ]),
+      t("div", de, [
+        C(s(k), {
+          disabled: !o.value,
+          type: "primary",
+          onClick: z
+        }, {
+          default: V(() => [
+            f(i(s(n)("VirtualBackground.Save")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        C(s(k), { onClick: N }, {
+          default: V(() => [
+            f(i(s(n)("VirtualBackground.Cancel")), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), he = /* @__PURE__ */ O(Ae, [["__scopeId", "data-v-e003f29a"]]);
+export {
+  he as default
+};

package/dist/components/VirtualBackgroundPanel/VirtualBackgroundPanel.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    assetsPath: string;
+}>, {
+    assetsPath: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    assetsPath: string;
+}>, {
+    assetsPath: string;
+}>>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    assetsPath: string;
+}, {}, {}, {}, 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/VirtualBackgroundPanel/i18n/en-US/index.d.ts

@@ -0,0 +1,10 @@
+export declare const resource: {
+    'VirtualBackground.InitializeFailed': string;
+    'VirtualBackground.ApplyFailed': string;
+    'VirtualBackground.SaveFailed': string;
+    'VirtualBackground.Aborted': string;
+    'VirtualBackground.Close': string;
+    'VirtualBackground.Blurred': string;
+    'VirtualBackground.Save': string;
+    'VirtualBackground.Cancel': string;
+};

package/dist/components/VirtualBackgroundPanel/i18n/en-US/index.js

@@ -0,0 +1,14 @@
+const a = {
+  // VirtualBackground
+  "VirtualBackground.InitializeFailed": "Failed to initialize virtual background",
+  "VirtualBackground.ApplyFailed": "Failed to apply virtual background",
+  "VirtualBackground.SaveFailed": "Failed to save virtual background settings",
+  "VirtualBackground.Aborted": "Virtual background application aborted",
+  "VirtualBackground.Close": "Close",
+  "VirtualBackground.Blurred": "Blurred",
+  "VirtualBackground.Save": "Save",
+  "VirtualBackground.Cancel": "Cancel"
+};
+export {
+  a as resource
+};

package/dist/components/VirtualBackgroundPanel/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/VirtualBackgroundPanel/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/VirtualBackgroundPanel/i18n/zh-CN/index.d.ts

@@ -0,0 +1,10 @@
+export declare const resource: {
+    'VirtualBackground.InitializeFailed': string;
+    'VirtualBackground.ApplyFailed': string;
+    'VirtualBackground.SaveFailed': string;
+    'VirtualBackground.Aborted': string;
+    'VirtualBackground.Close': string;
+    'VirtualBackground.Blurred': string;
+    'VirtualBackground.Save': string;
+    'VirtualBackground.Cancel': string;
+};

package/dist/components/VirtualBackgroundPanel/i18n/zh-CN/index.js

@@ -0,0 +1,14 @@
+const a = {
+  // VirtualBackground
+  "VirtualBackground.InitializeFailed": "虚拟背景初始化失败",
+  "VirtualBackground.ApplyFailed": "应用虚拟背景失败",
+  "VirtualBackground.SaveFailed": "保存虚拟背景设置失败",
+  "VirtualBackground.Aborted": "虚拟背景应用已中止",
+  "VirtualBackground.Close": "关闭",
+  "VirtualBackground.Blurred": "模糊",
+  "VirtualBackground.Save": "保存",
+  "VirtualBackground.Cancel": "取消"
+};
+export {
+  a as resource
+};

package/dist/components/VirtualBackgroundPanel/index.d.ts

@@ -0,0 +1,20 @@
+declare const VirtualBackgroundPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    assetsPath: {
+        type: import('vue').PropType<string>;
+        required: true;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    assetsPath: {
+        type: import('vue').PropType<string>;
+        required: true;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    assetsPath: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { VirtualBackgroundPanel, };

package/dist/components/VirtualBackgroundPanel/index.js

@@ -0,0 +1,10 @@
+import { addI18n as r } from "../../i18n/index.js";
+import { resource as o } from "./i18n/en-US/index.js";
+import { resource as n } from "./i18n/zh-CN/index.js";
+import t from "./VirtualBackgroundPanel.js";
+const s = t;
+r("en-US", { translation: o });
+r("zh-CN", { translation: n });
+export {
+  s as VirtualBackgroundPanel
+};

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

@@ -1,4 +1,4 @@
-import { ActionType, RoomAction } from '../../types';
+import { ActionType } from '../../types';
 
 export default function useRoomActions(options?: {
     actionList: RoomAction[];

package/dist/hooks/useRoomActions/index.js

@@ -1,15 +1,14 @@
-import e from "./useRoomAudioAction.js";
-import n from "./useRoomVideoAction.js";
-import r from "./useRoomScreenAction.js";
-import { RoomAction as t } from "../../types/room.js";
-function a(o) {
-  const i = {
-    [t.AudioAction]: e(),
-    [t.VideoAction]: n(),
-    [t.ScreenAction]: r()
+import c from "./useRoomAudioAction.js";
+import n from "./useRoomScreenAction.js";
+import e from "./useRoomVideoAction.js";
+function u(o) {
+  const t = {
+    [RoomAction.AudioAction]: c(),
+    [RoomAction.VideoAction]: e(),
+    [RoomAction.ScreenAction]: n()
   };
-  return o && o.actionList && o.actionList.length > 0 ? o.actionList.map((c) => i[c]) : Object.values(i);
+  return o && o.actionList && o.actionList.length > 0 ? o.actionList.map((i) => t[i]) : Object.values(t);
 }
 export {
-  a as default
+  u as default
 };

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

@@ -1,7 +1,5 @@
-import { RoomAction } from '../../types';
-
 export default function useRoomAudioAction(): {
-    key: RoomAction;
+    key: any;
     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;

package/dist/hooks/useRoomActions/useRoomAudioAction.js

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

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

@@ -1,3 +1 @@
-import { ActionType, RoomAction } from '../../types';
-
 export default function useRoomScreenAction(): ActionType<RoomAction>;

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;