@tencentcloud/roomkit-electron-vue3 2.6.0 → 2.6.3

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

@@ -0,0 +1,98 @@
+import { defineComponent, ref, onMounted, onUnmounted, computed, unref, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createVNode, createCommentVNode } from "vue";
+import "../../../../adapter-vue.mjs";
+import TUIChatEngine, { TUIStore, StoreName, TUITranslateService } from "@tencentcloud/chat-uikit-engine";
+import Icon from "../../../common/Icon.vue.mjs";
+import closeIcon from "../../../../assets/icon/icon-close.svg.mjs";
+import { isUniFrameWork, isH5 } from "../../../../utils/env.mjs";
+import { transformTextWithKeysToEmojiNames } from "../../emoji-config/index.mjs";
+const _hoisted_1 = { class: "input-quote-content" };
+const _hoisted_2 = { class: "max-one-line" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    displayType: { default: "editor" }
+  },
+  setup(__props) {
+    const props = __props;
+    const TYPES = TUIChatEngine.TYPES;
+    const quoteMessage = ref();
+    onMounted(() => {
+      TUIStore.watch(StoreName.CHAT, {
+        quoteMessage: onQuoteMessageUpdated
+      });
+    });
+    onUnmounted(() => {
+      TUIStore.unwatch(StoreName.CHAT, {
+        quoteMessage: onQuoteMessageUpdated
+      });
+    });
+    const quoteContentText = computed(() => {
+      var _a, _b;
+      let _quoteContentText;
+      switch ((_a = quoteMessage.value) == null ? void 0 : _a.type) {
+        case TYPES.MSG_TEXT:
+          _quoteContentText = transformTextWithKeysToEmojiNames((_b = quoteMessage.value.payload) == null ? void 0 : _b.text);
+          break;
+        case TYPES.MSG_IMAGE:
+          _quoteContentText = TUITranslateService.t("TUIChat.图片");
+          break;
+        case TYPES.MSG_AUDIO:
+          _quoteContentText = TUITranslateService.t("TUIChat.语音");
+          break;
+        case TYPES.MSG_VIDEO:
+          _quoteContentText = TUITranslateService.t("TUIChat.视频");
+          break;
+        case TYPES.MSG_FILE:
+          _quoteContentText = TUITranslateService.t("TUIChat.文件");
+          break;
+        case TYPES.MSG_CUSTOM:
+          _quoteContentText = TUITranslateService.t("TUIChat.自定义");
+          break;
+        case TYPES.MSG_FACE:
+          _quoteContentText = TUITranslateService.t("TUIChat.表情");
+          break;
+        case TYPES.MSG_MERGER:
+          _quoteContentText = TUITranslateService.t("TUIChat.聊天记录");
+          break;
+        default:
+          _quoteContentText = TUITranslateService.t("TUIChat.消息");
+          break;
+      }
+      return _quoteContentText;
+    });
+    function cancelQuote() {
+      TUIStore.update(StoreName.CHAT, "quoteMessage", { message: void 0, type: "quote" });
+    }
+    function onQuoteMessageUpdated(options) {
+      if ((options == null ? void 0 : options.message) && (options == null ? void 0 : options.type) === "quote") {
+        quoteMessage.value = options.message;
+      } else {
+        quoteMessage.value = void 0;
+      }
+    }
+    return (_ctx, _cache) => {
+      return Boolean(unref(quoteMessage)) && props.displayType !== "audio" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass({
+          "input-quote-container": true,
+          "input-quote-container-uni": unref(isUniFrameWork),
+          "input-quote-container-h5": unref(isH5)
+        })
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, toDisplayString(unref(quoteMessage).nick || unref(quoteMessage).from) + ": " + toDisplayString(unref(quoteContentText)), 1),
+          createVNode(Icon, {
+            class: "input-quote-close-icon",
+            file: unref(closeIcon),
+            width: "11px",
+            height: "11px",
+            onOnClick: cancelQuote
+          }, null, 8, ["file"])
+        ])
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/emoji-picker/emoji-picker-dialog.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sendMessage: (...args: any[]) => void;
+    onClose: (...args: any[]) => void;
+    insertEmoji: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onOnClose?: ((...args: any[]) => any) | undefined;
+    onSendMessage?: ((...args: any[]) => any) | undefined;
+    onInsertEmoji?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/emoji-picker/emoji-picker-dialog.vue.mjs

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

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/emoji-picker/emoji-picker-dialog.vue2.mjs

@@ -0,0 +1,177 @@
+import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import "../../../../adapter-vue.mjs";
+import { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
+import Icon from "../../../common/Icon.vue.mjs";
+import faceIconLight from "../../../../assets/icon/face-light.svg.mjs";
+import faceIconDark from "../../../../assets/icon/face-dark.svg.mjs";
+import { EMOJI_TYPE } from "../../../../constant.mjs";
+import { isPC, isUniFrameWork } from "../../../../utils/env.mjs";
+import { isEnabledMessageReadReceiptGlobal } from "../../utils/utils.mjs";
+import { EMOJI_GROUP_LIST, BASIC_EMOJI_URL_MAPPING, convertKeyToEmojiName } from "../../emoji-config/index.mjs";
+import ChatConfig from "../../config.mjs";
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["src"];
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "emoji-picker-tab" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = ["src"];
+const _hoisted_8 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "emoji-picker-dialog",
+  emits: ["insertEmoji", "onClose", "sendMessage"],
+  setup(__props, { emit: __emit }) {
+    var _a;
+    const faceIcon = ChatConfig.getTheme() === "dark" ? faceIconDark : faceIconLight;
+    const emits = __emit;
+    const currentTabIndex = ref(0);
+    const currentConversation = ref();
+    const emojiPickerDialog = ref();
+    const emojiPickerListRef = ref();
+    const featureConfig = ChatConfig.getFeatureConfig();
+    const list = ref(initEmojiList());
+    const currentTabItem = ref(list == null ? void 0 : list.value[0]);
+    const currentEmojiList = ref((_a = list == null ? void 0 : list.value[0]) == null ? void 0 : _a.list);
+    onMounted(() => {
+      TUIStore.watch(StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdate
+      });
+    });
+    onUnmounted(() => {
+      TUIStore.unwatch(StoreName.CONV, {
+        currentConversation: onCurrentConversationUpdate
+      });
+    });
+    const toggleEmojiTab = (index) => {
+      var _a2;
+      currentTabIndex.value = index;
+      currentTabItem.value = list == null ? void 0 : list.value[index];
+      currentEmojiList.value = (_a2 = list == null ? void 0 : list.value[index]) == null ? void 0 : _a2.list;
+      if (!isUniFrameWork) {
+        (emojiPickerListRef == null ? void 0 : emojiPickerListRef.value) && (emojiPickerListRef.value.scrollTop = 0);
+      }
+    };
+    const select = (item, index) => {
+      var _a2, _b, _c;
+      const options = {
+        emoji: { key: item, name: convertKeyToEmojiName(item) },
+        type: (_a2 = currentTabItem == null ? void 0 : currentTabItem.value) == null ? void 0 : _a2.type
+      };
+      switch ((_b = currentTabItem == null ? void 0 : currentTabItem.value) == null ? void 0 : _b.type) {
+        case EMOJI_TYPE.BASIC:
+          options.url = ((_c = currentTabItem == null ? void 0 : currentTabItem.value) == null ? void 0 : _c.url) + BASIC_EMOJI_URL_MAPPING[item];
+          if (isUniFrameWork) {
+            uni.$emit("insert-emoji", options);
+          } else {
+            emits("insertEmoji", options);
+          }
+          break;
+        case EMOJI_TYPE.BIG:
+          sendFaceMessage(index, currentTabItem.value);
+          break;
+        case EMOJI_TYPE.CUSTOM:
+          sendFaceMessage(index, currentTabItem.value);
+          break;
+      }
+      isPC && emits("onClose");
+    };
+    const sendFaceMessage = (index, listItem) => {
+      var _a2, _b, _c, _d, _e;
+      const options = {
+        to: ((_b = (_a2 = currentConversation == null ? void 0 : currentConversation.value) == null ? void 0 : _a2.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: {
+          index: listItem.emojiGroupID,
+          data: listItem.list[index]
+        },
+        needReadReceipt: isEnabledMessageReadReceiptGlobal()
+      };
+      TUIChatService.sendFaceMessage(options);
+    };
+    function sendMessage() {
+      uni.$emit("send-message-in-emoji-picker");
+    }
+    function onCurrentConversationUpdate(conversation) {
+      currentConversation.value = conversation;
+    }
+    function initEmojiList() {
+      return EMOJI_GROUP_LIST.filter((item) => {
+        if (item.type === EMOJI_TYPE.BASIC) {
+          return featureConfig.InputEmoji;
+        }
+        if (item.type === EMOJI_TYPE.BIG) {
+          return featureConfig.InputStickers;
+        }
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "emojiPickerDialog",
+        ref: emojiPickerDialog,
+        class: normalizeClass({
+          "emoji-picker": true,
+          "emoji-picker-h5": !unref(isPC)
+        })
+      }, [
+        createElementVNode("ul", {
+          ref_key: "emojiPickerListRef",
+          ref: emojiPickerListRef,
+          class: normalizeClass(["emoji-picker-list", !unref(isPC) && "emoji-picker-h5-list"])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentEmojiList), (childrenItem, childrenIndex) => {
+            return openBlock(), createElementBlock("li", {
+              key: childrenIndex,
+              class: "emoji-picker-list-item",
+              onClick: ($event) => select(childrenItem, childrenIndex)
+            }, [
+              unref(currentTabItem).type === unref(EMOJI_TYPE).BASIC ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                class: "emoji",
+                src: unref(currentTabItem).url + unref(BASIC_EMOJI_URL_MAPPING)[childrenItem]
+              }, null, 8, _hoisted_2)) : unref(currentTabItem).type === unref(EMOJI_TYPE).BIG ? (openBlock(), createElementBlock("img", {
+                key: 1,
+                class: "emoji-big",
+                src: unref(currentTabItem).url + childrenItem + "@2x.png"
+              }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock("img", {
+                key: 2,
+                class: "emoji-custom emoji-big",
+                src: unref(currentTabItem).url + childrenItem
+              }, null, 8, _hoisted_4))
+            ], 8, _hoisted_1);
+          }), 128))
+        ], 2),
+        createElementVNode("ul", _hoisted_5, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: index,
+              class: "emoji-picker-tab-item",
+              onClick: ($event) => toggleEmojiTab(index)
+            }, [
+              item.type === unref(EMOJI_TYPE).BASIC ? (openBlock(), createBlock(Icon, {
+                key: 0,
+                class: "icon",
+                file: unref(faceIcon)
+              }, null, 8, ["file"])) : item.type === unref(EMOJI_TYPE).BIG ? (openBlock(), createElementBlock("img", {
+                key: 1,
+                class: "icon-big",
+                src: item.url + item.list[0] + "@2x.png"
+              }, null, 8, _hoisted_7)) : (openBlock(), createElementBlock("img", {
+                key: 2,
+                class: "icon-custom icon-big",
+                src: item.url + item.list[0]
+              }, null, 8, _hoisted_8))
+            ], 8, _hoisted_6);
+          }), 128)),
+          unref(isUniFrameWork) ? (openBlock(), createElementBlock("li", {
+            key: 0,
+            class: "send-btn",
+            onClick: sendMessage
+          }, " 发送 ")) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,20 @@
+import { ToolbarDisplayType } from '../../../../interface';
+
+declare const _default: import('vue').DefineComponent<{}, {
+    closeEmojiPicker: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    sendMessage: () => void;
+    toggleComponent: () => void;
+    insertEmoji: (emoji: any) => void;
+    dialogShowInH5: (dialogRef: HTMLElement) => void;
+    dialogCloseInH5: (dialogRef: HTMLElement) => void;
+    changeToolbarDisplayType: (type: ToolbarDisplayType) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    onSendMessage?: (() => any) | undefined;
+    onInsertEmoji?: ((emoji: any) => any) | undefined;
+    onToggleComponent?: (() => any) | undefined;
+    onDialogShowInH5?: ((dialogRef: HTMLElement) => any) | undefined;
+    onDialogCloseInH5?: ((dialogRef: HTMLElement) => any) | undefined;
+    onChangeToolbarDisplayType?: ((type: ToolbarDisplayType) => any) | undefined;
+}, {}, {}>;
+export default _default;

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

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

@@ -0,0 +1,73 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
+import { TUIStore, StoreName } from "@tencentcloud/chat-uikit-engine";
+import "../../../../adapter-vue.mjs";
+import faceIconLight from "../../../../assets/icon/face-light.svg.mjs";
+import faceIconDark from "../../../../assets/icon/face-dark.svg.mjs";
+import EmojiPickerDialog from "./emoji-picker-dialog.vue.mjs";
+import ToolbarItemContainer from "../toolbar-item-container/index.vue.mjs";
+import { isH5 } from "../../../../utils/env.mjs";
+import ChatConfig from "../../config.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  emits: ["sendMessage", "toggleComponent", "insertEmoji", "dialogShowInH5", "dialogCloseInH5", "changeToolbarDisplayType"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const faceIcon = ChatConfig.getTheme() === "dark" ? faceIconDark : faceIconLight;
+    const emits = __emit;
+    const currentConversation = ref();
+    const container = ref();
+    TUIStore.watch(StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const onDialogShow = (dialogRef) => {
+      if (!isH5) {
+        return;
+      }
+      emits("changeToolbarDisplayType", "emojiPicker");
+      emits("dialogShowInH5", dialogRef.value);
+    };
+    const onDialogClose = (dialogRef) => {
+      if (!isH5) {
+        return;
+      }
+      emits("changeToolbarDisplayType", "none");
+      emits("dialogCloseInH5", dialogRef.value);
+    };
+    const insertEmoji = (emojiObj) => {
+      emits("insertEmoji", emojiObj);
+    };
+    const sendMessage = () => {
+      emits("sendMessage");
+    };
+    const onClose = () => {
+      var _a;
+      (_a = container.value) == null ? void 0 : _a.toggleDialogDisplay(false);
+    };
+    __expose({
+      closeEmojiPicker: onClose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ToolbarItemContainer, {
+        ref_key: "container",
+        ref: container,
+        iconFile: unref(faceIcon),
+        title: "表情",
+        onOnDialogShow: onDialogShow,
+        onOnDialogClose: onDialogClose
+      }, {
+        default: withCtx(() => [
+          createVNode(EmojiPickerDialog, {
+            onInsertEmoji: insertEmoji,
+            onSendMessage: sendMessage,
+            onOnClose: onClose
+          })
+        ]),
+        _: 1
+      }, 8, ["iconFile"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    starTotal: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onDialogPopupShowOrHide: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    starTotal: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onOnDialogPopupShowOrHide?: ((...args: any[]) => any) | undefined;
+}, {
+    starTotal: number;
+}, {}>;
+export default _default;

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

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

@@ -0,0 +1,206 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, toDisplayString, createElementBlock, withModifiers, createCommentVNode, Fragment, renderList, withDirectives, isRef, vModelText, createTextVNode } from "vue";
+import TUIChatEngine, { TUIStore, StoreName, TUITranslateService, TUIChatService } from "@tencentcloud/chat-uikit-engine";
+import "../../../../adapter-vue.mjs";
+import ToolbarItemContainer from "../toolbar-item-container/index.vue.mjs";
+import evaluateIconLight from "../../../../assets/icon/evalute-light.svg.mjs";
+import evaluateIconDark from "../../../../assets/icon/evalute-dark.svg.mjs";
+import Link from "../../../../utils/documentLink.mjs";
+import Icon from "../../../common/Icon.vue.mjs";
+import starIcon from "../../../../assets/icon/star.png.mjs";
+import starLightIcon from "../../../../assets/icon/star-light.png.mjs";
+import { CHAT_MSG_CUSTOM_TYPE } from "../../../../constant.mjs";
+import { isUniFrameWork, isPC, isH5 } from "../../../../utils/env.mjs";
+import { isEnabledMessageReadReceiptGlobal } from "../../utils/utils.mjs";
+import OfflinePushInfoManager from "../../offlinePushInfoManager/index.mjs";
+import ChatConfig from "../../config.mjs";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    starTotal: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: ["onDialogPopupShowOrHide"],
+  setup(__props, { emit: __emit }) {
+    const evaluateIcon = ChatConfig.getTheme() === "dark" ? evaluateIconDark : evaluateIconLight;
+    const props = __props;
+    const emits = __emit;
+    const container = ref();
+    const starList = ref(props.starTotal);
+    const currentStarIndex = ref(-1);
+    const comment = ref("");
+    const currentConversation = ref();
+    TUIStore.watch(StoreName.CONV, {
+      currentConversation: (conversation) => {
+        currentConversation.value = conversation;
+      }
+    });
+    const isEvaluateValid = computed(() => comment.value.length || currentStarIndex.value >= 0);
+    const onDialogShow = () => {
+      emits("onDialogPopupShowOrHide", true);
+    };
+    const onDialogClose = () => {
+      resetEvaluate();
+      emits("onDialogPopupShowOrHide", false);
+    };
+    const openLink = () => {
+      var _a, _b;
+      if (isPC || isH5) {
+        window.open((_b = (_a = Link) == null ? void 0 : _a.customMessage) == null ? void 0 : _b.url);
+      }
+    };
+    const closeDialog = () => {
+      var _a;
+      (_a = container == null ? void 0 : container.value) == null ? void 0 : _a.toggleDialogDisplay(false);
+    };
+    const resetEvaluate = () => {
+      currentStarIndex.value = -1;
+      comment.value = "";
+    };
+    const selectStar = (starIndex) => {
+      if (currentStarIndex.value === starIndex) {
+        currentStarIndex.value = currentStarIndex.value - 1;
+      } else {
+        currentStarIndex.value = starIndex;
+      }
+    };
+    const submitEvaluate = () => {
+      var _a, _b, _c, _d, _e, _f;
+      if (currentStarIndex.value < 0 && !comment.value.length) {
+        return;
+      }
+      const payload = {
+        data: JSON.stringify({
+          businessID: CHAT_MSG_CUSTOM_TYPE.EVALUATE,
+          version: 1,
+          score: currentStarIndex.value + 1,
+          comment: comment.value
+        }),
+        description: "对本次的服务评价",
+        extension: "对本次的服务评价"
+      };
+      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,
+        needReadReceipt: isEnabledMessageReadReceiptGlobal()
+      };
+      const offlinePushInfoCreateParams = {
+        conversation: currentConversation.value,
+        payload: options.payload,
+        messageType: TUIChatEngine.TYPES.MSG_CUSTOM
+      };
+      const sendMessageOptions = {
+        offlinePushInfo: OfflinePushInfoManager.create(offlinePushInfoCreateParams)
+      };
+      TUIChatService.sendCustomMessage(options, sendMessageOptions);
+      (_f = container == null ? void 0 : container.value) == null ? void 0 : _f.toggleDialogDisplay(false);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(ToolbarItemContainer, {
+        ref_key: "container",
+        ref: container,
+        iconFile: unref(evaluateIcon),
+        title: "评价",
+        needBottomPopup: true,
+        iconWidth: unref(isUniFrameWork) ? "26px" : "20px",
+        iconHeight: unref(isUniFrameWork) ? "26px" : "20px",
+        onOnDialogShow: onDialogShow,
+        onOnDialogClose: onDialogClose
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["evaluate", !unref(isPC) && "evaluate-h5"])
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(["evaluate-header", !unref(isPC) && "evaluate-h5-header"])
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass([
+                  "evaluate-header-content",
+                  !unref(isPC) && "evaluate-h5-header-content"
+                ])
+              }, toDisplayString(unref(TUITranslateService).t("Evaluate.请对本次服务进行评价")), 3),
+              !unref(isPC) ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass([
+                  "evaluate-header-close",
+                  !unref(isPC) && "evaluate-h5-header-close"
+                ]),
+                onClick: withModifiers(closeDialog, ["stop"])
+              }, toDisplayString(unref(TUITranslateService).t("关闭")), 3)) : createCommentVNode("", true)
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(["evaluate-content", !unref(isPC) && "evaluate-h5-content"])
+            }, [
+              createElementVNode("ul", {
+                class: normalizeClass([
+                  "evaluate-content-list",
+                  !unref(isPC) && "evaluate-h5-content-list"
+                ])
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(starList), (item, index) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: index,
+                    class: normalizeClass([
+                      "evaluate-content-list-item",
+                      !unref(isPC) && "evaluate-h5-content-list-item"
+                    ]),
+                    onClick: withModifiers(($event) => selectStar(index), ["stop"])
+                  }, [
+                    index <= unref(currentStarIndex) ? (openBlock(), createBlock(Icon, {
+                      key: 0,
+                      file: unref(starLightIcon),
+                      width: unref(isPC) ? "20px" : "30px",
+                      height: unref(isPC) ? "20px" : "30px"
+                    }, null, 8, ["file", "width", "height"])) : (openBlock(), createBlock(Icon, {
+                      key: 1,
+                      file: unref(starIcon),
+                      width: unref(isPC) ? "20px" : "30px",
+                      height: unref(isPC) ? "20px" : "30px"
+                    }, null, 8, ["file", "width", "height"]))
+                  ], 10, _hoisted_1);
+                }), 128))
+              ], 2),
+              withDirectives(createElementVNode("textarea", {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(comment) ? comment.value = $event : null),
+                class: normalizeClass([
+                  "evaluate-content-text",
+                  !unref(isPC) && "evaluate-h5-content-text"
+                ])
+              }, null, 2), [
+                [vModelText, unref(comment)]
+              ]),
+              createElementVNode("div", {
+                class: normalizeClass([
+                  "evaluate-content-button",
+                  !unref(isPC) && "evaluate-h5-content-button"
+                ])
+              }, [
+                createElementVNode("button", {
+                  class: normalizeClass(["btn", unref(isEvaluateValid) ? "btn-valid" : "btn-invalid"]),
+                  onClick: submitEvaluate
+                }, toDisplayString(unref(TUITranslateService).t("Evaluate.提交评价")), 3)
+              ], 2)
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(["evaluate-adv", !unref(isPC) && "evaluate-h5-adv"])
+            }, [
+              createTextVNode(toDisplayString(unref(TUITranslateService).t("Evaluate.服务评价工具")) + " " + toDisplayString("(" + unref(TUITranslateService).t("Evaluate.使用")) + " ", 1),
+              createElementVNode("a", {
+                onClick: _cache[1] || (_cache[1] = ($event) => openLink(unref(Link).customMessage))
+              }, toDisplayString(unref(TUITranslateService).t(`Evaluate.${unref(Link).customMessage.label}`)), 1),
+              createTextVNode(" " + toDisplayString(unref(TUITranslateService).t("Evaluate.搭建") + ")"), 1)
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["iconFile", "iconWidth", "iconHeight"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/file-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/file-upload/index.vue.d.ts

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

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