@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.2

package/lib/components/Chat/ChatKit/components/TUIChat/message-list/read-receipt-panel/index.vue2.js

@@ -0,0 +1,257 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+require("../../../../adapter-vue.js");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const iconClose = require("../../../../assets/icon/icon-close.svg.js");
+const Icon = require("../../../common/Icon.vue.js");
+const index = require("../../../common/Overlay/index.vue.js");
+const index$1 = require("../../../common/Avatar/index.vue.js");
+const index$2 = require("../../../common/FetchMore/index.vue.js");
+const env = require("../../../../utils/env.js");
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "header-text" };
+const _hoisted_3 = { class: "header-close-icon" };
+const _hoisted_4 = { class: "read-status-counter-container" };
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "status-text" };
+const _hoisted_7 = { class: "status-count" };
+const _hoisted_8 = { class: "read-status-member-list" };
+const _hoisted_9 = {
+  key: 0,
+  class: "empty-list-tip"
+};
+const _hoisted_10 = { class: "username" };
+const _hoisted_11 = { class: "username" };
+const _hoisted_12 = {
+  key: 2,
+  class: "fetch-more-container"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    message: { default: () => ({}) }
+  },
+  emits: ["setReadReceiptPanelVisible"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    let lastUnreadCursor = "";
+    let lastReadCursor = "";
+    const tabNameList = ["unread", "read"];
+    const isListFetchCompleted = {
+      unread: false,
+      read: false,
+      close: false
+    };
+    const isPullDownFetching = Vue.ref(false);
+    const isPanelClose = Vue.ref(false);
+    const isFirstLoadFinished = Vue.ref(false);
+    const isStopFetchMore = Vue.ref(false);
+    const currentTabName = Vue.ref("unread");
+    const tabInfo = Vue.ref(generateInitalTabInfo());
+    Vue.onMounted(async () => {
+      await initAndRefetchReceiptInfomation();
+      Vue.nextTick(() => {
+        isFirstLoadFinished.value = true;
+      });
+    });
+    Vue.watch(
+      () => props.message.readReceiptInfo.readCount,
+      () => {
+        initAndRefetchReceiptInfomation();
+      }
+    );
+    async function fetchGroupMessageRecriptMemberListByType(readType = "all") {
+      const message = TUIChatEngine.TUIStore.getMessageModel(props.message.ID);
+      let unreadResult = {};
+      let readResult = {};
+      if (readType === "all" || readType === "unread") {
+        unreadResult = await TUIChatEngine.TUIChatService.getGroupMessageReadMemberList({
+          message,
+          filter: 1,
+          cursor: lastUnreadCursor,
+          count: 100
+        });
+        if (unreadResult) {
+          lastUnreadCursor = unreadResult.data.cursor;
+          if (unreadResult.data.isCompleted) {
+            isListFetchCompleted.unread = true;
+          }
+        }
+      }
+      if (readType === "all" || readType === "read") {
+        readResult = await TUIChatEngine.TUIChatService.getGroupMessageReadMemberList({
+          message,
+          filter: 0,
+          cursor: lastReadCursor,
+          count: 100
+        });
+        if (readResult) {
+          lastReadCursor = readResult.data.cursor;
+          if (readResult.data.isCompleted) {
+            isListFetchCompleted.read = true;
+          }
+        }
+      }
+      const { unreadCount: totalUnreadCount, readCount: totalReadCount } = message.readReceiptInfo;
+      return {
+        unreadResult: {
+          count: totalUnreadCount,
+          ...unreadResult.data
+        },
+        readResult: {
+          count: totalReadCount,
+          ...readResult.data
+        }
+      };
+    }
+    async function pullDownFetchMoreData() {
+      if (isListFetchCompleted[currentTabName.value] || isPullDownFetching.value) {
+        return;
+      }
+      isPullDownFetching.value = true;
+      if (currentTabName.value === "unread" || currentTabName.value === "read") {
+        const { unreadResult, readResult } = await fetchGroupMessageRecriptMemberListByType(currentTabName.value);
+        checkStopFetchMore();
+        try {
+          tabInfo.value.unread.memberList = tabInfo.value.unread.memberList.concat(unreadResult.unreadUserInfoList || []);
+          tabInfo.value.read.memberList = tabInfo.value.read.memberList.concat(readResult.readUserInfoList || []);
+        } finally {
+          isPullDownFetching.value = false;
+        }
+      }
+    }
+    async function initAndRefetchReceiptInfomation() {
+      lastUnreadCursor = "";
+      lastReadCursor = "";
+      isStopFetchMore.value = false;
+      isListFetchCompleted.unread = false;
+      isListFetchCompleted.read = false;
+      const { unreadResult, readResult } = await fetchGroupMessageRecriptMemberListByType("all");
+      checkStopFetchMore();
+      resetTabInfo("read", readResult.count, readResult.readUserInfoList);
+      resetTabInfo("unread", unreadResult.count, unreadResult.unreadUserInfoList);
+      resetTabInfo("close");
+    }
+    function checkStopFetchMore() {
+      if (isListFetchCompleted.read && isListFetchCompleted.unread) {
+        isStopFetchMore.value = true;
+      }
+    }
+    function resetTabInfo(tabName, count, memberList) {
+      tabInfo.value[tabName].count = count;
+      tabInfo.value[tabName].memberList = memberList || [];
+    }
+    function generateInitalTabInfo() {
+      return {
+        read: {
+          tabName: TUIChatEngine.TUITranslateService.t("TUIChat.已读"),
+          count: void 0,
+          memberList: []
+        },
+        unread: {
+          tabName: TUIChatEngine.TUITranslateService.t("TUIChat.未读"),
+          count: void 0,
+          memberList: []
+        },
+        close: {
+          tabName: TUIChatEngine.TUITranslateService.t("TUIChat.关闭"),
+          count: void 0,
+          memberList: []
+        }
+      };
+    }
+    function toggleTabName(tabName) {
+      currentTabName.value = tabName;
+    }
+    function closeReadReceiptPanel() {
+      isPanelClose.value = true;
+      setTimeout(() => {
+        emits("setReadReceiptPanelVisible", false);
+      }, 200);
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(index.default, {
+        maskColor: "transparent",
+        onOnOverlayClick: closeReadReceiptPanel
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", {
+            class: Vue.normalizeClass({
+              "read-receipt-panel": true,
+              "read-receipt-panel-mobile": Vue.unref(env.isMobile),
+              "read-receipt-panel-close-mobile": Vue.unref(env.isMobile) && Vue.unref(isPanelClose)
+            })
+          }, [
+            Vue.createElementVNode("div", _hoisted_1, [
+              Vue.createElementVNode("div", _hoisted_2, Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("TUIChat.消息详情")), 1),
+              Vue.createElementVNode("div", _hoisted_3, [
+                Vue.createVNode(Icon.default, {
+                  size: "12px",
+                  hotAreaSize: "8",
+                  file: Vue.unref(iconClose.default),
+                  onOnClick: closeReadReceiptPanel
+                }, null, 8, ["file"])
+              ])
+            ]),
+            Vue.createElementVNode("div", _hoisted_4, [
+              (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(tabNameList, (tabName) => {
+                return Vue.createElementVNode("div", {
+                  key: tabName,
+                  class: Vue.normalizeClass({
+                    "read-status-counter": true,
+                    "active": tabName === Vue.unref(currentTabName)
+                  }),
+                  onClick: ($event) => toggleTabName(tabName)
+                }, [
+                  Vue.createElementVNode("div", _hoisted_6, Vue.toDisplayString(Vue.unref(tabInfo)[tabName].tabName), 1),
+                  Vue.createElementVNode("div", _hoisted_7, Vue.toDisplayString(Vue.unref(tabInfo)[tabName].count === void 0 ? "" : Vue.unref(tabInfo)[tabName].count), 1)
+                ], 10, _hoisted_5);
+              }), 64))
+            ]),
+            Vue.createElementVNode("div", _hoisted_8, [
+              Vue.unref(tabInfo)[Vue.unref(currentTabName)].count === 0 && Vue.unref(isFirstLoadFinished) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_9, " - " + Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("TUIChat.空")) + " - ", 1)) : Vue.unref(isFirstLoadFinished) ? (Vue.openBlock(), Vue.createElementBlock(Vue.Fragment, { key: 1 }, [
+                Vue.unref(currentTabName) === "unread" ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 0 }, Vue.renderList(Vue.unref(tabInfo)[Vue.unref(currentTabName)].memberList, (item) => {
+                  return Vue.openBlock(), Vue.createElementBlock("div", {
+                    key: item.userID,
+                    class: "read-status-member-container"
+                  }, [
+                    Vue.createVNode(index$1.default, {
+                      class: "read-status-avatar",
+                      useSkeletonAnimation: "",
+                      url: item.avatar || ""
+                    }, null, 8, ["url"]),
+                    Vue.createElementVNode("div", _hoisted_10, Vue.toDisplayString(item.nick || item.userID), 1)
+                  ]);
+                }), 128)) : Vue.createCommentVNode("", true),
+                Vue.unref(currentTabName) === "read" ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 1 }, Vue.renderList(Vue.unref(tabInfo)[Vue.unref(currentTabName)].memberList, (item) => {
+                  return Vue.openBlock(), Vue.createElementBlock("div", {
+                    key: item.userID,
+                    class: "read-status-member-container"
+                  }, [
+                    Vue.createVNode(index$1.default, {
+                      class: "read-status-avatar",
+                      useSkeletonAnimation: "",
+                      url: item.avatar
+                    }, null, 8, ["url"]),
+                    Vue.createElementVNode("div", _hoisted_11, Vue.toDisplayString(item.nick || item.userID), 1)
+                  ]);
+                }), 128)) : Vue.createCommentVNode("", true)
+              ], 64)) : Vue.createCommentVNode("", true),
+              Vue.unref(isFirstLoadFinished) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_12, [
+                Vue.createVNode(index$2.default, {
+                  isFetching: Vue.unref(isPullDownFetching),
+                  isTerminateObserve: Vue.unref(isStopFetchMore),
+                  onOnExposed: pullDownFetchMoreData
+                }, null, 8, ["isFetching", "isTerminateObserve"])
+              ])) : Vue.createCommentVNode("", true)
+            ])
+          ], 2)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/ChatKit/components/TUIChat/message-list/read-receipt-panel/interface.d.ts

@@ -0,0 +1,21 @@
+export interface IMemberData {
+    nick: string;
+    userID: string;
+    avatar: string;
+}
+export interface IGroupMessageReadMemberData {
+    code: number;
+    data: {
+        cursor: string;
+        isCompleted: boolean;
+        messageID: string;
+        readUserInfoList: IMemberData[];
+        unreadUserInfoList: IMemberData[];
+    };
+}
+export type ITabInfo = Record<TabName, {
+    tabName: string;
+    count: number | undefined;
+    memberList: IMemberData[];
+}>;
+export type TabName = 'read' | 'unread' | 'close';

package/lib/components/Chat/ChatKit/components/TUIChat/message-list/scroll-button/index.vue.d.ts

@@ -0,0 +1,10 @@
+declare function judgeScrollOverOneScreen(e: Event): Promise<void>;
+declare const _default: import('vue').DefineComponent<{}, {
+    judgeScrollOverOneScreen: typeof judgeScrollOverOneScreen;
+    isScrollButtonVisible: import('vue').Ref<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scrollToLatestMessage: () => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onScrollToLatestMessage?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/Chat/ChatKit/components/TUIChat/message-list/scroll-button/index.vue.js

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

package/lib/components/Chat/ChatKit/components/TUIChat/message-list/scroll-button/index.vue2.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+require("../../../../adapter-vue.js");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const Icon = require("../../../common/Icon.vue.js");
+const doubleArrow = require("../../../../assets/icon/double-arrow.svg.js");
+const universalApi = require("@tencentcloud/universal-api");
+const typeCheck = require("../../../../utils/type-check.js");
+const _hoisted_1 = { class: "scroll-button-text" };
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  emits: ["scrollToLatestMessage"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const messageList = Vue.ref([]);
+    const currentConversationID = Vue.ref("");
+    const currentLastMessageTime = Vue.ref(0);
+    const newMessageCount = Vue.ref(0);
+    const isScrollOverOneScreen = Vue.ref(false);
+    const isExistLastMessage = Vue.ref(false);
+    const isScrollButtonVisible = Vue.ref(false);
+    const scrollButtonContent = Vue.computed(
+      () => newMessageCount.value ? `${newMessageCount.value}${TUIChatEngine.TUITranslateService.t("TUIChat.条新消息")}` : TUIChatEngine.TUITranslateService.t("TUIChat.回到最新位置")
+    );
+    Vue.watch(
+      () => [isScrollOverOneScreen.value, isExistLastMessage.value],
+      () => {
+        isScrollButtonVisible.value = isScrollOverOneScreen.value || isExistLastMessage.value;
+        if (!isScrollButtonVisible.value) {
+          resetNewMessageCount();
+        }
+      },
+      { immediate: true }
+    );
+    Vue.onMounted(() => {
+      TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CHAT, {
+        messageList: onMessageListUpdated,
+        newMessageList: onNewMessageListUpdated
+      });
+      TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdated
+      });
+    });
+    Vue.onUnmounted(() => {
+      TUIChatEngine.TUIStore.unwatch(TUIChatEngine.StoreName.CHAT, {
+        messageList: onMessageListUpdated,
+        newMessageList: onNewMessageListUpdated
+      });
+      TUIChatEngine.TUIStore.unwatch(TUIChatEngine.StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdated
+      });
+    });
+    function isTypingMessage(message) {
+      var _a, _b;
+      return ((_b = typeCheck.JSONToObject((_a = message.payload) == null ? void 0 : _a.data)) == null ? void 0 : _b.businessID) === "user_typing_status";
+    }
+    function onMessageListUpdated(newMessageList) {
+      var _a, _b;
+      messageList.value = newMessageList || [];
+      const lastMessage = (_b = messageList.value) == null ? void 0 : _b[((_a = messageList.value) == null ? void 0 : _a.length) - 1];
+      isExistLastMessage.value = !!(lastMessage && (lastMessage == null ? void 0 : lastMessage.time) < (currentLastMessageTime == null ? void 0 : currentLastMessageTime.value));
+    }
+    function onNewMessageListUpdated(newMessageList) {
+      if (Array.isArray(newMessageList) && isScrollButtonVisible.value) {
+        newMessageList.forEach((message) => {
+          if (message && message.conversationID === currentConversationID.value && !message.isDeleted && !message.isRevoked && !isTypingMessage(message)) {
+            newMessageCount.value += 1;
+          }
+        });
+      }
+    }
+    function onCurrentConversationUpdated(conversation) {
+      var _a;
+      if ((conversation == null ? void 0 : conversation.conversationID) !== currentConversationID.value) {
+        resetNewMessageCount();
+      }
+      currentConversationID.value = (conversation == null ? void 0 : conversation.conversationID) || "";
+      currentLastMessageTime.value = ((_a = conversation == null ? void 0 : conversation.lastMessage) == null ? void 0 : _a.lastTime) || 0;
+    }
+    async function judgeScrollOverOneScreen(e) {
+      var _a, _b, _c, _d, _e;
+      if (e.target) {
+        try {
+          const { height } = await universalApi.getBoundingClientRect(`#${(_a = e.target) == null ? void 0 : _a.id}`, "messageList") || {};
+          const scrollHeight = ((_b = e.target) == null ? void 0 : _b.scrollHeight) || ((_c = e.detail) == null ? void 0 : _c.scrollHeight);
+          const scrollTop = ((_d = e.target) == null ? void 0 : _d.scrollTop) || ((_e = e.detail) == null ? void 0 : _e.scrollTop) || 0;
+          if (scrollHeight - scrollTop > 2 * height) {
+            isScrollOverOneScreen.value = true;
+            return;
+          }
+          isScrollOverOneScreen.value = false;
+        } catch (error) {
+          isScrollOverOneScreen.value = false;
+        }
+      }
+    }
+    function resetMessageSource() {
+      if (TUIChatEngine.TUIStore.getData(TUIChatEngine.StoreName.CHAT, "messageSource") !== void 0) {
+        TUIChatEngine.TUIStore.update(TUIChatEngine.StoreName.CHAT, "messageSource", void 0);
+      }
+    }
+    function resetNewMessageCount() {
+      newMessageCount.value = 0;
+    }
+    function scrollToMessageListBottom() {
+      resetMessageSource();
+      resetNewMessageCount();
+      emits("scrollToLatestMessage");
+    }
+    __expose({
+      judgeScrollOverOneScreen,
+      isScrollButtonVisible
+    });
+    return (_ctx, _cache) => {
+      return Vue.unref(isScrollButtonVisible) ? (Vue.openBlock(), Vue.createElementBlock("div", {
+        key: 0,
+        class: "scroll-button",
+        onClick: scrollToMessageListBottom
+      }, [
+        Vue.createVNode(Icon.default, {
+          width: "10px",
+          height: "10px",
+          file: Vue.unref(doubleArrow.default)
+        }, null, 8, ["file"]),
+        Vue.createElementVNode("div", _hoisted_1, Vue.toDisplayString(Vue.unref(scrollButtonContent)), 1)
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/ChatKit/components/TUIChat/mulitple-select-panel/index.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    oneByOneForwardMessage: () => void;
+    mergeForwardMessage: () => void;
+    toggleMultipleSelectMode: () => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onToggleMultipleSelectMode?: (() => any) | undefined;
+    onOneByOneForwardMessage?: (() => any) | undefined;
+    onMergeForwardMessage?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;

package/lib/components/Chat/ChatKit/components/TUIChat/mulitple-select-panel/index.vue.js

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

package/lib/components/Chat/ChatKit/components/TUIChat/mulitple-select-panel/index.vue2.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+require("../../../adapter-vue.js");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const Icon = require("../../common/Icon.vue.js");
+const forwardEach = require("../../../assets/icon/forward-each.svg.js");
+const forwardMerge = require("../../../assets/icon/forward-merge.svg.js");
+const addCircle = require("../../../assets/icon/add-circle.svg.js");
+const env = require("../../../utils/env.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  emits: ["oneByOneForwardMessage", "mergeForwardMessage", "toggleMultipleSelectMode"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const iconSize = Vue.ref(env.isMobile ? "25px" : "30px");
+    function oneByOneForwardMessage() {
+      emits("oneByOneForwardMessage");
+    }
+    function mergeForwardMessage() {
+      emits("mergeForwardMessage");
+    }
+    function cancelMultipleSelect() {
+      emits("toggleMultipleSelectMode");
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass({
+          "mulitple-select-panel": true,
+          "mulitple-select-panel-mobile": Vue.unref(env.isMobile)
+        })
+      }, [
+        Vue.createElementVNode("div", {
+          class: "forward-button",
+          onClick: oneByOneForwardMessage
+        }, [
+          Vue.createVNode(Icon.default, {
+            file: Vue.unref(forwardEach.default),
+            size: Vue.unref(iconSize)
+          }, null, 8, ["file", "size"]),
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass({
+              "forward-button-text": true,
+              "forward-button-text-mobile": Vue.unref(env.isMobile)
+            })
+          }, Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("TUIChat.逐条转发")), 3)
+        ]),
+        Vue.createElementVNode("div", {
+          class: "forward-button",
+          onClick: mergeForwardMessage
+        }, [
+          Vue.createVNode(Icon.default, {
+            file: Vue.unref(forwardMerge.default),
+            size: Vue.unref(iconSize)
+          }, null, 8, ["file", "size"]),
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass({
+              "forward-button-text": true,
+              "forward-button-text-mobile": Vue.unref(env.isMobile)
+            })
+          }, Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("TUIChat.合并转发")), 3)
+        ]),
+        Vue.createElementVNode("div", {
+          class: "forward-button",
+          onClick: cancelMultipleSelect
+        }, [
+          Vue.createVNode(Icon.default, {
+            class: "cancel-button-icon",
+            file: Vue.unref(addCircle.default),
+            size: Vue.unref(iconSize)
+          }, null, 8, ["file", "size"]),
+          Vue.createElementVNode("span", {
+            class: Vue.normalizeClass({
+              "forward-button-text": true,
+              "forward-button-text-mobile": Vue.unref(env.isMobile)
+            })
+          }, Vue.toDisplayString(Vue.unref(TUIChatEngine.TUITranslateService).t("TUIChat.取消")), 3)
+        ])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/const.d.ts

@@ -0,0 +1,5 @@
+export declare const DEFAULT_DESC: any;
+export declare enum PUSH_SCENE {
+    CHAT = "chat",
+    CALL = "call"
+}

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/const.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const DEFAULT_DESC = {
+  [TUIChatEngine.TYPES.MSG_TEXT]: "[文本]",
+  [TUIChatEngine.TYPES.MSG_FACE]: "[动画表情]",
+  [TUIChatEngine.TYPES.MSG_IMAGE]: "[图片]",
+  [TUIChatEngine.TYPES.MSG_FILE]: "[文件]",
+  [TUIChatEngine.TYPES.MSG_AUDIO]: "[语音]",
+  [TUIChatEngine.TYPES.MSG_VIDEO]: "[视频]",
+  [TUIChatEngine.TYPES.MSG_LOCATION]: "[地理位置]",
+  [TUIChatEngine.TYPES.MSG_MERGER]: "[聊天记录]",
+  [TUIChatEngine.TYPES.MSG_CUSTOM]: "[自定义消息]"
+};
+var PUSH_SCENE = /* @__PURE__ */ ((PUSH_SCENE2) => {
+  PUSH_SCENE2["CHAT"] = "chat";
+  PUSH_SCENE2["CALL"] = "call";
+  return PUSH_SCENE2;
+})(PUSH_SCENE || {});
+exports.DEFAULT_DESC = DEFAULT_DESC;
+exports.PUSH_SCENE = PUSH_SCENE;

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/index.d.ts

@@ -0,0 +1,6 @@
+import { default as OfflinePushInfoManager } from './offlinePushInfoManager';
+
+export * from './const';
+export * from './interface';
+declare const _default: OfflinePushInfoManager;
+export default _default;

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const offlinePushInfoManager = require("./offlinePushInfoManager.js");
+const _const = require("./const.js");
+const OfflinePushInfoManager = offlinePushInfoManager.default.getInstance();
+exports.DEFAULT_DESC = _const.DEFAULT_DESC;
+exports.PUSH_SCENE = _const.PUSH_SCENE;
+exports.default = OfflinePushInfoManager;

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/info.d.ts

@@ -0,0 +1,4 @@
+import { IChatOfflinePushInfo, ICallOfflinePushInfo } from './interface';
+
+export declare const chatOfflinePushInfo: IChatOfflinePushInfo;
+export declare const callOfflinePushInfo: ICallOfflinePushInfo;

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/info.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const chatOfflinePushInfo = {
+  androidInfo: {
+    sound: "private_ring.mp3",
+    XiaoMiChannelID: "high_custom_1",
+    OPPOChannelID: "tuikit"
+  },
+  apnsInfo: {
+    sound: "01.caf",
+    image: "https://web.sdk.qcloud.com/im/demo/latest/faviconnew.png"
+  }
+};
+const callOfflinePushInfo = {
+  title: "call",
+  description: "you have a call",
+  androidSound: "private_ring",
+  androidOPPOChannelID: "tuikit",
+  iOSSound: "01.caf"
+};
+exports.callOfflinePushInfo = callOfflinePushInfo;
+exports.chatOfflinePushInfo = chatOfflinePushInfo;

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/interface.d.ts

@@ -0,0 +1,43 @@
+import { IConversationModel } from '@tencentcloud/chat-uikit-engine';
+
+export interface IOfflinePushInfoCreateParams {
+    conversation: IConversationModel;
+    payload?: any;
+    messageType: string;
+}
+export interface IOfflinePushApnsInfo {
+    sound?: string;
+    ignoreIOSBadge?: boolean;
+    disableVoipPush?: boolean;
+    image?: string;
+}
+export interface IOfflinePushAndroidInfo {
+    sound?: string;
+    XiaoMiChannelID?: string;
+    OPPOChannelID?: string;
+    FCMChannelID?: string;
+    VIVOClassification?: number;
+    VIVOCategory?: string;
+    HuaWeiCategory?: string;
+    HuaWeiImage?: string;
+    HonorImage?: string;
+    GoogleImage?: string;
+}
+export interface IChatOfflinePushInfo {
+    title?: string;
+    description?: string;
+    extension?: string;
+    androidInfo?: IOfflinePushAndroidInfo;
+    apnsInfo?: IOfflinePushApnsInfo;
+}
+export interface ICallOfflinePushInfo {
+    title?: string;
+    description?: string;
+    iOSSound?: string;
+    androidSound?: string;
+    androidOPPOChannelID?: string;
+    androidXiaoMiChannelID?: string;
+    androidFCMChannelID?: string;
+    ignoreIOSBadge?: string;
+    isDisablePush?: string;
+}

package/lib/components/Chat/ChatKit/components/TUIChat/offlinePushInfoManager/offlinePushInfoManager.d.ts

@@ -0,0 +1,15 @@
+import { IChatOfflinePushInfo, IOfflinePushInfoCreateParams } from './interface';
+import { PUSH_SCENE } from './const';
+
+declare class OfflinePushInfoManager {
+    private name;
+    private static instance;
+    private offlinePushInfo;
+    private constructor();
+    static getInstance(): OfflinePushInfoManager;
+    getOfflinePushInfo(scene: PUSH_SCENE): any;
+    private genTitle;
+    private genDesc;
+    create(options: IOfflinePushInfoCreateParams): IChatOfflinePushInfo;
+}
+export default OfflinePushInfoManager;