yx-web-sdk 0.0.4

package/dist/index-entry/index.d.ts

@@ -0,0 +1,2 @@
+import IndexEntry from '../components/index-entry/index.vue';
+export default IndexEntry;

package/dist/index-entry/index.js

@@ -0,0 +1,271 @@
+import { defineComponent, computed, onMounted, onUnmounted, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, Fragment, createElementVNode, createBlock, createCommentVNode } from "vue";
+import { useRouter } from "vue-router";
+import { Spin, Result, Button, Empty, message } from "ant-design-vue";
+import { u as useImSdkStore, a as useServerStore, b as useChannelStore, c as useUserStore, d as useGlobalStore } from "../index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+import { _ as _sfc_main$1 } from "../index.vue_vue_type_style_index_0_lang-CmfE8EVU.mjs";
+import { S as ServerChannelSidebar } from "../index-4m4OVlx8.mjs";
+import { M as MembersSidebar } from "../index-3sSWCzxu.mjs";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.mjs";
+const _hoisted_1 = { class: "qchat-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "loading-wrap"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "error-wrap"
+};
+const _hoisted_4 = { class: "chat-main" };
+const _hoisted_5 = {
+  key: 1,
+  class: "no-channel"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "IndexEntry"
+  },
+  __name: "index",
+  props: {
+    credentials: {},
+    autoInit: { type: Boolean },
+    serverId: {},
+    request: { type: Function }
+  },
+  emits: ["ready", "error", "message"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const router = useRouter();
+    const imSdkStore = useImSdkStore();
+    const serverStore = useServerStore();
+    const channelStore = useChannelStore();
+    const userStore = useUserStore();
+    const globalStore = useGlobalStore();
+    const sdkInitializing = computed(() => imSdkStore.sdkInitializing);
+    const sdkError = computed(() => imSdkStore.sdkError);
+    const isReady = computed(() => imSdkStore.isReady);
+    const serverList = computed(() => serverStore.serverList);
+    const curServer = computed(() => serverStore.curServer);
+    const channelList = computed(() => channelStore.channelList);
+    const currentChannel = computed(() => channelStore.currentChannel);
+    const userProfile = computed(() => userStore.userProfile);
+    const handleInit = async () => {
+      if (!props.credentials) {
+        message.error("连接超时，关闭页面");
+        setTimeout(() => {
+          window.close();
+        }, 1e3);
+        return;
+      }
+      const success = await imSdkStore.init(props.credentials);
+      if (success) {
+        await initData();
+        setupEventListeners();
+        globalStore.login();
+        emit("ready");
+      } else {
+        emit("error", imSdkStore.sdkError);
+      }
+    };
+    const handleRetry = () => {
+      imSdkStore.resetError();
+      handleInit();
+    };
+    const initData = async () => {
+      try {
+        userStore.setUserProfile({
+          account: imSdkStore.currentAccount,
+          nick: imSdkStore.currentAccount
+        });
+        await serverStore.getSeverList({ timestamp: 0 });
+        if (serverList.value.length > 0) {
+          let targetServer = serverList.value[0];
+          if (props.serverId) {
+            const serverIdStr = String(props.serverId);
+            const foundServer = serverList.value.find((s) => String(s.serverId) === serverIdStr);
+            console.log("[initData] 查找服务器:", serverIdStr, "找到:", foundServer == null ? void 0 : foundServer.serverId);
+            if (foundServer) {
+              targetServer = foundServer;
+            }
+          }
+          console.log("[initData] 选中服务器:", targetServer.serverId, targetServer.name);
+          await handleSelectServer(targetServer);
+        }
+      } catch (error) {
+        console.error("初始化数据失败:", error);
+      }
+    };
+    const setupEventListeners = () => {
+      const qchat = window.qchat;
+      if (!qchat) return;
+      qchat.on("message", (msg) => {
+        var _a;
+        console.log("[QChat] 收到消息:", msg);
+        if (msg.channelId === ((_a = currentChannel.value) == null ? void 0 : _a.channelId)) {
+          channelStore.addCurChannelMsgs({ data: [msg], isUnShift: false });
+        }
+        emit("message", msg);
+      });
+      qchat.on("unreadInfo", (info) => {
+        console.log("[QChat] 未读信息更新:", info);
+        channelStore.setUnReadNum(info);
+      });
+      qchat.on("systemNotification", (notification) => {
+        console.log("[QChat] 系统通知:", notification);
+        handleSystemNotification(notification);
+      });
+      qchat.on("disconnect", () => {
+        console.log("[QChat] 连接断开");
+        message.warning("连接已断开，正在重连...");
+      });
+      qchat.on("reconnect", () => {
+        console.log("[QChat] 重新连接成功");
+        message.success("重新连接成功");
+      });
+    };
+    const handleSystemNotification = (notification) => {
+      var _a, _b;
+      const { type, serverId, fromNick, fromAccount } = notification;
+      switch (type) {
+        case "serverMemberJoin":
+          message.info(`${fromNick || fromAccount} 加入了服务器`);
+          break;
+        case "serverMemberLeave":
+          message.info(`${fromNick || fromAccount} 离开了服务器`);
+          break;
+        case "channelCreate":
+          if (serverId && serverId === ((_a = curServer.value) == null ? void 0 : _a.serverId)) {
+            channelStore.getChannelsByPage({ serverId, timetag: 0, limit: 20 });
+          }
+          break;
+        case "channelDelete":
+          if (serverId && serverId === ((_b = curServer.value) == null ? void 0 : _b.serverId)) {
+            channelStore.getChannelsByPage({ serverId, timetag: 0, limit: 20 });
+          }
+          break;
+        default:
+          console.log("[QChat] 未处理的系统通知类型:", type);
+      }
+    };
+    const handleSelectServer = async (server) => {
+      serverStore.setCurServer(server);
+      try {
+        const memberRes = await serverStore.getSeverMember({
+          accids: [{ accid: imSdkStore.currentAccount, serverId: server.serverId }]
+        });
+        if (memberRes && memberRes.length > 0) {
+          const memberInfo = memberRes[0];
+          userStore.setUserProfile({
+            ...memberInfo,
+            account: memberInfo.accid
+          });
+        }
+      } catch (error) {
+        console.error("获取服务器成员信息失败:", error);
+      }
+      await channelStore.getChannelsByPage({ serverId: server.serverId, timetag: 0, limit: 20 });
+      if (channelList.value.length > 0) {
+        const query = router.currentRoute.value.query;
+        if (query.channel_id && channelList.value.find((channel) => channel.channelId === query.channel_id)) {
+          await handleSelectChannel(channelList.value.find((channel) => channel.channelId === query.channel_id));
+        } else {
+          await handleSelectChannel(channelList.value[0]);
+        }
+      } else {
+        channelStore.setCurChannel(null);
+        channelStore.clearCurChannelMsgs();
+      }
+    };
+    const handleSelectChannel = async (channel) => {
+      var _a;
+      channelStore.setCurChannel(channel);
+      channelStore.resetChannelUnReadCount();
+      channelStore.clearCurChannelMsgs();
+      try {
+        const msgs = await channelStore.getChannelHistoryMsgs({ limit: 100 });
+        channelStore.setCurChannelMsgs(msgs);
+      } catch (error) {
+        console.error("加载消息失败:", error);
+      }
+      channelStore.getMembersByPage({
+        serverId: ((_a = serverStore.curServer) == null ? void 0 : _a.serverId) || "",
+        channelId: channel.channelId || "",
+        timetag: 0,
+        limit: 100
+      }).then((res) => {
+        console.log("res", res);
+        channelStore.setChannelMembers(res);
+        serverStore.setSeverMembers(res);
+      });
+    };
+    onMounted(() => {
+      if (props.autoInit && props.credentials) {
+        handleInit();
+      }
+    });
+    onUnmounted(() => {
+      const qchat = window.qchat;
+      if (qchat) {
+        qchat.off("message");
+        qchat.off("unreadInfo");
+        qchat.off("systemNotification");
+        qchat.off("disconnect");
+        qchat.off("reconnect");
+      }
+    });
+    __expose({
+      init: handleInit,
+      destroy: imSdkStore.destroy
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        sdkInitializing.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(unref(Spin), {
+            size: "large",
+            tip: "正在连接云信服务..."
+          })
+        ])) : sdkError.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(unref(Result), {
+            status: "error",
+            title: "连接失败",
+            "sub-title": sdkError.value
+          }, {
+            extra: withCtx(() => [
+              createVNode(unref(Button), {
+                type: "primary",
+                onClick: handleRetry
+              }, {
+                default: withCtx(() => [..._cache[0] || (_cache[0] = [
+                  createTextVNode("重新连接", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["sub-title"])
+        ])) : isReady.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createVNode(ServerChannelSidebar, {
+            request: props.request,
+            onSelectServer: handleSelectServer,
+            onSelectChannel: handleSelectChannel
+          }, null, 8, ["request"]),
+          createElementVNode("div", _hoisted_4, [
+            currentChannel.value ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              "current-channel": currentChannel.value,
+              "my-accid": unref(imSdkStore).currentAccount,
+              "my-avatar": userProfile.value.avatar || ""
+            }, null, 8, ["current-channel", "my-accid", "my-avatar"])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+              createVNode(unref(Empty), { description: "请选择一个频道开始聊天" })
+            ]))
+          ]),
+          currentChannel.value ? (openBlock(), createBlock(MembersSidebar, { key: 0 })) : createCommentVNode("", true)
+        ], 64)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const IndexEntry = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9c960781"]]);
+export {
+  IndexEntry as default
+};

package/dist/index-entry/index.vue.d.ts

@@ -0,0 +1,25 @@
+import type { QChatMessage } from 'nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatMsgServiceInterface';
+import type { IMCredentials } from '../../stores/sdk';
+type __VLS_Props = {
+    credentials: IMCredentials;
+    autoInit?: boolean;
+    serverId?: string;
+    request: (options: {
+        url: string;
+        method: string;
+        data?: any;
+    }) => Promise<any>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    init: () => Promise<void>;
+    destroy: () => Promise<void>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    message: (msg: QChatMessage) => any;
+    error: (error: string) => any;
+    ready: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onMessage?: ((msg: QChatMessage) => any) | undefined;
+    onError?: ((error: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/index-entry/style.css

@@ -0,0 +1,51 @@
+.qchat-container[data-v-9c960781] {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  color: var(--theme-text);
+  font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.loading-wrap[data-v-9c960781],
+.error-wrap[data-v-9c960781],
+.init-wrap[data-v-9c960781] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.loading-wrap[data-v-9c960781] .ant-spin-text,
+.error-wrap[data-v-9c960781] .ant-spin-text,
+.init-wrap[data-v-9c960781] .ant-spin-text {
+  color: #dcddde;
+}
+.loading-wrap[data-v-9c960781] .ant-result-title,
+.loading-wrap[data-v-9c960781] .ant-result-subtitle,
+.error-wrap[data-v-9c960781] .ant-result-title,
+.error-wrap[data-v-9c960781] .ant-result-subtitle,
+.init-wrap[data-v-9c960781] .ant-result-title,
+.init-wrap[data-v-9c960781] .ant-result-subtitle {
+  color: #dcddde;
+}
+.loading-wrap[data-v-9c960781] .ant-empty-description,
+.error-wrap[data-v-9c960781] .ant-empty-description,
+.init-wrap[data-v-9c960781] .ant-empty-description {
+  color: #72767d;
+}
+.chat-main[data-v-9c960781] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background-color: var(--theme-global-bg);
+  overflow: hidden;
+  min-width: 300px;
+}
+.chat-main .no-channel[data-v-9c960781] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.chat-main .no-channel[data-v-9c960781] .ant-empty-description {
+  color: #72767d;
+}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import './styles/global.scss';
+import type { App } from 'vue';
+export { YxWebSDKResolver } from './resolver/index';
+declare const _default: {
+    name: string;
+    install(app: App): void;
+};
+export default _default;

package/dist/index.vue_vue_type_script_setup_true_lang-DkMXpHkt.mjs

@@ -0,0 +1,158 @@
+import { defineComponent, ref, computed, watch, openBlock, createBlock, createElementBlock } from "vue";
+import { _ as _sfc_main$1 } from "./index.vue_vue_type_style_index_0_lang-XiDTgYoZ.mjs";
+import { b as useChannelStore, a as useServerStore, c as useUserStore } from "./index.vue_vue_type_style_index_0_lang-Y-vyKHWz.mjs";
+const _hoisted_1 = { key: 1 };
+const HISTORY_LIMIT = 100;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ChatRoom"
+  },
+  __name: "index",
+  props: {
+    myAccid: { default: "" },
+    myAvatar: { default: "" }
+  },
+  setup(__props) {
+    const channelStore = useChannelStore();
+    const serverStore = useServerStore();
+    const userStore = useUserStore();
+    const props = __props;
+    const imgUploading = ref(false);
+    const fileUploading = ref(false);
+    const isNoMore = ref(false);
+    const sendDisabled = ref(false);
+    const hasCurrentChannel = ref(false);
+    const channelName = computed(() => {
+      var _a;
+      return (_a = channelStore.currentChannel) == null ? void 0 : _a.name;
+    });
+    const topic = computed(() => {
+      var _a;
+      return (_a = channelStore.currentChannel) == null ? void 0 : _a.topic;
+    });
+    const msgs = computed(() => channelStore.currentChannelMsgs);
+    watch(
+      () => channelStore.currentChannel,
+      async (currentChannel) => {
+        sendDisabled.value = false;
+        if (currentChannel) {
+          hasCurrentChannel.value = true;
+          const msgs2 = await channelStore.getChannelHistoryMsgs({
+            limit: HISTORY_LIMIT
+          });
+          channelStore.setCurChannelMsgs(msgs2);
+          if (msgs2.length < HISTORY_LIMIT) {
+            isNoMore.value = true;
+          } else {
+            isNoMore.value = false;
+          }
+        } else {
+          hasCurrentChannel.value = false;
+        }
+      },
+      { immediate: true }
+    );
+    const sendMessage = (type, file, option) => {
+      if (type === "textMsg") {
+        channelStore.sendTextMsg({ body: file, ext: option == null ? void 0 : option.ext, mentionAccids: option == null ? void 0 : option.mentionAccids });
+        return;
+      }
+      if (type === "SendImg") {
+        imgUploading.value = true;
+        channelStore.sendImageMsg({
+          file,
+          onUploadStart: () => {
+            imgUploading.value = true;
+          },
+          onUploadDone: () => {
+            imgUploading.value = false;
+          }
+        });
+        return;
+      }
+      if (type === "SendFile") {
+        fileUploading.value = true;
+        channelStore.sendFileMsg({
+          file,
+          onUploadStart: () => {
+            fileUploading.value = true;
+          },
+          onUploadDone: () => {
+            fileUploading.value = false;
+          }
+        });
+        return;
+      }
+    };
+    const checkSendAuth = (type, file, option) => {
+      var _a, _b, _c;
+      sendDisabled.value = false;
+      if (((_a = serverStore.curServer) == null ? void 0 : _a.owner) === userStore.userProfile.account) {
+        sendDisabled.value = false;
+        sendMessage(type, file, option);
+      } else {
+        serverStore.checkPermissionMessage({
+          serverId: ((_b = serverStore.curServer) == null ? void 0 : _b.serverId) || "",
+          channelId: ((_c = channelStore.currentChannel) == null ? void 0 : _c.channelId) || "",
+          auth: "sendMsg"
+        }).then((resp) => {
+          if (resp) {
+            sendDisabled.value = false;
+            sendMessage(type, file, option);
+          }
+        });
+      }
+    };
+    const handleSendText = (text, option) => {
+      checkSendAuth("textMsg", text, option);
+    };
+    const handleSendImg = (file) => {
+      checkSendAuth("SendImg", file);
+    };
+    const handleSendFile = (file) => {
+      checkSendAuth("SendFile", file);
+    };
+    const handleResendText = (res) => {
+      channelStore.resendTextMsg(res);
+    };
+    const handleResendImg = (res) => {
+      channelStore.resendImageMsg(res);
+    };
+    const handleResendFile = (res) => {
+      channelStore.resendFileMsg(res);
+    };
+    const onLoadMore = async (lastTime) => {
+      const msgs2 = await channelStore.loadMoreHistoryMsgs({
+        limit: HISTORY_LIMIT,
+        lastTime
+      });
+      if (msgs2.length < HISTORY_LIMIT) {
+        isNoMore.value = true;
+      }
+    };
+    return (_ctx, _cache) => {
+      return hasCurrentChannel.value ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        msgs: msgs.value,
+        "channel-name": channelName.value,
+        "my-accid": props.myAccid,
+        "my-avatar": props.myAvatar,
+        topic: topic.value,
+        "is-no-more": isNoMore.value,
+        "img-uploading": imgUploading.value,
+        "file-uploading": fileUploading.value,
+        "send-disabled": sendDisabled.value,
+        "on-load-more": onLoadMore,
+        onSendText: handleSendText,
+        onSendFile: handleSendFile,
+        onSendImg: handleSendImg,
+        onResendText: handleResendText,
+        onResendImg: handleResendImg,
+        onResendFile: handleResendFile
+      }, null, 8, ["msgs", "channel-name", "my-accid", "my-avatar", "topic", "is-no-more", "img-uploading", "file-uploading", "send-disabled"])) : (openBlock(), createElementBlock("div", _hoisted_1, "当前服务器下没有频道~"));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/index.vue_vue_type_style_index_0_lang-CfLKcYM9.mjs

@@ -0,0 +1,102 @@
+import { defineComponent, ref, computed, onMounted, watch, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, createTextVNode, normalizeStyle, normalizeClass, toDisplayString, createCommentVNode } from "vue";
+import { I as IconFont } from "./index-Dg8Q3cli.mjs";
+const _hoisted_1 = { class: "yx-channel-notice" };
+const _hoisted_2 = { class: "yx-channel-notice-icon" };
+const _hoisted_3 = { class: "yx-channel-notice-text-item" };
+const _hoisted_4 = {
+  key: 0,
+  class: "yx-channel-notice-text-item"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "NoticeBox"
+  },
+  __name: "index",
+  props: {
+    content: {},
+    scrollSpeed: { default: 40 },
+    scrollDelayMs: { default: 3e3 }
+  },
+  setup(__props) {
+    const props = __props;
+    const textWrapRef = ref(null);
+    const shouldScroll = ref(false);
+    const scrollStarted = ref(false);
+    let scrollStartTimer = null;
+    const scrollDuration = ref(0);
+    const scrollStyle = computed(
+      () => scrollStarted.value && scrollDuration.value > 0 ? { "--yx-notice-duration": `${scrollDuration.value}s` } : void 0
+    );
+    function checkOverflow() {
+      const el = textWrapRef.value;
+      if (!el) return;
+      const inner = el.querySelector(".yx-channel-notice-text-inner");
+      if (!inner) return;
+      const overflow = inner.scrollWidth > el.clientWidth;
+      shouldScroll.value = overflow;
+      scrollStarted.value = false;
+      if (scrollStartTimer) {
+        clearTimeout(scrollStartTimer);
+        scrollStartTimer = null;
+      }
+      if (overflow) {
+        const distance = inner.scrollWidth * 0.5;
+        scrollDuration.value = distance / props.scrollSpeed;
+        scrollStartTimer = setTimeout(() => {
+          scrollStarted.value = true;
+          scrollStartTimer = null;
+        }, props.scrollDelayMs);
+      } else {
+        scrollDuration.value = 0;
+      }
+    }
+    onMounted(() => {
+      checkOverflow();
+    });
+    watch(
+      () => [props.content, props.scrollSpeed, props.scrollDelayMs],
+      () => {
+        shouldScroll.value = false;
+        scrollStarted.value = false;
+        scrollDuration.value = 0;
+        if (scrollStartTimer) {
+          clearTimeout(scrollStartTimer);
+          scrollStartTimer = null;
+        }
+        requestAnimationFrame(() => {
+          requestAnimationFrame(checkOverflow);
+        });
+      }
+    );
+    onUnmounted(() => {
+      if (scrollStartTimer) clearTimeout(scrollStartTimer);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(IconFont), {
+            type: "gt-plane-releases-blue",
+            size: 20
+          })
+        ]),
+        _cache[0] || (_cache[0] = createTextVNode(" 📌 公告： ", -1)),
+        createElementVNode("div", {
+          ref_key: "textWrapRef",
+          ref: textWrapRef,
+          class: "yx-channel-notice-text"
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["yx-channel-notice-text-inner", { "yx-channel-notice-text--scroll": scrollStarted.value }]),
+            style: normalizeStyle(scrollStyle.value)
+          }, [
+            createElementVNode("span", _hoisted_3, toDisplayString(__props.content), 1),
+            shouldScroll.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.content), 1)) : createCommentVNode("", true)
+          ], 6)
+        ], 512)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};