@tencentcloud/roomkit-electron-vue3 2.4.2 → 2.6.0

package/es/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/es/components/Chat/ChatEditor/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const ChatEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-417e38fe"]]);
+const ChatEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b27110df"]]);
 export {
   ChatEditor as default
 };

package/es/components/Chat/ChatEditor/index.vue2.mjs

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

package/es/components/Chat/ChatEditor/useChatEditor.mjs

@@ -51,7 +51,7 @@ function useChatEditor() {
         payload: {
           text: result
         },
-        nick: roomStore.localUser.userName || roomStore.localUser.userId,
+        nick: roomStore.localUser.nameCard || roomStore.localUser.userName || roomStore.localUser.userId,
         from: roomStore.localUser.userId,
         flow: "out",
         sequence: Math.random()

package/es/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/es/components/Chat/EditorTools/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const emoji = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-522fd19b"]]);
+const emoji = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9a8a8a39"]]);
 export {
   emoji as default
 };

package/es/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/es/components/Chat/MessageList/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-277e0346"]]);
+const MessageList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-397f419c"]]);
 export {
   MessageList as default
 };

package/es/components/Chat/MessageList/index.vue2.mjs

@@ -1,15 +1,19 @@
 import { defineComponent, ref, watch, nextTick, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, createVNode } from "vue";
+import { storeToRefs } from "pinia";
 import MessageText from "../MessageTypes/MessageText.vue.mjs";
 import { isMobile } from "../../../utils/environment.mjs";
 import useMessageList from "./useMessageListHook.mjs";
 import { getScrollInfo } from "../../../utils/domOperation.mjs";
 import { throttle } from "../../../utils/utils.mjs";
+import { useRoomStore } from "../../../stores/room.mjs";
 const _hoisted_1 = ["title"];
 const _hoisted_2 = { class: "message-body" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
     const messageListRef = ref();
+    const roomStore = useRoomStore();
+    const { getDisplayName } = storeToRefs(roomStore);
     const {
       messageList,
       setMessageListInfo,
@@ -35,8 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     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";
@@ -80,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: "message-header",
                 title: item.nick || item.from
-              }, toDisplayString(item.nick || item.from), 9, _hoisted_1)) : createCommentVNode("", true),
+              }, toDisplayString(unref(getDisplayName)(item.from)), 9, _hoisted_1)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_2, [
                 createVNode(MessageText, {
                   data: item.payload.text

package/es/components/Chat/MessageList/useMessageListHook.mjs

@@ -3,7 +3,7 @@ import { storeToRefs } from "pinia";
 import { useChatStore } from "../../../stores/chat.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
 import { useI18n } from "../../../locales/index.mjs";
-import TUIRoomEngine, { TencentCloudChat } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TencentCloudChat } from "@tencentcloud/tuiroom-engine-electron";
 import useGetRoomEngine from "../../../hooks/useRoomEngine.mjs";
 function useMessageList() {
   var _a;
@@ -13,9 +13,13 @@ function useMessageList() {
   const basicStore = useBasicStore();
   const { roomId } = storeToRefs(basicStore);
   const { messageList, isCompleted, nextReqMessageId } = storeToRefs(chatStore);
-  watch(isCompleted, (value) => {
-    isCompleted.value = value;
-  }, { immediate: true, deep: true });
+  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();
@@ -23,10 +27,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;
@@ -64,11 +78,17 @@ function useMessageList() {
     if (!options || !options.data) {
       return;
     }
+    const currentConversationId = `GROUP${roomId.value}`;
     options.data.forEach((message) => {
-      if (message.type !== TencentCloudChat.TYPES.MSG_TEXT) {
+      if (message.conversationID !== currentConversationId || message.type !== 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",
@@ -84,19 +104,24 @@ 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(index) {
-    if (index === 0)
-      return true;
+    if (index === 0) return true;
     return messageList.value[index].from !== messageList.value[index - 1].from;
   }
   let tim = (_a = roomEngine.instance) == null ? void 0 : _a.getTIM();
   if (!tim) {
     tim = TencentCloudChat.create({ SDKAppID: basicStore.sdkAppId });
   }
-  TUIRoomEngine.once("ready", () => {
+  TUIRoomEngine__default.once("ready", () => {
     tim == null ? void 0 : tim.on(TencentCloudChat.EVENT.MESSAGE_RECEIVED, onReceiveMessage);
   });
   onUnmounted(() => {

package/es/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/es/components/Chat/MessageTypes/MessageText.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MessageText.vue2.mjs";
-import "./MessageText.vue3.mjs";
+/* empty css                  */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MessageText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d009ef3"]]);
+const MessageText = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-98238edd"]]);
 export {
   MessageText as default
 };

package/es/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/es/components/Chat/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0b1c904"]]);
+const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e93acf9d"]]);
 export {
   Chat as default
 };

package/es/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/es/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/es/components/ManageMember/MemberControl/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4309b988"]]);
+const MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a11b273"]]);
 export {
   MemberControl as default
 };

package/es/components/ManageMember/MemberControl/index.vue2.mjs

@@ -1,16 +1,16 @@
-import { defineComponent, computed, ref, watch, unref, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, createCommentVNode, nextTick } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createVNode, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, nextTick } from "vue";
 import { useI18n } from "../../../locales/index.mjs";
 import TuiButton from "../../common/base/Button.vue.mjs";
 import Dialog from "../../common/base/Dialog/index.vue.mjs";
+import TuiInput from "../../common/base/Input/index.vue.mjs";
 import SvgIcon from "../../common/base/SvgIcon.vue.mjs";
 import ArrowUpIcon from "../../common/icons/ArrowUpIcon.vue.mjs";
 import useMemberControl from "./useMemberControlHooks.mjs";
-const _hoisted_1 = {
-  key: 0,
-  class: "member-control-container"
-};
+import useMemberItem from "../MemberItem/useMemberItemHooks.mjs";
+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__ */ defineComponent({
   __name: "index",
   props: {
@@ -22,23 +22,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { t } = useI18n();
     const {
       controlList,
-      isGeneralUser,
       handleCancelDialog,
       handleAction,
       isDialogVisible,
-      dialogData
+      dialogData,
+      tempUserName
     } = useMemberControl(props);
+    const { isCanOperateMySelf } = useMemberItem(props.userInfo);
     const singleControl = computed(() => controlList.value[0]);
-    const moreControlList = computed(() => controlList.value.slice(1));
+    const moreControlList = computed(() => {
+      return isCanOperateMySelf ? controlList.value : controlList.value.slice(1);
+    });
     const dropdownClass = ref("down");
     const moreBtnRef = ref();
     const operateListRef = ref();
     const showMoreControl = ref(false);
-    watch(() => props.showMemberControl, (val) => {
-      if (!val) {
-        showMoreControl.value = false;
+    watch(
+      () => props.showMemberControl,
+      (val) => {
+        if (!val) {
+          showMoreControl.value = false;
+        }
       }
-    });
+    );
     async function toggleClickMoreBtn() {
       if (showMoreControl.value) {
         showMoreControl.value = false;
@@ -73,17 +79,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return !unref(isGeneralUser) ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(TuiButton, {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !unref(isCanOperateMySelf) ? (openBlock(), createBlock(TuiButton, {
+          key: 0,
           class: "button",
           size: "default",
           onClick: _cache[0] || (_cache[0] = ($event) => singleControl.value.func(props.userInfo))
         }, {
-          default: withCtx(() => [
-            createTextVNode(toDisplayString(singleControl.value.title), 1)
-          ]),
+          default: withCtx(() => {
+            var _a;
+            return [
+              createTextVNode(toDisplayString((_a = singleControl.value) == null ? void 0 : _a.title), 1)
+            ];
+          }),
           _: 1
-        }),
+        })) : createCommentVNode("", true),
         createElementVNode("div", {
           ref_key: "moreBtnRef",
           ref: moreBtnRef,
@@ -128,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 512),
         createVNode(Dialog, {
           modelValue: unref(isDialogVisible),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(isDialogVisible) ? isDialogVisible.value = $event : null),
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(isDialogVisible) ? isDialogVisible.value = $event : null),
           title: unref(dialogData).title,
           modal: true,
           width: "480px",
@@ -139,13 +149,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           footer: withCtx(() => [
             createVNode(TuiButton, {
               size: "default",
-              onClick: _cache[1] || (_cache[1] = ($event) => unref(handleAction)(props.userInfo))
+              onClick: _cache[2] || (_cache[2] = ($event) => unref(handleAction)(props.userInfo)),
+              disabled: unref(tempUserName).length === 0
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(dialogData).confirmText), 1)
               ]),
               _: 1
-            }),
+            }, 8, ["disabled"]),
             createVNode(TuiButton, {
               class: "cancel",
               size: "default",
@@ -159,11 +170,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["onClick"])
           ]),
           default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(unref(dialogData).content), 1)
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("span", null, toDisplayString(unref(dialogData).content), 1),
+              unref(dialogData).showInput ? (openBlock(), createBlock(TuiInput, {
+                key: 0,
+                modelValue: unref(tempUserName),
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(tempUserName) ? tempUserName.value = $event : null),
+                class: "dialog-input",
+                placeholder: unref(t)("Please input user name")
+              }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
+            ])
           ]),
           _: 1
         }, 8, ["modelValue", "title", "before-close"])
-      ])) : createCommentVNode("", true);
+      ]);
     };
   }
 });

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

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