tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

package/dist/chat/index.d.ts

@@ -1777,9 +1777,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -2112,7 +2112,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -2442,9 +2442,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('..').ConversationModel) => void;
+            selectConversation: (conversation: import('..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('..').AvatarProps>;
             isSelected: boolean;
@@ -5452,9 +5452,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -5787,7 +5787,7 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -6117,9 +6117,9 @@ declare const ConversationList: import('vue').DefineComponent<import('vue').Extr
                 type: import('vue').PropType<import('..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('..').ConversationModel) => void;
+            selectConversation: (conversation: import('..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('..').AvatarProps>;
             isSelected: boolean;
@@ -9525,9 +9525,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('..').ConversationModel) => void;
+                    selectConversation: (conversation: import('..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -9860,7 +9860,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -10190,9 +10190,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -10815,9 +10815,9 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    select: (conversation: import('..').ConversationModel) => void;
+                    selectConversation: (conversation: import('..').ConversationModel) => void;
                 }, import('vue').PublicProps, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -11150,7 +11150,7 @@ declare const ConversationPreview: {
                         type: import('vue').PropType<import('..').ConversationActionsConfig>;
                     };
                 }>> & Readonly<{
-                    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     Avatar: import('vue').Component<import('..').AvatarProps>;
                     isSelected: boolean;
@@ -11480,9 +11480,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, string, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -12100,9 +12100,9 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                select: (conversation: import('..').ConversationModel) => void;
+                selectConversation: (conversation: import('..').ConversationModel) => void;
             }, import('vue').PublicProps, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -12435,7 +12435,7 @@ declare const ConversationPreview: {
                     type: import('vue').PropType<import('..').ConversationActionsConfig>;
                 };
             }>> & Readonly<{
-                onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+                onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
             }>, {}, {}, {}, {}, {
                 Avatar: import('vue').Component<import('..').AvatarProps>;
                 isSelected: boolean;
@@ -12765,9 +12765,9 @@ declare const ConversationPreview: {
                 type: import('vue').PropType<import('..').ConversationActionsConfig>;
             };
         }>> & Readonly<{
-            onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+            onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            select: (conversation: import('..').ConversationModel) => void;
+            selectConversation: (conversation: import('..').ConversationModel) => void;
         }, string, {
             Avatar: import('vue').Component<import('..').AvatarProps>;
             isSelected: boolean;
@@ -13268,9 +13268,9 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        select: (conversation: import('..').ConversationModel) => void;
+        selectConversation: (conversation: import('..').ConversationModel) => void;
     }, import('vue').PublicProps, {
         Avatar: import('vue').Component<import('..').AvatarProps>;
         isSelected: boolean;
@@ -13603,7 +13603,7 @@ declare const ConversationPreviewUI: {
             type: import('vue').PropType<import('..').ConversationActionsConfig>;
         };
     }>> & Readonly<{
-        onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+        onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
     }>, {}, {}, {}, {}, {
         Avatar: import('vue').Component<import('..').AvatarProps>;
         isSelected: boolean;
@@ -13933,9 +13933,9 @@ declare const ConversationPreviewUI: {
         type: import('vue').PropType<import('..').ConversationActionsConfig>;
     };
 }>> & Readonly<{
-    onSelect?: ((conversation: import('..').ConversationModel) => any) | undefined;
+    onSelectConversation?: ((conversation: import('..').ConversationModel) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (conversation: import('..').ConversationModel) => void;
+    selectConversation: (conversation: import('..').ConversationModel) => void;
 }, string, {
     Avatar: import('vue').Component<import('..').AvatarProps>;
     isSelected: boolean;
@@ -16489,26 +16489,26 @@ declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    messageActionList: {
-        type: import('vue').PropType<import('../hooks/useMessageActions').MessageAction[]>;
-        default: undefined;
-    };
     Message: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
-    messageAggregationTime: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
     MessageTimeDivider: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
+    messageActionList: {
+        type: import('vue').PropType<import('../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
     alignment: {
         type: import('vue').PropType<"left" | "right" | "two-sided">;
         default: string;
     };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     filter: {
         type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
@@ -16518,38 +16518,38 @@ declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    messageActionList: {
-        type: import('vue').PropType<import('../hooks/useMessageActions').MessageAction[]>;
-        default: undefined;
-    };
     Message: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
-    messageAggregationTime: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
     MessageTimeDivider: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
+    messageActionList: {
+        type: import('vue').PropType<import('../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
     alignment: {
         type: import('vue').PropType<"left" | "right" | "two-sided">;
         default: string;
     };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     filter: (message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean;
     enableReadReceipt: boolean;
-    messageActionList: import('../hooks/useMessageActions').MessageAction[];
     Message: import('vue').Component;
-    messageAggregationTime: number;
     MessageTimeDivider: import('vue').Component;
+    messageActionList: import('../hooks/useMessageActions').MessageAction[];
     alignment: "left" | "right" | "two-sided";
+    messageAggregationTime: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     message: {
-        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        type: import('vue').PropType<import('..').MessageModel>;
         required: true;
     };
     isLastInChunk: {
@@ -16582,7 +16582,7 @@ declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTy
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     message: {
-        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        type: import('vue').PropType<import('..').MessageModel>;
         required: true;
     };
     isLastInChunk: {
@@ -16629,7 +16629,7 @@ declare const MessageInput: {
         };
         placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
+            default: undefined;
         };
         disabled: {
             type: import('vue').PropType<boolean>;
@@ -16639,6 +16639,10 @@ declare const MessageInput: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
         actions: {
             type: import('vue').PropType<import('../components/MessageInput/types').MessageInputActions>;
             default: () => string[];
@@ -16655,6 +16659,7 @@ declare const MessageInput: {
         placeholder: string;
         disabled: boolean;
         autoFocus: boolean;
+        maxLength: number;
         actions: import('../components/MessageInput/types').MessageInputActions;
         attachmentPickerMode: import('../components/MessageInput/types').MessageInputAttachmentPickerMode;
         hideSendButton: boolean;
@@ -16671,7 +16676,7 @@ declare const MessageInput: {
         };
         placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
+            default: undefined;
         };
         disabled: {
             type: import('vue').PropType<boolean>;
@@ -16681,6 +16686,10 @@ declare const MessageInput: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        maxLength: {
+            type: import('vue').PropType<number>;
+            default: undefined;
+        };
         actions: {
             type: import('vue').PropType<import('../components/MessageInput/types').MessageInputActions>;
             default: () => string[];
@@ -16697,6 +16706,7 @@ declare const MessageInput: {
         placeholder: string;
         disabled: boolean;
         autoFocus: boolean;
+        maxLength: number;
         actions: import('../components/MessageInput/types').MessageInputActions;
         attachmentPickerMode: import('../components/MessageInput/types').MessageInputAttachmentPickerMode;
         hideSendButton: boolean;
@@ -16710,7 +16720,7 @@ declare const MessageInput: {
     };
     placeholder: {
         type: import('vue').PropType<string>;
-        default: string;
+        default: undefined;
     };
     disabled: {
         type: import('vue').PropType<boolean>;
@@ -16720,6 +16730,10 @@ declare const MessageInput: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    maxLength: {
+        type: import('vue').PropType<number>;
+        default: undefined;
+    };
     actions: {
         type: import('vue').PropType<import('../components/MessageInput/types').MessageInputActions>;
         default: () => string[];
@@ -16736,6 +16750,7 @@ declare const MessageInput: {
     placeholder: string;
     disabled: boolean;
     autoFocus: boolean;
+    maxLength: number;
     actions: import('../components/MessageInput/types').MessageInputActions;
     attachmentPickerMode: import('../components/MessageInput/types').MessageInputAttachmentPickerMode;
     hideSendButton: boolean;

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

package/dist/components/AudioSetting/AudioSettingTab.js

@@ -3,8 +3,8 @@ 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 { useDeviceState as O } from "../../states/DeviceState.js";
-import { MediaSettingDisplayMode as d } from "../../types/device.js";
+import { MediaSettingDisplayMode as u } from "../../types/device.js";
+import { useDeviceState as O } from "../../states/DeviceState/DeviceState.js";
 import { _ as W } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const $ = { class: "audio-setting-tab" }, G = {
   key: 0,
@@ -20,23 +20,23 @@ const $ = { class: "audio-setting-tab" }, G = {
   setup(oe) {
     const { t: o } = F(), {
       captureVolume: E,
-      isMicrophoneTesting: u,
+      isMicrophoneTesting: d,
       isSpeakerTesting: p,
       startMicrophoneTest: w,
       stopMicrophoneTest: x,
       startSpeakerTest: A,
       stopSpeakerTest: m
     } = O(), t = P("audioSettingProps"), C = l(
-      () => (t == null ? void 0 : t.displayMode) === d.IconWithPanel
+      () => (t == null ? void 0 : t.displayMode) === u.IconWithPanel
     ), r = l(
-      () => (t == null ? void 0 : t.displayMode) === d.Panel
+      () => (t == null ? void 0 : t.displayMode) === u.Panel
     ), _ = l(() => r.value ? 36 : 28), N = l(
       () => E.value * _.value / 100
     ), V = l(
-      () => C.value || r.value && u.value
+      () => C.value || r.value && d.value
     );
     function B() {
-      u.value ? x() : w({ interval: 200 });
+      d.value ? x() : w({ interval: 200 });
     }
     async function D() {
       p.value ? m() : A({ filePath: "https://web.sdk.qcloud.com/trtc/electron/download/resources/media/TestSpeaker.mp3" });
@@ -55,7 +55,7 @@ const $ = { class: "audio-setting-tab" }, G = {
               onClick: B
             }, {
               default: y(() => [
-                g(n(e(u) ? e(o)("Stop") : e(o)("Test")), 1)
+                g(n(e(d) ? e(o)("Stop") : e(o)("Test")), 1)
               ]),
               _: 1
             })) : c("", !0)
@@ -78,7 +78,7 @@ const $ = { class: "audio-setting-tab" }, G = {
           i("div", te, [
             T(z, {
               class: "select",
-              disabled: ((S = e(t)) == null ? void 0 : S.displayMode) === e(d).Panel
+              disabled: ((S = e(t)) == null ? void 0 : S.displayMode) === e(u).Panel
             }, null, 8, ["disabled"]),
             r.value ? (s(), M(e(b), {
               key: 0,
@@ -94,7 +94,7 @@ const $ = { class: "audio-setting-tab" }, G = {
       ]);
     };
   }
-}), _e = /* @__PURE__ */ W(se, [["__scopeId", "data-v-0577050a"]]);
+}), _e = /* @__PURE__ */ W(se, [["__scopeId", "data-v-d822f4ad"]]);
 export {
   _e as default
 };