tuikit-atomicx-vue3 4.4.0 → 4.5.1

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];
+} & {};

package/dist/components/AudioSettingPanel/SpeakerSelect.js

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

package/dist/components/AudioSettingPanel/SpeakerSelect.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];
+} & {};

package/dist/components/AudioSettingPanel/i18n/en-US/index.d.ts

@@ -1,8 +1,14 @@
 export declare const resource: {
-    Microphone: string;
-    'Select device': string;
-    'Input volume': string;
-    Speaker: string;
-    'Output volume': string;
-    'Unrecognized device': string;
+    AudioSettingPanel: {
+        Microphone: string;
+        SelectMicrophone: string;
+        SelectSpeaker: string;
+        InputLevel: string;
+        InputVolume: string;
+        Speaker: string;
+        OutputVolume: string;
+        UnrecognizedDevice: string;
+        Test: string;
+        Stop: string;
+    };
 };

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

@@ -1,10 +1,16 @@
 const e = {
-  Microphone: "Microphone",
-  "Select device": "Select device",
-  "Input volume": "Input volume",
-  Speaker: "Speaker",
-  "Output volume": "输出音量",
-  "Unrecognized device": "Unrecognized device"
+  AudioSettingPanel: {
+    Microphone: "Microphone",
+    SelectMicrophone: "Select microphone",
+    SelectSpeaker: "Select speaker",
+    InputLevel: "Input level",
+    InputVolume: "Input volume",
+    Speaker: "Speaker",
+    OutputVolume: "Output volume",
+    UnrecognizedDevice: "Unrecognized device",
+    Test: "Test",
+    Stop: "Stop"
+  }
 };
 export {
   e as resource

package/dist/components/AudioSettingPanel/i18n/zh-CN/index.d.ts

@@ -1,8 +1,14 @@
 export declare const resource: {
-    Microphone: string;
-    'Select device': string;
-    'Input volume': string;
-    Speaker: string;
-    'Output volume': string;
-    'Unrecognized device': string;
+    AudioSettingPanel: {
+        Microphone: string;
+        SelectMicrophone: string;
+        SelectSpeaker: string;
+        InputLevel: string;
+        InputVolume: string;
+        Speaker: string;
+        OutputVolume: string;
+        UnrecognizedDevice: string;
+        Test: string;
+        Stop: string;
+    };
 };

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

@@ -1,10 +1,16 @@
 const e = {
-  Microphone: "麦克风",
-  "Select device": "选择设备",
-  "Input volume": "输入音量",
-  Speaker: "扬声器",
-  "Output volume": "输出音量",
-  "Unrecognized device": "未识别设备"
+  AudioSettingPanel: {
+    Microphone: "麦克风",
+    SelectMicrophone: "选择麦克风",
+    SelectSpeaker: "选择扬声器",
+    InputLevel: "输入等级",
+    InputVolume: "输入音量",
+    Speaker: "扬声器",
+    OutputVolume: "输出音量",
+    UnrecognizedDevice: "未识别设备",
+    Test: "测试",
+    Stop: "停止测试"
+  }
 };
 export {
   e as resource

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

@@ -1,3 +1,50 @@
-import { default as AudioSettingPanel } from './index.vue';
-
+declare const AudioSettingPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    micTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeLevelVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    speakerTestVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outputVolumeVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    micTestVisible: boolean;
+    inputVolumeLevelVisible: boolean;
+    inputVolumeVisible: boolean;
+    speakerTestVisible: boolean;
+    outputVolumeVisible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { AudioSettingPanel };