tuikit-atomicx-vue3 3.4.1 → 4.3.0

package/dist/components/CameraButton/index.js

@@ -1,40 +1,39 @@
-import { defineComponent as l, createElementBlock as p, openBlock as a, normalizeClass as u, unref as e, createBlock as o, createCommentVNode as f } from "vue";
-import { IconCameraOn as _, IconCameraOff as C, IconUnSupport as d } from "@tencentcloud/uikit-base-component-vue3";
-import { useDeviceState as k } from "../../states/DeviceState.js";
-import { DeviceStatus as n, DeviceError as v } from "../../types/device.js";
-import { _ as b } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { defineComponent as l, createElementBlock as u, openBlock as o, normalizeClass as p, createBlock as a, createCommentVNode as f, unref as e } from "vue";
+import { IconCameraOn as C, IconCameraOff as _, IconUnSupport as d } from "@tencentcloud/uikit-base-component-vue3";
+import { useDeviceState as k } from "../../states/DeviceState/DeviceState.js";
+import { DeviceStatus as t, DeviceError as v } from "../../types/device.js";
+import { _ as h } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const B = /* @__PURE__ */ l({
   __name: "index",
-  setup(h) {
+  setup(b) {
     const {
       cameraStatus: r,
-      hasPublishVideoPermission: t,
-      cameraLastError: c,
+      cameraLastError: n,
       closeLocalCamera: s,
-      openLocalCamera: i
+      openLocalCamera: c
     } = k();
-    async function m() {
-      t.value && (r.value === n.On ? await s() : await i());
+    async function i() {
+      hasPublishVideoPermission.value && (r.value === t.On ? await s() : await c());
     }
-    return (x, y) => (a(), p("div", {
-      class: u(["camera-button", { disabled: !e(t) }]),
-      onClick: m
+    return (m, y) => (o(), u("div", {
+      class: p(["camera-button", { disabled: !m.hasPublishVideoPermission }]),
+      onClick: i
     }, [
-      e(r) === e(n).On ? (a(), o(e(_), {
+      e(r) === e(t).On ? (o(), a(e(C), {
         key: 0,
         size: "24"
-      })) : (a(), o(e(C), {
+      })) : (o(), a(e(_), {
         key: 1,
         size: "24"
       })),
-      e(c) !== e(v).NoError ? (a(), o(e(d), {
+      e(n) !== e(v).NoError ? (o(), a(e(d), {
         key: 2,
         class: "unsupport-icon",
         size: "14"
       })) : f("", !0)
     ], 2));
   }
-}), D = /* @__PURE__ */ b(B, [["__scopeId", "data-v-cc8bbaca"]]);
+}), S = /* @__PURE__ */ h(B, [["__scopeId", "data-v-627fc59c"]]);
 export {
-  D as CameraButton
+  S as CameraButton
 };

package/dist/components/CoGuestPanel/CoGuestPanel.js

@@ -1,67 +1,67 @@
-import { defineComponent as S, ref as b, createElementBlock as n, openBlock as i, createElementVNode as e, normalizeClass as g, toDisplayString as a, unref as t, createCommentVNode as d, Fragment as I, renderList as G, createVNode as u, withCtx as v, createTextVNode as m } from "vue";
-import { useUIKit as j, TUIButton as h, TUIToast as f } from "@tencentcloud/uikit-base-component-vue3";
+import { defineComponent as b, ref as j, createElementBlock as n, openBlock as i, createElementVNode as e, normalizeClass as g, toDisplayString as a, unref as t, createCommentVNode as d, Fragment as I, renderList as R, createVNode as u, withCtx as v, createTextVNode as m } from "vue";
+import { useUIKit as q, TUIButton as h, TUIToast as f } from "@tencentcloud/uikit-base-component-vue3";
 import { useCoGuestState as D } from "../../states/CoGuestState.js";
 import { useLoginState as E } from "../../states/LoginState.js";
-import R from "../Avatar/Avatar.js";
-import { ERROR_MESSAGE as P } from "./constants.js";
-import { _ as T } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const w = { class: "panel-content" }, L = { class: "panel-header" }, V = { class: "tabs" }, z = { class: "panel-body" }, B = {
+import { useLiveSeatState as P } from "../../states/LiveSeatState/index.js";
+import G from "../Avatar/Avatar.js";
+import { ERROR_MESSAGE as T } from "./constants.js";
+import { _ as w } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const V = { class: "panel-content" }, z = { class: "panel-header" }, B = { class: "tabs" }, L = { class: "panel-body" }, O = {
   key: 0,
   class: "applications-content"
 }, M = {
   key: 0,
   class: "user-list-container"
-}, F = { class: "user-list" }, K = { class: "user-item-left" }, O = { class: "user-item-right" }, H = { class: "user-info" }, J = { class: "user-name" }, Q = { class: "user-actions" }, W = {
+}, F = { class: "user-list" }, K = { class: "user-item-left" }, H = { class: "user-item-right" }, J = { class: "user-info" }, Q = { class: "user-name" }, W = { class: "user-actions" }, X = {
   key: 1,
   class: "empty-state"
-}, X = {
+}, Y = {
   key: 1,
   class: "invitations-content"
-}, Y = { class: "user-list-container" }, Z = { class: "user-list-title" }, ee = { class: "user-list-title-text" }, te = { class: "user-list-title-count" }, se = { class: "user-list" }, oe = { class: "user-item-left" }, ne = { class: "user-item-right" }, ie = { class: "user-info" }, ae = { class: "user-name" }, ce = {
+}, Z = { class: "user-list-container" }, ee = { class: "user-list-title" }, te = { class: "user-list-title-text" }, se = { class: "user-list-title-count" }, oe = { class: "user-list" }, ne = { class: "user-item-left" }, ie = { class: "user-item-right" }, ae = { class: "user-info" }, ce = { class: "user-name" }, re = {
   key: 0,
   class: "is-me"
-}, re = {
+}, le = {
   key: 0,
   class: "user-actions"
-}, le = {
+}, de = {
   key: 0,
   class: "empty-state"
-}, de = /* @__PURE__ */ S({
+}, ue = /* @__PURE__ */ b({
   __name: "CoGuestPanel",
-  setup(ue) {
-    const { t: o } = j(), { loginUserInfo: C } = E(), {
-      receivedCoGuestUserList: y,
-      userListInCoGuest: p,
-      acceptCoGuestRequest: q,
-      rejectCoGuestRequest: N,
-      disconnect: U
-    } = D(), r = b("applications"), $ = async (l) => {
+  setup(_e) {
+    const { t: o } = q(), { loginUserInfo: C } = E(), {
+      connected: p,
+      applicants: k,
+      acceptApplication: S,
+      rejectApplication: A
+    } = D(), { kickUserOutOfSeat: N } = P(), r = j("applications"), U = async (l) => {
       try {
-        await q({ userId: l });
+        await S({ userId: l });
       } catch (c) {
-        const s = o(P[c.code] || "Accept co-guest request failed");
+        const s = o(T[c.code] || "Accept co-guest request failed");
         f.error({ message: s });
       }
-    }, x = async (l) => {
+    }, $ = async (l) => {
       try {
-        await N({ userId: l });
+        await A({ userId: l });
       } catch (c) {
         console.error("[CoGuestPanel] handleRejectCoGuestRequest error", c), f.error({
           message: o("Reject co-guest request failed")
         });
       }
-    }, A = async (l) => {
+    }, x = async (l) => {
       try {
-        await U(l);
+        await N({ userId: l });
       } catch (c) {
         console.error("[CoGuestPanel] handleDisconnect error", c), f.error({
           message: o("Disconnect co-guest failed")
         });
       }
     };
-    return (l, c) => (i(), n("div", w, [
-      e("div", L, [
-        e("div", V, [
+    return (l, c) => (i(), n("div", V, [
+      e("div", z, [
+        e("div", B, [
           e("span", {
             class: g(["tab-item", { active: r.value === "applications" }]),
             onClick: c[0] || (c[0] = (s) => r.value = "applications")
@@ -72,27 +72,27 @@ const w = { class: "panel-content" }, L = { class: "panel-header" }, V = { class
           }, a(t(o)("Co-guest management")), 3)
         ])
       ]),
-      e("div", z, [
-        r.value === "applications" ? (i(), n("div", B, [
-          t(y).length > 0 ? (i(), n("div", M, [
+      e("div", L, [
+        r.value === "applications" ? (i(), n("div", O, [
+          t(k).length > 0 ? (i(), n("div", M, [
             e("div", F, [
-              (i(!0), n(I, null, G(t(y), (s) => (i(), n("div", {
+              (i(!0), n(I, null, R(t(k), (s) => (i(), n("div", {
                 key: s.userId,
                 class: "user-item"
               }, [
                 e("div", K, [
-                  u(t(R), {
+                  u(t(G), {
                     src: s.avatarUrl,
                     size: 40
                   }, null, 8, ["src"])
                 ]),
-                e("div", O, [
-                  e("div", H, [
-                    e("span", J, a(s.userName || s.userId), 1)
+                e("div", H, [
+                  e("div", J, [
+                    e("span", Q, a(s.userName || s.userId), 1)
                   ]),
-                  e("div", Q, [
+                  e("div", W, [
                     u(t(h), {
-                      onClick: (_) => $(s.userId)
+                      onClick: (_) => U(s.userId)
                     }, {
                       default: v(() => [
                         m(a(t(o)("Accept")), 1)
@@ -101,7 +101,7 @@ const w = { class: "panel-content" }, L = { class: "panel-header" }, V = { class
                     }, 8, ["onClick"]),
                     u(t(h), {
                       color: "red",
-                      onClick: (_) => x(s.userId)
+                      onClick: (_) => $(s.userId)
                     }, {
                       default: v(() => [
                         m(a(t(o)("Reject")), 1)
@@ -112,38 +112,38 @@ const w = { class: "panel-content" }, L = { class: "panel-header" }, V = { class
                 ])
               ]))), 128))
             ])
-          ])) : (i(), n("div", W, [
+          ])) : (i(), n("div", X, [
             e("span", null, a(t(o)("No application for live")), 1)
           ]))
         ])) : d("", !0),
-        r.value === "invitations" ? (i(), n("div", X, [
-          e("div", Y, [
-            e("div", Z, [
-              e("span", ee, a(t(o)("Current seat")), 1),
-              e("span", te, a(`(${t(p).length})`), 1)
+        r.value === "invitations" ? (i(), n("div", Y, [
+          e("div", Z, [
+            e("div", ee, [
+              e("span", te, a(t(o)("Current seat")), 1),
+              e("span", se, a(`(${t(p).length})`), 1)
             ]),
-            e("div", se, [
-              (i(!0), n(I, null, G(t(p), (s) => {
-                var _, k;
+            e("div", oe, [
+              (i(!0), n(I, null, R(t(p), (s) => {
+                var _, y;
                 return i(), n("div", {
                   key: s.userId,
                   class: "user-item"
                 }, [
-                  e("div", oe, [
-                    u(t(R), {
+                  e("div", ne, [
+                    u(t(G), {
                       src: s.avatarUrl,
                       size: 40
                     }, null, 8, ["src"])
                   ]),
-                  e("div", ne, [
-                    e("div", ie, [
-                      e("span", ae, a(s.userName || s.userId), 1),
-                      s.userId === ((_ = t(C)) == null ? void 0 : _.userId) ? (i(), n("span", ce, a(`(${t(o)("Me")})`), 1)) : d("", !0)
+                  e("div", ie, [
+                    e("div", ae, [
+                      e("span", ce, a(s.userName || s.userId), 1),
+                      s.userId === ((_ = t(C)) == null ? void 0 : _.userId) ? (i(), n("span", re, a(`(${t(o)("Me")})`), 1)) : d("", !0)
                     ]),
-                    s.userId !== ((k = t(C)) == null ? void 0 : k.userId) ? (i(), n("div", re, [
+                    s.userId !== ((y = t(C)) == null ? void 0 : y.userId) ? (i(), n("div", le, [
                       u(t(h), {
                         color: "gray",
-                        onClick: (_e) => A(s.userId)
+                        onClick: (pe) => x(s.userId)
                       }, {
                         default: v(() => [
                           m(a(t(o)("Disconnect")), 1)
@@ -155,7 +155,7 @@ const w = { class: "panel-content" }, L = { class: "panel-header" }, V = { class
                 ]);
               }), 128))
             ]),
-            t(p).length === 0 ? (i(), n("div", le, [
+            t(p).length === 0 ? (i(), n("div", de, [
               e("span", null, a(t(o)("Seat is empty")), 1)
             ])) : d("", !0)
           ])
@@ -163,7 +163,7 @@ const w = { class: "panel-content" }, L = { class: "panel-header" }, V = { class
       ])
     ]));
   }
-}), ke = /* @__PURE__ */ T(de, [["__scopeId", "data-v-503f71dc"]]);
+}), Ie = /* @__PURE__ */ w(ue, [["__scopeId", "data-v-93117618"]]);
 export {
-  ke as default
+  Ie as default
 };

package/dist/components/CoHostPanel/BattlePanel.js

@@ -1,11 +1,11 @@
 import { defineComponent as V, ref as z, onMounted as J, onUnmounted as K, createElementBlock as g, openBlock as m, Fragment as M, createElementVNode as U, createCommentVNode as Y, createVNode as p, createBlock as h, unref as s, withCtx as r, toDisplayString as c, createTextVNode as C } from "vue";
 import { TUIConnectionCode as f } from "@tencentcloud/tuiroom-engine-js";
 import { useUIKit as G, TUIButton as R, TUIDialog as Q, TUIToast as n, TOAST_TYPE as l } from "@tencentcloud/uikit-base-component-vue3";
-import { useBattleState as W } from "../../states/BattleState.js";
-import { useLoginState as X } from "../../states/LoginState.js";
-import Z from "./UserList.js";
-import ee from "./RecommendHostList.js";
-import { useCoHostState as te } from "../../states/CoHostState/CoHostState.js";
+import { useLoginState as W } from "../../states/LoginState.js";
+import X from "./UserList.js";
+import Z from "./RecommendHostList.js";
+import { useCoHostState as ee } from "../../states/CoHostState/CoHostState.js";
+import { useBattleState as te } from "../../states/BattleState/BattleState.js";
 import { CoHostEvent as u } from "../../types/coHost.js";
 import { _ as oe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const se = {
@@ -24,18 +24,18 @@ const se = {
     coHostLayoutTemplate: {}
   },
   setup(B) {
-    const { t: o } = G(), q = B, { loginUserInfo: x } = X(), {
+    const { t: o } = G(), q = B, { loginUserInfo: x } = W(), {
       invitees: N,
       requestHostConnection: w,
       cancelHostConnection: O,
       subscribeEvent: b,
       unsubscribeEvent: y
-    } = te(), {
+    } = ee(), {
       currentBattleInfo: v,
       battleUsers: L,
       requestBattle: A,
       exitBattle: D
-    } = W(), I = z(!1), $ = (e, t) => N.value.some((i) => i.userId === e && i.liveId === t), a = /* @__PURE__ */ new Set(), j = async (e) => {
+    } = te(), I = z(!1), $ = (e, t) => N.value.some((d) => d.userId === e && d.liveId === t), a = /* @__PURE__ */ new Set(), j = async (e) => {
       try {
         switch ((await w({
           liveId: e.liveId,
@@ -47,7 +47,7 @@ const se = {
           })
         })).get(e.liveId)) {
           case f.TUIConnectionCodeSuccess:
-            a.add(e.userId), n({ type: l.SUCCESS, message: o("Battle invitation sent to user", { userName: e.userName }) });
+            a.add(e.userId), n({ type: l.SUCCESS, message: o("Battle invitation sent to user", { userName: e.userName || e.userId }) });
             break;
           case f.TUIConnectionCodeRoomNotExist:
             n({ type: l.ERROR, message: o("Send battle request failed, Room not exist") });
@@ -90,36 +90,36 @@ const se = {
     }, _ = ({ inviter: e }) => {
       a.has(e.userId) && a.delete(e.userId);
     }, E = ({ invitee: e }) => {
-      a.has(e.userId) && (a.delete(e.userId), n({ type: l.INFO, message: o("Battle request rejected by user", { userName: e.userName }) }));
+      a.has(e.userId) && (a.delete(e.userId), n({ type: l.INFO, message: o("Battle request rejected by user", { userName: e.userName || e.userId }) }));
     }, T = ({ inviter: e, invitee: t }) => {
-      var i;
-      e.userId === ((i = x.value) == null ? void 0 : i.userId) && a.has(t.userId) && (a.delete(t.userId), n({ type: l.INFO, message: o("Battle request timeout for user", { userName: t.userName }) }));
+      var d;
+      e.userId === ((d = x.value) == null ? void 0 : d.userId) && a.has(t.userId) && (a.delete(t.userId), n({ type: l.INFO, message: o("Battle request timeout for user", { userName: t.userName || t.userId }) }));
     };
     return J(() => {
       b(u.onCoHostRequestAccepted, k), b(u.onCoHostRequestCancelled, _), b(u.onCoHostRequestRejected, E), b(u.onCoHostRequestTimeout, T);
     }), K(() => {
       y(u.onCoHostRequestAccepted, k), y(u.onCoHostRequestCancelled, _), y(u.onCoHostRequestRejected, E), y(u.onCoHostRequestTimeout, T);
     }), (e, t) => {
-      var i, S;
+      var d, S;
       return m(), g(M, null, [
         U("div", se, [
-          (i = s(v)) != null && i.battleId ? (m(), g("div", ae, [
-            p(Z, { userList: s(L) }, {
-              "user-actions": r(({ user: d }) => [
+          (d = s(v)) != null && d.battleId ? (m(), g("div", ae, [
+            p(X, { userList: s(L) }, {
+              "user-actions": r(({ user: i }) => [
                 U("div", ne, c(s(o)("In battle")) + "... ", 1)
               ]),
               _: 1
             }, 8, ["userList"])
-          ])) : (m(), h(ee, {
+          ])) : (m(), h(Z, {
             key: 1,
             class: "recommend-host-list"
           }, {
-            "host-item-actions": r(({ user: d }) => [
-              $(d.userId, d.liveId) ? (m(), h(s(R), {
+            "host-item-actions": r(({ user: i }) => [
+              $(i.userId, i.liveId) ? (m(), h(s(R), {
                 key: 1,
                 size: "small",
                 color: "gray",
-                onClick: (P) => F(d)
+                onClick: (P) => F(i)
               }, {
                 default: r(() => [
                   C(c(s(o)("Cancel invitation")), 1)
@@ -129,7 +129,7 @@ const se = {
                 key: 0,
                 size: "small",
                 type: "primary",
-                onClick: (P) => j(d)
+                onClick: (P) => j(i)
               }, {
                 default: r(() => [
                   C(c(s(o)("Invite battle")), 1)
@@ -144,7 +144,7 @@ const se = {
           p(s(R), {
             type: "primary",
             color: "red",
-            onClick: t[0] || (t[0] = (d) => I.value = !0)
+            onClick: t[0] || (t[0] = (i) => I.value = !0)
           }, {
             default: r(() => [
               C(c(s(o)("End battle")), 1)
@@ -158,13 +158,13 @@ const se = {
           modal: !1,
           customClasses: ["exit-co-host-dialog"],
           onConfirm: H,
-          onCancel: t[2] || (t[2] = (d) => I.value = !1)
+          onCancel: t[2] || (t[2] = (i) => I.value = !1)
         }, {
           footer: r(() => [
             p(s(R), {
               type: "default",
               color: "gray",
-              onClick: t[1] || (t[1] = (d) => I.value = !1)
+              onClick: t[1] || (t[1] = (i) => I.value = !1)
             }, {
               default: r(() => [
                 C(c(s(o)("Cancel")), 1)
@@ -190,7 +190,7 @@ const se = {
       ], 64);
     };
   }
-}), be = /* @__PURE__ */ oe(re, [["__scopeId", "data-v-f84283ae"]]);
+}), be = /* @__PURE__ */ oe(re, [["__scopeId", "data-v-6a8f5606"]]);
 export {
   be as default
 };

package/dist/components/CoHostPanel/CoHostPanel.js

@@ -1,58 +1,63 @@
-import { defineComponent as x, ref as d, computed as b, watch as N, createBlock as T, openBlock as p, unref as n, withCtx as f, createElementVNode as e, createVNode as r, createElementBlock as U, createCommentVNode as y, normalizeClass as g, toDisplayString as C, withDirectives as h, vShow as k } from "vue";
-import { useUIKit as $, TUIDialog as w, IconLiveSetting as z, IconClose as A } from "@tencentcloud/uikit-base-component-vue3";
-import { useBattleState as E } from "../../states/BattleState.js";
-import V from "./BattlePanel.js";
-import F from "./ConfigSettingPanel.js";
-import G from "./ConnectionPanel.js";
-import { useCoHostState as K } from "../../states/CoHostState/CoHostState.js";
-import { CoHostStatus as j, CoHostLayoutTemplate as q } from "../../types/coHost.js";
-import { _ as J } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const M = { class: "dialog-header" }, O = { class: "dialog-title" }, Q = { class: "icon-buttons" }, R = { class: "panel-content" }, W = {
+import { defineComponent as N, ref as d, computed as b, watch as _, createBlock as g, openBlock as p, unref as i, withCtx as f, createElementVNode as e, createVNode as v, createElementBlock as $, createCommentVNode as y, normalizeClass as h, toDisplayString as C, withDirectives as k, vShow as L } from "vue";
+import { useUIKit as w, TUIDialog as z, IconLiveSetting as A, IconClose as E } from "@tencentcloud/uikit-base-component-vue3";
+import { useLoginState as V } from "../../states/LoginState.js";
+import F from "./BattlePanel.js";
+import G from "./ConfigSettingPanel.js";
+import K from "./ConnectionPanel.js";
+import { useCoHostState as j } from "../../states/CoHostState/CoHostState.js";
+import { useBattleState as q } from "../../states/BattleState/BattleState.js";
+import { CoHostStatus as J, CoHostLayoutTemplate as M } from "../../types/coHost.js";
+import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const Q = { class: "dialog-header" }, R = { class: "dialog-title" }, W = { class: "icon-buttons" }, X = { class: "panel-content" }, Y = {
   key: 0,
   class: "panel-header"
-}, X = { class: "tabs" }, Y = { class: "panel-body" }, Z = { class: "battle-content" }, tt = { class: "coHost-content" }, et = /* @__PURE__ */ x({
+}, Z = { class: "tabs" }, tt = { class: "panel-body" }, et = { class: "battle-content" }, ot = { class: "coHost-content" }, at = /* @__PURE__ */ N({
   __name: "CoHostPanel",
   props: {
     visible: { type: Boolean }
   },
   emits: ["update:visible"],
-  setup(D, { emit: L }) {
-    const { t: l } = $(), S = D, { coHostStatus: B } = K(), { currentBattleInfo: I } = E(), H = L, i = () => {
+  setup(S, { emit: D }) {
+    const { t: l } = w(), I = S, { loginUserInfo: B } = V(), { coHostStatus: P } = j(), { battleUsers: U } = q(), H = D, u = () => {
       H("update:visible", !1);
-    }, a = d("battleTab"), v = d(!1), m = b(() => B.value === j.Connected), c = b(() => {
-      var o;
-      return ((o = I.value) == null ? void 0 : o.battleId) !== void 0;
-    }), _ = b(() => c.value ? l("Anchor battling...") : m.value ? l("Anchor connecting...") : l("CoHost")), s = d({
+    }, a = d("battleTab"), m = d(!1), c = b(() => P.value === J.Connected), n = b(() => U.value.some((o) => {
+      var t;
+      return o.userId === ((t = B.value) == null ? void 0 : t.userId);
+    })), T = b(() => n.value ? l("Anchor battling...") : c.value ? l("Anchor connecting...") : l("CoHost")), s = d({
       battleDuration: 5 * 60,
-      coHostLayoutTemplate: q.HostDynamicGrid
-    }), P = (o) => {
+      coHostLayoutTemplate: M.HostDynamicGrid
+    }), x = (o) => {
       s.value = o;
     };
-    return N(c, (o, t) => {
+    return _(c, (o) => {
+      o && !n.value && (a.value = "coHostTab");
+    }, {
+      immediate: !0
+    }), _(n, (o, t) => {
       o && (H("update:visible", !1), a.value = "battleTab"), o !== t && !o && (a.value = "coHostTab");
     }, {
       immediate: !0
-    }), (o, t) => (p(), T(n(w), {
-      title: _.value,
-      visible: S.visible,
+    }), (o, t) => (p(), g(i(z), {
+      title: T.value,
+      visible: I.visible,
       "custom-classes": ["co-host-dialog"],
-      onClose: i,
-      onConfirm: i,
-      onCancel: i
+      onClose: u,
+      onConfirm: u,
+      onCancel: u
     }, {
       header: f(() => [
-        e("div", M, [
-          e("span", O, C(_.value), 1),
-          e("div", Q, [
-            !c.value && !m.value ? (p(), T(n(z), {
+        e("div", Q, [
+          e("span", R, C(T.value), 1),
+          e("div", W, [
+            !n.value && !c.value ? (p(), g(i(A), {
               key: 0,
               class: "icon-button",
               size: "20",
-              onClick: t[0] || (t[0] = (u) => v.value = !0)
+              onClick: t[0] || (t[0] = (r) => m.value = !0)
             })) : y("", !0),
-            r(n(A), {
+            v(i(E), {
               class: "icon-button",
-              onClick: i
+              onClick: u
             })
           ])
         ])
@@ -61,49 +66,49 @@ const M = { class: "dialog-header" }, O = { class: "dialog-title" }, Q = { class
         e("div", null, null, -1)
       ])]),
       default: f(() => [
-        e("div", R, [
-          !m.value && !c.value ? (p(), U("div", W, [
-            e("div", X, [
+        e("div", X, [
+          !c.value && !n.value ? (p(), $("div", Y, [
+            e("div", Z, [
               e("span", {
-                class: g(["tab-item", { active: a.value === "battleTab" }]),
-                onClick: t[1] || (t[1] = (u) => a.value = "battleTab")
-              }, C(n(l)("Host Battle")), 3),
+                class: h(["tab-item", { active: a.value === "battleTab" }]),
+                onClick: t[1] || (t[1] = (r) => a.value = "battleTab")
+              }, C(i(l)("Host Battle")), 3),
               e("span", {
-                class: g(["tab-item", { active: a.value === "coHostTab" }]),
-                onClick: t[2] || (t[2] = (u) => a.value = "coHostTab")
-              }, C(n(l)("Host Connection")), 3)
+                class: h(["tab-item", { active: a.value === "coHostTab" }]),
+                onClick: t[2] || (t[2] = (r) => a.value = "coHostTab")
+              }, C(i(l)("Host Connection")), 3)
             ])
           ])) : y("", !0),
-          e("div", Y, [
-            h(e("div", Z, [
-              r(V, {
+          e("div", tt, [
+            k(e("div", et, [
+              v(F, {
                 "battle-duration": s.value.battleDuration,
                 coHostLayoutTemplate: s.value.coHostLayoutTemplate
               }, null, 8, ["battle-duration", "coHostLayoutTemplate"])
             ], 512), [
-              [k, a.value === "battleTab"]
+              [L, a.value === "battleTab"]
             ]),
-            h(e("div", tt, [
-              r(G, {
+            k(e("div", ot, [
+              v(K, {
                 battleDuration: s.value.battleDuration,
                 coHostLayoutTemplate: s.value.coHostLayoutTemplate
               }, null, 8, ["battleDuration", "coHostLayoutTemplate"])
             ], 512), [
-              [k, a.value === "coHostTab"]
+              [L, a.value === "coHostTab"]
             ])
           ])
         ]),
-        r(F, {
-          visible: v.value,
-          "onUpdate:visible": t[3] || (t[3] = (u) => v.value = u),
+        v(G, {
+          visible: m.value,
+          "onUpdate:visible": t[3] || (t[3] = (r) => m.value = r),
           form: s.value,
-          onConfirm: P
+          onConfirm: x
         }, null, 8, ["visible", "form"])
       ]),
       _: 1
     }, 8, ["title", "visible"]));
   }
-}), vt = /* @__PURE__ */ J(et, [["__scopeId", "data-v-4f709c76"]]);
+}), bt = /* @__PURE__ */ O(at, [["__scopeId", "data-v-93d0efba"]]);
 export {
-  vt as default
+  bt as default
 };