@vunk/plus 1.11.2 → 1.11.4

package/components/agent-chat-provider/index.mjs

@@ -193,7 +193,7 @@ var _sfc_main = defineComponent({
   }
 });
 
-var VkAgentChatProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/agent-chat-provider/src/index.vue"]]);
+var VkAgentChatProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\labCode\\vunk-plus\\packages\\components\\agent-chat-provider\\src\\index.vue"]]);
 
 class MessageViewManager {
   constructor() {

package/components/agent-chat-provider/src/types.d.ts

@@ -1,8 +1,8 @@
 import type { __VkBubbleTemplates } from '@vunk/plus/components/bubble-templates';
+import type { BubbleProps } from '@vunk/plus/element/bubble';
 import type { MaybeArray, Media, NormalObject } from '@vunk/shared';
 import type { RequestFn, SSEOutput, useXChat, XAgent, XRequestParams } from 'ant-design-x-vue';
 import type { ComputedRef } from 'vue';
-import type { BubbleListItemProps } from 'vue-element-plus-x/types/components/BubbleList/types';
 import type { MessageView } from './MessageView';
 export type RequestParams<Message> = Omit<XRequestParams, 'message'> & {
     message: Message;
@@ -31,7 +31,7 @@ export type AgentMessage = Partial<BubbleMessage> & {
 /**
  * @description useXChat parser 解析数据
  */
-export type BubbleMessage = Partial<BubbleListItemProps> & {
+export type BubbleMessage = Partial<BubbleProps> & {
     role: string;
     content: string;
     /**

package/components/avatar/index.mjs

@@ -36,7 +36,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["style"]);
 }
-var VkAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/avatar/src/index.vue"]]);
+var VkAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\avatar\\src\\index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/broadcasting-markdown/index.mjs

@@ -9,6 +9,138 @@ import { c as commonjsGlobal } from '../_commonjsHelpers.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 import { Deferred } from '@vunk/shared/promise';
 
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/lib/_AsyncQueueEntry.ts
+var _AsyncQueueEntry = class _AsyncQueueEntry {
+  constructor(queue) {
+    __publicField(this, "promise");
+    __publicField(this, "resolve");
+    __publicField(this, "reject");
+    __publicField(this, "queue");
+    __publicField(this, "signal", null);
+    __publicField(this, "signalListener", null);
+    this.queue = queue;
+    this.promise = new Promise((resolve, reject) => {
+      this.resolve = resolve;
+      this.reject = reject;
+    });
+  }
+  setSignal(signal) {
+    if (signal.aborted) return this;
+    this.signal = signal;
+    this.signalListener = () => {
+      const index = this.queue["promises"].indexOf(this);
+      if (index !== -1) this.queue["promises"].splice(index, 1);
+      this.reject(new Error("Request aborted manually"));
+    };
+    this.signal.addEventListener("abort", this.signalListener);
+    return this;
+  }
+  use() {
+    this.dispose();
+    this.resolve();
+    return this;
+  }
+  abort() {
+    this.dispose();
+    this.reject(new Error("Request aborted manually"));
+    return this;
+  }
+  dispose() {
+    if (this.signal) {
+      this.signal.removeEventListener("abort", this.signalListener);
+      this.signal = null;
+      this.signalListener = null;
+    }
+  }
+};
+__name(_AsyncQueueEntry, "AsyncQueueEntry");
+var AsyncQueueEntry = _AsyncQueueEntry;
+
+// src/lib/AsyncQueue.ts
+var _AsyncQueue = class _AsyncQueue {
+  constructor() {
+    /**
+     * The promises array
+     */
+    __publicField(this, "promises", []);
+  }
+  /**
+   * The amount of entries in the queue, including the head.
+   * @seealso {@link queued} for the queued count.
+   */
+  get remaining() {
+    return this.promises.length;
+  }
+  /**
+   * The amount of queued entries.
+   * @seealso {@link remaining} for the count with the head.
+   */
+  get queued() {
+    return this.remaining === 0 ? 0 : this.remaining - 1;
+  }
+  /**
+   * Waits for last promise and queues a new one
+   * @example
+   * ```typescript
+   * const queue = new AsyncQueue();
+   * async function request(url, options) {
+   *     await queue.wait({ signal: options.signal });
+   *     try {
+   *         const result = await fetch(url, options);
+   *         // Do some operations with 'result'
+   *     } finally {
+   *         // Remove first entry from the queue and resolve for the next entry
+   *         queue.shift();
+   *     }
+   * }
+   *
+   * request(someUrl1, someOptions1); // Will call fetch() immediately
+   * request(someUrl2, someOptions2); // Will call fetch() after the first finished
+   * request(someUrl3, someOptions3); // Will call fetch() after the second finished
+   * ```
+   */
+  wait(options) {
+    const entry = new AsyncQueueEntry(this);
+    if (this.promises.length === 0) {
+      this.promises.push(entry);
+      return Promise.resolve();
+    }
+    this.promises.push(entry);
+    if (options?.signal) entry.setSignal(options.signal);
+    return entry.promise;
+  }
+  /**
+   * Unlocks the head lock and transfers the next lock (if any) to the head.
+   */
+  shift() {
+    if (this.promises.length === 0) return;
+    if (this.promises.length === 1) {
+      this.promises.shift();
+      return;
+    }
+    this.promises.shift();
+    this.promises[0].use();
+  }
+  /**
+   * Aborts all the pending promises.
+   * @note To avoid race conditions, this does **not** unlock the head lock.
+   */
+  abortAll() {
+    if (this.queued === 0) return;
+    for (let i = 1; i < this.promises.length; ++i) {
+      this.promises[i].abort();
+    }
+    this.promises.length = 1;
+  }
+};
+__name(_AsyncQueue, "AsyncQueue");
+var AsyncQueue = _AsyncQueue;
+
 function markdownToPlainText(md) {
   return md.replace(/!\[.*?\]\(.*?\)/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^#{1,6}\s+/gm, "").replace(/\*\*(.*?)\*\*/g, "$1").replace(/__(.*?)__/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/_(.*?)_/g, "$1").replace(/`(.*?)`/g, "$1").replace(/```[\s\S]*?```/g, "").replace(/\n{2,}/g, "\n").replace(/-{3,}/g, "").replace(/^\s*-\s+/gm, "").replace(/\|/g, "").trim();
 }
@@ -3398,7 +3530,6 @@ function useHowlerParagraph(props, emit) {
     return new howler.Howl({
       src: [url2],
       format: ["mp3", "wav", "aac"],
-      // 事件处理
       onplay: () => {
         broadcast.value = TickerStatus.playing;
       },
@@ -3500,7 +3631,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { status: $props.status });
 }
-var HowlerSpeechView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/howler-speech.vue"]]);
+var HowlerSpeechView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\howler-speech.vue"]]);
 
 const LogLevels = {
   silent: Number.NEGATIVE_INFINITY,
@@ -4055,7 +4186,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     deferred: $setup.theDef
   }) : createCommentVNode("v-if", true);
 }
-var ParagraphView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/paragraph.vue"]]);
+var ParagraphView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\paragraph.vue"]]);
 
 var _sfc_main = defineComponent({
   name: "VkBroadcastingMarkdown",
@@ -4070,6 +4201,7 @@ var _sfc_main = defineComponent({
     const [theData, handleSetData] = useDataComputed({
       default: []
     }, props2, emit);
+    const queue = new AsyncQueue();
     const addParagraph = (paragraph) => {
       const k = theData.value.length;
       if (k === 0) {
@@ -4080,7 +4212,7 @@ var _sfc_main = defineComponent({
         v: paragraph
       });
     };
-    const processingParagraph = (paragraph) => {
+    const processingParagraph = async (paragraph) => {
       if (!props2.textToSpeech) {
         return;
       }
@@ -4091,7 +4223,9 @@ var _sfc_main = defineComponent({
       if (!value) {
         return;
       }
-      return props2.textToSpeech(`${value}`).then(async (res) => {
+      const resPromise = props2.textToSpeech(value);
+      await queue.wait();
+      return resPromise.then(async (res) => {
         if (res instanceof Blob) {
           paragraph.blob = res;
           paragraph.url = await blobToDataURL(res);
@@ -4101,6 +4235,7 @@ var _sfc_main = defineComponent({
         }
       }).then(async () => {
         await props2.processing?.(paragraph);
+        queue.shift();
       });
     };
     const currentIndex = ref(0);
@@ -4300,7 +4435,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-var VkBroadcastingMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/index.vue"]]);
+var VkBroadcastingMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/broadcasting-markdown/src/index.vue.d.ts

@@ -80,7 +80,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     theData: import("vue").ComputedRef<Paragraph[]>;
     ParagraphStatus: typeof ParagraphStatus;
     fulfilledTextValue: import("vue").ComputedRef<string>;
-    processingParagraph: (paragraph: Paragraph) => Promise<void> | undefined;
+    processingParagraph: (paragraph: Paragraph) => Promise<void>;
     setData: (obj: any, e: import("@vunk/core").SetDataEvent) => void;
     Broadcast: typeof TickerStatus;
     isParagraphEnabled: (currentIndex: number) => boolean;

package/components/bubble-list/index.mjs

@@ -4,7 +4,7 @@ import { ElAutoResizer } from 'element-plus';
 import { a as arrow_down_bold_default } from '../index2.mjs';
 import { useResizeObserver } from '@vueuse/core';
 import { VkScrollbar } from '@vunk/plus/components/scrollbar';
-import { Bubble } from 'vue-element-plus-x';
+import { Bubble } from '@vunk/plus/element/bubble';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 import { noop } from '@vunk/shared/function';
 export { Role } from '@vunk/plus/components/agent-chat-provider';
@@ -25,7 +25,7 @@ function _sfc_render$2(_ctx, _cache) {
     createStaticVNode("<defs><filter id=\"master_svg0_62_10054\" filterUnits=\"objectBoundingBox\" color-interpolation-filters=\"sRGB\" x=\"-0.030120481927710843\" y=\"-0.030120481927710843\" width=\"1.0602409638554218\" height=\"1.0602409638554218\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"5\" result=\"effect1_foregroundBlur\"></feGaussianBlur></filter><linearGradient id=\"master_svg1_62_10082\" x1=\"0.5\" y1=\"-0.13192443549633026\" x2=\"0.42319029569625854\" y2=\"1.368432641029358\"><stop offset=\"9.145302325487137%\" stop-color=\"currentColor\" stop-opacity=\"1\"></stop><stop offset=\"13.636428117752075%\" stop-color=\"currentColor\" stop-opacity=\"0.07539999485015869\"></stop><stop offset=\"16.968481242656708%\" stop-color=\"currentColor\" stop-opacity=\"0\"></stop></linearGradient></defs><g transform=\"matrix(0,1,-1,0,704,-664)\" filter=\"url(#master_svg0_62_10054)\"><path d=\"M1016,684C1199.359,684,1348,535.359,1348,352C1348,168.641,1199.359,20,1016,20C832.641,20,684,168.641,684,352C684,535.359,832.641,684,1016,684ZM1016,32C1192.731,32,1336,175.269,1336,352C1336,528.731,1192.731,672,1016,672C839.269,672,696,528.731,696,352C696,175.269,839.269,32,1016,32Z\" fill-rule=\"evenodd\" fill=\"url(#master_svg1_62_10082)\" fill-opacity=\"1\"></path></g>", 2)
   ])))
 }
-var loadingBg = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$2],['__file',"/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/loading.vue"]]);
+var loadingBg = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$2],['__file',"D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\core\\loading.vue"]]);
 
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -294,7 +294,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var BubbleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/index.vue"]]);
+var BubbleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\core\\index.vue"]]);
 
 const props = {
   items: {
@@ -401,7 +401,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   });
 }
-var VkBubbleList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/index.vue"]]);
+var VkBubbleList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/bubble-list/src/core/index.vue.d.ts

@@ -917,164 +917,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         tabindex: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     readonly Bubble: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
-            onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onAvatarError?: ((e: Event) => any) | undefined;
-        }>, {
-            interrupt: () => void;
-            continue: () => void;
-            restart: () => void;
-            destroy: () => void;
-            renderedContent: ComputedRef<string>;
-            isTyping: Ref<boolean>;
-            progress: ComputedRef<number>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-            finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-            writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-            avatarError: (e: Event) => any;
-        }, import("vue").PublicProps, {
-            maxWidth: string;
-            noStyle: boolean;
-            content: string;
-            placement: "start" | "end";
-            avatar: string;
-            variant: "filled" | "borderless" | "outlined" | "shadow";
-            avatarSize: string;
-            avatarGap: string;
-            avatarShape: "circle" | "square";
-            avatarSrcSet: string;
-            avatarAlt: string;
-            avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
-            typewriterRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue-element-plus-x/./types/Typewriter").TypewriterProps> & Readonly<{
-                onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            }>, {
-                interrupt: () => void;
-                continue: () => void;
-                restart: () => void;
-                destroy: () => void;
-                renderedContent: ComputedRef<string>;
-                isTyping: Ref<boolean>;
-                progress: ComputedRef<number>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-                start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-            }, import("vue").PublicProps, {
-                content: string;
-                isMarkdown: boolean;
-                typing: boolean | import("vue-element-plus-x/./types/Typewriter").TypingConfig;
-                isFog: boolean | import("vue-element-plus-x/./types/Typewriter").TypingFogfig;
-            }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
-                typeWriterRef: HTMLDivElement;
-                markdownContentRef: HTMLDivElement;
-            }, HTMLDivElement, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue-element-plus-x/./types/Typewriter").TypewriterProps> & Readonly<{
-                onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            }>, {
-                interrupt: () => void;
-                continue: () => void;
-                restart: () => void;
-                destroy: () => void;
-                renderedContent: ComputedRef<string>;
-                isTyping: Ref<boolean>;
-                progress: ComputedRef<number>;
-            }, {}, {}, {}, {
-                content: string;
-                isMarkdown: boolean;
-                typing: boolean | import("vue-element-plus-x/./types/Typewriter").TypingConfig;
-                isFog: boolean | import("vue-element-plus-x/./types/Typewriter").TypingFogfig;
-            }> | null;
-        }, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
-            onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onAvatarError?: ((e: Event) => any) | undefined;
-        }>, {
-            interrupt: () => void;
-            continue: () => void;
-            restart: () => void;
-            destroy: () => void;
-            renderedContent: ComputedRef<string>;
-            isTyping: Ref<boolean>;
-            progress: ComputedRef<number>;
-        }, {}, {}, {}, {
-            maxWidth: string;
-            noStyle: boolean;
-            content: string;
-            placement: "start" | "end";
-            avatar: string;
-            variant: "filled" | "borderless" | "outlined" | "shadow";
-            avatarSize: string;
-            avatarGap: string;
-            avatarShape: "circle" | "square";
-            avatarSrcSet: string;
-            avatarAlt: string;
-            avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
-        }>;
+        new (...args: any[]): any;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
-        onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-        onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-        onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-        onAvatarError?: ((e: Event) => any) | undefined;
-    }>, {
-        interrupt: () => void;
-        continue: () => void;
-        restart: () => void;
-        destroy: () => void;
-        renderedContent: ComputedRef<string>;
-        isTyping: Ref<boolean>;
-        progress: ComputedRef<number>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-        finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-        writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-        avatarError: (e: Event) => any;
-    }, string, {
-        maxWidth: string;
-        noStyle: boolean;
-        content: string;
-        placement: "start" | "end";
-        avatar: string;
-        variant: "filled" | "borderless" | "outlined" | "shadow";
-        avatarSize: string;
-        avatarGap: string;
-        avatarShape: "circle" | "square";
-        avatarSrcSet: string;
-        avatarAlt: string;
-        avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            avatar?(_: {}): any;
-            header?(_: {}): any;
-            content?(_: {}): any;
-            loading?(_: {}): any;
-            footer?(_: {}): any;
-        };
-    });
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        [x: string]: any;
+        [x: symbol]: any;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        install(app: import("vue").App): void;
+    };
     loadingBg: {
         new (...args: any[]): any;
         __isFragment?: never;

package/components/bubble-list/src/index.vue.d.ts

@@ -1249,164 +1249,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             tabindex: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         readonly Bubble: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
-                onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onAvatarError?: ((e: Event) => any) | undefined;
-            }>, {
-                interrupt: () => void;
-                continue: () => void;
-                restart: () => void;
-                destroy: () => void;
-                renderedContent: ComputedRef<string>;
-                isTyping: Ref<boolean>;
-                progress: ComputedRef<number>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                avatarError: (e: Event) => any;
-            }, import("vue").PublicProps, {
-                maxWidth: string;
-                noStyle: boolean;
-                content: string;
-                placement: "start" | "end";
-                avatar: string;
-                variant: "filled" | "borderless" | "outlined" | "shadow";
-                avatarSize: string;
-                avatarGap: string;
-                avatarShape: "circle" | "square";
-                avatarSrcSet: string;
-                avatarAlt: string;
-                avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
-            }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
-                typewriterRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue-element-plus-x/./types/Typewriter").TypewriterProps> & Readonly<{
-                    onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                    onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                    onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                }>, {
-                    interrupt: () => void;
-                    continue: () => void;
-                    restart: () => void;
-                    destroy: () => void;
-                    renderedContent: ComputedRef<string>;
-                    isTyping: Ref<boolean>;
-                    progress: ComputedRef<number>;
-                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-                    start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                    finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                    writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-                }, import("vue").PublicProps, {
-                    content: string;
-                    isMarkdown: boolean;
-                    typing: boolean | import("vue-element-plus-x/./types/Typewriter").TypingConfig;
-                    isFog: boolean | import("vue-element-plus-x/./types/Typewriter").TypingFogfig;
-                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
-                    typeWriterRef: HTMLDivElement;
-                    markdownContentRef: HTMLDivElement;
-                }, HTMLDivElement, import("vue").ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import("vue-element-plus-x/./types/Typewriter").TypewriterProps> & Readonly<{
-                    onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                    onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                    onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                }>, {
-                    interrupt: () => void;
-                    continue: () => void;
-                    restart: () => void;
-                    destroy: () => void;
-                    renderedContent: ComputedRef<string>;
-                    isTyping: Ref<boolean>;
-                    progress: ComputedRef<number>;
-                }, {}, {}, {}, {
-                    content: string;
-                    isMarkdown: boolean;
-                    typing: boolean | import("vue-element-plus-x/./types/Typewriter").TypingConfig;
-                    isFog: boolean | import("vue-element-plus-x/./types/Typewriter").TypingFogfig;
-                }> | null;
-            }, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
-                onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-                onAvatarError?: ((e: Event) => any) | undefined;
-            }>, {
-                interrupt: () => void;
-                continue: () => void;
-                restart: () => void;
-                destroy: () => void;
-                renderedContent: ComputedRef<string>;
-                isTyping: Ref<boolean>;
-                progress: ComputedRef<number>;
-            }, {}, {}, {}, {
-                maxWidth: string;
-                noStyle: boolean;
-                content: string;
-                placement: "start" | "end";
-                avatar: string;
-                variant: "filled" | "borderless" | "outlined" | "shadow";
-                avatarSize: string;
-                avatarGap: string;
-                avatarShape: "circle" | "square";
-                avatarSrcSet: string;
-                avatarAlt: string;
-                avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
-            }>;
+            new (...args: any[]): any;
             __isFragment?: never;
             __isTeleport?: never;
             __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
-            onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-            onAvatarError?: ((e: Event) => any) | undefined;
-        }>, {
-            interrupt: () => void;
-            continue: () => void;
-            restart: () => void;
-            destroy: () => void;
-            renderedContent: ComputedRef<string>;
-            isTyping: Ref<boolean>;
-            progress: ComputedRef<number>;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-            finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-            writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-            avatarError: (e: Event) => any;
-        }, string, {
-            maxWidth: string;
-            noStyle: boolean;
-            content: string;
-            placement: "start" | "end";
-            avatar: string;
-            variant: "filled" | "borderless" | "outlined" | "shadow";
-            avatarSize: string;
-            avatarGap: string;
-            avatarShape: "circle" | "square";
-            avatarSrcSet: string;
-            avatarAlt: string;
-            avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: {
-                avatar?(_: {}): any;
-                header?(_: {}): any;
-                content?(_: {}): any;
-                loading?(_: {}): any;
-                footer?(_: {}): any;
-            };
-        });
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            [x: string]: any;
+            [x: symbol]: any;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+            install(app: import("vue").App): void;
+        };
         loadingBg: {
             new (...args: any[]): any;
             __isFragment?: never;