tuikit-atomicx-vue3 0.1.0 → 0.1.1

package/dist/components/MessageInput/TextEditor/EditorCore.js

@@ -1,5 +1,6 @@
-import { S as StarterKit, P as Placeholder, E as Editor, a as Extension, I as Image } from "../../../index-oR-rgHxX.js";
-import { MessageContentType } from "../../../states/MessageInputState/MessageInputState.js";
+import { S as StarterKit, P as Placeholder, E as Editor, I as Image } from "../../../index-ex2Jv3Tj.js";
+import { E as Extension } from "../../../index-t9cbWbGG.js";
+import { MessageContentType } from "../../../states/MessageInputState/type.js";
 function createEmojiExtension() {
   return Image.extend({
     name: MessageContentType.EMOJI,

package/dist/components/MessageInput/TextEditor/TextEditor.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js";
+import { TextEditor as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };

package/dist/components/MessageInput/TextEditor/TextEditor.vue.d.ts

@@ -1,4 +1,4 @@
-interface ITextEditorProps {
+interface TextEditorProps {
     autoFocus?: boolean;
     disabled?: boolean;
     placeholder?: string;
@@ -7,11 +7,11 @@ declare function __VLS_template(): {
     prefix?(_: {}): any;
     suffix?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ITextEditorProps>, {
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
     autoFocus: boolean;
     disabled: boolean;
     placeholder: string;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ITextEditorProps>, {
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
     autoFocus: boolean;
     disabled: boolean;
     placeholder: string;

package/dist/components/MessageInput/TextEditor/index.js

@@ -1,4 +1,98 @@
-import { _ } from "../../../TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js";
+import { defineComponent, ref, computed, onMounted, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { createEditor } from "./EditorCore.js";
+import { useMessageInputState } from "../../../states/MessageInputState/MessageInputState.js";
+import { useConversationListState } from "../../../states/ConversationListState/ConversationListState.js";
+const disabled = "_disabled_d6wpx_11";
+const editor = "_editor_d6wpx_21";
+const styles = {
+  "input-wrapper": "_input-wrapper_d6wpx_1",
+  disabled,
+  "input-prefix": "_input-prefix_d6wpx_15",
+  "input-suffix": "_input-suffix_d6wpx_16",
+  editor
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextEditor",
+  props: {
+    autoFocus: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    placeholder: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useUIKit();
+    const { activeConversation } = useConversationListState();
+    const { updateRawValue, sendMessage, setEditorInstance, setContent } = useMessageInputState();
+    const editorRef = ref(null);
+    const isFocused = ref(props.autoFocus);
+    const placeholderText = computed(() => props.disabled ? "" : props.placeholder || t("MessageInput.enter_a_message"));
+    let editorInstance = null;
+    onMounted(() => {
+      const element = editorRef.value;
+      if (!element) {
+        return;
+      }
+      if (!element.dataset.editorCreated) {
+        editorInstance = createEditor({
+          element,
+          placeholder: placeholderText.value,
+          autoFocus: props.autoFocus,
+          disabled: props.disabled,
+          onUpdate: (content) => {
+            updateRawValue(content);
+          },
+          onEnter: () => {
+            sendMessage();
+            setContent("");
+          },
+          onFocus: () => {
+            isFocused.value = true;
+          },
+          onBlur: () => {
+            isFocused.value = false;
+          }
+        });
+        element.dataset.editorCreated = "true";
+        setEditorInstance(editorInstance);
+      }
+    });
+    onUnmounted(() => {
+      const element = editorRef.value;
+      if (editorInstance && element) {
+        editorInstance.destroy();
+        element.removeAttribute("data-editor-created");
+        setEditorInstance(null);
+      }
+    });
+    watch(activeConversation, (newConversation, oldConversation) => {
+      if ((newConversation == null ? void 0 : newConversation.conversationID) !== (oldConversation == null ? void 0 : oldConversation.conversationID)) {
+        setContent("");
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(styles)["input-wrapper"], props.disabled && unref(styles).disabled])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(styles)["input-prefix"])
+        }, [
+          renderSlot(_ctx.$slots, "prefix")
+        ], 2),
+        createElementVNode("div", {
+          ref_key: "editorRef",
+          ref: editorRef,
+          class: normalizeClass(unref(styles)["editor"])
+        }, null, 2),
+        createElementVNode("div", {
+          class: normalizeClass(unref(styles)["input-suffix"])
+        }, [
+          renderSlot(_ctx.$slots, "suffix")
+        ], 2)
+      ], 2);
+    };
+  }
+});
 export {
-  _ as TextEditor
+  _sfc_main as TextEditor
 };

package/dist/components/MessageInput/i18n/en-US.d.ts

@@ -0,0 +1,12 @@
+declare const MessageInput: {
+    file: string;
+    image: string;
+    video: string;
+    audio: string;
+    location: string;
+    custom_message: string;
+    unknown: string;
+    enter_a_message: string;
+    send: string;
+};
+export default MessageInput;

package/dist/components/MessageInput/i18n/en-US.js

@@ -0,0 +1,14 @@
+const MessageInput = {
+  file: "File",
+  image: "Image",
+  video: "Video",
+  audio: "Audio",
+  location: "Location",
+  custom_message: "Custom Message",
+  unknown: "Unknown",
+  enter_a_message: "Enter a message",
+  send: "Send"
+};
+export {
+  MessageInput as default
+};

package/dist/components/MessageInput/i18n/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/MessageInput/i18n/index.js

@@ -0,0 +1,10 @@
+import { i18next } from "@tencentcloud/uikit-base-component-vue3";
+import MessageInput$1 from "./en-US.js";
+import MessageInput from "./zh-CN.js";
+const resources = {
+  "en-US": MessageInput$1,
+  "zh-CN": MessageInput
+};
+Object.entries(resources).forEach(([lng, resource]) => {
+  i18next.addResourceBundle(lng, "translation", { MessageInput: resource }, true, false);
+});

package/dist/components/MessageInput/i18n/zh-CN.d.ts

@@ -0,0 +1,12 @@
+declare const MessageInput: {
+    file: string;
+    image: string;
+    video: string;
+    audio: string;
+    location: string;
+    custom_message: string;
+    unknown: string;
+    enter_a_message: string;
+    send: string;
+};
+export default MessageInput;

package/dist/components/MessageInput/i18n/zh-CN.js

@@ -0,0 +1,14 @@
+const MessageInput = {
+  file: "文件",
+  image: "图片",
+  video: "视频",
+  audio: "音频",
+  location: "位置",
+  custom_message: "自定义消息",
+  unknown: "未知",
+  enter_a_message: "输入消息",
+  send: "发送"
+};
+export {
+  MessageInput as default
+};

package/dist/components/MessageInput/index.d.ts

@@ -1,6 +1,6 @@
 import { AttachmentPicker, FilePicker, ImagePicker, VideoPicker } from './AttachmentPicker';
 import { EmojiPicker } from './EmojiPicker';
-import { TextEditor } from './TextEditor';
 import { default as MessageInput } from './MessageInput.vue';
+import { TextEditor } from './TextEditor';
 
 export { TextEditor, MessageInput, EmojiPicker, AttachmentPicker, FilePicker, ImagePicker, VideoPicker, };

package/dist/components/MessageInput/index.js

@@ -1,16 +1,129 @@
-import { _ } from "../../AttachmentPicker.vue_vue_type_script_setup_true_lang-B9tVChd9.js";
-import { _ as _2 } from "../../FilePicker.vue_vue_type_script_setup_true_lang-D0cP-aFi.js";
-import { _ as _3 } from "../../ImagePicker.vue_vue_type_script_setup_true_lang-DzBHwcSi.js";
-import { _ as _4 } from "../../VideoPicker.vue_vue_type_script_setup_true_lang-DAv8_NWh.js";
-import { default as default2 } from "./EmojiPicker/EmojiPicker.js";
-import { _ as _5 } from "../../TextEditor.vue_vue_type_script_setup_true_lang-yXW1iVZ1.js";
-import { _ as _6 } from "../../MessageInput.vue_vue_type_script_setup_true_lang-Ca6-JH93.js";
+import { AttachmentPicker as _sfc_main$1 } from "./AttachmentPicker/index.js";
+import { _ as _sfc_main$5 } from "../../FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js";
+import { _ as _sfc_main$6 } from "../../ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js";
+import { _ as _sfc_main$7 } from "../../VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.js";
+import EmojiPickerComponent from "./EmojiPicker/EmojiPicker.js";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, createVNode, createCommentVNode } from "vue";
+import { QuotedMessagePreview as _sfc_main$2 } from "./QuotedMessagePreview/index.js";
+import { SendButton as _sfc_main$4 } from "./SendButton/index.js";
+import { TextEditor as _sfc_main$3 } from "./TextEditor/index.js";
+import { useMessageInputState } from "../../states/MessageInputState/MessageInputState.js";
+const styles = {
+  "message-input": "_message-input_1p3x8_1",
+  "message-input__toolbar": "_message-input__toolbar_1p3x8_11",
+  "message-input__wrapper": "_message-input__wrapper_1p3x8_18",
+  "message-input__leftInline": "_message-input__leftInline_1p3x8_23",
+  "message-input__rightInline": "_message-input__rightInline_1p3x8_23",
+  "message-input__actions": "_message-input__actions_1p3x8_27",
+  "message-input__footerToolbar": "_message-input__footerToolbar_1p3x8_33"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageInput",
+  props: {
+    autoFocus: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    hideSendButton: { type: Boolean, default: false },
+    placeholder: { default: "" },
+    className: { default: "" },
+    style: { default: () => ({}) },
+    attachmentPickerMode: { default: "collapsed" },
+    actions: { default: () => ["EmojiPicker", "ImagePicker", "FilePicker", "VideoPicker"] },
+    slots: {}
+  },
+  setup(__props) {
+    const DEFAULT_ACTIONS = [
+      { key: "EmojiPicker", component: EmojiPickerComponent },
+      { key: "AttachmentPicker", component: _sfc_main$1 },
+      { key: "FilePicker", component: _sfc_main$5 },
+      { key: "ImagePicker", component: _sfc_main$6 },
+      { key: "VideoPicker", component: _sfc_main$7 }
+    ];
+    const props = __props;
+    const { inputRawValue, setContent, sendMessage } = useMessageInputState();
+    const pickProps = (sourceObject, propertyKeys) => Object.fromEntries(
+      propertyKeys.map((key) => [key, sourceObject[key]]).filter(([, value]) => value !== void 0)
+    );
+    const resolveStringAction = (actionKey) => {
+      const { component = () => null } = DEFAULT_ACTIONS.find(({ key }) => key === actionKey) ?? {};
+      return { Component: component, props: {} };
+    };
+    const resolveObjectAction = (action) => {
+      var _a;
+      const { key: actionKey, component, ...restProps } = action;
+      const defaultComponent = ((_a = DEFAULT_ACTIONS.find(({ key }) => key === actionKey)) == null ? void 0 : _a.component) ?? (() => null);
+      return {
+        Component: component ?? defaultComponent,
+        props: pickProps(restProps, ["label", "className", "style", "iconSize"])
+      };
+    };
+    const actionList = computed(
+      () => props.actions.map((action) => typeof action === "string" ? resolveStringAction(action) : resolveObjectAction(action)).filter(({ Component }) => Component !== null)
+    );
+    const sendInputMessage = () => {
+      if (inputRawValue.value) {
+        sendMessage();
+        setContent("");
+      }
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(styles)["message-input"], _ctx.className]),
+        style: normalizeStyle(_ctx.style)
+      }, [
+        renderSlot(_ctx.$slots, "headerToolbar", {}, () => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(styles)["message-input__toolbar"])
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(actionList.value, (action, index) => {
+              return openBlock(), createBlock(resolveDynamicComponent(action.Component), mergeProps({ key: index }, { ref_for: true }, { ...action.props, ...action.Component === unref(_sfc_main$1) ? { attachmentPickerMode: _ctx.attachmentPickerMode } : {} }), null, 16);
+            }), 128))
+          ], 2)
+        ]),
+        createElementVNode("div", {
+          class: normalizeClass(unref(styles)["message-input__wrapper"])
+        }, [
+          createVNode(unref(_sfc_main$2)),
+          createElementVNode("div", {
+            class: normalizeClass(unref(styles)["message-input__leftInline"])
+          }, [
+            renderSlot(_ctx.$slots, "leftInline")
+          ], 2),
+          createVNode(unref(_sfc_main$3), {
+            autoFocus: _ctx.autoFocus,
+            disabled: _ctx.disabled,
+            placeholder: _ctx.placeholder,
+            prefix: (_a = _ctx.slots) == null ? void 0 : _a.inputPrefix,
+            suffix: (_b = _ctx.slots) == null ? void 0 : _b.inputSuffix
+          }, null, 8, ["autoFocus", "disabled", "placeholder", "prefix", "suffix"]),
+          createElementVNode("div", {
+            class: normalizeClass(unref(styles)["message-input__rightInline"])
+          }, [
+            renderSlot(_ctx.$slots, "rightInline")
+          ], 2)
+        ], 2),
+        renderSlot(_ctx.$slots, "footerToolbar", {}, () => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(styles)["message-input__footerToolbar"])
+          }, [
+            !_ctx.hideSendButton ? (openBlock(), createBlock(unref(_sfc_main$4), {
+              key: 0,
+              class: normalizeClass(unref(styles)["message-input__send-button"]),
+              disabled: !unref(inputRawValue),
+              onClick: sendInputMessage
+            }, null, 8, ["class", "disabled"])) : createCommentVNode("", true)
+          ], 2)
+        ])
+      ], 6);
+    };
+  }
+});
 export {
-  _ as AttachmentPicker,
-  default2 as EmojiPicker,
-  _2 as FilePicker,
-  _3 as ImagePicker,
-  _6 as MessageInput,
-  _5 as TextEditor,
-  _4 as VideoPicker
+  _sfc_main$1 as AttachmentPicker,
+  EmojiPickerComponent as EmojiPicker,
+  _sfc_main$5 as FilePicker,
+  _sfc_main$6 as ImagePicker,
+  _sfc_main as MessageInput,
+  _sfc_main$3 as TextEditor,
+  _sfc_main$7 as VideoPicker
 };

package/dist/components/MessageList/Message/AudioMessage/AudioMessage.js

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
-import View from "../../../../baseComp/View/View.js";
+import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
 import { useAudioControl } from "../../../../hooks/useAudioControl.js";
 import PlayButton from "./PlayButton.js";
 import WaveForm from "./WaveForm.js";
@@ -39,9 +39,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return `${minutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(View), { class: "audio-message" }, {
+      return openBlock(), createBlock(unref(_sfc_main$1), { class: "audio-message" }, {
         default: withCtx(() => [
-          createVNode(unref(View), { class: "audio-message__content" }, {
+          createVNode(unref(_sfc_main$1), { class: "audio-message__content" }, {
             default: withCtx(() => [
               createVNode(PlayButton, {
                 "is-playing": unref(isPlaying),
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "bars-count": barCount.value,
                 onSeek: unref(setProgress)
               }, null, 8, ["progress", "bars-count", "onSeek"]),
-              createVNode(unref(View), { class: "audio-message__duration" }, {
+              createVNode(unref(_sfc_main$1), { class: "audio-message__duration" }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(formatDuration(messageContent.value.second)), 1)
                 ]),

package/dist/components/MessageList/Message/CustomMessage/CustomMessage.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-CoK94Qxs.js";
+import { CustomMessage as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };

package/dist/components/MessageList/Message/CustomMessage/index.js

@@ -1,4 +1,12 @@
-import { _ } from "../../../../CustomMessage.vue_vue_type_script_setup_true_lang-CoK94Qxs.js";
+import { defineComponent } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomMessage",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return " [Custom Message] ";
+    };
+  }
+});
 export {
-  _ as CustomMessage
+  _sfc_main as CustomMessage
 };

package/dist/components/MessageList/Message/FileMessage/FileMessage.js

@@ -1,7 +1,7 @@
 import { defineComponent, createBlock, openBlock, unref, normalizeClass, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
 import { useUIKit, IconFile, IconDownload, TUIToast } from "@tencentcloud/uikit-base-component-vue3";
 import { c as cs } from "../../../../index-BF6QB9jF.js";
-import View from "../../../../baseComp/View/View.js";
+import { View as _sfc_main$1 } from "../../../../baseComp/View/index.js";
 import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FileMessage",
@@ -31,32 +31,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           window.URL.revokeObjectURL(blobUrl);
         } catch {
           TUIToast.error({
-            message: t("TUIChat.Download failed")
+            message: t("MessageList.download_failed")
           });
         }
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(View), {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
         class: normalizeClass(unref(cs)("file-message")),
         onClick: handleFileClick
       }, {
         default: withCtx(() => [
-          createVNode(unref(View), { class: "file-message__icon" }, {
+          createVNode(unref(_sfc_main$1), { class: "file-message__icon" }, {
             default: withCtx(() => [
               createVNode(unref(IconFile))
             ]),
             _: 1
           }),
-          createVNode(unref(View), { class: "file-message__middle" }, {
+          createVNode(unref(_sfc_main$1), { class: "file-message__middle" }, {
             default: withCtx(() => [
-              createVNode(unref(View), { class: "file-message__name" }, {
+              createVNode(unref(_sfc_main$1), { class: "file-message__name" }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(messageContent).name), 1)
                 ]),
                 _: 1
               }),
-              createVNode(unref(View), { class: "file-message__size" }, {
+              createVNode(unref(_sfc_main$1), { class: "file-message__size" }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(messageContent).size), 1)
                 ]),
@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }),
-          createVNode(unref(View), { class: "file-message__download" }, {
+          createVNode(unref(_sfc_main$1), { class: "file-message__download" }, {
             default: withCtx(() => [
               createVNode(unref(IconDownload))
             ]),
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FileMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-277d6d0c"]]);
+const FileMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68ee1233"]]);
 export {
   FileMessage as default
 };

package/dist/components/MessageList/Message/GroupTipMessage/GroupTipMessage.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-BqyPcZln.js";
+import { GroupTipMessage as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };

package/dist/components/MessageList/Message/GroupTipMessage/GroupTipMessage.vue.d.ts

@@ -1,9 +1,9 @@
-import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
 
-interface IGroupTipMessageProps {
-    message: IMessageModel;
+interface GroupTipMessageProps {
+    message: MessageModel;
 }
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IGroupTipMessageProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IGroupTipMessageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GroupTipMessageProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<GroupTipMessageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/dist/components/MessageList/Message/GroupTipMessage/index.js

@@ -1,4 +1,31 @@
-import { _ } from "../../../../GroupTipMessage.vue_vue_type_style_index_0_lang-BqyPcZln.js";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, toDisplayString } from "vue";
+import { useUIKit } from "@tencentcloud/uikit-base-component-vue3";
+import { c as cs } from "../../../../index-BF6QB9jF.js";
+import { resolveGroupTipMessage } from "./resolveGroupTipMessage.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GroupTipMessage",
+  props: {
+    message: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useUIKit();
+    const messageContent = props.message.getMessageContent();
+    const renderText = () => {
+      switch (messageContent.businessID) {
+        case "group_create":
+          return `${messageContent.showName || ""} ${t("MessageList.create_group")}`;
+        default:
+          return resolveGroupTipMessage(props.message).text;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs)("group-tip-message"))
+      }, toDisplayString(renderText()), 3);
+    };
+  }
+});
 export {
-  _ as GroupTipMessage
+  _sfc_main as GroupTipMessage
 };

package/dist/components/MessageList/Message/GroupTipMessage/resolveGroupTipMessage.d.ts

@@ -0,0 +1,6 @@
+import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+
+declare function resolveGroupTipMessage(message: MessageModel): {
+    text: string;
+};
+export { resolveGroupTipMessage, };

package/dist/components/MessageList/Message/GroupTipMessage/resolveGroupTipMessage.js

@@ -0,0 +1,85 @@
+import { TUIChatEngine } from "@tencentcloud/chat-uikit-engine";
+import { i18next } from "@tencentcloud/uikit-base-component-vue3";
+function substringByLength(str, len = 12) {
+  return str.length > len ? `${str.slice(0, len)}...` : str;
+}
+function handleGroupProfileUpdated(message) {
+  const { t } = i18next;
+  const { nick, payload } = message;
+  const { newGroupProfile, memberList, operatorID } = payload;
+  let text = "";
+  const showName = nick || operatorID;
+  const key = Object.keys(newGroupProfile)[0];
+  switch (key) {
+    case "muteAllMembers":
+      if (newGroupProfile[key]) {
+        text = `${t("MessageList.administrator")} ${showName} ${t("MessageList.enabled_mute_all_members")}`;
+      } else {
+        text = `${t("MessageList.administrator")} ${showName} ${t("MessageList.disabled_mute_all_members")}`;
+      }
+      break;
+    case "ownerID":
+      text = `${memberList[0].nick || memberList[0].userID} ${t("MessageList.became_new_group_owner")}`;
+      break;
+    case "groupName":
+      text = `${showName} ${t("MessageList.changed_group_name_to")} ${newGroupProfile[key]}`;
+      break;
+    case "notification":
+      text = `${showName} ${t("MessageList.published_new_announcement")}`;
+      break;
+  }
+  return text;
+}
+function resolveGroupTipMessage(message) {
+  var _a, _b, _c, _d, _e, _f;
+  const ret = {
+    text: ""
+  };
+  const { t } = i18next;
+  let showName = (message == null ? void 0 : message.nick) || ((_b = (_a = message == null ? void 0 : message.payload) == null ? void 0 : _a.userIDList) == null ? void 0 : _b.join(","));
+  if (((_d = (_c = message == null ? void 0 : message.payload) == null ? void 0 : _c.memberList) == null ? void 0 : _d.length) > 0) {
+    showName = "";
+    (_f = (_e = message == null ? void 0 : message.payload) == null ? void 0 : _e.memberList) == null ? void 0 : _f.map((user) => {
+      const _showName = (user == null ? void 0 : user.nick) || (user == null ? void 0 : user.userID);
+      showName += `${substringByLength(_showName)},`;
+      return user;
+    });
+    showName = showName == null ? void 0 : showName.slice(0, -1);
+  }
+  switch (message.payload.operationType) {
+    case TUIChatEngine.TYPES.GRP_TIP_MBR_JOIN:
+      ret.text = `${showName} ${t("MessageList.joined_group")}`;
+      break;
+    case TUIChatEngine.TYPES.GRP_TIP_MBR_QUIT:
+      ret.text = `${t("MessageList.group_member")}: ${showName} ${t("MessageList.left_group")}`;
+      break;
+    case TUIChatEngine.TYPES.GRP_TIP_MBR_KICKED_OUT:
+      ret.text = `${t("MessageList.group_member")}: ${showName} ${t("MessageList.was")} ${t("MessageList.kicked_out_of_group")}`;
+      break;
+    case TUIChatEngine.TYPES.GRP_TIP_MBR_SET_ADMIN:
+      ret.text = `${t("MessageList.group_member")}: ${showName} ${t("MessageList.became_admin")}`;
+      break;
+    case TUIChatEngine.TYPES.GRP_TIP_MBR_CANCELED_ADMIN:
+      ret.text = `${t("MessageList.group_member")}: ${showName} ${t("MessageList.admin_privileges_revoked")}`;
+      break;
+    case TUIChatEngine.TYPES.GRP_TIP_GRP_PROFILE_UPDATED:
+      ret.text = handleGroupProfileUpdated(message);
+      break;
+    case TUIChatEngine.TYPES.GRP_TIP_MBR_PROFILE_UPDATED:
+      message.payload.memberList.forEach((member) => {
+        if (member.muteTime > 0) {
+          ret.text = `${t("MessageList.group_member")}: ${showName} ${t("MessageList.was_muted")}`;
+        } else {
+          ret.text = `${t("MessageList.group_member")}: ${showName} ${t("MessageList.was_unmuted")}`;
+        }
+      });
+      break;
+    default:
+      ret.text = `[${t("MessageList.group_tip_message")}]`;
+      break;
+  }
+  return ret;
+}
+export {
+  resolveGroupTipMessage
+};

package/dist/components/MessageList/Message/Message.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../../../Message.vue_vue_type_script_setup_true_lang-BV0PxtjX.js";
+import { Message as _sfc_main } from "./index.js";
 export {
   _sfc_main as default
 };