tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/LiveView/PlayerControl/utils/fullscreenManager.js

@@ -0,0 +1,241 @@
+var f = Object.defineProperty;
+var S = (r, e, t) => e in r ? f(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var o = (r, e, t) => S(r, typeof e != "symbol" ? e + "" : e, t);
+var L = /* @__PURE__ */ ((r) => (r.STANDARD = "standard", r.CSS_SIMULATED = "simulated", r))(L || {});
+const i = {
+  FULLSCREEN: "fullscreen-mode",
+  FULLSCREEN_PORTRAIT: "fullscreen-mode-portrait",
+  LANDSCAPE: "landscape-mode"
+};
+class l {
+  /**
+   * Apply fullscreen styles
+   */
+  static applyFullscreenStyles(e, t = !1) {
+    const n = t ? i.FULLSCREEN_PORTRAIT : i.FULLSCREEN;
+    e.classList.add(n);
+  }
+  /**
+   * Remove fullscreen styles
+   */
+  static removeFullscreenStyles(e) {
+    e.classList.remove(i.FULLSCREEN), e.classList.remove(i.FULLSCREEN_PORTRAIT);
+  }
+  /**
+   * Apply landscape styles
+   */
+  static applyLandscapeStyles(e) {
+    e.classList.add(i.LANDSCAPE);
+  }
+  /**
+   * Remove landscape styles
+   */
+  static removeLandscapeStyles(e) {
+    e.classList.remove(i.LANDSCAPE);
+  }
+  /**
+   * Smart landscape style adjustment - determine if CSS rotation is needed based on current device orientation
+   */
+  static smartApplyLandscapeStyles(e, t) {
+    t === "landscape" ? this.removeLandscapeStyles(e) : this.applyLandscapeStyles(e);
+  }
+}
+class a {
+  /**
+   * Request screen orientation
+   */
+  static async requestOrientation(e) {
+    try {
+      return screen.orientation && screen.orientation.lock ? (await screen.orientation.lock(e), !0) : screen.orientation.webkitLockOrientation ? !!screen.orientation.webkitLockOrientation(e) : !1;
+    } catch (t) {
+      return console.warn(`Screen orientation setting failed (${e}):`, t), !1;
+    }
+  }
+  /**
+   * Unlock screen orientation
+   */
+  static async unlockOrientation() {
+    try {
+      return screen.orientation && screen.orientation.unlock ? (screen.orientation.unlock(), !0) : !1;
+    } catch (e) {
+      return console.warn("Failed to unlock screen orientation:", e), !1;
+    }
+  }
+  /**
+   * Get current orientation
+   */
+  static getCurrentOrientation() {
+    if (screen.orientation) {
+      const e = screen.orientation.angle, t = screen.orientation.type;
+      if (t.includes("portrait"))
+        return "portrait";
+      if (t.includes("landscape"))
+        return "landscape";
+      if (e === 0 || e === 180)
+        return "portrait";
+      if (e === 90 || e === 270)
+        return "landscape";
+    }
+    return window.innerHeight > window.innerWidth ? "portrait" : window.innerWidth > window.innerHeight ? "landscape" : "unknown";
+  }
+  /**
+   * Add orientation change listener
+   */
+  static addOrientationListener(e, t) {
+    this.orientationListeners.set(e, t), this.orientationListeners.size === 1 && this.setupGlobalOrientationListener();
+  }
+  /**
+   * Remove orientation change listener
+   */
+  static removeOrientationListener(e) {
+    this.orientationListeners.delete(e), this.orientationListeners.size === 0 && this.cleanupGlobalOrientationListener();
+  }
+  /**
+   * Setup global orientation listening
+   */
+  static setupGlobalOrientationListener() {
+    const e = () => {
+      const t = this.getCurrentOrientation();
+      console.log("Orientation change detected:", t), this.orientationListeners.forEach((n) => {
+        try {
+          n(t);
+        } catch (s) {
+          console.error("Orientation change callback execution failed:", s);
+        }
+      });
+    };
+    window.addEventListener("orientationchange", e), window.addEventListener("resize", e), screen.orientation && screen.orientation.addEventListener("change", e), this._cleanupOrientationListeners = () => {
+      window.removeEventListener("orientationchange", e), window.removeEventListener("resize", e), screen.orientation && screen.orientation.removeEventListener("change", e);
+    };
+  }
+  /**
+   * Cleanup global orientation listening
+   */
+  static cleanupGlobalOrientationListener() {
+    this._cleanupOrientationListeners && (this._cleanupOrientationListeners(), delete this._cleanupOrientationListeners);
+  }
+}
+o(a, "orientationListeners", /* @__PURE__ */ new Map());
+class u {
+  /**
+   * Request standard fullscreen
+   */
+  static async requestFullscreen(e) {
+    try {
+      if (e.requestFullscreen)
+        await e.requestFullscreen();
+      else if (e.webkitRequestFullscreen)
+        await e.webkitRequestFullscreen();
+      else if (e.mozRequestFullScreen)
+        await e.mozRequestFullScreen();
+      else if (e.msRequestFullscreen)
+        await e.msRequestFullscreen();
+      else
+        return !1;
+      return !0;
+    } catch (t) {
+      return console.error("Standard fullscreen request failed:", t), !1;
+    }
+  }
+  /**
+   * Exit standard fullscreen
+   */
+  static async exitFullscreen() {
+    try {
+      if (document.exitFullscreen)
+        await document.exitFullscreen();
+      else if (document.webkitExitFullscreen)
+        await document.webkitExitFullscreen();
+      else if (document.mozCancelFullScreen)
+        await document.mozCancelFullScreen();
+      else if (document.msExitFullscreen)
+        await document.msExitFullscreen();
+      else
+        return !1;
+      return !0;
+    } catch (e) {
+      return console.error("Exit standard fullscreen failed:", e), !1;
+    }
+  }
+  /**
+   * Check if currently in fullscreen state
+   */
+  static isCurrentlyFullscreen() {
+    return !!document.fullscreenElement;
+  }
+}
+class F {
+  /**
+   * Smart fullscreen request
+   * Choose the best fullscreen method based on device type and support
+   */
+  static async requestFullscreen(e, t, n, s, c) {
+    return this.isFullscreenSupported(e) ? this.requestStandardFullscreen(e, t, c) : this.requestCSSFullscreen(t, s, c);
+  }
+  /**
+   * Smart fullscreen exit
+   */
+  static async exitFullscreen(e, t, n) {
+    l.removeFullscreenStyles(e), l.removeLandscapeStyles(e);
+    const s = await u.exitFullscreen();
+    return n && await a.unlockOrientation(), {
+      success: s,
+      mode: s ? "standard" : "simulated",
+      shouldRotateToLandscape: n
+    };
+  }
+  /**
+   * CSS simulated fullscreen
+   */
+  static async requestCSSFullscreen(e, t, n) {
+    try {
+      if (l.applyFullscreenStyles(e, t), n && !await a.requestOrientation("landscape")) {
+        const c = a.getCurrentOrientation();
+        l.smartApplyLandscapeStyles(e, c);
+      }
+      return { success: !0, mode: "simulated", shouldRotateToLandscape: n };
+    } catch (s) {
+      return {
+        success: !1,
+        mode: "simulated",
+        shouldRotateToLandscape: n,
+        error: s
+      };
+    }
+  }
+  /**
+   * Standard API fullscreen
+   */
+  static async requestStandardFullscreen(e, t, n) {
+    try {
+      if (!await u.requestFullscreen(e))
+        return { success: !1, mode: "standard", shouldRotateToLandscape: n };
+      if (n && !await a.requestOrientation("landscape")) {
+        const d = a.getCurrentOrientation();
+        l.smartApplyLandscapeStyles(t, d);
+      }
+      return { success: !0, mode: "standard", shouldRotateToLandscape: n };
+    } catch (s) {
+      return {
+        success: !1,
+        mode: "standard",
+        shouldRotateToLandscape: n,
+        error: s
+      };
+    }
+  }
+  /**
+   * Check if fullscreen is supported
+   */
+  static isFullscreenSupported(e) {
+    return !!(e.requestFullscreen || e.webkitRequestFullscreen || e.mozRequestFullScreen || e.msRequestFullscreen);
+  }
+}
+export {
+  i as CSS_CLASSES,
+  u as FullscreenAPI,
+  F as FullscreenManager,
+  L as FullscreenMode,
+  a as OrientationManager,
+  l as StyleManager
+};

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

@@ -10,4 +10,11 @@ export declare const resource: {
     Mute: string;
     Unmute: string;
     'The system does not support picture-in-picture mode': string;
+    'co-Hosting': string;
+    'In battle': string;
+    '360P': string;
+    '540P': string;
+    '720P': string;
+    '1080P': string;
+    Connecting: string;
 };

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

@@ -0,0 +1,23 @@
+const e = {
+  "No video": "No video",
+  "Waiting for connection": "Waiting for connection",
+  Play: "Play",
+  Pause: "Pause",
+  "Picture in Picture": "Picture in Picture",
+  "Exit Picture in Picture": "Exit Picture in Picture",
+  Fullscreen: "Fullscreen",
+  "Exit Fullscreen": "Exit Fullscreen",
+  Mute: "Mute",
+  Unmute: "Unmute",
+  "The system does not support picture-in-picture mode": "The system does not support picture-in-picture mode",
+  "co-Hosting": "co-Hosting",
+  "In battle": "In battle",
+  "360P": "360P",
+  "540P": "540P",
+  "720P": "720P",
+  "1080P": "1080P",
+  Connecting: "Connecting"
+};
+export {
+  e as resource
+};

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

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

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

@@ -10,4 +10,11 @@ export declare const resource: {
     Mute: string;
     Unmute: string;
     'The system does not support picture-in-picture mode': string;
+    'co-Hosting': string;
+    'In battle': string;
+    '360P': string;
+    '540P': string;
+    '720P': string;
+    '1080P': string;
+    Connecting: string;
 };

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

@@ -0,0 +1,23 @@
+const e = {
+  "No video": "暂无画面",
+  "Waiting for connection": "等待连线",
+  Play: "播放",
+  Pause: "暂停",
+  "Picture in Picture": "画中画",
+  "Exit Picture in Picture": "退出画中画",
+  Fullscreen: "全屏",
+  "Exit Fullscreen": "退出全屏",
+  Mute: "静音",
+  Unmute: "取消静音",
+  "The system does not support picture-in-picture mode": "系统不支持画中画模式",
+  "co-Hosting": "连线中",
+  "In battle": "PK中",
+  "360P": "低清",
+  "540P": "标清",
+  "720P": "高清",
+  "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 };

package/dist/components/LiveView/index.js

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

package/dist/components/MessageInput/AttachmentPicker/AttachmentPicker.js

@@ -1,4 +1,4 @@
-import { AttachmentPicker as _sfc_main } from "./index.js";
+import { AttachmentPicker as a } from "./index.js";
 export {
-  _sfc_main as default
+  a as default
 };

package/dist/components/MessageInput/AttachmentPicker/AttachmentPicker.vue.d.ts

@@ -1,13 +1,17 @@
 interface Props {
     attachmentPickerMode?: 'collapsed' | 'expanded';
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     attachmentPickerMode: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     attachmentPickerMode: string;
 }>>> & Readonly<{}>, {
     attachmentPickerMode: "collapsed" | "expanded";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -26,3 +30,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};