tuikit-atomicx-vue3 3.4.2 → 4.3.1

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.js

@@ -1,40 +0,0 @@
-import { defineComponent as i, computed as u, createElementBlock as t, openBlock as s, normalizeStyle as n, normalizeClass as r, unref as a, createCommentVNode as o, toDisplayString as c, createVNode as p } from "vue";
-import { c as d } from "../../../../../index-DPczIrgX.js";
-import { getTimeStampAuto as f } from "../../../../../utils/time.js";
-import _ from "./MessageStatusIcon.js";
-import { _ as S } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const y = {
-  key: 0,
-  class: "message-meta__time"
-}, h = {
-  key: 1,
-  class: "message-meta__status"
-}, g = /* @__PURE__ */ i({
-  __name: "MessageMeta",
-  props: {
-    timestamp: {},
-    isShowSendStatus: { type: Boolean, default: !1 },
-    isShowReadStatus: { type: Boolean, default: !1 },
-    isShowTime: { type: Boolean, default: !1 },
-    status: { default: "" },
-    class: { default: void 0 },
-    style: { default: void 0 }
-  },
-  setup(m) {
-    const e = m, l = u(() => e.status && e.isShowSendStatus || e.status === "fail");
-    return (v, w) => (s(), t("div", {
-      class: r(a(d)("message-meta", e.class)),
-      style: n(e.style)
-    }, [
-      e.isShowTime ? (s(), t("span", y, c(a(f)(e.timestamp)), 1)) : o("", !0),
-      l.value ? (s(), t("div", h, [
-        p(_, {
-          status: e.status
-        }, null, 8, ["status"])
-      ])) : o("", !0)
-    ], 6));
-  }
-}), T = /* @__PURE__ */ S(g, [["__scopeId", "data-v-fbbde202"]]);
-export {
-  T as default
-};

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageMeta.vue.d.ts

@@ -1,54 +0,0 @@
-interface IMessageMetaProps {
-    timestamp: number;
-    /**
-     * - unSend: not sent
-     * - success: sent successfully
-     * - fail: sending failed
-     */
-    isShowSendStatus?: boolean;
-    isShowReadStatus?: boolean;
-    isShowTime?: boolean;
-    status?: string;
-    class?: string;
-    style?: Record<string, any>;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
-    isShowSendStatus: boolean;
-    isShowReadStatus: boolean;
-    isShowTime: boolean;
-    status: string;
-    class: undefined;
-    style: undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageMetaProps>, {
-    isShowSendStatus: boolean;
-    isShowReadStatus: boolean;
-    isShowTime: boolean;
-    status: string;
-    class: undefined;
-    style: undefined;
-}>>> & Readonly<{}>, {
-    style: Record<string, any>;
-    class: string;
-    status: string;
-    isShowSendStatus: boolean;
-    isShowReadStatus: boolean;
-    isShowTime: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageStatusIcon.js

@@ -1,26 +0,0 @@
-import { defineComponent as o, createBlock as s, createCommentVNode as n, openBlock as t, unref as a } from "vue";
-import { IconLoading as c, IconSuccess as r, IconErrorToast as u } from "@tencentcloud/uikit-base-component-vue3";
-import { _ as m } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const i = /* @__PURE__ */ o({
-  __name: "MessageStatusIcon",
-  props: {
-    status: {}
-  },
-  setup(e) {
-    return (f, _) => e.status === "unSend" ? (t(), s(a(c), {
-      key: 0,
-      class: "message-meta__status--unSend",
-      size: 14
-    })) : e.status === "success" ? (t(), s(a(r), {
-      key: 1,
-      name: "",
-      size: 14
-    })) : e.status === "fail" ? (t(), s(a(u), {
-      key: 2,
-      size: 14
-    })) : n("", !0);
-  }
-}), k = /* @__PURE__ */ m(i, [["__scopeId", "data-v-a4ba2853"]]);
-export {
-  k as default
-};

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/MessageStatusIcon.vue.d.ts

@@ -1,15 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    status: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    status: string;
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MessageMeta } from './MessageMeta.vue';
-
-export { MessageMeta };

package/dist/components/BarrageList/Message/MessageLayout/MessageMeta/index.js

@@ -1,4 +0,0 @@
-import { default as s } from "./MessageMeta.js";
-export {
-  s as MessageMeta
-};

package/dist/components/BarrageList/Message/RecalledMessage/RecalledMessage.js

@@ -1,41 +0,0 @@
-import { defineComponent as _, computed as n, createElementBlock as l, openBlock as c, normalizeStyle as T, normalizeClass as y, unref as s, Fragment as r, createTextVNode as m, createCommentVNode as v, toDisplayString as t } from "vue";
-import C from "@tencentcloud/chat-uikit-engine";
-import { useUIKit as I } from "@tencentcloud/uikit-base-component-vue3";
-import { c as h } from "../../../../index-DPczIrgX.js";
-import { _ as k } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const x = /* @__PURE__ */ _({
-  __name: "RecalledMessage",
-  props: {
-    message: {},
-    class: { default: void 0 },
-    style: { default: void 0 }
-  },
-  setup(i) {
-    const e = i, { t: a } = I(), p = (o) => {
-      console.log("Set input value:", o);
-    }, u = n(() => e.message.type === C.TYPES.MSG_TEXT), d = n(() => e.message.flow === "out"), g = n(() => e.message.nick || e.message.from || "");
-    function f() {
-      const o = e.message.payload.text;
-      p(o);
-    }
-    return (o, M) => (c(), l("div", {
-      class: y(s(h)("recalled-message", e.class)),
-      style: T(e.style)
-    }, [
-      d.value ? (c(), l(r, { key: 0 }, [
-        m(t(s(a)("TUIChat.You")) + t(s(a)("TUIChat.recalled a message")) + " ", 1),
-        u.value ? (c(), l("div", {
-          key: 0,
-          role: "button",
-          class: "recalled-message__button",
-          onClick: f
-        }, t(s(a)("TUIChat.Re-edit")), 1)) : v("", !0)
-      ], 64)) : (c(), l(r, { key: 1 }, [
-        m(t(g.value) + " " + t(s(a)("TUIChat.recalled a message")), 1)
-      ], 64))
-    ], 6));
-  }
-}), V = /* @__PURE__ */ k(x, [["__scopeId", "data-v-7f05e3cc"]]);
-export {
-  V as default
-};

package/dist/components/BarrageList/Message/RecalledMessage/RecalledMessage.vue.d.ts

@@ -1,35 +0,0 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
-
-interface IRecalledMessageProps {
-    message: IMessageModel;
-    class?: string;
-    style?: Record<string, any>;
-}
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IRecalledMessageProps>, {
-    class: undefined;
-    style: undefined;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IRecalledMessageProps>, {
-    class: undefined;
-    style: undefined;
-}>>> & Readonly<{}>, {
-    style: Record<string, any>;
-    class: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/BarrageList/Message/RecalledMessage/index.d.ts

@@ -1,3 +0,0 @@
-import { default as RecalledMessage } from './RecalledMessage.vue';
-
-export { RecalledMessage };

package/dist/components/BarrageList/Message/RecalledMessage/index.js

@@ -1,4 +0,0 @@
-import { default as l } from "./RecalledMessage.js";
-export {
-  l as RecalledMessage
-};

package/dist/components/BarrageList/MessageForward/ForwardListItem.js

@@ -1,45 +0,0 @@
-import { defineComponent as v, computed as a, createElementBlock as _, openBlock as c, normalizeClass as p, unref as s, createVNode as f, createElementVNode as n, createBlock as u, createCommentVNode as w, toDisplayString as I } from "vue";
-import { IconCheckSm as h } from "@tencentcloud/uikit-base-component-vue3";
-import { c as S } from "../../../index-DPczIrgX.js";
-import k from "../../Avatar/Avatar.js";
-import { useConversationListState as g } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as x } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const C = { class: "forward-item__info" }, D = { class: "forward-item__name" }, N = /* @__PURE__ */ v({
-  __name: "ForwardListItem",
-  props: {
-    conversationID: {},
-    isSelected: { type: Boolean }
-  },
-  setup(i) {
-    const o = i, { conversationList: m } = g(), r = a(
-      () => {
-        var e;
-        return (e = m.value) == null ? void 0 : e.find((t) => t.conversationID === o.conversationID);
-      }
-    ), l = a(() => {
-      var e, t;
-      return ((e = r.value) == null ? void 0 : e.getShowName()) || ((t = r.value) == null ? void 0 : t.conversationID) || "";
-    }), d = a(() => {
-      var e;
-      return (e = r.value) == null ? void 0 : e.getAvatar();
-    });
-    return (e, t) => (c(), _("div", {
-      class: p(s(S)("forward-list-item", { "forward-list-item--selected": o.isSelected }))
-    }, [
-      f(s(k), {
-        src: d.value,
-        style: { marginRight: "8px" }
-      }, null, 8, ["src"]),
-      n("div", C, [
-        n("div", D, I(l.value), 1)
-      ]),
-      o.isSelected ? (c(), u(s(h), {
-        key: 0,
-        class: "forward-item__checkbox"
-      })) : w("", !0)
-    ], 2));
-  }
-}), E = /* @__PURE__ */ x(N, [["__scopeId", "data-v-f55d133b"]]);
-export {
-  E as default
-};

package/dist/components/BarrageList/MessageForward/ForwardListItem.vue.d.ts

@@ -1,17 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    conversationID: string;
-    isSelected: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    conversationID: string;
-    isSelected: boolean;
-}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/dist/components/BarrageList/MessageForward/MessageForward.js

@@ -1,203 +0,0 @@
-import { defineComponent as k, createBlock as h, openBlock as o, unref as e, mergeProps as N, withCtx as f, renderSlot as U, ref as T, createVNode as d, createElementVNode as i, createElementBlock as r, createCommentVNode as x, createTextVNode as A, toDisplayString as _, withDirectives as E, vModelText as P, Fragment as C, renderList as y, withModifiers as j } from "vue";
-import { useUIKit as z, IconClose as K, IconSearch as G, IconCloseInput as F } from "@tencentcloud/uikit-base-component-vue3";
-import { i as $, D as H, a as J, b as Q, c as W } from "../../../DialogPortal-CvJcEAsn.js";
-import { a as V, e as B } from "../../../Teleport-CSEuZbpM.js";
-import M from "./ForwardListItem.js";
-import { useMessageActionState as X } from "../../../states/MessageActionState/MessageActionState.js";
-import { useConversationListState as Y } from "../../../states/ConversationListState/ConversationListState.js";
-import { _ as Z } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-var ee = /* @__PURE__ */ k({
-  __name: "DialogClose",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1,
-      default: "button"
-    }
-  },
-  setup(w) {
-    const l = w;
-    V();
-    const v = $();
-    return (s, c) => (o(), h(e(B), N(l, {
-      type: s.as === "button" ? "button" : void 0,
-      onClick: c[0] || (c[0] = (b) => e(v).onOpenChange(!1))
-    }), {
-      default: f(() => [U(s.$slots, "default")]),
-      _: 3
-    }, 16, ["type"]));
-  }
-}), te = ee, oe = /* @__PURE__ */ k({
-  __name: "DialogTitle",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1,
-      default: "h2"
-    }
-  },
-  setup(w) {
-    const l = w, v = $();
-    return V(), (s, c) => (o(), h(e(B), N(l, { id: e(v).titleId }), {
-      default: f(() => [U(s.$slots, "default")]),
-      _: 3
-    }, 16, ["id"]));
-  }
-}), se = oe;
-const ae = { class: "forward-header" }, re = { class: "forward-search" }, le = { class: "forward-middle" }, ne = { class: "forward-section-title" }, ie = {
-  key: 0,
-  class: "forward-list-container"
-}, de = {
-  key: 1,
-  class: "forward-empty"
-}, ce = { class: "forward-section-title" }, ue = {
-  key: 0,
-  class: "forward-list-container"
-}, _e = {
-  key: 1,
-  class: "forward-empty"
-}, fe = {
-  key: 0,
-  class: "forward-selected__abstract-list"
-}, ve = { class: "forward-selected__abstract-list__item__name" }, pe = ["onClick"], he = { class: "forward-footer" }, me = ["disabled"], Ce = /* @__PURE__ */ k({
-  __name: "MessageForward",
-  setup(w) {
-    const { t: l } = z(), { forwardMessageIDList: v, forwardConversationIDList: s, isForwardMessageSelectionDone: c, forwardMessage: b } = X(), { conversationList: m } = Y(), u = T(""), g = T([]);
-    function R() {
-      if (u.value) {
-        const n = m.value.filter((a) => {
-          const t = a.getShowName().toLowerCase(), p = a.conversationID.toLowerCase(), L = u.value.trim().toLowerCase();
-          return p.includes(L) || t.includes(L);
-        });
-        g.value = n;
-      } else
-        g.value = [];
-    }
-    function D(n) {
-      s.value.includes(n) ? s.value = s.value.filter((t) => t !== n) : s.value.push(n);
-    }
-    const S = (n) => s.value.includes(n);
-    function q(n) {
-      var t;
-      const a = (t = m.value) == null ? void 0 : t.find((p) => p.conversationID === n);
-      return (a == null ? void 0 : a.getShowName()) || (a == null ? void 0 : a.conversationID) || "";
-    }
-    function O() {
-      c.value && s.value.length > 0 && (b({
-        messageIDList: v.value,
-        conversationIDList: s.value,
-        isMergeForward: !1
-      }), I());
-    }
-    function I() {
-      v.value = [], s.value = [], c.value = !1;
-    }
-    return (n, a) => (o(), h(e(H), { open: e(c) }, {
-      default: f(() => [
-        d(e(J), null, {
-          default: f(() => [
-            d(e(Q), {
-              class: "forward-overlay",
-              onClick: I
-            }),
-            d(e(W), { class: "forward-container" }, {
-              default: f(() => [
-                i("div", ae, [
-                  d(e(te), {
-                    class: "forward-header__close",
-                    onClick: I
-                  }, {
-                    default: f(() => [
-                      d(e(K), { size: "14" })
-                    ]),
-                    _: 1
-                  }),
-                  d(e(se), { class: "forward-header__title" }, {
-                    default: f(() => [
-                      A(_(e(l)("TUIChat.Forward")), 1)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                i("div", re, [
-                  d(e(G), { class: "forward-search__icon" }),
-                  E(i("input", {
-                    "onUpdate:modelValue": a[0] || (a[0] = (t) => u.value = t),
-                    class: "forward-search__input",
-                    type: "text",
-                    onInput: R
-                  }, null, 544), [
-                    [P, u.value]
-                  ]),
-                  u.value ? (o(), h(e(F), {
-                    key: 0,
-                    class: "forward-search__icon--clear",
-                    onClick: a[1] || (a[1] = (t) => u.value = "")
-                  })) : x("", !0)
-                ]),
-                i("div", le, [
-                  u.value ? (o(), r(C, { key: 0 }, [
-                    i("div", ne, _(e(l)("TUIChat.Search Result")), 1),
-                    g.value.length > 0 ? (o(), r("div", ie, [
-                      (o(!0), r(C, null, y(g.value, (t) => (o(), h(M, {
-                        key: t.conversationID,
-                        conversationID: t.conversationID,
-                        "is-selected": S(t.conversationID),
-                        onOnClick: (p) => D(t.conversationID)
-                      }, null, 8, ["conversationID", "is-selected", "onOnClick"]))), 128))
-                    ])) : (o(), r("div", de, _(e(l)("TUIChat.No Result")), 1))
-                  ], 64)) : (o(), r(C, { key: 1 }, [
-                    i("div", ce, _(e(l)("TUIChat.Recent Chats")), 1),
-                    e(m) && e(m).length > 0 ? (o(), r("div", ue, [
-                      (o(!0), r(C, null, y(e(m), (t) => (o(), h(M, {
-                        key: t.conversationID,
-                        conversationID: t.conversationID,
-                        "is-selected": S(t.conversationID),
-                        onClick: (p) => D(t.conversationID)
-                      }, null, 8, ["conversationID", "is-selected", "onClick"]))), 128))
-                    ])) : (o(), r("div", _e, _(e(l)("TUIChat.No Conversation")), 1))
-                  ], 64))
-                ]),
-                e(s).length > 0 ? (o(), r("div", fe, [
-                  (o(!0), r(C, null, y(e(s), (t) => (o(), r("div", {
-                    key: t,
-                    class: "forward-selected__abstract-list__item"
-                  }, [
-                    i("div", ve, _(q(t)), 1),
-                    i("div", {
-                      class: "forward-selected__abstract-list__item__remove",
-                      onClick: j((p) => D(t), ["stop"])
-                    }, [
-                      d(e(F))
-                    ], 8, pe)
-                  ]))), 128))
-                ])) : x("", !0),
-                i("div", he, [
-                  i("button", {
-                    class: "forward-footer__button",
-                    disabled: e(s).length === 0,
-                    onClick: O
-                  }, _(e(l)("TUIChat.Forward")), 9, me)
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["open"]));
-  }
-}), Le = /* @__PURE__ */ Z(Ce, [["__scopeId", "data-v-7c5b2546"]]);
-export {
-  Le as default
-};

package/dist/components/BarrageList/MessageForward/MessageForward.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/BarrageList/MessageForward/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MessageForward } from './MessageForward.vue';
-
-export { MessageForward };

package/dist/components/BarrageList/MessageForward/index.js

@@ -1,4 +0,0 @@
-import { default as r } from "./MessageForward.js";
-export {
-  r as MessageForward
-};

package/dist/components/StreamView/Layout/MixLayout.js

@@ -1,89 +0,0 @@
-import { defineComponent as I, ref as S, computed as y, reactive as C, watch as k, onMounted as T, onBeforeUnmount as $, createElementBlock as i, openBlock as u, createBlock as w, createCommentVNode as L, unref as s, withCtx as h, renderSlot as U, normalizeProps as b, guardReactiveProps as P, createElementVNode as z, Fragment as R, renderList as V, normalizeStyle as F, createVNode as B } from "vue";
-import { TUIVideoStreamType as E } from "@tencentcloud/tuiroom-engine-js";
-import { useLiveState as M } from "../../../states/LiveState/index.js";
-import N from "../common/StreamRegion/StreamRegionPC.js";
-import O from "../common/StreamCover/index.js";
-import { innerUserStore as c } from "../../../states/UserState/store.js";
-import { _ as H } from "../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const W = { class: "mix-layout-container" }, A = /* @__PURE__ */ I({
-  __name: "MixLayout",
-  props: {
-    config: {},
-    filterFn: { type: Function },
-    sortFn: { type: Function }
-  },
-  setup(j) {
-    const { currentLive: a } = M(), r = S(), x = y(() => a.value && a.value.layoutTemplateParams.canvas ? `${a.value.layoutTemplateParams.canvas.width}:${a.value.layoutTemplateParams.canvas.height}` : "16:9"), l = y(() => a.value && a.value.layoutTemplateParams.layoutList ? a.value.layoutTemplateParams.layoutList : []), n = C({});
-    k(() => l.value.length, () => {
-      p();
-    }, { deep: !0 });
-    const m = new ResizeObserver(() => {
-      r.value && p();
-    });
-    T(() => {
-      r.value && m.observe(r.value);
-    }), $(() => {
-      r.value && m.unobserve(r.value);
-    });
-    function p() {
-      l.value.forEach((e) => {
-        v(e);
-      });
-    }
-    function v(e) {
-      var f, d;
-      const o = `${e.userId}-${e.streamType}`;
-      if (!r.value) {
-        n[o] = {};
-        return;
-      }
-      const t = (f = r.value) == null ? void 0 : f.clientWidth, g = (d = r.value) == null ? void 0 : d.clientHeight;
-      n[o] = {
-        left: t * e.x + "px",
-        top: t * e.y + "px",
-        width: t * e.width + "px",
-        height: e.height === -1 ? g + "px" : t * e.height + "px",
-        zIndex: e.zOrder,
-        backgroundColor: e.backgroundColor
-      };
-    }
-    function _(e) {
-      const o = `${e.userId}-${e.streamType}`;
-      return n[o] || v(e), n[o];
-    }
-    return (e, o) => (u(), i("div", W, [
-      s(c).mixUserInfo ? (u(), w(s(N), {
-        key: 0,
-        "user-info": s(c).mixUserInfo,
-        "stream-type": s(E).kCameraStream,
-        "aspect-ratio": x.value
-      }, {
-        "stream-cover": h(() => [
-          z("div", {
-            class: "mix-stream-cover",
-            ref_key: "streamCoverRef",
-            ref: r
-          }, [
-            (u(!0), i(R, null, V(l.value, (t) => (u(), i("div", {
-              class: "mix-stream-cover-item",
-              key: `${t.userId}-${t.streamType}`,
-              style: F(_(t))
-            }, [
-              B(O, {
-                "user-info": s(c).getUserInfo({ userId: t.userId }),
-                "stream-type": t.streamType
-              }, null, 8, ["user-info", "stream-type"])
-            ], 4))), 128))
-          ], 512)
-        ]),
-        streamViewUI: h((t) => [
-          U(e.$slots, "streamViewUI", b(P(t)), void 0, !0)
-        ]),
-        _: 3
-      }, 8, ["user-info", "stream-type", "aspect-ratio"])) : L("", !0)
-    ]));
-  }
-}), Y = /* @__PURE__ */ H(A, [["__scopeId", "data-v-526bec15"]]);
-export {
-  Y as default
-};

package/dist/components/StreamView/Layout/MixLayout.vue.d.ts

@@ -1,31 +0,0 @@
-import { UserInfo } from '../../../types';
-import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-js';
-
-interface Props {
-    config?: string;
-    filterFn?: (userInfo: UserInfo, index: number) => boolean;
-    sortFn?: (userInfoA: UserInfo, userInfoB: UserInfo) => number;
-}
-declare function __VLS_template(): {
-    streamViewUI?(_: {
-        userInfo: UserInfo;
-        streamType: TUIVideoStreamType;
-    }): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, 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> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};