@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.2

package/es/components/Chat/ChatKit/components/TUIChat/message-list/message-tool/index.vue.d.ts

@@ -0,0 +1,49 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IProps {
+    messageItem: IMessageModel;
+    isMultipleSelectMode: boolean;
+}
+declare function __VLS_template(): {
+    TUIEmojiPlugin?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    isMultipleSelectMode: boolean;
+    messageItem: () => IMessageModel;
+}>, {
+    messageToolDom: import('vue').Ref<HTMLElement | undefined>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleMultipleSelectMode: () => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    isMultipleSelectMode: boolean;
+    messageItem: () => IMessageModel;
+}>>> & {
+    onToggleMultipleSelectMode?: (() => any) | undefined;
+}, {
+    messageItem: IMessageModel;
+    isMultipleSelectMode: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-list/message-tool/index.vue.mjs

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

package/es/components/Chat/ChatKit/components/TUIChat/message-list/message-tool/index.vue2.mjs

@@ -0,0 +1,320 @@
+import { defineComponent, ref, onMounted, onUnmounted, watchEffect, computed, unref, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createElementVNode, Fragment, renderList, createVNode, toDisplayString } from "vue";
+import TUIChatEngine, { TUITranslateService, TUIStore, StoreName } from "@tencentcloud/chat-uikit-engine";
+import { TUIGlobal } from "@tencentcloud/universal-api";
+import "../../../../adapter-vue.mjs";
+import Icon from "../../../common/Icon.vue.mjs";
+import { Toast } from "../../../common/Toast/index.mjs";
+import delIcon from "../../../../assets/icon/msg-del.svg.mjs";
+import copyIcon from "../../../../assets/icon/msg-copy.svg.mjs";
+import quoteIcon from "../../../../assets/icon/msg-quote.svg.mjs";
+import revokeIcon from "../../../../assets/icon/msg-revoke.svg.mjs";
+import forwardIcon from "../../../../assets/icon/msg-forward.svg.mjs";
+import translateIcon from "../../../../assets/icon/translate.svg.mjs";
+import multipleSelectIcon from "../../../../assets/icon/multiple-select.svg.mjs";
+import convertText from "../../../../assets/icon/convertText_zh.svg.mjs";
+import { enableSampleTaskStatus } from "../../../../utils/enableSampleTaskStatus.mjs";
+import { transformTextWithKeysToEmojiNames } from "../../emoji-config/index.mjs";
+import { isPC, isUniFrameWork, isH5 } from "../../../../utils/env.mjs";
+import ChatConfig from "../../config.mjs";
+import CopyManager from "../../utils/copy.mjs";
+import TOAST_TYPE from "../../../common/Toast/type.mjs";
+const _hoisted_1 = ["onClick", "onMousedown"];
+const _hoisted_2 = { class: "list-item-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    messageItem: { default: () => ({}) },
+    isMultipleSelectMode: { type: Boolean, default: false }
+  },
+  emits: ["toggleMultipleSelectMode"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const featureConfig = ChatConfig.getFeatureConfig();
+    const TYPES = TUIChatEngine.TYPES;
+    const actionItems = ref([
+      {
+        key: "open",
+        text: TUITranslateService.t("TUIChat.打开"),
+        iconUrl: copyIcon,
+        renderCondition() {
+          var _a;
+          if (!featureConfig.DownloadFile || !message.value) return false;
+          return isPC && (((_a = message.value) == null ? void 0 : _a.type) === TYPES.MSG_FILE || message.value.type === TYPES.MSG_VIDEO || message.value.type === TYPES.MSG_IMAGE);
+        },
+        clickEvent: openMessage
+      },
+      {
+        key: "copy",
+        text: TUITranslateService.t("TUIChat.复制"),
+        iconUrl: copyIcon,
+        renderCondition() {
+          if (!featureConfig.CopyMessage || !message.value) return false;
+          return message.value.type === TYPES.MSG_TEXT;
+        },
+        clickEvent: copyMessage
+      },
+      {
+        key: "revoke",
+        text: TUITranslateService.t("TUIChat.撤回"),
+        iconUrl: revokeIcon,
+        renderCondition() {
+          if (!featureConfig.RevokeMessage || !message.value) return false;
+          return message.value.flow === "out" && message.value.status === "success";
+        },
+        clickEvent: revokeMessage
+      },
+      {
+        key: "delete",
+        text: TUITranslateService.t("TUIChat.删除"),
+        iconUrl: delIcon,
+        renderCondition() {
+          if (!featureConfig.DeleteMessage || !message.value) return false;
+          return message.value.status === "success";
+        },
+        clickEvent: deleteMessage
+      },
+      {
+        key: "forward",
+        text: TUITranslateService.t("TUIChat.转发"),
+        iconUrl: forwardIcon,
+        renderCondition() {
+          if (!featureConfig.ForwardMessage || !message.value) return false;
+          return message.value.status === "success";
+        },
+        clickEvent: forwardSingleMessage
+      },
+      {
+        key: "quote",
+        text: TUITranslateService.t("TUIChat.引用"),
+        iconUrl: quoteIcon,
+        renderCondition() {
+          if (!featureConfig.QuoteMessage || !message.value) return false;
+          const _message = TUIStore.getMessageModel(message.value.ID);
+          return message.value.status === "success" && !_message.getSignalingInfo();
+        },
+        clickEvent: quoteMessage
+      },
+      {
+        key: "translate",
+        text: TUITranslateService.t("TUIChat.翻译"),
+        visible: false,
+        iconUrl: translateIcon,
+        renderCondition() {
+          if (!featureConfig.TranslateMessage || !message.value) return false;
+          return message.value.status === "success" && message.value.type === TYPES.MSG_TEXT;
+        },
+        clickEvent: translateMessage
+      },
+      {
+        key: "convert",
+        text: TUITranslateService.t("TUIChat.转文字"),
+        visible: false,
+        iconUrl: convertText,
+        renderCondition() {
+          if (!featureConfig.VoiceToText || !message.value) return false;
+          return message.value.status === "success" && message.value.type === TYPES.MSG_AUDIO;
+        },
+        clickEvent: convertVoiceToText
+      },
+      {
+        key: "multi-select",
+        text: TUITranslateService.t("TUIChat.多选"),
+        iconUrl: multipleSelectIcon,
+        renderCondition() {
+          if (!featureConfig.MultiSelection || !message.value) return false;
+          return message.value.status === "success";
+        },
+        clickEvent: multipleSelectMessage
+      }
+    ]);
+    const message = ref();
+    const messageToolDom = ref();
+    onMounted(() => {
+      TUIStore.watch(StoreName.CHAT, {
+        translateTextInfo: onMessageTranslationInfoUpdated,
+        voiceToTextInfo: onMessageConvertInfoUpdated
+      });
+    });
+    onUnmounted(() => {
+      TUIStore.unwatch(StoreName.CHAT, {
+        translateTextInfo: onMessageTranslationInfoUpdated,
+        voiceToTextInfo: onMessageConvertInfoUpdated
+      });
+    });
+    watchEffect(() => {
+      message.value = TUIStore.getMessageModel(props.messageItem.ID);
+    });
+    const isAllActionItemInvalid = computed(() => {
+      for (let i = 0; i < actionItems.value.length; ++i) {
+        if (actionItems.value[i].renderCondition()) {
+          return false;
+        }
+      }
+      return true;
+    });
+    function getFunction(index) {
+      actionItems.value[index].clickEvent();
+    }
+    function openMessage() {
+      var _a;
+      let url = "";
+      switch ((_a = message.value) == null ? void 0 : _a.type) {
+        case TUIChatEngine.TYPES.MSG_FILE:
+          url = message.value.payload.fileUrl;
+          break;
+        case TUIChatEngine.TYPES.MSG_VIDEO:
+          url = message.value.payload.remoteVideoUrl;
+          break;
+        case TUIChatEngine.TYPES.MSG_IMAGE:
+          url = message.value.payload.imageInfoArray[0].url;
+          break;
+      }
+      window == null ? void 0 : window.open(url, "_blank");
+    }
+    function revokeMessage() {
+      if (!message.value) return;
+      const messageModel = TUIStore.getMessageModel(message.value.ID);
+      messageModel.revokeMessage().then(() => {
+        enableSampleTaskStatus("revokeMessage");
+      }).catch((error) => {
+        if (error.code === 20016) {
+          const message2 = TUITranslateService.t("TUIChat.已过撤回时限");
+          Toast({
+            message: message2,
+            type: TOAST_TYPE.ERROR
+          });
+        }
+      });
+    }
+    function deleteMessage() {
+      if (!message.value) return;
+      const messageModel = TUIStore.getMessageModel(message.value.ID);
+      messageModel.deleteMessage();
+    }
+    async function copyMessage() {
+      var _a, _b, _c, _d, _e;
+      if (isUniFrameWork) {
+        (_c = TUIGlobal) == null ? void 0 : _c.setClipboardData({
+          data: transformTextWithKeysToEmojiNames((_b = (_a = message.value) == null ? void 0 : _a.payload) == null ? void 0 : _b.text)
+        });
+      } else {
+        CopyManager.copySelection((_e = (_d = message.value) == null ? void 0 : _d.payload) == null ? void 0 : _e.text);
+      }
+    }
+    function beforeCopy(key) {
+      if (key !== "copy" || isH5) {
+        return;
+      }
+      CopyManager.saveCurrentSelection();
+    }
+    function forwardSingleMessage() {
+      if (!message.value) return;
+      TUIStore.update(StoreName.CUSTOM, "singleForwardMessageID", message.value.ID);
+    }
+    function quoteMessage() {
+      if (!message.value) return;
+      message.value.quoteMessage();
+    }
+    function translateMessage() {
+      const enable = TUIStore.getData(StoreName.APP, "enabledTranslationPlugin");
+      if (!enable) {
+        Toast({
+          message: TUITranslateService.t("TUIChat.请开通翻译功能"),
+          type: TOAST_TYPE.WARNING
+        });
+        return;
+      }
+      if (!message.value) return;
+      const index = actionItems.value.findIndex((item) => item.key === "translate");
+      TUIStore.update(StoreName.CHAT, "translateTextInfo", {
+        conversationID: message.value.conversationID,
+        messageID: message.value.ID,
+        visible: !actionItems.value[index].visible
+      });
+    }
+    function convertVoiceToText() {
+      const enable = TUIStore.getData(StoreName.APP, "enabledVoiceToText");
+      if (!enable) {
+        Toast({
+          message: TUITranslateService.t("TUIChat.请开通语音转文字功能")
+        });
+        return;
+      }
+      if (!message.value) return;
+      const index = actionItems.value.findIndex((item) => item.key === "convert");
+      TUIStore.update(StoreName.CHAT, "voiceToTextInfo", {
+        conversationID: message.value.conversationID,
+        messageID: message.value.ID,
+        visible: !actionItems.value[index].visible
+      });
+    }
+    function multipleSelectMessage() {
+      emits("toggleMultipleSelectMode");
+    }
+    function onMessageTranslationInfoUpdated(info) {
+      if (info === void 0) return;
+      const translationInfoList = info.get(props.messageItem.conversationID) || [];
+      const idx = actionItems.value.findIndex((item) => item.key === "translate");
+      for (let i = 0; i < translationInfoList.length; ++i) {
+        const { messageID, visible } = translationInfoList[i];
+        if (messageID === props.messageItem.ID) {
+          actionItems.value[idx].text = TUITranslateService.t(visible ? "TUIChat.隐藏" : "TUIChat.翻译");
+          actionItems.value[idx].visible = !!visible;
+          return;
+        }
+      }
+      actionItems.value[idx].text = TUITranslateService.t("TUIChat.翻译");
+    }
+    function onMessageConvertInfoUpdated(info) {
+      if (info === void 0) return;
+      const convertInfoList = info.get(props.messageItem.conversationID) || [];
+      const idx = actionItems.value.findIndex((item) => item.key === "convert");
+      for (let i = 0; i < convertInfoList.length; ++i) {
+        const { messageID, visible } = convertInfoList[i];
+        if (messageID === props.messageItem.ID) {
+          actionItems.value[idx].text = TUITranslateService.t(visible ? "TUIChat.隐藏" : "TUIChat.转文字");
+          actionItems.value[idx].visible = !!visible;
+          return;
+        }
+      }
+      actionItems.value[idx].text = TUITranslateService.t("TUIChat.转文字");
+    }
+    __expose({
+      messageToolDom
+    });
+    return (_ctx, _cache) => {
+      return !unref(isAllActionItemInvalid) && !_ctx.messageItem.hasRiskContent ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        ref_key: "messageToolDom",
+        ref: messageToolDom,
+        class: normalizeClass(["dialog-item", !unref(isPC) ? "dialog-item-h5" : "dialog-item-web"])
+      }, [
+        unref(featureConfig).EmojiReaction ? renderSlot(_ctx.$slots, "TUIEmojiPlugin", { key: 0 }, void 0, true) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(["dialog-item-list", !unref(isPC) ? "dialog-item-list-h5" : "dialog-item-list-web"])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(actionItems), (item, index) => {
+            return openBlock(), createElementBlock(Fragment, null, [
+              item.renderCondition() ? (openBlock(), createElementBlock("div", {
+                key: item.key,
+                class: "list-item",
+                onClick: ($event) => getFunction(index),
+                onMousedown: ($event) => beforeCopy(item.key)
+              }, [
+                createVNode(Icon, {
+                  file: item.iconUrl,
+                  size: "15px"
+                }, null, 8, ["file"]),
+                createElementVNode("span", _hoisted_2, toDisplayString(item.text), 1)
+              ], 40, _hoisted_1)) : createCommentVNode("", true)
+            ], 64);
+          }), 256))
+        ], 2)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-list/message-tool/message-revoked.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: import('vue').DefineComponent<{
+    isEdit: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    messageItem: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    messageEdit: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    isEdit: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    messageItem: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & {
+    onMessageEdit?: ((...args: any[]) => any) | undefined;
+}, {
+    messageItem: Record<string, any>;
+    isEdit: boolean;
+}, {}>;
+export default _default;

package/es/components/Chat/ChatKit/components/TUIChat/message-list/message-tool/message-revoked.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./message-revoked.vue2.mjs";
+/* empty css                      */
+import _export_sfc from "../../../../../../../_virtual/_plugin-vue_export-helper.mjs";
+const MessageRevoked = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-294fc04d"]]);
+export {
+  MessageRevoked as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-list/message-tool/message-revoked.vue2.mjs

@@ -0,0 +1,48 @@
+import { defineComponent, ref, watchEffect, openBlock, createElementBlock, unref, toDisplayString, createElementVNode, createCommentVNode } from "vue";
+import "../../../../adapter-vue.mjs";
+import { TUITranslateService } from "@tencentcloud/chat-uikit-engine";
+const _hoisted_1 = { class: "revoke" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "message-revoked",
+  props: {
+    isEdit: {
+      type: Boolean,
+      default: () => false
+    },
+    messageItem: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["messageEdit"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const message = ref();
+    const isEditMsg = ref(false);
+    const emits = __emit;
+    watchEffect(() => {
+      message.value = props.messageItem;
+      isEditMsg.value = props.isEdit;
+    });
+    const messageEdit = () => {
+      emits("messageEdit");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(message).flow === "in" ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(message).nick || unref(message).from), 1)) : unref(message).from === unref(message).revoker ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(TUITranslateService).t("TUIChat.您")), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(message).revoker), 1)),
+        createElementVNode("span", null, toDisplayString(unref(TUITranslateService).t("TUIChat.撤回了一条消息")), 1),
+        unref(message).flow === "out" && unref(isEditMsg) ? (openBlock(), createElementBlock("span", {
+          key: 3,
+          class: "edit",
+          onClick: messageEdit
+        }, toDisplayString(unref(TUITranslateService).t("TUIChat.重新编辑")), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-list/read-receipt-panel/index.vue.d.ts

@@ -0,0 +1,34 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IProps {
+    message: IMessageModel;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    message: () => IMessageModel;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    setReadReceiptPanelVisible: (visible: boolean, message?: IMessageModel | undefined) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    message: () => IMessageModel;
+}>>> & {
+    onSetReadReceiptPanelVisible?: ((visible: boolean, message?: IMessageModel | undefined) => any) | undefined;
+}, {
+    message: IMessageModel;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/components/Chat/ChatKit/components/TUIChat/message-list/read-receipt-panel/index.vue.mjs

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