tuikit-atomicx-vue3 3.4.1 → 3.4.2

package/dist/components/{LiveCoreView → LiveView}/CoreViewDecorate/BattleUserDecorate.js

@@ -1,66 +1,73 @@
-import { defineComponent as I, ref as S, computed as m, onMounted as U, onUnmounted as V, createElementBlock as n, createCommentVNode as B, openBlock as s, Fragment as D, renderList as C, normalizeStyle as G, createElementVNode as i, normalizeClass as M, unref as p, toDisplayString as w } from "vue";
-import { useBattleState as T } from "../../../states/BattleState.js";
-import { useLiveState as Z } from "../../../states/LiveState/index.js";
-import { TUILiveBattleManagerEvents as c } from "@tencentcloud/tuiroom-engine-js";
+import { defineComponent as S, ref as U, computed as g, watch as V, createElementBlock as l, createCommentVNode as m, openBlock as a, Fragment as L, renderList as D, normalizeStyle as C, unref as o, toDisplayString as p, createElementVNode as d, normalizeClass as E } from "vue";
+import { useBattleState as G } from "../../../states/BattleState.js";
+import { useLiveState as k } from "../../../states/LiveState/index.js";
+import { useUIKit as M } from "@tencentcloud/uikit-base-component-vue3";
+import { useCoHostState as T } from "../../../states/CoHostState/CoHostState.js";
 import { CoHostLayoutTemplate as y } from "../../../types/coHost.js";
-import { _ as k } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const z = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_18421_20177)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200.70166L14.9282%204.52622V12.1753L8%2015.9999L1.0718%2012.1753V4.52622L8%200.70166Z'%20fill='%23EF6428'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200L14.9282%203.82456V11.4737L8%2015.2982L1.0718%2011.4737V3.82456L8%200Z'%20fill='url(%23paint0_linear_18421_20177)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.99957%201.69971L13.3882%204.67437V10.6237L7.99957%2013.5983L2.61096%2010.6237V4.67437L7.99957%201.69971Z'%20fill='%23FFD37A'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_18421_20177'%20x1='0'%20y1='0'%20x2='0'%20y2='15.2982'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFAE5F'/%3e%3cstop%20offset='1'%20stop-color='%23FF8C3C'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_18421_20177'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", O = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_18421_20178)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200.69458L14.9282%204.48401V12.0629L8%2015.8523L1.0718%2012.0629V4.48401L8%200.69458Z'%20fill='%237D9AC6'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200L14.9282%203.78943V11.3683L8%2015.1577L1.0718%2011.3683V3.78943L8%200Z'%20fill='url(%23paint0_linear_18421_20178)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.99957%201.68311L13.3882%204.63044V10.5251L7.99957%2013.4724L2.61096%2010.5251V4.63044L7.99957%201.68311Z'%20fill='url(%23paint1_linear_18421_20178)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_18421_20178'%20x1='0'%20y1='0'%20x2='0'%20y2='15.1577'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E6F1FE'/%3e%3cstop%20offset='1'%20stop-color='%23B7C6E2'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_18421_20178'%20x1='1.77734'%20y1='1.68311'%20x2='1.77734'%20y2='13.4724'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EDF6FF'/%3e%3cstop%20offset='1'%20stop-color='%23E1F0FF'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_18421_20178'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", P = {
+import { _ as Z } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const z = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_18421_20177)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200.70166L14.9282%204.52622V12.1753L8%2015.9999L1.0718%2012.1753V4.52622L8%200.70166Z'%20fill='%23EF6428'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200L14.9282%203.82456V11.4737L8%2015.2982L1.0718%2011.4737V3.82456L8%200Z'%20fill='url(%23paint0_linear_18421_20177)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.99957%201.69971L13.3882%204.67437V10.6237L7.99957%2013.5983L2.61096%2010.6237V4.67437L7.99957%201.69971Z'%20fill='%23FFD37A'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_18421_20177'%20x1='0'%20y1='0'%20x2='0'%20y2='15.2982'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFAE5F'/%3e%3cstop%20offset='1'%20stop-color='%23FF8C3C'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_18421_20177'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", O = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_18421_20178)'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200.69458L14.9282%204.48401V12.0629L8%2015.8523L1.0718%2012.0629V4.48401L8%200.69458Z'%20fill='%237D9AC6'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%200L14.9282%203.78943V11.3683L8%2015.1577L1.0718%2011.3683V3.78943L8%200Z'%20fill='url(%23paint0_linear_18421_20178)'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.99957%201.68311L13.3882%204.63044V10.5251L7.99957%2013.4724L2.61096%2010.5251V4.63044L7.99957%201.68311Z'%20fill='url(%23paint1_linear_18421_20178)'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_18421_20178'%20x1='0'%20y1='0'%20x2='0'%20y2='15.1577'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E6F1FE'/%3e%3cstop%20offset='1'%20stop-color='%23B7C6E2'/%3e%3c/linearGradient%3e%3clinearGradient%20id='paint1_linear_18421_20178'%20x1='1.77734'%20y1='1.68311'%20x2='1.77734'%20y2='13.4724'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23EDF6FF'/%3e%3cstop%20offset='1'%20stop-color='%23E1F0FF'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_18421_20178'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", H = {
   key: 0,
   class: "battle-user-decorate-container"
-}, A = {
+}, P = {
   key: 0,
   class: "battle-decorate"
-}, H = ["src"], R = { class: "battle-level" }, W = { class: "battle-score-value" }, N = /* @__PURE__ */ I({
+}, A = {
+  key: 0,
+  class: "battle-score-value"
+}, R = ["src"], W = { class: "battle-level" }, N = { class: "battle-score-value" }, K = /* @__PURE__ */ S({
   __name: "BattleUserDecorate",
   props: {
     seatListWithRealSize: {}
   },
   setup(f) {
-    const b = f, { currentLive: v } = Z(), { battleUsers: F, battleScore: d, subscribeEvent: h, unsubscribeEvent: _ } = T(), u = S(!1), x = m(() => {
-      var o, l;
-      const t = ((o = v.value) == null ? void 0 : o.layoutTemplate) === y.HostDynamicGrid && F.value.length > 2, r = ((l = v.value) == null ? void 0 : l.layoutTemplate) === y.HostDynamic1v6, e = t || r;
-      return b.seatListWithRealSize.length > 0 && u.value && e;
-    }), E = m(() => [...d.value.values()].sort((t, r) => r - t));
-    function a(t) {
-      return E.value.indexOf(d.value.get(t) || 0) + 1;
-    }
-    function g() {
-      u.value = !0;
-    }
-    function L() {
-      setTimeout(() => {
-        u.value = !1;
-      }, 5e3);
+    const { t: w } = M(), I = f, { currentLive: v } = k(), { connected: b } = T(), { currentBattleInfo: B, battleScore: s } = G(), u = U(!1), F = g(() => {
+      var c, r;
+      const e = ((c = v.value) == null ? void 0 : c.layoutTemplate) === y.HostDynamicGrid, n = ((r = v.value) == null ? void 0 : r.layoutTemplate) === y.HostDynamic1v6, t = e || n;
+      return I.seatListWithRealSize.length > 0 && u.value && t && b.value.length > 2;
+    }), x = g(() => [...s.value.values()].sort((e, n) => n - e));
+    function i(e) {
+      return x.value.indexOf(s.value.get(e) || 0) + 1;
     }
-    return U(() => {
-      h(c.onBattleStarted, g), h(c.onBattleEnded, L);
-    }), V(() => {
-      _(c.onBattleStarted, g), _(c.onBattleEnded, L);
-    }), (t, r) => x.value ? (s(), n("div", P, [
-      (s(!0), n(D, null, C(f.seatListWithRealSize, (e, o) => {
-        var l;
-        return s(), n("div", {
-          key: `seat-${o}`,
-          style: G(e.region)
+    let _ = null;
+    return V(() => {
+      var e;
+      return (e = B.value) == null ? void 0 : e.battleId;
+    }, (e) => {
+      if (e != null)
+        u.value = !0;
+      else {
+        if (_) return;
+        _ = setTimeout(() => {
+          u.value = !1;
+        }, 5e3);
+      }
+    }, { immediate: !0 }), (e, n) => F.value ? (a(), l("div", H, [
+      (a(!0), l(L, null, D(f.seatListWithRealSize, (t, c) => {
+        var r, h;
+        return a(), l("div", {
+          key: `seat-${c}`,
+          style: C(t.region)
         }, [
-          a(e.userInfo.userId) > 0 ? (s(), n("div", A, [
-            i("div", {
-              class: M(["battle-badge-container", a(e.userInfo.userId) === 1 ? "top-badge" : "ordinary-badge"])
-            }, [
-              i("img", {
-                src: a(e.userInfo.userId) === 1 ? p(z) : p(O),
-                alt: "battle-badge",
-                class: "battle-badge"
-              }, null, 8, H),
-              i("span", R, w(a(e.userInfo.userId)), 1)
-            ], 2),
-            i("span", W, w(((l = p(d)) == null ? void 0 : l.get(e.userInfo.userId)) || 0), 1)
-          ])) : B("", !0)
+          i(t.userInfo.userId) > 0 ? (a(), l("div", P, [
+            (r = o(s)) != null && r.has(t.userInfo.userId) ? (a(), l(L, { key: 1 }, [
+              d("div", {
+                class: E(["battle-badge-container", i(t.userInfo.userId) === 1 ? "top-badge" : "ordinary-badge"])
+              }, [
+                d("img", {
+                  src: i(t.userInfo.userId) === 1 ? o(z) : o(O),
+                  alt: "battle-badge",
+                  class: "battle-badge"
+                }, null, 8, R),
+                d("span", W, p(i(t.userInfo.userId)), 1)
+              ], 2),
+              d("span", N, p(((h = o(s)) == null ? void 0 : h.get(t.userInfo.userId)) || 0), 1)
+            ], 64)) : (a(), l("span", A, p(o(w)("Connecting")), 1))
+          ])) : m("", !0)
         ], 4);
       }), 128))
-    ])) : B("", !0);
+    ])) : m("", !0);
   }
-}), X = /* @__PURE__ */ k(N, [["__scopeId", "data-v-643ef0a9"]]);
+}), ee = /* @__PURE__ */ Z(K, [["__scopeId", "data-v-0a9bc14e"]]);
 export {
-  X as default
+  ee as default
 };

package/dist/components/{LiveCoreView → LiveView}/CoreViewDecorate/CoHostDecorate.js

@@ -48,7 +48,7 @@ const M = {
       ])) : T("", !0);
     };
   }
-}), J = /* @__PURE__ */ E(b, [["__scopeId", "data-v-d6dae3fa"]]);
+}), J = /* @__PURE__ */ E(b, [["__scopeId", "data-v-673defc5"]]);
 export {
   J as default
 };

package/dist/components/{LiveCoreView → LiveView}/CoreViewDecorate/LiveCoreDecorate.js

@@ -29,7 +29,7 @@ const S = {
       ], 4)) : u("", !0)
     ], 64));
   }
-}), D = /* @__PURE__ */ z(W, [["__scopeId", "data-v-bd899db7"]]);
+}), D = /* @__PURE__ */ z(W, [["__scopeId", "data-v-666d0e70"]]);
 export {
   D as default
 };

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

@@ -35,7 +35,7 @@ const q = { class: "stream-cover" }, J = {
         width: parseInt(e == null ? void 0 : e.region.width),
         height: parseInt(e == null ? void 0 : e.region.height)
       } : { width: 0, height: 0 };
-    }), b = u(() => {
+    }), A = u(() => {
       const t = Math.min(g.value.width, g.value.height);
       return t < 64 ? t - 10 : 54;
     }), f = u(() => {
@@ -44,8 +44,8 @@ const q = { class: "stream-cover" }, J = {
         return ((n = t.userInfo) == null ? void 0 : n.userId) === ((s = a.userInfo) == null ? void 0 : s.userId);
       });
       return e ? a.streamViewInfoList.filter((t) => {
-        const n = t.region.zIndex > (e == null ? void 0 : e.region.zIndex), s = parseInt(t.region.left) > parseInt(e == null ? void 0 : e.region.left) && parseInt(t.region.left) < parseInt(e == null ? void 0 : e.region.left) + parseInt(e == null ? void 0 : e.region.width), L = parseInt(t.region.top) > parseInt(e == null ? void 0 : e.region.top) && parseInt(t.region.top) < parseInt(e == null ? void 0 : e.region.top) + parseInt(e == null ? void 0 : e.region.height);
-        return n && s && L;
+        const n = t.region.zIndex > (e == null ? void 0 : e.region.zIndex), s = parseInt(t.region.left) > parseInt(e == null ? void 0 : e.region.left) && parseInt(t.region.left) < parseInt(e == null ? void 0 : e.region.left) + parseInt(e == null ? void 0 : e.region.width), b = parseInt(t.region.top) > parseInt(e == null ? void 0 : e.region.top) && parseInt(t.region.top) < parseInt(e == null ? void 0 : e.region.top) + parseInt(e == null ? void 0 : e.region.height);
+        return n && s && b;
       }).map((t) => ({
         left: parseInt(t.region.left) - parseInt(e == null ? void 0 : e.region.left),
         top: parseInt(t.region.top) - parseInt(e == null ? void 0 : e.region.top),
@@ -75,13 +75,13 @@ const q = { class: "stream-cover" }, J = {
     }), _ = u(() => {
       var e;
       return ((e = a.userInfo) == null ? void 0 : e.microphoneStatus) === k.On;
-    }), A = u(() => {
+    }), L = u(() => {
       var e;
       return ((e = a.userInfo) == null ? void 0 : e.cameraStatus) === k.On;
     });
     return (e, t) => (o(), r("div", q, [
       d.userInfo.userId ? (o(), r(B, { key: 0 }, [
-        A.value ? v("", !0) : (o(), r("div", J, [
+        L.value ? v("", !0) : (o(), r("div", J, [
           f.value.length > 0 ? (o(), r("canvas", {
             key: 0,
             ref_key: "canvasRef",
@@ -90,7 +90,7 @@ const q = { class: "stream-cover" }, J = {
           }, null, 512)) : (o(), r("div", P)),
           D(l(w), {
             class: "avatar",
-            size: b.value,
+            size: A.value,
             src: d.userInfo.avatarUrl,
             alt: m.value
           }, null, 8, ["size", "src", "alt"])
@@ -118,7 +118,7 @@ const q = { class: "stream-cover" }, J = {
       ]))
     ]));
   }
-}), le = /* @__PURE__ */ j(S, [["__scopeId", "data-v-9237082b"]]);
+}), le = /* @__PURE__ */ j(S, [["__scopeId", "data-v-0e1033e9"]]);
 export {
   le as default
 };

package/dist/components/{LiveCoreView → LiveView}/PlayerControl/AudioControl.js

@@ -1,4 +1,4 @@
-import { defineComponent as K, ref as v, computed as y, onUnmounted as N, createElementBlock as j, openBlock as g, normalizeStyle as C, createElementVNode as n, withDirectives as q, unref as S, createBlock as D, normalizeClass as J, toDisplayString as Q, vShow as W, toRaw as X } from "vue";
+import { defineComponent as K, ref as v, computed as y, onUnmounted as N, createElementBlock as j, openBlock as C, normalizeStyle as _, createElementVNode as n, withDirectives as q, unref as S, createBlock as D, normalizeClass as J, toDisplayString as Q, vShow as W, toRaw as X } from "vue";
 import { useUIKit as Z, IconSpeakerOff as ee, IconSpeakerOn as oe } from "@tencentcloud/uikit-base-component-vue3";
 import { isMobile as r } from "../../../utils/env.js";
 import { _ as te } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
@@ -10,15 +10,15 @@ const le = ["title"], ne = { class: "volume-slider-container" }, ue = { class: "
   },
   emits: ["volume-change", "muted-change"],
   setup(T, { emit: w }) {
-    const o = T, m = w, { t: _ } = Z(), t = v({
+    const o = T, m = w, { t: V } = Z(), t = v({
       current: 1,
       previous: 1
-    }), u = v(!1), l = v(!1), a = v(!1), V = v(), s = v(null), E = {
+    }), u = v(!1), l = v(!1), a = v(!1), E = v(), s = v(null), b = {
       PC: 500,
       // 0.5 seconds for PC
       MOBILE: 3e3
       // 3 seconds for mobile
-    }, b = y(() => o.enableVolumeControl === !1 ? u.value ? 0 : 100 : Math.round(t.value.current * 100)), z = y(() => ({
+    }, g = y(() => o.enableVolumeControl === !1 ? u.value ? 0 : 100 : Math.round(t.value.current * 100)), z = y(() => ({
       width: `${o.iconSize || 20}px`,
       height: `${o.iconSize || 20}px`
     })), A = (e) => {
@@ -29,7 +29,7 @@ const le = ["title"], ne = { class: "volume-slider-container" }, ue = { class: "
       o.enableVolumeControl === !1 ? M() : r ? (l.value = !l.value, l.value ? i() : d()) : M();
     }, i = () => {
       d();
-      const e = r ? E.MOBILE : E.PC;
+      const e = r ? b.MOBILE : b.PC;
       s.value = window.setTimeout(() => {
         o.enableVolumeControl && (l.value = !1);
       }, e);
@@ -53,7 +53,7 @@ const le = ["title"], ne = { class: "volume-slider-container" }, ue = { class: "
       e.preventDefault();
       let c;
       e instanceof MouseEvent ? c = e.clientY : c = e.touches[0].clientY;
-      const p = O(c, V.value);
+      const p = O(c, E.value);
       A(p);
     }, h = () => {
       a.value = !1, o.enableVolumeControl && l.value && i(), L();
@@ -70,21 +70,21 @@ const le = ["title"], ne = { class: "volume-slider-container" }, ue = { class: "
     };
     return N(() => {
       L(), s.value && clearTimeout(s.value);
-    }), (e, c) => (g(), j("div", {
+    }), (e, c) => (C(), j("div", {
       class: "audio-control",
-      style: C(z.value),
+      style: _(z.value),
       onMouseenter: B,
       onMouseleave: x
     }, [
       n("span", {
         class: "control-btn volume-btn",
-        title: u.value ? S(_)("Unmute") : S(_)("Mute"),
+        title: u.value ? S(V)("Unmute") : S(V)("Mute"),
         onClick: I
       }, [
-        u.value ? (g(), D(S(ee), {
+        u.value ? (C(), D(S(ee), {
           key: 0,
           size: "20"
-        })) : (g(), D(S(oe), {
+        })) : (C(), D(S(oe), {
           key: 1,
           size: "20"
         }))
@@ -98,7 +98,7 @@ const le = ["title"], ne = { class: "volume-slider-container" }, ue = { class: "
           n("div", ue, [
             n("div", {
               ref_key: "volumeSliderElement",
-              ref: V,
+              ref: E,
               class: "custom-volume-slider",
               onMousedown: H,
               onTouchstart: P,
@@ -107,23 +107,23 @@ const le = ["title"], ne = { class: "volume-slider-container" }, ue = { class: "
               n("div", re, [
                 n("div", {
                   class: "slider-progress",
-                  style: C({ height: `${b.value}%` })
+                  style: _({ height: `${g.value}%` })
                 }, null, 4),
                 n("div", {
                   class: J(["slider-thumb", { "no-transition": a.value }]),
-                  style: C({ bottom: `${b.value}%` })
+                  style: _({ bottom: `${g.value}%` })
                 }, null, 6)
               ])
             ], 544)
           ]),
-          n("div", ae, Q(b.value), 1)
+          n("div", ae, Q(g.value), 1)
         ], 32)
       ], 512), [
         [W, l.value]
       ])
     ], 36));
   }
-}), de = /* @__PURE__ */ te(se, [["__scopeId", "data-v-22bb0b88"]]);
+}), de = /* @__PURE__ */ te(se, [["__scopeId", "data-v-4dd002d9"]]);
 export {
   de as default
 };

package/dist/components/{LiveCoreView → LiveView}/PlayerControl/MultiResolution.js

@@ -1,21 +1,21 @@
-import { defineComponent as w, ref as g, onMounted as y, watch as I, withDirectives as f, createCommentVNode as L, unref as t, createElementBlock as d, openBlock as p, createElementVNode as v, Fragment as S, renderList as M, toDisplayString as _, vShow as b } from "vue";
-import { useUIKit as x } from "@tencentcloud/uikit-base-component-vue3";
-import N from "../../../directives/vClickOutside.js";
-import { useLiveState as V } from "../../../states/LiveState/index.js";
-import { usePlayerControlState as B, Resolution as n } from "./PlayerControlState.js";
-import { _ as D } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const E = {
+import { defineComponent as w, ref as g, onMounted as y, watch as I, withDirectives as f, createCommentVNode as L, unref as t, createElementBlock as d, openBlock as p, createElementVNode as v, Fragment as S, renderList as M, toDisplayString as _, vShow as x } from "vue";
+import { useUIKit as N } from "@tencentcloud/uikit-base-component-vue3";
+import V from "../../../directives/vClickOutside.js";
+import { useLiveState as B } from "../../../states/LiveState/index.js";
+import { usePlayerControlState as D, Resolution as n } from "./PlayerControlState.js";
+import { _ as E } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const O = {
   key: 0,
   class: "multi-resolution"
-}, O = ["data-resolution"], z = /* @__PURE__ */ w({
+}, b = ["data-resolution"], z = /* @__PURE__ */ w({
   __name: "MultiResolution",
   setup(F) {
-    const { t: l } = x(), { currentLive: a } = V(), {
+    const { t: l } = N(), { currentLive: a } = B(), {
       resolutionList: s,
       currentResolution: r,
       switchResolution: h,
       initializeResolution: R
-    } = B(), u = {
+    } = D(), u = {
       [n.R360P]: "360P",
       [n.R540P]: "540P",
       [n.R720P]: "720P",
@@ -51,7 +51,7 @@ const E = {
           immediate: !0
         }
       );
-    }), (e, c) => t(s).length > 0 ? f((p(), d("span", E, [
+    }), (e, c) => t(s).length > 0 ? f((p(), d("span", O, [
       f(v("span", {
         class: "multi-resolution-list",
         onClick: P
@@ -60,19 +60,19 @@ const E = {
           key: o,
           class: "multi-resolution-item",
           "data-resolution": o
-        }, _(t(l)(u[o])), 9, O))), 128))
+        }, _(t(l)(u[o])), 9, b))), 128))
       ], 512), [
-        [b, i.value]
+        [x, i.value]
       ]),
       v("span", {
         class: "current-resolution",
         onClick: C
       }, _(t(r) ? t(l)(u[t(r)]) : t(s).length > 0 ? t(l)(u[t(s)[0]]) : ""), 1)
     ])), [
-      [t(N), k]
+      [t(V), k]
     ]) : L("", !0);
   }
-}), H = /* @__PURE__ */ D(z, [["__scopeId", "data-v-7fa16bb5"]]);
+}), H = /* @__PURE__ */ E(z, [["__scopeId", "data-v-013ca8f7"]]);
 export {
   H as default
 };

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

@@ -162,7 +162,7 @@ const ye = { class: "control-buttons" }, Ee = ["title"], Te = { class: "right-co
       _: 1
     }));
   }
-}), Re = /* @__PURE__ */ Pe(ge, [["__scopeId", "data-v-307287f1"]]);
+}), Re = /* @__PURE__ */ Pe(ge, [["__scopeId", "data-v-a2e1bd41"]]);
 export {
   Re as default
 };

package/dist/components/{LiveCoreView/i18n/zh-CN → LiveView/i18n/en-US}/index.d.ts

@@ -16,4 +16,5 @@ export declare const resource: {
     '540P': string;
     '720P': string;
     '1080P': string;
+    Connecting: string;
 };

package/dist/components/{LiveCoreView → LiveView}/i18n/en-US/index.js

@@ -15,7 +15,8 @@ const e = {
   "360P": "360P",
   "540P": "540P",
   "720P": "720P",
-  "1080P": "1080P"
+  "1080P": "1080P",
+  Connecting: "Connecting"
 };
 export {
   e as resource

package/dist/components/{LiveCoreView/i18n/en-US → LiveView/i18n/zh-CN}/index.d.ts

@@ -16,4 +16,5 @@ export declare const resource: {
     '540P': string;
     '720P': string;
     '1080P': string;
+    Connecting: string;
 };

package/dist/components/{LiveCoreView → LiveView}/i18n/zh-CN/index.js

@@ -15,7 +15,8 @@ const e = {
   "360P": "低清",
   "540P": "标清",
   "720P": "高清",
-  "1080P": "超清"
+  "1080P": "超清",
+  Connecting: "连线中"
 };
 export {
   e as resource

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 };