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

package/dist/components/FreeBeautyPanel/FreeBeautyPanel.js

@@ -0,0 +1,257 @@
+import { defineComponent as se, ref as c, watch as le, onMounted as ne, nextTick as oe, createElementBlock as m, openBlock as h, createElementVNode as s, createVNode as d, createCommentVNode as F, unref as a, toDisplayString as r, Fragment as ue, renderList as ie, normalizeClass as re, withCtx as C, createTextVNode as V } from "vue";
+import { useUIKit as ce, TUIToast as L, IconReset as ve, TUISlider as de, IconCompare as ye, IconCloseBeauty as fe, IconSmootherBeauty as me, IconWhiteningBeauty as he, IconRuddyBeauty as Be, TUIIcon as _e, TUIButton as U, TUIDialog as pe } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState as ge } from "../../states/DeviceState/DeviceState.js";
+import { useFreeBeautyState as we } from "../../states/FreeBeautyState/FreeBeautyState.js";
+import { _ as Fe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Ce = { class: "free-beauty" }, Le = { class: "free-beauty-container" }, be = {
+  id: "test-preview",
+  class: "test-preview"
+}, Te = { class: "test-preview-control" }, xe = { class: "text" }, ke = {
+  key: 0,
+  class: "degree"
+}, Ie = { class: "text" }, Se = { class: "text-value" }, De = { class: "text" }, Ve = {
+  key: 0,
+  class: "mask"
+}, Ue = {
+  key: 1,
+  class: "spinner"
+}, Re = { class: "setting" }, ze = { class: "setting-header" }, Me = { class: "setting-container" }, Pe = ["onClick"], Ee = { class: "setting-item-icon" }, Ne = { class: "setting-item-text" }, Ae = { class: "footer" }, We = /* @__PURE__ */ se({
+  __name: "FreeBeautyPanel",
+  emits: ["close"],
+  setup(He, { emit: R }) {
+    function z(t, i) {
+      let n = null, f = 0;
+      return (...D) => {
+        const w = Date.now();
+        w - f > i ? (t(...D), f = w) : (n && clearTimeout(n), n = setTimeout(() => {
+          t(...D), f = Date.now(), n = null;
+        }, i - (w - f)));
+      };
+    }
+    const {
+      isCameraTesting: M,
+      isCameraTestLoading: P,
+      startCameraTest: E,
+      stopCameraTest: N
+    } = ge(), { beautyConfig: b, setFreeBeauty: T, saveBeautySetting: A } = we(), { t: l } = ce(), W = R, B = c(!1), v = c(!1), y = c(!1), x = c(!1), o = c(0), e = c({
+      beautyLevel: 0,
+      whitenessLevel: 0,
+      ruddinessLevel: 0
+    }), u = c(
+      "close"
+      /* Close */
+    ), _ = c(
+      "close"
+      /* Close */
+    ), H = [
+      { value: "close", text: "FreeBeauty.Close", icon: fe },
+      {
+        value: "smoother",
+        text: "FreeBeauty.Smoother",
+        icon: me
+      },
+      {
+        value: "whitening",
+        text: "FreeBeauty.Whitening",
+        icon: he
+      },
+      { value: "ruddy", text: "FreeBeauty.Ruddy", icon: Be }
+    ], K = z(p, 300);
+    le(o, async (t) => {
+      O(u.value, t), K();
+    });
+    function O(t, i) {
+      switch (t) {
+        case "smoother":
+          e.value.beautyLevel = i;
+          break;
+        case "whitening":
+          e.value.whitenessLevel = i;
+          break;
+        case "ruddy":
+          e.value.ruddinessLevel = i;
+          break;
+      }
+    }
+    function $() {
+      return !(e.value.beautyLevel === 0 && e.value.whitenessLevel === 0 && e.value.ruddinessLevel === 0);
+    }
+    function j() {
+      e.value = { ...b.value }, e.value.beautyLevel > 0 ? (u.value = "smoother", o.value = e.value.beautyLevel, v.value = !0) : e.value.whitenessLevel > 0 ? (u.value = "whitening", o.value = e.value.whitenessLevel, v.value = !0) : e.value.ruddinessLevel > 0 ? (u.value = "ruddy", o.value = e.value.ruddinessLevel, v.value = !0) : (u.value = "close", o.value = 0, v.value = !1), _.value = u.value;
+    }
+    function q() {
+      g(), e.value.beautyLevel = 0, e.value.whitenessLevel = 0, e.value.ruddinessLevel = 0, o.value = 0, B.value = !1;
+    }
+    function G() {
+      e.value.beautyLevel = 0, e.value.whitenessLevel = 0, e.value.ruddinessLevel = 0, o.value = 0;
+    }
+    function J(t) {
+      switch (t) {
+        case "smoother":
+          return e.value.beautyLevel;
+        case "whitening":
+          return e.value.whitenessLevel;
+        case "ruddy":
+          return e.value.ruddinessLevel;
+        default:
+          return 0;
+      }
+    }
+    function k(t) {
+      switch (t) {
+        case "close":
+          x.value && g(), G();
+          break;
+        case "smoother":
+        case "whitening":
+        case "ruddy":
+          o.value = J(t);
+          break;
+      }
+      u.value = t, v.value = t !== "close", y.value = !1;
+    }
+    async function I() {
+      await X(), k(_.value), u.value = _.value, W("close");
+    }
+    async function Q() {
+      try {
+        await E({ view: "test-preview" });
+      } catch (t) {
+        console.error("Failed to start camera test:", t), L.error({ message: l("FreeBeauty.CameraTestFailed") });
+      }
+    }
+    async function X() {
+      try {
+        (M.value || P.value) && await N();
+      } catch (t) {
+        console.error("Failed to stop camera test:", t);
+      }
+    }
+    async function p() {
+      try {
+        T(e.value), x.value = $();
+      } catch (t) {
+        console.error("Failed to apply beauty:", t), L.error({ message: l("FreeBeauty.ApplyFailed") });
+      }
+    }
+    function g() {
+      T({ beautyLevel: 0, whitenessLevel: 0, ruddinessLevel: 0 });
+    }
+    function Y() {
+      _.value = u.value, A(), I();
+    }
+    function Z() {
+      e.value = { ...b.value }, I();
+    }
+    function ee() {
+      B.value = !0;
+    }
+    function S() {
+      B.value = !1;
+    }
+    function te() {
+      g();
+    }
+    function ae() {
+      p();
+    }
+    return ne(async () => {
+      y.value = !0;
+      try {
+        await oe(), j(), await Q(), v.value && p();
+      } catch (t) {
+        console.error("Failed to initialize beauty:", t), L.error({ message: l("FreeBeauty.InitializeFailed") });
+      } finally {
+        y.value = !1;
+      }
+    }), (t, i) => (h(), m("div", Ce, [
+      s("div", Le, [
+        s("div", be, [
+          s("div", Te, [
+            s("div", {
+              class: "reset",
+              onClick: ee
+            }, [
+              d(a(ve)),
+              s("span", xe, r(a(l)("FreeBeauty.Reset")), 1)
+            ]),
+            v.value ? (h(), m("div", ke, [
+              s("span", Ie, r(a(l)("FreeBeauty.Degree")), 1),
+              d(a(de), {
+                modelValue: o.value,
+                "onUpdate:modelValue": i[0] || (i[0] = (n) => o.value = n),
+                class: "slider"
+              }, null, 8, ["modelValue"]),
+              s("span", Se, r(o.value), 1)
+            ])) : F("", !0),
+            s("div", {
+              class: "compare",
+              onMousedown: te,
+              onMouseup: ae
+            }, [
+              d(a(ye), { size: "20" }),
+              s("span", De, r(a(l)("FreeBeauty.Compare")), 1)
+            ], 32)
+          ]),
+          y.value ? (h(), m("div", Ve)) : F("", !0),
+          y.value ? (h(), m("div", Ue)) : F("", !0)
+        ]),
+        s("div", Re, [
+          s("div", ze, r(a(l)("FreeBeauty.Beauty Effects")), 1),
+          s("div", Me, [
+            (h(), m(ue, null, ie(H, (n) => s("div", {
+              key: n.value,
+              class: re([
+                "setting-item",
+                u.value === n.value ? "active" : ""
+              ]),
+              onClick: (f) => k(n.value)
+            }, [
+              s("i", Ee, [
+                d(a(_e), {
+                  icon: n.icon,
+                  size: "32"
+                }, null, 8, ["icon"])
+              ]),
+              s("span", Ne, r(a(l)(n.text)), 1)
+            ], 10, Pe)), 64))
+          ])
+        ]),
+        s("div", Ae, [
+          d(a(U), {
+            type: "primary",
+            onClick: Y
+          }, {
+            default: C(() => [
+              V(r(a(l)("FreeBeauty.Save")), 1)
+            ]),
+            _: 1
+          }),
+          d(a(U), { onClick: Z }, {
+            default: C(() => [
+              V(r(a(l)("FreeBeauty.Cancel")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      d(a(pe), {
+        visible: B.value,
+        title: a(l)("FreeBeauty.Sure you want to reset the beauty effect?"),
+        "cancel-text": a(l)("FreeBeauty.Cancel"),
+        "confirm-text": a(l)("FreeBeauty.Confirm"),
+        onConfirm: q,
+        onCancel: S,
+        onClose: S
+      }, {
+        default: C(() => [
+          s("span", null, r(a(l)("FreeBeauty.All beauty parameters will revert to default after reset")), 1)
+        ]),
+        _: 1
+      }, 8, ["visible", "title", "cancel-text", "confirm-text"])
+    ]));
+  }
+}), Ge = /* @__PURE__ */ Fe(We, [["__scopeId", "data-v-fc45d86f"]]);
+export {
+  Ge as default
+};

package/dist/components/FreeBeautyPanel/FreeBeautyPanel.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,15 @@
+export declare const resource: {
+    'FreeBeauty.Save': string;
+    'FreeBeauty.Cancel': string;
+    'FreeBeauty.Reset': string;
+    'FreeBeauty.Confirm': string;
+    'FreeBeauty.Degree': string;
+    'FreeBeauty.Compare': string;
+    'FreeBeauty.Beauty Effects': string;
+    'FreeBeauty.Close': string;
+    'FreeBeauty.Smoother': string;
+    'FreeBeauty.Whitening': string;
+    'FreeBeauty.Ruddy': string;
+    'FreeBeauty.Sure you want to reset the beauty effect?': string;
+    'FreeBeauty.All beauty parameters will revert to default after reset': string;
+};

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

@@ -0,0 +1,19 @@
+const e = {
+  // FreeBeauty
+  "FreeBeauty.Save": "Save",
+  "FreeBeauty.Cancel": "Cancel",
+  "FreeBeauty.Reset": "Reset",
+  "FreeBeauty.Confirm": "Confirm",
+  "FreeBeauty.Degree": "Degree",
+  "FreeBeauty.Compare": "Compare",
+  "FreeBeauty.Beauty Effects": "Beauty Effects",
+  "FreeBeauty.Close": "Close",
+  "FreeBeauty.Smoother": "Smoother",
+  "FreeBeauty.Whitening": "Whitening",
+  "FreeBeauty.Ruddy": "Ruddy",
+  "FreeBeauty.Sure you want to reset the beauty effect?": "Sure you want to reset the beauty effect?",
+  "FreeBeauty.All beauty parameters will revert to default after reset": "All beauty parameters will revert to default after reset"
+};
+export {
+  e as resource
+};

package/dist/components/FreeBeautyPanel/i18n/index.d.ts

@@ -0,0 +1,4 @@
+import { resource as enResource } from './en-US/index';
+import { resource as zhResource } from './zh-CN/index';
+
+export { enResource, zhResource };

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

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

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

@@ -0,0 +1,15 @@
+export declare const resource: {
+    'FreeBeauty.Save': string;
+    'FreeBeauty.Cancel': string;
+    'FreeBeauty.Reset': string;
+    'FreeBeauty.Confirm': string;
+    'FreeBeauty.Degree': string;
+    'FreeBeauty.Compare': string;
+    'FreeBeauty.Beauty Effects': string;
+    'FreeBeauty.Close': string;
+    'FreeBeauty.Smoother': string;
+    'FreeBeauty.Whitening': string;
+    'FreeBeauty.Ruddy': string;
+    'FreeBeauty.Sure you want to reset the beauty effect?': string;
+    'FreeBeauty.All beauty parameters will revert to default after reset': string;
+};

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

@@ -0,0 +1,19 @@
+const e = {
+  // FreeBeauty
+  "FreeBeauty.Save": "保存",
+  "FreeBeauty.Cancel": "取消",
+  "FreeBeauty.Reset": "重置",
+  "FreeBeauty.Confirm": "确定",
+  "FreeBeauty.Degree": "程度",
+  "FreeBeauty.Compare": "对比",
+  "FreeBeauty.Beauty Effects": "美颜效果",
+  "FreeBeauty.Close": "关闭",
+  "FreeBeauty.Smoother": "磨皮",
+  "FreeBeauty.Whitening": "美白",
+  "FreeBeauty.Ruddy": "红润",
+  "FreeBeauty.Sure you want to reset the beauty effect?": "确定要重置美颜效果吗？",
+  "FreeBeauty.All beauty parameters will revert to default after reset": "重置后所有美颜参数将恢复默认值"
+};
+export {
+  e as resource
+};

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

@@ -0,0 +1,6 @@
+declare const FreeBeautyPanel: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { FreeBeautyPanel, };

package/dist/components/FreeBeautyPanel/index.js

@@ -0,0 +1,10 @@
+import { addI18n as r } from "../../i18n/index.js";
+import e from "./FreeBeautyPanel.js";
+import { resource as o } from "./i18n/en-US/index.js";
+import { resource as t } from "./i18n/zh-CN/index.js";
+const i = e;
+r("en-US", { translation: o });
+r("zh-CN", { translation: t });
+export {
+  i as FreeBeautyPanel
+};

package/dist/components/LiveMonitorView/LiveMonitorView.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as u, computed as r, onMounted as U, onUnmounted as z, watch as B, withDirectives as p, createElementBlock as I, openBlock as h, normalizeClass as x, createElementVNode as o, Fragment as D, renderList as H, normalizeStyle as N, toDisplayString as d, unref as i, createVNode as S, vShow as _ } from "vue";
+import { defineComponent as V, ref as u, computed as r, onMounted as U, onUnmounted as z, watch as B, withDirectives as I, createElementBlock as p, openBlock as h, normalizeClass as x, createElementVNode as o, Fragment as D, renderList as H, normalizeStyle as N, toDisplayString as d, unref as i, createVNode as S, vShow as _ } from "vue";
 import { useUIKit as W, IconEndLive as $ } from "@tencentcloud/uikit-base-component-vue3";
 import { useLiveMonitorState as K } from "../../states/LiveMonitorState/index.js";
 import { exitFullScreen as j } from "../../utils/utils.js";
@@ -9,15 +9,15 @@ const A = ["id"], G = { class: "live-id live-tag" }, J = { class: "user-id live-
     liveInfo: {}
   },
   setup(k) {
-    const l = k, { monitorLiveInfoList: E, closeRoom: F } = K(), { t: c } = W(), s = u(!1), f = u(!1), L = u({}), v = u(), b = r(() => `live_monitor_view_${l.liveInfo.liveId}`), C = r(
+    const l = k, { monitorLiveInfoList: E, closeRoom: F } = K(), { t: c } = W(), s = u(!1), f = u(!1), L = u({}), v = u(), b = r(() => `live_monitor_view_${l.liveInfo.liveId}`), y = r(
       () => E.value.find((e) => e.liveId === l.liveInfo.liveId)
     ), a = r(() => {
       var e;
-      return (e = C.value) == null ? void 0 : e.regionList;
+      return (e = y.value) == null ? void 0 : e.regionList;
     }), R = r(() => {
       var e;
-      return ((e = C.value) == null ? void 0 : e.orientation) === "landscape";
-    }), y = r(() => {
+      return ((e = y.value) == null ? void 0 : e.orientation) === "landscape";
+    }), C = r(() => {
       var e;
       return (((e = a.value) == null ? void 0 : e.length) ?? 0) === 1;
     }), w = () => {
@@ -31,8 +31,8 @@ const A = ["id"], G = { class: "live-id live-tag" }, J = { class: "user-id live-
         n.liveId !== l.liveInfo.liveId && (f.value = !0), t[n.userInfo.userId] = {
           left: `${n.rect.x * e}px`,
           top: `${n.rect.y * m}px`,
-          width: y.value ? "100%" : `${n.rect.w * e}px`,
-          height: y.value ? "100%" : `${n.rect.h * m}px`
+          width: C.value ? "100%" : `${n.rect.w * e}px`,
+          height: C.value ? "100%" : `${n.rect.h * m}px`
         };
       }), L.value = t;
     };
@@ -40,7 +40,7 @@ const A = ["id"], G = { class: "live-id live-tag" }, J = { class: "user-id live-
       addEventListener("fullscreenchange", g);
     }), z(() => {
       removeEventListener("fullscreenchange", g);
-    }), B(a, M, { immediate: !0 }), (e, m) => p((h(), I("div", {
+    }), B(a, M, { immediate: !0 }), (e, m) => I((h(), p("div", {
       ref_key: "liveContainerRef",
       ref: v,
       class: x(["live-monitor-container", { landscape: R.value }])
@@ -49,14 +49,14 @@ const A = ["id"], G = { class: "live-id live-tag" }, J = { class: "user-id live-
         id: b.value,
         class: "live-monitor-view"
       }, null, 8, A),
-      (h(!0), I(D, null, H(a.value, (t) => (h(), I("div", {
+      (h(!0), p(D, null, H(a.value, (t) => (h(), p("div", {
         key: t.userInfo.userId,
         class: x(["live-tag-mask", { "hide-tag": !s.value }]),
         style: N(L.value[t.userInfo.userId])
       }, [
         o("div", G, d(`${i(c)("RoomId")}: ${t.liveId}`), 1),
         o("div", J, d(`${i(c)("UserId")}: ${t.userInfo.userId}`), 1),
-        p(o("div", {
+        I(o("div", {
           class: "destroy-button live-tag",
           onClick: w
         }, [
@@ -66,7 +66,7 @@ const A = ["id"], G = { class: "live-id live-tag" }, J = { class: "user-id live-
           [_, f.value]
         ])
       ], 6))), 128)),
-      p(o("div", {
+      I(o("div", {
         class: "non-cross-room-destroy-button destroy-button live-tag",
         onClick: w
       }, [

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

@@ -1,3 +1,2 @@
-import { default as LiveScenePanel } from './index.vue';
-
+declare const LiveScenePanel: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { LiveScenePanel };

package/dist/components/LiveScenePanel/index.js

@@ -1,24 +1,24 @@
-import { defineComponent as J, computed as V, ref as s, onBeforeUnmount as X, createElementBlock as L, openBlock as c, normalizeClass as ee, unref as I, createVNode as te, createElementVNode as ae, createBlock as k, createCommentVNode as b, Fragment as oe, renderList as ie } from "vue";
-import ne, { TRTCMediaSourceType as o, TRTCVideoResolution as re, TUIVideoQuality as p, TRTCVideoResolutionMode as S } from "@tencentcloud/tuiroom-engine-js";
-import le from "./LiveSceneSelect.js";
-import { useUIKit as se, TUIToast as $, TOAST_TYPE as x } from "@tencentcloud/uikit-base-component-vue3";
-import ce from "./CameraSettingDialog.js";
-import { _ as de } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-C8oUv-KF.js";
-import me from "./MaterialItem.js";
+import { addI18n as N } from "../../i18n/index.js";
+import { resource as J } from "./i18n/en-US/index.js";
+import { resource as X } from "./i18n/zh-CN/index.js";
+import { defineComponent as ee, computed as V, ref as s, onBeforeUnmount as te, createElementBlock as L, openBlock as c, normalizeClass as ae, unref as I, createVNode as oe, createElementVNode as ie, createBlock as k, createCommentVNode as b, Fragment as re, renderList as ne } from "vue";
+import le, { TRTCMediaSourceType as o, TRTCVideoResolution as se, TUIVideoQuality as p, TRTCVideoResolutionMode as S } from "@tencentcloud/tuiroom-engine-js";
+import ce from "./LiveSceneSelect.js";
+import { useUIKit as de, TUIToast as $, TOAST_TYPE as x } from "@tencentcloud/uikit-base-component-vue3";
+import me from "./CameraSettingDialog.js";
+import { _ as ue } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-C8oUv-KF.js";
+import pe from "./MaterialItem.js";
 import { getNanoId as d } from "../../utils/utils.js";
-import { useVideoMixerState as ue } from "../../states/VideoMixerState/VideoMixerState.js";
-import { useDeviceState as pe } from "../../states/DeviceState/DeviceState.js";
-import { useLiveListState as ge } from "../../states/LiveListState/LiveListState.js";
+import { useVideoMixerState as ge } from "../../states/VideoMixerState/VideoMixerState.js";
+import { useDeviceState as fe } from "../../states/DeviceState/DeviceState.js";
+import { useLiveListState as he } from "../../states/LiveListState/LiveListState.js";
 import { LiveOrientation as C } from "../../types/live.js";
-import { _ as fe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { addI18n as N } from "../../i18n/index.js";
-import { resource as he } from "./i18n/en-US/index.js";
-import { resource as ve } from "./i18n/zh-CN/index.js";
-const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
+import { _ as ve } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const ye = { class: "materials-list" }, ke = /* @__PURE__ */ ee({
   __name: "index",
-  setup(Se) {
-    const { t: r } = se(), { currentLive: g } = ge(), { mediaSourceList: f, publishVideoQuality: U, addMediaSource: l, updateMediaSource: D, clearMediaSource: P } = ue(), { getCameraList: z } = pe();
-    ne.once("ready", async () => {
+  setup(Ce) {
+    const { t: n } = de(), { currentLive: g } = he(), { mediaSourceList: f, publishVideoQuality: U, addMediaSource: l, updateMediaSource: D, clearMediaSource: P } = ge(), { getCameraList: z } = fe();
+    le.once("ready", async () => {
       await z();
     });
     const A = V(
@@ -45,7 +45,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
       } catch (t) {
         t.name === "NotAllowedError" && t.message.includes("Permission denied") && $({
           type: x.WARNING,
-          message: r("Please check the current browser camera permission")
+          message: n("Please check the current browser camera permission")
         });
       }
     }, T = async (e, t) => {
@@ -60,8 +60,8 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
         [p.kVideoQuality_720p]: { width: 1280, height: 720 },
         [p.kVideoQuality_1080p]: { width: 1920, height: 1080 }
       };
-      let { width: i, height: n } = a[e];
-      return t === S.TRTCVideoResolutionModePortrait && ([i, n] = [n, i]), { width: i, height: n };
+      let { width: i, height: r } = a[e];
+      return t === S.TRTCVideoResolutionModePortrait && ([i, r] = [r, i]), { width: i, height: r };
     }
     const H = V(() => {
       var e, t;
@@ -73,16 +73,16 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
         var _, R;
         const a = (R = (_ = t.target) == null ? void 0 : _.files) == null ? void 0 : R[0];
         if (!a) return;
-        const i = URL.createObjectURL(a), n = new Image();
-        n.src = i, n.onload = async () => {
-          const K = n.width, Y = n.height, { width: Z, height: q } = B(
+        const i = URL.createObjectURL(a), r = new Image();
+        r.src = i, r.onload = async () => {
+          const K = r.width, Y = r.height, { width: Z, height: q } = B(
             U.value,
             H.value === C.Landscape ? S.TRTCVideoResolutionModeLandscape : S.TRTCVideoResolutionModePortrait
           ), w = Math.min(Z / K, q / Y);
           await l({
             id: `${o.kImage}_${d(5)}`,
             type: o.kImage,
-            name: r("Image"),
+            name: n("Image"),
             image: {
               url: i
             },
@@ -90,8 +90,8 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
               rect: {
                 left: 0,
                 top: 0,
-                right: n.width * w,
-                bottom: n.height * w
+                right: r.width * w,
+                bottom: r.height * w
               }
             }
           }), URL.revokeObjectURL(i);
@@ -107,9 +107,9 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
           await l({
             id: `${o.kScreen}_${d(5)}`,
             type: o.kScreen,
-            name: r("Screen"),
+            name: n("Screen"),
             screen: {
-              resolution: re.TRTCVideoResolution_1920_1080,
+              resolution: se.TRTCVideoResolution_1920_1080,
               fps: 15
             }
           });
@@ -121,7 +121,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
           await l({
             id: `${o.kVideo}_${d(5)}`,
             type: o.kVideo,
-            name: r("Video"),
+            name: n("Video"),
             video: {
               url: "https://cdn.pixabay.com/video/2025/05/06/277097_tiny.mp4"
             }
@@ -131,7 +131,7 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
           await l({
             id: `${o.kText}_${d(5)}`,
             type: o.kText,
-            name: r("Text"),
+            name: n("Text"),
             text: {
               content: "Hello, World!",
               fontSize: 32,
@@ -144,38 +144,38 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
         default:
           $({
             type: x.WARNING,
-            message: r("This type of material is not supported yet")
+            message: n("This type of material is not supported yet")
           });
           break;
       }
     }, G = (e) => {
       u.value = e, m.value = !0;
     };
-    return X(() => {
+    return te(() => {
       P();
     }), (e, t) => (c(), L("div", {
-      class: ee(["live-scene-panel", { "no-material": I(f).length === 0 }])
+      class: ae(["live-scene-panel", { "no-material": I(f).length === 0 }])
     }, [
-      te(le, {
+      oe(ce, {
         displayMode: I(f).length === 0 ? "panel" : "button",
         onAddMaterial: F
       }, null, 8, ["displayMode"]),
-      ae("div", ye, [
-        (c(!0), L(oe, null, ie(A.value, (a) => (c(), k(me, {
+      ie("div", ye, [
+        (c(!0), L(re, null, ne(A.value, (a) => (c(), k(pe, {
           key: a.id,
           material: a,
           onCameraSetting: (i) => G(a),
           onRename: (i) => Q(a)
         }, null, 8, ["material", "onCameraSetting", "onRename"]))), 128))
       ]),
-      m.value ? (c(), k(ce, {
+      m.value ? (c(), k(me, {
         key: 0,
         mediaSource: u.value,
         onClose: v,
         onAddCameraMaterial: E,
         onUpdateCameraMaterial: t[0] || (t[0] = (a) => T(u.value, a))
       }, null, 8, ["mediaSource"])) : b("", !0),
-      h.value ? (c(), k(de, {
+      h.value ? (c(), k(ue, {
         key: 1,
         material: y.value,
         onClose: M,
@@ -183,9 +183,10 @@ const ye = { class: "materials-list" }, ke = /* @__PURE__ */ J({
       }, null, 8, ["material"])) : b("", !0)
     ], 2));
   }
-}), ze = /* @__PURE__ */ fe(ke, [["__scopeId", "data-v-571e9fbf"]]);
-N("en-US", { translation: he });
-N("zh-CN", { translation: ve });
+}), Se = /* @__PURE__ */ ve(ke, [["__scopeId", "data-v-571e9fbf"]]);
+N("en-US", { translation: J });
+N("zh-CN", { translation: X });
+const Ae = Se;
 export {
-  ze as LiveScenePanel
+  Ae as LiveScenePanel
 };