tuikit-atomicx-vue3 3.3.3 → 3.4.1

package/dist/components/ChatSetting/GroupChatSetting/GroupMembers/GroupMembers.js

@@ -1,250 +1,187 @@
-import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, createCommentVNode, unref, openBlock, normalizeClass, createElementVNode, createBlock, createTextVNode, toDisplayString, Fragment, renderList, withDirectives, createVNode, vShow } from "vue";
-import { useUIKit, IconArrowStrokeRight, IconPlus, IconMinus } from "@tencentcloud/uikit-base-component-vue3";
-import Avatar from "../../../Avatar/Avatar.js";
-import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
-import { GroupPermission, GroupMemberRole } from "../../../../states/GroupSettingState/types.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "group-members__header" };
-const _hoisted_2 = { class: "group-members__title" };
-const _hoisted_3 = {
+import { defineComponent as L, ref as x, computed as d, onMounted as P, onUnmounted as T, createElementBlock as r, createCommentVNode as c, unref as a, openBlock as l, normalizeClass as g, createElementVNode as s, createBlock as z, createTextVNode as O, toDisplayString as m, Fragment as B, renderList as R, withDirectives as H, createVNode as f, vShow as U } from "vue";
+import { useUIKit as W, IconArrowStrokeRight as $, IconPlus as F, IconMinus as K } from "@tencentcloud/uikit-base-component-vue3";
+import j from "../../../Avatar/Avatar.js";
+import { useGroupSettingState as q } from "../../../../states/GroupSettingState/GroupSettingState.js";
+import { GroupPermission as J, GroupMemberRole as C } from "../../../../states/GroupSettingState/types.js";
+import { _ as Q } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const X = { class: "group-members__header" }, Y = { class: "group-members__title" }, Z = {
   key: 0,
   class: "group-members__count"
-};
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "group-members__name" };
-const _hoisted_6 = { class: "group-members__action-btn__icon" };
-const _hoisted_7 = { class: "group-members__action-btn__label" };
-const _hoisted_8 = { class: "group-members__action-btn__icon" };
-const _hoisted_9 = { class: "group-members__action-btn__label" };
-const _hoisted_10 = {
+}, ee = ["onClick"], te = { class: "group-members__name" }, oe = { class: "group-members__action-btn__icon" }, ne = { class: "group-members__action-btn__label" }, se = { class: "group-members__action-btn__icon" }, le = { class: "group-members__action-btn__label" }, re = {
   key: 2,
   class: "group-members__loading"
-};
-const _hoisted_11 = { class: "group-members__loading-text" };
-const _hoisted_12 = {
+}, ae = { class: "group-members__loading-text" }, ie = {
   key: 3,
   class: "group-members__no-more"
-};
-const _hoisted_13 = { class: "group-members__no-more-text" };
-const _hoisted_14 = {
+}, ue = { class: "group-members__no-more-text" }, ce = {
   key: 0,
   class: "group-members__collapse"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, me = /* @__PURE__ */ L({
   __name: "GroupMembers",
   props: {
-    showAddButton: { type: Boolean, default: true },
-    showRemoveButton: { type: Boolean, default: true },
+    showAddButton: { type: Boolean, default: !0 },
+    showRemoveButton: { type: Boolean, default: !0 },
     title: { default: void 0 },
     members: {},
     memberCount: {},
     maxDisplayCount: { default: 6 },
-    hiddenMemberCount: { type: Boolean, default: false },
-    expandable: { type: Boolean, default: true },
+    hiddenMemberCount: { type: Boolean, default: !1 },
+    expandable: { type: Boolean, default: !0 },
     onAddButtonClick: {},
     onRemoveButtonClick: {},
     onMemberClick: {},
     onViewAll: {},
     onReachEnd: {},
-    loading: { type: Boolean, default: false },
-    hasMore: { type: Boolean, default: true },
+    loading: { type: Boolean, default: !1 },
+    hasMore: { type: Boolean, default: !0 },
     className: {}
   },
-  setup(__props) {
-    const props = __props;
-    const { t } = useUIKit();
-    const getRolePriority = (role) => {
-      switch (role) {
-        case GroupMemberRole.OWNER:
+  setup(u) {
+    const e = u, { t: _ } = W(), k = (t) => {
+      switch (t) {
+        case C.OWNER:
           return 100;
-        case GroupMemberRole.ADMIN:
+        case C.ADMIN:
           return 80;
-        case GroupMemberRole.COMMON:
+        case C.COMMON:
           return 60;
         default:
           return 0;
       }
-    };
-    const isExpanded = ref(false);
-    const scrollContainerRef = ref();
-    const { hasPermission } = useGroupSettingState();
-    const members = computed(() => props.members);
-    const memberCount = computed(() => {
-      var _a;
-      return props.memberCount || ((_a = members.value) == null ? void 0 : _a.length);
-    });
-    const sortedMembers = computed(() => {
-      if (!members.value || members.value.length === 0) {
-        return [];
-      }
-      return [...members.value].sort((a, b) => {
-        const priorityA = getRolePriority(a.role);
-        const priorityB = getRolePriority(b.role);
-        return priorityB - priorityA;
-      });
-    });
-    const displayMiniMembers = computed(
-      () => isExpanded.value ? sortedMembers.value : sortedMembers.value.slice(0, props.maxDisplayCount)
-    );
-    const skeletonItems = computed(() => {
-      if (members.value !== void 0) {
+    }, n = x(!1), v = x(), { hasPermission: E } = q(), b = d(() => e.members), S = d(() => {
+      var t;
+      return e.memberCount || ((t = b.value) == null ? void 0 : t.length);
+    }), h = d(() => !b.value || b.value.length === 0 ? [] : [...b.value].sort((t, i) => {
+      const o = k(t.role);
+      return k(i.role) - o;
+    })), w = d(
+      () => n.value ? h.value : h.value.slice(0, e.maxDisplayCount)
+    ), A = d(() => {
+      if (b.value !== void 0)
         return [];
-      }
-      const skeletonCount = Math.min(props.memberCount || props.maxDisplayCount, props.maxDisplayCount);
-      return Array.from({ length: skeletonCount }, (_, index) => index);
-    });
-    const shouldShowExpand = computed(
-      () => props.expandable && sortedMembers.value.length > props.maxDisplayCount
-    );
-    const title = computed(() => props.title || t("ChatSetting.group_members"));
-    const handleScroll = () => {
-      if (!isExpanded.value || !props.onReachEnd || !props.hasMore || props.loading) {
+      const t = Math.min(e.memberCount || e.maxDisplayCount, e.maxDisplayCount);
+      return Array.from({ length: t }, (i, o) => o);
+    }), I = d(
+      () => e.expandable && h.value.length > e.maxDisplayCount
+    ), D = d(() => e.title || _("ChatSetting.group_members")), y = () => {
+      if (!n.value || !e.onReachEnd || !e.hasMore || e.loading)
         return;
-      }
-      const container = scrollContainerRef.value;
-      if (!container) {
+      const t = v.value;
+      if (!t)
         return;
-      }
-      const { scrollTop, scrollHeight, clientHeight } = container;
-      const threshold = 100;
-      if (scrollHeight - scrollTop - clientHeight < threshold) {
-        props.onReachEnd();
-      }
-    };
-    const handleToggleExpand = () => {
-      var _a;
-      if (isExpanded.value) {
-        isExpanded.value = false;
-      } else {
-        isExpanded.value = true;
-        (_a = props.onViewAll) == null ? void 0 : _a.call(props);
-      }
-    };
-    const handleAddMember = () => {
-      var _a;
-      (_a = props.onAddButtonClick) == null ? void 0 : _a.call(props);
-    };
-    const handleMemberClick = (member) => {
-      var _a;
-      (_a = props.onMemberClick) == null ? void 0 : _a.call(props, member);
+      const { scrollTop: i, scrollHeight: o, clientHeight: p } = t;
+      o - i - p < 100 && e.onReachEnd();
+    }, M = () => {
+      var t;
+      n.value ? n.value = !1 : (n.value = !0, (t = e.onViewAll) == null || t.call(e));
+    }, N = () => {
+      var t;
+      (t = e.onAddButtonClick) == null || t.call(e);
+    }, V = (t) => {
+      var i;
+      (i = e.onMemberClick) == null || i.call(e, t);
+    }, G = () => {
+      e.onRemoveButtonClick && e.onRemoveButtonClick();
     };
-    const handleRemoveMember = () => {
-      if (props.onRemoveButtonClick) {
-        props.onRemoveButtonClick();
-      }
-    };
-    onMounted(() => {
-      if (isExpanded.value && scrollContainerRef.value) {
-        scrollContainerRef.value.addEventListener("scroll", handleScroll);
-      }
-    });
-    onUnmounted(() => {
-      if (scrollContainerRef.value) {
-        scrollContainerRef.value.removeEventListener("scroll", handleScroll);
-      }
-    });
-    return (_ctx, _cache) => {
-      return unref(hasPermission)(unref(GroupPermission).VIEW_MEMBER_LIST) ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass([
-          "group-members",
-          _ctx.className
+    return P(() => {
+      n.value && v.value && v.value.addEventListener("scroll", y);
+    }), T(() => {
+      v.value && v.value.removeEventListener("scroll", y);
+    }), (t, i) => a(E)(a(J).VIEW_MEMBER_LIST) ? (l(), r("div", {
+      key: 0,
+      class: g([
+        "group-members",
+        u.className
+      ])
+    }, [
+      s("div", X, [
+        s("div", Y, [
+          O(m(D.value) + " ", 1),
+          u.hiddenMemberCount ? c("", !0) : (l(), r("span", Z, " (" + m(S.value) + ") ", 1))
+        ]),
+        I.value ? (l(), z(a($), {
+          key: 0,
+          class: g([
+            "group-members__expand-btn",
+            n.value && "group-members__expand-btn--expanded"
+          ]),
+          size: "24px",
+          onClick: M
+        }, null, 8, ["class"])) : c("", !0)
+      ]),
+      s("div", {
+        ref: n.value ? (o) => v.value = o : void 0,
+        class: g([
+          "group-members__grid",
+          n.value && "group-members__grid--expanded"
         ])
       }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createTextVNode(toDisplayString(title.value) + " ", 1),
-            !_ctx.hiddenMemberCount ? (openBlock(), createElementBlock("span", _hoisted_3, " (" + toDisplayString(memberCount.value) + ") ", 1)) : createCommentVNode("", true)
-          ]),
-          shouldShowExpand.value ? (openBlock(), createBlock(unref(IconArrowStrokeRight), {
-            key: 0,
-            class: normalizeClass([
-              "group-members__expand-btn",
-              isExpanded.value && "group-members__expand-btn--expanded"
-            ]),
-            size: "24px",
-            onClick: handleToggleExpand
-          }, null, 8, ["class"])) : createCommentVNode("", true)
-        ]),
-        createElementVNode("div", {
-          ref: isExpanded.value ? (el) => scrollContainerRef.value = el : void 0,
-          class: normalizeClass([
-            "group-members__grid",
-            isExpanded.value && "group-members__grid--expanded"
+        (l(!0), r(B, null, R(A.value, (o) => (l(), r("div", {
+          key: `skeleton-${o}`,
+          class: g([
+            "group-members__item",
+            "group-members__item--skeleton"
           ])
+        }, [...i[0] || (i[0] = [
+          s("div", { class: "group-members__skeleton-avatar" }, null, -1),
+          s("div", { class: "group-members__skeleton-name" }, null, -1)
+        ])]))), 128)),
+        (l(!0), r(B, null, R(w.value, (o) => H((l(), r("div", {
+          key: o.userID,
+          class: "group-members__item",
+          onClick: (p) => V(o)
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(skeletonItems.value, (index) => {
-            return openBlock(), createElementBlock("div", {
-              key: `skeleton-${index}`,
-              class: normalizeClass([
-                "group-members__item",
-                "group-members__item--skeleton"
-              ])
-            }, [..._cache[0] || (_cache[0] = [
-              createElementVNode("div", { class: "group-members__skeleton-avatar" }, null, -1),
-              createElementVNode("div", { class: "group-members__skeleton-name" }, null, -1)
-            ])]);
-          }), 128)),
-          (openBlock(true), createElementBlock(Fragment, null, renderList(displayMiniMembers.value, (member) => {
-            return withDirectives((openBlock(), createElementBlock("div", {
-              key: member.userID,
-              class: "group-members__item",
-              onClick: ($event) => handleMemberClick(member)
-            }, [
-              createVNode(unref(Avatar), {
-                src: member.avatar,
-                alt: member.nick || member.userID,
-                size: "md"
-              }, null, 8, ["src", "alt"]),
-              createElementVNode("div", _hoisted_5, toDisplayString(member.nick || member.userID), 1)
-            ], 8, _hoisted_4)), [
-              [vShow, members.value !== void 0]
-            ]);
-          }), 128)),
-          !isExpanded.value && _ctx.showAddButton ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass([
-              "group-members__item",
-              "group-members__action-btn"
-            ]),
-            onClick: handleAddMember
-          }, [
-            createElementVNode("div", _hoisted_6, [
-              createVNode(unref(IconPlus))
-            ]),
-            createElementVNode("div", _hoisted_7, toDisplayString(unref(t)("ChatSetting.add")), 1)
-          ])) : createCommentVNode("", true),
-          !isExpanded.value && _ctx.showRemoveButton ? (openBlock(), createElementBlock("div", {
-            key: 1,
-            class: normalizeClass([
-              "group-members__item",
-              "group-members__action-btn"
-            ]),
-            onClick: handleRemoveMember
-          }, [
-            createElementVNode("div", _hoisted_8, [
-              createVNode(unref(IconMinus))
-            ]),
-            createElementVNode("div", _hoisted_9, toDisplayString(unref(t)("ChatSetting.remove")), 1)
-          ])) : createCommentVNode("", true),
-          isExpanded.value && _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_10, [
-            createElementVNode("div", _hoisted_11, toDisplayString(unref(t)("ChatSetting.loading")), 1)
-          ])) : createCommentVNode("", true),
-          isExpanded.value && !_ctx.hasMore && !_ctx.loading && sortedMembers.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12, [
-            createElementVNode("div", _hoisted_13, toDisplayString(unref(t)("ChatSetting.all_members_shown")), 1)
-          ])) : createCommentVNode("", true)
-        ], 2),
-        isExpanded.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
-          createElementVNode("div", {
-            class: "group-members__collapse-btn",
-            onClick: handleToggleExpand
-          }, toDisplayString(unref(t)("ChatSetting.collapse")), 1)
-        ])) : createCommentVNode("", true)
-      ], 2)) : createCommentVNode("", true);
-    };
+          f(a(j), {
+            src: o.avatar,
+            alt: o.nick || o.userID,
+            size: "md"
+          }, null, 8, ["src", "alt"]),
+          s("div", te, m(o.nick || o.userID), 1)
+        ], 8, ee)), [
+          [U, b.value !== void 0]
+        ])), 128)),
+        !n.value && u.showAddButton ? (l(), r("div", {
+          key: 0,
+          class: g([
+            "group-members__item",
+            "group-members__action-btn"
+          ]),
+          onClick: N
+        }, [
+          s("div", oe, [
+            f(a(F))
+          ]),
+          s("div", ne, m(a(_)("ChatSetting.add")), 1)
+        ])) : c("", !0),
+        !n.value && u.showRemoveButton ? (l(), r("div", {
+          key: 1,
+          class: g([
+            "group-members__item",
+            "group-members__action-btn"
+          ]),
+          onClick: G
+        }, [
+          s("div", se, [
+            f(a(K))
+          ]),
+          s("div", le, m(a(_)("ChatSetting.remove")), 1)
+        ])) : c("", !0),
+        n.value && u.loading ? (l(), r("div", re, [
+          s("div", ae, m(a(_)("ChatSetting.loading")), 1)
+        ])) : c("", !0),
+        n.value && !u.hasMore && !u.loading && h.value.length > 0 ? (l(), r("div", ie, [
+          s("div", ue, m(a(_)("ChatSetting.all_members_shown")), 1)
+        ])) : c("", !0)
+      ], 2),
+      n.value ? (l(), r("div", ce, [
+        s("div", {
+          class: "group-members__collapse-btn",
+          onClick: M
+        }, m(a(_)("ChatSetting.collapse")), 1)
+      ])) : c("", !0)
+    ], 2)) : c("", !0);
   }
-});
-const GroupMembers = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8bb019f4"]]);
+}), fe = /* @__PURE__ */ Q(me, [["__scopeId", "data-v-8bb019f4"]]);
 export {
-  GroupMembers as default
+  fe as default
 };

package/dist/components/ChatSetting/GroupChatSetting/GroupMembers/index.js

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

package/dist/components/ChatSetting/GroupChatSetting/PersonalSettings/PersonalSettings.js

@@ -1,46 +1,41 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref } from "vue";
-import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
-import SettingItem from "../../SettingItem/SettingItem.js";
-import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
-  class: /* @__PURE__ */ normalizeClass([
+import { defineComponent as c, createElementBlock as _, openBlock as o, normalizeClass as d, createBlock as l, createCommentVNode as r, unref as e } from "vue";
+import { useUIKit as g } from "@tencentcloud/uikit-base-component-vue3";
+import p from "../../SettingItem/SettingItem.js";
+import { useGroupSettingState as f } from "../../../../states/GroupSettingState/GroupSettingState.js";
+import { _ as v } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const C = {
+  class: /* @__PURE__ */ d([
     "personal-settings"
   ])
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, h = /* @__PURE__ */ c({
   __name: "PersonalSettings",
-  setup(__props) {
-    const { t } = useUIKit();
-    const {
-      isMuted,
-      isPinned,
-      setChatMuted,
-      setChatPinned
-    } = useGroupSettingState();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        unref(isMuted) !== void 0 ? (openBlock(), createBlock(unref(SettingItem), {
-          key: 0,
-          class: "personal-settings__mute-switch",
-          label: unref(t)("ChatSetting.mute_conversation"),
-          type: "switch",
-          value: unref(isMuted),
-          onChange: _cache[0] || (_cache[0] = (value) => unref(setChatMuted)(Boolean(value)))
-        }, null, 8, ["label", "value"])) : createCommentVNode("", true),
-        unref(isPinned) !== void 0 ? (openBlock(), createBlock(unref(SettingItem), {
-          key: 1,
-          class: "personal-settings__pin-switch",
-          label: unref(t)("ChatSetting.pin_conversation"),
-          type: "switch",
-          value: unref(isPinned),
-          onChange: _cache[1] || (_cache[1] = (value) => unref(setChatPinned)(Boolean(value)))
-        }, null, 8, ["label", "value"])) : createCommentVNode("", true)
-      ]);
-    };
+  setup(S) {
+    const { t: s } = g(), {
+      isMuted: a,
+      isPinned: i,
+      setChatMuted: m,
+      setChatPinned: u
+    } = f();
+    return (b, t) => (o(), _("div", C, [
+      e(a) !== void 0 ? (o(), l(e(p), {
+        key: 0,
+        class: "personal-settings__mute-switch",
+        label: e(s)("ChatSetting.mute_conversation"),
+        type: "switch",
+        value: e(a),
+        onChange: t[0] || (t[0] = (n) => e(m)(!!n))
+      }, null, 8, ["label", "value"])) : r("", !0),
+      e(i) !== void 0 ? (o(), l(e(p), {
+        key: 1,
+        class: "personal-settings__pin-switch",
+        label: e(s)("ChatSetting.pin_conversation"),
+        type: "switch",
+        value: e(i),
+        onChange: t[1] || (t[1] = (n) => e(u)(!!n))
+      }, null, 8, ["label", "value"])) : r("", !0)
+    ]));
   }
-});
-const PersonalSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c64aee1b"]]);
+}), x = /* @__PURE__ */ v(h, [["__scopeId", "data-v-c64aee1b"]]);
 export {
-  PersonalSettings as default
+  x as default
 };

package/dist/components/ChatSetting/GroupChatSetting/PersonalSettings/index.js

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

package/dist/components/ChatSetting/GroupChatSetting/index.js

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