tuikit-atomicx-vue3-electron 0.0.2 → 5.2.0

package/dist/components/AudioSettingPanel/SpeakerSelect.js

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

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

@@ -38,4 +38,8 @@ export declare const resource: {
     'This camera has already been added to the materials list': string;
     'This screen has already been added to the materials list': string;
     'Failed to add image': string;
+    'Failed to add screen or window source': string;
+    'Failed to add camera source': string;
+    'Failed to update media source': string;
+    'Failed to update media source. The new media source ID already exited.': string;
 };

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

@@ -44,7 +44,11 @@ const e = {
   "Please check the current browser camera permission": "Please check the current browser camera permission",
   "This camera has already been added to the materials list": "This camera has already been added to the materials list",
   "This screen has already been added to the materials list": "This screen has already been added to the materials list",
-  "Failed to add image": "Failed to add image"
+  "Failed to add image": "Failed to add image",
+  "Failed to add screen or window source": "Failed to add screen or window source",
+  "Failed to add camera source": "Failed to add camera source",
+  "Failed to update media source": "Failed to update media source",
+  "Failed to update media source. The new media source ID already exited.": "Failed to update media source. The new media source ID already exited."
 };
 export {
   e as resource

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

@@ -38,4 +38,8 @@ export declare const resource: {
     'This camera has already been added to the materials list': string;
     'This screen has already been added to the materials list': string;
     'Failed to add image': string;
+    'Failed to add screen or window source': string;
+    'Failed to add camera source.': string;
+    'Failed to update media source': string;
+    'Failed to update media source. The new media source ID already exited.': string;
 };

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

@@ -44,7 +44,11 @@ const e = {
   "Please check the current browser camera permission": "请检查当前浏览器摄像头权限",
   "This camera has already been added to the materials list": "该摄像头已在素材列表中，无需重复添加",
   "This screen has already been added to the materials list": "该屏幕分享已在素材列表中，无需重复添加",
-  "Failed to add image": "添加图片失败"
+  "Failed to add image": "添加图片失败",
+  "Failed to add screen or window source": "添加屏幕或窗口失败",
+  "Failed to add camera source.": "添加摄像头失败",
+  "Failed to update media source": "更新媒体源失败",
+  "Failed to update media source. The new media source ID already exited.": "更新媒体源失败，新修改的媒体源 ID 已存在"
 };
 export {
   e as resource

package/dist/components/LiveScenePanel/index.js

@@ -1,159 +1,177 @@
-import { addI18n as U } from "../../i18n/index.js";
-import { resource as G } from "./i18n/en-US/index.js";
-import { resource as H } from "./i18n/zh-CN/index.js";
-import { defineComponent as K, ref as r, computed as Y, openBlock as o, createElementBlock as L, normalizeClass as Z, unref as T, createVNode as q, createElementVNode as J, Fragment as Q, renderList as X, createBlock as m, createCommentVNode as I } from "vue";
-import { TRTCMediaSourceType as u } from "@tencentcloud/tuiroom-engine-electron";
-import { useUIKit as ee, TUIToast as d, TOAST_TYPE as g } from "@tencentcloud/uikit-base-component-vue3";
-import ae from "./CameraSettingDialog.js";
-import te from "./LiveSceneSelect.js";
-import re from "./MaterialItem.js";
-import { _ as oe } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-CBgkIenq.js";
-import ne from "./ScreenShareSettingDialog.js";
+import { addI18n as T } from "../../i18n/index.js";
+import { resource as H } from "./i18n/en-US/index.js";
+import { resource as K } from "./i18n/zh-CN/index.js";
+import { defineComponent as Y, ref as l, computed as Z, openBlock as i, createElementBlock as w, normalizeClass as q, unref as L, createVNode as J, createElementVNode as Q, Fragment as X, renderList as ee, createBlock as p, createCommentVNode as k } from "vue";
+import { TRTCMediaSourceType as g } from "@tencentcloud/tuiroom-engine-electron";
+import { useUIKit as ae, TUIToast as n, TOAST_TYPE as s } from "@tencentcloud/uikit-base-component-vue3";
+import te from "./CameraSettingDialog.js";
+import re from "./LiveSceneSelect.js";
+import oe from "./MaterialItem.js";
+import { _ as ne } from "../../MaterialRenameDialog.vue_vue_type_script_setup_true_lang-CBgkIenq.js";
+import se from "./ScreenShareSettingDialog.js";
 import { useVideoMixerState as le } from "../../states/VideoMixerState/VideoMixerState.js";
 import { _ as ie } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const se = { class: "materials-list" }, ce = /* @__PURE__ */ K({
+const ce = { class: "materials-list" }, de = /* @__PURE__ */ Y({
   __name: "index",
   setup(ue) {
-    const { t: n } = ee(), {
-      addMediaSource: p,
-      updateMediaSource: O,
-      mediaSourceList: S
-    } = le(), f = r(null), h = r(null), N = Y(() => [...S.value].sort(
-      (e, a) => (a.zOrder || 0) - (e.zOrder || 0)
-    )), x = r(!1), s = r(!1), c = r(!1), v = r(!1), A = () => {
-      x.value = !1;
-    }, M = r(null), E = (e) => {
-      M.value = e, v.value = !0;
-    }, y = () => {
-      s.value = !1;
+    const { t: o } = ae(), {
+      addMediaSource: S,
+      updateMediaSource: b,
+      mediaSourceList: f
+    } = le(), h = l(null), v = l(null), U = Z(() => [...f.value].sort(
+      (a, t) => (t.zOrder || 0) - (a.zOrder || 0)
+    )), A = l(!1), d = l(!1), m = l(!1), y = l(!1), O = () => {
+      A.value = !1;
+    }, M = l(null), x = (a) => {
+      M.value = a, y.value = !0;
+    }, R = () => {
+      d.value = !1;
     }, C = () => {
-      c.value = !1;
+      m.value = !1;
     }, D = () => {
-      v.value = !1;
-    }, j = async (e) => {
+      y.value = !1;
+    }, F = async (a) => {
+      var t;
       try {
-        await p(e), y();
-      } catch (a) {
-        console.error("addCameraMaterial error:", a), a.message.includes("Media source already existed") && d({
-          type: g.WARNING,
-          message: n("This camera has already been added to the materials list")
+        await S(a), R();
+      } catch (e) {
+        console.error("addCameraMaterial error:", e), ((t = e == null ? void 0 : e.message) == null ? void 0 : t.includes("Media source already existed")) || !1 ? n({
+          type: s.WARNING,
+          message: o("This camera has already been added to the materials list")
+        }) : n({
+          type: s.WARNING,
+          message: o("Failed to add camera source.")
         });
       }
-    }, z = (e) => {
-      f.value = e, s.value = !0;
-    }, $ = (e) => {
-      h.value = e, c.value = !0;
-    }, F = async (e) => {
-      switch (A(), e) {
-        case u.kCamera:
-          f.value = null, s.value = !0;
+    }, W = (a) => {
+      h.value = a, d.value = !0;
+    }, E = (a) => {
+      v.value = a, m.value = !0;
+    }, G = async (a) => {
+      switch (O(), a) {
+        case g.kCamera:
+          h.value = null, d.value = !0;
           break;
-        case u.kScreen:
-          h.value = null, c.value = !0;
+        case g.kScreen:
+          v.value = null, m.value = !0;
           break;
-        case u.kImage:
-          P();
+        case g.kImage:
+          j();
           break;
       }
     };
-    function P() {
-      const e = document.createElement("input");
-      e.type = "file", e.accept = ".jpg,.jpeg,.png,.bmp", e.onchange = async (a) => {
-        var b, w;
-        const t = (w = (b = a.target) == null ? void 0 : b.files) == null ? void 0 : w[0];
-        if (!t)
+    function j() {
+      const a = document.createElement("input");
+      a.type = "file", a.accept = ".jpg,.jpeg,.png,.bmp", a.onchange = async (t) => {
+        var N, _;
+        const e = (_ = (N = t.target) == null ? void 0 : N.files) == null ? void 0 : _[0];
+        if (!e)
           return;
-        const l = t.path;
-        if (!l) {
+        const r = e.path;
+        if (!r) {
           console.warn("Failed to get file path");
           return;
         }
-        const k = URL.createObjectURL(t), i = new Image();
-        i.src = k, i.onload = async () => {
-          const W = i.width, B = i.height;
+        const u = URL.createObjectURL(e), c = new Image();
+        c.src = u, c.onload = async () => {
+          const $ = c.width, P = c.height, V = {
+            sourceId: r,
+            sourceType: g.kImage,
+            name: e.name || o("Image"),
+            rect: {
+              left: 0,
+              top: 0,
+              right: $,
+              bottom: P
+            },
+            zOrder: 1
+          };
           try {
-            const _ = {
-              sourceId: l,
-              sourceType: u.kImage,
-              name: t.name || n("Image"),
-              rect: {
-                left: 0,
-                top: 0,
-                right: W,
-                bottom: B
-              },
-              zOrder: 1
-            };
-            await p(_);
-          } catch (_) {
-            console.error("addImageMaterial error:", _), d({
-              type: g.ERROR,
-              message: n("Failed to add image")
+            await S(V);
+          } catch (B) {
+            console.error("addImageMaterial error:", B), n({
+              type: s.ERROR,
+              message: o("Failed to add image")
             });
           }
-          URL.revokeObjectURL(k);
-        }, i.onerror = () => {
-          URL.revokeObjectURL(k), d({
-            type: g.ERROR,
-            message: n("Failed to load image")
+          URL.revokeObjectURL(u);
+        }, c.onerror = () => {
+          URL.revokeObjectURL(u), n({
+            type: s.ERROR,
+            message: o("Failed to load image")
           });
         };
-      }, e.click();
+      }, a.click();
     }
-    const V = async (e) => {
+    const z = async (a) => {
+      var t;
       try {
-        await p(e), C();
-      } catch (a) {
-        console.log("addScreenMaterial error", a), a.message.includes("Media source already existed") && d({
-          type: g.WARNING,
-          message: n("This screen has already been added to the materials list")
+        await S(a), C();
+      } catch (e) {
+        console.log("addScreenMaterial error", e), ((t = e == null ? void 0 : e.message) == null ? void 0 : t.includes("Media source already existed")) || !1 ? n({
+          type: s.WARNING,
+          message: o("This screen has already been added to the materials list")
+        }) : n({
+          type: s.WARNING,
+          message: o("Failed to add screen or window source")
+        });
+      }
+    }, I = async (a, t) => {
+      var e;
+      try {
+        await b(a, t), R(), C(), D();
+      } catch (r) {
+        console.log("updateMediaSource error", r), ((e = r == null ? void 0 : r.message) == null ? void 0 : e.includes("Media source already existed")) || !1 ? n({
+          type: s.WARNING,
+          message: o("Failed to update media source. The new media source ID already exited.")
+        }) : n({
+          type: s.WARNING,
+          message: o("Failed to update media source")
         });
       }
-    }, R = async (e, a) => {
-      await O(e, a), y(), C(), D();
     };
-    return (e, a) => (o(), L("div", {
-      class: Z(["live-scene-panel", { "no-material": T(S).length === 0 }])
+    return (a, t) => (i(), w("div", {
+      class: q(["live-scene-panel", { "no-material": L(f).length === 0 }])
     }, [
-      q(te, {
-        displayMode: T(S).length === 0 ? "panel" : "button",
-        onAddMaterial: F
+      J(re, {
+        displayMode: L(f).length === 0 ? "panel" : "button",
+        onAddMaterial: G
       }, null, 8, ["displayMode"]),
-      J("div", se, [
-        (o(!0), L(Q, null, X(N.value, (t) => (o(), m(re, {
-          key: t.sourceId,
-          material: t,
-          onCameraSetting: (l) => z(t),
-          onScreenShareSetting: (l) => $(t),
-          onRename: (l) => E(t)
+      Q("div", ce, [
+        (i(!0), w(X, null, ee(U.value, (e) => (i(), p(oe, {
+          key: e.sourceId,
+          material: e,
+          onCameraSetting: (r) => W(e),
+          onScreenShareSetting: (r) => E(e),
+          onRename: (r) => x(e)
         }, null, 8, ["material", "onCameraSetting", "onScreenShareSetting", "onRename"]))), 128))
       ]),
-      s.value ? (o(), m(ae, {
+      d.value ? (i(), p(te, {
         key: 0,
-        mediaSource: f.value,
-        onClose: y,
-        onAddCameraMaterial: j,
-        onUpdateCameraMaterial: R
-      }, null, 8, ["mediaSource"])) : I("", !0),
-      c.value ? (o(), m(ne, {
-        key: 1,
         mediaSource: h.value,
+        onClose: R,
+        onAddCameraMaterial: F,
+        onUpdateCameraMaterial: I
+      }, null, 8, ["mediaSource"])) : k("", !0),
+      m.value ? (i(), p(se, {
+        key: 1,
+        mediaSource: v.value,
         onClose: C,
-        onAddScreenMaterial: V,
-        onUpdateScreenMaterial: R
-      }, null, 8, ["mediaSource"])) : I("", !0),
-      v.value ? (o(), m(oe, {
+        onAddScreenMaterial: z,
+        onUpdateScreenMaterial: I
+      }, null, 8, ["mediaSource"])) : k("", !0),
+      y.value ? (i(), p(ne, {
         key: 2,
         material: M.value,
         onClose: D,
-        onRename: a[0] || (a[0] = (t) => R(M.value, { name: t }))
-      }, null, 8, ["material"])) : I("", !0)
+        onRename: t[0] || (t[0] = (e) => I(M.value, { name: e }))
+      }, null, 8, ["material"])) : k("", !0)
     ], 2));
   }
-}), me = /* @__PURE__ */ ie(ce, [["__scopeId", "data-v-b76e16ec"]]);
-U("en-US", { translation: G });
-U("zh-CN", { translation: H });
-const Ie = me;
+}), me = /* @__PURE__ */ ie(de, [["__scopeId", "data-v-4f634084"]]);
+T("en-US", { translation: H });
+T("zh-CN", { translation: K });
+const Ne = me;
 export {
-  Ie as LiveScenePanel
+  Ne as LiveScenePanel
 };

package/dist/components/StreamMixer/LocalMixer/MixerControl.js

@@ -1,35 +1,35 @@
-import { defineComponent as O, computed as u, openBlock as m, createElementBlock as v, Fragment as w, renderList as V, withModifiers as z, normalizeStyle as T, normalizeClass as I, createElementVNode as f, createBlock as h, resolveDynamicComponent as k, toDisplayString as S } from "vue";
-import { TRTCVideoMirrorType as p, TRTCVideoRotation as i } from "@tencentcloud/tuiroom-engine-electron";
-import { useUIKit as b } from "@tencentcloud/uikit-base-component-vue3";
-import D from "../icons/CameraMirror.js";
-import g from "../icons/Delete.js";
-import A from "../icons/Down.js";
-import B from "../icons/Rotation.js";
-import E from "../icons/Up.js";
-import { useVideoMixerState as L } from "../../../states/VideoMixerState/VideoMixerState.js";
-import { _ as Z } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const U = ["onClick"], j = { class: "mixer-control-item-icon" }, F = { class: "mixer-control-item-name" }, K = /* @__PURE__ */ O({
+import { defineComponent as V, computed as u, openBlock as m, createElementBlock as v, Fragment as h, renderList as z, withModifiers as I, normalizeStyle as T, normalizeClass as b, createElementVNode as f, createBlock as k, resolveDynamicComponent as S, toDisplayString as D } from "vue";
+import { TRTCVideoMirrorType as p, TRTCVideoRotation as n } from "@tencentcloud/tuiroom-engine-electron";
+import { useUIKit as g } from "@tencentcloud/uikit-base-component-vue3";
+import A from "../icons/CameraMirror.js";
+import B from "../icons/Delete.js";
+import E from "../icons/Down.js";
+import L from "../icons/Rotation.js";
+import Z from "../icons/Up.js";
+import { useVideoMixerState as U } from "../../../states/VideoMixerState/VideoMixerState.js";
+import { _ as j } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const F = ["onClick"], K = { class: "mixer-control-item-icon" }, N = { class: "mixer-control-item-name" }, P = /* @__PURE__ */ V({
   __name: "MixerControl",
-  setup(N) {
-    const { activeMediaSource: e, mediaSourceList: C, updateMediaSource: a, removeMediaSource: R } = L(), { t: n } = b();
+  setup(q) {
+    const { activeMediaSource: e, mediaSourceList: C, updateMediaSource: c, removeMediaSource: R } = U(), { t: l } = g();
     function M(o) {
       o.stopPropagation();
     }
-    const c = u(() => [...C.value].sort((o, r) => o.zOrder - r.zOrder)), x = u(() => {
-      var o, r;
-      return ((o = e.value) == null ? void 0 : o.sourceId) === ((r = c.value[0]) == null ? void 0 : r.sourceId);
+    const s = u(() => [...C.value].sort((o, t) => o.zOrder - t.zOrder)), x = u(() => {
+      var o, t;
+      return ((o = e.value) == null ? void 0 : o.sourceId) === ((t = s.value[0]) == null ? void 0 : t.sourceId);
     }), y = u(() => {
-      var o, r;
-      return ((o = e.value) == null ? void 0 : o.sourceId) === ((r = c.value[c.value.length - 1]) == null ? void 0 : r.sourceId);
+      var o, t;
+      return ((o = e.value) == null ? void 0 : o.sourceId) === ((t = s.value[s.value.length - 1]) == null ? void 0 : t.sourceId);
     }), _ = u(() => [
       {
         name: "mirror",
-        text: n("Mirror"),
-        icon: D,
+        text: l("Mirror"),
+        icon: A,
         onClick: () => {
           if (e.value) {
             const o = e.value.mirrorType;
-            a(e.value, {
+            c(e.value, {
               mirrorType: o === p.TRTCVideoMirrorType_Enable ? p.TRTCVideoMirrorType_Disable : p.TRTCVideoMirrorType_Enable
             });
           }
@@ -37,95 +37,103 @@ const U = ["onClick"], j = { class: "mixer-control-item-icon" }, F = { class: "m
       },
       {
         name: "rotate",
-        text: n("Rotate"),
-        icon: B,
+        text: l("Rotate"),
+        icon: L,
         onClick: () => {
           var o;
           if (e.value) {
-            const r = ((o = e.value) == null ? void 0 : o.rotation) || i.TRTCVideoRotation0, s = {
-              [i.TRTCVideoRotation0]: i.TRTCVideoRotation90,
-              [i.TRTCVideoRotation90]: i.TRTCVideoRotation180,
-              [i.TRTCVideoRotation180]: i.TRTCVideoRotation270,
-              [i.TRTCVideoRotation270]: i.TRTCVideoRotation0
-            }[r];
-            a(e.value, { rotation: s });
+            const t = ((o = e.value) == null ? void 0 : o.rotation) || n.TRTCVideoRotation0, d = {
+              [n.TRTCVideoRotation0]: n.TRTCVideoRotation90,
+              [n.TRTCVideoRotation90]: n.TRTCVideoRotation180,
+              [n.TRTCVideoRotation180]: n.TRTCVideoRotation270,
+              [n.TRTCVideoRotation270]: n.TRTCVideoRotation0
+            }[t], { top: i, left: a, right: O, bottom: w } = e.value.rect;
+            c(e.value, {
+              rotation: d,
+              rect: {
+                top: i,
+                left: a,
+                right: a + w - i,
+                bottom: i + O - a
+              }
+            });
           }
         }
       },
       {
         name: "up",
-        text: n("Move Up"),
-        icon: E,
+        text: l("Move Up"),
+        icon: Z,
         disable: y.value,
         onClick: async () => {
           if (e.value) {
-            const o = c.value.findIndex((l) => {
-              var d;
-              return l.sourceId === ((d = e.value) == null ? void 0 : d.sourceId);
-            }), r = c.value[o + 1], t = e.value.zOrder, s = r.zOrder;
-            if (r)
+            const o = s.value.findIndex((i) => {
+              var a;
+              return i.sourceId === ((a = e.value) == null ? void 0 : a.sourceId);
+            }), t = s.value[o + 1], r = e.value.zOrder, d = t.zOrder;
+            if (t)
               try {
-                await a(e.value, { zOrder: 999 }), await a(r, { zOrder: t }), await a(e.value, { zOrder: s });
-              } catch (l) {
-                console.warn("Move up failed.", l);
+                await c(e.value, { zOrder: 999 }), await c(t, { zOrder: r }), await c(e.value, { zOrder: d });
+              } catch (i) {
+                console.warn("Move up failed.", i);
               }
             else
-              console.error(n("Already at top"));
+              console.error(l("Already at top"));
           }
         }
       },
       {
         name: "down",
-        text: n("Move Down"),
-        icon: A,
+        text: l("Move Down"),
+        icon: E,
         disable: x.value,
         onClick: async () => {
           if (e.value) {
-            const o = c.value.findIndex((l) => {
-              var d;
-              return l.sourceId === ((d = e.value) == null ? void 0 : d.sourceId);
-            }), r = c.value[o - 1], t = e.value.zOrder, s = r.zOrder;
-            if (r)
+            const o = s.value.findIndex((i) => {
+              var a;
+              return i.sourceId === ((a = e.value) == null ? void 0 : a.sourceId);
+            }), t = s.value[o - 1], r = e.value.zOrder, d = t.zOrder;
+            if (t)
               try {
-                await a(e.value, { zOrder: 0 }), await a(r, { zOrder: t }), await a(e.value, { zOrder: s });
-              } catch (l) {
-                console.warn("Move down failed.", l);
+                await c(e.value, { zOrder: 0 }), await c(t, { zOrder: r }), await c(e.value, { zOrder: d });
+              } catch (i) {
+                console.warn("Move down failed.", i);
               }
             else
-              console.error(n("Already at bottom"));
+              console.error(l("Already at bottom"));
           }
         }
       },
       {
         name: "delete",
-        text: n("Delete"),
-        icon: g,
+        text: l("Delete"),
+        icon: B,
         style: "color: red",
         onClick: () => {
           e.value && R(e.value);
         }
       }
     ]);
-    return (o, r) => (m(), v("div", {
+    return (o, t) => (m(), v("div", {
       class: "mixer-control",
       onMousedown: M
     }, [
-      (m(!0), v(w, null, V(_.value, (t) => (m(), v("div", {
-        key: t.name,
-        class: I(["mixer-control-item", { disable: t.disable }]),
-        style: T(t.style),
-        onClick: z(t.onClick, ["stop"])
+      (m(!0), v(h, null, z(_.value, (r) => (m(), v("div", {
+        key: r.name,
+        class: b(["mixer-control-item", { disable: r.disable }]),
+        style: T(r.style),
+        onClick: I(r.onClick, ["stop"])
       }, [
-        f("div", j, [
-          (m(), h(k(t.icon), {
-            style: T([{ width: "100%", height: "100%" }, t.style])
+        f("div", K, [
+          (m(), k(S(r.icon), {
+            style: T([{ width: "100%", height: "100%" }, r.style])
           }, null, 8, ["style"]))
         ]),
-        f("span", F, S(t.text), 1)
-      ], 14, U))), 128))
+        f("span", N, D(r.text), 1)
+      ], 14, F))), 128))
     ], 32));
   }
-}), ee = /* @__PURE__ */ Z(K, [["__scopeId", "data-v-50f80a55"]]);
+}), te = /* @__PURE__ */ j(P, [["__scopeId", "data-v-05dd636b"]]);
 export {
-  ee as default
+  te as default
 };