tuikit-atomicx-vue3 3.3.4 → 3.4.2

package/dist/components/ContactList/ContactList.js

@@ -1,290 +1,219 @@
-import { defineComponent, computed, watch, ref, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, unref, Fragment, renderList, withKeys, createVNode, normalizeClass, toDisplayString } from "vue";
-import { useUIKit, IconArrowStrokeSelectDown } from "@tencentcloud/uikit-base-component-vue3";
-import { ContactItemType } from "../../types/contact.js";
-import { UNREAD_COUNT_LIMIT } from "./constants/const.js";
-import ContactSearch from "./ContactSearch/ContactSearch.js";
-import { ContactListItem as _sfc_main$1 } from "./ContactListItem/index.js";
-import { useContactListState } from "../../states/ContactListState/ContactListState.js";
-import { useContactList } from "./hooks/useContactList.js";
-import { _ as _export_sfc } from "../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "contact-list" };
-const _hoisted_2 = { class: "contact-list__container" };
-const _hoisted_3 = { class: "contact-list__main" };
-const _hoisted_4 = { class: "contact-list__content" };
-const _hoisted_5 = ["onClick", "onKeydown"];
-const _hoisted_6 = { class: "contact-list__group-title" };
-const _hoisted_7 = { class: "contact-list__group-name" };
-const _hoisted_8 = {
+import { defineComponent as W, computed as _, watch as F, ref as X, createElementBlock as s, openBlock as c, createElementVNode as u, createBlock as C, createCommentVNode as I, resolveDynamicComponent as y, unref as v, Fragment as f, renderList as D, withKeys as S, createVNode as Y, normalizeClass as Z, toDisplayString as k } from "vue";
+import { useUIKit as tt, IconArrowStrokeSelectDown as et } from "@tencentcloud/uikit-base-component-vue3";
+import { ContactItemType as a } from "../../types/contact.js";
+import { UNREAD_COUNT_LIMIT as ot } from "./constants/const.js";
+import x from "./ContactSearch/ContactSearch.js";
+import { ContactListItem as nt } from "./ContactListItem/index.js";
+import { useContactListState as at } from "../../states/ContactListState/ContactListState.js";
+import { useContactList as ct } from "./hooks/useContactList.js";
+import { _ as it } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const rt = { class: "contact-list" }, st = { class: "contact-list__container" }, lt = { class: "contact-list__main" }, dt = { class: "contact-list__content" }, pt = ["onClick", "onKeydown"], ut = { class: "contact-list__group-title" }, mt = { class: "contact-list__group-name" }, _t = {
   key: 0,
   class: "contact-list__unread-badge"
-};
-const _hoisted_9 = {
+}, Ct = {
   key: 2,
   class: "contact-list__group-content"
-};
-const _hoisted_10 = {
+}, yt = {
   key: 1,
   class: "contact-list__empty"
-};
-const _hoisted_11 = { class: "contact-list__empty-text" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, vt = { class: "contact-list__empty-text" }, ht = /* @__PURE__ */ W({
   __name: "ContactList",
   props: {
     activeContactItem: {},
-    enableSearch: { type: Boolean, default: true },
+    enableSearch: { type: Boolean, default: !0 },
     groupConfig: {},
     searchPlaceholder: { default: void 0 },
     emptyText: { default: void 0 },
-    ContactItem: { default: () => _sfc_main$1 },
-    ContactSearchComponent: { default: () => ContactSearch },
+    ContactItem: { default: () => nt },
+    ContactSearchComponent: { default: () => x },
     GroupHeader: { default: void 0 },
-    PlaceholderEmptyList: { default: () => void 0 },
+    PlaceholderEmptyList: { default: () => {
+    } },
     onContactItemClick: {},
     onFriendApplicationAction: {},
     onGroupApplicationAction: {}
   },
   emits: ["contact-item-click", "friend-application-action", "group-application-action"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useUIKit();
-    const {
-      friendList,
-      groupList,
-      blackList,
-      friendApplicationList,
-      groupApplicationList,
-      friendApplicationUnreadCount,
-      acceptFriendApplication,
-      refuseFriendApplication,
-      acceptGroupApplication,
-      refuseGroupApplication,
-      markFriendApplicationAsRead
-    } = useContactListState();
-    const { activeContact, setActiveContact, setContactGroupTitles } = useContactList();
-    const defaultGroupTitles = computed(() => {
-      const groupTitle = {
-        [ContactItemType.FRIEND_REQUEST]: t("TUIContact.New contacts"),
-        [ContactItemType.GROUP_REQUEST]: t("TUIContact.Group applications"),
-        [ContactItemType.FRIEND]: t("TUIContact.My friends"),
-        [ContactItemType.GROUP]: t("TUIContact.My groups"),
-        [ContactItemType.BLACK]: t("TUIContact.Blacklist")
+  setup(d, { emit: N }) {
+    const i = d, h = N, { t: p } = tt(), {
+      friendList: w,
+      groupList: P,
+      blackList: $,
+      friendApplicationList: B,
+      groupApplicationList: O,
+      friendApplicationUnreadCount: E,
+      acceptFriendApplication: b,
+      refuseFriendApplication: Q,
+      acceptGroupApplication: K,
+      refuseGroupApplication: M,
+      markFriendApplicationAsRead: H
+    } = at(), { activeContact: V, setActiveContact: T, setContactGroupTitles: U } = ct(), l = _(() => {
+      const e = {
+        [a.FRIEND_REQUEST]: p("TUIContact.New contacts"),
+        [a.GROUP_REQUEST]: p("TUIContact.Group applications"),
+        [a.FRIEND]: p("TUIContact.My friends"),
+        [a.GROUP]: p("TUIContact.My groups"),
+        [a.BLACK]: p("TUIContact.Blacklist")
       };
-      setContactGroupTitles(groupTitle);
-      return groupTitle;
+      return U(e), e;
     });
-    watch(
-      () => props.activeContactItem,
-      (newVal) => {
-        if (newVal) {
-          setActiveContact(newVal);
-        }
+    F(
+      () => i.activeContactItem,
+      (e) => {
+        e && T(e);
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    const expandedGroups = ref(/* @__PURE__ */ new Set());
-    const toggleGroupExpanded = (groupKey) => {
-      const newExpanded = new Set(expandedGroups.value);
-      if (newExpanded.has(groupKey)) {
-        newExpanded.delete(groupKey);
-      } else {
-        newExpanded.add(groupKey);
-      }
-      if (groupKey === ContactItemType.FRIEND_REQUEST && friendApplicationUnreadCount.value > 0) {
-        markFriendApplicationAsRead();
-      }
-      expandedGroups.value = newExpanded;
-    };
-    const getItemId = (item) => {
-      if ("userID" in item) {
-        return item.userID;
-      }
-      if ("groupID" in item) {
-        return item.groupID;
-      }
-      return "";
-    };
-    const handleContactClick = (type, item) => {
-      const contactGroupItem = { type, data: item };
-      emit("contact-item-click", contactGroupItem);
-      setActiveContact(contactGroupItem);
-      if (props.onContactItemClick) {
-        props.onContactItemClick(contactGroupItem);
-      }
-    };
-    const handleFriendApplicationAction = async (action, application) => {
+    const A = X(/* @__PURE__ */ new Set()), m = (e) => {
+      const o = new Set(A.value);
+      o.has(e) ? o.delete(e) : o.add(e), e === a.FRIEND_REQUEST && E.value > 0 && H(), A.value = o;
+    }, g = (e) => "userID" in e ? e.userID : "groupID" in e ? e.groupID : "", R = (e, o) => {
+      const t = { type: e, data: o };
+      h("contact-item-click", t), T(t), i.onContactItemClick && i.onContactItemClick(t);
+    }, j = async (e, o) => {
       try {
-        if (action === "accept") {
-          await acceptFriendApplication({
-            userID: application.userID,
-            type: application.type
-          });
-        } else {
-          await refuseFriendApplication(application.userID);
-        }
-        emit("friend-application-action", action, application);
-        if (props.onFriendApplicationAction) {
-          props.onFriendApplicationAction(action, application);
-        }
-      } catch (error) {
-        console.error(`[ContactList handleFriendApplicationAction] Failed to ${action} friend application:`, error);
+        e === "accept" ? await b({
+          userID: o.userID,
+          type: o.type
+        }) : await Q(o.userID), h("friend-application-action", e, o), i.onFriendApplicationAction && i.onFriendApplicationAction(e, o);
+      } catch (t) {
+        console.error(`[ContactList handleFriendApplicationAction] Failed to ${e} friend application:`, t);
       }
-    };
-    const handleGroupApplicationAction = async (action, application) => {
+    }, z = async (e, o) => {
       try {
-        const params = {
+        const t = {
           handleMessage: "",
-          application
+          application: o
         };
-        if (action === "accept") {
-          await acceptGroupApplication(params);
-        } else {
-          await refuseGroupApplication(params);
-        }
-        emit("group-application-action", action, application);
-        if (props.onGroupApplicationAction) {
-          props.onGroupApplicationAction(action, application);
-        }
-      } catch (error) {
-        console.error(`[ContactList handleGroupApplicationAction] Failed to ${action} group application:`, error);
+        e === "accept" ? await K(t) : await M(t), h("group-application-action", e, o), i.onGroupApplicationAction && i.onGroupApplicationAction(e, o);
+      } catch (t) {
+        console.error(`[ContactList handleGroupApplicationAction] Failed to ${e} group application:`, t);
       }
     };
-    watch(
-      () => props.groupConfig,
-      (newConfig) => {
-        if (newConfig) {
-          const newGroupTitles = defaultGroupTitles.value;
-          Object.keys(defaultGroupTitles).forEach((key) => {
-            var _a;
-            newGroupTitles[key] = ((_a = newConfig[key]) == null ? void 0 : _a.title) || defaultGroupTitles.value[key] || "";
-          });
-          setContactGroupTitles(newGroupTitles);
+    F(
+      () => i.groupConfig,
+      (e) => {
+        if (e) {
+          const o = l.value;
+          Object.keys(l).forEach((t) => {
+            var n;
+            o[t] = ((n = e[t]) == null ? void 0 : n.title) || l.value[t] || "";
+          }), U(o);
         }
       }
     );
-    const contactGroups = computed(() => {
-      const groupConfigs = [
+    const G = _(() => {
+      const e = [
         {
-          type: ContactItemType.FRIEND_REQUEST,
-          title: defaultGroupTitles.value[ContactItemType.FRIEND_REQUEST],
-          items: friendApplicationList.value,
-          unreadCount: friendApplicationUnreadCount.value,
+          type: a.FRIEND_REQUEST,
+          title: l.value[a.FRIEND_REQUEST],
+          items: B.value,
+          unreadCount: E.value,
           order: 1
         },
         {
-          type: ContactItemType.GROUP_REQUEST,
-          title: defaultGroupTitles.value[ContactItemType.GROUP_REQUEST],
-          items: groupApplicationList.value,
+          type: a.GROUP_REQUEST,
+          title: l.value[a.GROUP_REQUEST],
+          items: O.value,
           order: 2
         },
         {
-          type: ContactItemType.FRIEND,
-          title: defaultGroupTitles.value[ContactItemType.FRIEND],
-          items: friendList.value,
+          type: a.FRIEND,
+          title: l.value[a.FRIEND],
+          items: w.value,
           order: 3
         },
         {
-          type: ContactItemType.GROUP,
-          title: defaultGroupTitles.value[ContactItemType.GROUP],
-          items: groupList.value,
+          type: a.GROUP,
+          title: l.value[a.GROUP],
+          items: P.value,
           order: 4
         },
         {
-          type: ContactItemType.BLACK,
-          title: defaultGroupTitles.value[ContactItemType.BLACK],
-          items: blackList.value,
+          type: a.BLACK,
+          title: l.value[a.BLACK],
+          items: $.value,
           order: 5
         }
-      ];
-      const customGroupConfig = props.groupConfig;
-      const groups = groupConfigs.filter((config) => {
-        var _a;
-        return !((_a = customGroupConfig == null ? void 0 : customGroupConfig[config.type]) == null ? void 0 : _a.hidden);
-      }).map((config) => {
-        var _a, _b;
+      ], o = i.groupConfig;
+      return e.filter((n) => {
+        var r;
+        return !((r = o == null ? void 0 : o[n.type]) != null && r.hidden);
+      }).map((n) => {
+        var r, L;
         return {
-          key: config.type,
-          type: config.type,
-          title: ((_a = customGroupConfig == null ? void 0 : customGroupConfig[config.type]) == null ? void 0 : _a.title) ?? config.title ?? "",
-          items: config.items,
-          ...config.unreadCount !== void 0 && { unreadCount: config.unreadCount },
-          isExpanded: expandedGroups.value.has(config.type),
-          order: ((_b = customGroupConfig == null ? void 0 : customGroupConfig[config.type]) == null ? void 0 : _b.order) ?? config.order
+          key: n.type,
+          type: n.type,
+          title: ((r = o == null ? void 0 : o[n.type]) == null ? void 0 : r.title) ?? n.title ?? "",
+          items: n.items,
+          ...n.unreadCount !== void 0 && { unreadCount: n.unreadCount },
+          isExpanded: A.value.has(n.type),
+          order: ((L = o == null ? void 0 : o[n.type]) == null ? void 0 : L.order) ?? n.order
         };
-      }).sort((a, b) => a.order - b.order);
-      return groups;
-    });
-    const searchPlaceholder = computed(() => props.searchPlaceholder || t("TUIContact.Search contacts"));
-    const emptyText = computed(() => props.emptyText || t("TUIContact.No contacts"));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            _ctx.enableSearch ? (openBlock(), createBlock(resolveDynamicComponent(unref(ContactSearch)), {
-              key: 0,
-              placeholder: searchPlaceholder.value,
-              onResultClick: _cache[0] || (_cache[0] = (item) => {
-                handleContactClick(item.type, item.data);
-              })
-            }, null, 40, ["placeholder"])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_4, [
-              contactGroups.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(contactGroups.value, (group) => {
-                return openBlock(), createElementBlock("div", {
-                  key: group.key,
-                  class: "contact-list__group"
-                }, [
-                  _ctx.GroupHeader ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.GroupHeader), {
-                    key: 0,
-                    data: group,
-                    onClick: ($event) => toggleGroupExpanded(group.key)
-                  }, null, 8, ["data", "onClick"])) : (openBlock(), createElementBlock("div", {
-                    key: 1,
-                    class: "contact-list__group-header",
-                    role: "button",
-                    tabindex: "0",
-                    onClick: ($event) => toggleGroupExpanded(group.key),
-                    onKeydown: [
-                      withKeys(($event) => toggleGroupExpanded(group.key), ["enter"]),
-                      withKeys(($event) => toggleGroupExpanded(group.key), ["space"])
-                    ]
-                  }, [
-                    createElementVNode("div", _hoisted_6, [
-                      createVNode(unref(IconArrowStrokeSelectDown), {
-                        class: normalizeClass([
-                          "contact-list__group-icon",
-                          group.isExpanded && "contact-list__group-icon--expanded"
-                        ])
-                      }, null, 8, ["class"]),
-                      createElementVNode("span", _hoisted_7, toDisplayString(group.title), 1),
-                      group.unreadCount !== void 0 && group.unreadCount > 0 ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(group.unreadCount > unref(UNREAD_COUNT_LIMIT) ? "99+" : group.unreadCount), 1)) : createCommentVNode("", true)
+      }).sort((n, r) => n.order - r.order);
+    }), q = _(() => i.searchPlaceholder || p("TUIContact.Search contacts")), J = _(() => i.emptyText || p("TUIContact.No contacts"));
+    return (e, o) => (c(), s("div", rt, [
+      u("div", st, [
+        u("div", lt, [
+          d.enableSearch ? (c(), C(y(v(x)), {
+            key: 0,
+            placeholder: q.value,
+            onResultClick: o[0] || (o[0] = (t) => {
+              R(t.type, t.data);
+            })
+          }, null, 40, ["placeholder"])) : I("", !0),
+          u("div", dt, [
+            G.value.length > 0 ? (c(!0), s(f, { key: 0 }, D(G.value, (t) => (c(), s("div", {
+              key: t.key,
+              class: "contact-list__group"
+            }, [
+              d.GroupHeader ? (c(), C(y(d.GroupHeader), {
+                key: 0,
+                data: t,
+                onClick: (n) => m(t.key)
+              }, null, 8, ["data", "onClick"])) : (c(), s("div", {
+                key: 1,
+                class: "contact-list__group-header",
+                role: "button",
+                tabindex: "0",
+                onClick: (n) => m(t.key),
+                onKeydown: [
+                  S((n) => m(t.key), ["enter"]),
+                  S((n) => m(t.key), ["space"])
+                ]
+              }, [
+                u("div", ut, [
+                  Y(v(et), {
+                    class: Z([
+                      "contact-list__group-icon",
+                      t.isExpanded && "contact-list__group-icon--expanded"
                     ])
-                  ], 40, _hoisted_5)),
-                  group.isExpanded ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (contactItem, index) => {
-                      return openBlock(), createBlock(resolveDynamicComponent(_ctx.ContactItem), {
-                        key: `${group.type}_${getItemId(contactItem)}_${index}`,
-                        "contact-item": { type: group.type, data: contactItem },
-                        "active-contact-item": unref(activeContact),
-                        onClick: handleContactClick,
-                        onFriendApplicationAction: handleFriendApplicationAction,
-                        onGroupApplicationAction: handleGroupApplicationAction
-                      }, null, 40, ["contact-item", "active-contact-item"]);
-                    }), 128))
-                  ])) : createCommentVNode("", true)
-                ]);
-              }), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                _ctx.PlaceholderEmptyList ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.PlaceholderEmptyList), { key: 0 })) : (openBlock(), createElementBlock("div", _hoisted_10, [
-                  createElementVNode("div", _hoisted_11, toDisplayString(emptyText.value), 1)
-                ]))
-              ], 64))
-            ])
+                  }, null, 8, ["class"]),
+                  u("span", mt, k(t.title), 1),
+                  t.unreadCount !== void 0 && t.unreadCount > 0 ? (c(), s("div", _t, k(t.unreadCount > v(ot) ? "99+" : t.unreadCount), 1)) : I("", !0)
+                ])
+              ], 40, pt)),
+              t.isExpanded ? (c(), s("div", Ct, [
+                (c(!0), s(f, null, D(t.items, (n, r) => (c(), C(y(d.ContactItem), {
+                  key: `${t.type}_${g(n)}_${r}`,
+                  "contact-item": { type: t.type, data: n },
+                  "active-contact-item": v(V),
+                  onClick: R,
+                  onFriendApplicationAction: j,
+                  onGroupApplicationAction: z
+                }, null, 40, ["contact-item", "active-contact-item"]))), 128))
+              ])) : I("", !0)
+            ]))), 128)) : (c(), s(f, { key: 1 }, [
+              d.PlaceholderEmptyList ? (c(), C(y(d.PlaceholderEmptyList), { key: 0 })) : (c(), s("div", yt, [
+                u("div", vt, k(J.value), 1)
+              ]))
+            ], 64))
           ])
         ])
-      ]);
-    };
+      ])
+    ]));
   }
-});
-const ContactListComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f5c94dad"]]);
+}), Lt = /* @__PURE__ */ it(ht, [["__scopeId", "data-v-f5c94dad"]]);
 export {
-  ContactListComponent as default
+  Lt as default
 };

package/dist/components/ContactList/ContactListItem/BlacklistItem/BlacklistItem.js

@@ -1,10 +1,7 @@
-import { defineComponent, computed, createElementBlock, openBlock, withKeys, normalizeClass, createElementVNode, createVNode, unref, toDisplayString } from "vue";
-import Avatar from "../../../Avatar/Avatar.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "blacklist-item__avatar" };
-const _hoisted_2 = { class: "blacklist-item__content" };
-const _hoisted_3 = { class: "blacklist-item__name" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as n, computed as r, createElementBlock as m, openBlock as k, withKeys as l, normalizeClass as d, createElementVNode as i, createVNode as f, unref as p, toDisplayString as _ } from "vue";
+import v from "../../../Avatar/Avatar.js";
+import { _ as u } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const b = { class: "blacklist-item__avatar" }, h = { class: "blacklist-item__content" }, C = { class: "blacklist-item__name" }, I = /* @__PURE__ */ n({
   __name: "BlacklistItem",
   props: {
     profile: {},
@@ -12,41 +9,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onClick: {}
   },
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const blacklistItemClasses = computed(() => [
+  setup(e, { emit: s }) {
+    const c = e, a = s, o = r(() => [
       "blacklist-item",
       {
-        "blacklist-item--active": props.isActive
+        "blacklist-item--active": c.isActive
       }
-    ]);
-    const handleClick = () => {
-      emit("click", props.profile);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(blacklistItemClasses.value),
-        onClick: handleClick,
-        onKeydown: [
-          withKeys(handleClick, ["enter"]),
-          withKeys(handleClick, ["space"])
-        ]
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createVNode(unref(Avatar), {
-            src: _ctx.profile.avatar,
-            alt: _ctx.profile.nick || _ctx.profile.userID
-          }, null, 8, ["src", "alt"])
-        ]),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.profile.nick || _ctx.profile.userID), 1)
-        ])
-      ], 34);
+    ]), t = () => {
+      a("click", c.profile);
     };
+    return (B, y) => (k(), m("div", {
+      class: d(o.value),
+      onClick: t,
+      onKeydown: [
+        l(t, ["enter"]),
+        l(t, ["space"])
+      ]
+    }, [
+      i("div", b, [
+        f(p(v), {
+          src: e.profile.avatar,
+          alt: e.profile.nick || e.profile.userID
+        }, null, 8, ["src", "alt"])
+      ]),
+      i("div", h, [
+        i("div", C, _(e.profile.nick || e.profile.userID), 1)
+      ])
+    ], 34));
   }
-});
-const BlacklistItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ae9597c"]]);
+}), w = /* @__PURE__ */ u(I, [["__scopeId", "data-v-2ae9597c"]]);
 export {
-  BlacklistItem as default
+  w as default
 };

package/dist/components/ContactList/ContactListItem/BlacklistItem/index.js

@@ -1,4 +1,4 @@
-import { default as default2 } from "./BlacklistItem.js";
+import { default as e } from "./BlacklistItem.js";
 export {
-  default2 as BlacklistItem
+  e as BlacklistItem
 };

package/dist/components/ContactList/ContactListItem/ContactListItem.js

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