tuikit-atomicx-vue3 0.1.0

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

@@ -0,0 +1,60 @@
+import { IMessageInputProps } from './types';
+
+declare function __VLS_template(): {
+    headerToolbar?(_: {}): any;
+    leftInline?(_: {}): any;
+    rightInline?(_: {}): any;
+    footerToolbar?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageInputProps>, {
+    autoFocus: boolean;
+    disabled: boolean;
+    hideSendButton: boolean;
+    placeholder: string;
+    className: string;
+    style: () => {};
+    attachmentPickerMode: string;
+    actions: () => string[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<IMessageInputProps>, {
+    autoFocus: boolean;
+    disabled: boolean;
+    hideSendButton: boolean;
+    placeholder: string;
+    className: string;
+    style: () => {};
+    attachmentPickerMode: string;
+    actions: () => string[];
+}>>> & Readonly<{}>, {
+    style: import('vue').CSSProperties;
+    placeholder: string;
+    disabled: boolean;
+    className: string;
+    autoFocus: boolean;
+    actions: import('./types').MessageInputActions;
+    attachmentPickerMode: import('./types').MessageInputAttachmentPickerMode;
+    hideSendButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/MessageInput/QuotedMessagePreview/QuotedMessagePreview.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../../../QuotedMessagePreview.vue_vue_type_script_setup_true_lang-C8lXN2Qm.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,4 @@
+import { _ } from "../../../QuotedMessagePreview.vue_vue_type_script_setup_true_lang-C8lXN2Qm.js";
+export {
+  _ as QuotedMessagePreview
+};

package/dist/components/MessageInput/SendButton/SendButton.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "../../../SendButton.vue_vue_type_script_setup_true_lang-BqIeqUyN.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,15 @@
+interface Props {
+    onClick?: (e: MouseEvent) => void;
+    disabled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import { _ } from "../../../SendButton.vue_vue_type_script_setup_true_lang-BqIeqUyN.js";
+export {
+  _ as SendButton
+};

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

@@ -0,0 +1,16 @@
+import { Editor } from '@tiptap/vue-3';
+import { IInputContent } from '../../../states/MessageInputState';
+
+interface EditorOptions {
+    element: Element;
+    placeholder?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    onUpdate?: (content: IInputContent[]) => void;
+    onEnter?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare function createEditor({ element, placeholder, autoFocus, disabled, onUpdate, onEnter, onFocus, onBlur, }: EditorOptions): Editor;
+export { createEditor, };
+export type { Editor, };

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

@@ -0,0 +1,134 @@
+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";
+function createEmojiExtension() {
+  return Image.extend({
+    name: MessageContentType.EMOJI,
+    inline: true,
+    group: "inline",
+    draggable: true,
+    addOptions() {
+      var _a;
+      return {
+        ...(_a = this.parent) == null ? void 0 : _a.call(this),
+        HTMLAttributes: {
+          class: "message-emoji"
+        }
+      };
+    }
+  });
+}
+function createImageExtension() {
+  return Image.extend({
+    addOptions() {
+      var _a;
+      return {
+        ...(_a = this.parent) == null ? void 0 : _a.call(this),
+        HTMLAttributes: {
+          class: "message-image"
+        }
+      };
+    },
+    addAttributes() {
+      var _a;
+      return {
+        ...(_a = this.parent) == null ? void 0 : _a.call(this),
+        fileData: {
+          default: null,
+          parseHTML: (element) => element.getAttribute("file-data"),
+          renderHTML: (attributes) => attributes.fileData ? { "file-data": attributes.fileData } : {}
+        }
+      };
+    }
+  }).configure({
+    inline: true
+  });
+}
+function createEnterKeyExtension(options) {
+  return Extension.create({
+    addKeyboardShortcuts() {
+      return {
+        "Enter": () => {
+          var _a;
+          (_a = options == null ? void 0 : options.onEnter) == null ? void 0 : _a.call(options);
+          return true;
+        },
+        "Mod-Enter": ({ editor }) => {
+          editor.commands.setHardBreak();
+          return true;
+        }
+      };
+    }
+  });
+}
+function convertEditorContent(node) {
+  if (!(node == null ? void 0 : node.content)) {
+    return [];
+  }
+  return node.content.flatMap((child) => {
+    var _a, _b, _c, _d;
+    switch (child.type) {
+      case "text":
+        return child.text ? [{
+          type: MessageContentType.TEXT,
+          content: child.text
+        }] : [];
+      case "image":
+        return [{
+          type: MessageContentType.IMAGE,
+          content: (_a = child.attrs) == null ? void 0 : _a.fileData
+        }];
+      case "emoji":
+        return [{
+          type: MessageContentType.EMOJI,
+          content: {
+            url: (_b = child.attrs) == null ? void 0 : _b.src,
+            key: (_c = child.attrs) == null ? void 0 : _c.alt,
+            text: (_d = child.attrs) == null ? void 0 : _d.title
+          }
+        }];
+      case "hardBreak":
+        return [{
+          type: MessageContentType.TEXT,
+          content: "\n"
+        }];
+      default:
+        return convertEditorContent(child);
+    }
+  });
+}
+function createEditor({
+  element,
+  placeholder = "",
+  autoFocus = false,
+  disabled = false,
+  onUpdate,
+  onEnter,
+  onFocus,
+  onBlur
+}) {
+  const createBaseExtensions = (enterHandler) => [
+    StarterKit,
+    createEnterKeyExtension(enterHandler ? { onEnter: enterHandler } : void 0),
+    createEmojiExtension(),
+    createImageExtension(),
+    Placeholder.configure({
+      placeholder
+    })
+  ];
+  const editorConfig = {
+    element,
+    autofocus: autoFocus,
+    editable: !disabled,
+    extensions: createBaseExtensions(onEnter),
+    onUpdate: ({ editor }) => {
+      const content = convertEditorContent(editor.getJSON());
+      onUpdate == null ? void 0 : onUpdate(content);
+    },
+    onFocus,
+    onBlur
+  };
+  return new Editor(editorConfig);
+}
+export {
+  createEditor
+};

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

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

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

@@ -0,0 +1,46 @@
+interface ITextEditorProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+}
+declare function __VLS_template(): {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ITextEditorProps>, {
+    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>, {
+    autoFocus: boolean;
+    disabled: boolean;
+    placeholder: string;
+}>>> & Readonly<{}>, {
+    placeholder: string;
+    disabled: boolean;
+    autoFocus: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

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

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

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

package/dist/components/MessageInput/index.js

@@ -0,0 +1,16 @@
+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";
+export {
+  _ as AttachmentPicker,
+  default2 as EmojiPicker,
+  _2 as FilePicker,
+  _3 as ImagePicker,
+  _6 as MessageInput,
+  _5 as TextEditor,
+  _4 as VideoPicker
+};

package/dist/components/MessageInput/types.d.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,73 @@
+import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
+import View from "../../../../baseComp/View/View.js";
+import { useAudioControl } from "../../../../hooks/useAudioControl.js";
+import PlayButton from "./PlayButton.js";
+import WaveForm from "./WaveForm.js";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AudioMessage",
+  props: {
+    message: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const messageContent = computed(() => props.message.getMessageContent());
+    const barCount = computed(() => {
+      const count = messageContent.value.second;
+      if (count <= 5) {
+        return 10;
+      }
+      if (count <= 10) {
+        return 14;
+      }
+      return 18;
+    });
+    const audioId = computed(() => `audio-${props.message.ID}`);
+    const {
+      isPlaying,
+      progress,
+      play,
+      pause,
+      setProgress
+    } = useAudioControl({
+      url: messageContent.value.url,
+      audioId: audioId.value
+    });
+    const formatDuration = (seconds) => {
+      const minutes = Math.floor(seconds / 60);
+      const remainingSeconds = Math.floor(seconds % 60);
+      return `${minutes.toString().padStart(2, "0")}:${remainingSeconds.toString().padStart(2, "0")}`;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(View), { class: "audio-message" }, {
+        default: withCtx(() => [
+          createVNode(unref(View), { class: "audio-message__content" }, {
+            default: withCtx(() => [
+              createVNode(PlayButton, {
+                "is-playing": unref(isPlaying),
+                onClick: _cache[0] || (_cache[0] = ($event) => unref(isPlaying) ? unref(pause)() : unref(play)())
+              }, null, 8, ["is-playing"]),
+              createVNode(WaveForm, {
+                progress: unref(progress),
+                "bars-count": barCount.value,
+                onSeek: unref(setProgress)
+              }, null, 8, ["progress", "bars-count", "onSeek"]),
+              createVNode(unref(View), { class: "audio-message__duration" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(formatDuration(messageContent.value.second)), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const AudioMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b2418d6b"]]);
+export {
+  AudioMessage as default
+};

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

@@ -0,0 +1,16 @@
+import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
+
+interface IAudioMessageProps {
+    message: IMessageModel;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IAudioMessageProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IAudioMessageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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;
+    };
+};

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

@@ -0,0 +1,67 @@
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const _hoisted_2 = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "play-button__play-icon"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PlayButton",
+  props: {
+    isPlaying: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onClick = () => {
+      emit("click");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(["play-button", { "play-button--playing": _ctx.isPlaying }]),
+        onClick
+      }, [
+        _ctx.isPlaying ? (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+          createElementVNode("rect", {
+            x: "6",
+            y: "4",
+            width: "4",
+            height: "16"
+          }, null, -1),
+          createElementVNode("rect", {
+            x: "14",
+            y: "4",
+            width: "4",
+            height: "16"
+          }, null, -1)
+        ]))) : (openBlock(), createElementBlock("svg", _hoisted_2, _cache[1] || (_cache[1] = [
+          createElementVNode("polygon", { points: "5 3 19 12 5 21 5 3" }, null, -1)
+        ])))
+      ], 2);
+    };
+  }
+});
+const PlayButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9309cd38"]]);
+export {
+  PlayButton as default
+};

package/dist/components/MessageList/Message/AudioMessage/PlayButton.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    isPlaying: boolean | undefined;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    isPlaying: boolean | undefined;
+}>>> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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;
+    };
+};

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

@@ -0,0 +1,64 @@
+import { defineComponent, computed, ref, onMounted, createElementBlock, openBlock, normalizeStyle, createElementVNode, Fragment, renderList, normalizeClass } from "vue";
+import { _ as _export_sfc } from "../../../../_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WaveForm",
+  props: {
+    progress: {},
+    barsCount: { default: 30 },
+    width: { default: "100%" }
+  },
+  emits: ["seek"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const waveFormStyle = computed(() => ({
+      width: typeof props.width === "number" ? `${props.width}px` : props.width
+    }));
+    const waveBarHeights = ref([]);
+    onMounted(() => {
+      const heights = [];
+      for (let i = 0; i < props.barsCount; i++) {
+        heights.push(Math.random() * 16 + 8);
+      }
+      waveBarHeights.value = heights;
+    });
+    const isBarActive = (index) => {
+      const barProgress = (index + 1) / props.barsCount;
+      return (props.progress || 0) >= barProgress;
+    };
+    const cursorStyle = computed(() => ({
+      left: `${(props.progress || 0) * 100}%`
+    }));
+    const handleClick = (event) => {
+      const waveElement = event.currentTarget;
+      const rect = waveElement.getBoundingClientRect();
+      const offsetX = event.clientX - rect.left;
+      const newProgress = offsetX / rect.width;
+      const validProgress = Math.max(0, Math.min(1, newProgress));
+      emit("seek", validProgress);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "wave-form",
+        onClick: handleClick,
+        style: normalizeStyle(waveFormStyle.value)
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(waveBarHeights.value, (height, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: normalizeClass(["wave-form__bar", { "wave-form__bar--active": isBarActive(index) }]),
+            style: normalizeStyle({ height: `${height}px` })
+          }, null, 6);
+        }), 128)),
+        createElementVNode("div", {
+          class: "wave-form__cursor",
+          style: normalizeStyle(cursorStyle.value)
+        }, null, 4)
+      ], 4);
+    };
+  }
+});
+const WaveForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5bc04a79"]]);
+export {
+  WaveForm as default
+};

package/dist/components/MessageList/Message/AudioMessage/WaveForm.vue.d.ts

@@ -0,0 +1,37 @@
+interface WaveFormProps {
+    progress: number | undefined;
+    barsCount?: number;
+    width?: string | number;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<WaveFormProps>, {
+    barsCount: number;
+    width: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    seek: (progress: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<WaveFormProps>, {
+    barsCount: number;
+    width: string;
+}>>> & Readonly<{
+    onSeek?: ((progress: number) => any) | undefined;
+}>, {
+    width: string | number;
+    barsCount: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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/dist/components/MessageList/Message/AudioMessage/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { default as default2 } from "./AudioMessage.js";
+export {
+  default2 as AudioMessage
+};

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;