tuikit-atomicx-vue3 3.3.3 → 3.4.1

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

@@ -1,9 +1,9 @@
-const resource = {
+const e = {
   LIVE: "LIVE",
-  "people have watched the live": "people have watched the live",
+  "people watched": "viewers",
   "Load More": "Load More",
   "Loading...": "Loading...",
-  "Loading": "Loading",
+  Loading: "Loading",
   "No More": "No More",
   "No Live": "No Live",
   "Pull down to refresh": "Pull down to refresh",
@@ -12,5 +12,5 @@ const resource = {
   "Refresh failed": "Refresh failed"
 };
 export {
-  resource
+  e as resource
 };

package/dist/components/LiveList/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/LiveList/i18n/zh-CN/index.d.ts

@@ -1,6 +1,6 @@
 export declare const resource: {
     LIVE: string;
-    'people have watched the live': string;
+    'people watched': string;
     'Load More': string;
     'Loading...': string;
     Loading: string;

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

@@ -1,9 +1,9 @@
-const resource = {
+const e = {
   LIVE: "LIVE",
-  "people have watched the live": "人看过",
+  "people watched": "人看过",
   "Load More": "加载更多",
   "Loading...": "加载中...",
-  "Loading": "正在加载...",
+  Loading: "正在加载...",
   "No More": "没有更多",
   "No Live": "暂无直播间",
   "Pull to refresh": "下拉刷新",
@@ -12,5 +12,5 @@ const resource = {
   "Refresh failed": "刷新失败"
 };
 export {
-  resource
+  e as resource
 };

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

@@ -1,4 +1,20 @@
-declare const LiveList: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const LiveList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columnCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "live-room-click": (liveInfo: import('../..').LiveInfo) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    columnCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    "onLive-room-click"?: ((liveInfo: import('../..').LiveInfo) => any) | undefined;
+}>, {
+    columnCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "live-room-click": (liveInfo: import('../..').LiveInfo) => void;
 }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
     "onLive-room-click"?: ((liveInfo: import('../..').LiveInfo) => any) | undefined;

package/dist/components/LiveList/index.js

@@ -1,12 +1,12 @@
-import LiveListPC from "./LiveList.js";
-import LiveListH5 from "./LiveListH5.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";
-import { isMobile } from "../../utils/environment.js";
-addI18n("en-US", { translation: resource });
-addI18n("zh-CN", { translation: resource$1 });
-const LiveList = isMobile ? LiveListH5 : LiveListPC;
+import o from "./LiveList.js";
+import i from "./LiveListH5.js";
+import { addI18n as r } from "../../i18n/index.js";
+import { resource as t } from "./i18n/en-US/index.js";
+import { resource as e } from "./i18n/zh-CN/index.js";
+import { isMobile as m } from "../../utils/environment.js";
+r("en-US", { translation: t });
+r("zh-CN", { translation: e });
+const c = m ? i : o;
 export {
-  LiveList
+  c as LiveList
 };

package/dist/components/LiveList/pullToRefresh.js

@@ -1,17 +1,15 @@
-import { defineComponent, useCssVars, ref, computed, createElementBlock, openBlock, createElementVNode, normalizeStyle, normalizeClass, createBlock, createCommentVNode, unref, toDisplayString, renderSlot } from "vue";
-import { IconArrowUpNew, IconCheck, IconErrorToast } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
+import { defineComponent as N, useCssVars as P, ref as u, computed as o, createElementBlock as y, openBlock as n, createElementVNode as h, normalizeStyle as R, normalizeClass as S, createBlock as p, createCommentVNode as f, unref as m, toDisplayString as $, renderSlot as H } from "vue";
+import { IconArrowUpNew as W, IconCheck as L, IconErrorToast as U } from "@tencentcloud/uikit-base-component-vue3";
+import { _ as j } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const q = {
   key: 1,
   class: "refresh-loading"
-};
-const _hoisted_2 = { class: "refresh-text" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, F = { class: "refresh-text" }, G = /* @__PURE__ */ N({
   __name: "pullToRefresh",
   props: {
     threshold: { default: 60 },
     resistance: { default: 2.5 },
-    disabled: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: !1 },
     resultDuration: { default: 500 },
     text: { default: () => ({
       pull: "Pull to refresh",
@@ -22,183 +20,110 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }) }
   },
   emits: ["refresh", "loadMore"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "38f9ff2f": props.threshold + "px"
+  setup(Y, { expose: b, emit: M }) {
+    P((l) => ({
+      v38f9ff2f: r.threshold + "px"
     }));
-    const refreshState = ref(
+    const e = u(
       "pulling"
       /* Pulling */
-    );
-    const startY = ref(0);
-    const currentY = ref(0);
-    const isTouching = ref(false);
-    const contentRef = ref(null);
-    let timer = null;
-    const props = __props;
-    const emit = __emit;
-    __expose({
-      completeRefresh
-    });
-    const pullDistance = computed(() => {
-      if (refreshState.value === "loading") {
-        return props.threshold;
-      }
-      if (!isTouching.value) return 0;
-      return Math.max(0, (currentY.value - startY.value) / props.resistance);
-    });
-    const contentTranslateY = computed(() => {
-      if (refreshState.value === "loading" || refreshState.value === "success" || refreshState.value === "error") {
-        return props.threshold;
-      }
-      return Math.min(pullDistance.value, props.threshold);
+    ), c = u(0), i = u(0), s = u(!1), t = u(null);
+    let v = null;
+    const r = Y, d = M;
+    b({
+      completeRefresh: _
     });
-    const translateY = computed(() => {
-      if (refreshState.value === "loading" || refreshState.value === "success" || refreshState.value === "error") {
-        return 0;
-      }
-      return Math.min(pullDistance.value, props.threshold) - props.threshold;
-    });
-    const isIndicatorVisible = computed(() => {
-      if (refreshState.value === "loading" || refreshState.value === "success" || refreshState.value === "error") {
-        return true;
-      }
-      return pullDistance.value > 10;
-    });
-    const statusText = computed(() => {
-      switch (refreshState.value) {
+    const a = o(() => e.value === "loading" ? r.threshold : s.value ? Math.max(0, (i.value - c.value) / r.resistance) : 0), I = o(() => e.value === "loading" || e.value === "success" || e.value === "error" ? r.threshold : Math.min(a.value, r.threshold)), z = o(() => e.value === "loading" || e.value === "success" || e.value === "error" ? 0 : Math.min(a.value, r.threshold) - r.threshold), B = o(() => e.value === "loading" || e.value === "success" || e.value === "error" ? !0 : a.value > 10), C = o(() => {
+      switch (e.value) {
         case "releasing":
-          return props.text.release;
+          return r.text.release;
         case "loading":
-          return props.text.loading;
+          return r.text.loading;
         case "success":
-          return props.text.success;
+          return r.text.success;
         case "error":
-          return props.text.error;
+          return r.text.error;
         default:
-          return props.text.pull;
+          return r.text.pull;
       }
     });
-    function isScrollAtBottom(threshold = 50) {
-      if (!contentRef.value) {
-        return false;
-      }
-      return contentRef.value.scrollTop + contentRef.value.clientHeight >= contentRef.value.scrollHeight - threshold;
+    function g(l = 50) {
+      return t.value ? t.value.scrollTop + t.value.clientHeight >= t.value.scrollHeight - l : !1;
     }
-    function handleWheel(event) {
-      if (!contentRef.value) {
-        return;
-      }
-      if (event.deltaY > 0 && isScrollAtBottom()) {
-        emit("loadMore");
-      }
+    function D(l) {
+      t.value && l.deltaY > 0 && g() && d("loadMore");
     }
-    function handleScroll() {
-      if (!contentRef.value) {
-        return;
-      }
-      if (isScrollAtBottom()) {
-        emit("loadMore");
-      }
+    function w() {
+      t.value && g() && d("loadMore");
     }
-    function checkIsAtTop() {
-      if (!contentRef.value) return true;
-      return contentRef.value.scrollTop === 0;
+    function T() {
+      return t.value ? t.value.scrollTop === 0 : !0;
     }
-    function onTouchStart(event) {
-      if (props.disabled || refreshState.value === "loading") return;
-      if (!checkIsAtTop()) return;
-      isTouching.value = true;
-      startY.value = event.touches[0].clientY;
-      currentY.value = startY.value;
-      refreshState.value = "pulling";
+    function E(l) {
+      r.disabled || e.value === "loading" || T() && (s.value = !0, c.value = l.touches[0].clientY, i.value = c.value, e.value = "pulling");
     }
-    function onTouchMove(event) {
-      if (!isTouching.value || props.disabled || refreshState.value === "loading") return;
-      currentY.value = event.touches[0].clientY;
-      if (pullDistance.value > 0 && checkIsAtTop()) {
-        event.preventDefault();
-      }
-      refreshState.value = pullDistance.value > props.threshold ? "releasing" : "pulling";
+    function V(l) {
+      !s.value || r.disabled || e.value === "loading" || (i.value = l.touches[0].clientY, a.value > 0 && T() && l.preventDefault(), e.value = a.value > r.threshold ? "releasing" : "pulling");
     }
-    function onTouchEnd() {
-      if (!isTouching.value || props.disabled) return;
-      isTouching.value = false;
-      if (refreshState.value === "loading") return;
-      if (refreshState.value === "releasing") {
-        startRefresh();
-      } else {
-        resetPullState();
-      }
+    function x() {
+      !s.value || r.disabled || (s.value = !1, e.value !== "loading" && (e.value === "releasing" ? A() : k()));
     }
-    function startRefresh() {
-      refreshState.value = "loading";
-      emit("refresh", completeRefresh);
+    function A() {
+      e.value = "loading", d("refresh", _);
     }
-    function completeRefresh(success = true) {
-      refreshState.value = success ? "success" : "error";
-      if (timer) {
-        clearTimeout(timer);
-      }
-      timer = setTimeout(() => {
-        resetPullState();
-      }, props.resultDuration);
+    function _(l = !0) {
+      e.value = l ? "success" : "error", v && clearTimeout(v), v = setTimeout(() => {
+        k();
+      }, r.resultDuration);
     }
-    function resetPullState() {
-      startY.value = 0;
-      currentY.value = 0;
-      if (refreshState.value !== "loading") {
-        refreshState.value = "pulling";
-      }
+    function k() {
+      c.value = 0, i.value = 0, e.value !== "loading" && (e.value = "pulling");
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "pull-to-refresh",
-        onTouchstart: onTouchStart,
-        onTouchmove: onTouchMove,
-        onTouchend: onTouchEnd,
-        onTouchcancel: onTouchEnd
+    return (l, J) => (n(), y("div", {
+      class: "pull-to-refresh",
+      onTouchstart: E,
+      onTouchmove: V,
+      onTouchend: x,
+      onTouchcancel: x
+    }, [
+      h("div", {
+        class: S(["refresh-indicator", [e.value, { visible: B.value }]]),
+        style: R({ transform: `translateY(${z.value}px)` })
+      }, [
+        e.value !== "loading" && e.value !== "success" && e.value !== "error" ? (n(), p(m(W), {
+          key: 0,
+          class: S(["refresh-arrow", {
+            releasing: e.value === "releasing"
+            /* Releasing */
+          }]),
+          size: 16
+        }, null, 8, ["class"])) : f("", !0),
+        e.value === "loading" ? (n(), y("div", q)) : f("", !0),
+        e.value === "success" ? (n(), p(m(L), {
+          key: 2,
+          class: "refresh-success",
+          size: 16
+        })) : f("", !0),
+        e.value === "error" ? (n(), p(m(U), {
+          key: 3,
+          class: "refresh-error",
+          size: 16
+        })) : f("", !0),
+        h("span", F, $(C.value), 1)
+      ], 6),
+      h("div", {
+        ref_key: "contentRef",
+        ref: t,
+        class: "refresh-content",
+        style: R({ transform: `translateY(${I.value}px)` }),
+        onScroll: w,
+        onWheel: D
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["refresh-indicator", [refreshState.value, { visible: isIndicatorVisible.value }]]),
-          style: normalizeStyle({ transform: `translateY(${translateY.value}px)` })
-        }, [
-          refreshState.value !== "loading" && refreshState.value !== "success" && refreshState.value !== "error" ? (openBlock(), createBlock(unref(IconArrowUpNew), {
-            key: 0,
-            class: normalizeClass(["refresh-arrow", {
-              releasing: refreshState.value === "releasing"
-              /* Releasing */
-            }]),
-            size: 16
-          }, null, 8, ["class"])) : createCommentVNode("", true),
-          refreshState.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true),
-          refreshState.value === "success" ? (openBlock(), createBlock(unref(IconCheck), {
-            key: 2,
-            class: "refresh-success",
-            size: 16
-          })) : createCommentVNode("", true),
-          refreshState.value === "error" ? (openBlock(), createBlock(unref(IconErrorToast), {
-            key: 3,
-            class: "refresh-error",
-            size: 16
-          })) : createCommentVNode("", true),
-          createElementVNode("span", _hoisted_2, toDisplayString(statusText.value), 1)
-        ], 6),
-        createElementVNode("div", {
-          ref_key: "contentRef",
-          ref: contentRef,
-          class: "refresh-content",
-          style: normalizeStyle({ transform: `translateY(${contentTranslateY.value}px)` }),
-          onScroll: handleScroll,
-          onWheel: handleWheel
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ], 36)
-      ], 32);
-    };
+        H(l.$slots, "default", {}, void 0, !0)
+      ], 36)
+    ], 32));
   }
-});
-const PullToRefresh = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4886b108"]]);
+}), X = /* @__PURE__ */ j(G, [["__scopeId", "data-v-4886b108"]]);
 export {
-  PullToRefresh as default
+  X as default
 };

package/dist/components/LiveMonitorView/LiveMonitorView.js

@@ -1,123 +1,85 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, watch, withDirectives, createElementBlock, openBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, unref, createVNode, vShow } from "vue";
-import { useUIKit, IconEndLive } from "@tencentcloud/uikit-base-component-vue3";
-import { useLiveMonitorState } from "../../states/LiveMonitorState/index.js";
-import { exitFullScreen } from "../../utils/utils.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = { class: "live-id live-tag" };
-const _hoisted_3 = { class: "user-id live-tag" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as V, ref as u, computed as r, onMounted as U, onUnmounted as z, watch as B, withDirectives as p, createElementBlock as I, openBlock as h, normalizeClass as x, createElementVNode as o, Fragment as D, renderList as H, normalizeStyle as N, toDisplayString as d, unref as i, createVNode as S, vShow as _ } from "vue";
+import { useUIKit as W, IconEndLive as $ } from "@tencentcloud/uikit-base-component-vue3";
+import { useLiveMonitorState as K } from "../../states/LiveMonitorState/index.js";
+import { exitFullScreen as j } from "../../utils/utils.js";
+import { _ as q } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const A = ["id"], G = { class: "live-id live-tag" }, J = { class: "user-id live-tag" }, O = /* @__PURE__ */ V({
   __name: "LiveMonitorView",
   props: {
     liveInfo: {}
   },
-  setup(__props) {
-    const props = __props;
-    const { monitorLiveInfoList, closeRoom } = useLiveMonitorState();
-    const { t } = useUIKit();
-    const isFullscreen = ref(false);
-    const isCrossRoomConnection = ref(false);
-    const styleList = ref({});
-    const liveContainerRef = ref();
-    const viewId = computed(() => `live_monitor_view_${props.liveInfo.liveId}`);
-    const currentLiveInfo = computed(
-      () => monitorLiveInfoList.value.find((liveInfo) => liveInfo.liveId === props.liveInfo.liveId)
-    );
-    const regionList = computed(() => {
-      var _a;
-      return (_a = currentLiveInfo.value) == null ? void 0 : _a.regionList;
-    });
-    const isLandscape = computed(() => {
-      var _a;
-      return ((_a = currentLiveInfo.value) == null ? void 0 : _a.orientation) === "landscape";
-    });
-    const isSingleStream = computed(() => {
-      var _a;
-      return (((_a = regionList.value) == null ? void 0 : _a.length) ?? 0) === 1;
-    });
-    const handleForceClose = () => {
-      closeRoom(props.liveInfo.liveId);
-      if (isFullscreen.value) {
-        exitFullScreen();
-      }
-    };
-    const onFullscreenChange = () => {
-      if (document.fullscreenElement) {
-        isFullscreen.value = true;
-      } else {
-        isFullscreen.value = false;
-      }
-    };
-    const updateStyleList = () => {
-      if (!liveContainerRef.value || !regionList.value) return;
-      const containerWidth = liveContainerRef.value.clientWidth;
-      const containerHeight = liveContainerRef.value.clientHeight;
-      const newStyleList = {};
-      regionList.value.forEach((region) => {
-        if (region.liveId !== props.liveInfo.liveId) {
-          isCrossRoomConnection.value = true;
-        }
-        newStyleList[region.userInfo.userId] = {
-          left: `${region.rect.x * containerWidth}px`,
-          top: `${region.rect.y * containerHeight}px`,
-          width: isSingleStream.value ? "100%" : `${region.rect.w * containerWidth}px`,
-          height: isSingleStream.value ? "100%" : `${region.rect.h * containerHeight}px`
+  setup(k) {
+    const l = k, { monitorLiveInfoList: E, closeRoom: F } = K(), { t: c } = W(), s = u(!1), f = u(!1), L = u({}), v = u(), b = r(() => `live_monitor_view_${l.liveInfo.liveId}`), C = r(
+      () => E.value.find((e) => e.liveId === l.liveInfo.liveId)
+    ), a = r(() => {
+      var e;
+      return (e = C.value) == null ? void 0 : e.regionList;
+    }), R = r(() => {
+      var e;
+      return ((e = C.value) == null ? void 0 : e.orientation) === "landscape";
+    }), y = r(() => {
+      var e;
+      return (((e = a.value) == null ? void 0 : e.length) ?? 0) === 1;
+    }), w = () => {
+      F(l.liveInfo.liveId), s.value && j();
+    }, g = () => {
+      document.fullscreenElement ? s.value = !0 : s.value = !1;
+    }, M = () => {
+      if (!v.value || !a.value) return;
+      const e = v.value.clientWidth, m = v.value.clientHeight, t = {};
+      a.value.forEach((n) => {
+        n.liveId !== l.liveInfo.liveId && (f.value = !0), t[n.userInfo.userId] = {
+          left: `${n.rect.x * e}px`,
+          top: `${n.rect.y * m}px`,
+          width: y.value ? "100%" : `${n.rect.w * e}px`,
+          height: y.value ? "100%" : `${n.rect.h * m}px`
         };
-      });
-      styleList.value = newStyleList;
+      }), L.value = t;
     };
-    onMounted(() => {
-      addEventListener("fullscreenchange", onFullscreenChange);
-    });
-    onUnmounted(() => {
-      removeEventListener("fullscreenchange", onFullscreenChange);
-    });
-    watch(regionList, updateStyleList, { immediate: true });
-    return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("div", {
-        ref_key: "liveContainerRef",
-        ref: liveContainerRef,
-        class: normalizeClass(["live-monitor-container", { landscape: isLandscape.value }])
+    return U(() => {
+      addEventListener("fullscreenchange", g);
+    }), z(() => {
+      removeEventListener("fullscreenchange", g);
+    }), B(a, M, { immediate: !0 }), (e, m) => p((h(), I("div", {
+      ref_key: "liveContainerRef",
+      ref: v,
+      class: x(["live-monitor-container", { landscape: R.value }])
+    }, [
+      o("div", {
+        id: b.value,
+        class: "live-monitor-view"
+      }, null, 8, A),
+      (h(!0), I(D, null, H(a.value, (t) => (h(), I("div", {
+        key: t.userInfo.userId,
+        class: x(["live-tag-mask", { "hide-tag": !s.value }]),
+        style: N(L.value[t.userInfo.userId])
       }, [
-        createElementVNode("div", {
-          id: viewId.value,
-          class: "live-monitor-view"
-        }, null, 8, _hoisted_1),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(regionList.value, (region) => {
-          return openBlock(), createElementBlock("div", {
-            key: region.userInfo.userId,
-            class: normalizeClass(["live-tag-mask", { "hide-tag": !isFullscreen.value }]),
-            style: normalizeStyle(styleList.value[region.userInfo.userId])
-          }, [
-            createElementVNode("div", _hoisted_2, toDisplayString(`${unref(t)("RoomId")}: ${region.liveId}`), 1),
-            createElementVNode("div", _hoisted_3, toDisplayString(`${unref(t)("UserId")}: ${region.userInfo.userId}`), 1),
-            withDirectives(createElementVNode("div", {
-              class: "destroy-button live-tag",
-              onClick: handleForceClose
-            }, [
-              createVNode(unref(IconEndLive)),
-              createElementVNode("span", null, toDisplayString(unref(t)("Force Close")), 1)
-            ], 512), [
-              [vShow, isCrossRoomConnection.value]
-            ])
-          ], 6);
-        }), 128)),
-        withDirectives(createElementVNode("div", {
-          class: "non-cross-room-destroy-button destroy-button live-tag",
-          onClick: handleForceClose
+        o("div", G, d(`${i(c)("RoomId")}: ${t.liveId}`), 1),
+        o("div", J, d(`${i(c)("UserId")}: ${t.userInfo.userId}`), 1),
+        p(o("div", {
+          class: "destroy-button live-tag",
+          onClick: w
         }, [
-          createVNode(unref(IconEndLive)),
-          createElementVNode("span", null, toDisplayString(unref(t)("Force Close")), 1)
+          S(i($)),
+          o("span", null, d(i(c)("Force Close")), 1)
         ], 512), [
-          [vShow, !isCrossRoomConnection.value && isFullscreen.value]
+          [_, f.value]
         ])
-      ], 2)), [
-        [vShow, props.liveInfo.orientation]
-      ]);
-    };
+      ], 6))), 128)),
+      p(o("div", {
+        class: "non-cross-room-destroy-button destroy-button live-tag",
+        onClick: w
+      }, [
+        S(i($)),
+        o("span", null, d(i(c)("Force Close")), 1)
+      ], 512), [
+        [_, !f.value && s.value]
+      ])
+    ], 2)), [
+      [_, l.liveInfo.orientation]
+    ]);
   }
-});
-const LiveMonitorViewComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9abcdb76"]]);
+}), Z = /* @__PURE__ */ q(O, [["__scopeId", "data-v-9abcdb76"]]);
 export {
-  LiveMonitorViewComponent as default
+  Z as default
 };

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

@@ -1,4 +1,4 @@
-const resource = {
+const o = {
   RoomId: "RoomId",
   UserId: "UserId",
   "Force Close": "Force Close",
@@ -6,5 +6,5 @@ const resource = {
   "Mute Audio": "Mute Audio"
 };
 export {
-  resource
+  o as resource
 };

package/dist/components/LiveMonitorView/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/LiveMonitorView/i18n/zh-CN/index.js

@@ -1,4 +1,4 @@
-const resource = {
+const o = {
   RoomId: "房间ID",
   UserId: "用户ID",
   "Force Close": "强制解散",
@@ -6,5 +6,5 @@ const resource = {
   "Mute Audio": "静音"
 };
 export {
-  resource
+  o as resource
 };