@vunk/plus 1.4.7 → 1.5.1

package/components/WebGLRenderer.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
+import '@vunk/core/composables';
 import './_plugin-vue_export-helper.mjs';
 
 class GlBatchAdaptor {

package/components/WebGPURenderer.mjs

@@ -5,6 +5,7 @@ import 'vue';
 import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
+import '@vunk/core/composables';
 import './_plugin-vue_export-helper.mjs';
 
 const tempState = State.for2d();

package/components/broadcasting-markdown/index.mjs

@@ -1,8 +1,8 @@
 import { VkTypingMarkdown } from '@vunk/plus/components/typing-markdown';
 import { setData } from '@vunk/core';
 import { useDeferred, useDataComputed } from '@vunk/core/composables';
-import { defineComponent, createElementBlock, openBlock, createElementVNode, Fragment, createVNode, unref, withCtx, shallowRef, computed, watch, onBeforeUnmount, watchEffect, onMounted, nextTick, renderSlot, createCommentVNode, ref, resolveComponent, renderList, createBlock } from 'vue';
 import { TickerStatus } from '@vunk/shared/enum';
+import { defineComponent, createElementBlock, openBlock, createElementVNode, Fragment, createVNode, unref, withCtx, shallowRef, computed, watch, onBeforeUnmount, watchEffect, onMounted, nextTick, renderSlot, createCommentVNode, ref, resolveComponent, createTextVNode, renderList, createBlock } from 'vue';
 import { noop } from '@vunk/shared/function';
 import { ElIcon } from 'element-plus';
 import { c as commonjsGlobal } from '../_commonjsHelpers.mjs';
@@ -81,6 +81,14 @@ const props = {
   processing: {
     type: Function,
     default: noop
+  },
+  status: {
+    type: String,
+    default: TickerStatus.pending
+  },
+  paragraphMinlength: {
+    type: Number,
+    default: 100
   }
 };
 const emits = {
@@ -89,6 +97,7 @@ const emits = {
   "update:broadcasting": (_) => true,
   "update:completed": (_) => true,
   "update:error": (_) => true,
+  "update:status": (_) => true,
   "paragraphLoad": (_) => true
 };
 const paragraphProps = {
@@ -3450,6 +3459,7 @@ function useHowlerParagraph(props, emit) {
           k: "broadcast",
           v: Broadcast.paused
         });
+        console.log("onpause", props.data);
       },
       onend: () => {
         emit("setData", {
@@ -3510,10 +3520,12 @@ function useHowlerParagraph(props, emit) {
   });
   const handleVisibilityChange = () => {
     if (document.hidden) {
-      emit("setData", {
-        k: "broadcast",
-        v: Broadcast.pause
-      });
+      if (broadcast.value === Broadcast.playing) {
+        emit("setData", {
+          k: "broadcast",
+          v: Broadcast.pause
+        });
+      }
     } else {
       setTimeout(() => {
         if (broadcast.value === Broadcast.paused) {
@@ -4230,7 +4242,7 @@ var _sfc_main = defineComponent({
   },
   props,
   emits,
-  setup(props2, { emit, expose }) {
+  setup(props2, { emit, expose, slots }) {
     const [theData, handleSetData] = useDataComputed({
       default: []
     }, props2, emit);
@@ -4308,7 +4320,7 @@ var _sfc_main = defineComponent({
               );
               lastParagraph.separator = separator;
             }
-          } else {
+          } else if (value.length > props2.paragraphMinlength) {
             const paragraph = {
               start,
               separator,
@@ -4363,26 +4375,48 @@ var _sfc_main = defineComponent({
       });
       emit("interrupt");
     }
+    const currentParagraph = computed(() => {
+      return theData.value.find(
+        (item) => item.status === ParagraphStatus.pending
+      );
+    });
+    watchEffect(() => {
+      if (!currentParagraph.value) {
+        return;
+      }
+      if (currentParagraph.value.broadcast === props2.status) {
+        return;
+      }
+      props2.status === TickerStatus.play && (currentParagraph.value.broadcast = TickerStatus.play);
+      props2.status === TickerStatus.pause && (currentParagraph.value.broadcast = TickerStatus.pause);
+      props2.status === TickerStatus.stop && (currentParagraph.value.broadcast = TickerStatus.stop);
+    });
     const isPaused = computed(() => {
       return theData.value.some(
         (item) => item.status === ParagraphStatus.pending && item.broadcast === Broadcast.paused
       );
     });
+    watchEffect(() => {
+      isPaused.value && emit("update:status", TickerStatus.paused);
+    });
     const isBroadcasting = computed(() => {
       return theData.value.some(
         (item) => item.broadcast === Broadcast.playing
       );
     });
     watchEffect(() => {
-      emit("update:broadcasting", isBroadcasting.value);
+      isBroadcasting.value && emit("update:broadcasting", isBroadcasting.value);
+      emit("update:status", TickerStatus.playing);
     });
+    const isTypingFinished = ref(!!slots.paragraphs);
     const isCompleted = computed(() => {
-      return props2.keepRead === false && theData.value.every(
+      return isTypingFinished.value && props2.keepRead === false && theData.value.every(
         (item) => item.status === ParagraphStatus.fulfilled
       );
     });
     watchEffect(() => {
       emit("update:completed", isCompleted.value);
+      isCompleted.value && emit("update:status", TickerStatus.stopped);
     });
     const isError = computed(() => {
       return theData.value.some(
@@ -4414,13 +4448,16 @@ var _sfc_main = defineComponent({
       isInterrupted,
       setData,
       Broadcast,
-      isPaused
+      isPaused,
+      isTypingFinished,
+      currentParagraph
     };
   }
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkTypingMarkdown = resolveComponent("VkTypingMarkdown");
+  const _component_ElButton = resolveComponent("ElButton");
   const _component_HowlerSpeechView = resolveComponent("HowlerSpeechView");
   const _component_ParagraphView = resolveComponent("ParagraphView");
   return openBlock(), createElementBlock(
@@ -4429,10 +4466,21 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [
       renderSlot(_ctx.$slots, "default", { paragraphs: _ctx.theData }, () => [
         createVNode(_component_VkTypingMarkdown, {
+          finished: _ctx.isTypingFinished,
+          "onUpdate:finished": _cache[0] || (_cache[0] = ($event) => _ctx.isTypingFinished = $event),
           source: _ctx.fulfilledTextValue,
           delay: 120,
           pause: _ctx.isInterrupted || _ctx.isPaused
-        }, null, 8, ["source", "pause"])
+        }, null, 8, ["finished", "source", "pause"]),
+        createVNode(_component_ElButton, {
+          onClick: _cache[1] || (_cache[1] = () => console.log(_ctx.currentParagraph))
+        }, {
+          default: withCtx(() => _cache[3] || (_cache[3] = [
+            createTextVNode(" log2 ")
+          ])),
+          _: 1
+          /* STABLE */
+        })
       ]),
       (openBlock(true), createElementBlock(
         Fragment,
@@ -4455,7 +4503,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   deferred,
                   data: item,
                   onSetData: ($event) => _ctx.setData(item, $event),
-                  onLoad: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("paragraphLoad", $event))
+                  onLoad: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("paragraphLoad", $event))
                 }, null, 8, ["render", "deferred", "data", "onSetData"])
               ])
             ]),

package/components/broadcasting-markdown/src/ctx.d.ts

@@ -2,6 +2,7 @@ import type { SetDataEvent } from '@vunk/core';
 import type { Deferred } from '@vunk/shared/promise';
 import type { PropType } from 'vue';
 import type { Paragraph, ParagraphLoadEvent, TextToSpeech } from './types';
+import { TickerStatus } from '@vunk/shared/enum';
 import { defaultRender } from './const';
 export declare const props: {
     /**
@@ -86,6 +87,14 @@ export declare const props: {
         type: PropType<(paragraph: Paragraph) => void>;
         default: import("@vunk/shared").AnyFunc;
     };
+    status: {
+        type: PropType<TickerStatus>;
+        default: TickerStatus;
+    };
+    paragraphMinlength: {
+        type: NumberConstructor;
+        default: number;
+    };
 };
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent;
@@ -93,6 +102,7 @@ export declare const emits: {
     'update:broadcasting': (_: boolean) => boolean;
     'update:completed': (_: boolean) => boolean;
     'update:error': (_: boolean) => boolean;
+    'update:status': (_: TickerStatus) => boolean;
     paragraphLoad: (_: ParagraphLoadEvent) => boolean;
 };
 export declare const paragraphProps: {

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

@@ -1,4 +1,5 @@
 import type { Paragraph } from './types';
+import { TickerStatus } from '@vunk/shared/enum';
 import { ParagraphStatus } from './const';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     render: {
@@ -59,6 +60,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(paragraph: Paragraph) => void>;
         default: import("@vunk/shared").AnyFunc;
     };
+    status: {
+        type: import("vue").PropType<TickerStatus>;
+        default: TickerStatus;
+    };
+    paragraphMinlength: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, {
     theData: import("vue").ComputedRef<Paragraph[]>;
     ParagraphStatus: typeof ParagraphStatus;
@@ -68,14 +77,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     processingParagraph: (paragraph: Paragraph) => Promise<void> | undefined;
     isInterrupted: import("vue").Ref<boolean, boolean>;
     setData: (obj: any, e: import("@vunk/core").SetDataEvent) => void;
-    Broadcast: typeof import("@vunk/shared/enum").TickerStatus;
+    Broadcast: typeof TickerStatus;
     isPaused: import("vue").ComputedRef<boolean>;
+    isTypingFinished: import("vue").Ref<boolean, boolean>;
+    currentParagraph: import("vue").ComputedRef<Paragraph | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     setData: (e: import("@vunk/core").SetDataEvent) => import("@vunk/core").SetDataEvent;
     interrupt: null;
     'update:broadcasting': (_: boolean) => boolean;
     'update:completed': (_: boolean) => boolean;
     'update:error': (_: boolean) => boolean;
+    'update:status': (_: TickerStatus) => boolean;
     paragraphLoad: (_: import("./types").ParagraphLoadEvent) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     render: {
@@ -136,8 +148,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<(paragraph: Paragraph) => void>;
         default: import("@vunk/shared").AnyFunc;
     };
+    status: {
+        type: import("vue").PropType<TickerStatus>;
+        default: TickerStatus;
+    };
+    paragraphMinlength: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     onSetData?: ((e: import("@vunk/core").SetDataEvent) => any) | undefined;
+    "onUpdate:status"?: ((_: TickerStatus) => any) | undefined;
     onInterrupt?: ((...args: any[]) => any) | undefined;
     "onUpdate:broadcasting"?: ((_: boolean) => any) | undefined;
     "onUpdate:completed"?: ((_: boolean) => any) | undefined;
@@ -149,9 +170,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     delay: number;
     render: (text: string) => string;
     data: Paragraph[];
+    status: TickerStatus;
     separators: string[];
     keepRead: boolean;
     textToSpeech: import("./types").TextToSpeech;
+    paragraphMinlength: number;
 }, {}, {
     ParagraphView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         enable: {
@@ -248,11 +271,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
             default: null;
         };
+        finished: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         htmlText: import("vue").Ref<string, string>;
         isDebouncedTyping: Readonly<import("vue").Ref<boolean, boolean>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         typing: null;
+        'update:finished': null;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         source: {
             type: StringConstructor;
@@ -274,14 +305,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
             default: null;
         };
+        finished: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         onTyping?: ((...args: any[]) => any) | undefined;
+        "onUpdate:finished"?: ((...args: any[]) => any) | undefined;
     }>, {
         source: string;
         delay: number;
         pause: boolean;
         disabled: boolean;
         markdownItSetup: (md: import("markdown-it-async").MarkdownItAsync) => void;
+        finished: boolean;
+        loading: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         data: {

package/components/browserAll.mjs

@@ -4,6 +4,7 @@ import 'vue';
 import '@vunk/shared/enum';
 import '@vunk/shared/promise';
 import './_commonjsHelpers.mjs';
+import '@vunk/core/composables';
 import './_plugin-vue_export-helper.mjs';
 import './colorToUniform.mjs';
 

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

@@ -96,6 +96,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<(paragraph: import("../../broadcasting-markdown/src/types").Paragraph) => void>;
                 default: import("@vunk/shared").AnyFunc;
             };
+            status: {
+                type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+                default: import("@vunk/shared/enum").TickerStatus;
+            };
+            paragraphMinlength: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>, {
             theData: import("vue").ComputedRef<import("../../broadcasting-markdown/src/types").Paragraph[]>;
             ParagraphStatus: typeof import("../../broadcasting-markdown").ParagraphStatus;
@@ -107,12 +115,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             setData: (obj: any, e: import("@vunk/core").SetDataEvent) => void;
             Broadcast: typeof import("@vunk/shared/enum").TickerStatus;
             isPaused: import("vue").ComputedRef<boolean>;
+            isTypingFinished: import("vue").Ref<boolean, boolean>;
+            currentParagraph: import("vue").ComputedRef<import("../../broadcasting-markdown/src/types").Paragraph | undefined>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             setData: (e: import("@vunk/core").SetDataEvent) => import("@vunk/core").SetDataEvent;
             interrupt: null;
             'update:broadcasting': (_: boolean) => boolean;
             'update:completed': (_: boolean) => boolean;
             'update:error': (_: boolean) => boolean;
+            'update:status': (_: import("@vunk/shared/enum").TickerStatus) => boolean;
             paragraphLoad: (_: import("../../broadcasting-markdown/src/types").ParagraphLoadEvent) => boolean;
         }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             render: {
@@ -173,8 +184,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: import("vue").PropType<(paragraph: import("../../broadcasting-markdown/src/types").Paragraph) => void>;
                 default: import("@vunk/shared").AnyFunc;
             };
+            status: {
+                type: import("vue").PropType<import("@vunk/shared/enum").TickerStatus>;
+                default: import("@vunk/shared/enum").TickerStatus;
+            };
+            paragraphMinlength: {
+                type: NumberConstructor;
+                default: number;
+            };
         }>> & Readonly<{
             onSetData?: ((e: import("@vunk/core").SetDataEvent) => any) | undefined;
+            "onUpdate:status"?: ((_: import("@vunk/shared/enum").TickerStatus) => any) | undefined;
             onInterrupt?: ((...args: any[]) => any) | undefined;
             "onUpdate:broadcasting"?: ((_: boolean) => any) | undefined;
             "onUpdate:completed"?: ((_: boolean) => any) | undefined;
@@ -186,9 +206,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             delay: number;
             render: (text: string) => string;
             data: import("../../broadcasting-markdown/src/types").Paragraph[];
+            status: import("@vunk/shared/enum").TickerStatus;
             separators: string[];
             keepRead: boolean;
             textToSpeech: import("../../broadcasting-markdown/src/types").TextToSpeech;
+            paragraphMinlength: number;
         }, {}, {
             ParagraphView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 enable: {
@@ -285,11 +307,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
                     default: null;
                 };
+                finished: {
+                    type: BooleanConstructor;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>, {
                 htmlText: import("vue").Ref<string, string>;
                 isDebouncedTyping: Readonly<import("vue").Ref<boolean, boolean>>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 typing: null;
+                'update:finished': null;
             }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                 source: {
                     type: StringConstructor;
@@ -311,14 +341,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
                     default: null;
                 };
+                finished: {
+                    type: BooleanConstructor;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
             }>> & Readonly<{
                 onTyping?: ((...args: any[]) => any) | undefined;
+                "onUpdate:finished"?: ((...args: any[]) => any) | undefined;
             }>, {
                 source: string;
                 delay: number;
                 pause: boolean;
                 disabled: boolean;
                 markdownItSetup: (md: import("markdown-it-async").MarkdownItAsync) => void;
+                finished: boolean;
+                loading: boolean;
             }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 data: {
@@ -573,68 +613,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<(string | number)[]>;
             default: () => any[];
         };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            source: {
-                type: import("vue").PropType<import("@vunk/core/components/renderer/src/types").SourceItem[]>;
-                default: () => any[];
-            };
-            templateInstances: {
-                type: import("vue").PropType<Record<string, import("vue").ComponentInternalInstance>>;
-                default: any;
-            };
-            k: {
-                type: import("vue").PropType<(string | number)[]>;
-                default: () => any[];
-            };
-        }>> & Readonly<{}>>;
-        readonly VkRendererTemplateInstancesProvider: {
-            new (...args: any[]): any;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } & 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<any>): void;
-        };
-        Core: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-            source: {
-                type: import("vue").PropType<import("@vunk/core/components/renderer/src/types").SourceItem[]>;
-                default: () => any[];
-            };
-            templateInstances: {
-                type: import("vue").PropType<Record<string, import("vue").ComponentInternalInstance>>;
-                default: any;
-            };
-            k: {
-                type: import("vue").PropType<(string | number)[]>;
-                default: () => any[];
-            };
-        }>, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[] | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>[][])[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-            source: {
-                type: import("vue").PropType<import("@vunk/core/components/renderer/src/types").SourceItem[]>;
-                default: () => any[];
-            };
-            templateInstances: {
-                type: import("vue").PropType<Record<string, import("vue").ComponentInternalInstance>>;
-                default: any;
-            };
-            k: {
-                type: import("vue").PropType<(string | number)[]>;
-                default: () => any[];
-            };
-        }>> & Readonly<{}>, {
-            source: import("@vunk/core/components/renderer/src/types").SourceItem[];
-            templateInstances: Record<string, import("vue").ComponentInternalInstance>;
-            k: (string | number)[];
-        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         source: {
             type: import("vue").PropType<import("@vunk/core/components/renderer/src/types").SourceItem[]>;
             default: () => any[];

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

@@ -72,6 +72,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<(paragraph: __VkBroadcastingMarkdown.Paragraph) => void>;
             default: import("@vunk/shared").AnyFunc;
         };
+        status: {
+            type: PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        paragraphMinlength: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>, {
         theData: import("vue").ComputedRef<__VkBroadcastingMarkdown.Paragraph[]>;
         ParagraphStatus: typeof import("@vunk/plus/components/broadcasting-markdown").ParagraphStatus;
@@ -83,12 +91,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setData: (obj: any, e: SetDataEvent) => void;
         Broadcast: typeof import("@vunk/shared/enum").TickerStatus;
         isPaused: import("vue").ComputedRef<boolean>;
+        isTypingFinished: import("vue").Ref<boolean, boolean>;
+        currentParagraph: import("vue").ComputedRef<__VkBroadcastingMarkdown.Paragraph | undefined>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         setData: (e: SetDataEvent) => SetDataEvent;
         interrupt: null;
         'update:broadcasting': (_: boolean) => boolean;
         'update:completed': (_: boolean) => boolean;
         'update:error': (_: boolean) => boolean;
+        'update:status': (_: import("@vunk/shared/enum").TickerStatus) => boolean;
         paragraphLoad: (_: __VkBroadcastingMarkdown.ParagraphLoadEvent) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         render: {
@@ -149,8 +160,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: PropType<(paragraph: __VkBroadcastingMarkdown.Paragraph) => void>;
             default: import("@vunk/shared").AnyFunc;
         };
+        status: {
+            type: PropType<import("@vunk/shared/enum").TickerStatus>;
+            default: import("@vunk/shared/enum").TickerStatus;
+        };
+        paragraphMinlength: {
+            type: NumberConstructor;
+            default: number;
+        };
     }>> & Readonly<{
         onSetData?: ((e: SetDataEvent) => any) | undefined;
+        "onUpdate:status"?: ((_: import("@vunk/shared/enum").TickerStatus) => any) | undefined;
         onInterrupt?: ((...args: any[]) => any) | undefined;
         "onUpdate:broadcasting"?: ((_: boolean) => any) | undefined;
         "onUpdate:completed"?: ((_: boolean) => any) | undefined;
@@ -162,9 +182,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         delay: number;
         render: (text: string) => string;
         data: __VkBroadcastingMarkdown.Paragraph[];
+        status: import("@vunk/shared/enum").TickerStatus;
         separators: string[];
         keepRead: boolean;
         textToSpeech: __VkBroadcastingMarkdown.TextToSpeech;
+        paragraphMinlength: number;
     }, {}, {
         ParagraphView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             enable: {
@@ -261,11 +283,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
                 default: null;
             };
+            finished: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             htmlText: import("vue").Ref<string, string>;
             isDebouncedTyping: Readonly<import("vue").Ref<boolean, boolean>>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             typing: null;
+            'update:finished': null;
         }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             source: {
                 type: StringConstructor;
@@ -287,14 +317,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
                 default: null;
             };
+            finished: {
+                type: BooleanConstructor;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             onTyping?: ((...args: any[]) => any) | undefined;
+            "onUpdate:finished"?: ((...args: any[]) => any) | undefined;
         }>, {
             source: string;
             delay: number;
             pause: boolean;
             disabled: boolean;
             markdownItSetup: (md: import("markdown-it-async").MarkdownItAsync) => void;
+            finished: boolean;
+            loading: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             data: {