@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.2

package/lib/components/Chat/ChatKit/utils/lodash.d.ts

@@ -0,0 +1,17 @@
+interface IDebounceOptions {
+    leading?: boolean;
+    maxWait?: number;
+    trailing?: boolean;
+}
+type IThrottleOptions = IDebounceOptions;
+declare function throttle(func: any, wait: number, options?: IThrottleOptions): {
+    (): any;
+    cancel: () => void;
+    flush: () => any;
+};
+declare function debounce(func: any, wait: number, options?: IDebounceOptions): {
+    (): any;
+    cancel: () => void;
+    flush: () => any;
+};
+export { debounce, throttle, };

package/lib/components/Chat/ChatKit/utils/lodash.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const FUNC_ERROR_TEXT = "Expected a function";
+function throttle(func, wait, options) {
+  let leading = true, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  if (options && isObject(options)) {
+    leading = "leading" in options ? !!options.leading : leading;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  return debounce(func, wait, {
+    leading,
+    maxWait: wait,
+    trailing
+  });
+}
+function debounce(func, wait, options) {
+  let lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = wait || 0;
+  if (options && isObject(options)) {
+    leading = !!options.leading;
+    maxing = "maxWait" in options;
+    maxWait = maxing ? Math.max(options.maxWait || 0, wait) : maxWait;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    const args = lastArgs, thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    const timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+    return maxing ? Math.min(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  }
+  function shouldInvoke(time) {
+    const timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    const time = Date.now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(Date.now());
+  }
+  function debounced() {
+    const time = Date.now(), isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === void 0) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+function isObject(value) {
+  const type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+exports.debounce = debounce;
+exports.throttle = throttle;

package/lib/components/Chat/ChatKit/utils/type-check.d.ts

@@ -0,0 +1,12 @@
+export declare const isArray: (arg: any) => arg is any[];
+export declare const isMap: (val: any) => boolean;
+export declare const isSet: (val: any) => boolean;
+export declare const isDate: (val: any) => val is Date;
+export declare const isFunction: (val: any) => boolean;
+export declare const isString: (val: any) => val is string;
+export declare const isSymbol: (val: any) => val is symbol;
+export declare const isObject: (val: any) => boolean;
+export declare const isPromise: (val: any) => boolean;
+export declare const isUrl: (url: string) => boolean;
+export declare const isJSON: (str: string) => boolean;
+export declare const JSONToObject: (str: string) => any;

package/lib/components/Chat/ChatKit/utils/type-check.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isFunction = (val) => typeof val === "function";
+const isObject = (val) => val !== null && typeof val === "object";
+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") {
+    try {
+      const data = JSON.parse(str);
+      if (data) {
+        return true;
+      }
+      return false;
+    } catch (error) {
+      return false;
+    }
+  }
+  return false;
+};
+const JSONToObject = (str) => {
+  if (!str || !isJSON(str)) {
+    return str;
+  }
+  return JSON.parse(str);
+};
+exports.JSONToObject = JSONToObject;
+exports.isFunction = isFunction;
+exports.isJSON = isJSON;
+exports.isObject = isObject;
+exports.isUrl = isUrl;

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/index.vue.d.ts

@@ -0,0 +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<{}>>, {}, {}>;
+export default _default;

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

@@ -0,0 +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");
+;/* 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-70028817"]]);
+exports.default = Chat;

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

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const server = require("../ChatKit/server.js");
+require("../../../services/main.js");
+const roomService = require("../../../services/roomService.js");
+require("../../../locales/index.js");
+require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
+require("../../../utils/environment.js");
+const config = require("../ChatKit/components/TUIChat/config.js");
+const server$1 = require("../ChatKit/components/TUIChat/server.js");
+const index$1 = require("../MessageList/index.vue.js");
+const index$2 = require("../ChatEditor/index.vue.js");
+const basic = require("../../../stores/basic.js");
+const index = require("../ChatKit/components/TUIChat/index.vue.js");
+const _hoisted_1 = { class: "chat-container" };
+const _hoisted_2 = {
+  key: 1,
+  class: "chat-container-chat-scene"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const basicStore = basic.useBasicStore();
+    const defaultHideFeaturesButtons = [
+      "InputFace",
+      "InputVoice",
+      "InputEvaluation",
+      "InputQuickReplies",
+      "InputMention",
+      "QuoteMessage",
+      "ForwardMessage",
+      "TranslateMessage",
+      "VoiceToText",
+      "EmojiReaction",
+      "MultiSelection",
+      "MessageSearch",
+      "ReadStatus"
+    ];
+    const currentRoomId = `GROUP${basicStore.roomId}`;
+    const chatKitServer = new server.default();
+    chatKitServer.init();
+    new server$1.default();
+    TUIChatEngine.TUIConversationService.switchConversation(currentRoomId);
+    config.hideTUIChatFeatures(defaultHideFeaturesButtons);
+    roomService.roomService.setTheme(basicStore.defaultTheme);
+    roomService.roomService.setLanguage(basicStore.lang);
+    TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
+      currentConversationID: onCurrentConversationIDUpdate
+    });
+    function onCurrentConversationIDUpdate(currentConversationID) {
+      roomService.roomService.chatManager.setChatType(currentConversationID === currentRoomId);
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.unref(basicStore).scene !== "chat" ? (Vue.openBlock(), Vue.createBlock(index.default, { key: 0 })) : (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_2, [
+          Vue.createVNode(index$1.default),
+          Vue.createVNode(index$2.default)
+        ]))
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -28,6 +28,7 @@ require("../../../services/main.js");
 const roomService = require("../../../services/roomService.js");
 require("mitt");
 require("../../../services/manager/roomActionManager.js");
+require("@tencentcloud/tui-core");
 const environment = require("../../../utils/environment.js");
 const utils = require("../../../utils/utils.js");
 function useMemberControl(props) {
@@ -47,8 +48,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 +138,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 +181,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 +236,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 +262,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 +291,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 +317,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 +364,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 +413,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 +449,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,

package/lib/components/ManageMember/MemberInvite/MemberInvite.vue.d.ts

@@ -0,0 +1,16 @@
+import { UserInfo } from '../../../stores/room';
+
+interface Props {
+    userInfo: UserInfo;
+}
+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> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/components/ManageMember/MemberInvite/MemberInvite.vue.js

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