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

package/dist/chat/server.js

@@ -1,18 +1,18 @@
 var L = Object.defineProperty;
-var I = (o, t, i) => t in o ? L(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
-var s = (o, t, i) => I(o, typeof t != "symbol" ? t + "" : t, i);
-import { ref as U } from "vue";
-import l from "@tencentcloud/chat-uikit-engine";
+var u = (o, t, i) => t in o ? L(o, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[t] = i;
+var s = (o, t, i) => u(o, typeof t != "symbol" ? t + "" : t, i);
+import { ref as I } from "vue";
+import U from "@tencentcloud/chat-uikit-engine";
 import T, { TUIConstants as g, TUILogin as S } from "@tencentcloud/tui-core";
 import { useLoginState as m } from "../states/LoginState.js";
-import { ChatSceneType as E } from "../statistical/const.js";
+import { ChatSceneType as l } from "../statistical/const.js";
 import { useStatistical as C } from "../statistical/statistical.js";
 import { isPC as p } from "../utils/env.js";
 const { setChatScene: N } = C(), e = class e {
   constructor() {
     s(this, "isReady", !1);
     s(this, "isEngineLoggingIn", !1);
-    s(this, "isLogin", U(!1));
+    s(this, "isLogin", I(!1));
     s(this, "resolveList", []);
     s(this, "rejectList", []);
     this.init();
@@ -21,7 +21,7 @@ const { setChatScene: N } = C(), e = class e {
     return e.instance || (e.instance = new e()), e.instance;
   }
   init() {
-    N(p ? E.CHAT_WEB : E.CHAT_H5), this.isReady || (this.isReady = !0, T.registerEvent(
+    N(p ? l.CHAT_WEB : l.CHAT_H5), this.isReady || (this.isReady = !0, T.registerEvent(
       g.TUILogin.EVENT.LOGIN_STATE_CHANGED,
       g.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS,
       this
@@ -46,7 +46,7 @@ const { setChatScene: N } = C(), e = class e {
       chat: t,
       SDKAppID: i,
       userID: c,
-      userSig: h
+      userSig: f
     } = S.getContext();
     if (this.isEngineLoggingIn)
       return new Promise((n, r) => {
@@ -54,14 +54,14 @@ const { setChatScene: N } = C(), e = class e {
       });
     try {
       this.isEngineLoggingIn = !0;
-      const n = await l.login({
+      const n = await U.login({
         chat: t,
         SDKAppID: i,
         userID: c,
-        userSig: h
+        userSig: f
       });
-      this.isLogin.value = !0, this.resolveList.forEach((u) => {
-        u();
+      this.isLogin.value = !0, this.resolveList.forEach((h) => {
+        h();
       }), this.rejectList = [], this.resolveList = [];
       const { loginUserInfo: r } = m(), a = (await t.getUserProfile({ userIDList: [c] })).data[0];
       return a.value || (r.value = {
@@ -79,11 +79,11 @@ const { setChatScene: N } = C(), e = class e {
     }
   }
   logout() {
-    l.logout(), this.isLogin.value = !1, this.isEngineLoggingIn = !1;
+    this.isLogin.value = !1, this.isEngineLoggingIn = !1;
   }
 };
 s(e, "instance");
-let f = e;
+let E = e;
 export {
-  f as default
+  E as default
 };

package/dist/components/AudioSetting/AudioMediaControl.js

@@ -1,18 +1,18 @@
-import { defineComponent as g, inject as I, ref as T, computed as b, withDirectives as c, createElementBlock as D, openBlock as x, createVNode as t, unref as o, withCtx as E, vShow as L } from "vue";
-import y from "../../baseComp/IconButton.js";
-import B from "../../baseComp/AudioIcon.js";
-import O from "./AudioSettingTab.js";
+import { defineComponent as g, inject as I, ref as b, computed as T, withDirectives as c, createElementBlock as D, openBlock as x, createVNode as i, unref as o, withCtx as E, vShow as L } from "vue";
+import y from "../../baseComp/AudioIcon.js";
+import B from "../../baseComp/IconButton.js";
+import O from "../../directives/vClickOutside.js";
 import { useI18n as P } from "../../locales/index.js";
-import N from "../../directives/vClickOutside.js";
-import { useRoomState as R } from "../../states/RoomState.js";
-import { useDeviceState as V } from "../../states/DeviceState/DeviceState.js";
-import { DeviceStatus as s, DeviceError as j, MediaSettingDisplayMode as H } from "../../types/device.js";
-import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const q = { class: "audio-control-container" }, z = /* @__PURE__ */ g({
+import { useRoomState as N } from "../../states/RoomState/index.js";
+import V from "./AudioSettingTab.js";
+import { useDeviceState as j } from "../../states/DeviceState/DeviceState.js";
+import { DeviceStatus as s, DeviceError as H, MediaSettingDisplayMode as W } from "../../types/device.js";
+import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const z = { class: "audio-control-container" }, F = /* @__PURE__ */ g({
   __name: "AudioMediaControl",
   emits: ["click-icon"],
-  setup(F, { emit: l }) {
-    const m = I("audioSettingProps"), { currentRoom: i } = R(), {
+  setup(G, { emit: l }) {
+    const m = I("audioSettingProps"), { currentRoom: t } = N(), {
       captureVolume: a,
       microphoneStatus: n,
       microphoneLastError: d,
@@ -22,9 +22,9 @@ const q = { class: "audio-control-container" }, z = /* @__PURE__ */ g({
       unmuteLocalAudio: v,
       startMicrophoneTest: h,
       stopMicrophoneTest: _
-    } = V(), M = l, e = T(!1), { t: S } = P(), w = b(() => i.value ? n.value !== s.On : !r.value);
+    } = j(), M = l, e = b(!1), { t: S } = P(), w = T(() => t != null && t.value ? n.value !== s.On : !r.value);
     async function k() {
-      if (e.value = !1, M("click-icon"), !i.value) {
+      if (e.value = !1, M("click-icon"), !t.value) {
         r.value ? await _() : await h({ interval: 200 });
         return;
       }
@@ -36,36 +36,36 @@ const q = { class: "audio-control-container" }, z = /* @__PURE__ */ g({
     function C() {
       e.value && (e.value = !1);
     }
-    return (G, J) => {
+    return (J, K) => {
       var u;
-      return c((x(), D("div", q, [
-        t(y, {
+      return c((x(), D("div", z, [
+        i(B, {
           title: o(S)("Mic"),
-          "has-more": ((u = o(m)) == null ? void 0 : u.displayMode) === o(H).IconWithPanel,
-          "is-not-support": o(d) !== o(j).NoError,
+          "has-more": ((u = o(m)) == null ? void 0 : u.displayMode) === o(W).IconWithPanel,
+          "is-not-support": o(d) !== o(H).NoError,
           onClickIcon: k,
           onClickMore: A
         }, {
           default: E(() => [
-            t(B, {
+            i(y, {
               "audio-volume": o(a),
               "is-muted": w.value
             }, null, 8, ["audio-volume", "is-muted"])
           ]),
           _: 1
         }, 8, ["title", "has-more", "is-not-support"]),
-        c(t(O, {
+        c(i(V, {
           class: "audio-tab",
           "audio-volume": o(a)
         }, null, 8, ["audio-volume"]), [
           [L, e.value]
         ])
       ])), [
-        [o(N), C]
+        [o(O), C]
       ]);
     };
   }
-}), io = /* @__PURE__ */ W(z, [["__scopeId", "data-v-1886be09"]]);
+}), io = /* @__PURE__ */ q(F, [["__scopeId", "data-v-eb7abc8e"]]);
 export {
   io as default
 };

package/dist/components/AudioSetting/AudioRequestDialog.js

@@ -1,4 +1,88 @@
-import { _ as f } from "../../AudioRequestDialog.vue_vue_type_script_setup_true_lang-DESfuJPj.js";
+import { defineComponent as y, ref as i, onUnmounted as _, createBlock as w, openBlock as k, unref as n, withCtx as l, createElementVNode as V, toDisplayString as m, createVNode as I, createTextVNode as h } from "vue";
+import b, { TUIRoomEvents as r, TUIRequestAction as x, TUIRole as A } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit as E, TUIButton as g } from "@tencentcloud/uikit-base-component-vue3";
+import O from "../../baseComp/Dialog/DialogPC.js";
+import { useRoomEngine as D } from "../../hooks/useRoomEngine.js";
+import { useUserState as B } from "../../states/UserState/index.js";
+const F = /* @__PURE__ */ y({
+  __name: "AudioRequestDialog",
+  setup(K) {
+    const s = D(), { t } = E(), d = i(""), { getUserInfo: C } = B(), a = i(!1), u = i("");
+    async function f(e) {
+      var v;
+      const { userId: o, requestAction: c, requestId: T } = e.request;
+      if (c === x.kRequestToOpenRemoteMicrophone) {
+        const U = ((v = C({ userId: o })) == null ? void 0 : v.userRole) === A.kRoomOwner ? t("RoomOwner") : t("Admin");
+        d.value = t("Sb invites you to turn on the microphone", {
+          role: U
+        }), u.value = T, a.value = !0;
+      }
+    }
+    async function p() {
+      var e;
+      await ((e = s.instance) == null ? void 0 : e.responseRemoteRequest({
+        requestId: u.value,
+        agree: !0
+      })), u.value = "", a.value = !1;
+    }
+    async function R() {
+      var e;
+      await ((e = s.instance) == null ? void 0 : e.responseRemoteRequest({
+        requestId: u.value,
+        agree: !1
+      })), u.value = "", a.value = !1;
+    }
+    async function q(e) {
+      const { requestId: o } = e;
+      u.value === o && (a.value = !1);
+    }
+    return b.once("ready", () => {
+      var e, o;
+      (e = s.instance) == null || e.on(r.onRequestReceived, f), (o = s.instance) == null || o.on(r.onRequestCancelled, q);
+    }), _(() => {
+      var e, o;
+      (e = s.instance) == null || e.off(r.onRequestReceived, f), (o = s.instance) == null || o.off(
+        r.onRequestCancelled,
+        q
+      );
+    }), (e, o) => (k(), w(n(O), {
+      modelValue: a.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (c) => a.value = c),
+      title: n(t)("Tips"),
+      modal: !0,
+      "show-close": !1,
+      "close-on-click-modal": !1,
+      width: "500px",
+      "append-to-room-container": !0,
+      "confirm-button": n(t)("Turn on the microphone"),
+      "cancel-button": n(t)("Keep it closed"),
+      onConfirm: p,
+      onCancel: R
+    }, {
+      footer: l(() => [
+        I(n(g), {
+          type: "primary",
+          onClick: p
+        }, {
+          default: l(() => [
+            h(m(n(t)("Turn on the microphone")), 1)
+          ]),
+          _: 1
+        }),
+        I(n(g), { onClick: R }, {
+          default: l(() => [
+            h(m(n(t)("Keep it closed")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      default: l(() => [
+        V("span", null, m(d.value), 1)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "title", "confirm-button", "cancel-button"]));
+  }
+});
 export {
-  f as default
+  F as default
 };

package/dist/components/AudioSetting/AudioSettingTab.js

@@ -1,10 +1,9 @@
-import { defineComponent as L, inject as P, computed as l, onBeforeUnmount as R, createElementBlock as a, openBlock as s, createCommentVNode as c, unref as e, createElementVNode as i, toDisplayString as n, createVNode as T, createBlock as M, withCtx as y, createTextVNode as g, Fragment as U, renderList as K, normalizeClass as j } from "vue";
-import q from "./MicrophoneSelect.js";
-import z from "./SpeakerSelect.js";
-import { useI18n as F } from "../../locales/index.js";
-import { TUIButton as b } from "@tencentcloud/uikit-base-component-vue3";
-import { MediaSettingDisplayMode as u } from "../../types/device.js";
+import { defineComponent as I, inject as L, computed as c, onBeforeUnmount as P, createElementBlock as a, openBlock as s, createCommentVNode as l, unref as e, createElementVNode as i, toDisplayString as n, createVNode as T, createBlock as M, withCtx as y, createTextVNode as g, Fragment as R, renderList as K, normalizeClass as j } from "vue";
+import { useUIKit as q, TUIButton as b } from "@tencentcloud/uikit-base-component-vue3";
+import z from "./MicrophoneSelect.js";
+import F from "./SpeakerSelect.js";
 import { useDeviceState as O } from "../../states/DeviceState/DeviceState.js";
+import { MediaSettingDisplayMode as d } from "../../types/device.js";
 import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = { class: "audio-setting-tab" }, G = {
   key: 0,
@@ -15,56 +14,56 @@ const $ = { class: "audio-setting-tab" }, G = {
 }, X = { class: "title" }, Y = { class: "mic-bar-container" }, Z = {
   key: 2,
   class: "item-setting"
-}, ee = { class: "title" }, te = { class: "flex" }, se = /* @__PURE__ */ L({
+}, ee = { class: "title" }, te = { class: "flex" }, se = /* @__PURE__ */ I({
   __name: "AudioSettingTab",
   setup(oe) {
-    const { t: o } = F(), {
+    const { t: o } = q(), {
       captureVolume: E,
-      isMicrophoneTesting: d,
+      isMicrophoneTesting: u,
       isSpeakerTesting: p,
       startMicrophoneTest: w,
       stopMicrophoneTest: x,
       startSpeakerTest: A,
       stopSpeakerTest: m
-    } = O(), t = P("audioSettingProps"), C = l(
-      () => (t == null ? void 0 : t.displayMode) === u.IconWithPanel
-    ), r = l(
-      () => (t == null ? void 0 : t.displayMode) === u.Panel
-    ), _ = l(() => r.value ? 36 : 28), N = l(
+    } = O(), t = L("audioSettingProps"), C = c(
+      () => (t == null ? void 0 : t.displayMode) === d.IconWithPanel
+    ), r = c(
+      () => (t == null ? void 0 : t.displayMode) === d.Panel
+    ), _ = c(() => r.value ? 36 : 28), N = c(
       () => E.value * _.value / 100
-    ), V = l(
-      () => C.value || r.value && d.value
+    ), V = c(
+      () => C.value || r.value && u.value
     );
     function B() {
-      d.value ? x() : w({ interval: 200 });
+      u.value ? x() : w({ interval: 200 });
     }
-    async function D() {
+    async function U() {
       p.value ? m() : A({ filePath: "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3" });
     }
-    return R(() => {
+    return P(() => {
       m();
-    }), (I, ae) => {
+    }), (D, ae) => {
       var v, h, f, S;
       return s(), a("div", $, [
         (v = e(t)) != null && v.supportSwitchMicrophone ? (s(), a("div", G, [
           i("span", H, n(e(o)("Mic")), 1),
           i("div", J, [
-            T(q, { class: "select" }),
+            T(z, { class: "select" }),
             r.value ? (s(), M(e(b), {
               key: 0,
               onClick: B
             }, {
               default: y(() => [
-                g(n(e(d) ? e(o)("Stop") : e(o)("Test")), 1)
+                g(n(e(u) ? e(o)("Stop") : e(o)("Test")), 1)
               ]),
               _: 1
-            })) : c("", !0)
+            })) : l("", !0)
           ])
-        ])) : c("", !0),
+        ])) : l("", !0),
         (h = e(t)) != null && h.supportAudioLevel ? (s(), a("div", Q, [
           i("span", X, n(e(o)("Output")), 1),
           i("div", Y, [
-            (s(!0), a(U, null, K(new Array(_.value).fill(""), (ie, k) => (s(), a("div", {
+            (s(!0), a(R, null, K(new Array(_.value).fill(""), (ie, k) => (s(), a("div", {
               key: k,
               class: j([
                 "mic-bar",
@@ -72,29 +71,29 @@ const $ = { class: "audio-setting-tab" }, G = {
               ])
             }, null, 2))), 128))
           ])
-        ])) : c("", !0),
+        ])) : l("", !0),
         (f = e(t)) != null && f.supportSwitchSpeaker ? (s(), a("div", Z, [
           i("span", ee, n(e(o)("Speaker")), 1),
           i("div", te, [
-            T(z, {
+            T(F, {
               class: "select",
-              disabled: ((S = e(t)) == null ? void 0 : S.displayMode) === e(u).Panel
+              disabled: ((S = e(t)) == null ? void 0 : S.displayMode) === e(d).Panel
             }, null, 8, ["disabled"]),
             r.value ? (s(), M(e(b), {
               key: 0,
-              onClick: D
+              onClick: U
             }, {
               default: y(() => [
                 g(n(e(p) ? e(o)("Stop") : e(o)("Test")), 1)
               ]),
               _: 1
-            })) : c("", !0)
+            })) : l("", !0)
           ])
-        ])) : c("", !0)
+        ])) : l("", !0)
       ]);
     };
   }
-}), _e = /* @__PURE__ */ W(se, [["__scopeId", "data-v-d822f4ad"]]);
+}), me = /* @__PURE__ */ W(se, [["__scopeId", "data-v-04047cf6"]]);
 export {
-  _e as default
+  me as default
 };

package/dist/components/AudioSetting/MicrophoneSelect.js

@@ -1,9 +1,8 @@
-import { defineComponent as I, ref as _, watch as b, onBeforeMount as g, createBlock as v, openBlock as r, unref as c, withCtx as y, createElementBlock as M, Fragment as B, renderList as k } from "vue";
-import w from "../../baseComp/Select/SelectPC.js";
-import x from "../../baseComp/Option/OptionPC.js";
+import { defineComponent as _, ref as b, watch as C, onBeforeMount as g, createBlock as v, openBlock as r, unref as c, withCtx as y, createElementBlock as M, Fragment as B, renderList as k } from "vue";
+import { TUISelect as w, TUIOption as x } from "@tencentcloud/uikit-base-component-vue3";
 import { useDeviceState as S } from "../../states/DeviceState/DeviceState.js";
 import { _ as L } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const V = /* @__PURE__ */ I({
+const U = /* @__PURE__ */ _({
   __name: "MicrophoneSelect",
   props: {
     onChange: {},
@@ -11,14 +10,14 @@ const V = /* @__PURE__ */ I({
   },
   setup(d) {
     var u;
-    const { microphoneList: i, currentMicrophone: o, setCurrentMicrophone: m, getMicrophoneList: f } = S(), n = d, t = _((u = o.value) == null ? void 0 : u.deviceId);
-    b(
+    const { microphoneList: i, currentMicrophone: t, setCurrentMicrophone: f, getMicrophoneList: m } = S(), n = d, o = b((u = t.value) == null ? void 0 : u.deviceId);
+    C(
       () => {
         var e;
-        return (e = o.value) == null ? void 0 : e.deviceId;
+        return (e = t.value) == null ? void 0 : e.deviceId;
       },
       (e) => {
-        t.value !== e && (t.value = e);
+        o.value !== e && (o.value = e);
       },
       { immediate: !0 }
     );
@@ -26,16 +25,16 @@ const V = /* @__PURE__ */ I({
       var l, a, s, p;
       (l = n.onChange) == null || l.call(n, e);
       try {
-        await m({ deviceId: e });
+        await f({ deviceId: e });
       } catch {
-        (a = o.value) != null && a.deviceId && i.value.map((C) => C.deviceId).includes((s = o.value) == null ? void 0 : s.deviceId) && (t.value = (p = o.value) == null ? void 0 : p.deviceId);
+        (a = t.value) != null && a.deviceId && i.value.map((I) => I.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (o.value = (p = t.value) == null ? void 0 : p.deviceId);
       }
     }
     return g(async () => {
-      await f();
+      await m();
     }), (e, l) => (r(), v(c(w), {
-      modelValue: t.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (a) => t.value = a),
+      modelValue: o.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (a) => o.value = a),
       placeholder: "placeholder",
       class: "select",
       disabled: d.disabled,
@@ -53,7 +52,7 @@ const V = /* @__PURE__ */ I({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), U = /* @__PURE__ */ L(V, [["__scopeId", "data-v-54429c40"]]);
+}), N = /* @__PURE__ */ L(U, [["__scopeId", "data-v-009e2298"]]);
 export {
-  U as default
+  N as default
 };

package/dist/components/AudioSetting/SpeakerSelect.js

@@ -1,9 +1,8 @@
-import { defineComponent as C, ref as I, watch as S, onBeforeMount as _, createBlock as v, openBlock as d, unref as n, withCtx as b, createElementBlock as g, Fragment as y, renderList as B } from "vue";
-import w from "../../baseComp/Select/SelectPC.js";
-import x from "../../baseComp/Option/OptionPC.js";
+import { defineComponent as h, ref as S, watch as _, onBeforeMount as b, createBlock as v, openBlock as n, unref as o, withCtx as C, createElementBlock as g, Fragment as y, renderList as B } from "vue";
+import { TUISelect as w, TUIOption as x } from "@tencentcloud/uikit-base-component-vue3";
 import { useDeviceState as L } from "../../states/DeviceState/DeviceState.js";
-import { _ as V } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const D = /* @__PURE__ */ C({
+import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const V = /* @__PURE__ */ h({
   __name: "SpeakerSelect",
   props: {
     onChange: {},
@@ -11,8 +10,8 @@ const D = /* @__PURE__ */ C({
   },
   setup(c) {
     var i;
-    const o = c, { speakerList: u, currentSpeaker: t, setCurrentSpeaker: f, getSpeakerList: m } = L(), l = I((i = t.value) == null ? void 0 : i.deviceId);
-    S(
+    const d = c, { speakerList: u, currentSpeaker: t, setCurrentSpeaker: f, getSpeakerList: m } = L(), l = S((i = t.value) == null ? void 0 : i.deviceId);
+    _(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.deviceId;
@@ -22,18 +21,18 @@ const D = /* @__PURE__ */ C({
       },
       { immediate: !0 }
     );
-    async function k(e) {
+    async function I(e) {
       var r, a, s, p;
-      (r = o.onChange) == null || r.call(o, e);
+      (r = d.onChange) == null || r.call(d, e);
       try {
         await f({ deviceId: e });
       } catch {
-        (a = t.value) != null && a.deviceId && u.value.map((h) => h.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (l.value = (p = t.value) == null ? void 0 : p.deviceId);
+        (a = t.value) != null && a.deviceId && u.value.map((k) => k.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (l.value = (p = t.value) == null ? void 0 : p.deviceId);
       }
     }
-    return _(async () => {
+    return b(async () => {
       await m();
-    }), (e, r) => (d(), v(n(w), {
+    }), (e, r) => (n(), v(o(w), {
       modelValue: l.value,
       "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
       placeholder: "placeholder",
@@ -41,10 +40,10 @@ const D = /* @__PURE__ */ C({
       disabled: c.disabled,
       teleported: !1,
       "popper-append-to-body": !1,
-      onChange: k
+      onChange: I
     }, {
-      default: b(() => [
-        (d(!0), g(y, null, B(n(u), (a) => (d(), v(n(x), {
+      default: C(() => [
+        (n(!0), g(y, null, B(o(u), (a) => (n(), v(o(x), {
           key: a.deviceId,
           label: a.deviceName,
           value: a.deviceId
@@ -53,7 +52,7 @@ const D = /* @__PURE__ */ C({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), U = /* @__PURE__ */ V(D, [["__scopeId", "data-v-00c43451"]]);
+}), N = /* @__PURE__ */ U(V, [["__scopeId", "data-v-8243a89d"]]);
 export {
-  U as default
+  N as default
 };

package/dist/components/AudioSetting/index.js

@@ -1,5 +1,31 @@
-import { _ as t } from "../../index.vue_vue_type_script_setup_true_lang-DZIBxSQ7.js";
+import { defineComponent as l, provide as p, reactive as u, createElementBlock as s, openBlock as o, createBlock as n, createCommentVNode as r, unref as t } from "vue";
+import m from "./AudioMediaControl.js";
+import f from "./AudioSettingTab.js";
+import { MediaSettingDisplayMode as i } from "../../types/device.js";
+const C = /* @__PURE__ */ l({
+  __name: "index",
+  props: {
+    displayMode: {},
+    supportSwitchMicrophone: { type: Boolean, default: !0 },
+    supportSwitchSpeaker: { type: Boolean, default: !0 },
+    supportAudioLevel: { type: Boolean, default: !0 }
+  },
+  emits: ["click-icon"],
+  setup(e, { emit: a }) {
+    const c = a;
+    function d() {
+      c("click-icon");
+    }
+    return p("audioSettingProps", u(e)), (y, M) => (o(), s("div", null, [
+      e.displayMode === t(i).Icon || e.displayMode === t(i).IconWithPanel ? (o(), n(m, {
+        key: 0,
+        onClickIcon: d
+      })) : r("", !0),
+      e.displayMode === t(i).Panel ? (o(), n(f, { key: 1 })) : r("", !0)
+    ]));
+  }
+});
 export {
-  t as AudioSetting,
-  t as default
+  C as AudioSetting,
+  C as default
 };

package/dist/components/AudioSettingPanel/MicrophoneSelect.js

@@ -0,0 +1,61 @@
+import { defineComponent as y, ref as _, watch as b, onBeforeMount as C, createBlock as v, openBlock as r, unref as l, withCtx as M, createElementBlock as S, Fragment as B, renderList as U } from "vue";
+import { useUIKit as k, TUISelect as w, TUIOption as x } from "@tencentcloud/uikit-base-component-vue3";
+import L from "@tencentcloud/tuiroom-engine-js";
+import { useDeviceState as T } from "../../states/DeviceState/DeviceState.js";
+import { _ as V } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = /* @__PURE__ */ y({
+  __name: "MicrophoneSelect",
+  props: {
+    onChange: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    var u;
+    const { microphoneList: i, currentMicrophone: t, setCurrentMicrophone: m, getMicrophoneList: f } = T(), { t: h } = k(), c = d, a = _((u = t.value) == null ? void 0 : u.deviceId);
+    b(
+      () => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.deviceId;
+      },
+      (e) => {
+        a.value !== e && (a.value = e);
+      },
+      { immediate: !0 }
+    );
+    async function I(e) {
+      var n, o, s, p;
+      (n = c.onChange) == null || n.call(c, e);
+      try {
+        await m({ deviceId: e });
+      } catch {
+        (o = t.value) != null && o.deviceId && i.value.map((g) => g.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (a.value = (p = t.value) == null ? void 0 : p.deviceId);
+      }
+    }
+    return C(async () => {
+      L.once("ready", async () => {
+        await f();
+      });
+    }), (e, n) => (r(), v(l(w), {
+      modelValue: a.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => a.value = o),
+      placeholder: l(h)("AudioSettingPanel.SelectMicrophone"),
+      class: "select",
+      disabled: d.disabled,
+      teleported: !1,
+      "popper-append-to-body": !1,
+      onChange: I
+    }, {
+      default: M(() => [
+        (r(!0), S(B, null, U(l(i), (o) => (r(), v(l(x), {
+          key: o.deviceId,
+          label: o.deviceName,
+          value: o.deviceId
+        }, null, 8, ["label", "value"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "placeholder", "disabled"]));
+  }
+}), P = /* @__PURE__ */ V(D, [["__scopeId", "data-v-1682945e"]]);
+export {
+  P as default
+};

package/dist/components/AudioSettingPanel/MicrophoneSelect.vue.d.ts

@@ -0,0 +1,29 @@
+interface Props {
+    onChange?: (id: string) => void;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    disabled: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    disabled: boolean;
+}>>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, 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];
+} & {};