tuikit-atomicx-vue3 3.3.2 → 3.3.4

package/dist/chat/index.d.ts

@@ -4,6 +4,9 @@ import { useMessageActionState as messageActionState } from '../states/MessageAc
 import { useMessageInputState as messageInputState } from '../states/MessageInputState';
 import { useMessageListState as messageListState } from '../states/MessageListState';
 import { useSearchState as searchState } from '../states/SearchState';
+import { useContactListState as contactListState } from '../states/ContactListState';
+import { useC2CSettingState as c2cSettingState } from '../states/C2CSettingState';
+import { useGroupSettingState as groupSettingState } from '../states/GroupSettingState';
 
 declare const Search: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     style: {
@@ -16852,4 +16855,7 @@ declare const useMessageActionState: typeof messageActionState;
 declare const useMessageInputState: typeof messageInputState;
 declare const useMessageListState: typeof messageListState;
 declare const useSearchState: typeof searchState;
-export { Search, SearchAdvanced, UserAdvanced, MessageAdvanced, SearchResults, SearchResultItem, SearchBar, ConversationList, ConversationActions, ConversationListHeader, ConversationListContent, ConversationPreview, ConversationPreviewUI, ConversationSearch, MessageList, Message, MessageInput, EmojiPicker, ChatSetting, View, ContactList, ContactListItem, ContactInfo, useMessageActions, useMessageListState, useMessageInputState, useMessageActionState, useConversationListState, useSearchState, };
+declare const useContactListState: typeof contactListState;
+declare const useC2CSettingState: typeof c2cSettingState;
+declare const useGroupSettingState: typeof groupSettingState;
+export { Search, SearchAdvanced, UserAdvanced, MessageAdvanced, SearchResults, SearchResultItem, SearchBar, ConversationList, ConversationActions, ConversationListHeader, ConversationListContent, ConversationPreview, ConversationPreviewUI, ConversationSearch, MessageList, Message, MessageInput, EmojiPicker, ChatSetting, View, ContactList, ContactListItem, ContactInfo, useMessageActions, useMessageListState, useMessageInputState, useMessageActionState, useConversationListState, useSearchState, useContactListState, useC2CSettingState, useGroupSettingState, };

package/dist/chat/index.js

@@ -8,6 +8,9 @@ import { Search as Search$1, SearchAdvanced as SearchAdvanced$1, UserAdvanced as
 import { useMessageActions as useMessageActions$1 } from "../hooks/useMessageActions.js";
 import { useSearchState as useSearchState$1 } from "../states/SearchState.js";
 import ChatLoginServer from "./server.js";
+import { useContactListState as useContactListState$1 } from "../states/ContactListState/ContactListState.js";
+import { useC2CSettingState as useC2CSettingState$1 } from "../states/C2CSettingState/C2CSettingState.js";
+import { useGroupSettingState as useGroupSettingState$1 } from "../states/GroupSettingState/GroupSettingState.js";
 import { useMessageListState as useMessageListState$1 } from "../states/MessageListState/MessageListState.js";
 import { useMessageInputState as useMessageInputState$1 } from "../states/MessageInputState/MessageInputState.js";
 import { useMessageActionState as useMessageActionState$1 } from "../states/MessageActionState/MessageActionState.js";
@@ -42,6 +45,9 @@ const useMessageActionState = useMessageActionState$1;
 const useMessageInputState = useMessageInputState$1;
 const useMessageListState = useMessageListState$1;
 const useSearchState = useSearchState$1;
+const useContactListState = useContactListState$1;
+const useC2CSettingState = useC2CSettingState$1;
+const useGroupSettingState = useGroupSettingState$1;
 export {
   ChatSetting,
   ContactInfo,
@@ -66,7 +72,10 @@ export {
   SearchResults,
   UserAdvanced,
   View,
+  useC2CSettingState,
+  useContactListState,
   useConversationListState,
+  useGroupSettingState,
   useMessageActionState,
   useMessageActions,
   useMessageInputState,

package/dist/chat/server.js

@@ -5,6 +5,10 @@ import { ref } from "vue";
 import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import TUICore, { TUIConstants, TUILogin } from "@tencentcloud/tui-core";
 import { useLoginState } from "../states/LoginState.js";
+import { ChatSceneType } from "../statistical/const.js";
+import { useStatistical } from "../statistical/statistical.js";
+import { isPC } from "../utils/env.js";
+const { setChatScene } = useStatistical();
 const _ChatLoginServer = class _ChatLoginServer {
   constructor() {
     __publicField(this, "isReady", false);
@@ -21,6 +25,7 @@ const _ChatLoginServer = class _ChatLoginServer {
     return _ChatLoginServer.instance;
   }
   init() {
+    setChatScene(isPC ? ChatSceneType.CHAT_WEB : ChatSceneType.CHAT_H5);
     if (!this.isReady) {
       this.isReady = true;
       TUICore.registerEvent(

package/dist/components/BarrageInput/TextEditor/CharacterCountExtension.js

@@ -1,4 +1,4 @@
-import { E as Extension, P as Plugin, a as PluginKey } from "../../../index-t9cbWbGG.js";
+import { E as Extension, P as Plugin, a as PluginKey } from "../../../index-BPFJrNlA.js";
 const CharacterCount = Extension.create({
   name: "characterCount",
   addOptions() {

package/dist/components/BarrageInput/TextEditor/EditorCore.js

@@ -1,7 +1,7 @@
-import { S as StarterKit, P as Placeholder, E as Editor, I as Image } from "../../../index-ex2Jv3Tj.js";
+import { S as StarterKit, P as Placeholder, E as Editor, I as Image } from "../../../index-v15JHz0-.js";
 import { isMobile } from "../../../utils/environment.js";
 import { CharacterCount } from "./CharacterCountExtension.js";
-import { E as Extension } from "../../../index-t9cbWbGG.js";
+import { E as Extension } from "../../../index-BPFJrNlA.js";
 import { MessageContentType } from "../../../states/MessageInputState/type.js";
 function createEmojiExtension() {
   return Image.extend({

package/dist/components/ConversationList/ConversationCreate/ConversationCreate.js

@@ -143,7 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const generateGroupName = (userList) => {
       var _a, _b;
       const selfName = ((_a = loginUserInfo.value) == null ? void 0 : _a.userName) || ((_b = loginUserInfo.value) == null ? void 0 : _b.userId) || "";
-      const name = selfName + userList.map((item) => (item == null ? void 0 : item.remark) || (item == null ? void 0 : item.nick) || (item == null ? void 0 : item.userID)).join("、");
+      const name = `${selfName}、` + userList.map((item) => (item == null ? void 0 : item.remark) || (item == null ? void 0 : item.nick) || (item == null ? void 0 : item.userID)).join("、");
       return name.length >= GROUP_NAME_LIMIT ? name.slice(0, GROUP_NAME_LIMIT) : name;
     };
     const handleConfirm = () => {
@@ -211,7 +211,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ConversationCreateComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bdcdab3b"]]);
+const ConversationCreateComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7e2d265f"]]);
 export {
   ConversationCreateComponent as default
 };

package/dist/components/MessageInput/EmojiPicker/EmojiPicker.js

@@ -7,9 +7,9 @@ import { useMessageInputState } from "../../../states/MessageInputState/MessageI
 import { MessageContentType } from "../../../states/MessageInputState/type.js";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const styles = {
-  "emoji-picker__icon": "_emoji-picker__icon_z2wnx_1",
-  "emoji-picker__list": "_emoji-picker__list_z2wnx_5",
-  "emoji-picker__list-item": "_emoji-picker__list-item_z2wnx_16"
+  "emoji-picker__icon": "_emoji-picker__icon_b0gby_1",
+  "emoji-picker__list": "_emoji-picker__list_b0gby_5",
+  "emoji-picker__list-item": "_emoji-picker__list-item_b0gby_16"
 };
 const _hoisted_1 = { class: "flex flex-col gap-2.5" };
 const _hoisted_2 = ["onClick"];

package/dist/components/MessageInput/TextEditor/EditorCore.js

@@ -1,5 +1,5 @@
-import { S as StarterKit, P as Placeholder, E as Editor, I as Image } from "../../../index-ex2Jv3Tj.js";
-import { E as Extension } from "../../../index-t9cbWbGG.js";
+import { S as StarterKit, P as Placeholder, E as Editor, I as Image } from "../../../index-v15JHz0-.js";
+import { E as Extension } from "../../../index-BPFJrNlA.js";
 import { MessageContentType } from "../../../states/MessageInputState/type.js";
 function createEmojiExtension() {
   return Image.extend({

package/dist/components/MessageList/Message/RecalledMessage/RecalledMessage.js

@@ -1,8 +1,9 @@
 import { defineComponent, computed, createBlock, openBlock, unref, normalizeStyle, normalizeClass, withCtx, createElementBlock, Fragment, createTextVNode, createCommentVNode, toDisplayString } from "vue";
-import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../../../index-BF6QB9jF.js";
 import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
+import { MessageType } from "../../../../types/engine.js";
+import { useMessageInputState } from "../../../../states/MessageInputState/MessageInputState.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RecalledMessage",
@@ -14,15 +15,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { t } = useUIKit();
-    const setInputValue = (text) => {
-      console.log("Set input value:", text);
-    };
-    const isTextMessage = computed(() => props.message.type === TUIChatEngine.TYPES.MSG_TEXT);
+    const { setContent, focusEditor } = useMessageInputState();
+    const isTextMessage = computed(() => props.message.type === MessageType.TEXT);
     const isMessageOwner = computed(() => props.message.flow === "out");
     const otherDisplayName = computed(() => props.message.nick || props.message.from || "");
     function recallMessageToInput() {
       const transformedText = props.message.payload.text;
-      setInputValue(transformedText);
+      setContent(transformedText);
+      focusEditor();
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), {
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           isMessageOwner.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(toDisplayString(unref(t)("MessageList.you")) + toDisplayString(unref(t)("MessageList.recalled_a_message")) + " ", 1),
+            createTextVNode(toDisplayString(`${unref(t)("MessageList.you")} ${unref(t)("MessageList.recalled_a_message")}`) + " ", 1),
             isTextMessage.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
               key: 0,
               role: "button",
@@ -44,7 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             })) : createCommentVNode("", true)
           ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(otherDisplayName.value) + " " + toDisplayString(unref(t)("MessageList.recalled_a_message")), 1)
+            createTextVNode(toDisplayString(`${otherDisplayName.value} ${unref(t)("MessageList.recalled_a_message")}`), 1)
           ], 64))
         ]),
         _: 1
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RecalledMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0fdcab9"]]);
+const RecalledMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63c123ed"]]);
 export {
   RecalledMessage as default
 };

package/dist/components/MessageList/Message/RecalledMessage/RecalledMessage.vue.d.ts

@@ -1,7 +1,7 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../../types';
 
 interface IRecalledMessageProps {
-    message: IMessageModel;
+    message: MessageModel;
     class?: string;
     style?: Record<string, any>;
 }

package/dist/components/MessageList/i18n/en-US.d.ts

@@ -38,5 +38,12 @@ declare const MessageList: {
     no_more: string;
     no_unread_members: string;
     yesterday: string;
+    copy_success: string;
+    copy_failed: string;
+    recall_success: string;
+    recall_failed: string;
+    recall_time_limit_exceeded: string;
+    delete_success: string;
+    delete_failed: string;
 };
 export default MessageList;

package/dist/components/MessageList/i18n/en-US.js

@@ -39,7 +39,14 @@ const MessageList = {
   no_read_members: "No Read Members",
   no_more: "No More",
   no_unread_members: "No Unread Members",
-  yesterday: "Yesterday"
+  yesterday: "Yesterday",
+  copy_success: "Copied",
+  copy_failed: "Copy Failed",
+  recall_success: "Message recalled",
+  recall_failed: "Recall Failed",
+  recall_time_limit_exceeded: "Recall time limit exceeded",
+  delete_success: "Deleted",
+  delete_failed: "Delete Failed"
 };
 export {
   MessageList as default

package/dist/components/MessageList/i18n/index.d.ts

@@ -39,6 +39,13 @@ declare const resources: {
         no_more: string;
         no_unread_members: string;
         yesterday: string;
+        copy_success: string;
+        copy_failed: string;
+        recall_success: string;
+        recall_failed: string;
+        recall_time_limit_exceeded: string;
+        delete_success: string;
+        delete_failed: string;
     };
     'zh-CN': {
         administrator: string;
@@ -80,6 +87,13 @@ declare const resources: {
         no_more: string;
         no_unread_members: string;
         yesterday: string;
+        copy_success: string;
+        copy_failed: string;
+        recall_success: string;
+        recall_failed: string;
+        recall_time_limit_exceeded: string;
+        delete_success: string;
+        delete_failed: string;
     };
 };
 export { resources };

package/dist/components/MessageList/i18n/zh-CN.d.ts

@@ -38,5 +38,12 @@ declare const MessageList: {
     no_more: string;
     no_unread_members: string;
     yesterday: string;
+    copy_success: string;
+    copy_failed: string;
+    recall_success: string;
+    recall_failed: string;
+    recall_time_limit_exceeded: string;
+    delete_success: string;
+    delete_failed: string;
 };
 export default MessageList;

package/dist/components/MessageList/i18n/zh-CN.js

@@ -39,7 +39,14 @@ const MessageList = {
   no_read_members: "暂无已读成员",
   no_more: "已加载全部",
   no_unread_members: "暂无未读成员",
-  yesterday: "昨天"
+  yesterday: "昨天",
+  copy_success: "已复制",
+  copy_failed: "复制失败",
+  recall_success: "消息已撤回",
+  recall_failed: "撤回失败",
+  recall_time_limit_exceeded: "撤回时间限制已过期",
+  delete_success: "删除成功",
+  delete_failed: "删除失败"
 };
 export {
   MessageList as default

package/dist/components/Search/SearchResults/SearchResults.js

@@ -392,31 +392,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SearchResults = "_SearchResults_17oxs_12";
-const SearchResults__list = "_SearchResults__list_17oxs_67";
-const SearchResults__error = "_SearchResults__error_17oxs_85";
-const SearchResults__highlight = "_SearchResults__highlight_17oxs_111";
+const SearchResults = "_SearchResults_rr0x3_12";
+const SearchResults__list = "_SearchResults__list_rr0x3_67";
+const SearchResults__error = "_SearchResults__error_rr0x3_85";
+const SearchResults__highlight = "_SearchResults__highlight_rr0x3_112";
 const style0 = {
   SearchResults,
-  "SearchResults__section-header": "_SearchResults__section-header_17oxs_22",
-  "SearchResults__item-border": "_SearchResults__item-border_17oxs_39",
-  "SearchResults__load-more-button": "_SearchResults__load-more-button_17oxs_52",
+  "SearchResults__section-header": "_SearchResults__section-header_rr0x3_22",
+  "SearchResults__item-border": "_SearchResults__item-border_rr0x3_39",
+  "SearchResults__load-more-button": "_SearchResults__load-more-button_rr0x3_52",
   SearchResults__list,
   SearchResults__error,
-  "SearchResults__load-more-container": "_SearchResults__load-more-container_17oxs_91",
-  "SearchResults__load-more-error": "_SearchResults__load-more-error_17oxs_98",
-  "SearchResults__section-header-title": "_SearchResults__section-header-title_17oxs_104",
+  "SearchResults__load-more-container": "_SearchResults__load-more-container_rr0x3_92",
+  "SearchResults__load-more-error": "_SearchResults__load-more-error_rr0x3_99",
+  "SearchResults__section-header-title": "_SearchResults__section-header-title_rr0x3_105",
   SearchResults__highlight,
-  "SearchResults__item--active": "_SearchResults__item--active_17oxs_116",
-  "SearchResults__section-header-action": "_SearchResults__section-header-action_17oxs_120",
-  "SearchResults--embedded": "_SearchResults--embedded_17oxs_131",
-  "SearchResults__message-detail-page": "_SearchResults__message-detail-page_17oxs_139",
-  "SearchResults__message-detail-header": "_SearchResults__message-detail-header_17oxs_151",
-  "SearchResults__message-detail-title": "_SearchResults__message-detail-title_17oxs_162",
-  "SearchResults__message-detail-content": "_SearchResults__message-detail-content_17oxs_175",
-  "SearchResults__result-section": "_SearchResults__result-section_17oxs_190",
-  "SearchResults__result-items": "_SearchResults__result-items_17oxs_195",
-  "SearchResults__section-footer": "_SearchResults__section-footer_17oxs_200"
+  "SearchResults__item--active": "_SearchResults__item--active_rr0x3_117",
+  "SearchResults__section-header-action": "_SearchResults__section-header-action_rr0x3_121",
+  "SearchResults--embedded": "_SearchResults--embedded_rr0x3_132",
+  "SearchResults__message-detail-page": "_SearchResults__message-detail-page_rr0x3_140",
+  "SearchResults__message-detail-header": "_SearchResults__message-detail-header_rr0x3_152",
+  "SearchResults__message-detail-title": "_SearchResults__message-detail-title_rr0x3_163",
+  "SearchResults__message-detail-content": "_SearchResults__message-detail-content_rr0x3_176",
+  "SearchResults__result-section": "_SearchResults__result-section_rr0x3_191",
+  "SearchResults__result-items": "_SearchResults__result-items_rr0x3_196",
+  "SearchResults__section-footer": "_SearchResults__section-footer_rr0x3_201"
 };
 const cssModules = {
   "$style": style0

package/dist/hooks/useMessageActions.js

@@ -44,16 +44,16 @@ function useMessageActions(propsActionList) {
   const defaultActionHandlers = {
     copy: (message) => {
       state.copyTextMessage(message).then(() => TUIToast.success({
-        message: i18next.t("TUIChat.Copied")
+        message: i18next.t("MessageList.copy_success")
       })).catch(() => TUIToast.error({
-        message: i18next.t("TUIChat.Copy Failed")
+        message: i18next.t("MessageList.copy_failed")
       }));
     },
     recall: (message) => {
       state.recallMessage(message).then(() => TUIToast.success({
-        message: i18next.t("TUIChat.Recall Succeed")
+        message: i18next.t("MessageList.recall_success")
       })).catch((err) => TUIToast.error({
-        message: err.code === 20016 ? i18next.t("TUIChat.Recall Time Limit Exceeded") : i18next.t("TUIChat.Recall Failed")
+        message: err.code === 20016 ? i18next.t("MessageList.recall_time_limit_exceeded") : i18next.t("MessageList.recall_failed")
       }));
     },
     quote: state.quoteMessage,
@@ -63,9 +63,9 @@ function useMessageActions(propsActionList) {
     },
     delete: (message) => {
       state.deleteMessage(message).then(() => TUIToast.success({
-        message: i18next.t("TUIChat.Deleted")
+        message: i18next.t("MessageList.delete_success")
       })).catch(() => TUIToast.error({
-        message: i18next.t("TUIChat.Delete Failed")
+        message: i18next.t("MessageList.delete_failed")
       }));
     }
   };

package/dist/{index-t9cbWbGG.js → index-BPFJrNlA.js}

@@ -6969,7 +6969,7 @@ class ViewDesc {
     if (!(force || brKludge && safari) && isEquivalentPosition(anchorDOM.node, anchorDOM.offset, selRange.anchorNode, selRange.anchorOffset) && isEquivalentPosition(headDOM.node, headDOM.offset, selRange.focusNode, selRange.focusOffset))
       return;
     let domSelExtended = false;
-    if ((domSel.extend || anchor == head) && !brKludge) {
+    if ((domSel.extend || anchor == head) && !(brKludge && gecko)) {
       domSel.collapse(anchorDOM.node, anchorDOM.offset);
       try {
         if (anchor != head)
@@ -8123,17 +8123,14 @@ function removeClassOnSelectionChange(view) {
   });
 }
 function selectCursorWrapper(view) {
-  let domSel = view.domSelection(), range = document.createRange();
+  let domSel = view.domSelection();
   if (!domSel)
     return;
   let node = view.cursorWrapper.dom, img = node.nodeName == "IMG";
   if (img)
-    range.setStart(node.parentNode, domIndex(node) + 1);
+    domSel.collapse(node.parentNode, domIndex(node) + 1);
   else
-    range.setStart(node, 0);
-  range.collapse(true);
-  domSel.removeAllRanges();
-  domSel.addRange(range);
+    domSel.collapse(node, 0);
   if (!img && !view.state.selection.visible && ie$1 && ie_version <= 11) {
     node.disabled = true;
     node.disabled = false;
@@ -8543,13 +8540,18 @@ function parseFromClipboard(view, text, html, plainText, $context) {
   let dom, slice;
   if (!html && !text)
     return null;
-  let asText = text && (plainText || inCode || !html);
+  let asText = !!text && (plainText || inCode || !html);
   if (asText) {
     view.someProp("transformPastedText", (f) => {
       text = f(text, inCode || plainText, view);
     });
-    if (inCode)
-      return text ? new Slice(Fragment.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0) : Slice.empty;
+    if (inCode) {
+      slice = new Slice(Fragment.from(view.state.schema.text(text.replace(/\r\n?/g, "\n"))), 0, 0);
+      view.someProp("transformPasted", (f) => {
+        slice = f(slice, view, true);
+      });
+      return slice;
+    }
     let parsed = view.someProp("clipboardTextParser", (f) => f(text, $context, plainText, view));
     if (parsed) {
       slice = parsed;
@@ -8608,7 +8610,7 @@ function parseFromClipboard(view, text, html, plainText, $context) {
     }
   }
   view.someProp("transformPasted", (f) => {
-    slice = f(slice, view);
+    slice = f(slice, view, asText);
   });
   return slice;
 }
@@ -9362,7 +9364,7 @@ editHandlers.drop = (view, _event) => {
   let slice = dragging && dragging.slice;
   if (slice) {
     view.someProp("transformPasted", (f) => {
-      slice = f(slice, view);
+      slice = f(slice, view, false);
     });
   } else {
     slice = parseFromClipboard(view, getText$1(event.dataTransfer), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);

package/dist/{index-ex2Jv3Tj.js → index-v15JHz0-.js}

@@ -1,4 +1,4 @@
-import { N as Node$1, n as nodeInputRule$1, m as mergeAttributes$1, E as Extension$1, P as Plugin, a as PluginKey, i as isNodeEmpty$1, D as Decoration, b as DecorationSet, f as findWrapping, c as canJoin, d as NodeSelection, S as Selection, w as wrapInList$1, e as wrapIn$1, F as Fragment, g as Slice, T as TextSelection, h as canSplit, s as sinkListItem$1, j as setBlockType, k as selectTextblockStart$1, l as selectTextblockEnd$1, o as selectParentNode$1, p as selectNodeForward$1, q as selectNodeBackward$1, A as AllSelection, r as newlineInCode$1, t as liftListItem$1, u as liftEmptyBlock$1, v as lift$1, x as joinUp$1, y as joinTextblockForward$1, z as joinTextblockBackward$1, B as joinPoint, C as joinForward$1, G as joinDown$1, H as joinBackward$1, I as exitCode$1, J as deleteSelection$1, K as createParagraphNear$1, L as liftTarget, M as Node$2, O as Schema, Q as DOMParser, R as ReplaceStep, U as ReplaceAroundStep, V as dropPoint, W as keydownHandler, X as Mapping, Y as isTextSelection$1, Z as isNodeSelection$1, _ as posToDOMRect, $ as getText, a0 as getTextSerializersFromSchema$1, a1 as Editor$1 } from "./index-t9cbWbGG.js";
+import { N as Node$1, n as nodeInputRule$1, m as mergeAttributes$1, E as Extension$1, P as Plugin, a as PluginKey, i as isNodeEmpty$1, D as Decoration, b as DecorationSet, f as findWrapping, c as canJoin, d as NodeSelection, S as Selection, w as wrapInList$1, e as wrapIn$1, F as Fragment, g as Slice, T as TextSelection, h as canSplit, s as sinkListItem$1, j as setBlockType, k as selectTextblockStart$1, l as selectTextblockEnd$1, o as selectParentNode$1, p as selectNodeForward$1, q as selectNodeBackward$1, A as AllSelection, r as newlineInCode$1, t as liftListItem$1, u as liftEmptyBlock$1, v as lift$1, x as joinUp$1, y as joinTextblockForward$1, z as joinTextblockBackward$1, B as joinPoint, C as joinForward$1, G as joinDown$1, H as joinBackward$1, I as exitCode$1, J as deleteSelection$1, K as createParagraphNear$1, L as liftTarget, M as Node$2, O as Schema, Q as DOMParser, R as ReplaceStep, U as ReplaceAroundStep, V as dropPoint, W as keydownHandler, X as Mapping, Y as isTextSelection$1, Z as isNodeSelection$1, _ as posToDOMRect, $ as getText, a0 as getTextSerializersFromSchema$1, a1 as Editor$1 } from "./index-BPFJrNlA.js";
 import { markRaw, customRef, defineComponent, ref, onMounted, onBeforeUnmount, h, getCurrentInstance, watchEffect, nextTick, unref } from "vue";
 const inputRegex$5 = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/;
 const Image = Node$1.create({

package/dist/index.js

@@ -1,6 +1,6 @@
 import './styles/index.css';
 import { useLoginState } from "./states/LoginState.js";
-import { ChatSetting, ContactInfo, ContactList, ContactListItem, ConversationActions, ConversationList, ConversationListContent, ConversationListHeader, ConversationPreview, ConversationPreviewUI, ConversationSearch, EmojiPicker, Message, MessageAdvanced, MessageInput, MessageList, Search, SearchAdvanced, SearchBar, SearchResultItem, SearchResults, UserAdvanced, View, useConversationListState, useMessageActionState, useMessageActions, useMessageInputState, useMessageListState, useSearchState } from "./chat/index.js";
+import { ChatSetting, ContactInfo, ContactList, ContactListItem, ConversationActions, ConversationList, ConversationListContent, ConversationListHeader, ConversationPreview, ConversationPreviewUI, ConversationSearch, EmojiPicker, Message, MessageAdvanced, MessageInput, MessageList, Search, SearchAdvanced, SearchBar, SearchResultItem, SearchResults, UserAdvanced, View, useC2CSettingState, useContactListState, useConversationListState, useGroupSettingState, useMessageActionState, useMessageActions, useMessageInputState, useMessageListState, useSearchState } from "./chat/index.js";
 import { AudioSetting, AudioSettingPanel, BarrageInput, BarrageList, CameraButton, CoGuestPanel, LiveAudienceList, LiveCoreView, LiveList, LiveMonitorView, LiveScenePanel, MicButton, StreamMixer, StreamView, VideoSetting, VideoSettingPanel, useBarrageListState, useCoGuestState, useCoHostState, useDeviceState, useLiveAudienceState, useLiveMonitorState, useLiveSeatState, useLiveState, useRoomEngine, useRoomState, useUserState, useVideoMixerState } from "./rtc/index.js";
 import { addI18n } from "./i18n/index.js";
 import { default as default2 } from "./components/Avatar/Avatar.js";
@@ -18,6 +18,7 @@ import { VariantType, defaultTypeLabels } from "./types/search.js";
 import { MessageType, SearchType } from "./types/engine.js";
 import { CreateConvTypes, GroupLabelTypes, GroupType, PageStateTypes, PlaceHolderTypes } from "./types/conversation.js";
 import { ContactItemType, GroupApplicationType } from "./types/contact.js";
+import { GroupInviteType, GroupMemberRole, GroupPermission } from "./states/GroupSettingState/types.js";
 export {
   AudioOutput,
   AudioSetting,
@@ -55,7 +56,10 @@ export {
   DeviceType,
   EmojiPicker,
   GroupApplicationType,
+  GroupInviteType,
   GroupLabelTypes,
+  GroupMemberRole,
+  GroupPermission,
   GroupType,
   LiveAudienceList,
   LiveCoreView,
@@ -134,10 +138,13 @@ export {
   addI18n,
   defaultTypeLabels,
   useBarrageListState,
+  useC2CSettingState,
   useCoGuestState,
   useCoHostState,
+  useContactListState,
   useConversationListState,
   useDeviceState,
+  useGroupSettingState,
   useLiveAudienceState,
   useLiveMonitorState,
   useLiveSeatState,

package/dist/states/LoginState.js

@@ -1,6 +1,8 @@
 import { ref } from "vue";
 import { TUILogin } from "@tencentcloud/tui-core";
+import { useStatistical } from "../statistical/statistical.js";
 const loginUserInfo = ref(null);
+const { getChatScene } = useStatistical();
 async function login(options) {
   if (!options.userId || !options.userSig || !options.sdkAppId) {
     throw new Error("[loginState login] params error");
@@ -11,6 +13,7 @@ async function login(options) {
     userID: userId,
     userSig,
     useUploadPlugin: true,
+    scene: getChatScene(),
     ...restOptions
   };
   try {

package/dist/states/SearchState.js

@@ -222,6 +222,7 @@ const setKeyword = (variant, k) => {
   const { searchAdvancedParams, selectedSearchType } = state;
   const newStates = {
     ...state,
+    error: null,
     isLoading: false,
     keyword: k.trimEnd(),
     searchAdvancedParams: /* @__PURE__ */ new Map(),

package/dist/states/UserState/store.d.ts

@@ -29,10 +29,7 @@ export declare const receivedDeviceRequestList: Ref<(string | {
         readonly aborted: boolean;
         onabort: ((this: AbortSignal, ev: Event) => any) | null;
         readonly reason: any;
-        throwIfAborted: {
-            (): void;
-            (): void;
-        };
+        throwIfAborted: () => void;
         addEventListener: {
             <K extends keyof AbortSignalEventMap>(type: K, listener: (this: AbortSignal, ev: AbortSignalEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
@@ -95,10 +92,7 @@ export declare const receivedDeviceRequestList: Ref<(string | {
         readonly aborted: boolean;
         onabort: ((this: AbortSignal, ev: Event) => any) | null;
         readonly reason: any;
-        throwIfAborted: {
-            (): void;
-            (): void;
-        };
+        throwIfAborted: () => void;
         addEventListener: {
             <K extends keyof AbortSignalEventMap>(type: K, listener: (this: AbortSignal, ev: AbortSignalEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;

package/dist/statistical/const.d.ts

@@ -0,0 +1,4 @@
+export declare enum ChatSceneType {
+    CHAT_WEB = "42",
+    CHAT_H5 = "43"
+}

package/dist/statistical/const.js

@@ -0,0 +1,8 @@
+var ChatSceneType = /* @__PURE__ */ ((ChatSceneType2) => {
+  ChatSceneType2["CHAT_WEB"] = "42";
+  ChatSceneType2["CHAT_H5"] = "43";
+  return ChatSceneType2;
+})(ChatSceneType || {});
+export {
+  ChatSceneType
+};

package/dist/statistical/index.d.ts

@@ -0,0 +1,2 @@
+export * from './statistical';
+export * from './const';

package/dist/statistical/index.js

@@ -0,0 +1,6 @@
+import { useStatistical } from "./statistical.js";
+import { ChatSceneType } from "./const.js";
+export {
+  ChatSceneType,
+  useStatistical
+};

package/dist/statistical/statistical.d.ts

@@ -0,0 +1,10 @@
+import { ChatSceneType } from './const';
+
+declare function setChatScene(value: ChatSceneType): void;
+declare function getChatScene(): ChatSceneType | undefined;
+export declare function useStatistical(): {
+    chatScene: import('vue').Ref<ChatSceneType | undefined, ChatSceneType | undefined>;
+    setChatScene: typeof setChatScene;
+    getChatScene: typeof getChatScene;
+};
+export default useStatistical;

package/dist/statistical/statistical.js

@@ -0,0 +1,19 @@
+import { ref } from "vue";
+const chatScene = ref(void 0);
+function setChatScene(value) {
+  chatScene.value = value;
+}
+function getChatScene() {
+  return chatScene.value;
+}
+function useStatistical() {
+  return {
+    chatScene,
+    setChatScene,
+    getChatScene
+  };
+}
+export {
+  useStatistical as default,
+  useStatistical
+};

package/dist/styles/index.css

@@ -4436,7 +4436,7 @@ to {
   *   @include multi-line-ellipsis(3);
   * }
   */
-._SearchResults_17oxs_12 {
+._SearchResults_rr0x3_12 {
   flex: 1;
   overflow: hidden;
   padding-right: 8px;
@@ -4445,7 +4445,7 @@ to {
   gap: 20px;
   background-color: var(--bg-color-dialog);
 }
-._SearchResults__section-header_17oxs_22 {
+._SearchResults__section-header_rr0x3_22 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -4455,16 +4455,16 @@ to {
   z-index: 1;
   background-color: var(--bg-color-operate);
 }
-._SearchResults__section-header_17oxs_22 h3 {
+._SearchResults__section-header_rr0x3_22 h3 {
   margin: 0;
   font-size: 14px;
   font-weight: 400;
   color: var(--text-color-secondary);
 }
-._SearchResults__item-border_17oxs_39 {
+._SearchResults__item-border_rr0x3_39 {
   position: relative;
 }
-._SearchResults__item-border_17oxs_39::before {
+._SearchResults__item-border_rr0x3_39::before {
   content: "";
   position: absolute;
   bottom: 0;
@@ -4473,7 +4473,7 @@ to {
   height: 1px;
   background-color: var(--shadow-color);
 }
-._SearchResults__load-more-button_17oxs_52 {
+._SearchResults__load-more-button_rr0x3_52 {
   border: none;
   background: none;
   color: var(--text-color-link);
@@ -4483,11 +4483,11 @@ to {
   line-height: 20px;
   padding: 20px 20px 10px;
 }
-._SearchResults__load-more-button_17oxs_52:disabled {
+._SearchResults__load-more-button_rr0x3_52:disabled {
   color: var(--text-color-disabled);
   cursor: not-allowed;
 }
-._SearchResults__list_17oxs_67 {
+._SearchResults__list_rr0x3_67 {
   flex: 1;
   overflow-y: auto;
   display: flex;
@@ -4496,44 +4496,45 @@ to {
   overflow: auto;
   -ms-overflow-style: none;
 }
-._SearchResults__list_17oxs_67::-webkit-scrollbar {
+._SearchResults__list_rr0x3_67::-webkit-scrollbar {
   display: none;
 }
 @supports (scrollbar-width: none) {
-._SearchResults__list_17oxs_67 {
+._SearchResults__list_rr0x3_67 {
     scrollbar-width: none;
 }
 }
-._SearchResults__error_17oxs_85 {
+._SearchResults__error_rr0x3_85 {
+  word-break: break-all;
   padding: 16px;
   text-align: center;
   color: var(--text-color-error);
 }
-._SearchResults__load-more-container_17oxs_91 {
+._SearchResults__load-more-container_rr0x3_92 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 8px;
 }
-._SearchResults__load-more-error_17oxs_98 {
+._SearchResults__load-more-error_rr0x3_99 {
   color: var(--text-color-error);
   font-size: 12px;
   text-align: center;
 }
-._SearchResults__section-header-title_17oxs_104 {
+._SearchResults__section-header-title_rr0x3_105 {
   font-size: 14px;
   color: var(--text-color-secondary);
   margin: 0;
   padding: 0 12px;
 }
-._SearchResults__highlight_17oxs_111 {
+._SearchResults__highlight_rr0x3_112 {
   color: var(--text-color-link);
   font-weight: normal;
 }
-._SearchResults__item--active_17oxs_116 {
+._SearchResults__item--active_rr0x3_117 {
   background-color: var(--list-color-focused);
 }
-._SearchResults__section-header-action_17oxs_120 {
+._SearchResults__section-header-action_rr0x3_121 {
   font-size: 14px;
   display: flex;
   align-items: center;
@@ -4543,14 +4544,14 @@ to {
   cursor: pointer;
   padding: 0;
 }
-._SearchResults--embedded_17oxs_131 {
+._SearchResults--embedded_rr0x3_132 {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background: var(--bg-color-dialog);
 }
-._SearchResults__message-detail-page_17oxs_139 {
+._SearchResults__message-detail-page_rr0x3_140 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -4561,7 +4562,7 @@ to {
   z-index: 1000;
   background: var(--bg-color-dialog);
 }
-._SearchResults__message-detail-header_17oxs_151 {
+._SearchResults__message-detail-header_rr0x3_152 {
   display: flex;
   align-items: center;
   padding: 12px;
@@ -4571,7 +4572,7 @@ to {
   top: 0;
   z-index: 1;
 }
-._SearchResults__message-detail-title_17oxs_162 {
+._SearchResults__message-detail-title_rr0x3_163 {
   flex: 1;
   font-size: 14px;
   color: var(--text-color-secondary);
@@ -4583,29 +4584,29 @@ to {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-._SearchResults__message-detail-content_17oxs_175 {
+._SearchResults__message-detail-content_rr0x3_176 {
   flex: 1;
   overflow-y: auto;
   overflow: auto;
   -ms-overflow-style: none;
 }
-._SearchResults__message-detail-content_17oxs_175::-webkit-scrollbar {
+._SearchResults__message-detail-content_rr0x3_176::-webkit-scrollbar {
   display: none;
 }
 @supports (scrollbar-width: none) {
-._SearchResults__message-detail-content_17oxs_175 {
+._SearchResults__message-detail-content_rr0x3_176 {
     scrollbar-width: none;
 }
 }
-._SearchResults__result-section_17oxs_190 {
+._SearchResults__result-section_rr0x3_191 {
   display: flex;
   flex-direction: column;
 }
-._SearchResults__result-items_17oxs_195 {
+._SearchResults__result-items_rr0x3_196 {
   display: flex;
   flex-direction: column;
 }
-._SearchResults__section-footer_17oxs_200 {
+._SearchResults__section-footer_rr0x3_201 {
   display: flex;
   padding: 10px 0;
 }
@@ -5972,21 +5973,21 @@ to {
 ._conversationCreateUserSelectList--h5_pa6me_7 {
   height: 100%;
   padding: 0 20px;
-}.conversationCreate__container[data-v-bdcdab3b] {
+}.conversationCreate__container[data-v-7e2d265f] {
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
-.conversationCreate__detail[data-v-bdcdab3b] {
+.conversationCreate__detail[data-v-7e2d265f] {
   flex: 1;
 }
-[data-v-bdcdab3b] .conversationCreate__dialog {
+[data-v-7e2d265f] .conversationCreate__dialog {
   width: 100%;
   height: 100%;
   max-width: 100%;
   border-radius: 0;
 }
-[data-v-bdcdab3b] .conversationCreate__dialog .dialog-body {
+[data-v-7e2d265f] .conversationCreate__dialog .dialog-body {
   height: 0;
 }/**
   * Multi-line ellipsis
@@ -6718,11 +6719,11 @@ to {
 }
 ._attachment-picker__item-icon_1bduq_48 {
   cursor: pointer;
-}._emoji-picker__icon_z2wnx_1 {
+}._emoji-picker__icon_b0gby_1 {
   cursor: pointer;
-  display: flex;
+  display: flex !important;
 }
-._emoji-picker__list_z2wnx_5 {
+._emoji-picker__list_b0gby_5 {
   display: flex;
   flex-flow: row wrap;
   gap: 8px;
@@ -6733,7 +6734,7 @@ to {
   background-color: var(--dropdown-color-default);
   box-shadow: 0 0 10px 0 var(--shadow-color);
 }
-._emoji-picker__list-item_z2wnx_16 {
+._emoji-picker__list-item_b0gby_16 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -7414,7 +7415,7 @@ to {
 100% {
     background-position: -200% 0;
 }
-}.recalled-message[data-v-c0fdcab9] {
+}.recalled-message[data-v-63c123ed] {
   display: flex;
   flex-direction: row;
   align-self: center;
@@ -7423,7 +7424,7 @@ to {
   white-space: pre-wrap;
   color: var(--text-color-secondary);
 }
-.recalled-message__button[data-v-c0fdcab9] {
+.recalled-message__button[data-v-63c123ed] {
   cursor: pointer;
   text-decoration: underline;
   color: var(--text-color-link);

package/dist/types/chatSetting.d.ts

@@ -0,0 +1 @@
+export { GroupMemberRole, GroupPermission, GroupInviteType, } from '../states/GroupSettingState/types';

package/dist/types/chatSetting.js

@@ -0,0 +1,6 @@
+import { GroupInviteType, GroupMemberRole, GroupPermission } from "../states/GroupSettingState/types.js";
+export {
+  GroupInviteType,
+  GroupMemberRole,
+  GroupPermission
+};

package/dist/types/index.d.ts

@@ -15,3 +15,4 @@ export * from './engine';
 export * from './login';
 export * from './conversation';
 export * from './contact';
+export * from './chatSetting';

package/dist/types/index.js

@@ -11,6 +11,7 @@ import { VariantType, defaultTypeLabels } from "./search.js";
 import { MessageType, SearchType } from "./engine.js";
 import { CreateConvTypes, GroupLabelTypes, GroupType, PageStateTypes, PlaceHolderTypes } from "./conversation.js";
 import { ContactItemType, GroupApplicationType } from "./contact.js";
+import { GroupInviteType, GroupMemberRole, GroupPermission } from "../states/GroupSettingState/types.js";
 export {
   AudioOutput,
   BattleStatus,
@@ -23,7 +24,10 @@ export {
   DeviceStatus,
   DeviceType,
   GroupApplicationType,
+  GroupInviteType,
   GroupLabelTypes,
+  GroupMemberRole,
+  GroupPermission,
   GroupType,
   LiveOrientation,
   LiveStatus,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tuikit-atomicx-vue3",
-  "version": "3.3.2",
+  "version": "3.3.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -51,8 +51,8 @@
     "@tencentcloud/chat": "^3.5.8",
     "@tencentcloud/chat-uikit-engine": "~2.5.1",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-js": "~3.3.2",
-    "@tencentcloud/uikit-base-component-vue3": "1.0.1",
+    "@tencentcloud/tuiroom-engine-js": "~3.3.3",
+    "@tencentcloud/uikit-base-component-vue3": "1.0.2",
     "vue": "^3.4.21"
   },
   "dependencies": {

package/src/chat/index.ts

@@ -38,6 +38,9 @@ import { useMessageActionState as messageActionState } from '../states/MessageAc
 import { useMessageInputState as messageInputState } from '../states/MessageInputState';
 import { useMessageListState as messageListState } from '../states/MessageListState';
 import { useSearchState as searchState } from '../states/SearchState';
+import { useContactListState as contactListState } from "../states/ContactListState";
+import { useC2CSettingState as c2cSettingState } from '../states/C2CSettingState';
+import { useGroupSettingState as groupSettingState } from '../states/GroupSettingState';
 
 import ChatLoginServer from './server';
 
@@ -78,6 +81,9 @@ const useMessageActionState = messageActionState;
 const useMessageInputState = messageInputState;
 const useMessageListState = messageListState;
 const useSearchState = searchState;
+const useContactListState = contactListState;
+const useC2CSettingState = c2cSettingState;
+const useGroupSettingState = groupSettingState;
 
 export {
   // component
@@ -114,4 +120,7 @@ export {
   useMessageActionState,
   useConversationListState,
   useSearchState,
+  useContactListState,
+  useC2CSettingState,
+  useGroupSettingState,
 };

package/src/chat/server.ts

@@ -3,6 +3,10 @@ import { ref } from 'vue';
 import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
 import TUICore, { TUILogin, TUIConstants } from '@tencentcloud/tui-core';
 import { useLoginState } from '../states/LoginState';
+import { ChatSceneType, useStatistical } from '../statistical';
+import { isPC } from '../utils';
+
+const { setChatScene } = useStatistical();
 
 export default class ChatLoginServer {
   static instance: ChatLoginServer;
@@ -24,6 +28,7 @@ export default class ChatLoginServer {
   }
 
   public init() {
+    setChatScene(isPC ? ChatSceneType.CHAT_WEB : ChatSceneType.CHAT_H5);
     if (!this.isReady) {
       this.isReady = true;
       TUICore.registerEvent(

package/src/components/ConversationList/ConversationCreate/ConversationCreate.vue

@@ -194,7 +194,7 @@ const handleCreateGroupConversation = async () => {
 
 const generateGroupName = (userList: Friend[]) => {
   const selfName = loginUserInfo.value?.userName || loginUserInfo.value?.userId || '';
-  const name = selfName + userList.map(item => item?.remark || item?.nick || item?.userID).join('、');
+  const name = `${selfName}、` + userList.map(item => item?.remark || item?.nick || item?.userID).join('、');
   return name.length >= GROUP_NAME_LIMIT ? name.slice(0, GROUP_NAME_LIMIT) : name;
 };
 

package/src/components/MessageInput/EmojiPicker/EmojiPicker.module.scss

@@ -2,7 +2,7 @@
 
   &__icon {
     cursor: pointer;
-    display: flex;
+    display: flex !important;
   }
 
   &__list {

package/src/components/MessageList/Message/RecalledMessage/RecalledMessage.vue

@@ -4,7 +4,7 @@
     :style="props.style"
   >
     <template v-if="isMessageOwner">
-      {{ t('MessageList.you') }}{{ t('MessageList.recalled_a_message') }}
+      {{ `${t('MessageList.you')} ${t('MessageList.recalled_a_message')}` }}
       <View
         v-if="isTextMessage"
         role="button"
@@ -15,21 +15,22 @@
       </View>
     </template>
     <template v-else>
-      {{ otherDisplayName }} {{ t('MessageList.recalled_a_message') }}
+      {{ `${otherDisplayName} ${t('MessageList.recalled_a_message')}` }}
     </template>
   </View>
 </template>
 
 <script lang="ts" setup>
 import { computed } from 'vue';
-import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
 import { useUIKit } from '@tencentcloud/uikit-base-component-vue3';
 import cs from 'classnames';
+import { useMessageInputState } from '../../../../states/MessageInputState';
 import { View } from '../../../../baseComp/View';
-import type { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageType } from '../../../../types';
+import type { MessageModel } from '../../../../types';
 
 interface IRecalledMessageProps {
-  message: IMessageModel;
+  message: MessageModel;
   class?: string;
   style?: Record<string, any>;
 }
@@ -40,18 +41,9 @@ const props = withDefaults(defineProps<IRecalledMessageProps>(), {
 });
 
 const { t } = useUIKit();
+const { setContent, focusEditor } = useMessageInputState();
 
-// Assuming Vue version has similar inputStore
-// Need to implement or import the corresponding store when actually used
-const setInputValue = (text: string) => {
-  // Implement logic to set input value
-  console.log('Set input value:', text);
-};
-const inputElementRef = {
-  current: null as HTMLElement | null,
-};
-
-const isTextMessage = computed(() => props.message.type === TUIChatEngine.TYPES.MSG_TEXT);
+const isTextMessage = computed(() => props.message.type === MessageType.TEXT as any);
 const isMessageOwner = computed(() => props.message.flow === 'out');
 const otherDisplayName = computed(() => props.message.nick || props.message.from || '');
 
@@ -59,8 +51,8 @@ function recallMessageToInput() {
   // Assuming Vue version has similar transformTextWithEmojiKeyToName function
   // Need to implement or import the corresponding function when actually used
   const transformedText = props.message.payload.text;
-  setInputValue(transformedText);
-  inputElementRef.current?.focus();
+  setContent(transformedText);
+  focusEditor();
 }
 </script>
 

package/src/components/MessageList/i18n/en-US.ts

@@ -42,6 +42,14 @@ const MessageList = {
   no_more: 'No More',
   no_unread_members: 'No Unread Members',
   yesterday: 'Yesterday',
+
+  copy_success: 'Copied',
+  copy_failed: 'Copy Failed',
+  recall_success: 'Message recalled',
+  recall_failed: 'Recall Failed',
+  recall_time_limit_exceeded: 'Recall time limit exceeded',
+  delete_success: 'Deleted',
+  delete_failed: 'Delete Failed',
 };
 
 export default MessageList;

package/src/components/MessageList/i18n/zh-CN.ts

@@ -41,6 +41,14 @@ const MessageList = {
   no_more: '已加载全部',
   no_unread_members: '暂无未读成员',
   yesterday: '昨天',
+
+  copy_success: '已复制',
+  copy_failed: '复制失败',
+  recall_success: '消息已撤回',
+  recall_failed: '撤回失败',
+  recall_time_limit_exceeded: '撤回时间限制已过期',
+  delete_success: '删除成功',
+  delete_failed: '删除失败',
 };
 
 export default MessageList;

package/src/components/Search/SearchResults/SearchResults.scss

@@ -67,6 +67,7 @@
 }
 
 .SearchResults__error {
+  word-break: break-all;
   padding: 16px;
   text-align: center;
   color: var(--text-color-error);

package/src/hooks/useMessageActions.ts

@@ -97,19 +97,19 @@ function useMessageActions(propsActionList?: Array<MessageAction['key'] | Messag
     copy: (message) => {
       state.copyTextMessage(message)
         .then(() => TUIToast.success({
-          message: i18next.t('TUIChat.Copied'),
+          message: i18next.t('MessageList.copy_success'),
         }))
         .catch(() => TUIToast.error({
-          message: i18next.t('TUIChat.Copy Failed'),
+          message: i18next.t('MessageList.copy_failed'),
         }));
     },
     recall: (message) => {
       state.recallMessage(message)
         .then(() => TUIToast.success({
-          message: i18next.t('TUIChat.Recall Succeed'),
+          message: i18next.t('MessageList.recall_success'),
         }))
         .catch(err => TUIToast.error({
-          message: err.code === 20016 ? i18next.t('TUIChat.Recall Time Limit Exceeded') : i18next.t('TUIChat.Recall Failed'),
+          message: err.code === 20016 ? i18next.t('MessageList.recall_time_limit_exceeded') : i18next.t('MessageList.recall_failed'),
         }));
     },
     quote: state.quoteMessage,
@@ -120,10 +120,10 @@ function useMessageActions(propsActionList?: Array<MessageAction['key'] | Messag
     delete: (message) => {
       state.deleteMessage(message)
         .then(() => TUIToast.success({
-          message: i18next.t('TUIChat.Deleted'),
+          message: i18next.t('MessageList.delete_success'),
         }))
         .catch(() => TUIToast.error({
-          message: i18next.t('TUIChat.Delete Failed'),
+          message: i18next.t('MessageList.delete_failed'),
         }));
     },
   };

package/src/statistical/const.ts

@@ -0,0 +1,5 @@
+// https://iwiki.woa.com/p/613583683
+export enum ChatSceneType {
+  CHAT_WEB = '42',
+  CHAT_H5 = '43',
+}

package/src/statistical/index.ts

@@ -0,0 +1,2 @@
+export * from './statistical';
+export * from './const';

package/src/statistical/statistical.ts

@@ -0,0 +1,23 @@
+import { ref } from 'vue';
+import { ChatSceneType } from './const';
+
+const chatScene = ref<ChatSceneType | undefined>(undefined);
+
+function setChatScene(value: ChatSceneType) {
+  chatScene.value = value;
+}
+
+function getChatScene() {
+  return chatScene.value;
+}
+
+
+export function useStatistical() {
+  return {
+    chatScene,
+    setChatScene,
+    getChatScene,
+  };
+}
+
+export default useStatistical;

package/src/types/chatSetting.ts

@@ -0,0 +1,5 @@
+export {
+  GroupMemberRole,
+  GroupPermission,
+  GroupInviteType,
+} from '../states/GroupSettingState/types';

package/src/types/index.ts

@@ -15,3 +15,4 @@ export * from './engine';
 export * from './login';
 export * from './conversation';
 export * from './contact';
+export * from './chatSetting';