tuikit-atomicx-vue3 3.4.1 → 4.3.0

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

@@ -0,0 +1,79 @@
+import { default as DefaultStreamViewUI } from './DefaultStreamViewUI.vue';
+
+declare const LiveCoreView: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        streamViewUI?(_: {
+            userInfo: import('../..').SeatUserInfo;
+        }): any;
+        localVideo?(_: {
+            style: {
+                position: "absolute";
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+                transform: string;
+                zIndex: number;
+            } | {
+                position: "absolute";
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+                zIndex: number;
+                transform?: undefined;
+            } | undefined;
+        }): any;
+    };
+});
+declare const LiveView: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        streamViewUI?(_: {
+            userInfo: import('../..').SeatUserInfo;
+        }): any;
+        localVideo?(_: {
+            style: {
+                position: "absolute";
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+                transform: string;
+                zIndex: number;
+            } | {
+                position: "absolute";
+                left: string;
+                top: string;
+                width: string;
+                height: string;
+                zIndex: number;
+                transform?: undefined;
+            } | undefined;
+        }): any;
+    };
+});
+export { LiveCoreView, LiveView, DefaultStreamViewUI };

package/dist/components/{LiveCoreView → LiveView}/index.js

@@ -1,38 +1,38 @@
-import { addI18n as G } from "../../i18n/index.js";
-import re from "./DefaultStreamViewUI.js";
-import { defineComponent as ie, useSlots as oe, computed as n, ref as p, onMounted as T, onBeforeUnmount as D, watch as P, createElementBlock as x, openBlock as v, normalizeClass as ne, createCommentVNode as w, createElementVNode as N, createBlock as M, toDisplayString as ue, unref as g, normalizeStyle as A, renderSlot as E, createVNode as se, Fragment as ve, renderList as he, mergeProps as K, normalizeProps as ce, Teleport as de } from "vue";
-import { useUIKit as fe } from "@tencentcloud/uikit-base-component-vue3";
-import { useLiveSeatState as me } from "../../states/LiveSeatState/index.js";
-import { useLiveState as pe } from "../../states/LiveState/index.js";
-import { useLoginState as we } from "../../states/LoginState.js";
+import { addI18n as J } from "../../i18n/index.js";
+import oe from "./DefaultStreamViewUI.js";
+import { defineComponent as ne, useSlots as ue, computed as n, ref as p, onMounted as T, onBeforeUnmount as D, watch as P, createElementBlock as L, openBlock as v, normalizeClass as se, createCommentVNode as w, createElementVNode as N, createBlock as M, toDisplayString as ve, unref as g, normalizeStyle as A, renderSlot as E, createVNode as he, Fragment as ce, renderList as de, mergeProps as K, normalizeProps as fe, Teleport as me } from "vue";
+import { useUIKit as pe } from "@tencentcloud/uikit-base-component-vue3";
+import { useLiveSeatState as we } from "../../states/LiveSeatState/index.js";
+import { useLoginState as ge } from "../../states/LoginState.js";
 import { getContentSize as j } from "../../utils/domOperation.js";
 import q from "./PlayerControl/PlayerControl.js";
-import ge from "./CoreViewDecorate/LiveCoreDecorate.js";
-import { usePlayerControlState as ye } from "./PlayerControl/PlayerControlState.js";
-import { isMobile as Ie } from "../../utils/env.js";
-import { _ as Se } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import ye from "./CoreViewDecorate/LiveCoreDecorate.js";
+import { usePlayerControlState as Ie } from "./PlayerControl/PlayerControlState.js";
+import { useLiveListState as Se } from "../../states/LiveListState/LiveListState.js";
+import { isMobile as G } from "../../utils/env.js";
+import { _ as Le } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { resource as xe } from "./i18n/en-US/index.js";
 import { resource as Ce } from "./i18n/zh-CN/index.js";
-const Le = {
+const Ve = {
   key: 0,
   class: "live-core-placeholder"
-}, Ve = { class: "placeholder-text" }, ze = {
+}, ze = { class: "placeholder-text" }, Me = {
   key: 0,
   class: "live-core-ui"
-}, Me = /* @__PURE__ */ ie({
+}, $e = /* @__PURE__ */ ne({
   __name: "index",
-  setup($e) {
-    const { isFullscreen: X, isLandscapeStyleMode: Y } = ye(), { t: J } = fe(), { seatList: d, canvas: u, startPlayStream: Q, stopPlayStream: Z } = me(), { currentLive: C } = pe(), ee = oe(), L = n(() => ee.localVideo), { loginUserInfo: $ } = we(), b = p(!1), R = p(!1), te = n(() => !(!L.value && V.value && h.value < c.value)), U = n(() => {
+  setup(be) {
+    const { isFullscreen: X, isLandscapeStyleMode: Y } = Ie(), { t: Z } = pe(), { seatList: d, canvas: u, startPlayStream: ee, stopPlayStream: te } = we(), { currentLive: x } = Se(), ae = ue(), C = n(() => ae.localVideo), { loginUserInfo: $ } = ge(), b = p(!1), R = p(!1), le = n(() => !(!C.value && V.value && h.value < c.value && G)), U = n(() => {
       var e;
-      return ((e = C.value) == null ? void 0 : e.liveId) && !d.value.some((l) => {
+      return ((e = x.value) == null ? void 0 : e.liveId) && !d.value.some((l) => {
         var t, a;
         return ((t = l.userInfo) == null ? void 0 : t.userId) === ((a = $.value) == null ? void 0 : a.userId);
       });
     });
     T(async () => {
-      R.value = !0, await Q({ view: "atomicx-live-stream-content" }), b.value = !0;
+      R.value = !0, await ee({ view: "atomicx-live-stream-content" }), b.value = !0;
     }), D(async () => {
-      R.value = !1, await Z(), b.value = !1;
+      R.value = !1, await te(), b.value = !1;
     });
     const V = p(!0), s = p(), _ = p({
       width: 0,
@@ -63,7 +63,7 @@ const Le = {
     })), z = n(() => d.value.map((e, l) => {
       var i, H;
       const t = k.value[l], a = V.value && I.value === "fill", o = d.value.length === 1 || ((i = e.region) == null ? void 0 : i.w) === u.value.width && ((H = e.region) == null ? void 0 : H.h) === u.value.height;
-      return !L.value && a && o ? {
+      return !C.value && a && o ? {
         userInfo: e.userInfo,
         region: {
           position: "absolute",
@@ -85,10 +85,10 @@ const Le = {
           zIndex: Number(t.zOrder) || 0
         }
       };
-    })), ae = n(() => z.value.find((e) => {
+    })), re = n(() => z.value.find((e) => {
       var l, t;
       return ((l = e == null ? void 0 : e.userInfo) == null ? void 0 : l.userId) === ((t = $.value) == null ? void 0 : t.userId);
-    })), O = n(() => L.value ? z.value.filter((e) => {
+    })), O = n(() => C.value ? z.value.filter((e) => {
       var l, t;
       return ((l = e.userInfo) == null ? void 0 : l.userId) !== ((t = $.value) == null ? void 0 : t.userId);
     }) : z.value), f = n(() => {
@@ -126,13 +126,13 @@ const Le = {
         } else
           S(), r.value.scale = 1, r.value.transformX = 0, r.value.transformY = 0;
     }
-    const le = n(() => ({
+    const ie = n(() => ({
       width: `${Math.floor(r.value.width) * r.value.scale}px`,
       height: `${Math.floor(r.value.height) * r.value.scale}px`,
       transform: `translate(${r.value.transformX * r.value.scale}px, ${r.value.transformY * r.value.scale}px)`
     })), m = n(() => {
       var e, l;
-      return u.value.width && u.value.height ? `${u.value.width}:${u.value.height}` : C.value && ((e = C.value) == null ? void 0 : e.layoutTemplate) >= 200 && ((l = C.value) == null ? void 0 : l.layoutTemplate) <= 599 ? "16:9" : "9:16";
+      return u.value.width && u.value.height ? `${u.value.width}:${u.value.height}` : x.value && ((e = x.value) == null ? void 0 : e.layoutTemplate) >= 200 && ((l = x.value) == null ? void 0 : l.layoutTemplate) <= 599 ? "16:9" : "9:16";
     }), h = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[0])), c = n(() => !m.value || m.value.indexOf(":") < 0 ? 0 : Number(m.value.split(":")[1])), I = p(
       "fit"
       /* Fit */
@@ -146,7 +146,7 @@ const Le = {
         var a, o;
         return ((a = t.region) == null ? void 0 : a.w) === u.value.width && ((o = t.region) == null ? void 0 : o.h) === u.value.height;
       });
-      !L.value && (e || l) ? I.value = "fill" : I.value = "fit", S();
+      !C.value && (e || l) ? I.value = "fill" : I.value = "fit", S();
     }, { deep: !0 });
     function S() {
       if (!s.value)
@@ -182,43 +182,43 @@ const Le = {
       F.unobserve(s.value);
     }), (e, l) => {
       var t;
-      return v(), x("div", {
+      return v(), L("div", {
         ref_key: "liveCoreViewContainerRef",
         ref: s,
         id: "live-core-view-container",
-        class: ne(["live-core-view-container", { "align-center": te.value }])
+        class: se(["live-core-view-container", { "align-center": le.value }])
       }, [
-        !e.$slots.localVideo && !b.value ? (v(), x("div", Le, [
-          N("span", Ve, ue(g(J)("No video")), 1)
+        !e.$slots.localVideo && !b.value ? (v(), L("div", Ve, [
+          N("span", ze, ve(g(Z)("No video")), 1)
         ])) : w("", !0),
         N("div", {
           class: "live-core-view",
-          style: A(le.value)
+          style: A(ie.value)
         }, [
           l[0] || (l[0] = N("div", {
             id: "atomicx-live-stream-content",
             class: "stream-content"
           }, null, -1)),
-          O.value.length > 0 ? (v(), x("div", ze, [
-            (v(!0), x(ve, null, he(O.value, (a, o) => (v(), x("div", {
+          O.value.length > 0 ? (v(), L("div", Me, [
+            (v(!0), L(ce, null, de(O.value, (a, o) => (v(), L("div", {
               key: `seat-${o}`,
               style: A(a.region)
             }, [
               E(e.$slots, "streamViewUI", K({ ref_for: !0 }, { userInfo: a.userInfo }), void 0, !0),
-              e.$slots.streamViewUI ? w("", !0) : (v(), M(re, {
+              e.$slots.streamViewUI ? w("", !0) : (v(), M(oe, {
                 key: 0,
                 streamViewInfoList: O.value,
                 userInfo: a.userInfo
               }, null, 8, ["streamViewInfoList", "userInfo"]))
             ], 4))), 128))
           ])) : w("", !0),
-          e.$slots.localVideo && R.value ? E(e.$slots, "localVideo", ce(K({ key: 1 }, { style: (t = ae.value) == null ? void 0 : t.region })), void 0, !0) : w("", !0),
-          se(ge, { seatListWithRealSize: z.value }, null, 8, ["seatListWithRealSize"])
+          e.$slots.localVideo && R.value ? E(e.$slots, "localVideo", fe(K({ key: 1 }, { style: (t = re.value) == null ? void 0 : t.region })), void 0, !0) : w("", !0),
+          he(ye, { seatListWithRealSize: z.value }, null, 8, ["seatListWithRealSize"])
         ], 4),
-        g(X) ? w("", !0) : (v(), M(de, {
+        g(X) ? w("", !0) : (v(), M(me, {
           key: 1,
           to: "body",
-          disabled: !g(Ie)
+          disabled: !g(G)
         }, [
           U.value ? (v(), M(q, {
             key: 0,
@@ -232,10 +232,12 @@ const Le = {
       ], 2);
     };
   }
-}), De = /* @__PURE__ */ Se(Me, [["__scopeId", "data-v-483e9945"]]);
-G("en-US", { translation: xe });
-G("zh-CN", { translation: Ce });
+}), Q = /* @__PURE__ */ Le($e, [["__scopeId", "data-v-8d25163d"]]);
+J("en-US", { translation: xe });
+J("zh-CN", { translation: Ce });
+const Ae = Q, Ee = Q;
 export {
-  re as DefaultStreamViewUI,
-  De as LiveCoreView
+  oe as DefaultStreamViewUI,
+  Ae as LiveCoreView,
+  Ee as LiveView
 };

package/dist/components/MessageInput/TextEditor/EditorCore.js

@@ -1,5 +1,5 @@
-import { S as g, P as x, E as d, I as o } from "../../../index-D-KJvDvy.js";
-import { E as M } from "../../../index-D88ja_7_.js";
+import { S as g, P as x, E as d, I as o } from "../../../index-DTi1fL-x.js";
+import { E as M } from "../../../index-BfIEeWMg.js";
 import { MessageContentType as n } from "../../../states/MessageInputState/type.js";
 function y() {
   return o.extend({

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

@@ -40,11 +40,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>>> & Readonly<{}>, {
     filter: (message: MessageModel) => boolean;
     enableReadReceipt: boolean;
-    messageActionList: MessageAction[];
     Message: Component;
-    messageAggregationTime: number;
     MessageTimeDivider: Component;
+    messageActionList: MessageAction[];
     alignment: "left" | "right" | "two-sided";
+    messageAggregationTime: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -82,26 +82,26 @@ declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    messageActionList: {
-        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
-        default: undefined;
-    };
     Message: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
-    messageAggregationTime: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
     MessageTimeDivider: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
     alignment: {
         type: import('vue').PropType<"left" | "right" | "two-sided">;
         default: string;
     };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     filter: {
         type: import('vue').PropType<(message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean>;
@@ -111,33 +111,33 @@ declare const MessageList: import('vue').DefineComponent<import('vue').ExtractPr
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    messageActionList: {
-        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
-        default: undefined;
-    };
     Message: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
-    messageAggregationTime: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
     MessageTimeDivider: {
         type: import('vue').PropType<import('vue').Component>;
         default: undefined;
     };
+    messageActionList: {
+        type: import('vue').PropType<import('../../hooks/useMessageActions').MessageAction[]>;
+        default: undefined;
+    };
     alignment: {
         type: import('vue').PropType<"left" | "right" | "two-sided">;
         default: string;
     };
+    messageAggregationTime: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
 }>> & Readonly<{}>, {
     filter: (message: import('@tencentcloud/chat-uikit-engine').IMessageModel) => boolean;
     enableReadReceipt: boolean;
-    messageActionList: import('../../hooks/useMessageActions').MessageAction[];
     Message: import('vue').Component;
-    messageAggregationTime: number;
     MessageTimeDivider: import('vue').Component;
+    messageActionList: import('../../hooks/useMessageActions').MessageAction[];
     alignment: "left" | "right" | "two-sided";
+    messageAggregationTime: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { Message, MessageList, };

package/dist/components/MicButton/index.js

@@ -1,35 +1,35 @@
 import { defineComponent as d, computed as p, createElementBlock as _, openBlock as i, createElementVNode as f, normalizeClass as v, unref as e, createVNode as h, createBlock as b, createCommentVNode as k } from "vue";
 import { IconUnSupport as C } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as B } from "../../states/DeviceState.js";
-import E from "./AudioIcon.js";
-import { DeviceStatus as n, DeviceError as x } from "../../types/device.js";
-import { _ as A } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const L = { class: "mic-button-container" }, M = /* @__PURE__ */ d({
+import B from "./AudioIcon.js";
+import { useDeviceState as E } from "../../states/DeviceState/DeviceState.js";
+import { DeviceStatus as n, DeviceError as M } from "../../types/device.js";
+import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const A = { class: "mic-button-container" }, L = /* @__PURE__ */ d({
   __name: "index",
   setup(N) {
     const {
-      audioVolume: r,
+      currentMicVolume: r,
       hasPublishAudioPermission: o,
       microphoneStatus: t,
       microphoneLastError: c,
       muteLocalAudio: a,
       openLocalMicrophone: s,
       unmuteLocalAudio: u
-    } = B(), m = p(() => t.value !== n.On);
+    } = E(), m = p(() => t.value !== n.On);
     async function l() {
       o.value && (t.value === n.On ? await a() : (await s(), await u()));
     }
-    return (S, V) => (i(), _("div", L, [
+    return (S, V) => (i(), _("div", A, [
       f("div", {
         class: v(["mic-button", { disabled: !e(o) }]),
         onClick: l
       }, [
-        h(E, {
+        h(B, {
           "audio-volume": e(r),
           "is-muted": m.value,
           "is-disabled": !e(o)
         }, null, 8, ["audio-volume", "is-muted", "is-disabled"]),
-        e(c) !== e(x).NoError ? (i(), b(e(C), {
+        e(c) !== e(M).NoError ? (i(), b(e(C), {
           key: 0,
           class: "unsupport-icon",
           size: "14"
@@ -37,7 +37,7 @@ const L = { class: "mic-button-container" }, M = /* @__PURE__ */ d({
       ], 2)
     ]));
   }
-}), P = /* @__PURE__ */ A(M, [["__scopeId", "data-v-672ec588"]]);
+}), P = /* @__PURE__ */ x(L, [["__scopeId", "data-v-944a3f62"]]);
 export {
   P as MicButton
 };

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

@@ -1,17 +1,17 @@
 import { defineComponent as M, computed as d, createElementBlock as m, openBlock as c, Fragment as O, renderList as V, withModifiers as z, normalizeStyle as p, normalizeClass as w, createElementVNode as y, createBlock as k, resolveDynamicComponent as b, toDisplayString as h } from "vue";
 import { TRTCVideoMirrorType as v, TRTCVideoRotation as i } from "@tencentcloud/tuiroom-engine-js";
 import { useUIKit as D } from "@tencentcloud/uikit-base-component-vue3";
-import { useVideoMixerState as S } from "../../../states/VideoMixerState.js";
-import I 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 S from "../icons/CameraMirror.js";
+import I from "../icons/Delete.js";
+import g from "../icons/Down.js";
+import A from "../icons/Rotation.js";
+import B from "../icons/Up.js";
+import { useVideoMixerState as E } from "../../../states/VideoMixerState/VideoMixerState.js";
 import { _ as L } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = ["onClick"], U = { class: "mixer-control-item-icon" }, j = { class: "mixer-control-item-name" }, F = /* @__PURE__ */ M({
   __name: "MixerControl",
   setup(K) {
-    const { activeMediaSource: t, mediaSourceList: T, updateMediaSource: a, removeMediaSource: C } = S(), { t: n } = D();
+    const { activeMediaSource: t, mediaSourceList: T, updateMediaSource: a, removeMediaSource: C } = E(), { t: n } = D();
     function R(o) {
       o.stopPropagation();
     }
@@ -25,7 +25,7 @@ const Z = ["onClick"], U = { class: "mixer-control-item-icon" }, j = { class: "m
       {
         name: "mirror",
         text: n("Mirror"),
-        icon: I,
+        icon: S,
         onClick: () => {
           const o = t.value.layout.mirror;
           a(t.value, {
@@ -38,7 +38,7 @@ const Z = ["onClick"], U = { class: "mixer-control-item-icon" }, j = { class: "m
       {
         name: "rotate",
         text: n("Rotate"),
-        icon: B,
+        icon: A,
         onClick: () => {
           const o = t.value.layout.rotation || i.TRTCVideoRotation0, r = {
             [i.TRTCVideoRotation0]: i.TRTCVideoRotation90,
@@ -52,7 +52,7 @@ const Z = ["onClick"], U = { class: "mixer-control-item-icon" }, j = { class: "m
       {
         name: "up",
         text: n("Move Up"),
-        icon: E,
+        icon: B,
         disable: f.value,
         onClick: async () => {
           const o = l.value.findIndex((u) => u.id === t.value.id), e = l.value[o + 1], r = t.value.layout.zOrder, s = e == null ? void 0 : e.layout.zOrder;
@@ -62,7 +62,7 @@ const Z = ["onClick"], U = { class: "mixer-control-item-icon" }, j = { class: "m
       {
         name: "down",
         text: n("Move Down"),
-        icon: A,
+        icon: g,
         disable: _.value,
         onClick: async () => {
           const o = l.value.findIndex((u) => u.id === t.value.id), e = l.value[o - 1], r = t.value.layout.zOrder, s = e == null ? void 0 : e.layout.zOrder;
@@ -72,7 +72,7 @@ const Z = ["onClick"], U = { class: "mixer-control-item-icon" }, j = { class: "m
       {
         name: "delete",
         text: n("Delete"),
-        icon: g,
+        icon: I,
         style: "color: red",
         onClick: () => {
           C(t.value);