@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.2

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/file-upload/index.vue2.mjs

@@ -0,0 +1,85 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass } from "vue";
+import TUIChatEngine, { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
+import "../../../../adapter-vue.mjs";
+import ToolbarItemContainer from "../toolbar-item-container/index.vue.mjs";
+import fileIconLight from "../../../../assets/icon/file-light.svg.mjs";
+import fileIconDark from "../../../../assets/icon/file-dark.svg.mjs";
+import { isUniFrameWork, isPC } from "../../../../utils/env.mjs";
+import { isEnabledMessageReadReceiptGlobal } from "../../utils/utils.mjs";
+import OfflinePushInfoManager from "../../offlinePushInfoManager/index.mjs";
+import ChatConfig from "../../config.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const fileIcon = ChatConfig.getTheme() === "dark" ? fileIconDark : fileIconLight;
+    const inputRef = ref();
+    const currentConversation = ref();
+    TUIStore.watch(StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const onIconClick = () => {
+      var _a, _b;
+      if (isUniFrameWork) {
+        return;
+      } else {
+        ((_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.click) && ((_b = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _b.click());
+      }
+    };
+    const sendFileMessage = (e) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      if (((_b = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.files) == null ? void 0 : _b.length) <= 0) {
+        return;
+      }
+      const options = {
+        to: ((_d = (_c = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _c.groupProfile) == null ? void 0 : _d.groupID) || ((_f = (_e = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _e.userProfile) == null ? void 0 : _f.userID),
+        conversationType: (_g = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _g.type,
+        payload: {
+          file: e == null ? void 0 : e.target
+        },
+        needReadReceipt: isEnabledMessageReadReceiptGlobal()
+      };
+      const offlinePushInfoCreateParams = {
+        conversation: currentConversation.value,
+        payload: options.payload,
+        messageType: TUIChatEngine.TYPES.MSG_FILE
+      };
+      const sendMessageOptions = {
+        offlinePushInfo: OfflinePushInfoManager.create(offlinePushInfoCreateParams)
+      };
+      TUIChatService.sendFileMessage(options, sendMessageOptions);
+      e.target.value = "";
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ToolbarItemContainer, {
+        iconFile: unref(fileIcon),
+        title: "文件",
+        iconWidth: unref(isUniFrameWork) ? "32px" : "20px",
+        iconHeight: unref(isUniFrameWork) ? "25px" : "18px",
+        needDialog: false,
+        onOnIconClick: onIconClick
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["file-upload", !unref(isPC) && "file-upload-h5"])
+          }, [
+            createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              title: "文件",
+              type: "file",
+              "data-type": "file",
+              accept: "*",
+              onChange: sendFileMessage
+            }, null, 544)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["iconFile", "iconWidth", "iconHeight"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/image-upload/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ImageUpload } from './index.vue';
+
+export default ImageUpload;

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/image-upload/index.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<{
+    imageSourceType: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    imageSourceType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    imageSourceType: string;
+}, {}>;
+export default _default;

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/image-upload/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 ImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f41fc267"]]);
+export {
+  ImageUpload as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/image-upload/index.vue2.mjs

@@ -0,0 +1,149 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementBlock, normalizeClass, createElementVNode, createCommentVNode } from "vue";
+import TUIChatEngine, { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
+import { TUIGlobal } from "@tencentcloud/universal-api";
+import "../../../../adapter-vue.mjs";
+import { isUniFrameWork, isPC, isWeChat } from "../../../../utils/env.mjs";
+import ToolbarItemContainer from "../toolbar-item-container/index.vue.mjs";
+import imageIconLight from "../../../../assets/icon/image-light.svg.mjs";
+import imageIconDark from "../../../../assets/icon/image-dark.svg.mjs";
+import imageUniIcon from "../../../../assets/icon/image-uni.png.mjs";
+import cameraUniIcon from "../../../../assets/icon/camera-uni.png.mjs";
+import { isEnabledMessageReadReceiptGlobal } from "../../utils/utils.mjs";
+import OfflinePushInfoManager from "../../offlinePushInfoManager/index.mjs";
+import ChatConfig from "../../config.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    // Image source: only valid for uni-app version, web version only supports selecting images from the album.
+    // album: Select from album
+    // camera: Take a photo using the camera
+    imageSourceType: {
+      type: String,
+      default: "album"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const inputRef = ref();
+    const currentConversation = ref();
+    const theme = ChatConfig.getTheme();
+    const IMAGE_TOOLBAR_SHOW_MAP = {
+      web_album: {
+        icon: theme === "dark" ? imageIconDark : imageIconLight,
+        title: "图片"
+      },
+      uni_album: {
+        icon: imageUniIcon,
+        title: "图片"
+      },
+      uni_camera: {
+        icon: cameraUniIcon,
+        title: "拍照"
+      }
+    };
+    TUIStore.watch(StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const imageToolbarForShow = computed(() => {
+      if (isUniFrameWork) {
+        return props.imageSourceType === "camera" ? IMAGE_TOOLBAR_SHOW_MAP["uni_camera"] : IMAGE_TOOLBAR_SHOW_MAP["uni_album"];
+      } else {
+        return IMAGE_TOOLBAR_SHOW_MAP["web_album"];
+      }
+    });
+    const onIconClick = () => {
+      var _a, _b, _c, _d;
+      if (isUniFrameWork) {
+        if (isWeChat && ((_a = TUIGlobal) == null ? void 0 : _a.chooseMedia)) {
+          (_b = TUIGlobal) == null ? void 0 : _b.chooseMedia({
+            count: 1,
+            mediaType: ["image"],
+            sizeType: ["original", "compressed"],
+            sourceType: [props.imageSourceType],
+            // Use camera or select from album.
+            success: function(res) {
+              sendImageMessage(res);
+            }
+          });
+        } else {
+          (_c = TUIGlobal) == null ? void 0 : _c.chooseImage({
+            count: 1,
+            sourceType: [props.imageSourceType],
+            // Use camera or select from album.
+            success: function(res) {
+              sendImageMessage(res);
+            }
+          });
+        }
+      } else {
+        if ((_d = inputRef.value) == null ? void 0 : _d.click) {
+          inputRef.value.click();
+        }
+      }
+    };
+    const sendImageInWeb = (e) => {
+      var _a, _b;
+      if (((_b = (_a = e == null ? void 0 : e.target) == null ? void 0 : _a.files) == null ? void 0 : _b.length) <= 0) {
+        return;
+      }
+      sendImageMessage(e == null ? void 0 : e.target);
+      e.target.value = "";
+    };
+    const sendImageMessage = (files) => {
+      var _a, _b, _c, _d, _e;
+      if (!files) {
+        return;
+      }
+      const options = {
+        to: ((_b = (_a = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _a.groupProfile) == null ? void 0 : _b.groupID) || ((_d = (_c = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _c.userProfile) == null ? void 0 : _d.userID),
+        conversationType: (_e = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _e.type,
+        payload: {
+          file: files
+        },
+        needReadReceipt: isEnabledMessageReadReceiptGlobal()
+      };
+      const offlinePushInfoCreateParams = {
+        conversation: currentConversation.value,
+        payload: options.payload,
+        messageType: TUIChatEngine.TYPES.MSG_IMAGE
+      };
+      const sendMessageOptions = {
+        offlinePushInfo: OfflinePushInfoManager.create(offlinePushInfoCreateParams)
+      };
+      TUIChatService.sendImageMessage(options, sendMessageOptions);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ToolbarItemContainer, {
+        iconFile: unref(imageToolbarForShow).icon,
+        title: unref(imageToolbarForShow).title,
+        iconWidth: unref(isUniFrameWork) ? "32px" : "20px",
+        iconHeight: unref(isUniFrameWork) ? "25px" : "18px",
+        needDialog: false,
+        onOnIconClick: onIconClick
+      }, {
+        default: withCtx(() => [
+          !unref(isUniFrameWork) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["image-upload", !unref(isPC) && "image-upload-h5"])
+          }, [
+            createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              title: "图片",
+              type: "file",
+              "data-type": "image",
+              accept: "image/gif,image/jpeg,image/jpg,image/png,image/bmp,image/webp",
+              onChange: sendImageInWeb
+            }, null, 544)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["iconFile", "title", "iconWidth", "iconHeight"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as MessageInputToolbar } from './index.vue';
+
+export default MessageInputToolbar;

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/index.vue.d.ts

@@ -0,0 +1,38 @@
+import { ToolbarDisplayType } from '../../../interface';
+
+interface IProps {
+    displayType: ToolbarDisplayType;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    displayType: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    scrollToLatestMessage: () => void;
+    changeToolbarDisplayType: (type: ToolbarDisplayType) => void;
+    insertEmoji: (emoji: any) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IProps>, {
+    displayType: string;
+}>>> & {
+    onScrollToLatestMessage?: (() => any) | undefined;
+    onInsertEmoji?: ((emoji: any) => any) | undefined;
+    onChangeToolbarDisplayType?: ((type: ToolbarDisplayType) => any) | undefined;
+}, {
+    displayType: ToolbarDisplayType;
+}, {}>;
+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-input-toolbar/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 MessageInputToolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fdebc27e"]]);
+export {
+  MessageInputToolbar as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/index.vue2.mjs

@@ -0,0 +1,248 @@
+import { defineComponent, ref, onMounted, onUnmounted, watch, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, Fragment, renderList, createVNode } from "vue";
+import "../../../adapter-vue.mjs";
+import TUIChatEngine, { TUIStore, StoreName } from "@tencentcloud/chat-uikit-engine";
+import TUICore, { TUIConstants } from "@tencentcloud/tui-core";
+import EmojiPicker from "./emoji-picker/index.vue.mjs";
+import ImageUpload from "./image-upload/index.vue.mjs";
+import FileUpload from "./file-upload/index.vue.mjs";
+import VideoUpload from "./video-upload/index.vue.mjs";
+import Evaluate from "./evaluate/index.vue.mjs";
+import Words from "./words/index.vue.mjs";
+import ToolbarItemContainer from "./toolbar-item-container/index.vue.mjs";
+import _sfc_main$1 from "./user-selector/index.vue.mjs";
+import { isPC, isUniFrameWork, isH5 } from "../../../utils/env.mjs";
+import ChatConfig from "../config.mjs";
+import { enableSampleTaskStatus } from "../../../utils/enableSampleTaskStatus.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: /* @__PURE__ */ normalizeClass(["message-input-toolbar-list-end"])
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    displayType: { default: "none" }
+  },
+  emits: ["scrollToLatestMessage", "changeToolbarDisplayType", "insertEmoji"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const h5Dialog = ref();
+    const currentConversation = ref();
+    const isGroup = ref(false);
+    const selectorShowType = ref("");
+    const userSelectorRef = ref();
+    const emojiPickerRef = ref();
+    const currentUserSelectorExtension = ref();
+    const currentExtensionList = ref([]);
+    const featureConfig = ChatConfig.getFeatureConfig();
+    const isRenderedEmojiPicker = ref(true);
+    isRenderedEmojiPicker.value = featureConfig.InputEmoji || featureConfig.InputStickers;
+    onMounted(() => {
+      TUIStore.watch(StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdate
+      });
+    });
+    onUnmounted(() => {
+      TUIStore.unwatch(StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdate
+      });
+    });
+    watch(() => props.displayType, (newValue) => {
+      var _a;
+      if (newValue === "none") {
+        (_a = emojiPickerRef.value) == null ? void 0 : _a.closeEmojiPicker();
+      } else {
+        emits("scrollToLatestMessage");
+      }
+    });
+    const onCurrentConversationUpdate = (conversation) => {
+      var _a, _b;
+      if ((conversation == null ? void 0 : conversation.conversationID) && conversation.conversationID !== ((_a = currentConversation.value) == null ? void 0 : _a.conversationID)) {
+        getExtensionList(conversation.conversationID);
+      }
+      currentConversation.value = conversation;
+      isGroup.value = ((_b = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _b.type) === TUIChatEngine.TYPES.CONV_GROUP;
+    };
+    const getExtensionList = (conversationID) => {
+      if (!conversationID) {
+        return;
+      }
+      const chatType = ChatConfig.getChatType();
+      const params = { chatType };
+      if (chatType === TUIConstants.TUIChat.TYPE.CUSTOMER_SERVICE) {
+        params.filterVoice = true;
+        params.filterVideo = true;
+        enableSampleTaskStatus("customerService");
+      }
+      currentExtensionList.value = [
+        ...TUICore.getExtensionList(TUIConstants.TUIChat.EXTENSION.INPUT_MORE.EXT_ID, params)
+      ].filter((extension) => {
+        var _a;
+        if (((_a = extension == null ? void 0 : extension.data) == null ? void 0 : _a.name) === "search") {
+          return featureConfig.MessageSearch;
+        }
+        return true;
+      });
+    };
+    const extensionListShowInStart = computed(() => {
+      if (isPC) {
+        const extensionList = currentExtensionList.value.filter((extension) => {
+          var _a;
+          return ((_a = extension == null ? void 0 : extension.data) == null ? void 0 : _a.name) !== "search";
+        });
+        return extensionList;
+      }
+      return currentExtensionList.value;
+    });
+    const extensionListShowInEnd = computed(() => {
+      if (isPC) {
+        const searchExtension = currentExtensionList.value.find((extension) => {
+          var _a;
+          return ((_a = extension == null ? void 0 : extension.data) == null ? void 0 : _a.name) === "search";
+        });
+        return searchExtension ? [searchExtension] : [];
+      }
+      return [];
+    });
+    const onExtensionClick = (extension) => {
+      var _a, _b, _c;
+      switch ((_a = extension == null ? void 0 : extension.data) == null ? void 0 : _a.name) {
+        case "voiceCall":
+          onCallExtensionClicked(extension, 1);
+          break;
+        case "videoCall":
+          onCallExtensionClicked(extension, 2);
+          break;
+        default:
+          (_c = extension == null ? void 0 : extension.listener) == null ? void 0 : _c.onClicked((_b = currentConversation.value) == null ? void 0 : _b._conversation);
+          break;
+      }
+    };
+    const onCallExtensionClicked = (extension, callType) => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      selectorShowType.value = (_a = extension == null ? void 0 : extension.data) == null ? void 0 : _a.name;
+      if (((_b = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _b.type) === TUIChatEngine.TYPES.CONV_C2C) {
+        (_f = (_c = extension.listener) == null ? void 0 : _c.onClicked) == null ? void 0 : _f.call(_c, {
+          userIDList: [(_e = (_d = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _d.conversationID) == null ? void 0 : _e.slice(3)],
+          type: callType
+        });
+      } else if (isGroup.value) {
+        currentUserSelectorExtension.value = extension;
+        ((_g = userSelectorRef == null ? void 0 : userSelectorRef.value) == null ? void 0 : _g.toggleShow) && userSelectorRef.value.toggleShow(true);
+      }
+    };
+    const genExtensionIcon = (extension) => {
+      return extension == null ? void 0 : extension.icon;
+    };
+    const genExtensionText = (extension) => {
+      return extension == null ? void 0 : extension.text;
+    };
+    const onUserSelectorSubmit = (selectedInfo) => {
+      var _a, _b, _c;
+      (_c = (_b = (_a = currentUserSelectorExtension.value) == null ? void 0 : _a.listener) == null ? void 0 : _b.onClicked) == null ? void 0 : _c.call(_b, selectedInfo);
+      currentUserSelectorExtension.value = void 0;
+    };
+    const onUserSelectorCancel = () => {
+      currentUserSelectorExtension.value = void 0;
+    };
+    const insertEmoji = (emojiObj) => {
+      emits("insertEmoji", emojiObj);
+    };
+    const dialogShowInH5 = (dialogDom) => {
+      var _a, _b;
+      if (!isH5) {
+        return;
+      }
+      ((_a = h5Dialog.value) == null ? void 0 : _a.appendChild) && ((_b = h5Dialog.value) == null ? void 0 : _b.appendChild(dialogDom));
+    };
+    const dialogCloseInH5 = (dialogDom) => {
+      var _a, _b;
+      if (!isH5) {
+        return;
+      }
+      if (dialogDom) {
+        ((_a = h5Dialog.value) == null ? void 0 : _a.removeChild) && ((_b = h5Dialog.value) == null ? void 0 : _b.removeChild(dialogDom));
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "message-input-toolbar",
+          !unref(isPC) && "message-input-toolbar-h5",
+          unref(isUniFrameWork) && "message-input-toolbar-uni"
+        ])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            "message-input-toolbar-list",
+            !unref(isPC) && "message-input-toolbar-h5-list",
+            unref(isUniFrameWork) && "message-input-toolbar-uni-list"
+          ])
+        }, [
+          unref(isRenderedEmojiPicker) ? (openBlock(), createBlock(EmojiPicker, {
+            key: 0,
+            ref_key: "emojiPickerRef",
+            ref: emojiPickerRef,
+            onInsertEmoji: insertEmoji,
+            onDialogShowInH5: dialogShowInH5,
+            onDialogCloseInH5: dialogCloseInH5,
+            onChangeToolbarDisplayType: _cache[0] || (_cache[0] = (type) => emits("changeToolbarDisplayType", type))
+          }, null, 512)) : createCommentVNode("", true),
+          unref(featureConfig).InputImage ? (openBlock(), createBlock(ImageUpload, {
+            key: 1,
+            imageSourceType: "album"
+          })) : createCommentVNode("", true),
+          unref(featureConfig).InputFile ? (openBlock(), createBlock(FileUpload, { key: 2 })) : createCommentVNode("", true),
+          unref(featureConfig).InputVideo ? (openBlock(), createBlock(VideoUpload, {
+            key: 3,
+            videoSourceType: "album"
+          })) : createCommentVNode("", true),
+          unref(featureConfig).InputEvaluation ? (openBlock(), createBlock(Evaluate, { key: 4 })) : createCommentVNode("", true),
+          unref(featureConfig).InputQuickReplies ? (openBlock(), createBlock(Words, { key: 5 })) : createCommentVNode("", true),
+          unref(extensionListShowInStart)[0] ? (openBlock(true), createElementBlock(Fragment, { key: 6 }, renderList(unref(extensionListShowInStart), (extension) => {
+            return openBlock(), createBlock(ToolbarItemContainer, {
+              key: extension.id,
+              iconFile: genExtensionIcon(extension),
+              title: genExtensionText(extension),
+              iconWidth: unref(isUniFrameWork) ? "25px" : "20px",
+              iconHeight: unref(isUniFrameWork) ? "25px" : "20px",
+              needDialog: false,
+              onOnIconClick: ($event) => onExtensionClick(extension)
+            }, null, 8, ["iconFile", "title", "iconWidth", "iconHeight", "onOnIconClick"]);
+          }), 128)) : createCommentVNode("", true)
+        ], 2),
+        unref(extensionListShowInEnd)[0] && unref(isPC) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(extensionListShowInEnd), (extension, index) => {
+            return openBlock(), createBlock(ToolbarItemContainer, {
+              key: index,
+              iconFile: genExtensionIcon(extension),
+              title: genExtensionText(extension),
+              iconWidth: unref(isUniFrameWork) ? "25px" : "20px",
+              iconHeight: unref(isUniFrameWork) ? "25px" : "20px",
+              needDialog: false,
+              onOnIconClick: ($event) => onExtensionClick(extension)
+            }, null, 8, ["iconFile", "title", "iconWidth", "iconHeight", "onOnIconClick"]);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, {
+          ref_key: "userSelectorRef",
+          ref: userSelectorRef,
+          type: unref(selectorShowType),
+          currentConversation: unref(currentConversation),
+          isGroup: unref(isGroup),
+          onSubmit: onUserSelectorSubmit,
+          onCancel: onUserSelectorCancel
+        }, null, 8, ["type", "currentConversation", "isGroup"]),
+        unref(isH5) ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref_key: "h5Dialog",
+          ref: h5Dialog,
+          class: normalizeClass(["message-input-toolbar-h5-dialog"])
+        }, null, 512)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/toolbar-item-container/index.vue.d.ts

@@ -0,0 +1,77 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
+    iconFile: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    needDialog: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    needBottomPopup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    toggleDialogDisplay: (showStatus: boolean) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onIconClick: (...args: any[]) => void;
+    onDialogClose: (...args: any[]) => void;
+    onDialogShow: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    iconFile: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    needDialog: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    needBottomPopup: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnIconClick?: ((...args: any[]) => any) | undefined;
+    onOnDialogClose?: ((...args: any[]) => any) | undefined;
+    onOnDialogShow?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    iconWidth: string;
+    iconHeight: string;
+    needDialog: boolean;
+    needBottomPopup: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/toolbar-item-container/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 ToolbarItemContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c89673ca"]]);
+export {
+  ToolbarItemContainer as default
+};