yx-web-sdk 0.0.15 → 0.0.18

package/dist/ait-person-popover/index.js

@@ -1,4 +1,4 @@
-import { A as AitPersonPopover } from "../index-DATsUjjD.mjs";
+import { A as AitPersonPopover } from "../index-sJcDnl5D.mjs";
 export {
   AitPersonPopover,
   AitPersonPopover as default

package/dist/ait-person-popover/index.vue.d.ts

@@ -1,4 +1,4 @@
-import type { MemberInfo } from 'nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatServerServiceInterface';
+import type { QChatServerMember } from '../../types/qchat-server';
 type __VLS_Props = {
     /** 是否显示弹框 */
     visible: boolean;
@@ -8,7 +8,7 @@ type __VLS_Props = {
         top: number;
     } | null;
     /** 列表项（全量成员或按 @ 后前缀过滤的成员） */
-    items?: MemberInfo[];
+    items?: QChatServerMember[];
     /** 当前键盘选中的项索引（-1=所有人，0..n-1=成员） */
     selectedIndex?: number;
     /** 成员总数（全量列表长度），用于展示「所有人（n）」且用于 membersCount === items.length 时展示「所有人」 */
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
         left: number;
         top: number;
     } | null;
-    items: MemberInfo[];
+    items: QChatServerMember[];
     selectedIndex: number;
     membersCount: number;
     setItemRef: (el: unknown, index: number) => void;

package/dist/api/im/index.d.ts

@@ -1,4 +1,5 @@
 import type { AxiosResponse } from 'axios';
+import type { GetMembersByPageQuery, ServerMemberInfo } from './type';
 /**
  * 根据云信 accid 列表批量查询在线状态
  * @param data - accid 列表
@@ -10,3 +11,16 @@ export declare const getUsersStatusByAccids: (data: string[]) => Promise<AxiosRe
         status: "offline" | "online";
     }[];
 }, unknown, unknown>>;
+/**
+ * 查询服务器成员列表
+ * @param params - 分页查询参数
+ * @returns 成员列表分页结果
+ */
+export declare const getServerMembers: (params: GetMembersByPageQuery) => Promise<AxiosResponse<{
+    list: ServerMemberInfo[];
+    has_more: boolean;
+    next_timetag: number;
+}, unknown, unknown>>;
+export declare const getServerMembersByAccids: (serverId: string, accids: string[]) => Promise<AxiosResponse<{
+    server_members: ServerMemberInfo[];
+}, unknown, unknown>>;

package/dist/api/im/type.d.ts

@@ -0,0 +1,20 @@
+import type { MemberInfo } from 'nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatServerServiceInterface';
+/** 分页查询成员列表参数 */
+export interface GetMembersByPageQuery {
+    /** 查询参数 */
+    query: {
+        /** 分页时间戳 */
+        timetag?: number;
+        /** 每页数量 */
+        per_page?: number;
+    };
+    /** 服务器ID */
+    serverId: string;
+    /** 频道ID */
+    channelId: string;
+}
+/** 服务器成员信息（包含在线状态） */
+export type ServerMemberInfo = MemberInfo & {
+    /** 在线状态 */
+    status?: 'offline' | 'online';
+};

package/dist/chat-card/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BTFpT8vx.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-oO4NDv0U.mjs";
 export {
   _sfc_main as ChatCard,
   _sfc_main as default

package/dist/chat-content/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-DEJb1Arq.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BdIDeEyF.mjs";
 export {
   _sfc_main as ChatContent,
   _sfc_main as default

package/dist/chat-page/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-DlWIaJyr.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-BxxUcry3.mjs";
 export {
   _sfc_main as ChatPage,
   _sfc_main as default

package/dist/chat-room/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_script_setup_true_lang-DExY7kq1.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_script_setup_true_lang-0YeDxfed.mjs";
 export {
   _sfc_main as ChatRoom,
   _sfc_main as default

package/dist/common-avatar/index.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-CtQx_ghu.mjs";
+import { _ as _sfc_main } from "../index.vue_vue_type_style_index_0_lang-UfvEW_0n.mjs";
 export {
   _sfc_main as CommonAvatar,
   _sfc_main as default

package/dist/components/ait-person-popover/index.vue.d.ts

@@ -1,4 +1,4 @@
-import type { MemberInfo } from 'nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatServerServiceInterface';
+import type { QChatServerMember } from '../../types/qchat-server';
 type __VLS_Props = {
     /** 是否显示弹框 */
     visible: boolean;
@@ -8,7 +8,7 @@ type __VLS_Props = {
         top: number;
     } | null;
     /** 列表项（全量成员或按 @ 后前缀过滤的成员） */
-    items?: MemberInfo[];
+    items?: QChatServerMember[];
     /** 当前键盘选中的项索引（-1=所有人，0..n-1=成员） */
     selectedIndex?: number;
     /** 成员总数（全量列表长度），用于展示「所有人（n）」且用于 membersCount === items.length 时展示「所有人」 */
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
         left: number;
         top: number;
     } | null;
-    items: MemberInfo[];
+    items: QChatServerMember[];
     selectedIndex: number;
     membersCount: number;
     setItemRef: (el: unknown, index: number) => void;

package/dist/components/chat-content/composables/ait-person.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { MemberInfo } from 'nim-web-sdk-ng/dist/v1/QCHAT_BROWSER_SDK/QChatServerServiceInterface';
+import type { QChatServerMember } from '../../../types/qchat-server';
 /**
  * 获取文本中所有 `@用户 + 空格` 标签的起止下标（左闭右开），供外部按需使用
  * @param {string} text - 文本
@@ -33,14 +33,14 @@ export interface AitPopoverItem {
 }
 /**
  * 从完整文本解析所有 @ 标签，得到「是否含所有人」与去重后的 accid 列表（供发送使用）
- * 删除/新增 @ 后只需用最新文本调用本函数即可同步，无需保存光标或区间位置
+ * 标签内容按用户名（username）解析，昵称仅用于下拉展示
  * @param text - 输入框文本
- * @param members - 当前频道成员列表
+ * @param members - 当前频道成员列表（含 username）
  * @param myAccid - 当前用户 accid
  * @param enableMentionEveryone - 是否开启@所有人功能
  * @returns { hasEveryone: boolean, accids: string[] } 是否含所有人，去重后的 accid 列表
  */
-export declare function parseMentionStateFromText(text: string, members: MemberInfo[], myAccid: string, enableMentionEveryone?: boolean): {
+export declare function parseMentionStateFromText(text: string, members: QChatServerMember[], myAccid: string, enableMentionEveryone?: boolean): {
     hasEveryone: boolean;
     accids: string[];
 };
@@ -49,7 +49,7 @@ export interface UseAitPersonOptions {
     scrollRef: Ref<HTMLDivElement | undefined>;
     curText: Ref<string>;
     cursorIndex: Ref<number>;
-    serverMembers: ComputedRef<MemberInfo[]>;
+    serverMembers: ComputedRef<QChatServerMember[]>;
     /** 当前用户 accid，用于从列表中排除自己（弹框只展示「所有人」+ 除我以外的成员） */
     myAccid?: string;
 }
@@ -70,9 +70,9 @@ export declare function useAitPerson(options: UseAitPersonOptions): {
         top: number;
     } | null>;
     aitPersonSelectedIndex: Ref<number, number>;
-    aitPopoverItems: ComputedRef<MemberInfo[]>;
+    aitPopoverItems: ComputedRef<QChatServerMember[]>;
     /** 弹框内展示的成员列表（无前缀全量，有前缀为过滤结果） */
-    aitDisplayItems: ComputedRef<MemberInfo[]>;
+    aitDisplayItems: ComputedRef<QChatServerMember[]>;
     aitPopoverItemsLength: ComputedRef<number>;
     mentionAccids: ComputedRef<string[]>;
     setAitItemRef: (el: unknown, index: number) => void;

package/dist/index/style3.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /* @ 提及弹框：位置由 @floating-ui/dom 计算并应用 */
-.yx-ait-person-popover[data-v-9b55b02c] {
+.yx-ait-person-popover[data-v-df4cd254] {
   position: fixed;
   z-index: 1050;
   min-width: 200px;
@@ -11,26 +11,33 @@
   border: 1px solid var(--theme-dividing-line, #f1f1f8);
   box-shadow: var(--theme-chat-input-shadow, 0px 1px 3px 0px rgba(29, 31, 58, 0.0196078431), 0px 2px 6px 0px rgba(29, 31, 58, 0.0196078431), 0px 4px 12px 0px rgba(29, 31, 58, 0.0196078431), 0px 8px 24px 0px rgba(29, 31, 58, 0.0392156863));
 }
-.yx-ait-person-popover .ait-person-popover-content[data-v-9b55b02c] {
+.yx-ait-person-popover .ait-person-popover-content[data-v-df4cd254] {
   padding: 4px 0;
 }
-.yx-ait-person-popover .ait-person-item[data-v-9b55b02c] {
+.yx-ait-person-popover .ait-person-item[data-v-df4cd254] {
+  min-width: 200px;
+  width: 200px;
   display: flex;
   align-items: center;
   padding: 8px 12px;
   cursor: pointer;
   gap: 8px;
+  overflow: hidden;
 }
-.yx-ait-person-popover .ait-person-item[data-v-9b55b02c]:hover {
+.yx-ait-person-popover .ait-person-item[data-v-df4cd254]:hover {
   background-color: var(--theme-area, #f1f1f8);
 }
-.yx-ait-person-popover .ait-person-item--selected[data-v-9b55b02c] {
+.yx-ait-person-popover .ait-person-item--selected[data-v-df4cd254] {
   background-color: var(--theme-area, #f1f1f8);
 }
-.yx-ait-person-popover .ait-person-item-name[data-v-9b55b02c] {
+.yx-ait-person-popover .ait-person-item-name[data-v-df4cd254] {
   font-size: 14px;
   color: var(--theme-text, #252b3a);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+}
+.yx-ait-person-popover .ait-person-item-nickname[data-v-df4cd254] {
+  margin-right: 0.5rem;
+  font-weight: bold;
 }

package/dist/index/style5.css

@@ -1,4 +1,4 @@
-.yx-members-sidebar[data-v-04f1d70a] {
+.yx-members-sidebar[data-v-b479fb17] {
   display: flex;
   flex-direction: column;
   width: 240px;
@@ -7,24 +7,24 @@
   transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
 }
-.yx-members-sidebar.collapsed[data-v-04f1d70a] {
+.yx-members-sidebar.collapsed[data-v-b479fb17] {
   width: 50px;
 }
-.yx-members-sidebar.collapsed .members-header[data-v-04f1d70a] {
+.yx-members-sidebar.collapsed .members-header[data-v-b479fb17] {
   justify-content: center;
   border-bottom: 1px solid var(--theme-dividing-line, #f1f1f8);
 }
-.yx-members-sidebar.collapsed .members-list[data-v-04f1d70a] {
+.yx-members-sidebar.collapsed .members-list[data-v-b479fb17] {
   padding: 8px 6px;
 }
-.yx-members-sidebar.collapsed .member-item[data-v-04f1d70a] {
+.yx-members-sidebar.collapsed .member-item[data-v-b479fb17] {
   justify-content: center;
   padding: 6px 0;
 }
-.yx-members-sidebar.collapsed .member-item .member-avatar[data-v-04f1d70a] {
+.yx-members-sidebar.collapsed .member-item .member-avatar[data-v-b479fb17] {
   margin-right: 0;
 }
-.yx-members-sidebar .members-header[data-v-04f1d70a] {
+.yx-members-sidebar .members-header[data-v-b479fb17] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -32,7 +32,7 @@
   border-bottom: 1px solid var(--theme-dividing-line, #f1f1f8);
   gap: 8px;
 }
-.yx-members-sidebar .members-header .members-title[data-v-04f1d70a] {
+.yx-members-sidebar .members-header .members-title[data-v-b479fb17] {
   font-size: 13px;
   font-weight: 600;
   color: var(--theme-icon-fill-weak);
@@ -40,14 +40,14 @@
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-.yx-members-sidebar .members-header .members-count[data-v-04f1d70a] {
+.yx-members-sidebar .members-header .members-count[data-v-b479fb17] {
   font-size: 12px;
   color: var(--theme-icon-fill-weak);
   background-color: var(--theme-global-bg);
   padding: 2px 8px;
   border-radius: 10px;
 }
-.yx-members-sidebar .members-header .toggle-btn[data-v-04f1d70a] {
+.yx-members-sidebar .members-header .toggle-btn[data-v-b479fb17] {
   width: 22px;
   height: 22px;
   display: flex;
@@ -59,23 +59,23 @@
   transition: all 0.15s ease;
   flex-shrink: 0;
 }
-.yx-members-sidebar .members-header .toggle-btn[data-v-04f1d70a]:hover {
+.yx-members-sidebar .members-header .toggle-btn[data-v-b479fb17]:hover {
   background-color: var(--theme-icon-hover);
   color: var(--theme-text);
 }
-.yx-members-sidebar .members-list[data-v-04f1d70a] {
+.yx-members-sidebar .members-list[data-v-b479fb17] {
   flex: 1;
   overflow-y: auto;
   padding: 8px;
 }
-.yx-members-sidebar .members-list[data-v-04f1d70a]::-webkit-scrollbar {
+.yx-members-sidebar .members-list[data-v-b479fb17]::-webkit-scrollbar {
   width: 4px;
 }
-.yx-members-sidebar .members-list[data-v-04f1d70a]::-webkit-scrollbar-thumb {
+.yx-members-sidebar .members-list[data-v-b479fb17]::-webkit-scrollbar-thumb {
   background-color: var(--theme-line);
   border-radius: 2px;
 }
-.yx-members-sidebar .member-item[data-v-04f1d70a] {
+.yx-members-sidebar .member-item[data-v-b479fb17] {
   display: flex;
   align-items: center;
   padding: 6px 8px;
@@ -84,15 +84,15 @@
   transition: background-color 0.15s ease, opacity 0.15s ease;
   margin-bottom: 2px;
 }
-.yx-members-sidebar .member-item[data-v-04f1d70a]:hover {
+.yx-members-sidebar .member-item[data-v-b479fb17]:hover {
   background-color: var(--theme-icon-hover);
 }
-.yx-members-sidebar .member-item .member-avatar[data-v-04f1d70a] {
+.yx-members-sidebar .member-item .member-avatar[data-v-b479fb17] {
   position: relative;
   margin-right: 10px;
   flex-shrink: 0;
 }
-.yx-members-sidebar .member-item .member-avatar .owner-badge[data-v-04f1d70a] {
+.yx-members-sidebar .member-item .member-avatar .owner-badge[data-v-b479fb17] {
   position: absolute;
   bottom: -2px;
   right: -2px;
@@ -107,11 +107,11 @@
   color: #fff;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
-.yx-members-sidebar .member-item .member-info[data-v-04f1d70a] {
+.yx-members-sidebar .member-item .member-info[data-v-b479fb17] {
   flex: 1;
   overflow: hidden;
 }
-.yx-members-sidebar .member-item .member-info .member-name[data-v-04f1d70a] {
+.yx-members-sidebar .member-item .member-info .member-name[data-v-b479fb17] {
   font-size: 14px;
   color: var(--theme-text);
   overflow: hidden;
@@ -119,7 +119,7 @@
   white-space: nowrap;
   transition: color 0.15s ease;
 }
-.yx-members-sidebar .loading-more[data-v-04f1d70a] {
+.yx-members-sidebar .loading-more[data-v-b479fb17] {
   display: flex;
   justify-content: center;
   align-items: center;