@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

package/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/file-upload/index.vue2.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+require("../../../../adapter-vue.js");
+const index = require("../toolbar-item-container/index.vue.js");
+const fileLight = require("../../../../assets/icon/file-light.svg.js");
+const fileDark = require("../../../../assets/icon/file-dark.svg.js");
+const env = require("../../../../utils/env.js");
+const utils = require("../../utils/utils.js");
+const index$1 = require("../../offlinePushInfoManager/index.js");
+const config = require("../../config.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const fileIcon = config.default.getTheme() === "dark" ? fileDark.default : fileLight.default;
+    const inputRef = Vue.ref();
+    const currentConversation = Vue.ref();
+    TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const onIconClick = () => {
+      var _a, _b;
+      if (env.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: utils.isEnabledMessageReadReceiptGlobal()
+      };
+      const offlinePushInfoCreateParams = {
+        conversation: currentConversation.value,
+        payload: options.payload,
+        messageType: TUIChatEngine.TYPES.MSG_FILE
+      };
+      const sendMessageOptions = {
+        offlinePushInfo: index$1.default.create(offlinePushInfoCreateParams)
+      };
+      TUIChatEngine.TUIChatService.sendFileMessage(options, sendMessageOptions);
+      e.target.value = "";
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(index.default, {
+        iconFile: Vue.unref(fileIcon),
+        title: "文件",
+        iconWidth: Vue.unref(env.isUniFrameWork) ? "32px" : "20px",
+        iconHeight: Vue.unref(env.isUniFrameWork) ? "25px" : "18px",
+        needDialog: false,
+        onOnIconClick: onIconClick
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", {
+            class: Vue.normalizeClass(["file-upload", !Vue.unref(env.isPC) && "file-upload-h5"])
+          }, [
+            Vue.createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              title: "文件",
+              type: "file",
+              "data-type": "file",
+              accept: "*",
+              onChange: sendFileMessage
+            }, null, 544)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["iconFile", "iconWidth", "iconHeight"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/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/lib/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/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/image-upload/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 ImageUpload = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f41fc267"]]);
+exports.default = ImageUpload;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/image-upload/index.vue2.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Vue = require("vue");
+const TUIChatEngine = require("@tencentcloud/chat-uikit-engine");
+const universalApi = require("@tencentcloud/universal-api");
+require("../../../../adapter-vue.js");
+const env = require("../../../../utils/env.js");
+const index = require("../toolbar-item-container/index.vue.js");
+const imageLight = require("../../../../assets/icon/image-light.svg.js");
+const imageDark = require("../../../../assets/icon/image-dark.svg.js");
+const imageUni = require("../../../../assets/icon/image-uni.png.js");
+const cameraUni = require("../../../../assets/icon/camera-uni.png.js");
+const utils = require("../../utils/utils.js");
+const index$1 = require("../../offlinePushInfoManager/index.js");
+const config = require("../../config.js");
+const _sfc_main = /* @__PURE__ */ Vue.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 = Vue.ref();
+    const currentConversation = Vue.ref();
+    const theme = config.default.getTheme();
+    const IMAGE_TOOLBAR_SHOW_MAP = {
+      web_album: {
+        icon: theme === "dark" ? imageDark.default : imageLight.default,
+        title: "图片"
+      },
+      uni_album: {
+        icon: imageUni.default,
+        title: "图片"
+      },
+      uni_camera: {
+        icon: cameraUni.default,
+        title: "拍照"
+      }
+    };
+    TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const imageToolbarForShow = Vue.computed(() => {
+      if (env.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 (env.isUniFrameWork) {
+        if (env.isWeChat && ((_a = universalApi.TUIGlobal) == null ? void 0 : _a.chooseMedia)) {
+          (_b = universalApi.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 = universalApi.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: utils.isEnabledMessageReadReceiptGlobal()
+      };
+      const offlinePushInfoCreateParams = {
+        conversation: currentConversation.value,
+        payload: options.payload,
+        messageType: TUIChatEngine.TYPES.MSG_IMAGE
+      };
+      const sendMessageOptions = {
+        offlinePushInfo: index$1.default.create(offlinePushInfoCreateParams)
+      };
+      TUIChatEngine.TUIChatService.sendImageMessage(options, sendMessageOptions);
+    };
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createBlock(index.default, {
+        iconFile: Vue.unref(imageToolbarForShow).icon,
+        title: Vue.unref(imageToolbarForShow).title,
+        iconWidth: Vue.unref(env.isUniFrameWork) ? "32px" : "20px",
+        iconHeight: Vue.unref(env.isUniFrameWork) ? "25px" : "18px",
+        needDialog: false,
+        onOnIconClick: onIconClick
+      }, {
+        default: Vue.withCtx(() => [
+          !Vue.unref(env.isUniFrameWork) ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            class: Vue.normalizeClass(["image-upload", !Vue.unref(env.isPC) && "image-upload-h5"])
+          }, [
+            Vue.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)) : Vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["iconFile", "title", "iconWidth", "iconHeight"]);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/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/lib/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/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/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 MessageInputToolbar = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-fdebc27e"]]);
+exports.default = MessageInputToolbar;

package/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/index.vue2.js

@@ -0,0 +1,248 @@
+"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 TUICore = require("@tencentcloud/tui-core");
+const index = require("./emoji-picker/index.vue.js");
+const index$1 = require("./image-upload/index.vue.js");
+const index$2 = require("./file-upload/index.vue.js");
+const index$3 = require("./video-upload/index.vue.js");
+const index$4 = require("./evaluate/index.vue.js");
+const index$5 = require("./words/index.vue.js");
+const index$6 = require("./toolbar-item-container/index.vue.js");
+const index_vue_vue_type_script_setup_true_lang = require("./user-selector/index.vue.js");
+const env = require("../../../utils/env.js");
+const config = require("../config.js");
+const enableSampleTaskStatus = require("../../../utils/enableSampleTaskStatus.js");
+const _hoisted_1 = {
+  key: 0,
+  class: /* @__PURE__ */ Vue.normalizeClass(["message-input-toolbar-list-end"])
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "index",
+  props: {
+    displayType: { default: "none" }
+  },
+  emits: ["scrollToLatestMessage", "changeToolbarDisplayType", "insertEmoji"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const h5Dialog = Vue.ref();
+    const currentConversation = Vue.ref();
+    const isGroup = Vue.ref(false);
+    const selectorShowType = Vue.ref("");
+    const userSelectorRef = Vue.ref();
+    const emojiPickerRef = Vue.ref();
+    const currentUserSelectorExtension = Vue.ref();
+    const currentExtensionList = Vue.ref([]);
+    const featureConfig = config.default.getFeatureConfig();
+    const isRenderedEmojiPicker = Vue.ref(true);
+    isRenderedEmojiPicker.value = featureConfig.InputEmoji || featureConfig.InputStickers;
+    Vue.onMounted(() => {
+      TUIChatEngine.TUIStore.watch(TUIChatEngine.StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdate
+      });
+    });
+    Vue.onUnmounted(() => {
+      TUIChatEngine.TUIStore.unwatch(TUIChatEngine.StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdate
+      });
+    });
+    Vue.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 = config.default.getChatType();
+      const params = { chatType };
+      if (chatType === TUICore.TUIConstants.TUIChat.TYPE.CUSTOMER_SERVICE) {
+        params.filterVoice = true;
+        params.filterVideo = true;
+        enableSampleTaskStatus.enableSampleTaskStatus("customerService");
+      }
+      currentExtensionList.value = [
+        ...TUICore.getExtensionList(TUICore.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 = Vue.computed(() => {
+      if (env.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 = Vue.computed(() => {
+      if (env.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 (!env.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 (!env.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 Vue.openBlock(), Vue.createElementBlock("div", {
+        class: Vue.normalizeClass([
+          "message-input-toolbar",
+          !Vue.unref(env.isPC) && "message-input-toolbar-h5",
+          Vue.unref(env.isUniFrameWork) && "message-input-toolbar-uni"
+        ])
+      }, [
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass([
+            "message-input-toolbar-list",
+            !Vue.unref(env.isPC) && "message-input-toolbar-h5-list",
+            Vue.unref(env.isUniFrameWork) && "message-input-toolbar-uni-list"
+          ])
+        }, [
+          Vue.unref(isRenderedEmojiPicker) ? (Vue.openBlock(), Vue.createBlock(index.default, {
+            key: 0,
+            ref_key: "emojiPickerRef",
+            ref: emojiPickerRef,
+            onInsertEmoji: insertEmoji,
+            onDialogShowInH5: dialogShowInH5,
+            onDialogCloseInH5: dialogCloseInH5,
+            onChangeToolbarDisplayType: _cache[0] || (_cache[0] = (type) => emits("changeToolbarDisplayType", type))
+          }, null, 512)) : Vue.createCommentVNode("", true),
+          Vue.unref(featureConfig).InputImage ? (Vue.openBlock(), Vue.createBlock(index$1.default, {
+            key: 1,
+            imageSourceType: "album"
+          })) : Vue.createCommentVNode("", true),
+          Vue.unref(featureConfig).InputFile ? (Vue.openBlock(), Vue.createBlock(index$2.default, { key: 2 })) : Vue.createCommentVNode("", true),
+          Vue.unref(featureConfig).InputVideo ? (Vue.openBlock(), Vue.createBlock(index$3.default, {
+            key: 3,
+            videoSourceType: "album"
+          })) : Vue.createCommentVNode("", true),
+          Vue.unref(featureConfig).InputEvaluation ? (Vue.openBlock(), Vue.createBlock(index$4.default, { key: 4 })) : Vue.createCommentVNode("", true),
+          Vue.unref(featureConfig).InputQuickReplies ? (Vue.openBlock(), Vue.createBlock(index$5.default, { key: 5 })) : Vue.createCommentVNode("", true),
+          Vue.unref(extensionListShowInStart)[0] ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 6 }, Vue.renderList(Vue.unref(extensionListShowInStart), (extension) => {
+            return Vue.openBlock(), Vue.createBlock(index$6.default, {
+              key: extension.id,
+              iconFile: genExtensionIcon(extension),
+              title: genExtensionText(extension),
+              iconWidth: Vue.unref(env.isUniFrameWork) ? "25px" : "20px",
+              iconHeight: Vue.unref(env.isUniFrameWork) ? "25px" : "20px",
+              needDialog: false,
+              onOnIconClick: ($event) => onExtensionClick(extension)
+            }, null, 8, ["iconFile", "title", "iconWidth", "iconHeight", "onOnIconClick"]);
+          }), 128)) : Vue.createCommentVNode("", true)
+        ], 2),
+        Vue.unref(extensionListShowInEnd)[0] && Vue.unref(env.isPC) ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_1, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(Vue.unref(extensionListShowInEnd), (extension, index2) => {
+            return Vue.openBlock(), Vue.createBlock(index$6.default, {
+              key: index2,
+              iconFile: genExtensionIcon(extension),
+              title: genExtensionText(extension),
+              iconWidth: Vue.unref(env.isUniFrameWork) ? "25px" : "20px",
+              iconHeight: Vue.unref(env.isUniFrameWork) ? "25px" : "20px",
+              needDialog: false,
+              onOnIconClick: ($event) => onExtensionClick(extension)
+            }, null, 8, ["iconFile", "title", "iconWidth", "iconHeight", "onOnIconClick"]);
+          }), 128))
+        ])) : Vue.createCommentVNode("", true),
+        Vue.createVNode(index_vue_vue_type_script_setup_true_lang.default, {
+          ref_key: "userSelectorRef",
+          ref: userSelectorRef,
+          type: Vue.unref(selectorShowType),
+          currentConversation: Vue.unref(currentConversation),
+          isGroup: Vue.unref(isGroup),
+          onSubmit: onUserSelectorSubmit,
+          onCancel: onUserSelectorCancel
+        }, null, 8, ["type", "currentConversation", "isGroup"]),
+        Vue.unref(env.isH5) ? (Vue.openBlock(), Vue.createElementBlock("div", {
+          key: 1,
+          ref_key: "h5Dialog",
+          ref: h5Dialog,
+          class: Vue.normalizeClass(["message-input-toolbar-h5-dialog"])
+        }, null, 512)) : Vue.createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/lib/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/lib/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/toolbar-item-container/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 ToolbarItemContainer = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-c89673ca"]]);
+exports.default = ToolbarItemContainer;