yx-web-sdk 0.0.4

package/dist/index-3sSWCzxu.mjs

@@ -0,0 +1,225 @@
+import { createVNode, defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, unref, withCtx, createBlock, Fragment, renderList } from "vue";
+import { Tooltip, Spin } from "ant-design-vue";
+import { b as useChannelStore, a as useServerStore, u as useImSdkStore, _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+import { I as IconFont } from "./index-Dg8Q3cli.mjs";
+import { I as Icon } from "./AntdIcon-B0sjNvGu.mjs";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.mjs";
+var CrownOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M899.6 276.5L705 396.4 518.4 147.5a8.06 8.06 0 00-12.9 0L319 396.4 124.3 276.5c-5.7-3.5-13.1 1.2-12.2 7.9L188.5 865c1.1 7.9 7.9 14 16 14h615.1c8 0 14.9-6 15.9-14l76.4-580.6c.8-6.7-6.5-11.4-12.3-7.9zm-126 534.1H250.3l-53.8-409.4 139.8 86.1L512 252.9l175.7 234.4 139.8-86.1-53.9 409.4zM512 509c-62.1 0-112.6 50.5-112.6 112.6S449.9 734.2 512 734.2s112.6-50.5 112.6-112.6S574.1 509 512 509zm0 160.9c-26.6 0-48.2-21.6-48.2-48.3 0-26.6 21.6-48.3 48.2-48.3s48.2 21.6 48.2 48.3c0 26.6-21.6 48.3-48.2 48.3z" } }] }, "name": "crown", "theme": "outlined" };
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var CrownOutlined = function CrownOutlined2(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+  return createVNode(Icon, _objectSpread({}, p, {
+    "icon": CrownOutlined$1
+  }), null);
+};
+CrownOutlined.displayName = "CrownOutlined";
+CrownOutlined.inheritAttrs = false;
+const _hoisted_1 = { class: "members-header" };
+const _hoisted_2 = {
+  key: 0,
+  class: "members-title"
+};
+const _hoisted_3 = { class: "members-count font-normal" };
+const _hoisted_4 = { class: "member-avatar" };
+const _hoisted_5 = {
+  key: 0,
+  class: "online-dot"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "owner-badge"
+};
+const _hoisted_7 = { class: "member-info" };
+const _hoisted_8 = { class: "member-name" };
+const _hoisted_9 = {
+  key: 0,
+  class: "loading-more"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MembersSidebar"
+  },
+  __name: "index",
+  setup(__props, { expose: __expose }) {
+    const channelStore = useChannelStore();
+    const serverStore = useServerStore();
+    const imSdkStore = useImSdkStore();
+    const isCollapsed = ref(false);
+    const isLoadingMore = ref(false);
+    const membersListRef = ref(null);
+    const onlineAccids = ref(/* @__PURE__ */ new Set());
+    const currentAccount = computed(() => imSdkStore.currentAccount);
+    const members = computed(() => {
+      var _a;
+      return ((_a = channelStore.ChannelMembers) == null ? void 0 : _a.datas) || [];
+    });
+    const hasMore = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = channelStore.ChannelMembers) == null ? void 0 : _a.listQueryTag) == null ? void 0 : _b.hasMore) ?? false;
+    });
+    const nextTimetag = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = channelStore.ChannelMembers) == null ? void 0 : _a.listQueryTag) == null ? void 0 : _b.nextTimetag) ?? 0;
+    });
+    const isMemberOnline = (accid) => {
+      if (accid === currentAccount.value) return true;
+      return onlineAccids.value.has(accid);
+    };
+    const toggleCollapse = () => {
+      isCollapsed.value = !isCollapsed.value;
+    };
+    const handleScroll = async (e) => {
+      if (isLoadingMore.value || !hasMore.value) {
+        return;
+      }
+      const target = e.target;
+      const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
+      if (distanceToBottom < 100) {
+        await loadMoreMembers();
+      }
+    };
+    const loadMoreMembers = async () => {
+      var _a, _b;
+      if (isLoadingMore.value || !hasMore.value) {
+        return;
+      }
+      const serverId = (_a = serverStore.curServer) == null ? void 0 : _a.serverId;
+      const channelId = (_b = channelStore.currentChannel) == null ? void 0 : _b.channelId;
+      if (!serverId || !channelId) {
+        return;
+      }
+      isLoadingMore.value = true;
+      try {
+        await channelStore.appendChannelMembers({
+          serverId,
+          channelId,
+          timetag: nextTimetag.value,
+          limit: 50
+        });
+      } catch (error) {
+        console.error("加载更多成员失败:", error);
+      } finally {
+        isLoadingMore.value = false;
+      }
+    };
+    __expose({
+      toggleCollapse
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["yx-members-sidebar", { collapsed: isCollapsed.value }])
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          !isCollapsed.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
+            _cache[0] || (_cache[0] = createTextVNode(" 成员列表 ", -1)),
+            createElementVNode("span", _hoisted_3, toDisplayString(members.value.length), 1)
+          ])) : createCommentVNode("", true),
+          createVNode(unref(Tooltip), {
+            title: isCollapsed.value ? "展开成员列表" : "收起成员列表",
+            placement: "left"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: "toggle-btn",
+                onClick: toggleCollapse
+              }, [
+                isCollapsed.value ? (openBlock(), createBlock(unref(IconFont), {
+                  key: 0,
+                  type: "gt-line-Close-all",
+                  rotate: "90deg",
+                  size: 20,
+                  style: { "transform": "rotate(90deg)" }
+                })) : (openBlock(), createBlock(unref(IconFont), {
+                  key: 1,
+                  type: "gt-line-expand-all",
+                  rotate: "90deg",
+                  size: 20,
+                  style: { "transform": "rotate(90deg)" }
+                }))
+              ])
+            ]),
+            _: 1
+          }, 8, ["title"])
+        ]),
+        createElementVNode("div", {
+          ref_key: "membersListRef",
+          ref: membersListRef,
+          class: "members-list",
+          onScroll: handleScroll
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(members.value, (member) => {
+            return openBlock(), createElementBlock("div", {
+              key: member.accid,
+              class: normalizeClass(["member-item", { offline: !isMemberOnline(member.accid) }])
+            }, [
+              createVNode(unref(Tooltip), {
+                title: isMemberOnline(member.accid) ? member.nick || member.accid : "离线",
+                placement: "left",
+                "mouse-enter-delay": 0.3
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_sfc_main$1, {
+                      avatar: member.avatar,
+                      nick: member.nick,
+                      accid: member.accid,
+                      width: isCollapsed.value ? 36 : 32,
+                      border: 0
+                    }, null, 8, ["avatar", "nick", "accid", "width"]),
+                    isMemberOnline(member.accid) ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("", true),
+                    member.type ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                      createVNode(unref(CrownOutlined))
+                    ])) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["title"]),
+              !isCollapsed.value ? (openBlock(), createBlock(unref(Tooltip), {
+                key: 0,
+                title: member.nick || member.accid,
+                placement: "right",
+                "mouse-enter-delay": 0.3
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_7, [
+                    createElementVNode("div", _hoisted_8, toDisplayString(member.nick || member.accid), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["title"])) : createCommentVNode("", true)
+            ], 2);
+          }), 128)),
+          isLoadingMore.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            createVNode(unref(Spin), { size: "small" })
+          ])) : createCommentVNode("", true)
+        ], 544)
+      ], 2);
+    };
+  }
+});
+const MembersSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-472a2fa7"]]);
+export {
+  MembersSidebar as M
+};