tuikit-atomicx-vue3 3.3.4 → 3.4.1

package/dist/utils/type-check.js

@@ -1,50 +1,25 @@
-const objectToString = Object.prototype.toString;
-const toTypeString = (value) => objectToString.call(value);
-const { isArray } = Array;
-const isMap = (val) => toTypeString(val) === "[object Map]";
-const isSet = (val) => toTypeString(val) === "[object Set]";
-const isDate = (val) => val instanceof Date;
-const isFunction = (val) => typeof val === "function";
-const isString = (val) => typeof val === "string";
-const isSymbol = (val) => typeof val === "symbol";
-const isObject = (val) => val !== null && typeof val === "object";
-const isPromise = (val) => isObject(val) && isFunction(val.then) && isFunction(val.catch);
-const isUrl = (url) => {
-  return /^(https?:\/\/(([a-zA-Z0-9]+-?)+[a-zA-Z0-9]+\.)+[a-zA-Z]+)(:\d+)?(\/.*)?(\?.*)?(#.*)?$/.test(
-    url
-  );
-};
-const isJSON = (str) => {
-  if (typeof str === "string") {
+const s = Object.prototype.toString, e = (t) => s.call(t), { isArray: i } = Array, a = (t) => e(t) === "[object Map]", p = (t) => e(t) === "[object Set]", f = (t) => t instanceof Date, o = (t) => typeof t == "function", y = (t) => typeof t == "string", u = (t) => typeof t == "symbol", r = (t) => t !== null && typeof t == "object", S = (t) => r(t) && o(t.then) && o(t.catch), b = (t) => /^(https?:\/\/(([a-zA-Z0-9]+-?)+[a-zA-Z0-9]+\.)+[a-zA-Z]+)(:\d+)?(\/.*)?(\?.*)?(#.*)?$/.test(
+  t
+), c = (t) => {
+  if (typeof t == "string")
     try {
-      const data = JSON.parse(str);
-      if (data) {
-        return true;
-      }
-      return false;
-    } catch (error) {
-      return false;
+      return !!JSON.parse(t);
+    } catch {
+      return !1;
     }
-  }
-  return false;
-};
-const JSONToObject = (str) => {
-  if (!str || !isJSON(str)) {
-    return str;
-  }
-  return JSON.parse(str);
-};
+  return !1;
+}, j = (t) => !t || !c(t) ? t : JSON.parse(t);
 export {
-  JSONToObject,
-  isArray,
-  isDate,
-  isFunction,
-  isJSON,
-  isMap,
-  isObject,
-  isPromise,
-  isSet,
-  isString,
-  isSymbol,
-  isUrl
+  j as JSONToObject,
+  i as isArray,
+  f as isDate,
+  o as isFunction,
+  c as isJSON,
+  a as isMap,
+  r as isObject,
+  S as isPromise,
+  p as isSet,
+  y as isString,
+  u as isSymbol,
+  b as isUrl
 };

package/dist/utils/utils.js

@@ -1,258 +1,154 @@
-import { isWeChat } from "./environment.js";
-function debounce(fn, delay) {
-  let timer;
-  return function(...args) {
-    if (timer > 0) {
-      clearTimeout(timer);
-    }
-    timer = setTimeout(() => {
-      fn.apply(this, args);
-      timer = -1;
-    }, delay);
+import { isWeChat as u } from "./environment.js";
+function a(t, e) {
+  let n;
+  return function(...o) {
+    n > 0 && clearTimeout(n), n = setTimeout(() => {
+      t.apply(this, o), n = -1;
+    }, e);
   };
 }
-function throttle(fn, delay) {
-  let previousTime = 0;
-  return function(...args) {
-    const now = Date.now();
-    if (now - previousTime > delay) {
-      fn.apply(this, args);
-      previousTime = now;
-    }
+function m(t, e) {
+  let n = 0;
+  return function(...o) {
+    const r = Date.now();
+    r - n > e && (t.apply(this, o), n = r);
   };
 }
-function setFullScreen(element) {
-  const fullScreenElement = element;
-  if (fullScreenElement == null ? void 0 : fullScreenElement.requestFullscreen) {
-    fullScreenElement == null ? void 0 : fullScreenElement.requestFullscreen();
-  } else if (fullScreenElement == null ? void 0 : fullScreenElement.mozRequestFullScreen) {
-    fullScreenElement == null ? void 0 : fullScreenElement.mozRequestFullScreen();
-  } else if (fullScreenElement == null ? void 0 : fullScreenElement.webkitRequestFullScreen) {
-    fullScreenElement == null ? void 0 : fullScreenElement.webkitRequestFullScreen();
-  } else if (fullScreenElement == null ? void 0 : fullScreenElement.msRequestFullscreen) {
-    fullScreenElement == null ? void 0 : fullScreenElement.msRequestFullscreen();
-  }
+function b(t) {
+  const e = t;
+  e != null && e.requestFullscreen ? e == null || e.requestFullscreen() : e != null && e.mozRequestFullScreen ? e == null || e.mozRequestFullScreen() : e != null && e.webkitRequestFullScreen ? e == null || e.webkitRequestFullScreen() : e != null && e.msRequestFullscreen && (e == null || e.msRequestFullscreen());
 }
-function exitFullScreen() {
-  if (!(document == null ? void 0 : document.fullscreenElement) && !(document == null ? void 0 : document.webkitFullscreenElement) && !(document == null ? void 0 : document.mozFullScreenElement)) {
+function w() {
+  if (!(document != null && document.fullscreenElement) && !(document != null && document.webkitFullscreenElement) && !(document != null && document.mozFullScreenElement))
     return;
+  const t = document;
+  t != null && t.exitFullscreen ? t == null || t.exitFullscreen() : t != null && t.msExitFullscreen ? t == null || t.msExitFullscreen() : t != null && t.mozCancelFullScreen ? t == null || t.mozCancelFullScreen() : t != null && t.webkitExitFullscreen && (t == null || t.webkitExitFullscreen());
+}
+function M(t) {
+  const e = window == null ? void 0 : window.location.href.replace(/^[^?]*\?/, ""), n = new RegExp(`(^|&)${t}=([^&#]*)(&|$|)`, "i"), o = e == null ? void 0 : e.match(n);
+  return o ? o[2] : null;
+}
+function i(t) {
+  let e = null;
+  return [Date, RegExp, Set, WeakSet, Map, WeakMap, Error].includes(t == null ? void 0 : t.constructor) ? e = new t.constructor(t) : Array.isArray(t) ? (e = [], t.forEach((o, r) => {
+    e[r] = i(o);
+  })) : typeof t == "object" && t !== null ? (e = {}, Object.keys(t).forEach((o) => {
+    Object.hasOwnProperty.call(t, o) && (e[o] = i(t[o]));
+  })) : e = t, e;
+}
+const d = (t) => typeof t > "u", Y = (t) => typeof t == "string", c = (t) => typeof t == "number", l = (t) => typeof t == "string" && !isNaN(Number(t)), y = (t) => typeof t == "function";
+function j(t, e = "px") {
+  return c(t) || l(t) ? t + e : t;
+}
+function H(t) {
+  if (u) return "";
+  const e = window.location.href, n = new URL(e), o = new URLSearchParams(n.search);
+  return o.has("roomId") && o.delete("roomId"), o.append("roomId", t), `${`${n.origin + n.pathname}#/home?${o.toString()}`}`;
+}
+function q(t) {
+  let e = 0;
+  for (let n = 0; n < t.length; n++) {
+    const o = t.charCodeAt(n);
+    o <= 127 ? e += 1 : o <= 2047 ? e += 2 : o <= 65535 ? e += 3 : e += 4;
   }
-  const exitFullScreenDocument = document;
-  if (exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.exitFullscreen) {
-    exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.exitFullscreen();
-  } else if (exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.msExitFullscreen) {
-    exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.msExitFullscreen();
-  } else if (exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.mozCancelFullScreen) {
-    exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.mozCancelFullScreen();
-  } else if (exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.webkitExitFullscreen) {
-    exitFullScreenDocument == null ? void 0 : exitFullScreenDocument.webkitExitFullscreen();
-  }
-}
-function getUrlParam(key) {
-  const url = window == null ? void 0 : window.location.href.replace(/^[^?]*\?/, "");
-  const regexp = new RegExp(`(^|&)${key}=([^&#]*)(&|$|)`, "i");
-  const paramMatch = url == null ? void 0 : url.match(regexp);
-  return paramMatch ? paramMatch[2] : null;
-}
-function deepClone(data) {
-  let res = null;
-  const reference = [Date, RegExp, Set, WeakSet, Map, WeakMap, Error];
-  if (reference.includes(data == null ? void 0 : data.constructor)) {
-    res = new data.constructor(data);
-  } else if (Array.isArray(data)) {
-    res = [];
-    data.forEach((e, i) => {
-      res[i] = deepClone(e);
-    });
-  } else if (typeof data === "object" && data !== null) {
-    res = {};
-    Object.keys(data).forEach((key) => {
-      if (Object.hasOwnProperty.call(data, key)) {
-        res[key] = deepClone(data[key]);
-      }
-    });
-  } else {
-    res = data;
-  }
-  return res;
-}
-const isUndefined = (value) => typeof value === "undefined";
-const isString = (value) => typeof value === "string";
-const isNumber = (value) => typeof value === "number";
-const isStringNumber = (value) => typeof value === "string" && !isNaN(Number(value));
-const isFunction = (value) => typeof value === "function";
-function addSuffix(value, suffix = "px") {
-  if (isNumber(value) || isStringNumber(value)) {
-    return value + suffix;
-  }
-  return value;
-}
-function getUrlWithRoomId(roomId) {
-  if (isWeChat) return "";
-  const currentUrl = window.location.href;
-  const urlObj = new URL(currentUrl);
-  const params = new URLSearchParams(urlObj.search);
-  if (params.has("roomId")) {
-    params.delete("roomId");
-  }
-  params.append("roomId", roomId);
-  return `${`${urlObj.origin + urlObj.pathname}#/home?${params.toString()}`}`;
-}
-function calculateByteLength(str) {
-  let byteLength = 0;
-  for (let i = 0; i < str.length; i++) {
-    const code = str.charCodeAt(i);
-    if (code <= 127) {
-      byteLength += 1;
-    } else if (code <= 2047) {
-      byteLength += 2;
-    } else if (code <= 65535) {
-      byteLength += 3;
-    } else {
-      byteLength += 4;
-    }
-  }
-  return byteLength;
+  return e;
 }
-function objectMerge(...args) {
-  return args.reduce((acc, cur) => {
-    Object.keys(cur).forEach((key) => {
-      if (acc[key] && typeof acc[key] === "object") {
-        acc[key] = objectMerge(acc[key], cur[key]);
-      } else {
-        acc[key] = cur[key];
-      }
-    });
-    return acc;
-  }, {});
+function p(...t) {
+  return t.reduce((e, n) => (Object.keys(n).forEach((o) => {
+    e[o] && typeof e[o] == "object" ? e[o] = p(e[o], n[o]) : e[o] = n[o];
+  }), e), {});
 }
-function convertSecondsToHMS(seconds) {
-  const hours = Math.floor(seconds / 3600);
-  const minutes = Math.floor(seconds % 3600 / 60);
-  const remainingSeconds = seconds % 60;
+function F(t) {
+  const e = Math.floor(t / 3600), n = Math.floor(t % 3600 / 60), o = t % 60;
   return {
-    hours,
-    minutes,
-    seconds: remainingSeconds
+    hours: e,
+    minutes: n,
+    seconds: o
   };
 }
-function getNanoId(size = 21) {
-  const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-  let id = "";
-  let i = size;
-  while (i) {
-    id += urlAlphabet[Math.random() * 64 | 0];
-    i = i - 1;
-  }
-  return id;
-}
-function findLastIndex(array, predicate, thisArg) {
-  const len = array.length >>> 0;
-  let k = len - 1;
-  while (k >= 0) {
-    const kValue = array[k];
-    if (predicate.call(thisArg, kValue, k, array)) {
-      return k;
-    }
-    k = k - 1;
+function R(t = 21) {
+  const e = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+  let n = "", o = t;
+  for (; o; )
+    n += e[Math.random() * 64 | 0], o = o - 1;
+  return n;
+}
+function A(t, e, n) {
+  let r = (t.length >>> 0) - 1;
+  for (; r >= 0; ) {
+    const s = t[r];
+    if (e.call(n, s, r, t))
+      return r;
+    r = r - 1;
   }
   return -1;
 }
-function formatTimestampToTime(timestamp, format = "MM-DD HH:mm") {
-  const date = new Date(timestamp);
-  const padStart = (value, length = 2) => value.toString().padStart(length, "0");
-  const replacements = {
-    YYYY: date.getFullYear().toString(),
-    YY: (date.getFullYear() % 100).toString().padStart(2, "0"),
-    MM: padStart(date.getMonth() + 1),
-    DD: padStart(date.getDate()),
-    HH: padStart(date.getHours()),
-    hh: padStart(date.getHours() % 12),
-    mm: padStart(date.getMinutes()),
-    ss: padStart(date.getSeconds()),
-    A: date.getHours() >= 12 ? "PM" : "AM"
-  };
-  return format.replace(/YYYY|YY|MM|DD|HH|hh|mm|ss|A/g, (match) => replacements[match]);
-}
-const combineComparators = (...comparators) => {
-  return (a, b) => {
-    for (const comparator of comparators) {
-      const result = comparator(a, b);
-      if (result !== 0) return result;
-    }
-    return 0;
+function C(t, e = "MM-DD HH:mm") {
+  const n = new Date(t), o = (s, f = 2) => s.toString().padStart(f, "0"), r = {
+    YYYY: n.getFullYear().toString(),
+    YY: (n.getFullYear() % 100).toString().padStart(2, "0"),
+    MM: o(n.getMonth() + 1),
+    DD: o(n.getDate()),
+    HH: o(n.getHours()),
+    hh: o(n.getHours() % 12),
+    mm: o(n.getMinutes()),
+    ss: o(n.getSeconds()),
+    A: n.getHours() >= 12 ? "PM" : "AM"
   };
-};
-const createComparator = (compareRules) => {
-  return (a, b) => {
-    if (compareRules(a, b) && compareRules(b, a)) {
-      return 0;
-    }
-    if (compareRules(a, b)) {
-      return -1;
-    }
-    if (compareRules(b, a)) {
-      return 1;
-    }
-    return 0;
-  };
-};
-function arrayIsEqual(arr1, arr2) {
-  if (arr1.length !== arr2.length) {
-    return false;
-  }
-  for (let i = 0; i < arr1.length; i++) {
-    if (typeof arr1[i] === "object" && typeof arr2[i] === "object" && arr1[i] !== null && arr2[i] !== null) {
-      if (!arrayIsEqual(arr1[i], arr2[i])) {
-        return false;
-      }
-    } else {
-      if (arr1[i] !== arr2[i]) {
-        return false;
-      }
-    }
-  }
-  return true;
+  return e.replace(/YYYY|YY|MM|DD|HH|hh|mm|ss|A/g, (s) => r[s]);
 }
-function safelyParse(data) {
-  if (typeof data !== "string") {
-    return data;
+const I = (...t) => (e, n) => {
+  for (const o of t) {
+    const r = o(e, n);
+    if (r !== 0) return r;
   }
-  let result;
+  return 0;
+}, N = (t) => (e, n) => t(e, n) && t(n, e) ? 0 : t(e, n) ? -1 : t(n, e) ? 1 : 0;
+function h(t, e) {
+  if (t.length !== e.length)
+    return !1;
+  for (let n = 0; n < t.length; n++)
+    if (typeof t[n] == "object" && typeof e[n] == "object" && t[n] !== null && e[n] !== null) {
+      if (!h(t[n], e[n]))
+        return !1;
+    } else if (t[n] !== e[n])
+      return !1;
+  return !0;
+}
+function T(t) {
+  if (typeof t != "string")
+    return t;
+  let e;
   try {
-    const tempData = JSON.parse(data);
-    if (typeof tempData === "object" && tempData) {
-      result = tempData;
-    } else {
-      result = data;
-    }
-  } catch (error) {
-    result = data;
+    const n = JSON.parse(t);
+    typeof n == "object" && n ? e = n : e = t;
+  } catch {
+    e = t;
   }
-  return result;
+  return e;
 }
 export {
-  addSuffix,
-  arrayIsEqual,
-  calculateByteLength,
-  combineComparators,
-  convertSecondsToHMS,
-  createComparator,
-  debounce,
-  deepClone,
-  exitFullScreen,
-  findLastIndex,
-  formatTimestampToTime,
-  getNanoId,
-  getUrlParam,
-  getUrlWithRoomId,
-  isFunction,
-  isNumber,
-  isString,
-  isStringNumber,
-  isUndefined,
-  objectMerge,
-  safelyParse,
-  setFullScreen,
-  throttle
+  j as addSuffix,
+  h as arrayIsEqual,
+  q as calculateByteLength,
+  I as combineComparators,
+  F as convertSecondsToHMS,
+  N as createComparator,
+  a as debounce,
+  i as deepClone,
+  w as exitFullScreen,
+  A as findLastIndex,
+  C as formatTimestampToTime,
+  R as getNanoId,
+  M as getUrlParam,
+  H as getUrlWithRoomId,
+  y as isFunction,
+  c as isNumber,
+  Y as isString,
+  l as isStringNumber,
+  d as isUndefined,
+  p as objectMerge,
+  T as safelyParse,
+  b as setFullScreen,
+  m as throttle
 };

package/dist/utils-DaB7eSu5.js

@@ -0,0 +1,48 @@
+import { g as E } from "./Teleport-CSEuZbpM.js";
+const m = "menu.itemSelect", x = ["Enter", " "], S = [
+  "ArrowDown",
+  "PageUp",
+  "Home"
+], T = [
+  "ArrowUp",
+  "PageDown",
+  "End"
+], L = [...S, ...T];
+function P(n) {
+  return n ? "open" : "closed";
+}
+function A(n) {
+  const t = E();
+  for (const e of n)
+    if (e === t || (e.focus(), E() !== t)) return;
+}
+function I(n, t) {
+  const { x: e, y: o } = n;
+  let r = !1;
+  for (let s = 0, c = t.length - 1; s < t.length; c = s++) {
+    const f = t[s].x, i = t[s].y, a = t[c].x, u = t[c].y;
+    i > o != u > o && e < (a - f) * (o - i) / (u - i) + f && (r = !r);
+  }
+  return r;
+}
+function Y(n, t) {
+  if (!t) return !1;
+  const e = {
+    x: n.clientX,
+    y: n.clientY
+  };
+  return I(e, t);
+}
+function d(n) {
+  return n.pointerType === "mouse";
+}
+export {
+  L as F,
+  m as I,
+  T as L,
+  x as S,
+  d as a,
+  A as f,
+  P as g,
+  Y as i
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tuikit-atomicx-vue3",
-  "version": "3.3.4",
+  "version": "3.4.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -31,6 +31,7 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "vite build",
+    "build:watch": "vite build --mode development -w",
     "lint": "eslint .",
     "check-chinese": "node scripts/check-chinese-simple.js",
     "check-chinese:src": "node scripts/check-chinese-simple.js directory src",
@@ -49,10 +50,10 @@
   },
   "peerDependencies": {
     "@tencentcloud/chat": "^3.5.8",
-    "@tencentcloud/chat-uikit-engine": "~2.5.1",
+    "@tencentcloud/chat-uikit-engine": "~2.5.6",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-js": "~3.3.3",
-    "@tencentcloud/uikit-base-component-vue3": "1.0.2",
+    "@tencentcloud/tuiroom-engine-js": "~3.4.0",
+    "@tencentcloud/uikit-base-component-vue3": "1.1.0",
     "vue": "^3.4.21"
   },
   "dependencies": {

package/src/chat/index.ts

@@ -18,6 +18,12 @@ import {
 import {
   MessageInput as MessageInputComponent,
   EmojiPicker as EmojiPickerComponent,
+  AttachmentPicker as AttachmentPickerComponent,
+  FilePicker as FilePickerComponent,
+  ImagePicker as ImagePickerComponent,
+  VideoPicker as VideoPickerComponent,
+  AudioCallPicker as AudioCallPickerComponent,
+  VideoCallPicker as VideoCallPickerComponent,
 } from '../components/MessageInput';
 import {
   MessageList as MessageListComponent,
@@ -69,6 +75,12 @@ const MessageList = MessageListComponent;
 const Message = MessageComponent;
 const MessageInput = MessageInputComponent;
 const EmojiPicker = EmojiPickerComponent;
+const AttachmentPicker = AttachmentPickerComponent;
+const FilePicker = FilePickerComponent;
+const ImagePicker = ImagePickerComponent;
+const VideoPicker = VideoPickerComponent;
+const AudioCallPicker = AudioCallPickerComponent;
+const VideoCallPicker = VideoCallPickerComponent;
 const ChatSetting = ChatSettingComponent;
 const View = ViewComponent;
 
@@ -105,6 +117,12 @@ export {
   Message,
   MessageInput,
   EmojiPicker,
+  AttachmentPicker,
+  FilePicker,
+  ImagePicker,
+  VideoPicker,
+  AudioCallPicker,
+  VideoCallPicker,
   ChatSetting,
   View,
   ContactList,

package/src/components/BarrageInput/TextEditor/Editor.scss

@@ -57,8 +57,8 @@
 
   .message-emoji {
     display: inline-block;
-    width: 20px;
-    height: 20px;
+    width: 26px;
+    height: 26px;
     user-select: text;
     pointer-events: none;
     vertical-align: middle;

package/src/components/BarrageList/Message/TextMessage/TextMessage.vue

@@ -228,7 +228,7 @@ const handleNickClick = (event: MouseEvent) => {
     }
 
     &__nick {
-      color: var(--uikit-color-theme-8);
+      color: var(--text-color-secondary);
       cursor: pointer;
     }
 

package/src/components/ChatSetting/ChatSetting.vue

@@ -20,7 +20,9 @@ const chatType = computed(() => activeConversation.value?.type);
     <!-- Group Chat Setting -->
     <GroupChatSetting v-else-if="chatType === TUIChatEngine.TYPES.CONV_GROUP" />
   </div>
-  <div v-else>没渲染</div>
+  <div v-else>
+    [null active conversation]
+  </div>
 </template>
 
 <style lang="scss" scoped>
@@ -30,9 +32,7 @@ const chatType = computed(() => activeConversation.value?.type);
   display: flex;
   flex-direction: column;
   overflow-y: auto;
-
   background-color: var(--bg-color-operate);
-  border-left: 1px solid var(--stroke-color-primary);
 
   @include mixins.scrollbar-hidden();
 }

package/src/components/ChatSetting/GroupChatSetting/GroupActions/GroupActions.vue

@@ -39,6 +39,7 @@
 
     <!-- Transfer Group Owner Dialog -->
     <TUIDialog
+      appendTo="body"
       :visible="isShowTransferDialog"
       :title="t('ChatSetting.transfer_group_owner')"
       :custom-classes="['user-picker-dialog']"
@@ -62,6 +63,7 @@
 
     <!-- Dismiss Group Dialog -->
     <TUIDialog
+      appendTo="body"
       :visible="isShowDismissDialog"
       :title="t('ChatSetting.dismiss_group')"
       @close="() => isShowDismissDialog = false"
@@ -71,6 +73,7 @@
 
     <!-- Quit Group Dialog -->
     <TUIDialog
+      appendTo="body"
       :visible="isShowQuitDialog"
       :title="t('ChatSetting.quit_group')"
       @close="() => isShowQuitDialog = false"

package/src/components/ChatSetting/GroupChatSetting/GroupChatSetting.vue

@@ -260,6 +260,7 @@ const userPickerDialogTitle = computed(() => {
       <PersonalSettings />
       <GroupActions />
       <TUIDialog
+        appendTo="body"
         :visible="isShowUserPickerDialog"
         :title="userPickerDialogTitle"
         :custom-classes="['user-picker-dialog']"

package/src/components/ChatSetting/GroupChatSetting/GroupManagement/GroupManagement.vue

@@ -63,6 +63,7 @@
 
     <!-- User Picker Dialog -->
     <TUIDialog
+      appendTo="body"
       :custom-classes="['user-picker-dialog']"
       :visible="isShowUserPickerDialog"
       :title="userPickerTitle"

package/src/components/CoGuestPanel/CoGuestPanel.vue

@@ -73,7 +73,8 @@
           <div class="user-list-title">
             <span class="user-list-title-text">{{ t('Current seat') }}</span>
             <span class="user-list-title-count">
-              {{ `(${userListInCoGuest.length}/${ seatList.length})` }}
+              {{ `(${userListInCoGuest.length})` }}
+              <!-- {{ `(${userListInCoGuest.length}/${ seatList.length})` }} -->
             </span>
           </div>
           <div class="user-list">