@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/es/utils/aegis/config.d.ts

@@ -9,4 +9,4 @@ declare const isUploadLoaded: boolean;
 declare const isUploadDetailEvent: boolean;
 declare const aegisId = "iHWefAYqooXkVQhcyK";
 declare const projectName = "TUIRoomKit-Electron";
-export { isUploadLoaded, isUploadDetailEvent, aegisId, projectName, };
+export { isUploadLoaded, isUploadDetailEvent, aegisId, projectName };

package/es/utils/common.d.ts

@@ -1,3 +1,4 @@
+type ThemeOption = 'LIGHT' | 'DARK';
 /**
  * Get Language
  * @returns language
@@ -8,3 +9,5 @@ export declare function getLanguage(): string;
  * @returns boolean
  */
 export declare function checkNumber(roomId: string): boolean;
+export declare function toTargetTheme(themeOption: ThemeOption): string;
+export {};

package/es/utils/common.mjs

@@ -1,14 +1,21 @@
 import { getUrlParam } from "./utils.mjs";
+const THEME = {
+  LIGHT: "white",
+  DARK: "black"
+};
 function getLanguage() {
-  let language = getUrlParam("lang") || localStorage.getItem("tuiRoom-language") || navigator.language || "zh";
+  const isWxMiniProgram = typeof wx !== "undefined" && wx.getSystemInfoSync;
+  let language = getUrlParam("lang") || localStorage.getItem("tuiRoom-language") || navigator.language || (isWxMiniProgram ? "zh-CN" : "en-US");
   language = language.replace(/_/, "-").toLowerCase();
-  if (language === "zh-cn" || language === "zh") {
-    language = "zh-CN";
-  } else if (language === "en" || language === "en-us" || language === "en-GB") {
-    language = "en-US";
-  }
+  const isZh = language.startsWith("zh");
+  language = isZh ? "zh-CN" : "en-US";
   return language;
 }
+function toTargetTheme(themeOption) {
+  const theme = themeOption === "DARK" ? THEME.DARK : THEME.LIGHT;
+  return theme;
+}
 export {
-  getLanguage
+  getLanguage,
+  toTargetTheme
 };

package/es/utils/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const isVue27: boolean;
 export declare const isVue3: boolean;
-export declare const isInnerScene: boolean;
+export declare const isInnerScene: any;

package/es/utils/constants.mjs

@@ -1,8 +1,8 @@
 import * as Vue from "vue";
-var define_import_meta_env_default = { BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
+const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false };
 const isVue27 = /^2\.7\.*/.test(Vue.version);
 const isVue3 = /^3\.*/.test(Vue.version);
-const isInnerScene = import.meta && define_import_meta_env_default && define_import_meta_env_default.VITE_RUNTIME_SCENE === "inner";
+const isInnerScene = import.meta && __vite_import_meta_env__ && false;
 export {
   isInnerScene,
   isVue27,

package/es/utils/domOperation.mjs

@@ -1,12 +1,11 @@
 import { isWeChat } from "./environment.mjs";
-const instanceMapping = /* @__PURE__ */ new Map();
 function getScrollInfo(selector, instanceName) {
-  if (!selector)
-    return Promise.reject(new Error(`getScrollInfo() get error selector ${typeof selector}.`));
   if (!isWeChat && window) {
-    const dom = typeof selector === "object" ? selector : document.querySelector(selector);
+    const dom = document.querySelector(selector);
     if (!dom)
-      return Promise.reject(new Error(`getScrollInfo() can't find ${selector} dom.`));
+      return Promise.reject(
+        new Error(`getScrollInfo() can't find ${selector} dom.`)
+      );
     return Promise.resolve({
       id: dom.id,
       scrollTop: dom.scrollTop,
@@ -16,21 +15,12 @@ function getScrollInfo(selector, instanceName) {
     });
   }
   if (isWeChat) {
-    if (!instanceName)
-      return Promise.reject(new Error("uni.getScrollInfo() need instanceName in params."));
-    const _query = uni.createSelectorQuery().in(instanceMapping.get(instanceName));
-    return new Promise((resolve, reject) => {
-      _query.select(selector).scrollOffset((data) => {
-        if (data) {
-          resolve(data);
-        }
-      }).exec();
-      setTimeout(() => reject(new Error(`uni.getScrollInfo(${selector}) timeout.`)), 500);
-    });
+    return Promise.reject(
+      new Error("uni.getScrollInfo() need instanceName in params.")
+    );
   }
   return Promise.reject(new Error("getScrollInfo() occur error"));
 }
 export {
-  getScrollInfo,
-  instanceMapping
+  getScrollInfo
 };

package/es/utils/environment.mjs

@@ -1,6 +1,6 @@
 var _a, _b;
 import { getPlatform } from "@tencentcloud/universal-api";
-getPlatform() === "pc";
+const isPC = getPlatform() === "pc";
 const isH5 = getPlatform() === "h5";
 const isWeChat = getPlatform() === "wechat";
 const isApp = getPlatform() === "app";
@@ -12,5 +12,6 @@ export {
   isElectron,
   isH5,
   isMobile,
+  isPC,
   isWeChat
 };

package/es/utils/utils.d.ts

@@ -45,12 +45,24 @@ export declare function getUrlParam(key: string): string | null;
  */
 export declare function deepClone(data: any): any;
 export { clipBoard } from './adapter';
-export declare const isUndefined: (value: any) => boolean;
-export declare const isString: (value: any) => boolean;
-export declare const isNumber: (value: any) => boolean;
+export declare const isUndefined: (value: any) => value is undefined;
+export declare const isString: (value: any) => value is string;
+export declare const isNumber: (value: any) => value is number;
 export declare const isStringNumber: (value: any) => boolean;
 export declare const isFunction: (value: any) => boolean;
-export declare function addSuffix(value: string | number, suffix?: string): string | number;
+export declare function addSuffix(value: string | number, suffix?: string): string;
 export declare function getUrlWithRoomId(roomId: string): string;
 export declare function calculateByteLength(str: string): number;
 export declare function objectMerge(...args: any[]): any;
+export declare function convertSecondsToHMS(seconds: number): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+/**
+ * Determine if the input string contains only numbers
+ * @param str data of any string
+ * @returns It returns true if it contains only numbers, otherwise it returns false.
+ */
+export declare function isDigitsOnly(str: string): boolean;
+export declare function getNanoId(size?: number): string;

package/es/utils/utils.mjs

@@ -1,11 +1,11 @@
-import "./environment.mjs";
+import { isWeChat } from "./environment.mjs";
 function debounce(fn, delay) {
   let timer;
   return function(...args) {
     if (timer > 0) {
       clearTimeout(timer);
     }
-    timer = window == null ? void 0 : window.setTimeout(() => {
+    timer = setTimeout(() => {
       fn.apply(this, args);
       timer = -1;
     }, delay);
@@ -87,6 +87,7 @@ function addSuffix(value, suffix = "px") {
   return value;
 }
 function getUrlWithRoomId(roomId) {
+  if (isWeChat) return "";
   const currentUrl = window.location.href;
   const urlObj = new URL(currentUrl);
   const params = new URLSearchParams(urlObj.search);
@@ -94,7 +95,7 @@ function getUrlWithRoomId(roomId) {
     params.delete("roomId");
   }
   params.append("roomId", roomId);
-  return `${urlObj.origin + urlObj.pathname + "#/home?" + params.toString()}`;
+  return `${`${urlObj.origin + urlObj.pathname}#/home?${params.toString()}`}`;
 }
 function calculateByteLength(str) {
   let byteLength = 0;
@@ -124,14 +125,41 @@ function objectMerge(...args) {
     return acc;
   }, {});
 }
+function convertSecondsToHMS(seconds) {
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  const remainingSeconds = seconds % 60;
+  return {
+    hours,
+    minutes,
+    seconds: remainingSeconds
+  };
+}
+function isDigitsOnly(str) {
+  const regex = /^\d+$/;
+  return regex.test(str);
+}
+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;
+}
 export {
   addSuffix,
   calculateByteLength,
+  convertSecondsToHMS,
   debounce,
   deepClone,
   exitFullScreen,
+  getNanoId,
   getUrlParam,
   getUrlWithRoomId,
+  isDigitsOnly,
   isFunction,
   isNumber,
   isStringNumber,

package/lib/components/Chat/ChatEditor/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/Chat/ChatEditor/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const ChatEditor = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-417e38fe"]]);
+const ChatEditor = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-b27110df"]]);
 exports.default = ChatEditor;

package/lib/components/Chat/ChatEditor/index.vue2.js

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     } = useChatEditor.default();
     return (_ctx, _cache) => {
       return Vue.openBlock(), Vue.createElementBlock("div", {
-        class: Vue.normalizeClass(["chat-editor", { "disable": Vue.unref(isMessageDisabled) }])
+        class: Vue.normalizeClass(["chat-editor", { disable: Vue.unref(isMessageDisabled) }])
       }, [
         Vue.createVNode(index.default, {
           class: "chat-emoji",

package/lib/components/Chat/EditorTools/index.vue.d.ts

@@ -1,6 +1,6 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "choose-emoji": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     "onChoose-emoji"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/lib/components/Chat/EditorTools/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const emoji = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-522fd19b"]]);
+const emoji = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-9a8a8a39"]]);
 exports.default = emoji;

package/lib/components/Chat/MessageList/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/Chat/MessageList/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const MessageList = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-1b057af9"]]);
+const MessageList = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-397f419c"]]);
 exports.default = MessageList;

package/lib/components/Chat/MessageList/index.vue2.js

@@ -41,8 +41,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     }
     Vue.watch(messageList, async (newMessageList, oldMessageList) => {
       var _a;
-      if (newMessageList.length === 0)
-        return;
+      if (newMessageList.length === 0) return;
       const lastMessage = newMessageList.slice(-1);
       const oldLastMessage = oldMessageList.slice(-1);
       const isSendByMe = lastMessage[0].flow === "out";

package/lib/components/Chat/MessageList/useMessageListHook.js

@@ -15,9 +15,13 @@ function useMessageList() {
   const basicStore = basic.useBasicStore();
   const { roomId } = pinia.storeToRefs(basicStore);
   const { messageList, isCompleted, nextReqMessageId } = pinia.storeToRefs(chatStore);
-  Vue.watch(isCompleted, (value) => {
-    isCompleted.value = value;
-  }, { immediate: true, deep: true });
+  Vue.watch(
+    isCompleted,
+    (value) => {
+      isCompleted.value = value;
+    },
+    { immediate: true, deep: true }
+  );
   async function handleGetHistoryMessageList() {
     var _a2;
     const tim2 = (_a2 = roomEngine.instance) == null ? void 0 : _a2.getTIM();
@@ -25,10 +29,20 @@ function useMessageList() {
       conversationID: `GROUP${roomId.value}`,
       nextReqMessageID: nextReqMessageId.value
     }));
-    const { nextReqMessageID: middleReqMessageId, messageList: historyMessageList, isCompleted: isCompleted2 } = imResponse.data;
+    const {
+      nextReqMessageID: middleReqMessageId,
+      messageList: historyMessageList,
+      isCompleted: isCompleted2
+    } = imResponse.data;
     messageList.value.splice(0, 0, ...historyMessageList);
-    const currentMessageList = messageList.value.filter((item) => item.type === "TIMTextElem");
-    chatStore.setMessageListInfo(currentMessageList, isCompleted2, middleReqMessageId);
+    const currentMessageList = messageList.value.filter(
+      (item) => item.type === "TIMTextElem"
+    );
+    chatStore.setMessageListInfo(
+      currentMessageList,
+      isCompleted2,
+      middleReqMessageId
+    );
   }
   async function getMessageList() {
     var _a2;
@@ -71,7 +85,12 @@ function useMessageList() {
       if (message.conversationID !== currentConversationId || message.type !== TUIRoomEngine.TencentCloudChat.TYPES.MSG_TEXT) {
         return;
       }
-      const { ID, payload: { text }, nick: userName, from: userId } = message;
+      const {
+        ID,
+        payload: { text },
+        nick: userName,
+        from: userId
+      } = message;
       chatStore.updateMessageList({
         ID,
         type: "TIMTextElem",
@@ -87,12 +106,17 @@ function useMessageList() {
   };
   async function setMessageListInfo() {
     const { currentMessageList, isCompleted: isCompleted2, nextReqMessageId: nextReqMessageId2 } = await getMessageList();
-    const filterCurrentMessageList = currentMessageList.filter((item) => item.type === "TIMTextElem");
-    chatStore.setMessageListInfo(filterCurrentMessageList, isCompleted2, nextReqMessageId2);
+    const filterCurrentMessageList = currentMessageList.filter(
+      (item) => item.type === "TIMTextElem"
+    );
+    chatStore.setMessageListInfo(
+      filterCurrentMessageList,
+      isCompleted2,
+      nextReqMessageId2
+    );
   }
   function getDisplaySenderName(index2) {
-    if (index2 === 0)
-      return true;
+    if (index2 === 0) return true;
     return messageList.value[index2].from !== messageList.value[index2 - 1].from;
   }
   let tim = (_a = roomEngine.instance) == null ? void 0 : _a.getTIM();

package/lib/components/Chat/MessageTypes/MessageText.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<Readonly<{
     data?: any;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<Readonly<{
     data?: any;
 }>>>, {
     readonly data?: any;

package/lib/components/Chat/MessageTypes/MessageText.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const MessageText_vue_vue_type_script_setup_true_lang = require("./MessageText.vue2.js");
-require("./MessageText.vue3.js");
+;/* empty css                  */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const MessageText = /* @__PURE__ */ _pluginVue_exportHelper.default(MessageText_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-2d009ef3"]]);
+const MessageText = /* @__PURE__ */ _pluginVue_exportHelper.default(MessageText_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-98238edd"]]);
 exports.default = MessageText;

package/lib/components/Chat/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/lib/components/Chat/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
-const Chat = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c0b1c904"]]);
+const Chat = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e93acf9d"]]);
 exports.default = Chat;

package/lib/components/Chat/util.d.ts

@@ -13,7 +13,7 @@ export declare const emojiMap: Record<string, string>;
 export declare const emojiList: string[];
 export declare function decodeMessageText(payload: string): {
     name: string;
-    text?: string | undefined;
-    src?: string | undefined;
+    text?: string;
+    src?: string;
 }[];
 export declare function decodeSendTextMsg(payload: string): string;

package/lib/components/ManageMember/MemberControl/index.vue.d.ts

@@ -4,7 +4,7 @@ interface Props {
     userInfo: UserInfo;
     showMemberControl: boolean;
 }
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/ManageMember/MemberControl/index.vue.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const index_vue_vue_type_script_setup_true_lang = require("./index.vue2.js");
-require("./index.vue3.js");
+;/* empty css            */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
-const MemberControl = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-978d269a"]]);
+const MemberControl = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-4a11b273"]]);
 exports.default = MemberControl;

package/lib/components/ManageMember/MemberControl/index.vue2.js

@@ -39,11 +39,14 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const moreBtnRef = Vue.ref();
     const operateListRef = Vue.ref();
     const showMoreControl = Vue.ref(false);
-    Vue.watch(() => props.showMemberControl, (val) => {
-      if (!val) {
-        showMoreControl.value = false;
+    Vue.watch(
+      () => props.showMemberControl,
+      (val) => {
+        if (!val) {
+          showMoreControl.value = false;
+        }
       }
-    });
+    );
     async function toggleClickMoreBtn() {
       if (showMoreControl.value) {
         showMoreControl.value = false;

package/lib/components/ManageMember/MemberControl/useMemberControlHooks.d.ts

@@ -1,5 +1,5 @@
-import { UserInfo } from '../../../stores/room';
 import { Ref } from 'vue';
+import { UserInfo } from '../../../stores/room';
 
 type ActionType = 'transferOwner' | 'kickUser' | 'changeUserNameCard' | '';
 export default function useMemberControl(props?: any): {

package/lib/components/ManageMember/MemberControl/useMemberControlHooks.js

@@ -47,8 +47,16 @@ function useMemberControl(props) {
     actionType: "",
     showInput: false
   });
-  const kickOffDialogContent = Vue.computed(() => t("whether to kick sb off the room", { name: roomService.roomService.getDisplayName(props.userInfo) }));
-  const transferOwnerTitle = Vue.computed(() => t("Transfer the roomOwner to sb", { name: roomService.roomService.getDisplayName(props.userInfo) }));
+  const kickOffDialogContent = Vue.computed(
+    () => t("whether to kick sb off the room", {
+      name: roomService.roomService.getDisplayName(props.userInfo)
+    })
+  );
+  const transferOwnerTitle = Vue.computed(
+    () => t("Transfer the roomOwner to sb", {
+      name: roomService.roomService.getDisplayName(props.userInfo)
+    })
+  );
   const {
     isFreeSpeakMode,
     isSpeakAfterTakingSeatMode,
@@ -129,7 +137,12 @@ function useMemberControl(props) {
   }));
   const videoControl = Vue.computed(() => {
     const videoControlTitle = props.userInfo.hasVideoStream ? t("Disable video") : t("Enable video");
-    return { key: "videoControl", icon: VideoOpenIcon.default, title: videoControlTitle, func: muteUserVideo };
+    return {
+      key: "videoControl",
+      icon: VideoOpenIcon.default,
+      title: videoControlTitle,
+      func: muteUserVideo
+    };
   });
   const chatControl = Vue.computed(() => ({
     key: "chatControl",
@@ -167,8 +180,18 @@ function useMemberControl(props) {
     title: t("Agree to the stage"),
     func: agreeUserOnStage
   }));
-  const denyOnStage = Vue.computed(() => ({ key: "denyOnStage", icon: DenyOnStageIcon.default, title: t("Refuse stage"), func: denyUserOnStage }));
-  const makeOffStage = Vue.computed(() => ({ key: "makeOffStage", icon: OffStageIcon.default, title: t("Step down"), func: kickUserOffStage }));
+  const denyOnStage = Vue.computed(() => ({
+    key: "denyOnStage",
+    icon: DenyOnStageIcon.default,
+    title: t("Refuse stage"),
+    func: denyUserOnStage
+  }));
+  const makeOffStage = Vue.computed(() => ({
+    key: "makeOffStage",
+    icon: OffStageIcon.default,
+    title: t("Step down"),
+    func: kickUserOffStage
+  }));
   const changeUserNameCard = Vue.computed(() => ({
     key: "changeUserNameCard",
     icon: EditNameCardIcon.default,
@@ -212,14 +235,19 @@ function useMemberControl(props) {
         device: TUIRoomEngine.TUIMediaDevice.kMicrophone,
         timeout: 0,
         requestCallback: (callbackInfo) => {
-          roomStore.setRequestUserOpenMic({ userId: userInfo.userId, isRequesting: false });
+          roomStore.setRequestUserOpenMic({
+            userId: userInfo.userId,
+            isRequesting: false
+          });
           const { requestCallbackType, code } = callbackInfo;
           switch (requestCallbackType) {
             case TUIRoomEngine.TUIRequestCallbackType.kRequestError:
               if (code === TUIRoomEngine.TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
                 Message.default({
                   type: "warning",
-                  message: t("This member has already received the same request, please try again later"),
+                  message: t(
+                    "This member has already received the same request, please try again later"
+                  ),
                   duration: message.MESSAGE_DURATION.NORMAL
                 });
               }
@@ -233,7 +261,11 @@ function useMemberControl(props) {
         duration: message.MESSAGE_DURATION.NORMAL
       });
       if (request && request.requestId) {
-        roomStore.setRequestUserOpenMic({ userId: userInfo.userId, isRequesting: true, requestId: request.requestId });
+        roomStore.setRequestUserOpenMic({
+          userId: userInfo.userId,
+          isRequesting: true,
+          requestId: request.requestId
+        });
       }
     }
   }
@@ -258,14 +290,19 @@ function useMemberControl(props) {
         device: TUIRoomEngine.TUIMediaDevice.kCamera,
         timeout: 0,
         requestCallback: (callbackInfo) => {
-          roomStore.setRequestUserOpenCamera({ userId: userInfo.userId, isRequesting: false });
+          roomStore.setRequestUserOpenCamera({
+            userId: userInfo.userId,
+            isRequesting: false
+          });
           const { requestCallbackType, code } = callbackInfo;
           switch (requestCallbackType) {
             case TUIRoomEngine.TUIRequestCallbackType.kRequestError:
               if (code === TUIRoomEngine.TUIErrorCode.ERR_REQUEST_ID_REPEAT) {
                 Message.default({
                   type: "warning",
-                  message: t("This member has already received the same request, please try again later"),
+                  message: t(
+                    "This member has already received the same request, please try again later"
+                  ),
                   duration: message.MESSAGE_DURATION.NORMAL
                 });
               }
@@ -279,7 +316,11 @@ function useMemberControl(props) {
         duration: message.MESSAGE_DURATION.NORMAL
       });
       if (request && request.requestId) {
-        roomStore.setRequestUserOpenCamera({ userId: userInfo.userId, isRequesting: true, requestId: request.requestId });
+        roomStore.setRequestUserOpenCamera({
+          userId: userInfo.userId,
+          isRequesting: true,
+          requestId: request.requestId
+        });
       }
     }
   }
@@ -322,7 +363,9 @@ function useMemberControl(props) {
         roomStore.setMasterUserId(userInfo.userId);
         Message.default({
           type: "success",
-          message: t("The room owner has been transferred to sb", { name: roomService.roomService.getDisplayName(userInfo) }),
+          message: t("The room owner has been transferred to sb", {
+            name: roomService.roomService.getDisplayName(userInfo)
+          }),
           duration: message.MESSAGE_DURATION.NORMAL
         });
       } catch (error) {
@@ -369,7 +412,9 @@ function useMemberControl(props) {
         isDialogVisible.value = true;
         dialogData.value = {
           title: transferOwnerTitle.value,
-          content: t("After transfer the room owner, you will become a general user"),
+          content: t(
+            "After transfer the room owner, you will become a general user"
+          ),
           confirmText: t("Confirm transfer"),
           actionType: action,
           showInput: false
@@ -403,8 +448,7 @@ function useMemberControl(props) {
   };
   async function handleChangeUserNameCard(userInfo) {
     var _a;
-    if (!nameCardCheck())
-      return;
+    if (!nameCardCheck()) return;
     try {
       await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserNameCard({
         userId: userInfo.userId,