tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

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/{LiveCoreView → LiveView}/index.js

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

package/dist/components/MessageInput/AudioCallPicker/AudioCallPicker.js

@@ -1,14 +1,14 @@
-import { defineComponent as T, useCssModule as B, ref as g, computed as f, createBlock as O, openBlock as z, unref as t, withCtx as M, createElementVNode as N, createVNode as m, normalizeClass as I, renderSlot as V } from "vue";
-import { useUIKit as $, IconCall1 as F, TUIDialog as K } from "@tencentcloud/uikit-base-component-vue3";
-import { c as X } from "../../../index-DPczIrgX.js";
-import { View as Y } from "../../../baseComp/View/index.js";
+import { defineComponent as B, useCssModule as O, ref as M, computed as f, createBlock as z, openBlock as N, unref as r, withCtx as g, createElementVNode as V, createVNode as m, normalizeClass as I, renderSlot as $ } from "vue";
+import { useUIKit as F, IconCall1 as K, TUIDialog as X } from "@tencentcloud/uikit-base-component-vue3";
+import { c as Y } from "../../../index-DPczIrgX.js";
+import { View as Z } from "../../../baseComp/View/index.js";
 import { ConversationType as _ } from "../../../types/engine.js";
 import { startCall as k } from "../../../utils/call.js";
-import { UserPicker as Z } from "../../UserPicker/index.js";
-import { useGroupSettingState as j } from "../../../states/GroupSettingState/GroupSettingState.js";
-import { useConversationListState as q } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as H } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
+import { UserPicker as j } from "../../UserPicker/index.js";
+import { useGroupSettingState as q } from "../../../states/GroupSettingState/GroupSettingState.js";
+import { useConversationListState as H } from "../../../states/ConversationListState/ConversationListState.js";
+import { _ as J } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = 1, Q = 80, W = 9, ee = 1, oe = /* @__PURE__ */ B({
   __name: "AudioCallPicker",
   props: {
     label: { default: "" },
@@ -16,24 +16,22 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
     disabled: { type: Boolean, default: !1 }
   },
   setup(G) {
-    const s = G, n = B(), { t: i } = $(), { activeConversation: a } = q(), { allMembers: C, getGroupMemberList: h, memberCount: D } = j(), c = g(!1), u = g(), P = f(
+    const s = G, n = O(), { t: i } = F(), { activeConversation: a } = H(), { allMembers: C, getGroupMemberList: h, memberCount: D, currentUserID: P } = q(), c = M(!1), u = M(), U = f(
       () => {
         var e;
         return ((e = a.value) == null ? void 0 : e.type) === _.C2C;
       }
-    ), x = f(
-      () => {
-        var e;
-        return ((e = C.value) == null ? void 0 : e.map((o) => ({
-          key: o.userID,
-          label: o.nick || o.userID,
-          avatarUrl: o.avatar
-        }))) ?? [];
-      }
-    ), A = f(() => !(!a.value || s.disabled));
+    ), x = f(() => {
+      var t;
+      return (((t = C.value) == null ? void 0 : t.map((o) => ({
+        key: o.userID,
+        label: o.nick || o.userID,
+        avatarUrl: o.avatar
+      }))) ?? []).filter((o) => o.key !== P.value);
+    }), A = f(() => !(!a.value || s.disabled));
     function E() {
-      var o, r;
-      const e = (r = (o = a.value) == null ? void 0 : o.userProfile) == null ? void 0 : r.userID;
+      var t, o;
+      const e = (o = (t = a.value) == null ? void 0 : t.userProfile) == null ? void 0 : o.userID;
       if (!e) {
         console.warn("No peer user ID found for private call");
         return;
@@ -48,38 +46,38 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
         console.error("Failed to start private audio call:", l);
       }
     }
-    function v() {
-      var r, l;
-      if (((r = a.value) == null ? void 0 : r.type) !== _.GROUP)
+    function b() {
+      var o, l;
+      if (((o = a.value) == null ? void 0 : o.type) !== _.GROUP)
         return;
-      const e = ((l = C.value) == null ? void 0 : l.length) || 0, o = D.value || 0;
-      e < o && h({
-        count: J,
+      const e = ((l = C.value) == null ? void 0 : l.length) || 0, t = D.value || 0;
+      e < t && h({
+        count: Q,
         offset: e
       });
     }
     function L() {
-      v(), c.value = !0;
+      b(), c.value = !0;
     }
     function p() {
       c.value = !1;
     }
     function S() {
-      var l, b;
-      const e = (b = (l = a.value) == null ? void 0 : l.groupProfile) == null ? void 0 : b.groupID;
+      var l, v;
+      const e = (v = (l = a.value) == null ? void 0 : l.groupProfile) == null ? void 0 : v.groupID;
       if (!u.value || !e) {
         console.warn("Missing group information for group call");
         return;
       }
-      const o = u.value.getSelectedItems();
-      if (!Array.isArray(o) || o.length === 0) {
+      const t = u.value.getSelectedItems();
+      if (!Array.isArray(t) || t.length === 0) {
         console.warn("No members selected for group call");
         return;
       }
-      const r = o.map((d) => d.key);
+      const o = t.map((d) => d.key);
       try {
         k({
-          userIDList: r,
+          userIDList: o,
           chatGroupID: e,
           type: y
         }), p();
@@ -87,54 +85,54 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
         console.error("Failed to start group audio call:", d);
       }
     }
-    function U() {
+    function R() {
       if (!A.value) {
         console.warn("Cannot start audio call");
         return;
       }
-      P.value ? E() : L();
+      U.value ? E() : L();
     }
-    const R = () => {
+    const w = () => {
       var e;
-      ((e = a.value) == null ? void 0 : e.type) === _.GROUP && v();
-    }, w = () => S();
-    return (e, o) => (z(), O(t(Y), null, {
-      default: M(() => [
-        N("div", {
-          class: I(t(X)(t(n)["audio-call-picker__button"], {
-            [t(n).disabled]: s.disabled
+      ((e = a.value) == null ? void 0 : e.type) === _.GROUP && b();
+    }, T = () => S();
+    return (e, t) => (N(), z(r(Z), null, {
+      default: g(() => [
+        V("div", {
+          class: I(r(Y)(r(n)["audio-call-picker__button"], {
+            [r(n).disabled]: s.disabled
           })),
-          onClick: U
+          onClick: R
         }, [
-          V(e.$slots, "default", {}, () => [
-            m(t(F), {
+          $(e.$slots, "default", {}, () => [
+            m(r(K), {
               size: s.iconSize,
-              class: I(t(n)["audio-call-picker__icon"])
+              class: I(r(n)["audio-call-picker__icon"])
             }, null, 8, ["size", "class"])
           ])
         ], 2),
-        m(t(K), {
+        m(r(X), {
           visible: c.value,
-          title: t(i)("MessageInput.select_call_members"),
-          cancelText: t(i)("MessageInput.cancel"),
+          title: r(i)("MessageInput.select_call_members"),
+          cancelText: r(i)("MessageInput.cancel"),
           cancel: p,
           close: p,
-          confirmText: t(i)("MessageInput.initiate_call"),
-          confirm: w,
+          confirmText: r(i)("MessageInput.initiate_call"),
+          confirm: T,
           customClasses: ["group-call-dialog"],
           appendTo: "body"
         }, {
-          default: M(() => [
-            m(t(Z), {
+          default: g(() => [
+            m(r(j), {
               ref_key: "groupMemberPickerRef",
               ref: u,
               "display-mode": "list",
               "data-source": x.value,
-              "max-count": Q,
-              "min-count": W,
+              "max-count": W,
+              "min-count": ee,
               class: "group-member-picker",
               style: { width: "100%" },
-              onReachEnd: R
+              onReachEnd: w
             }, null, 8, ["data-source"])
           ]),
           _: 1
@@ -143,13 +141,13 @@ const y = 1, J = 80, Q = 9, W = 1, ee = /* @__PURE__ */ T({
       _: 3
     }));
   }
-}), oe = "_disabled_1xb1g_16", te = {
+}), te = "_disabled_1xb1g_16", re = {
   "audio-call-picker__button": "_audio-call-picker__button_1xb1g_1",
-  disabled: oe,
+  disabled: te,
   "audio-call-picker__icon": "_audio-call-picker__icon_1xb1g_22"
-}, re = {
-  $style: te
-}, me = /* @__PURE__ */ H(ee, [["__cssModules", re]]);
+}, le = {
+  $style: re
+}, _e = /* @__PURE__ */ J(oe, [["__cssModules", le]]);
 export {
-  me as default
+  _e as default
 };