yx-web-sdk 0.0.4

package/dist/index.vue_vue_type_style_index_0_lang-CmfE8EVU.mjs

@@ -0,0 +1,288 @@
+import { defineComponent, ref, h, watch, computed, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { List, Typography } from "ant-design-vue";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_script_setup_true_lang-DkMXpHkt.mjs";
+import { a as useServerStore, b as useChannelStore } from "./index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+import "./index-Dg8Q3cli.mjs";
+import { useLocalStorage } from "@vueuse/core";
+import { L as LoadingOutlined } from "./index.vue_vue_type_style_index_0_lang-CibeOmhP.mjs";
+const _hoisted_1 = { class: "yx-chat-page-container" };
+const _hoisted_2 = { class: "header-wrap" };
+const _hoisted_3 = { class: "left" };
+const _hoisted_4 = { class: "name" };
+const _hoisted_5 = { class: "title" };
+const _hoisted_6 = { class: "main" };
+const _hoisted_7 = {
+  key: 0,
+  class: "members-wrap"
+};
+const _hoisted_8 = ["onClick"];
+const _hoisted_9 = { class: "avatar" };
+const _hoisted_10 = { class: "nick-name" };
+const _hoisted_11 = {
+  key: 0,
+  class: "owner"
+};
+const _hoisted_12 = { class: "body-wrap" };
+const _hoisted_13 = {
+  key: 0,
+  class: "name-wrap"
+};
+const _hoisted_14 = { class: "accid-wrap" };
+const _hoisted_15 = { class: "roles-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ChatPage"
+  },
+  __name: "index",
+  props: {
+    myAccid: {},
+    myAvatar: {}
+  },
+  setup(__props) {
+    const serverStore = useServerStore();
+    const channelStore = useChannelStore();
+    const ListItem = List.Item;
+    const Text = Typography.Text;
+    const Paragraph = Typography.Paragraph;
+    const props = __props;
+    const contentRef = ref();
+    const membersVisibleRef = ref(false);
+    const loadingMoreRef = ref(false);
+    const channelNoticeVisible = ref(false);
+    const channelNoticeStorage = useLocalStorage("im-n-record", {});
+    const indicator = h(LoadingOutlined, {
+      style: {
+        fontSize: "20px",
+        marginBottom: "10px"
+      },
+      spin: true
+    });
+    watch(
+      () => serverStore.curServer,
+      (server) => {
+        var _a;
+        console.log("server", server);
+        if (server == null ? void 0 : server.serverId) {
+          (_a = serverStore.getSeverMembers) == null ? void 0 : _a.call(serverStore, {
+            serverId: server.serverId,
+            timetag: 0
+          });
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(
+      [() => serverStore.curMember, () => serverStore.curServer],
+      ([member, server]) => {
+        if ((member == null ? void 0 : member.accid) && (server == null ? void 0 : server.serverId)) {
+          serverStore.getCurMemberRoles({
+            serverId: server.serverId,
+            accid: member.accid,
+            timetag: 0,
+            limit: 100
+          });
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(
+      () => serverStore.serverMembers,
+      () => {
+        loadingMoreRef.value = false;
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(
+      () => channelStore.currentChannel,
+      async (value) => {
+        if (value == null ? void 0 : value.ext) {
+          const text = combinationKey(value.ext);
+          const key = await getUniqueKey(text);
+          if (channelNoticeStorage.value[key]) {
+            channelNoticeVisible.value = false;
+          } else {
+            channelNoticeVisible.value = true;
+          }
+        }
+      },
+      { flush: "post" }
+    );
+    const curChannel = computed(() => channelStore.currentChannel);
+    const serverMembers = computed(() => {
+      var _a;
+      return ((_a = channelStore.ChannelMembers) == null ? void 0 : _a.datas) || [];
+    });
+    const curMember = computed(() => serverStore.curMember);
+    const curMemberRoles = computed(() => serverStore.curMemberRoles || []);
+    const visible = computed(() => !!serverStore.curMember);
+    const membersVisible = computed(() => !!membersVisibleRef.value);
+    const loadingMore = computed(() => !!loadingMoreRef.value);
+    const handleSetCurMember = (member) => {
+      serverStore.setCurMember(member);
+    };
+    const handleUnSetCurMember = () => {
+      serverStore.setCurMember(null);
+    };
+    const handleScroll = (e) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if (loadingMoreRef.value || !((_b = (_a = serverStore.serverMembers) == null ? void 0 : _a.listQueryTag) == null ? void 0 : _b.hasMore)) {
+        return;
+      }
+      const target = e.target;
+      const hiddenHeight = (((_d = (_c = serverStore.serverMembers) == null ? void 0 : _c.datas) == null ? void 0 : _d.length) || 0) * 48 - target.clientHeight - target.scrollTop;
+      if (hiddenHeight >= 100) {
+        return;
+      }
+      loadingMoreRef.value = true;
+      serverStore.appendSeverMembers({
+        serverId: ((_e = serverStore.curServer) == null ? void 0 : _e.serverId) || "",
+        timetag: ((_g = (_f = serverStore.serverMembers) == null ? void 0 : _f.listQueryTag) == null ? void 0 : _g.nextTimetag) || 0
+      });
+    };
+    const combinationKey = (text) => {
+      var _a;
+      return text || "" + ((_a = curChannel.value) == null ? void 0 : _a.channelId) + props.myAccid || "";
+    };
+    async function getUniqueKey(str) {
+      const encoder = new TextEncoder();
+      const data = encoder.encode(str);
+      const hashBuffer = await crypto.subtle.digest("SHA-256", data);
+      const hashArray = Array.from(new Uint8Array(hashBuffer));
+      const uniqueKey = hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
+      return uniqueKey;
+    }
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = createElementVNode("span", { class: "symbol" }, "#", -1)),
+            createElementVNode("span", _hoisted_4, toDisplayString((_a = curChannel.value) == null ? void 0 : _a.name), 1),
+            createElementVNode("span", _hoisted_5, toDisplayString((_b = curChannel.value) == null ? void 0 : _b.topic), 1)
+          ]),
+          createCommentVNode("", true)
+        ]),
+        createElementVNode("div", {
+          ref_key: "contentRef",
+          ref: contentRef,
+          class: "content-wrap"
+        }, [
+          createElementVNode("div", _hoisted_6, [
+            createVNode(_sfc_main$1, {
+              "my-accid": props.myAccid,
+              "my-avatar": props.myAvatar
+            }, null, 8, ["my-accid", "my-avatar"])
+          ]),
+          membersVisible.value && false ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            createElementVNode("div", {
+              class: _normalizeClass(["mask", { expand: visible.value }]),
+              onClick: _cache[0] || (_cache[0] = ($event) => handleUnSetCurMember())
+            }, [
+              createElementVNode("div", {
+                class: "mask-content",
+                onScroll: handleScroll
+              }, [
+                createVNode(_unref(List), {
+                  "item-layout": "horizontal",
+                  "data-source": serverMembers.value,
+                  split: false
+                }, {
+                  loadMore: _withCtx(() => [
+                    loadingMore.value ? (openBlock(), _createBlock(_unref(Spin), {
+                      key: 0,
+                      indicator: _unref(indicator)
+                    }, null, 8, ["indicator"])) : createCommentVNode("", true)
+                  ]),
+                  renderItem: _withCtx(({ item }) => [
+                    createVNode(_unref(ListItem), null, {
+                      default: _withCtx(() => [
+                        (openBlock(), createElementBlock("div", {
+                          key: item.accid,
+                          class: _normalizeClass(["member-item", { selected: item.accid === ((_a2 = curMember.value) == null ? void 0 : _a2.accid) }]),
+                          onClick: [
+                            ($event) => handleSetCurMember(item),
+                            _withModifiers(($event) => true, ["stop"])
+                          ]
+                        }, [
+                          createElementVNode("div", _hoisted_9, [
+                            createVNode(CommonAvatar, {
+                              avatar: item.avatar,
+                              nick: item.nick,
+                              accid: item.accid,
+                              width: 36,
+                              border: 0
+                            }, null, 8, ["avatar", "nick", "accid"])
+                          ]),
+                          createElementVNode("div", _hoisted_10, [
+                            createVNode(_unref(Text), {
+                              style: { maxWidth: "120px" },
+                              content: item.nick || item.accid,
+                              ellipsis: { tooltip: item.nick || item.accid }
+                            }, null, 8, ["content", "ellipsis"])
+                          ]),
+                          !!item.type ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                            createVNode(_unref(IconFont), { type: "icon-chuangjianzhe" })
+                          ])) : createCommentVNode("", true)
+                        ], 10, _hoisted_8))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 1
+                }, 8, ["data-source"]),
+                curMember.value ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "member-detail-wrap",
+                  onClick: _withModifiers(($event) => true, ["stop"])
+                }, [
+                  createElementVNode("div", _hoisted_12, [
+                    createVNode(CommonAvatar, {
+                      avatar: (_c = curMember.value) == null ? void 0 : _c.avatar,
+                      nick: (_d = curMember.value) == null ? void 0 : _d.nick,
+                      accid: (_e = curMember.value) == null ? void 0 : _e.accid,
+                      width: 70,
+                      border: 4
+                    }, null, 8, ["avatar", "nick", "accid"]),
+                    ((_f = curMember.value) == null ? void 0 : _f.nick) ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                      createVNode(_unref(Paragraph), {
+                        style: { maxWidth: "260px", color: "#fff" },
+                        content: (_g = curMember.value) == null ? void 0 : _g.nick,
+                        ellipsis: { tooltip: (_h = curMember.value) == null ? void 0 : _h.nick, rows: 2 }
+                      }, null, 8, ["content", "ellipsis"])
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_14, [
+                      createVNode(_unref(Text), {
+                        style: { maxWidth: "260px", color: "#a3a4a9" },
+                        content: "#" + ((_i = curMember.value) == null ? void 0 : _i.accid),
+                        ellipsis: { tooltip: "#" + ((_j = curMember.value) == null ? void 0 : _j.accid) }
+                      }, null, 8, ["content", "ellipsis"])
+                    ]),
+                    _cache[2] || (_cache[2] = createElementVNode("div", { class: "divider" }, null, -1)),
+                    _cache[3] || (_cache[3] = createElementVNode("div", { class: "roles-title" }, "身份组", -1)),
+                    createElementVNode("div", _hoisted_15, [
+                      (openBlock(true), createElementBlock(_Fragment, null, _renderList(curMemberRoles.value || [], (role) => {
+                        return openBlock(), createElementBlock("div", {
+                          key: role.roleId,
+                          class: "role-item"
+                        }, toDisplayString(role.name), 1);
+                      }), 128))
+                    ])
+                  ])
+                ])) : createCommentVNode("", true)
+              ], 32)
+            ], 2)
+          ])) : createCommentVNode("", true)
+        ], 512)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};