tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/VideoSetting/VideoSettingTab.js

@@ -1,71 +1,59 @@
-import { defineComponent, inject, watch, createElementBlock, openBlock, createCommentVNode, unref, createElementVNode, createVNode, toDisplayString, isRef } from "vue";
-import CameraSelect from "./CameraSelect.js";
-import VideoProfile from "./VideoProfile.js";
-import VideoPreview from "./VideoPreview.js";
-import TuiSwitch from "../../baseComp/TuiSwitch.js";
-import { useI18n } from "../../locales/index.js";
-import { useDeviceState } from "../../states/DeviceState.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "video-tab" };
-const _hoisted_2 = {
+import { defineComponent as S, inject as V, watch as w, createElementBlock as t, openBlock as o, createCommentVNode as n, unref as e, createElementVNode as a, createVNode as c, toDisplayString as l, isRef as g } from "vue";
+import k from "./CameraSelect.js";
+import y from "./VideoProfile.js";
+import P from "./VideoPreview.js";
+import b from "../../baseComp/TuiSwitch.js";
+import { useI18n as C } from "../../locales/index.js";
+import { useDeviceState as M } from "../../states/DeviceState.js";
+import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const N = { class: "video-tab" }, R = {
   key: 0,
   class: "item-setting"
-};
-const _hoisted_3 = { class: "title" };
-const _hoisted_4 = {
+}, T = { class: "title" }, B = {
   key: 1,
   class: "item-setting"
-};
-const _hoisted_5 = { class: "title" };
-const _hoisted_6 = {
+}, D = { class: "title" }, E = {
   key: 2,
   class: "item-setting"
-};
-const _hoisted_7 = { class: "title" };
-const _hoisted_8 = {
+}, I = { class: "title" }, j = {
   key: 3,
   class: "mirror-container"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, L = /* @__PURE__ */ S({
   __name: "VideoSettingTab",
-  setup(__props) {
-    const { t } = useI18n();
-    const { isLocalMirror, switchMirror } = useDeviceState();
-    const videoSettingProps = inject("videoSettingProps");
-    watch(
-      isLocalMirror,
-      async (val) => {
-        switchMirror({ mirror: val });
+  setup(U) {
+    const { t: i } = C(), { isLocalMirror: s, switchMirror: f } = M(), r = V("videoSettingProps");
+    return w(
+      s,
+      async (m) => {
+        f({ mirror: m });
       },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      var _a, _b, _c, _d;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        ((_a = unref(videoSettingProps)) == null ? void 0 : _a.supportSwitchCamera) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("Camera")), 1),
-          createVNode(CameraSelect)
-        ])) : createCommentVNode("", true),
-        ((_b = unref(videoSettingProps)) == null ? void 0 : _b.supportVideoPreview) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("Preview")), 1),
-          createVNode(VideoPreview, { class: "video-preview" })
-        ])) : createCommentVNode("", true),
-        ((_c = unref(videoSettingProps)) == null ? void 0 : _c.supportSwitchResolution) ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          createElementVNode("span", _hoisted_7, toDisplayString(unref(t)("Resolution")), 1),
-          createVNode(VideoProfile)
-        ])) : createCommentVNode("", true),
-        ((_d = unref(videoSettingProps)) == null ? void 0 : _d.supportSwitchMirror) ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          createElementVNode("span", null, toDisplayString(unref(t)("Mirror")), 1),
-          createVNode(TuiSwitch, {
-            modelValue: unref(isLocalMirror),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(isLocalMirror) ? isLocalMirror.value = $event : null)
+      { immediate: !0 }
+    ), (m, d) => {
+      var p, _, u, v;
+      return o(), t("div", N, [
+        (p = e(r)) != null && p.supportSwitchCamera ? (o(), t("div", R, [
+          a("span", T, l(e(i)("Camera")), 1),
+          c(k)
+        ])) : n("", !0),
+        (_ = e(r)) != null && _.supportVideoPreview ? (o(), t("div", B, [
+          a("span", D, l(e(i)("Preview")), 1),
+          c(P, { class: "video-preview" })
+        ])) : n("", !0),
+        (u = e(r)) != null && u.supportSwitchResolution ? (o(), t("div", E, [
+          a("span", I, l(e(i)("Resolution")), 1),
+          c(y)
+        ])) : n("", !0),
+        (v = e(r)) != null && v.supportSwitchMirror ? (o(), t("div", j, [
+          a("span", null, l(e(i)("Mirror")), 1),
+          c(b, {
+            modelValue: e(s),
+            "onUpdate:modelValue": d[0] || (d[0] = (h) => g(s) ? s.value = h : null)
           }, null, 8, ["modelValue"])
-        ])) : createCommentVNode("", true)
+        ])) : n("", !0)
       ]);
     };
   }
-});
-const VideoSettingTab = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95abbd8e"]]);
+}), O = /* @__PURE__ */ x(L, [["__scopeId", "data-v-95abbd8e"]]);
 export {
-  VideoSettingTab as default
+  O as default
 };

package/dist/components/VideoSetting/index.js

@@ -1,5 +1,5 @@
-import { V as VideoSettingComponent } from "../../index-DRcLhqhU.js";
+import { V as e } from "../../index-DTq2ybsB.js";
 export {
-  VideoSettingComponent as VideoSetting,
-  VideoSettingComponent as default
+  e as VideoSetting,
+  e as default
 };

package/dist/components/VideoSettingPanel/CameraSelect.js

@@ -1,72 +1,60 @@
-import { defineComponent, ref, watch, onBeforeMount, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList } from "vue";
-import { TUISelect, TUIOption } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState } from "../../states/DeviceState.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as I, ref as h, watch as _, onBeforeMount as b, createBlock as m, openBlock as o, unref as n, withCtx as g, createElementBlock as y, 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.js";
+import { _ as L } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const U = /* @__PURE__ */ I({
   __name: "CameraSelect",
   props: {
     onChange: {},
-    disabled: { type: Boolean, default: false }
+    disabled: { type: Boolean, default: !1 }
   },
-  setup(__props) {
-    var _a;
-    const { cameraList, currentCamera, setCurrentCamera, getCameraList } = useDeviceState();
-    const props = __props;
-    const currentDeviceId = ref((_a = currentCamera.value) == null ? void 0 : _a.deviceId);
-    watch(
+  setup(d) {
+    var i;
+    const { cameraList: c, currentCamera: t, setCurrentCamera: p, getCameraList: v } = S(), u = d, l = h((i = t.value) == null ? void 0 : i.deviceId);
+    _(
       () => {
-        var _a2;
-        return (_a2 = currentCamera.value) == null ? void 0 : _a2.deviceId;
+        var e;
+        return (e = t.value) == null ? void 0 : e.deviceId;
       },
-      (val) => {
-        if (currentDeviceId.value !== val) {
-          currentDeviceId.value = val;
-        }
+      (e) => {
+        l.value !== e && (l.value = e);
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    async function handleChange(deviceId) {
-      var _a2, _b, _c;
-      props.onChange && props.onChange(deviceId);
+    async function f(e) {
+      var r, a, s;
+      u.onChange && u.onChange(e);
       try {
-        await setCurrentCamera({
-          deviceId
+        await p({
+          deviceId: e
         });
-      } catch (error) {
-        if (((_a2 = currentCamera.value) == null ? void 0 : _a2.deviceId) && cameraList.value.map((item) => item.deviceId).includes((_b = currentCamera.value) == null ? void 0 : _b.deviceId)) {
-          currentDeviceId.value = (_c = currentCamera.value) == null ? void 0 : _c.deviceId;
-        }
+      } catch {
+        (r = t.value) != null && r.deviceId && c.value.map((C) => C.deviceId).includes((a = t.value) == null ? void 0 : a.deviceId) && (l.value = (s = t.value) == null ? void 0 : s.deviceId);
       }
     }
-    onBeforeMount(async () => {
-      await getCameraList();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TUISelect), {
-        modelValue: currentDeviceId.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentDeviceId.value = $event),
-        placeholder: "placeholder",
-        class: "select",
-        disabled: _ctx.disabled,
-        teleported: false,
-        "popper-append-to-body": false,
-        onChange: handleChange
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(cameraList), (item) => {
-            return openBlock(), createBlock(unref(TUIOption), {
-              key: item.deviceId,
-              label: item.deviceName,
-              value: item.deviceId
-            }, null, 8, ["label", "value"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["modelValue", "disabled"]);
-    };
+    return b(async () => {
+      await v();
+    }), (e, r) => (o(), m(n(w), {
+      modelValue: l.value,
+      "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
+      placeholder: "placeholder",
+      class: "select",
+      disabled: d.disabled,
+      teleported: !1,
+      "popper-append-to-body": !1,
+      onChange: f
+    }, {
+      default: g(() => [
+        (o(!0), y(B, null, k(n(c), (a) => (o(), m(n(x), {
+          key: a.deviceId,
+          label: a.deviceName,
+          value: a.deviceId
+        }, null, 8, ["label", "value"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled"]));
   }
-});
-const CameraSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-227f6582"]]);
+}), M = /* @__PURE__ */ L(U, [["__scopeId", "data-v-227f6582"]]);
 export {
-  CameraSelect as default
+  M as default
 };

package/dist/components/VideoSettingPanel/VideoPreview.js

@@ -1,46 +1,37 @@
-import { defineComponent, onMounted, onUnmounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createBlock, unref, toDisplayString } from "vue";
-import TUIRoomEngine from "@tencentcloud/tuiroom-engine-js";
-import { useUIKit, IconLoading } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState } from "../../states/DeviceState.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "video-preview-container" };
-const _hoisted_2 = { class: "attention-info" };
-const _hoisted_3 = {
+import { defineComponent as p, onMounted as v, onUnmounted as _, createElementBlock as n, openBlock as o, createElementVNode as a, createCommentVNode as s, createBlock as f, unref as e, toDisplayString as l } from "vue";
+import u from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit as w, IconLoading as C } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState as g } from "../../states/DeviceState.js";
+import { _ as y } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const k = { class: "video-preview-container" }, T = { class: "attention-info" }, D = {
   key: 0,
   class: "off-camera-info"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, I = /* @__PURE__ */ p({
   __name: "VideoPreview",
-  setup(__props) {
-    const { t } = useUIKit();
-    const { isCameraTesting, isCameraTestLoading, startCameraDeviceTest, stopCameraDeviceTest } = useDeviceState();
-    onMounted(async () => {
-      TUIRoomEngine.once("ready", () => {
-        startCameraDeviceTest({ view: "video-preview" });
+  setup(V) {
+    const { t: r } = w(), { isCameraTesting: c, isCameraTestLoading: t, startCameraDeviceTest: d, stopCameraDeviceTest: m } = g();
+    return v(async () => {
+      u.once("ready", () => {
+        d({ view: "video-preview" });
       });
-    });
-    onUnmounted(async () => {
-      await stopCameraDeviceTest();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[0] || (_cache[0] = createElementVNode("div", {
-          id: "video-preview",
-          class: "video-preview"
-        }, null, -1)),
-        createElementVNode("div", _hoisted_2, [
-          !unref(isCameraTesting) && !unref(isCameraTestLoading) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(t)("Off Camera")), 1)) : createCommentVNode("", true),
-          unref(isCameraTestLoading) ? (openBlock(), createBlock(unref(IconLoading), {
-            key: 1,
-            size: "36",
-            class: "loading"
-          })) : createCommentVNode("", true)
-        ])
-      ]);
-    };
+    }), _(async () => {
+      await m();
+    }), (x, i) => (o(), n("div", k, [
+      i[0] || (i[0] = a("div", {
+        id: "video-preview",
+        class: "video-preview"
+      }, null, -1)),
+      a("div", T, [
+        !e(c) && !e(t) ? (o(), n("span", D, l(e(r)("Off Camera")), 1)) : s("", !0),
+        e(t) ? (o(), f(e(C), {
+          key: 1,
+          size: "36",
+          class: "loading"
+        })) : s("", !0)
+      ])
+    ]));
   }
-});
-const VideoPreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-773a253c"]]);
+}), N = /* @__PURE__ */ y(I, [["__scopeId", "data-v-773a253c"]]);
 export {
-  VideoPreview as default
+  N as default
 };

package/dist/components/VideoSettingPanel/VideoProfile.js

@@ -1,52 +1,44 @@
-import { defineComponent, computed, watch, createBlock, openBlock, unref, isRef, withCtx, createElementBlock, Fragment, renderList } from "vue";
-import { TUIVideoQuality } from "@tencentcloud/tuiroom-engine-js";
-import { useUIKit, TUISelect, TUIOption } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState } from "../../states/DeviceState.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as s, computed as f, watch as m, createBlock as n, openBlock as a, unref as i, isRef as _, withCtx as v, createElementBlock as V, Fragment as y, renderList as b } from "vue";
+import { TUIVideoQuality as o } from "@tencentcloud/tuiroom-engine-js";
+import { useUIKit as k, TUISelect as Q, TUIOption as D } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState as I } from "../../states/DeviceState.js";
+import { _ as U } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const h = /* @__PURE__ */ s({
   __name: "VideoProfile",
-  setup(__props) {
-    const { t } = useUIKit();
-    const videoQualityList = computed(() => [
-      { label: t("Low Definition"), value: TUIVideoQuality.kVideoQuality_360p },
+  setup(x) {
+    const { t: e } = k(), p = f(() => [
+      { label: e("Low Definition"), value: o.kVideoQuality_360p },
       {
-        label: t("Standard Definition"),
-        value: TUIVideoQuality.kVideoQuality_540p
+        label: e("Standard Definition"),
+        value: o.kVideoQuality_540p
       },
-      { label: t("High Definition"), value: TUIVideoQuality.kVideoQuality_720p },
+      { label: e("High Definition"), value: o.kVideoQuality_720p },
       {
-        label: t("Super Definition"),
-        value: TUIVideoQuality.kVideoQuality_1080p
+        label: e("Super Definition"),
+        value: o.kVideoQuality_1080p
       }
-    ]);
-    const { localVideoQuality, updateVideoQuality } = useDeviceState();
-    watch(localVideoQuality, (val) => {
-      updateVideoQuality({ quality: val });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(TUISelect), {
-        modelValue: unref(localVideoQuality),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(localVideoQuality) ? localVideoQuality.value = $event : null),
-        placeholder: "placeholder",
-        class: "select",
-        teleported: false,
-        "popper-append-to-body": false
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(videoQualityList.value, (item, index) => {
-            return openBlock(), createBlock(unref(TUIOption), {
-              key: index,
-              label: item.label,
-              value: item.value
-            }, null, 8, ["label", "value"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
+    ]), { localVideoQuality: l, updateVideoQuality: d } = I();
+    return m(l, (u) => {
+      d({ quality: u });
+    }), (u, r) => (a(), n(i(Q), {
+      modelValue: i(l),
+      "onUpdate:modelValue": r[0] || (r[0] = (t) => _(l) ? l.value = t : null),
+      placeholder: "placeholder",
+      class: "select",
+      teleported: !1,
+      "popper-append-to-body": !1
+    }, {
+      default: v(() => [
+        (a(!0), V(y, null, b(p.value, (t, c) => (a(), n(i(D), {
+          key: c,
+          label: t.label,
+          value: t.value
+        }, null, 8, ["label", "value"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
   }
-});
-const VideoProfile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cbbcc0aa"]]);
+}), g = /* @__PURE__ */ U(h, [["__scopeId", "data-v-cbbcc0aa"]]);
 export {
-  VideoProfile as default
+  g as default
 };

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

@@ -1,9 +1,9 @@
-const resource = {
-  "Camera": "Camera",
+const i = {
+  Camera: "Camera",
   "Select device": "Select device",
-  "Preview": "Preview",
+  Preview: "Preview",
   "Video profile": "Video profile",
-  "Resolution": "Resolution",
+  Resolution: "Resolution",
   "Low Definition": "Low Definition",
   "Standard Definition": "Standard Definition",
   "High Definition": "High Definition",
@@ -11,5 +11,5 @@ const resource = {
   "Off Camera": "Off Camera"
 };
 export {
-  resource
+  i as resource
 };

package/dist/components/VideoSettingPanel/i18n/index.js

@@ -1,6 +1,6 @@
-import { resource } from "./en-US/index.js";
-import { resource as resource2 } from "./zh-CN/index.js";
+import { resource as o } from "./en-US/index.js";
+import { resource as c } from "./zh-CN/index.js";
 export {
-  resource as enResource,
-  resource2 as zhResource
+  o as enResource,
+  c as zhResource
 };

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

@@ -1,9 +1,9 @@
-const resource = {
-  "Camera": "摄像头",
+const e = {
+  Camera: "摄像头",
   "Select device": "选择设备",
-  "Preview": "预览",
+  Preview: "预览",
   "Video profile": "视频设置",
-  "Resolution": "分辨率",
+  Resolution: "分辨率",
   "Low Definition": "流畅",
   "Standard Definition": "标清",
   "High Definition": "高清",
@@ -11,5 +11,5 @@ const resource = {
   "Off Camera": "摄像头已关闭"
 };
 export {
-  resource
+  e as resource
 };

package/dist/components/VideoSettingPanel/index.js

@@ -1,81 +1,66 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, Fragment, createElementVNode, toDisplayString, unref, createVNode } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import CameraSelect from "./CameraSelect.js";
-import VideoPreview from "./VideoPreview.js";
-import VideoProfile from "./VideoProfile.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-import { addI18n } from "../../i18n/index.js";
-import { resource } from "./i18n/en-US/index.js";
-import { resource as resource$1 } from "./i18n/zh-CN/index.js";
-const _hoisted_1 = { class: "video-setting-panel" };
-const _hoisted_2 = { class: "section" };
-const _hoisted_3 = { class: "section-title" };
-const _hoisted_4 = { class: "row" };
-const _hoisted_5 = { class: "label" };
-const _hoisted_6 = { class: "section" };
-const _hoisted_7 = { class: "section-title" };
-const _hoisted_8 = { class: "preview-container" };
-const _hoisted_9 = {
+import { defineComponent as v, createElementBlock as r, openBlock as n, createCommentVNode as c, Fragment as a, createElementVNode as e, toDisplayString as o, unref as i, createVNode as d } from "vue";
+import { useUIKit as _ } from "@tencentcloud/uikit-base-component-vue3";
+import p from "./CameraSelect.js";
+import f from "./VideoPreview.js";
+import u from "./VideoProfile.js";
+import { _ as V } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { addI18n as m } from "../../i18n/index.js";
+import { resource as h } from "./i18n/en-US/index.js";
+import { resource as P } from "./i18n/zh-CN/index.js";
+const b = { class: "video-setting-panel" }, w = { class: "section" }, S = { class: "section-title" }, y = { class: "row" }, C = { class: "label" }, g = { class: "section" }, k = { class: "section-title" }, B = { class: "preview-container" }, x = {
   key: 2,
   class: "section"
-};
-const _hoisted_10 = { class: "section-title" };
-const _hoisted_11 = { class: "row" };
-const _hoisted_12 = { class: "label" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, N = { class: "section-title" }, I = { class: "row" }, E = { class: "label" }, U = /* @__PURE__ */ v({
   __name: "index",
   props: {
     cameraSelectVisible: {
       type: Boolean,
-      default: true
+      default: !0
     },
     videoPreviewVisible: {
       type: Boolean,
-      default: true
+      default: !0
     },
     videoProfileVisible: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
-  setup(__props) {
-    const { t } = useUIKit();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.cameraSelectVisible ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, toDisplayString(unref(t)("Camera")), 1),
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("Select device")), 1),
-              createVNode(CameraSelect)
-            ])
-          ]),
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "divider" }, null, -1))
-        ], 64)) : createCommentVNode("", true),
-        __props.videoPreviewVisible ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("Preview")), 1),
-            createElementVNode("div", _hoisted_8, [
-              createVNode(VideoPreview, { class: "video-preview" })
-            ])
-          ]),
-          _cache[1] || (_cache[1] = createElementVNode("div", { class: "divider" }, null, -1))
-        ], 64)) : createCommentVNode("", true),
-        __props.videoProfileVisible ? (openBlock(), createElementBlock("div", _hoisted_9, [
-          createElementVNode("div", _hoisted_10, toDisplayString(unref(t)("Video profile")), 1),
-          createElementVNode("div", _hoisted_11, [
-            createElementVNode("span", _hoisted_12, toDisplayString(unref(t)("Resolution")), 1),
-            createVNode(VideoProfile)
+  setup(l) {
+    const { t } = _();
+    return (D, s) => (n(), r("div", b, [
+      l.cameraSelectVisible ? (n(), r(a, { key: 0 }, [
+        e("div", w, [
+          e("div", S, o(i(t)("Camera")), 1),
+          e("div", y, [
+            e("span", C, o(i(t)("Select device")), 1),
+            d(p)
+          ])
+        ]),
+        s[0] || (s[0] = e("div", { class: "divider" }, null, -1))
+      ], 64)) : c("", !0),
+      l.videoPreviewVisible ? (n(), r(a, { key: 1 }, [
+        e("div", g, [
+          e("div", k, o(i(t)("Preview")), 1),
+          e("div", B, [
+            d(f, { class: "video-preview" })
           ])
-        ])) : createCommentVNode("", true)
-      ]);
-    };
+        ]),
+        s[1] || (s[1] = e("div", { class: "divider" }, null, -1))
+      ], 64)) : c("", !0),
+      l.videoProfileVisible ? (n(), r("div", x, [
+        e("div", N, o(i(t)("Video profile")), 1),
+        e("div", I, [
+          e("span", E, o(i(t)("Resolution")), 1),
+          d(u)
+        ])
+      ])) : c("", !0)
+    ]));
   }
-});
-const VideoSettingPanelPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4df466f"]]);
-addI18n("en-US", { translation: resource });
-addI18n("zh-CN", { translation: resource$1 });
-const VideoSettingPanel = VideoSettingPanelPC;
+}), z = /* @__PURE__ */ V(U, [["__scopeId", "data-v-c4df466f"]]);
+m("en-US", { translation: h });
+m("zh-CN", { translation: P });
+const J = z;
 export {
-  VideoSettingPanel
+  J as VideoSettingPanel
 };

package/dist/constants/emoji.js

@@ -1,5 +1,4 @@
-const emojiBaseUrl = "https://web.sdk.qcloud.com/im/assets/emoji-plugin/";
-const emojiUrlMap = {
+const i = "https://web.sdk.qcloud.com/im/assets/emoji-plugin/", o = {
   "[TUIEmoji_Expect]": "emoji_0@2x.png",
   "[TUIEmoji_Blink]": "emoji_1@2x.png",
   "[TUIEmoji_Guffaw]": "emoji_2@2x.png",
@@ -64,6 +63,6 @@ const emojiUrlMap = {
   "[TUIEmoji_Like]": "emoji_61@2x.png"
 };
 export {
-  emojiBaseUrl,
-  emojiUrlMap
+  i as emojiBaseUrl,
+  o as emojiUrlMap
 };