npm - @tencentcloud/roomkit-electron-vue3 - Versions diffs - 2.4.2 → 2.6.0 - Mend

@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1492) hide show

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

@@ -4,15 +4,15 @@ const Vue = require("vue");
 const index = require("../../../locales/index.js");
 const Button = require("../../common/base/Button.vue.js");
 const index$1 = require("../../common/base/Dialog/index.vue.js");
+const index$2 = require("../../common/base/Input/index.vue.js");
 const SvgIcon = require("../../common/base/SvgIcon.vue.js");
 const ArrowUpIcon = require("../../common/icons/ArrowUpIcon.vue.js");
 const useMemberControlHooks = require("./useMemberControlHooks.js");
-const _hoisted_1 = {
-  key: 0,
-  class: "member-control-container"
-};
+const useMemberItemHooks = require("../MemberItem/useMemberItemHooks.js");
+const _hoisted_1 = { class: "member-control-container" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = { class: "operate-text" };
+const _hoisted_4 = { class: "dialog-content" };
 const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
   __name: "index",
   props: {
@@ -24,23 +24,29 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
     const { t } = index.useI18n();
     const {
       controlList,
-      isGeneralUser,
       handleCancelDialog,
       handleAction,
       isDialogVisible,
-      dialogData
+      dialogData,
+      tempUserName
     } = useMemberControlHooks.default(props);
+    const { isCanOperateMySelf } = useMemberItemHooks.default(props.userInfo);
     const singleControl = Vue.computed(() => controlList.value[0]);
-    const moreControlList = Vue.computed(() => controlList.value.slice(1));
+    const moreControlList = Vue.computed(() => {
+      return isCanOperateMySelf ? controlList.value : controlList.value.slice(1);
+    });
     const dropdownClass = Vue.ref("down");
     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;
@@ -75,17 +81,21 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return !Vue.unref(isGeneralUser) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
-        Vue.createVNode(Button.default, {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        !Vue.unref(isCanOperateMySelf) ? (Vue.openBlock(), Vue.createBlock(Button.default, {
+          key: 0,
           class: "button",
           size: "default",
           onClick: _cache[0] || (_cache[0] = ($event) => singleControl.value.func(props.userInfo))
         }, {
-          default: Vue.withCtx(() => [
-            Vue.createTextVNode(Vue.toDisplayString(singleControl.value.title), 1)
-          ]),
+          default: Vue.withCtx(() => {
+            var _a;
+            return [
+              Vue.createTextVNode(Vue.toDisplayString((_a = singleControl.value) == null ? void 0 : _a.title), 1)
+            ];
+          }),
           _: 1
-        }),
+        })) : Vue.createCommentVNode("", true),
         Vue.createElementVNode("div", {
           ref_key: "moreBtnRef",
           ref: moreBtnRef,
@@ -130,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
         ], 512),
         Vue.createVNode(index$1.default, {
           modelValue: Vue.unref(isDialogVisible),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => Vue.isRef(isDialogVisible) ? isDialogVisible.value = $event : null),
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => Vue.isRef(isDialogVisible) ? isDialogVisible.value = $event : null),
           title: Vue.unref(dialogData).title,
           modal: true,
           width: "480px",
@@ -141,13 +151,14 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
           footer: Vue.withCtx(() => [
             Vue.createVNode(Button.default, {
               size: "default",
-              onClick: _cache[1] || (_cache[1] = ($event) => Vue.unref(handleAction)(props.userInfo))
+              onClick: _cache[2] || (_cache[2] = ($event) => Vue.unref(handleAction)(props.userInfo)),
+              disabled: Vue.unref(tempUserName).length === 0
             }, {
               default: Vue.withCtx(() => [
                 Vue.createTextVNode(Vue.toDisplayString(Vue.unref(dialogData).confirmText), 1)
               ]),
               _: 1
-            }),
+            }, 8, ["disabled"]),
             Vue.createVNode(Button.default, {
               class: "cancel",
               size: "default",
@@ -161,11 +172,20 @@ const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
             }, 8, ["onClick"])
           ]),
           default: Vue.withCtx(() => [
-            Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(dialogData).content), 1)
+            Vue.createElementVNode("div", _hoisted_4, [
+              Vue.createElementVNode("span", null, Vue.toDisplayString(Vue.unref(dialogData).content), 1),
+              Vue.unref(dialogData).showInput ? (Vue.openBlock(), Vue.createBlock(index$2.default, {
+                key: 0,
+                modelValue: Vue.unref(tempUserName),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => Vue.isRef(tempUserName) ? tempUserName.value = $event : null),
+                class: "dialog-input",
+                placeholder: Vue.unref(t)("Please input user name")
+              }, null, 8, ["modelValue", "placeholder"])) : Vue.createCommentVNode("", true)
+            ])
           ]),
           _: 1
         }, 8, ["modelValue", "title", "before-close"])
-      ])) : Vue.createCommentVNode("", true);
+      ]);
     };
   }
 });

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

@@ -1,7 +1,7 @@
-import { UserInfo } from '../../../stores/room';
 import { Ref } from 'vue';
+import { UserInfo } from '../../../stores/room';
-type ActionType = 'transferOwner' | 'kickUser' | '';
+type ActionType = 'transferOwner' | 'kickUser' | 'changeUserNameCard' | '';
 export default function useMemberControl(props?: any): {
     props: any;
     isMe: import('vue').ComputedRef<boolean>;
@@ -16,6 +16,11 @@ export default function useMemberControl(props?: any): {
         content: string;
         confirmText: string;
         actionType: ActionType;
+        showInput: boolean;
     }>;
+    tempUserName: Ref<any>;
+    isShowInput: Ref<boolean>;
+    editorInputEle: Ref<any>;
+    editorInputEleContainer: Ref<any>;
 };
 export {};

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

@@ -18,23 +18,45 @@ const OffStageIcon = require("../../common/icons/OffStageIcon.vue.js");
 const TransferOwnerIcon = require("../../common/icons/TransferOwnerIcon.vue.js");
 const SetAdminIcon = require("../../common/icons/SetAdminIcon.vue.js");
 const RevokeAdminIcon = require("../../common/icons/RevokeAdminIcon.vue.js");
+const EditNameCardIcon = require("../../common/icons/EditNameCardIcon.vue.js");
 const pinia = require("pinia");
 const Message = require("../../common/base/Message/Message.js");
 const message = require("../../../constants/message.js");
+const useMitt = require("../../../hooks/useMitt.js");
+const useMemberItemHooks = require("../MemberItem/useMemberItemHooks.js");
+require("../../../services/main.js");
+const roomService = require("../../../services/roomService.js");
+require("mitt");
+require("../../../services/manager/roomActionManager.js");
+const environment = require("../../../utils/environment.js");
+const utils = require("../../../utils/utils.js");
 function useMemberControl(props) {
   const roomEngine = useRoomEngine.default();
   const { t } = index.useI18n();
   const basicStore = basic.useBasicStore();
   const roomStore = room.useRoomStore();
   const isDialogVisible = Vue.ref(false);
+  const isShowInput = Vue.ref(false);
+  const editorInputEle = Vue.ref();
+  const editorInputEleContainer = Vue.ref();
+  const tempUserName = Vue.ref(props.userInfo.nameCard || props.userInfo.userName);
   const dialogData = Vue.ref({
     title: "",
     content: "",
     confirmText: "",
-    actionType: ""
+    actionType: "",
+    showInput: false
   });
-  const kickOffDialogContent = Vue.computed(() => t("whether to kick sb off the room", { name: props.userInfo.userName || props.userInfo.userId }));
-  const transferOwnerTitle = Vue.computed(() => t("Transfer the roomOwner to sb", { name: props.userInfo.userName || props.userInfo.userId }));
+  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,
@@ -50,10 +72,14 @@ function useMemberControl(props) {
     cancelInviteUserOnStage,
     kickUserOffStage
   } = useMasterApplyControl.default();
+  const { isCanOperateMySelf } = useMemberItemHooks.default(props.userInfo);
   const isMe = Vue.computed(() => basicStore.userId === props.userInfo.userId);
   const isTargetUserAnchor = Vue.computed(() => props.userInfo.onSeat === true);
   const isTargetUserAudience = Vue.computed(() => props.userInfo.onSeat !== true);
   const controlList = Vue.computed(() => {
+    if (isCanOperateMySelf.value) {
+      return [changeUserNameCard.value];
+    }
     const agreeOrDenyStageList = props.userInfo.isUserApplyingToAnchor ? [agreeOnStage.value, denyOnStage.value] : [];
     const inviteStageList = isTargetUserAudience.value && !props.userInfo.isUserApplyingToAnchor ? [inviteOnStage.value] : [];
     const onStageControlList = isTargetUserAnchor.value ? [audioControl.value, videoControl.value, makeOffStage.value] : [];
@@ -65,12 +91,14 @@ function useMemberControl(props) {
           chatControl.value,
           setOrRevokeAdmin.value,
           transferOwner.value,
-          kickUser.value
+          kickUser.value,
+          changeUserNameCard.value
         ],
         [TUIRoomEngine.TUIRole.kAdministrator]: [
           audioControl.value,
           videoControl.value,
-          chatControl.value
+          chatControl.value,
+          changeUserNameCard.value
         ]
       },
       speakAfterTakeSeat: {
@@ -81,13 +109,15 @@ function useMemberControl(props) {
           setOrRevokeAdmin.value,
           transferOwner.value,
           chatControl.value,
-          kickUser.value
+          kickUser.value,
+          changeUserNameCard.value
         ],
         [TUIRoomEngine.TUIRole.kAdministrator]: [
           ...inviteStageList,
           ...onStageControlList,
           ...agreeOrDenyStageList,
-          chatControl.value
+          chatControl.value,
+          changeUserNameCard.value
         ]
       }
     };
@@ -107,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",
@@ -145,8 +180,24 @@ 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,
+    title: t("change name"),
+    func: () => handleOpenDialog("changeUserNameCard")
+  }));
   async function toggleInviteUserOnStage(userInfo) {
     const { isInvitingUserToAnchor } = userInfo;
     if (isInvitingUserToAnchor) {
@@ -174,7 +225,7 @@ function useMemberControl(props) {
       if (userInfo.isRequestingUserOpenMic) {
         Message.default({
           type: "info",
-          message: `${t("An invitation to open the microphone has been sent to sb.", { name: userInfo.userName || userInfo.userId })}`,
+          message: `${t("An invitation to open the microphone has been sent to sb.", { name: roomService.roomService.getDisplayName(userInfo) })}`,
           duration: message.MESSAGE_DURATION.NORMAL
         });
         return;
@@ -184,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
                 });
               }
@@ -201,11 +257,15 @@ function useMemberControl(props) {
       }));
       Message.default({
         type: "info",
-        message: `${t("An invitation to open the microphone has been sent to sb.", { name: userInfo.userName || userInfo.userId })}`,
+        message: `${t("An invitation to open the microphone has been sent to sb.", { name: roomService.roomService.getDisplayName(userInfo) })}`,
         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
+        });
       }
     }
   }
@@ -220,7 +280,7 @@ function useMemberControl(props) {
       if (userInfo.isRequestingUserOpenCamera) {
         Message.default({
           type: "info",
-          message: `${t("An invitation to open the camera has been sent to sb.", { name: userInfo.userName || userInfo.userId })}`,
+          message: `${t("An invitation to open the camera has been sent to sb.", { name: roomService.roomService.getDisplayName(userInfo) })}`,
           duration: message.MESSAGE_DURATION.NORMAL
         });
         return;
@@ -230,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
                 });
               }
@@ -247,11 +312,15 @@ function useMemberControl(props) {
       }));
       Message.default({
         type: "info",
-        message: `${t("An invitation to open the camera has been sent to sb.", { name: userInfo.userName || userInfo.userId })}`,
+        message: `${t("An invitation to open the camera has been sent to sb.", { name: roomService.roomService.getDisplayName(userInfo) })}`,
         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
+        });
       }
     }
   }
@@ -277,12 +346,16 @@ function useMemberControl(props) {
     await ((_a = roomEngine.instance) == null ? void 0 : _a.kickRemoteUserOutOfRoom({
       userId: userInfo.userId
     }));
+    roomStore.removeRemoteUser(userInfo.userId);
   }
   async function handleTransferOwner(userInfo) {
     var _a, _b;
     const roomInfo = await ((_a = roomEngine.instance) == null ? void 0 : _a.fetchRoomInfo());
     if ((roomInfo == null ? void 0 : roomInfo.roomOwner) === roomStore.localUser.userId) {
       try {
+        if (roomStore.localUser.hasScreenStream) {
+          useMitt.default.emit("ScreenShare:stopScreenShare");
+        }
         await ((_b = roomEngine.instance) == null ? void 0 : _b.changeUserRole({
           userId: userInfo.userId,
           userRole: TUIRoomEngine.TUIRole.kRoomOwner
@@ -290,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: userInfo.userName || userInfo.userId }),
+          message: t("The room owner has been transferred to sb", {
+            name: roomService.roomService.getDisplayName(userInfo)
+          }),
           duration: message.MESSAGE_DURATION.NORMAL
         });
       } catch (error) {
@@ -303,7 +378,7 @@ function useMemberControl(props) {
     }
   }
   async function handleSetOrRevokeAdmin(userInfo) {
-    var _a;
+    var _a, _b;
     const newRole = userInfo.userRole === TUIRoomEngine.TUIRole.kGeneralUser ? TUIRoomEngine.TUIRole.kAdministrator : TUIRoomEngine.TUIRole.kGeneralUser;
     await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserRole({
       userId: userInfo.userId,
@@ -313,28 +388,85 @@ function useMemberControl(props) {
     const tipMessage = newRole === TUIRoomEngine.TUIRole.kAdministrator ? `${t("sb has been set as administrator", { name: updatedUserName })}` : `${t("The administrator status of sb has been withdrawn", { name: updatedUserName })}`;
     Message.default({ type: "success", message: tipMessage });
     roomStore.setRemoteUserRole(userInfo.userId, newRole);
+    if (newRole === TUIRoomEngine.TUIRole.kGeneralUser && userInfo.hasScreenStream) {
+      await ((_b = roomEngine.instance) == null ? void 0 : _b.closeRemoteDeviceByAdmin({
+        userId: userInfo.userId,
+        device: TUIRoomEngine.TUIMediaDevice.kScreen
+      }));
+    }
   }
   function handleOpenDialog(action) {
-    isDialogVisible.value = true;
+    var _a;
     switch (action) {
       case "kickUser":
+        isDialogVisible.value = true;
         dialogData.value = {
           title: t("Note"),
           content: kickOffDialogContent.value,
           confirmText: t("Confirm"),
-          actionType: action
+          actionType: action,
+          showInput: false
         };
         break;
       case "transferOwner":
+        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
+          actionType: action,
+          showInput: false
+        };
+        break;
+      case "changeUserNameCard":
+        if (environment.isMobile) {
+          isShowInput.value = true;
+          (_a = document == null ? void 0 : document.body) == null ? void 0 : _a.appendChild(editorInputEleContainer.value);
+        } else {
+          isDialogVisible.value = true;
+        }
+        dialogData.value = {
+          title: t("change name"),
+          content: "",
+          confirmText: t("Confirm"),
+          actionType: action,
+          showInput: true
         };
         break;
     }
   }
+  const nameCardCheck = () => {
+    const result = utils.calculateByteLength(tempUserName.value) <= 32;
+    !result && Message.default({
+      type: "warning",
+      message: t("The user name cannot exceed 32 characters"),
+      duration: message.MESSAGE_DURATION.NORMAL
+    });
+    return result;
+  };
+  async function handleChangeUserNameCard(userInfo) {
+    var _a;
+    if (!nameCardCheck()) return;
+    try {
+      await ((_a = roomEngine.instance) == null ? void 0 : _a.changeUserNameCard({
+        userId: userInfo.userId,
+        nameCard: tempUserName.value
+      }));
+      Message.default({
+        type: "success",
+        message: t("Name changed successfully"),
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+    } catch (error) {
+      Message.default({
+        type: "error",
+        message: t("change name failed, please try again."),
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+    }
+  }
   function handleAction(userInfo) {
     switch (dialogData.value.actionType) {
       case "kickUser":
@@ -343,10 +475,14 @@ function useMemberControl(props) {
       case "transferOwner":
         handleTransferOwner(userInfo);
         break;
+      case "changeUserNameCard":
+        handleChangeUserNameCard(userInfo);
+        isShowInput.value = false;
     }
     isDialogVisible.value = false;
   }
   function handleCancelDialog() {
+    tempUserName.value = props.userInfo.nameCard || props.userInfo.userName;
     isDialogVisible.value = false;
   }
   return {
@@ -358,7 +494,11 @@ function useMemberControl(props) {
     handleCancelDialog,
     handleAction,
     isDialogVisible,
-    dialogData
+    dialogData,
+    tempUserName,
+    isShowInput,
+    editorInputEle,
+    editorInputEleContainer
   };
 }
 exports.default = useMemberControl;

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

@@ -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 ADDED Viewed

@@ -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;

package/lib/components/ManageMember/MemberInvite/MemberInvite.vue2.js ADDED Viewed

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const Avatar = require("../../common/Avatar.vue.js");
+const Button = require("../../common/base/Button.vue.js");
+const index = require("../../../locales/index.js");
+require("../../../services/main.js");
+const roomService = require("../../../services/roomService.js");
+const TUIRoomEngine = require("@tencentcloud/tuiroom-engine-electron");
+require("mitt");
+require("../../../services/manager/roomActionManager.js");
+const Message = require("../../common/base/Message/Message.js");
+const message = require("../../../constants/message.js");
+const _hoisted_1 = { class: "member-invite-container" };
+const _hoisted_2 = { class: "member-invite-item" };
+const _hoisted_3 = { class: "user-name" };
+const _hoisted_4 = {
+  key: 0,
+  class: "member-invite-reject"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "member-invite-calling"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "MemberInvite",
+  props: {
+    userInfo: {}
+  },
+  setup(__props) {
+    const { t } = index.useI18n();
+    const showReject = Vue.ref(false);
+    const handleInvite = () => {
+      roomService.roomService.conferenceInvitationManager.inviteUsers({
+        userIdList: [props.userInfo.userId]
+      });
+      Message.default({
+        type: "success",
+        message: t("Invitation sent, waiting for members to join."),
+        duration: message.MESSAGE_DURATION.NORMAL
+      });
+    };
+    const props = __props;
+    Vue.watch(props.userInfo, (val) => {
+      if (val.status === TUIRoomEngine.TUIInvitationStatus.kRejected) {
+        showReject.value = true;
+        setTimeout(() => {
+          showReject.value = false;
+        }, 3e3);
+      }
+    });
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+        Vue.createElementVNode("div", _hoisted_2, [
+          Vue.createVNode(Avatar.default, {
+            class: "avatar-url",
+            "img-src": _ctx.userInfo.avatarUrl
+          }, null, 8, ["img-src"]),
+          Vue.createElementVNode("div", _hoisted_3, Vue.toDisplayString(_ctx.userInfo.userId || _ctx.userInfo.userName), 1)
+        ]),
+        showReject.value ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_4, Vue.toDisplayString(Vue.unref(t)("Not joining for now")), 1)) : Vue.createCommentVNode("", true),
+        _ctx.userInfo.status === Vue.unref(TUIRoomEngine.TUIInvitationStatus).kPending ? (Vue.openBlock(), Vue.createElementBlock("span", _hoisted_5, Vue.toDisplayString(Vue.unref(t)("Calling...")), 1)) : (Vue.openBlock(), Vue.createBlock(Button.default, {
+          key: 2,
+          class: "button",
+          size: "default",
+          onClick: handleInvite
+        }, {
+          default: Vue.withCtx(() => [
+            Vue.createTextVNode(Vue.toDisplayString(Vue.unref(t)("Call")), 1)
+          ]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/ManageMember/MemberItem/index.vue.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import { UserInfo } from '../../../stores/room';
+import { USERS_STATUS } from '../../../constants/room';
 interface Props {
     userInfo: UserInfo;
+    userCurrentStatus: USERS_STATUS;
 }
-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/MemberItem/index.vue.js CHANGED Viewed

@@ -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 MemberItem = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ca3f9dba"]]);
+const MemberItem = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-12f08077"]]);
 exports.default = MemberItem;