tuikit-atomicx-vue3 3.3.4 → 3.4.2

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

@@ -1,284 +1,220 @@
-import { defineComponent, ref, computed, createBlock, createCommentVNode, unref, openBlock, normalizeClass, withCtx, createVNode, createElementVNode, toDisplayString } from "vue";
-import { useUIKit, IconArrowStrokeBack, TUIDialog, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
-import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
-import { UserPicker } from "../../../UserPicker/index.js";
-import SettingItem from "../../SettingItem/SettingItem.js";
-import GroupMembers from "../GroupMembers/GroupMembers.js";
-import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
-import { GroupMemberRole, GroupPermission } from "../../../../states/GroupSettingState/types.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "group-management__title" };
-const _hoisted_2 = { class: "group-management__mute-all-desc" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as q, ref as c, computed as N, createBlock as f, createCommentVNode as g, unref as e, openBlock as _, normalizeClass as F, withCtx as k, createVNode as d, createElementVNode as P, toDisplayString as B } from "vue";
+import { useUIKit as H, IconArrowStrokeBack as J, TUIDialog as Q, TUIToast as b } from "@tencentcloud/uikit-base-component-vue3";
+import { View as D } from "../../../../baseComp/View/index.js";
+import { UserPicker as X } from "../../../UserPicker/index.js";
+import Y from "../../SettingItem/SettingItem.js";
+import G from "../GroupMembers/GroupMembers.js";
+import { useGroupSettingState as Z } from "../../../../states/GroupSettingState/GroupSettingState.js";
+import { GroupMemberRole as o, GroupPermission as w } from "../../../../states/GroupSettingState/types.js";
+import { _ as ee } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const te = { class: "group-management__title" }, re = { class: "group-management__mute-all-desc" }, ae = /* @__PURE__ */ q({
   __name: "GroupManagement",
   emits: ["back"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const { t } = useUIKit();
-    const {
-      groupID,
-      allMembers,
-      adminMembers,
-      currentUserID,
-      currentUserRole,
-      isMuteAllMembers,
-      hasPermission,
+  setup(ue, { emit: O }) {
+    const x = O, { t: u } = H(), {
+      groupID: L,
+      allMembers: n,
+      adminMembers: M,
+      currentUserID: C,
+      currentUserRole: p,
+      isMuteAllMembers: I,
+      hasPermission: h,
       // Business actions
-      getGroupMemberList,
-      setGroupMemberRole,
-      setGroupMemberMuteTime,
-      setMuteAllMember
-    } = useGroupSettingState();
-    const isShowUserPickerDialog = ref(false);
-    const userPickerTitle = ref("");
-    const userPickerLockedItems = ref([]);
-    const userPickerRef = ref();
-    const memberActionRef = ref(null);
-    const mutedMembers = computed(() => {
-      if (!allMembers.value) {
-        return [];
-      }
-      return allMembers.value.filter((member) => {
-        if (!member.muteUntil) {
-          return false;
+      getGroupMemberList: V,
+      setGroupMemberRole: y,
+      setGroupMemberMuteTime: U,
+      setMuteAllMember: W
+    } = Z(), s = c(!1), m = c(""), i = c([]), R = c(), l = c(null), T = N(() => n.value ? n.value.filter((a) => a.muteUntil ? parseInt(a.muteUntil, 10) > Date.now() / 1e3 : !1) : []), $ = () => {
+      x("back");
+    }, E = (a) => {
+      if (n.value) {
+        if (a === "promote")
+          l.value = "promote_admin", m.value = u("ChatSetting.set_admin"), i.value = [];
+        else {
+          l.value = "demote_admin", m.value = u("ChatSetting.unset_admin");
+          const r = p.value === o.ADMIN ? [{
+            key: C.value
+          }] : [];
+          i.value = r;
         }
-        const muteTime = parseInt(member.muteUntil, 10);
-        return muteTime > Date.now() / 1e3;
-      });
-    });
-    const handleBack = () => {
-      emit("back");
-    };
-    const handleAdminManagement = (action) => {
-      if (!allMembers.value) {
-        return;
-      }
-      if (action === "promote") {
-        memberActionRef.value = "promote_admin";
-        userPickerTitle.value = t("ChatSetting.set_admin");
-        userPickerLockedItems.value = [];
-      } else {
-        memberActionRef.value = "demote_admin";
-        userPickerTitle.value = t("ChatSetting.unset_admin");
-        const lockedItems = currentUserRole.value === GroupMemberRole.ADMIN ? [{
-          key: currentUserID.value
-        }] : [];
-        userPickerLockedItems.value = lockedItems;
-      }
-      isShowUserPickerDialog.value = true;
-    };
-    const handleMuteManagement = (action) => {
-      if (!allMembers.value) {
-        return;
-      }
-      isShowUserPickerDialog.value = true;
-      if (action === "mute") {
-        memberActionRef.value = "mute";
-        userPickerTitle.value = t("ChatSetting.mute_members");
-        const lockedItems = allMembers.value.filter((member) => {
-          if (member.userID === currentUserID.value) {
-            return true;
-          }
-          if (member.role === GroupMemberRole.OWNER) {
-            return true;
-          }
-          if (currentUserRole.value === GroupMemberRole.ADMIN && member.role === GroupMemberRole.ADMIN) {
-            return true;
-          }
-          return false;
-        }).map((member) => ({
-          key: member.userID,
-          label: member.nick || member.userID,
-          avatarUrl: member.avatar
-        }));
-        userPickerLockedItems.value = lockedItems;
-      } else {
-        memberActionRef.value = "unmute";
-        userPickerTitle.value = t("ChatSetting.unmute_members");
-        userPickerLockedItems.value = [];
-      }
-    };
-    const handleUserPickerConfirm = async () => {
-      var _a;
-      const selectedItems = (_a = userPickerRef.value) == null ? void 0 : _a.getSelectedItems();
-      if (!selectedItems || selectedItems.length === 0) {
-        return;
+        s.value = !0;
       }
-      const action = memberActionRef.value;
-      if (!action) {
+    }, A = (a) => {
+      if (n.value)
+        if (s.value = !0, a === "mute") {
+          l.value = "mute", m.value = u("ChatSetting.mute_members");
+          const r = n.value.filter((t) => t.userID === C.value || t.role === o.OWNER || p.value === o.ADMIN && t.role === o.ADMIN).map((t) => ({
+            key: t.userID,
+            label: t.nick || t.userID,
+            avatarUrl: t.avatar
+          }));
+          i.value = r;
+        } else
+          l.value = "unmute", m.value = u("ChatSetting.unmute_members"), i.value = [];
+    }, j = async () => {
+      var t;
+      const a = (t = R.value) == null ? void 0 : t.getSelectedItems();
+      if (!a || a.length === 0)
         return;
-      }
-      try {
-        const promises = selectedItems.map((item) => {
-          switch (action) {
-            case "promote_admin":
-              return setGroupMemberRole({
-                userID: item.key,
-                role: GroupMemberRole.ADMIN
-              });
-            case "demote_admin":
-              return setGroupMemberRole({
-                userID: item.key,
-                role: GroupMemberRole.COMMON
-              });
-            case "mute":
-              return setGroupMemberMuteTime({
-                userID: item.key,
-                time: 86400 * 30
-              });
-            case "unmute":
-              return setGroupMemberMuteTime({
-                userID: item.key,
-                time: 0
-              });
-            default:
-              return Promise.resolve();
-          }
-        });
-        await Promise.all(promises);
-        TUIToast.success({
-          message: t("ChatSetting.operation_success")
-        });
-        isShowUserPickerDialog.value = false;
-        await getGroupMemberList({ offset: 0, count: 100 });
-      } catch {
-        TUIToast.error({
-          message: t("ChatSetting.operation_failed")
-        });
-      }
-    };
-    const handleMuteAllToggle = (checked) => {
-      setMuteAllMember(checked).then(() => {
-        TUIToast.success({
-          message: checked ? t("ChatSetting.all_members_muted") : t("ChatSetting.all_members_unmuted")
+      const r = l.value;
+      if (r)
+        try {
+          const S = a.map((v) => {
+            switch (r) {
+              case "promote_admin":
+                return y({
+                  userID: v.key,
+                  role: o.ADMIN
+                });
+              case "demote_admin":
+                return y({
+                  userID: v.key,
+                  role: o.COMMON
+                });
+              case "mute":
+                return U({
+                  userID: v.key,
+                  time: 2592e3
+                });
+              case "unmute":
+                return U({
+                  userID: v.key,
+                  time: 0
+                });
+              default:
+                return Promise.resolve();
+            }
+          });
+          await Promise.all(S), b.success({
+            message: u("ChatSetting.operation_success")
+          }), s.value = !1, await V({ offset: 0, count: 100 });
+        } catch {
+          b.error({
+            message: u("ChatSetting.operation_failed")
+          });
+        }
+    }, z = (a) => {
+      W(a).then(() => {
+        b.success({
+          message: u(a ? "ChatSetting.all_members_muted" : "ChatSetting.all_members_unmuted")
         });
       }).catch(() => {
-        TUIToast.error({
-          message: t("ChatSetting.mute_all_failed")
+        b.error({
+          message: u("ChatSetting.mute_all_failed")
         });
       });
-    };
-    const userPickerDataSource = computed(() => {
-      if (!allMembers.value || !isShowUserPickerDialog.value) {
+    }, K = N(() => {
+      if (!n.value || !s.value)
         return [];
-      }
-      const action = memberActionRef.value;
-      let filteredMembers = allMembers.value;
-      switch (action) {
+      const a = l.value;
+      let r = n.value;
+      switch (a) {
         case "promote_admin":
-          filteredMembers = allMembers.value.filter((member) => member.role === GroupMemberRole.COMMON);
+          r = n.value.filter((t) => t.role === o.COMMON);
           break;
         case "demote_admin":
-          filteredMembers = adminMembers.value || [];
+          r = M.value || [];
           break;
         case "mute":
-          filteredMembers = allMembers.value.filter((member) => {
-            const muteTime = member.muteUntil ? parseInt(member.muteUntil, 10) : 0;
-            return muteTime * 1e3 <= Date.now();
-          });
+          r = n.value.filter((t) => (t.muteUntil ? parseInt(t.muteUntil, 10) : 0) * 1e3 <= Date.now());
           break;
         case "unmute":
-          filteredMembers = allMembers.value.filter((member) => {
-            const muteTime = member.muteUntil ? parseInt(member.muteUntil, 10) : 0;
-            return muteTime * 1e3 > Date.now();
-          });
+          r = n.value.filter((t) => (t.muteUntil ? parseInt(t.muteUntil, 10) : 0) * 1e3 > Date.now());
           break;
       }
-      return filteredMembers.map((member) => ({
-        key: member.userID,
-        label: `${member.nick || member.userID} (${member.userID === currentUserID.value ? "Me" : member.role})`,
-        avatarUrl: member.avatar
+      return r.map((t) => ({
+        key: t.userID,
+        label: `${t.nick || t.userID} (${t.userID === C.value ? "Me" : t.role})`,
+        avatarUrl: t.avatar
       }));
     });
-    return (_ctx, _cache) => {
-      return unref(groupID) ? (openBlock(), createBlock(unref(_sfc_main$1), {
-        key: 0,
-        class: normalizeClass("group-management")
-      }, {
-        default: withCtx(() => {
-          var _a;
-          return [
-            createVNode(unref(_sfc_main$1), {
-              class: "group-management__header",
-              dir: "row",
-              align: "center",
-              justify: "flex-start",
-              gap: 8
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(IconArrowStrokeBack), {
-                  class: "group-management__back-btn",
-                  onClick: handleBack
-                }),
-                createElementVNode("span", _hoisted_1, toDisplayString(unref(t)("ChatSetting.group_management")), 1)
-              ]),
-              _: 1
-            }),
-            unref(hasPermission)(unref(GroupPermission).SET_MEMBER_ROLE, unref(GroupMemberRole).OWNER) ? (openBlock(), createBlock(unref(GroupMembers), {
-              key: 0,
-              title: unref(t)("ChatSetting.group_admin"),
-              members: unref(adminMembers),
-              "member-count": ((_a = unref(adminMembers)) == null ? void 0 : _a.length) || 0,
-              "hidden-member-count": true,
-              "show-add-button": unref(currentUserRole) === unref(GroupMemberRole).OWNER,
-              "show-remove-button": unref(currentUserRole) === unref(GroupMemberRole).OWNER,
-              expandable: true,
-              onAddButtonClick: _cache[0] || (_cache[0] = () => handleAdminManagement("promote")),
-              onRemoveButtonClick: _cache[1] || (_cache[1] = () => handleAdminManagement("demote"))
-            }, null, 8, ["title", "members", "member-count", "show-add-button", "show-remove-button"])) : createCommentVNode("", true),
-            unref(hasPermission)(unref(GroupPermission).MUTE_MEMBER) ? (openBlock(), createBlock(unref(GroupMembers), {
-              key: 1,
-              title: unref(t)("ChatSetting.mute_management"),
-              members: mutedMembers.value,
-              "member-count": mutedMembers.value.length,
-              "show-add-button": true,
-              "show-remove-button": true,
-              expandable: true,
-              onAddButtonClick: _cache[2] || (_cache[2] = () => handleMuteManagement("mute")),
-              onRemoveButtonClick: _cache[3] || (_cache[3] = () => handleMuteManagement("unmute"))
-            }, null, 8, ["title", "members", "member-count"])) : createCommentVNode("", true),
-            unref(hasPermission)(unref(GroupPermission).MUTE_ALL_MEMBERS) && unref(isMuteAllMembers) !== void 0 ? (openBlock(), createBlock(unref(_sfc_main$1), {
-              key: 2,
-              class: "group-management__mute-all"
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(SettingItem), {
-                  type: "switch",
-                  label: unref(t)("ChatSetting.mute_all_members"),
-                  value: unref(isMuteAllMembers),
-                  onChange: _cache[4] || (_cache[4] = () => handleMuteAllToggle(!unref(isMuteAllMembers)))
-                }, null, 8, ["label", "value"]),
-                createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("ChatSetting.mute_all_members_description")), 1)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            createVNode(unref(TUIDialog), {
-              "custom-classes": ["user-picker-dialog"],
-              visible: isShowUserPickerDialog.value,
-              title: userPickerTitle.value,
-              onClose: _cache[5] || (_cache[5] = () => isShowUserPickerDialog.value = false),
-              onCancel: _cache[6] || (_cache[6] = () => isShowUserPickerDialog.value = false),
-              onConfirm: handleUserPickerConfirm
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(UserPicker), {
-                  ref_key: "userPickerRef",
-                  ref: userPickerRef,
-                  "display-mode": "list",
-                  "data-source": userPickerDataSource.value,
-                  "locked-items": userPickerLockedItems.value
-                }, null, 8, ["data-source", "locked-items"])
-              ]),
-              _: 1
-            }, 8, ["visible", "title"])
-          ];
-        }),
-        _: 1
-      })) : createCommentVNode("", true);
-    };
+    return (a, r) => e(L) ? (_(), f(e(D), {
+      key: 0,
+      class: F("group-management")
+    }, {
+      default: k(() => {
+        var t;
+        return [
+          d(e(D), {
+            class: "group-management__header",
+            dir: "row",
+            align: "center",
+            justify: "flex-start",
+            gap: 8
+          }, {
+            default: k(() => [
+              d(e(J), {
+                class: "group-management__back-btn",
+                onClick: $
+              }),
+              P("span", te, B(e(u)("ChatSetting.group_management")), 1)
+            ]),
+            _: 1
+          }),
+          e(h)(e(w).SET_MEMBER_ROLE, e(o).OWNER) ? (_(), f(e(G), {
+            key: 0,
+            title: e(u)("ChatSetting.group_admin"),
+            members: e(M),
+            "member-count": ((t = e(M)) == null ? void 0 : t.length) || 0,
+            "hidden-member-count": !0,
+            "show-add-button": e(p) === e(o).OWNER,
+            "show-remove-button": e(p) === e(o).OWNER,
+            expandable: !0,
+            onAddButtonClick: r[0] || (r[0] = () => E("promote")),
+            onRemoveButtonClick: r[1] || (r[1] = () => E("demote"))
+          }, null, 8, ["title", "members", "member-count", "show-add-button", "show-remove-button"])) : g("", !0),
+          e(h)(e(w).MUTE_MEMBER) ? (_(), f(e(G), {
+            key: 1,
+            title: e(u)("ChatSetting.mute_management"),
+            members: T.value,
+            "member-count": T.value.length,
+            "show-add-button": !0,
+            "show-remove-button": !0,
+            expandable: !0,
+            onAddButtonClick: r[2] || (r[2] = () => A("mute")),
+            onRemoveButtonClick: r[3] || (r[3] = () => A("unmute"))
+          }, null, 8, ["title", "members", "member-count"])) : g("", !0),
+          e(h)(e(w).MUTE_ALL_MEMBERS) && e(I) !== void 0 ? (_(), f(e(D), {
+            key: 2,
+            class: "group-management__mute-all"
+          }, {
+            default: k(() => [
+              d(e(Y), {
+                type: "switch",
+                label: e(u)("ChatSetting.mute_all_members"),
+                value: e(I),
+                onChange: r[4] || (r[4] = () => z(!e(I)))
+              }, null, 8, ["label", "value"]),
+              P("div", re, B(e(u)("ChatSetting.mute_all_members_description")), 1)
+            ]),
+            _: 1
+          })) : g("", !0),
+          d(e(Q), {
+            appendTo: "body",
+            "custom-classes": ["user-picker-dialog"],
+            visible: s.value,
+            title: m.value,
+            onClose: r[5] || (r[5] = () => s.value = !1),
+            onCancel: r[6] || (r[6] = () => s.value = !1),
+            onConfirm: j
+          }, {
+            default: k(() => [
+              d(e(X), {
+                ref_key: "userPickerRef",
+                ref: R,
+                "display-mode": "list",
+                "data-source": K.value,
+                "locked-items": i.value
+              }, null, 8, ["data-source", "locked-items"])
+            ]),
+            _: 1
+          }, 8, ["visible", "title"])
+        ];
+      }),
+      _: 1
+    })) : g("", !0);
   }
-});
-const GroupManagement = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a5ebaab5"]]);
+}), ve = /* @__PURE__ */ ee(ae, [["__scopeId", "data-v-91345f9d"]]);
 export {
-  GroupManagement as default
+  ve as default
 };

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

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

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

@@ -1,38 +1,29 @@
-import { defineComponent, computed, createElementBlock, createCommentVNode, openBlock, normalizeClass, createElementVNode, createVNode, toDisplayString, unref } from "vue";
-import { useUIKit, IconArrowStrokeRight } from "@tencentcloud/uikit-base-component-vue3";
-import { useGroupSettingState } from "../../../../states/GroupSettingState/GroupSettingState.js";
-import { GroupPermission } from "../../../../states/GroupSettingState/types.js";
-import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = { class: "group-management-entry__content" };
-const _hoisted_2 = { class: "group-management-entry__title" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { defineComponent as i, computed as _, createElementBlock as p, createCommentVNode as u, openBlock as l, normalizeClass as g, createElementVNode as o, createVNode as d, toDisplayString as E, unref as n } from "vue";
+import { useUIKit as M, IconArrowStrokeRight as f } from "@tencentcloud/uikit-base-component-vue3";
+import { useGroupSettingState as h } from "../../../../states/GroupSettingState/GroupSettingState.js";
+import { GroupPermission as t } from "../../../../states/GroupSettingState/types.js";
+import { _ as k } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const y = { class: "group-management-entry__content" }, S = { class: "group-management-entry__title" }, C = /* @__PURE__ */ i({
   __name: "GroupManagementEntry",
   emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const { t } = useUIKit();
-    const { hasPermission } = useGroupSettingState();
-    const shouldShowGroupManagement = computed(() => hasPermission(GroupPermission.SET_MEMBER_ROLE) || hasPermission(GroupPermission.MUTE_MEMBER) || hasPermission(GroupPermission.MUTE_ALL_MEMBERS));
-    const handleClick = () => {
-      emit("click");
-    };
-    return (_ctx, _cache) => {
-      return shouldShowGroupManagement.value ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass([
-          "group-management-entry"
-        ]),
-        onClick: handleClick
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("span", _hoisted_2, toDisplayString(unref(t)("ChatSetting.group_management")), 1),
-          createVNode(unref(IconArrowStrokeRight), { class: "group-management-entry__arrow" })
-        ])
-      ])) : createCommentVNode("", true);
+  setup(B, { emit: r }) {
+    const a = r, { t: s } = M(), { hasPermission: e } = h(), m = _(() => e(t.SET_MEMBER_ROLE) || e(t.MUTE_MEMBER) || e(t.MUTE_ALL_MEMBERS)), c = () => {
+      a("click");
     };
+    return (G, R) => m.value ? (l(), p("div", {
+      key: 0,
+      class: g([
+        "group-management-entry"
+      ]),
+      onClick: c
+    }, [
+      o("div", y, [
+        o("span", S, E(n(s)("ChatSetting.group_management")), 1),
+        d(n(f), { class: "group-management-entry__arrow" })
+      ])
+    ])) : u("", !0);
   }
-});
-const GroupManagementEntry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-55b0dd4c"]]);
+}), N = /* @__PURE__ */ k(C, [["__scopeId", "data-v-55b0dd4c"]]);
 export {
-  GroupManagementEntry as default
+  N as default
 };

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

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