tuikit-atomicx-vue3 4.4.0 → 4.5.1

package/dist/TimezoneSelector.vue_vue_type_script_setup_true_lang-C-lovW-l.js

@@ -0,0 +1,62 @@
+import { defineComponent as r, computed as m, createBlock as t, openBlock as i, unref as o, withCtx as v, createElementBlock as A, Fragment as C, renderList as T } from "vue";
+import { useUIKit as d, TUISelect as E, TUIOption as K } from "@tencentcloud/uikit-base-component-vue3";
+const B = /* @__PURE__ */ r({
+  __name: "TimezoneSelector",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: l }) {
+    const n = l, { t: y } = d(), s = [
+      { offset: "UTC-12:00", cityKey: "Baker Island", cityEn: "Baker Island", value: "Etc/GMT+12" },
+      { offset: "UTC-11:00", cityKey: "Samoa", cityEn: "Samoa", value: "Pacific/Samoa" },
+      { offset: "UTC-10:00", cityKey: "Hawaii", cityEn: "Hawaii", value: "Pacific/Honolulu" },
+      { offset: "UTC-09:00", cityKey: "Alaska", cityEn: "Alaska", value: "America/Anchorage" },
+      { offset: "UTC-08:00", cityKey: "Los Angeles", cityEn: "Los Angeles", value: "America/Los_Angeles" },
+      { offset: "UTC-07:00", cityKey: "Denver", cityEn: "Denver", value: "America/Denver" },
+      { offset: "UTC-06:00", cityKey: "Chicago", cityEn: "Chicago", value: "America/Chicago" },
+      { offset: "UTC-05:00", cityKey: "New York", cityEn: "New York", value: "America/New_York" },
+      { offset: "UTC-04:00", cityKey: "Halifax", cityEn: "Halifax", value: "America/Halifax" },
+      { offset: "UTC-03:00", cityKey: "Buenos Aires", cityEn: "Buenos Aires", value: "America/Argentina/Buenos_Aires" },
+      { offset: "UTC-02:00", cityKey: "Mid-Atlantic", cityEn: "Mid-Atlantic", value: "Etc/GMT+2" },
+      { offset: "UTC-01:00", cityKey: "Azores", cityEn: "Azores", value: "Atlantic/Azores" },
+      { offset: "UTC+00:00", cityKey: "London", cityEn: "London", value: "Europe/London" },
+      { offset: "UTC+01:00", cityKey: "Berlin", cityEn: "Berlin", value: "Europe/Berlin" },
+      { offset: "UTC+02:00", cityKey: "Cairo", cityEn: "Cairo", value: "Africa/Cairo" },
+      { offset: "UTC+03:00", cityKey: "Moscow", cityEn: "Moscow", value: "Europe/Moscow" },
+      { offset: "UTC+04:00", cityKey: "Dubai", cityEn: "Dubai", value: "Asia/Dubai" },
+      { offset: "UTC+05:00", cityKey: "Karachi", cityEn: "Karachi", value: "Asia/Karachi" },
+      { offset: "UTC+05:30", cityKey: "Mumbai", cityEn: "Mumbai", value: "Asia/Kolkata" },
+      { offset: "UTC+06:00", cityKey: "Dhaka", cityEn: "Dhaka", value: "Asia/Dhaka" },
+      { offset: "UTC+07:00", cityKey: "Bangkok", cityEn: "Bangkok", value: "Asia/Bangkok" },
+      { offset: "UTC+08:00", cityKey: "Beijing", cityEn: "Beijing", value: "Asia/Shanghai" },
+      { offset: "UTC+09:00", cityKey: "Tokyo", cityEn: "Tokyo", value: "Asia/Tokyo" },
+      { offset: "UTC+10:00", cityKey: "Sydney", cityEn: "Sydney", value: "Australia/Sydney" },
+      { offset: "UTC+11:00", cityKey: "Solomon Islands", cityEn: "Solomon Islands", value: "Pacific/Guadalcanal" },
+      { offset: "UTC+12:00", cityKey: "Auckland", cityEn: "Auckland", value: "Pacific/Auckland" }
+    ], u = m(
+      () => s.map((e) => ({
+        label: `${e.offset} (${y(e.cityKey)})`,
+        value: e.value
+      }))
+    ), f = (e) => {
+      n("update:modelValue", e);
+    };
+    return (e, U) => (i(), t(o(E), {
+      "model-value": c.modelValue,
+      "onUpdate:modelValue": f
+    }, {
+      default: v(() => [
+        (i(!0), A(C, null, T(u.value, (a) => (i(), t(o(K), {
+          key: a.value,
+          value: a.value,
+          label: a.label
+        }, null, 8, ["value", "label"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+});
+export {
+  B as _
+};

package/dist/baseComp/AudioIcon.js

@@ -1,7 +1,7 @@
-import { defineComponent as n, computed as c, createElementBlock as u, openBlock as o, normalizeClass as d, createElementVNode as s, createBlock as t, normalizeStyle as r, unref as a } from "vue";
+import { defineComponent as l, computed as n, createElementBlock as u, openBlock as o, normalizeClass as d, createElementVNode as s, createBlock as t, normalizeStyle as r, unref as a } from "vue";
 import { IconMicOff as m, IconMicOn as p } from "@tencentcloud/uikit-base-component-vue3";
 import { _ as f } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const _ = { class: "audio-level-container" }, v = /* @__PURE__ */ n({
+const _ = { class: "audio-level-container" }, v = /* @__PURE__ */ l({
   __name: "AudioIcon",
   props: {
     userId: {},
@@ -11,28 +11,28 @@ const _ = { class: "audio-level-container" }, v = /* @__PURE__ */ n({
     isDisabled: { type: Boolean }
   },
   setup(i) {
-    const e = i, l = c(() => e.isMuted || !e.audioVolume ? "" : `height: ${e.audioVolume * 4}%`);
+    const e = i, c = n(() => e.isMuted || !e.audioVolume ? "" : `height: ${e.audioVolume * 4}%`);
     return (y, z) => (o(), u("div", {
       class: d(["audio-icon-container", `${i.size == "small" && "small"}`])
     }, [
       s("div", _, [
         s("div", {
           class: "audio-level",
-          style: r(l.value)
+          style: r(c.value)
         }, null, 4)
       ]),
       e.isMuted ? (o(), t(a(m), {
         key: 0,
         class: "audio-icon",
-        size: "24"
+        size: 24
       })) : (o(), t(a(p), {
         key: 1,
         class: "audio-icon",
-        size: "24"
+        size: 24
       }))
     ], 2));
   }
-}), M = /* @__PURE__ */ f(v, [["__scopeId", "data-v-1854d402"]]);
+}), M = /* @__PURE__ */ f(v, [["__scopeId", "data-v-c24e5d05"]]);
 export {
   M as default
 };

package/dist/baseComp/Input/InputH5.vue.d.ts

@@ -49,9 +49,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
-    placeholder: string;
     disabled: boolean;
     modelValue: string;
+    placeholder: string;
     enterkeyhint: string;
     maxlength: string;
     border: boolean;

package/dist/baseComp/Input/InputPC.vue.d.ts

@@ -49,9 +49,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
-    placeholder: string;
     disabled: boolean;
     modelValue: string;
+    placeholder: string;
     enterkeyhint: string;
     maxlength: string;
     border: boolean;

package/dist/baseComp/Input/InputWX.vue.d.ts

@@ -49,9 +49,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     type: string;
-    placeholder: string;
     disabled: boolean;
     modelValue: string;
+    placeholder: string;
     enterkeyhint: string;
     maxlength: string;
     border: boolean;

package/dist/baseComp/Input/index.d.ts

@@ -7,10 +7,6 @@ declare const Input: {
             type: import('vue').PropType<string>;
             default: string;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -23,6 +19,10 @@ declare const Input: {
             required: true;
             default: string;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
         readonly: {
             type: import('vue').PropType<boolean>;
         };
@@ -56,9 +56,9 @@ declare const Input: {
         "update:modelValue": (...args: any[]) => void;
     }, import('vue').PublicProps, {
         type: string;
-        placeholder: string;
         disabled: boolean;
         modelValue: string;
+        placeholder: string;
         enterkeyhint: string;
         maxlength: string;
         border: boolean;
@@ -78,10 +78,6 @@ declare const Input: {
             type: import('vue').PropType<string>;
             default: string;
         };
-        placeholder: {
-            type: import('vue').PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import('vue').PropType<boolean>;
             default: boolean;
@@ -94,6 +90,10 @@ declare const Input: {
             required: true;
             default: string;
         };
+        placeholder: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
         readonly: {
             type: import('vue').PropType<boolean>;
         };
@@ -121,9 +121,9 @@ declare const Input: {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
         type: string;
-        placeholder: string;
         disabled: boolean;
         modelValue: string;
+        placeholder: string;
         enterkeyhint: string;
         maxlength: string;
         border: boolean;
@@ -140,10 +140,6 @@ declare const Input: {
         type: import('vue').PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: import('vue').PropType<string>;
-        default: string;
-    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -156,6 +152,10 @@ declare const Input: {
         required: true;
         default: string;
     };
+    placeholder: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
     readonly: {
         type: import('vue').PropType<boolean>;
     };
@@ -189,9 +189,9 @@ declare const Input: {
     "update:modelValue": (...args: any[]) => void;
 }, string, {
     type: string;
-    placeholder: string;
     disabled: boolean;
     modelValue: string;
+    placeholder: string;
     enterkeyhint: string;
     maxlength: string;
     border: boolean;

package/dist/baseComp/Modal/Modal.js

@@ -1,7 +1,7 @@
 import { defineComponent as g, ref as E, toRefs as P, renderSlot as _, unref as t, onMounted as A, createBlock as v, openBlock as m, withCtx as f, createVNode as C, mergeProps as y, createCommentVNode as h, normalizeProps as $, guardReactiveProps as T, normalizeClass as R } from "vue";
-import { u as k, c as N, a as D, g as I, F as S, D as L, f as q, d as K, P as F, b as V, e as U, T as W } from "../../Teleport-CSEuZbpM.js";
-import { u as w } from "../../useId-CtirfF0W.js";
-import { g as z } from "../../utils-DaB7eSu5.js";
+import { a as k, c as N, u as D, g as I, F as S, D as L, f as q, d as K, e as F, b as V, P as U, T as W } from "../../Teleport-DFrneqLM.js";
+import { u as w } from "../../useId-D5WE76CM.js";
+import { g as z } from "../../utils-CttDpxqz.js";
 import { _ as G } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const [O, H] = N("DialogRoot");
 var j = /* @__PURE__ */ g({

package/dist/changeNameCardDialog.vue_vue_type_script_setup_true_lang-a4FmKskP.js

@@ -0,0 +1,41 @@
+import { defineComponent as f, ref as l, computed as p, createBlock as d, openBlock as C, unref as e, withCtx as v, createVNode as I } from "vue";
+import { useUIKit as h, TUIDialog as x, TUIInput as N } from "@tencentcloud/uikit-base-component-vue3";
+const b = /* @__PURE__ */ f({
+  __name: "changeNameCardDialog",
+  props: {
+    userInfo: {},
+    confirmFunction: { type: Function }
+  },
+  setup(c) {
+    const n = c, { t: a } = h(), t = l(n.userInfo.nameCard || n.userInfo.userName || ""), o = l(!0), s = p(() => !t.value.trim());
+    async function u() {
+      await n.confirmFunction(t.value), o.value = !1;
+    }
+    function i() {
+      t.value = n.userInfo.nameCard || n.userInfo.userName || "", o.value = !1;
+    }
+    return (g, r) => (C(), d(e(x), {
+      visible: o.value,
+      title: e(a)("ParticipantList.ChangeName"),
+      confirmDisabled: s.value,
+      "cancel-text": e(a)("ParticipantList.Cancel"),
+      "confirm-text": e(a)("ParticipantList.Confirm"),
+      onConfirm: u,
+      onCancel: i,
+      onClose: i
+    }, {
+      default: v(() => [
+        I(e(N), {
+          "model-value": t.value,
+          class: "dialog-input",
+          placeholder: e(a)("ParticipantList.InputUserName"),
+          onInput: r[0] || (r[0] = (m) => t.value = m)
+        }, null, 8, ["model-value", "placeholder"])
+      ]),
+      _: 1
+    }, 8, ["visible", "title", "confirmDisabled", "cancel-text", "confirm-text"]));
+  }
+});
+export {
+  b as _
+};

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
 };