tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/ConversationList/ConversationCreate/ConversationGroupTypeInfo/ConversationGroupTypeInfo.js

@@ -1,91 +1,73 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, Fragment, renderList, unref, createElementVNode, createBlock, createCommentVNode, createVNode, createTextVNode, toDisplayString } from "vue";
-import { useUIKit, IconCheckSm } from "@tencentcloud/uikit-base-component-vue3";
-import Avatar from "../../../Avatar/Avatar.js";
-import { useConversationCreate } from "../../hooks/useConversationCreate.js";
-import { typeInfoList } from "./type.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as I, createElementBlock as a, openBlock as r, normalizeClass as e, Fragment as T, renderList as G, unref as n, createElementVNode as s, createBlock as m, createCommentVNode as d, createVNode as g, createTextVNode as _, toDisplayString as i } from "vue";
+import { useUIKit as C, IconCheckSm as k } from "@tencentcloud/uikit-base-component-vue3";
+import $ from "../../../Avatar/Avatar.js";
+import { useConversationCreate as b } from "../../hooks/useConversationCreate.js";
+import { typeInfoList as h } from "./type.js";
+import { _ as z } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const w = ["onClick"], N = /* @__PURE__ */ I({
   __name: "ConversationGroupTypeInfo",
   props: {
     groupType: {},
     setGroupType: { type: Function }
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const { getDefaultAvatar } = useConversationCreate();
-    const selectGroupType = (type) => {
-      props.setGroupType(type);
+  setup(p) {
+    const u = p, { t: c } = C(), { getDefaultAvatar: v } = b(), y = (o) => {
+      u.setGroupType(o);
     };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.conversationGroupTypeInfo)
+    return (o, L) => (r(), a("div", {
+      class: e(o.$style.conversationGroupTypeInfo)
+    }, [
+      (r(!0), a(T, null, G(n(h), ({ type: t, name: f, des: l }) => (r(), a("div", {
+        key: t,
+        role: "presentation",
+        class: e([o.$style.conversationGroupTypeInfo__box, {
+          [o.$style["conversationGroupTypeInfo__box--active"]]: t === p.groupType
+        }]),
+        onClick: (M) => y(t)
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(typeInfoList), ({ type, name, des }) => {
-          return openBlock(), createElementBlock("div", {
-            key: type,
-            role: "presentation",
-            class: normalizeClass([_ctx.$style.conversationGroupTypeInfo__box, {
-              [_ctx.$style["conversationGroupTypeInfo__box--active"]]: type === _ctx.groupType
-            }]),
-            onClick: ($event) => selectGroupType(type)
+        s("div", {
+          class: e(o.$style.conversationGroupTypeInfo__header)
+        }, [
+          s("div", {
+            class: e(o.$style.conversationGroupTypeInfo__title)
           }, [
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.conversationGroupTypeInfo__header)
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(_ctx.$style.conversationGroupTypeInfo__title)
-              }, [
-                createVNode(unref(Avatar), {
-                  size: "sm",
-                  src: unref(getDefaultAvatar)(type)
-                }, null, 8, ["src"]),
-                createTextVNode(" " + toDisplayString(unref(t)(`TUIConversation.${name}`)), 1)
-              ], 2),
-              type === _ctx.groupType ? (openBlock(), createBlock(unref(IconCheckSm), {
-                key: 0,
-                class: normalizeClass(_ctx.$style.conversationGroupTypeInfo__activeIcon)
-              }, null, 8, ["class"])) : createCommentVNode("", true)
-            ], 2),
-            createElementVNode("div", {
-              class: normalizeClass(_ctx.$style.conversationGroupTypeInfo__description)
-            }, [
-              createTextVNode(toDisplayString(unref(t)(`TUIConversation.${des}`)) + " ", 1),
-              createElementVNode("a", {
-                class: normalizeClass(_ctx.$style.conversationGroupTypeInfo__document),
-                target: "_blank",
-                href: "https://trtc.io/document/33529?platform=web&product=chat&menulabel=uikit#group-types",
-                rel: "bookmark noreferrer"
-              }, toDisplayString(unref(t)("TUIConversation.See the documentation for details")), 3)
-            ], 2)
-          ], 10, _hoisted_1);
-        }), 128))
-      ], 2);
-    };
+            g(n($), {
+              size: "sm",
+              src: n(v)(t)
+            }, null, 8, ["src"]),
+            _(" " + i(n(c)(`TUIConversation.${f}`)), 1)
+          ], 2),
+          t === p.groupType ? (r(), m(n(k), {
+            key: 0,
+            class: e(o.$style.conversationGroupTypeInfo__activeIcon)
+          }, null, 8, ["class"])) : d("", !0)
+        ], 2),
+        s("div", {
+          class: e(o.$style.conversationGroupTypeInfo__description)
+        }, [
+          _(i(n(c)(`TUIConversation.${l}`)) + " ", 1),
+          s("a", {
+            class: e(o.$style.conversationGroupTypeInfo__document),
+            target: "_blank",
+            href: "https://trtc.io/document/33529?platform=web&product=chat&menulabel=uikit#group-types",
+            rel: "bookmark noreferrer"
+          }, i(n(c)("TUIConversation.See the documentation for details")), 3)
+        ], 2)
+      ], 10, w))), 128))
+    ], 2));
   }
-});
-const conversationGroupTypeInfo = "_conversationGroupTypeInfo_5gwpz_1";
-const conversationGroupTypeInfo__box = "_conversationGroupTypeInfo__box_5gwpz_19";
-const conversationGroupTypeInfo__header = "_conversationGroupTypeInfo__header_5gwpz_35";
-const conversationGroupTypeInfo__title = "_conversationGroupTypeInfo__title_5gwpz_40";
-const conversationGroupTypeInfo__description = "_conversationGroupTypeInfo__description_5gwpz_46";
-const conversationGroupTypeInfo__document = "_conversationGroupTypeInfo__document_5gwpz_52";
-const conversationGroupTypeInfo__activeIcon = "_conversationGroupTypeInfo__activeIcon_5gwpz_60";
-const style0 = {
-  conversationGroupTypeInfo,
-  conversationGroupTypeInfo__box,
+}), U = "_conversationGroupTypeInfo_5gwpz_1", V = "_conversationGroupTypeInfo__box_5gwpz_19", x = "_conversationGroupTypeInfo__header_5gwpz_35", B = "_conversationGroupTypeInfo__title_5gwpz_40", S = "_conversationGroupTypeInfo__description_5gwpz_46", A = "_conversationGroupTypeInfo__document_5gwpz_52", D = "_conversationGroupTypeInfo__activeIcon_5gwpz_60", E = {
+  conversationGroupTypeInfo: U,
+  conversationGroupTypeInfo__box: V,
   "conversationGroupTypeInfo__box--active": "_conversationGroupTypeInfo__box--active_5gwpz_32",
-  conversationGroupTypeInfo__header,
-  conversationGroupTypeInfo__title,
-  conversationGroupTypeInfo__description,
-  conversationGroupTypeInfo__document,
-  conversationGroupTypeInfo__activeIcon
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationGroupTypeInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+  conversationGroupTypeInfo__header: x,
+  conversationGroupTypeInfo__title: B,
+  conversationGroupTypeInfo__description: S,
+  conversationGroupTypeInfo__document: A,
+  conversationGroupTypeInfo__activeIcon: D
+}, F = {
+  $style: E
+}, P = /* @__PURE__ */ z(N, [["__cssModules", F]]);
 export {
-  ConversationGroupTypeInfo as default
+  P as default
 };

package/dist/components/ConversationList/ConversationCreate/ConversationGroupTypeInfo/index.js

@@ -1,6 +1,6 @@
-import { default as default2 } from "./ConversationGroupTypeInfo.js";
-import { typeInfoList } from "./type.js";
+import { default as r } from "./ConversationGroupTypeInfo.js";
+import { typeInfoList as f } from "./type.js";
 export {
-  default2 as ConversationGroupTypeInfo,
-  typeInfoList
+  r as ConversationGroupTypeInfo,
+  f as typeInfoList
 };

package/dist/components/ConversationList/ConversationCreate/ConversationGroupTypeInfo/type.js

@@ -1,11 +1,11 @@
-import { GroupType } from "../../../../types/conversation.js";
-const typeInfoList = [
-  { type: GroupType.WORK, name: "Work", des: "Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details." },
-  { type: GroupType.PUBLIC, name: "Public", des: "After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details." },
-  { type: GroupType.MEETING, name: "Meeting", des: "After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details." },
-  { type: GroupType.AVCHATROOM, name: "AVChatRoom", des: "After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details." },
-  { type: GroupType.COMMUNITY, name: "Community", des: "After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details." }
+import { GroupType as e } from "../../../../types/conversation.js";
+const o = [
+  { type: e.WORK, name: "Work", des: "Users can join the group only via invitation by existing members. The invitation does not need to be agreed by the invitee or approved by the group owner. See the documentation for details." },
+  { type: e.PUBLIC, name: "Public", des: "After a public group is created, the group owner can designate group admins. To join the group, a user needs to search the group ID and send a request, which needs to be approved by the group owner or an admin before the user can join the group. See the documentation for details." },
+  { type: e.MEETING, name: "Meeting", des: "After the group is created, a user can join and quit the group freely and can view the messages sent before joining the group. It is suitable for scenarios that integrate Tencent Real-Time Communication (TRTC), such as audio and video conferences and online education. See the documentation for details." },
+  { type: e.AVCHATROOM, name: "AVChatRoom", des: "After a group is created, a user can join and quit the group freely. The group can have an unlimited number of members, but it does not store message history. It can be combined with Live Video Broadcasting (LVB) to support on-screen comment scenarios. See the documentation for details." },
+  { type: e.COMMUNITY, name: "Community", des: "After creation, you can enter and leave at will, support up to 100,000 people, support historical message storage, and after users search for group ID and initiate a group application, they can join the group without administrator approval. See product documentation for details." }
 ];
 export {
-  typeInfoList
+  o as typeInfoList
 };

package/dist/components/ConversationList/ConversationCreate/index.js

@@ -1,14 +1,14 @@
-import { default as default2 } from "./ConversationCreate.js";
-import { default as default3 } from "./ConversationCreateButton/ConversationCreateButton.js";
-import { default as default4 } from "./ConversationCreateGroupDetail/ConversationCreateGroupDetail.js";
-import { default as default5 } from "./ConversationCreateUserSelectList/ConversationCreateUserSelectList.js";
-import { default as default6 } from "./ConversationGroupTypeInfo/ConversationGroupTypeInfo.js";
-import { typeInfoList } from "./ConversationGroupTypeInfo/type.js";
+import { default as t } from "./ConversationCreate.js";
+import { default as a } from "./ConversationCreateButton/ConversationCreateButton.js";
+import { default as n } from "./ConversationCreateGroupDetail/ConversationCreateGroupDetail.js";
+import { default as p } from "./ConversationCreateUserSelectList/ConversationCreateUserSelectList.js";
+import { default as i } from "./ConversationGroupTypeInfo/ConversationGroupTypeInfo.js";
+import { typeInfoList as l } from "./ConversationGroupTypeInfo/type.js";
 export {
-  default2 as ConversationCreate,
-  default3 as ConversationCreateButton,
-  default4 as ConversationCreateGroupDetail,
-  default5 as ConversationCreateUserSelectList,
-  default6 as ConversationGroupTypeInfo,
-  typeInfoList
+  t as ConversationCreate,
+  a as ConversationCreateButton,
+  n as ConversationCreateGroupDetail,
+  p as ConversationCreateUserSelectList,
+  i as ConversationGroupTypeInfo,
+  l as typeInfoList
 };

package/dist/components/ConversationList/ConversationList.js

@@ -1,34 +1,34 @@
-import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, createCommentVNode, resolveDynamicComponent, withCtx, Fragment, renderList } from "vue";
-import Avatar from "../Avatar/Avatar.js";
-import { useConversation } from "./hooks/useConversation.js";
-import ConversationActionsComponent from "./ConversationActions/ConversationActions.js";
-import ConversationSearchComponent from "./ConversationSearch/ConversationSearch.js";
-import ConversationCreateComponent from "./ConversationCreate/ConversationCreate.js";
-import ConversationPreviewUIComponent from "./ConversationPreview/ConversationPreviewUI.js";
-import ConversationListContentComponent from "./ConversationListContent/ConversationListContent.js";
-import ConversationListHeaderComponent from "./ConversationListHeader/ConversationListHeader.js";
-import { ConversationPreview as _sfc_main$1 } from "./ConversationPreview/index.js";
-import { useConversationListState } from "../../states/ConversationListState/ConversationListState.js";
-import { isH5 } from "../../utils/env.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as z, ref as u, computed as C, watch as x, createElementBlock as S, openBlock as n, normalizeStyle as V, normalizeClass as E, unref as i, createBlock as s, createCommentVNode as f, resolveDynamicComponent as c, withCtx as A, Fragment as q, renderList as G } from "vue";
+import J from "../Avatar/Avatar.js";
+import { useConversation as K } from "./hooks/useConversation.js";
+import Q from "./ConversationActions/ConversationActions.js";
+import R from "./ConversationSearch/ConversationSearch.js";
+import T from "./ConversationCreate/ConversationCreate.js";
+import W from "./ConversationPreview/ConversationPreviewUI.js";
+import X from "./ConversationListContent/ConversationListContent.js";
+import Y from "./ConversationListHeader/ConversationListHeader.js";
+import { ConversationPreview as Z } from "./ConversationPreview/index.js";
+import { useConversationListState as _ } from "../../states/ConversationListState/ConversationListState.js";
+import { isH5 as ee } from "../../utils/env.js";
+import { _ as te } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const oe = /* @__PURE__ */ z({
   __name: "ConversationList",
   props: {
     children: {},
-    enableSearch: { type: Boolean, default: true },
-    enableCreate: { type: Boolean, default: true },
-    enableActions: { type: Boolean, default: true },
+    enableSearch: { type: Boolean, default: !0 },
+    enableCreate: { type: Boolean, default: !0 },
+    enableActions: { type: Boolean, default: !0 },
     actionsConfig: {},
-    Header: { type: [Object, Function], default: () => ConversationListHeaderComponent },
-    List: { type: [Object, Function], default: () => ConversationListContentComponent },
-    Preview: { type: [Object, Function], default: () => ConversationPreviewUIComponent },
-    ConversationCreate: { type: [Object, Function], default: () => ConversationCreateComponent },
-    ConversationSearch: { default: () => ConversationSearchComponent },
-    ConversationActions: { type: [Object, Function], default: () => ConversationActionsComponent },
+    Header: { type: [Object, Function], default: () => Y },
+    List: { type: [Object, Function], default: () => X },
+    Preview: { type: [Object, Function], default: () => W },
+    ConversationCreate: { type: [Object, Function], default: () => T },
+    ConversationSearch: { default: () => R },
+    ConversationActions: { type: [Object, Function], default: () => Q },
     PlaceholderEmptyList: { default: void 0 },
     PlaceholderLoading: { default: void 0 },
     PlaceholderLoadError: { default: void 0 },
-    Avatar: { type: [Object, Function], default: () => Avatar },
+    Avatar: { type: [Object, Function], default: () => J },
     filter: {},
     sort: {},
     onSelectConversation: {},
@@ -38,141 +38,99 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     style: {}
   },
   emits: ["selectConversation", "beforeCreateConversation", "conversationCreated"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const {
-      enableActions,
-      actionsConfig: propActionsConfig,
-      enableCreate: propEnableCreate,
-      enableSearch: propEnableSearch,
-      onBeforeCreateConversation,
-      onConversationCreated
-    } = props;
-    const { conversationList: conversationList2, setActiveConversation } = useConversationListState();
-    const { setEnableCreate, setEnableSearch } = useConversation();
-    const conversationActionList = ref([]);
-    const renderConversationList = computed(() => {
-      if (!conversationList2.value) {
+  setup(t, { emit: B }) {
+    const o = t, v = B, {
+      enableActions: k,
+      actionsConfig: F,
+      enableCreate: $,
+      enableSearch: j,
+      onBeforeCreateConversation: m,
+      onConversationCreated: h
+    } = o, { conversationList: l, setActiveConversation: O } = _(), { setEnableCreate: w, setEnableSearch: H } = K(), I = u([]), y = C(() => {
+      if (!l.value)
         return [];
-      }
-      let _conversationList = conversationList2.value;
-      if (props.filter && typeof props.filter === "function") {
-        _conversationList = props.filter(_conversationList);
-      }
-      if (props.sort && typeof props.sort === "function") {
-        _conversationList = props.sort(_conversationList);
-      }
-      return _conversationList;
-    });
-    const isCreateModelShow = ref(false);
-    const actionsConfig = ref({});
-    const enableCreate = computed(() => propEnableCreate);
-    const enableSearch = computed(() => propEnableSearch);
-    setEnableCreate(enableCreate.value);
-    setEnableSearch(enableSearch.value);
-    watch(
-      () => [propActionsConfig, conversationActionList.value],
-      ([newActionsConfig, newConversationActionList]) => {
-        if (!newActionsConfig && !newConversationActionList) {
-          return;
-        }
-        if (newActionsConfig) {
-          actionsConfig.value = newActionsConfig;
-          return;
-        }
-        if (newConversationActionList && newConversationActionList.length > 0) {
-          const config = {};
-          newConversationActionList.forEach((action) => {
-            const key = `enable${action.charAt(0).toUpperCase()}${action.slice(1)}`;
-            config[key] = config[key] ?? true;
-          });
-          actionsConfig.value = config;
+      let e = l.value;
+      return o.filter && typeof o.filter == "function" && (e = o.filter(e)), o.sort && typeof o.sort == "function" && (e = o.sort(e)), e;
+    }), p = u(!1), d = u({}), L = C(() => $), b = C(() => j);
+    w(L.value), H(b.value), x(
+      () => [F, I.value],
+      ([e, r]) => {
+        if (!(!e && !r)) {
+          if (e) {
+            d.value = e;
+            return;
+          }
+          if (r && r.length > 0) {
+            const a = {};
+            r.forEach((P) => {
+              const g = `enable${P.charAt(0).toUpperCase()}${P.slice(1)}`;
+              a[g] = a[g] ?? !0;
+            }), d.value = a;
+          }
         }
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    const handleSelectConversation = (conversation) => {
-      setActiveConversation(conversation.conversationID);
-      emit("selectConversation", conversation);
-    };
-    const setIsCreateModelShow = (visible) => {
-      isCreateModelShow.value = visible;
-    };
-    const handleBeforeCreate = (params) => {
-      emit("beforeCreateConversation", params);
-      if (onBeforeCreateConversation) {
-        return onBeforeCreateConversation(params);
-      }
-      return params;
-    };
-    const handleCreated = (conversation) => {
-      emit("conversationCreated", conversation);
-      if (onConversationCreated) {
-        onConversationCreated(conversation);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.conversationList, _ctx.className, {
-          [_ctx.$style["conversationList--mobile"]]: unref(isH5)
-        }]),
-        style: normalizeStyle(_ctx.style)
-      }, [
-        _ctx.Header ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.Header), {
-          key: 0,
-          class: normalizeClass({
-            [_ctx.$style.conversationList__headerCreating]: isCreateModelShow.value
-          })
-        }, {
-          default: withCtx(() => [
-            enableSearch.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.ConversationSearch), { key: 0 })) : createCommentVNode("", true),
-            enableCreate.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.ConversationCreate), {
-              key: 1,
-              "conversation-list": unref(conversationList2),
-              "onUpdate:visible": setIsCreateModelShow,
-              onBeforeCreate: handleBeforeCreate,
-              onCreated: handleCreated
-            }, null, 40, ["conversation-list"])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["class"])) : createCommentVNode("", true),
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.List), {
-          empty: renderConversationList.value.length === 0,
-          loading: !unref(conversationList2),
-          error: false,
-          PlaceholderEmptyList: _ctx.PlaceholderEmptyList,
-          PlaceholderLoading: _ctx.PlaceholderLoading,
-          PlaceholderLoadError: _ctx.PlaceholderLoadError
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(renderConversationList.value, (conversation) => {
-              return openBlock(), createBlock(unref(_sfc_main$1), {
-                key: conversation.conversationID,
-                conversation,
-                "enable-actions": unref(enableActions),
-                Avatar: _ctx.Avatar,
-                Preview: _ctx.Preview,
-                ConversationActions: _ctx.ConversationActions,
-                "actions-config": actionsConfig.value,
-                onSelect: handleSelectConversation
-              }, null, 8, ["conversation", "enable-actions", "Avatar", "Preview", "ConversationActions", "actions-config"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["empty", "loading", "PlaceholderEmptyList", "PlaceholderLoading", "PlaceholderLoadError"]))
-      ], 6);
+    const M = (e) => {
+      O(e.conversationID), v("selectConversation", e);
+    }, D = (e) => {
+      p.value = e;
+    }, N = (e) => (v("beforeCreateConversation", e), m ? m(e) : e), U = (e) => {
+      v("conversationCreated", e), h && h(e);
     };
+    return (e, r) => (n(), S("div", {
+      class: E([e.$style.conversationList, t.className, {
+        [e.$style["conversationList--mobile"]]: i(ee)
+      }]),
+      style: V(t.style)
+    }, [
+      t.Header ? (n(), s(c(t.Header), {
+        key: 0,
+        class: E({
+          [e.$style.conversationList__headerCreating]: p.value
+        })
+      }, {
+        default: A(() => [
+          b.value ? (n(), s(c(t.ConversationSearch), { key: 0 })) : f("", !0),
+          L.value ? (n(), s(c(t.ConversationCreate), {
+            key: 1,
+            "conversation-list": i(l),
+            "onUpdate:visible": D,
+            onBeforeCreate: N,
+            onCreated: U
+          }, null, 40, ["conversation-list"])) : f("", !0)
+        ]),
+        _: 1
+      }, 8, ["class"])) : f("", !0),
+      (n(), s(c(t.List), {
+        empty: y.value.length === 0,
+        loading: !i(l),
+        error: !1,
+        PlaceholderEmptyList: t.PlaceholderEmptyList,
+        PlaceholderLoading: t.PlaceholderLoading,
+        PlaceholderLoadError: t.PlaceholderLoadError
+      }, {
+        default: A(() => [
+          (n(!0), S(q, null, G(y.value, (a) => (n(), s(i(Z), {
+            key: a.conversationID,
+            conversation: a,
+            "enable-actions": i(k),
+            Avatar: t.Avatar,
+            Preview: t.Preview,
+            ConversationActions: t.ConversationActions,
+            "actions-config": d.value,
+            onSelect: M
+          }, null, 8, ["conversation", "enable-actions", "Avatar", "Preview", "ConversationActions", "actions-config"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["empty", "loading", "PlaceholderEmptyList", "PlaceholderLoading", "PlaceholderLoadError"]))
+    ], 6));
   }
-});
-const conversationList = "_conversationList_chbuy_1";
-const style0 = {
-  conversationList
-};
-const cssModules = {
-  "$style": style0
-};
-const ConversationListComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+}), ne = "_conversationList_chbuy_1", ae = {
+  conversationList: ne
+}, re = {
+  $style: ae
+}, Le = /* @__PURE__ */ te(oe, [["__cssModules", re]]);
 export {
-  ConversationListComponent as default
+  Le as default
 };