tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/CoGuestPanel/CoGuestPanel.js

@@ -1,210 +1,169 @@
-import { defineComponent, ref, createElementBlock, openBlock, createElementVNode, normalizeClass, toDisplayString, unref, createCommentVNode, Fragment, renderList, createVNode, withCtx, createTextVNode } from "vue";
-import { useUIKit, TUIButton, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import { useCoGuestState } from "../../states/CoGuestState.js";
-import { useLoginState } from "../../states/LoginState.js";
-import { useSeatStore } from "../../states/SeatStore.js";
-import Avatar from "../Avatar/Avatar.js";
-import { ERROR_MESSAGE } from "./constants.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "panel-content" };
-const _hoisted_2 = { class: "panel-header" };
-const _hoisted_3 = { class: "tabs" };
-const _hoisted_4 = { class: "panel-body" };
-const _hoisted_5 = {
+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 { 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 = {
   key: 0,
   class: "applications-content"
-};
-const _hoisted_6 = {
+}, M = {
   key: 0,
   class: "user-list-container"
-};
-const _hoisted_7 = { class: "user-list" };
-const _hoisted_8 = { class: "user-item-left" };
-const _hoisted_9 = { class: "user-item-right" };
-const _hoisted_10 = { class: "user-info" };
-const _hoisted_11 = { class: "user-name" };
-const _hoisted_12 = { class: "user-actions" };
-const _hoisted_13 = {
+}, 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 = {
   key: 1,
   class: "empty-state"
-};
-const _hoisted_14 = {
+}, X = {
   key: 1,
   class: "invitations-content"
-};
-const _hoisted_15 = { class: "user-list-container" };
-const _hoisted_16 = { class: "user-list-title" };
-const _hoisted_17 = { class: "user-list-title-text" };
-const _hoisted_18 = { class: "user-list-title-count" };
-const _hoisted_19 = { class: "user-list" };
-const _hoisted_20 = { class: "user-item-left" };
-const _hoisted_21 = { class: "user-item-right" };
-const _hoisted_22 = { class: "user-info" };
-const _hoisted_23 = { class: "user-name" };
-const _hoisted_24 = {
+}, 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 = {
   key: 0,
   class: "is-me"
-};
-const _hoisted_25 = {
+}, re = {
   key: 0,
   class: "user-actions"
-};
-const _hoisted_26 = {
+}, le = {
   key: 0,
   class: "empty-state"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, de = /* @__PURE__ */ S({
   __name: "CoGuestPanel",
-  setup(__props) {
-    const { t } = useUIKit();
-    const { loginUserInfo } = useLoginState();
-    const { seatList } = useSeatStore();
-    const {
-      receivedCoGuestUserList,
-      userListInCoGuest,
-      acceptCoGuestRequest,
-      rejectCoGuestRequest,
-      disconnect
-    } = useCoGuestState();
-    const activeTab = ref("applications");
-    const handleAcceptCoGuestRequest = async (userId) => {
+  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) => {
       try {
-        await acceptCoGuestRequest({ userId });
-      } catch (error) {
-        const message = t(ERROR_MESSAGE[error.code] || "Accept co-guest request failed");
-        TUIToast.error({ message });
+        await q({ userId: l });
+      } catch (c) {
+        const s = o(P[c.code] || "Accept co-guest request failed");
+        f.error({ message: s });
       }
-    };
-    const handleRejectCoGuestRequest = async (userId) => {
+    }, x = async (l) => {
       try {
-        await rejectCoGuestRequest({ userId });
-      } catch (error) {
-        console.error("[CoGuestPanel] handleRejectCoGuestRequest error", error);
-        TUIToast.error({
-          message: t("Reject co-guest request failed")
+        await N({ userId: l });
+      } catch (c) {
+        console.error("[CoGuestPanel] handleRejectCoGuestRequest error", c), f.error({
+          message: o("Reject co-guest request failed")
         });
       }
-    };
-    const handleDisconnect = async (userId) => {
+    }, A = async (l) => {
       try {
-        await disconnect(userId);
-      } catch (error) {
-        console.error("[CoGuestPanel] handleDisconnect error", error);
-        TUIToast.error({
-          message: t("Disconnect co-guest failed")
+        await U(l);
+      } catch (c) {
+        console.error("[CoGuestPanel] handleDisconnect error", c), f.error({
+          message: o("Disconnect co-guest failed")
         });
       }
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("span", {
-              class: normalizeClass(["tab-item", { active: activeTab.value === "applications" }]),
-              onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "applications")
-            }, toDisplayString(unref(t)("Application for live")), 3),
-            createElementVNode("span", {
-              class: normalizeClass(["tab-item", { active: activeTab.value === "invitations" }]),
-              onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "invitations")
-            }, toDisplayString(unref(t)("Co-guest management")), 3)
-          ])
-        ]),
-        createElementVNode("div", _hoisted_4, [
-          activeTab.value === "applications" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            unref(receivedCoGuestUserList).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
-              createElementVNode("div", _hoisted_7, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(receivedCoGuestUserList), (user) => {
-                  return openBlock(), createElementBlock("div", {
-                    key: user.userId,
-                    class: "user-item"
-                  }, [
-                    createElementVNode("div", _hoisted_8, [
-                      createVNode(unref(Avatar), {
-                        src: user.avatarUrl,
-                        size: 40
-                      }, null, 8, ["src"])
-                    ]),
-                    createElementVNode("div", _hoisted_9, [
-                      createElementVNode("div", _hoisted_10, [
-                        createElementVNode("span", _hoisted_11, toDisplayString(user.userName || user.userId), 1)
+    return (l, c) => (i(), n("div", w, [
+      e("div", L, [
+        e("div", V, [
+          e("span", {
+            class: g(["tab-item", { active: r.value === "applications" }]),
+            onClick: c[0] || (c[0] = (s) => r.value = "applications")
+          }, a(t(o)("Application for live")), 3),
+          e("span", {
+            class: g(["tab-item", { active: r.value === "invitations" }]),
+            onClick: c[1] || (c[1] = (s) => r.value = "invitations")
+          }, 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", F, [
+              (i(!0), n(I, null, G(t(y), (s) => (i(), n("div", {
+                key: s.userId,
+                class: "user-item"
+              }, [
+                e("div", K, [
+                  u(t(R), {
+                    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", Q, [
+                    u(t(h), {
+                      onClick: (_) => $(s.userId)
+                    }, {
+                      default: v(() => [
+                        m(a(t(o)("Accept")), 1)
                       ]),
-                      createElementVNode("div", _hoisted_12, [
-                        createVNode(unref(TUIButton), {
-                          onClick: ($event) => handleAcceptCoGuestRequest(user.userId)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("Accept")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["onClick"]),
-                        createVNode(unref(TUIButton), {
-                          color: "red",
-                          onClick: ($event) => handleRejectCoGuestRequest(user.userId)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("Reject")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["onClick"])
-                      ])
-                    ])
-                  ]);
-                }), 128))
-              ])
-            ])) : (openBlock(), createElementBlock("div", _hoisted_13, [
-              createElementVNode("span", null, toDisplayString(unref(t)("No application for live")), 1)
-            ]))
-          ])) : createCommentVNode("", true),
-          activeTab.value === "invitations" ? (openBlock(), createElementBlock("div", _hoisted_14, [
-            createElementVNode("div", _hoisted_15, [
-              createElementVNode("div", _hoisted_16, [
-                createElementVNode("span", _hoisted_17, toDisplayString(unref(t)("Current seat")), 1),
-                createElementVNode("span", _hoisted_18, toDisplayString(`(${unref(userListInCoGuest).length}/${unref(seatList).length})`), 1)
-              ]),
-              createElementVNode("div", _hoisted_19, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(userListInCoGuest), (user) => {
-                  var _a, _b;
-                  return openBlock(), createElementBlock("div", {
-                    key: user.userId,
-                    class: "user-item"
-                  }, [
-                    createElementVNode("div", _hoisted_20, [
-                      createVNode(unref(Avatar), {
-                        src: user.avatarUrl,
-                        size: 40
-                      }, null, 8, ["src"])
-                    ]),
-                    createElementVNode("div", _hoisted_21, [
-                      createElementVNode("div", _hoisted_22, [
-                        createElementVNode("span", _hoisted_23, toDisplayString(user.userName || user.userId), 1),
-                        user.userId === ((_a = unref(loginUserInfo)) == null ? void 0 : _a.userId) ? (openBlock(), createElementBlock("span", _hoisted_24, toDisplayString(`(${unref(t)("Me")})`), 1)) : createCommentVNode("", true)
+                      _: 1
+                    }, 8, ["onClick"]),
+                    u(t(h), {
+                      color: "red",
+                      onClick: (_) => x(s.userId)
+                    }, {
+                      default: v(() => [
+                        m(a(t(o)("Reject")), 1)
                       ]),
-                      user.userId !== ((_b = unref(loginUserInfo)) == null ? void 0 : _b.userId) ? (openBlock(), createElementBlock("div", _hoisted_25, [
-                        createVNode(unref(TUIButton), {
-                          color: "gray",
-                          onClick: ($event) => handleDisconnect(user.userId)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(unref(t)("Disconnect")), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["onClick"])
-                      ])) : createCommentVNode("", true)
-                    ])
-                  ]);
-                }), 128))
-              ]),
-              unref(userListInCoGuest).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_26, [
-                createElementVNode("span", null, toDisplayString(unref(t)("Seat is empty")), 1)
-              ])) : createCommentVNode("", true)
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ])
+              ]))), 128))
             ])
-          ])) : createCommentVNode("", true)
-        ])
-      ]);
-    };
+          ])) : (i(), n("div", W, [
+            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)
+            ]),
+            e("div", se, [
+              (i(!0), n(I, null, G(t(p), (s) => {
+                var _, k;
+                return i(), n("div", {
+                  key: s.userId,
+                  class: "user-item"
+                }, [
+                  e("div", oe, [
+                    u(t(R), {
+                      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)
+                    ]),
+                    s.userId !== ((k = t(C)) == null ? void 0 : k.userId) ? (i(), n("div", re, [
+                      u(t(h), {
+                        color: "gray",
+                        onClick: (_e) => A(s.userId)
+                      }, {
+                        default: v(() => [
+                          m(a(t(o)("Disconnect")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"])
+                    ])) : d("", !0)
+                  ])
+                ]);
+              }), 128))
+            ]),
+            t(p).length === 0 ? (i(), n("div", le, [
+              e("span", null, a(t(o)("Seat is empty")), 1)
+            ])) : d("", !0)
+          ])
+        ])) : d("", !0)
+      ])
+    ]));
   }
-});
-const CoGuestPanelPC = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e1e8cab"]]);
+}), ke = /* @__PURE__ */ T(de, [["__scopeId", "data-v-503f71dc"]]);
 export {
-  CoGuestPanelPC as default
+  ke as default
 };

package/dist/components/CoGuestPanel/constants.js

@@ -1,7 +1,7 @@
-const ERROR_MESSAGE = {
+const e = {
   100210: "this seat is already occupied by others",
   100205: "there is no available seat to take"
 };
 export {
-  ERROR_MESSAGE
+  e as ERROR_MESSAGE
 };

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

@@ -1,24 +1,24 @@
-const resource = {
+const e = {
   "Application for live": "Application for live",
   "Invite for live": "Invite for live",
   "Co-guest management": "Co-guest management",
   "Seat is empty": "Seat is empty",
   "No invited users yet": "No invited users yet",
   "Current seat": "Current seat",
-  "Accept": "Accept",
-  "Reject": "Reject",
-  "Disconnect": "Disconnect",
-  "Cancel": "Cancel",
-  "Invite": "Invite",
+  Accept: "Accept",
+  Reject: "Reject",
+  Disconnect: "Disconnect",
+  Cancel: "Cancel",
+  Invite: "Invite",
   "Invite more": "Invite more",
-  "Inviting": "Inviting",
+  Inviting: "Inviting",
   "No application for live": "No application for live",
-  "Me": "Me",
+  Me: "Me",
   "this seat is already occupied by others": "This seat is already occupied by others",
   "there is no available seat to take": "There is no available seat to take",
   "Accept co-guest request failed": "Accept co-guest request failed",
   "Reject co-guest request failed": "Reject co-guest request failed"
 };
 export {
-  resource
+  e as resource
 };

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

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

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

@@ -1,24 +1,24 @@
-const resource = {
+const e = {
   "Application for live": "连麦申请",
   "Invite for live": "邀请连麦",
   "Co-guest management": "连麦管理",
   "Seat is empty": "麦位空闲",
   "No invited users yet": "暂无可邀请用户",
   "Current seat": "当前麦位",
-  "Accept": "接受",
-  "Reject": "拒绝",
-  "Disconnect": "断开连麦",
-  "Cancel": "取消",
-  "Invite": "邀请",
+  Accept: "接受",
+  Reject: "拒绝",
+  Disconnect: "断开连麦",
+  Cancel: "取消",
+  Invite: "邀请",
   "Invite more": "邀请更多",
-  "Inviting": "邀请中",
+  Inviting: "邀请中",
   "No application for live": "暂无连麦申请",
-  "Me": "我",
+  Me: "我",
   "this seat is already occupied by others": "该麦位已被占用",
   "there is no available seat to take": "暂无可用麦位",
   "Accept co-guest request failed": "接受连麦请求失败",
   "Reject co-guest request failed": "拒绝连麦请求失败"
 };
 export {
-  resource
+  e as resource
 };

package/dist/components/CoGuestPanel/index.js

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

package/dist/components/CoHostPanel/BattlePanel.js

@@ -0,0 +1,196 @@
+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 { CoHostEvent as u } from "../../types/coHost.js";
+import { _ as oe } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const se = {
+  id: "AtomicxCoHostPanel",
+  class: "battle-panel"
+}, ae = {
+  key: 0,
+  class: "battle-user-list"
+}, ne = { class: "user-status" }, le = {
+  key: 0,
+  class: "battle-panel-footer"
+}, re = /* @__PURE__ */ V({
+  __name: "BattlePanel",
+  props: {
+    battleDuration: {},
+    coHostLayoutTemplate: {}
+  },
+  setup(B) {
+    const { t: o } = G(), q = B, { loginUserInfo: x } = X(), {
+      invitees: N,
+      requestHostConnection: w,
+      cancelHostConnection: O,
+      subscribeEvent: b,
+      unsubscribeEvent: y
+    } = te(), {
+      currentBattleInfo: v,
+      battleUsers: L,
+      requestBattle: A,
+      exitBattle: D
+    } = W(), 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,
+          layoutTemplate: q.coHostLayoutTemplate,
+          timeout: 10,
+          extensionInfo: JSON.stringify({
+            timeout: 10,
+            withBattle: !0
+          })
+        })).get(e.liveId)) {
+          case f.TUIConnectionCodeSuccess:
+            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") });
+            break;
+          case f.TUIConnectionCodeConnecting:
+            n({ type: l.ERROR, message: o("Send battle request failed, Room is connecting") });
+            break;
+          case f.TUIConnectionCodeConnectingOtherRoom:
+            n({ type: l.ERROR, message: o("Send battle request failed, Room is connecting other room") });
+            break;
+          case f.TUIConnectionCodeFull:
+            n({ type: l.ERROR, message: o("Send battle request failed, Connected count is full") });
+            break;
+          case f.TUIConnectionCodeRetry:
+            n({ type: l.ERROR, message: o("Send battle request failed") });
+            break;
+        }
+      } catch (t) {
+        throw a.delete(e.userId), n({ type: l.ERROR, message: o("Send battle request failed") }), t;
+      }
+    }, F = async (e) => {
+      await O({ liveId: e.liveId }), a.delete(e.userId);
+    }, H = () => {
+      var e, t;
+      (e = v.value) != null && e.battleId && (D({ battleId: (t = v.value) == null ? void 0 : t.battleId }), I.value = !1);
+    }, k = async ({ invitee: e }) => {
+      if (a.has(e.userId))
+        try {
+          await A({
+            config: {
+              duration: q.battleDuration,
+              needResponse: !1
+            },
+            userIdList: [e.userId],
+            timeout: 0
+          }), a.delete(e.userId);
+        } catch (t) {
+          throw n({ type: l.ERROR, message: o("Request battle failed") }), t;
+        }
+    }, _ = ({ 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 || e.userId }) }));
+    }, T = ({ inviter: e, invitee: t }) => {
+      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 d, S;
+      return m(), g(M, null, [
+        U("div", se, [
+          (d = s(v)) != null && d.battleId ? (m(), g("div", ae, [
+            p(Z, { userList: s(L) }, {
+              "user-actions": r(({ user: i }) => [
+                U("div", ne, c(s(o)("In battle")) + "... ", 1)
+              ]),
+              _: 1
+            }, 8, ["userList"])
+          ])) : (m(), h(ee, {
+            key: 1,
+            class: "recommend-host-list"
+          }, {
+            "host-item-actions": r(({ user: i }) => [
+              $(i.userId, i.liveId) ? (m(), h(s(R), {
+                key: 1,
+                size: "small",
+                color: "gray",
+                onClick: (P) => F(i)
+              }, {
+                default: r(() => [
+                  C(c(s(o)("Cancel invitation")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : (m(), h(s(R), {
+                key: 0,
+                size: "small",
+                type: "primary",
+                onClick: (P) => j(i)
+              }, {
+                default: r(() => [
+                  C(c(s(o)("Invite battle")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"]))
+            ]),
+            _: 1
+          }))
+        ]),
+        (S = s(v)) != null && S.battleId ? (m(), g("div", le, [
+          p(s(R), {
+            type: "primary",
+            color: "red",
+            onClick: t[0] || (t[0] = (i) => I.value = !0)
+          }, {
+            default: r(() => [
+              C(c(s(o)("End battle")), 1)
+            ]),
+            _: 1
+          })
+        ])) : Y("", !0),
+        p(s(Q), {
+          visible: I.value,
+          showClose: !1,
+          modal: !1,
+          customClasses: ["exit-co-host-dialog"],
+          onConfirm: H,
+          onCancel: t[2] || (t[2] = (i) => I.value = !1)
+        }, {
+          footer: r(() => [
+            p(s(R), {
+              type: "default",
+              color: "gray",
+              onClick: t[1] || (t[1] = (i) => I.value = !1)
+            }, {
+              default: r(() => [
+                C(c(s(o)("Cancel")), 1)
+              ]),
+              _: 1
+            }),
+            p(s(R), {
+              type: "primary",
+              color: "red",
+              onClick: H
+            }, {
+              default: r(() => [
+                C(c(s(o)("End battle")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: r(() => [
+            C(c(s(o)("Are you sure you want to exit the battle")) + " ", 1)
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 64);
+    };
+  }
+}), be = /* @__PURE__ */ oe(re, [["__scopeId", "data-v-460969fc"]]);
+export {
+  be as default
+};