@vunk/plus 1.13.1 → 1.14.0

package/antx/use-x-chat/use-x-chat.d.ts

@@ -0,0 +1,54 @@
+import { XAgent } from '../use-x-agent';
+import { type SSEOutput, XStreamOptions } from '../x-stream';
+import { XRequestParams } from '../x-request';
+import type { AnyObject } from '../_util/type';
+export type SimpleType = string | number | boolean | object;
+export type MessageStatus = 'local' | 'loading' | 'success' | 'error';
+type RequestPlaceholderFn<Message extends SimpleType> = (message: Message, info: {
+    messages: Message[];
+}) => Message;
+type RequestFallbackFn<Message extends SimpleType> = (message: Message, info: {
+    error: Error;
+    messages: Message[];
+}) => Message | Promise<Message>;
+type TransformMessageFn<Message, Output> = (info: {
+    originMessage?: Message;
+    chunk: Output;
+    chunks: Output[];
+    status: MessageStatus;
+}) => Message;
+type RequestParams<Message> = Omit<XRequestParams, 'message'> & {
+    message: Message;
+} & AnyObject;
+export interface XChatConfig<AgentMessage extends SimpleType = string, BubbleMessage extends SimpleType = AgentMessage, Input = AgentMessage, Output = AgentMessage> {
+    agent?: XAgent<AgentMessage, Input, Output>;
+    defaultMessages?: DefaultMessageInfo<AgentMessage>[];
+    /** Convert agent message to bubble usage message type */
+    parser?: (message: AgentMessage) => BubbleMessage | BubbleMessage[];
+    requestPlaceholder?: AgentMessage | RequestPlaceholderFn<AgentMessage>;
+    requestFallback?: AgentMessage | RequestFallbackFn<AgentMessage>;
+    transformMessage?: TransformMessageFn<AgentMessage, Output>;
+    transformStream?: XStreamOptions<AgentMessage>['transformStream'];
+    resolveAbortController?: (abortController: AbortController) => void;
+}
+export interface MessageInfo<Message extends SimpleType> {
+    id: number | string;
+    message: Message;
+    status: MessageStatus;
+}
+export type DefaultMessageInfo<Message extends SimpleType> = Pick<MessageInfo<Message>, 'message'> & Partial<Omit<MessageInfo<Message>, 'message'>>;
+export type RequestResultObject<Message> = {
+    message: Message | Message[];
+    status: MessageStatus;
+};
+export type StandardRequestResult<Message extends SimpleType> = Omit<RequestResultObject<Message>, 'message' | 'status'> & {
+    message: Message;
+    status?: MessageStatus;
+};
+export default function useXChat<AgentMessage extends SimpleType = string, ParsedMessage extends SimpleType = AgentMessage, Input = RequestParams<AgentMessage>, Output = SSEOutput>(config: XChatConfig<AgentMessage, ParsedMessage, Input, Output>): {
+    readonly onRequest: (value: SimpleType | RequestParams<AgentMessage> | Input) => void;
+    readonly messages: import("vue").Ref<MessageInfo<AgentMessage>[], MessageInfo<AgentMessage>[]>;
+    readonly parsedMessages: import("vue").ComputedRef<MessageInfo<ParsedMessage>[]>;
+    readonly setMessages: (updater: MessageInfo<AgentMessage>[] | ((prev: MessageInfo<AgentMessage>[]) => MessageInfo<AgentMessage>[])) => void;
+};
+export {};

package/antx/use-x-chat/useSyncState.d.ts

@@ -0,0 +1,4 @@
+import type { Ref } from 'vue';
+type Updater<T> = (prev: T) => T;
+export default function useSyncState<T>(defaultState: T, onChange: (newValue: T, prevValue: T) => void): [Ref<T>, (updater: T | Updater<T>) => void];
+export {};

package/antx/version/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "1.6.0";
+export default _default;

package/antx/x-provider/context.d.ts

@@ -0,0 +1,84 @@
+import { type AnyObject } from '../_util/type';
+import { type ComputedRef, type CSSProperties } from 'vue';
+import type { ConfigProviderProps as OriAntdConfigProviderProps } from '@vunk/plus/ant';
+import type { SenderProps } from '../sender/interface';
+interface ActionsProps {
+}
+interface AttachmentsProps {
+}
+interface BubbleProps {
+}
+interface ConversationsProps {
+}
+interface PromptsProps {
+}
+interface SuggestionProps {
+}
+interface ThoughtChainProps {
+}
+interface WelcomeProps {
+}
+export interface AntdConfigProviderProps {
+    iconPrefixCls?: OriAntdConfigProviderProps['iconPrefixCls'];
+    getTargetContainer?: OriAntdConfigProviderProps['getTargetContainer'];
+    getPopupContainer?: OriAntdConfigProviderProps['getPopupContainer'];
+    prefixCls?: OriAntdConfigProviderProps['prefixCls'];
+    getPrefixCls?: OriAntdConfigProviderProps['getPrefixCls'];
+    renderEmpty?: OriAntdConfigProviderProps['renderEmpty'];
+    transformCellText?: OriAntdConfigProviderProps['transformCellText'];
+    csp?: OriAntdConfigProviderProps['csp'];
+    input?: OriAntdConfigProviderProps['input'];
+    autoInsertSpaceInButton?: OriAntdConfigProviderProps['autoInsertSpaceInButton'];
+    locale?: OriAntdConfigProviderProps['locale'];
+    pageHeader?: OriAntdConfigProviderProps['pageHeader'];
+    componentSize?: OriAntdConfigProviderProps['componentSize'];
+    componentDisabled?: OriAntdConfigProviderProps['componentDisabled'];
+    direction?: OriAntdConfigProviderProps['direction'];
+    space?: OriAntdConfigProviderProps['space'];
+    virtual?: OriAntdConfigProviderProps['virtual'];
+    dropdownMatchSelectWidth?: OriAntdConfigProviderProps['dropdownMatchSelectWidth'];
+    form?: OriAntdConfigProviderProps['form'];
+    pagination?: OriAntdConfigProviderProps['pagination'];
+    theme?: OriAntdConfigProviderProps['theme'];
+    select?: OriAntdConfigProviderProps['select'];
+    wave?: OriAntdConfigProviderProps['wave'];
+}
+export interface XComponentStyleConfig {
+    classNames: Record<string, string>;
+    styles: Record<string, CSSProperties>;
+    className: string;
+    style: CSSProperties;
+}
+export type DefaultPickType = keyof XComponentStyleConfig;
+export type ComponentStyleConfig<CompProps extends AnyObject, PickType extends keyof CompProps = DefaultPickType> = Pick<CompProps, PickType | DefaultPickType>;
+export interface XComponentsConfig {
+    actions?: ComponentStyleConfig<ActionsProps>;
+    bubble?: ComponentStyleConfig<BubbleProps>;
+    conversations?: ComponentStyleConfig<ConversationsProps>;
+    prompts?: ComponentStyleConfig<PromptsProps>;
+    sender?: ComponentStyleConfig<SenderProps>;
+    suggestion?: ComponentStyleConfig<SuggestionProps>;
+    thoughtChain?: ComponentStyleConfig<ThoughtChainProps>;
+    attachments?: ComponentStyleConfig<AttachmentsProps>;
+    welcome?: ComponentStyleConfig<WelcomeProps>;
+}
+export type XProviderProps = XComponentsConfig & AntdConfigProviderProps & {};
+export declare const globalXProviderApi: import("vue").ShallowRef<XProviderProps, XProviderProps>;
+export declare const useXProviderContextProvider: (value: ComputedRef<XProviderProps>) => void;
+export declare const useXProviderContextInject: () => ComputedRef<XProviderProps>;
+export declare const XProviderContextProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<XProviderProps>;
+        default: XProviderProps;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<XProviderProps>;
+        default: XProviderProps;
+    };
+}>> & Readonly<{}>, {
+    value: XProviderProps;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default XProviderContextProvider;

package/antx/x-provider/hooks/use-x-provider-context.d.ts

@@ -0,0 +1,9 @@
+export declare const defaultPrefixCls = "ant";
+declare function useXProviderContext(): {
+    theme: import("vue").ComputedRef<import("@vunk/plus/ant/config-provider/context").ThemeConfig>;
+    getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
+    direction: import("vue").ComputedRef<"ltr" | "rtl">;
+    csp: import("vue").ComputedRef<import("@vunk/plus/ant/config-provider").CSPConfig>;
+    iconPrefixCls: import("vue").ComputedRef<string>;
+};
+export default useXProviderContext;

package/antx/x-provider/index.d.ts

@@ -0,0 +1,5 @@
+import useXProviderContext, { defaultPrefixCls } from './hooks/use-x-provider-context';
+import XProvider from './index.vue';
+export type { XProviderProps } from './context';
+export { XProvider, defaultPrefixCls, useXProviderContext };
+export default XProvider;

package/antx/x-provider/index.vue.d.ts

@@ -0,0 +1,13 @@
+import type { XProviderProps } from './context';
+type __VLS_Slots = {
+    default(props?: any): any;
+};
+declare const __VLS_base: import("vue").DefineComponent<XProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<XProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/antx/x-request/index.d.ts

@@ -0,0 +1,6 @@
+import XFetch from './x-fetch';
+import XRequest from './x-request';
+export type { XFetchMiddlewares, XFetchOptions, XFetchType } from './x-fetch';
+export type { XRequestBaseOptions, XRequestOptions, XRequestParams, XRequestCallbacks, XRequestFunction } from './x-request';
+export { XFetch, XRequest };
+export default XRequest;

package/antx/x-request/x-fetch.d.ts

@@ -0,0 +1,18 @@
+export interface XFetchMiddlewares {
+    onRequest?: (...ags: Parameters<typeof fetch>) => Promise<Parameters<typeof fetch>>;
+    onResponse?: (response: Response) => Promise<Response>;
+}
+export interface XFetchOptions extends RequestInit {
+    /**
+     * @description A typeof fetch function
+     * @default globalThis.fetch
+     */
+    fetch?: typeof fetch;
+    /**
+     * @description Middleware for request and response
+     */
+    middlewares?: XFetchMiddlewares;
+}
+export type XFetchType = (baseURL: Parameters<typeof fetch>[0], options?: XFetchOptions) => Promise<Response>;
+declare const XFetch: XFetchType;
+export default XFetch;

package/antx/x-request/x-request.d.ts

@@ -0,0 +1,89 @@
+import type { SSEOutput, XStreamOptions } from '../x-stream';
+import type { XFetchOptions } from './x-fetch';
+import type { AnyObject } from '../_util/type';
+import { MaybeRefOrGetter } from 'vue';
+export interface XRequestBaseOptions {
+    /**
+     * @description Base URL, e.g., 'https://api.example.com/v1/chat'
+     */
+    baseURL: string;
+    /**
+     * @description Model name, e.g., 'gpt-3.5-turbo'
+     */
+    model?: string;
+    /**
+     * @warning 🔥🔥 Its dangerously!
+     *
+     * Enabling the dangerouslyApiKey option can be dangerous because it exposes
+     * your secret API credentials in the client-side code. Web browsers are inherently
+     * less secure than server environments, any user with access to the browser can
+     * potentially inspect, extract, and misuse these credentials. This could lead to
+     * unauthorized access using your credentials and potentially compromise sensitive
+     * data or functionality.
+     */
+    dangerouslyApiKey?: string;
+}
+interface XRequestCustomOptions {
+    /**
+     * @description Custom fetch
+     */
+    fetch?: XFetchOptions['fetch'];
+}
+export type XRequestOptions = XRequestBaseOptions & XRequestCustomOptions;
+type XRequestMessageContent = string | AnyObject;
+interface XRequestMessage extends AnyObject {
+    role?: string;
+    content?: XRequestMessageContent;
+}
+/**
+ * Compatible with the parameters of OpenAI's chat.completions.create,
+ * with plans to support more parameters and adapters in the future
+ */
+export interface XRequestParams {
+    /**
+     * @description Model name, e.g., 'gpt-3.5-turbo'
+     * @default XRequestOptions.model
+     */
+    model?: string;
+    /**
+     * @description Indicates whether to use streaming for the response
+     */
+    stream?: boolean;
+    /**
+     * @description The messages to be sent to the model
+     */
+    messages?: XRequestMessage[];
+}
+export interface XRequestCallbacks<Output> {
+    /**
+     * @description Callback when the request is successful
+     */
+    onSuccess: (chunks: Output[]) => void;
+    /**
+     * @description Callback when the request fails
+     */
+    onError: (error: Error) => void;
+    /**
+     * @description Callback when the request is updated
+     */
+    onUpdate: (chunk: Output) => void;
+    /**
+     * @description Callback monitoring and control the stream
+     */
+    onStream?: (abortController: AbortController) => void;
+}
+export type XRequestFunction<Input = AnyObject, Output = SSEOutput> = (params: XRequestParams & Input, callbacks: XRequestCallbacks<Output>, transformStream?: XStreamOptions<Output>['transformStream']) => Promise<void>;
+declare class XRequestClass {
+    readonly baseURL: any;
+    readonly model: any;
+    private defaultHeaders;
+    private customOptions;
+    private constructor();
+    static init(options: XRequestOptions): XRequestClass;
+    create: <Input = AnyObject, Output = SSEOutput>(params: XRequestParams & Input, callbacks?: XRequestCallbacks<Output>, transformStream?: XStreamOptions<Output>["transformStream"]) => Promise<void>;
+    private customResponseHandler;
+    private sseResponseHandler;
+    private jsonResponseHandler;
+}
+declare const XRequest: (options: MaybeRefOrGetter<XRequestOptions>) => import("vue").ComputedRef<XRequestClass>;
+export default XRequest;

package/antx/x-stream/index.d.ts

@@ -0,0 +1,4 @@
+import XStream from './x-stream';
+export type { SSEFields, SSEOutput, XStreamOptions } from './x-stream';
+export { XStream };
+export default XStream;

package/antx/x-stream/x-stream.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @link https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events#fields
+ */
+export type SSEFields = 'data' | 'event' | 'id' | 'retry';
+/**
+ * @example
+ * const sseObject = {
+ *    event: 'delta',
+ *    data: '{ key: "world!" }',
+ * };
+ */
+export type SSEOutput = Partial<Record<SSEFields, any>>;
+export interface XStreamOptions<Output> {
+    /**
+     * @description Readable stream of binary data
+     * @link https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream
+     */
+    readableStream: ReadableStream<Uint8Array>;
+    /**
+     * @description Support customizable transformStream to transform streams
+     * @default sseTransformStream
+     * @link https://developer.mozilla.org/en-US/docs/Web/API/TransformStream
+     */
+    transformStream?: TransformStream<string, Output>;
+}
+type XReadableStream<R = SSEOutput> = ReadableStream<R> & AsyncGenerator<R>;
+/**
+ * @description Transform Uint8Array binary stream to {@link SSEOutput} by default
+ * @warning The `XStream` only support the `utf-8` encoding. More encoding support maybe in the future.
+ */
+declare function XStream<Output = SSEOutput>(options: XStreamOptions<Output>): XReadableStream<Output>;
+export default XStream;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("vue"),U=require("@vunk/shared/fetch"),C=require("ant-design-x-vue");async function O(e,t){return U.restFetch.reader({url:"/application/chat_message/69e23792-8162-11f0-8a7b-dee062287042",onmessage:e},{headers:{authorization:"application-8259214f7c6f2777658809d71bdfada3"},data:t})}var d=(e=>(e.User="user",e.Assistant="assistant",e.Broadcasting="broadcasting",e))(d||{});const M=[{label:"用户",value:"user",isMarkdown:!1,placement:"end",templateType:"VkMarkdown"},{label:"AI 助手",value:"assistant",isMarkdown:!0,placement:"start",typing:!0,templateType:"VkMarkdown"}],b=M.reduce((e,t)=>(e[t.value]=t,e),{}),_="vk_agent_chat_inject_key";function P(e){return C.useXAgent({request:e})}function L(e,t,s){const[n]=P(e),o=C.useXChat({agent:n.value,parser:t}),f=r=>{const v=s(r);o.onRequest(v)},h=p.computed(()=>o.parsedMessages.value.map(r=>({key:r.id,...b[r.message.role],...r.message}))),c={agent:n,chat:o,simplicity:{onRequest:f,items:h}};return p.provide(_,c),c}function x(){const e=p.inject(_,null);if(!e)throw new Error("useAgentChat must be used within a provider");return e}const g=p.defineComponent({name:"VkAgentChatProvider",props:{request:{type:Function},parser:{type:Function},formatSend:{type:Function}},emits:{load:null},setup(e,{slots:t,emit:s}){const n=(a,c)=>{const{message:r}=a,{onSuccess:v,onUpdate:S}=c,V=[];if(!r?.content)return;let k="";const q=d.Assistant;let w="",m="start",y=!0,A=!1;const u=()=>{const l={role:q,content:k,thinkingContent:w,thinkingStatus:m,seviceLoading:y,seviceEnd:A};S(l),V.push(l)},j=()=>{v(V)};u(),O(l=>{let i={content:"",reasoning_content:""};typeof l.data=="string"&&(i=JSON.parse(l.data)),i.reasoning_content&&(w+=i.reasoning_content,m="thinking",y=!1,u()),i.content&&(k+=i.content,y=!1,u()),w&&i.content&&(m="end",u()),i.is_end&&(A=!0,u(),j())},{message:r?.content})},o=a=>[{...a,role:a.role??d.User,content:a.content??"",loading:a.seviceLoading}],f=a=>({role:d.User,content:a}),h=L(e.request??n,e.parser??o,e.formatSend??f);return s("load",h),t.default}});class F{views=[];getViews(){return this.views}createView(t){this.views.push(t)}upsertView(t,s={}){let n=this.getLastUpdatingView(t.type);return n?(n.content+=t.content,n.updating=t.updating,s.onUpdate?.(n)):(n=t,this.createView(n),s.onCreate?.(n)),n}getPrevView(t){const s=this.views.indexOf(t);if(s>0)return this.views[s-1]}getLastUpdatingView(t){return this.views.findLast(s=>s.updating&&s.type===t)}allViewUpdated(){this.views.forEach(t=>{t.updating=!1})}}const T=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));g.install=e=>{e.component(g.name||"VkAgentChatProvider",g)};exports.ChatAgentInjectKey=_;exports.MessageViewManager=F;exports.Role=d;exports.VkAgentChatProvider=g;exports.__VkAgentChatProvider=T;exports.default=g;exports.roleMap=b;exports.roleOptions=M;exports.useAgentChat=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("vue"),U=require("@vunk/shared/fetch"),C=require("@vunk/plus/antx");async function O(e,t){return U.restFetch.reader({url:"/application/chat_message/69e23792-8162-11f0-8a7b-dee062287042",onmessage:e},{headers:{authorization:"application-8259214f7c6f2777658809d71bdfada3"},data:t})}var d=(e=>(e.User="user",e.Assistant="assistant",e.Broadcasting="broadcasting",e))(d||{});const M=[{label:"用户",value:"user",isMarkdown:!1,placement:"end",templateType:"VkMarkdown"},{label:"AI 助手",value:"assistant",isMarkdown:!0,placement:"start",typing:!0,templateType:"VkMarkdown"}],b=M.reduce((e,t)=>(e[t.value]=t,e),{}),_="vk_agent_chat_inject_key";function P(e){return C.useXAgent({request:e})}function x(e,t,s){const[n]=P(e),o=C.useXChat({agent:n.value,parser:t}),f=r=>{const v=s(r);o.onRequest(v)},h=p.computed(()=>o.parsedMessages.value.map(r=>({key:r.id,...b[r.message.role],...r.message}))),c={agent:n,chat:o,simplicity:{onRequest:f,items:h}};return p.provide(_,c),c}function L(){const e=p.inject(_,null);if(!e)throw new Error("useAgentChat must be used within a provider");return e}const g=p.defineComponent({name:"VkAgentChatProvider",props:{request:{type:Function},parser:{type:Function},formatSend:{type:Function}},emits:{load:null},setup(e,{slots:t,emit:s}){const n=(a,c)=>{const{message:r}=a,{onSuccess:v,onUpdate:S}=c,V=[];if(!r?.content)return;let k="";const q=d.Assistant;let w="",m="start",y=!0,A=!1;const u=()=>{const l={role:q,content:k,thinkingContent:w,thinkingStatus:m,seviceLoading:y,seviceEnd:A};S(l),V.push(l)},j=()=>{v(V)};u(),O(l=>{let i={content:"",reasoning_content:""};typeof l.data=="string"&&(i=JSON.parse(l.data)),i.reasoning_content&&(w+=i.reasoning_content,m="thinking",y=!1,u()),i.content&&(k+=i.content,y=!1,u()),w&&i.content&&(m="end",u()),i.is_end&&(A=!0,u(),j())},{message:r?.content})},o=a=>[{...a,role:a.role??d.User,content:a.content??"",loading:a.seviceLoading}],f=a=>({role:d.User,content:a}),h=x(e.request??n,e.parser??o,e.formatSend??f);return s("load",h),t.default}});class F{views=[];getViews(){return this.views}createView(t){this.views.push(t)}upsertView(t,s={}){let n=this.getLastUpdatingView(t.type);return n?(n.content+=t.content,n.updating=t.updating,s.onUpdate?.(n)):(n=t,this.createView(n),s.onCreate?.(n)),n}getPrevView(t){const s=this.views.indexOf(t);if(s>0)return this.views[s-1]}getLastUpdatingView(t){return this.views.findLast(s=>s.updating&&s.type===t)}allViewUpdated(){this.views.forEach(t=>{t.updating=!1})}}const T=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));g.install=e=>{e.component(g.name||"VkAgentChatProvider",g)};exports.ChatAgentInjectKey=_;exports.MessageViewManager=F;exports.Role=d;exports.VkAgentChatProvider=g;exports.__VkAgentChatProvider=T;exports.default=g;exports.roleMap=b;exports.roleOptions=M;exports.useAgentChat=L;

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

@@ -1,6 +1,6 @@
 import { computed as b, provide as S, inject as U, defineComponent as j } from "vue";
 import { restFetch as q } from "@vunk/shared/fetch";
-import { useXChat as P, useXAgent as x } from "ant-design-x-vue";
+import { useXChat as P, useXAgent as x } from "@vunk/plus/antx";
 async function L(e, t) {
   return q.reader({
     url: "/application/chat_message/69e23792-8162-11f0-8a7b-dee062287042",
@@ -32,13 +32,11 @@ const O = [
 ], F = O.reduce((e, t) => (e[t.value] = t, e), {}), V = "vk_agent_chat_inject_key";
 function E(e) {
   return x({
-    // @ts-expect-error ant-design-x-vue generic type mismatch
     request: e
   });
 }
 function T(e, t, s) {
   const [n] = E(e), o = P({
-    // @ts-expect-error ant-design-x-vue generic type mismatch
     agent: n.value,
     // Convert AgentMessage to BubbleMessage
     parser: t

package/components/agent-chat-provider/src/index.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     formatSend: {
         type: PropType<AnyFunc>;
     };
-}>, import("vue").Slot<any> | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    load: null;
+}>, import("vue").Slot<any>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    load: any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     request: {
         type: PropType<AnyFunc>;
@@ -25,5 +25,5 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: PropType<AnyFunc>;
     };
 }>> & Readonly<{
-    onLoad?: ((...args: any[]) => any) | undefined;
+    onLoad?: (...args: any) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,7 +1,7 @@
 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 { RequestFn, SSEOutput, useXChat, XAgent, XRequestParams } from '@vunk/plus/antx';
 import type { ComputedRef } from 'vue';
 import type { MessageView } from './MessageView';
 export type RequestParams<Message> = Omit<XRequestParams, 'message'> & {

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

@@ -1,6 +1,6 @@
-import type { SSEOutput } from 'ant-design-x-vue';
+import type { SSEOutput } from '@vunk/plus/antx';
 import type { AgentChatContext, AgentMessage, formatSend, Parser, Request, RequestParams } from './types';
-import { useXAgent } from 'ant-design-x-vue';
+import { useXAgent } from '@vunk/plus/antx';
 export declare function useAgent(request: Request): ReturnType<typeof useXAgent<AgentMessage, RequestParams<AgentMessage>, AgentMessage & SSEOutput>>;
 export declare function initAgentChat(request: Request, parser: Parser, formatSend: formatSend): AgentChatContext;
 export declare function useAgentChat(): AgentChatContext;

package/components/avatar/index.mjs

@@ -1,5 +1,5 @@
 import { ElAvatar as r } from "element-plus";
-import { defineComponent as n, resolveComponent as a, createBlock as l, openBlock as s, normalizeStyle as c, withCtx as p, renderSlot as m } from "vue";
+import { defineComponent as n, resolveComponent as a, openBlock as l, createBlock as s, normalizeStyle as c, withCtx as p, renderSlot as m } from "vue";
 import { _ as d } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
 const f = {
   background: {
@@ -18,7 +18,7 @@ const f = {
 });
 function i(o, k, v, A, b, y) {
   const e = a("ElAvatar");
-  return s(), l(e, {
+  return l(), s(e, {
     style: c({
       background: o.background,
       color: o.color

package/components/avatar/src/index.vue.d.ts

@@ -1,122 +1,3 @@
-declare const _default: typeof __VLS_export;
+import { defineComponent } from 'vue';
+declare const _default: ReturnType<typeof defineComponent>;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
-    readonly shape: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
-    readonly icon: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly src: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly alt: StringConstructor;
-    readonly srcSet: StringConstructor;
-    readonly fit: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
-} & {
-    background: never;
-    color: never;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
-    readonly shape: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
-    readonly icon: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly src: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly alt: StringConstructor;
-    readonly srcSet: StringConstructor;
-    readonly fit: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
-} & {
-    background: never;
-    color: never;
-}>> & Readonly<{}>, {
-    readonly size: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>;
-    readonly shape: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "circle" | "square", unknown>;
-    readonly src: string;
-    readonly fit: any;
-}, {}, {
-    ElAvatar: import("element-plus/es/utils/index.mjs").SFCWithInstall<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
-            readonly shape: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
-            readonly icon: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly src: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly alt: StringConstructor;
-            readonly srcSet: StringConstructor;
-            readonly fit: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any))[], unknown, unknown, "cover", boolean>;
-        }>> & {
-            onError?: ((evt: Event) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            error: (evt: Event) => void;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
-            readonly shape: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "circle" | "square", unknown>;
-            readonly src: string;
-            readonly fit: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any))[], unknown, unknown>;
-        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
-            readonly shape: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
-            readonly icon: {
-                readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly src: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly alt: StringConstructor;
-            readonly srcSet: StringConstructor;
-            readonly fit: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any))[], unknown, unknown, "cover", boolean>;
-        }>> & {
-            onError?: ((evt: Event) => any) | undefined;
-        }, {}, {}, {}, {}, {
-            readonly size: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
-            readonly shape: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "circle" | "square", unknown>;
-            readonly src: string;
-            readonly fit: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any))[], unknown, unknown>;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        readonly size: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
-        readonly shape: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
-        readonly icon: {
-            readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        readonly src: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-        readonly alt: StringConstructor;
-        readonly srcSet: StringConstructor;
-        readonly fit: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any))[], unknown, unknown, "cover", boolean>;
-    }>> & {
-        onError?: ((evt: Event) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        error: (evt: Event) => void;
-    }, string, {
-        readonly size: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
-        readonly shape: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "circle" | "square", unknown>;
-        readonly src: string;
-        readonly fit: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => any))[], unknown, unknown>;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    })>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/broadcasting-markdown/index.cjs

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("@sapphire/async-queue"),E=require("@vunk/plus/components/typing-markdown"),F=require("@vunk/core"),B=require("@vunk/core/composables"),C=require("@vunk/shared/data/blob"),y=require("@vunk/shared/enum"),t=require("vue"),M=require("@vunk/shared/function"),_=require("howler"),H=require("@vunk/shared/promise"),x=require("consola"),L=require("../_plugin-vue_export-helper-BHFhmbuH.js");function N(e){return e.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,`
-`).replace(/-{3,}/g,"").replace(/^\s*-\s+/gm,"").replace(/\|/g,"").trim()}function P(e){return N(e)}var c=(e=>(e.initial="initial",e.processing="processing",e.pending="pending",e.fulfilled="fulfilled",e.rejected="rejected",e))(c||{});const k=y.TickerStatus,$={render:{type:Function,default:P},data:{type:Array,default:void 0},source:{type:String,default:""},delay:{type:Number,default:0},separators:{type:Array,default:()=>[`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("@sapphire/async-queue"),E=require("@vunk/plus/components/typing-markdown"),F=require("@vunk/core"),B=require("@vunk/core/composables"),C=require("@vunk/shared/data/blob"),m=require("@vunk/shared/enum"),t=require("vue"),M=require("@vunk/shared/function"),_=require("howler"),H=require("@vunk/shared/promise"),x=require("consola"),L=require("../_plugin-vue_export-helper-BHFhmbuH.js");function N(e){return e.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,`
+`).replace(/-{3,}/g,"").replace(/^\s*-\s+/gm,"").replace(/\|/g,"").trim()}function P(e){return N(e)}var c=(e=>(e.initial="initial",e.processing="processing",e.pending="pending",e.fulfilled="fulfilled",e.rejected="rejected",e))(c||{});const k=m.TickerStatus,$={render:{type:Function,default:P},data:{type:Array,default:void 0},source:{type:String,default:""},delay:{type:Number,default:0},separators:{type:Array,default:()=>[`
 
 `,`
-`]},keepRead:{type:Boolean,default:!1},textToSpeech:{type:Function,default:void 0},processing:{type:Function,default:M.noop},status:{type:String,default:y.TickerStatus.pending},paragraphMinlength:{type:Number,default:20},disabled:{type:Boolean,default:!1}},D={setData:e=>e,"update:status":e=>!0,paragraphLoad:e=>!0,complete:()=>!0},O={data:{type:Object,default:()=>({})},deferred:{type:Object,required:!0},render:{type:Function,default:P}},R={setData:e=>e,load:e=>!0},U=Object.freeze(Object.defineProperty({__proto__:null,emits:D,paragraphEmits:R,paragraphProps:O,props:$},Symbol.toStringTag,{value:"Module"}));Howler.autoUnlock=!1;const V=_.Howl.prototype.play;_.Howl.prototype.play=function(e){const s=window.WeixinJSBridge;return s&&s.invoke("getNetworkType",{},()=>{this.playing(e)||V.call(this,e)},!1),V.call(this,e)};function q(e,s){const a=t.shallowRef(null),n=t.computed({get:()=>e.status,set:d=>{s("update:status",d)}}),l=d=>d?(a.value&&a.value.unload(),new _.Howl({src:[d],format:["mp3","wav","aac"],onplay:()=>{n.value=y.TickerStatus.playing},onpause:()=>{n.value=y.TickerStatus.paused},onend:()=>{n.value=y.TickerStatus.stopped,setTimeout(()=>{a.value&&(a.value.unload(),a.value=null)},400)},onstop:()=>{n.value=y.TickerStatus.stopped},onloaderror:(u,p)=>{n.value=y.TickerStatus.failed,s("error",p)},onplayerror:(u,p)=>{n.value=y.TickerStatus.failed,s("error",p)}})):null,o=t.computed(()=>e.source);return t.watch(()=>o.value,d=>{d&&(a.value=l(d))},{immediate:!0}),t.onBeforeUnmount(()=>{a.value&&(a.value.unload(),a.value=null)}),t.watchEffect(()=>{n.value===k.play?a.value?a.value.play():console.warn("warn: No sound instance available for play"):n.value===k.pause?a.value?.pause():n.value===k.stop&&a.value?.stop()}),{url:o,broadcast:n,sound:a}}const I=t.defineComponent({__name:"howler-speech",props:{source:{type:String,default:""},status:{type:String,default:y.TickerStatus.pending}},emits:{"update:status":null,load:null,error:null},setup(e,{emit:s}){const a=e,n=s;return a.source?q(a,n):n("update:status",y.TickerStatus.stopped),t.onMounted(()=>{n("load")}),(l,o)=>t.renderSlot(l.$slots,"default",{status:e.status})}}),z=t.defineComponent({__name:"paragraph",props:{enable:{type:Boolean,default:!0},status:{type:String,default:c.initial},processing:{type:Function,default:M.noop}},emits:["update:status"],setup(e,{emit:s}){const a=e,n=s,l=t.shallowRef(),o=B.useDeferred();t.onMounted(async()=>{n("update:status",c.processing),await a.processing?.(),o.resolve()}),o.promise.catch(()=>{n("update:status",c.rejected)}),t.watch(()=>a.enable,async u=>{u?d():l.value=void 0},{immediate:!0});async function d(){const u=new H.Deferred;await o.promise,n("update:status",c.pending),u.promise.then(()=>{n("update:status",c.fulfilled)}).catch(async p=>{x.consola.error("error",p),n("update:status",c.rejected)}),l.value=void 0,t.nextTick(()=>{l.value=u})}return(u,p)=>e.enable&&l.value?t.renderSlot(u.$slots,"default",{key:0,deferred:l.value}):t.createCommentVNode("",!0)}});function J(e){const{source:s,currentIndex:a,sortedSeparators:n,paragraphMinlength:l,lastParagraph:o}=e,d=[],u=[];for(const p of n){const g=p.length;if(s.slice(a-g,a)!==p)continue;const h=o?.end??0,f=a,S=s.slice(h,f);if(o&&p.length>=S.length){o.status===c.initial&&d.push({end:f,value:s.slice(o.start,f),separator:p});continue}S.length>l&&u.push({start:h,separator:p,end:f,status:c.initial,value:S,broadcast:k.play})}return{mergeActions:d,appendActions:u}}function Q(e){const{source:s,currentIndex:a,lastParagraph:n}=e;if(n?.end===a)return{type:"none"};const l=n?.end??0,o=a;return n&&n.status===c.initial&&n.separator===""?{type:"merge",data:{end:o,value:s.slice(n.start,o),separator:""}}:{type:"append",data:{start:l,separator:"",end:o,status:c.initial,value:s.slice(l,o),broadcast:k.play}}}const W=t.defineComponent({name:"VkBroadcastingMarkdown",components:{ParagraphView:z,HowlerSpeechView:I,VkTypingMarkdown:E.VkTypingMarkdown},props:$,emits:D,setup(e,{emit:s}){const[a,n]=B.useDataComputed({default:[]},e,s),l=new A.AsyncQueue,o=r=>{const i=a.value.length;i===0&&(r.broadcast=e.status),n({k:i,v:r})},d=async r=>{if(!e.textToSpeech)return;const i=e.render(r.value);if(e.separators.includes(i)||!i)return;const v=e.textToSpeech(i);return await l.wait(),v.then(async m=>{m instanceof Blob&&(r.blob=m,r.url=await C.blobToDataURL(m)),typeof m=="string"&&(r.url=m)}).then(async()=>{await e.processing?.(r),l.shift()})},u=t.ref(0),p=t.computed(()=>u.value>=e.source.length),g=t.computed(()=>e.disabled?e.source:a.value.filter(r=>r.status===c.fulfilled||r.status===c.pending).map(r=>r.value).join("")),w=t.computed(()=>[...e.separators].sort((r,i)=>r.length-i.length));t.watch(p,r=>{e.disabled||!r&&h()},{immediate:!0});function h(){const r=a.value.at(-1),i=J({source:e.source,currentIndex:u.value,sortedSeparators:w.value,paragraphMinlength:e.paragraphMinlength,lastParagraph:r});if(i.mergeActions.forEach(v=>{r&&(r.end=v.end,r.value=v.value,r.separator=v.separator)}),i.appendActions.forEach(v=>{o(v)}),u.value<e.source.length)u.value++,setTimeout(h,e.delay);else{if(e.keepRead){setTimeout(h,e.delay);return}const v=a.value.at(-1),m=Q({source:e.source,currentIndex:u.value,lastParagraph:v});if(m.type==="none")return;if(m.type==="merge"){if(!v)return;v.end=m.data.end,v.value=m.data.value,v.separator=m.data.separator;return}o(m.data)}}function f(r){const i=a.value[r-1];return i?i.status===c.fulfilled:!0}function S(r){return f(r)}const T=t.computed(()=>a.value.find(r=>r.status===c.pending));t.watch(()=>e.status,()=>{e.status===y.TickerStatus.stop&&a.value.forEach(r=>{r.broadcast!==y.TickerStatus.stopped&&(r.broadcast=k.stop)}),T.value&&T.value.broadcast!==e.status&&(T.value.broadcast=e.status)},{immediate:!0});function j(r,i){r.status===c.pending&&s("update:status",i)}return{theData:a,ParagraphStatus:c,fulfilledTextValue:g,processingParagraph:d,setData:F.setData,Broadcast:k,isParagraphEnabled:S,TickerStatus:y.TickerStatus,handleParagraphStatus:j}}});function G(e,s,a,n,l,o){const d=t.resolveComponent("VkTypingMarkdown"),u=t.resolveComponent("HowlerSpeechView"),p=t.resolveComponent("ParagraphView");return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"default",{paragraphs:e.theData},()=>[t.createVNode(d,{source:e.fulfilledTextValue},null,8,["source"])]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.theData,(g,w)=>(t.openBlock(),t.createBlock(p,{key:g.value,status:g.status,"onUpdate:status":h=>g.status=h,enable:e.isParagraphEnabled(w),processing:()=>e.processingParagraph(g)},{default:t.withCtx(({deferred:h})=>[t.renderSlot(e.$slots,"paragraph",{data:g,deferred:h},()=>[t.createVNode(u,{status:g.broadcast,"onUpdate:status":[f=>g.broadcast=f,f=>{e.handleParagraphStatus(g,f),f===e.TickerStatus.stopped&&h.resolve(!0),w===e.theData.length-1&&f===e.TickerStatus.stopped&&e.$emit("complete")}],source:g.url,onError:f=>h.reject(f),onLoad:f=>e.$emit("paragraphLoad",{data:g,deferred:h})},null,8,["status","onUpdate:status","source","onError","onLoad"])])]),_:2},1032,["status","onUpdate:status","enable","processing"]))),128))],64)}const b=L._export_sfc(W,[["render",G]]),K=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));b.install=e=>{e.component(b.name||"VkBroadcastingMarkdown",b)};exports.Broadcast=k;exports.ParagraphStatus=c;exports.VkBroadcastingMarkdown=b;exports._VkBroadcastingMarkdownCtx=U;exports.__VkBroadcastingMarkdown=K;exports.default=b;exports.defaultRender=P;exports.useHowlerParagraph=q;
+`]},keepRead:{type:Boolean,default:!1},textToSpeech:{type:Function,default:void 0},processing:{type:Function,default:M.noop},status:{type:String,default:m.TickerStatus.pending},paragraphMinlength:{type:Number,default:20},disabled:{type:Boolean,default:!1}},D={setData:e=>e,"update:status":e=>!0,paragraphLoad:e=>!0,complete:()=>!0},O={data:{type:Object,default:()=>({})},deferred:{type:Object,required:!0},render:{type:Function,default:P}},R={setData:e=>e,load:e=>!0},U=Object.freeze(Object.defineProperty({__proto__:null,emits:D,paragraphEmits:R,paragraphProps:O,props:$},Symbol.toStringTag,{value:"Module"}));Howler.autoUnlock=!1;const V=_.Howl.prototype.play;_.Howl.prototype.play=function(e){const o=window.WeixinJSBridge;return o&&o.invoke("getNetworkType",{},()=>{this.playing(e)||V.call(this,e)},!1),V.call(this,e)};function q(e,o){const a=t.shallowRef(null),n=t.computed({get:()=>e.status,set:d=>{o("update:status",d)}}),l=d=>d?(a.value&&a.value.unload(),new _.Howl({src:[d],format:["mp3","wav","aac"],onplay:()=>{n.value=m.TickerStatus.playing},onpause:()=>{n.value=m.TickerStatus.paused},onend:()=>{n.value=m.TickerStatus.stopped,setTimeout(()=>{a.value&&(a.value.unload(),a.value=null)},400)},onstop:()=>{n.value=m.TickerStatus.stopped},onloaderror:(u,p)=>{n.value=m.TickerStatus.failed,o("error",p)},onplayerror:(u,p)=>{n.value=m.TickerStatus.failed,o("error",p)}})):null,s=t.computed(()=>e.source);return t.watch(()=>s.value,d=>{d&&(a.value=l(d))},{immediate:!0}),t.onBeforeUnmount(()=>{a.value&&(a.value.unload(),a.value=null)}),t.watchEffect(()=>{n.value===k.play?a.value?a.value.play():console.warn("warn: No sound instance available for play"):n.value===k.pause?a.value?.pause():n.value===k.stop&&a.value?.stop()}),{url:s,broadcast:n,sound:a}}const I=t.defineComponent({__name:"howler-speech",props:{source:{type:String,default:""},status:{type:String,default:m.TickerStatus.pending}},emits:{"update:status":null,load:null,error:null},setup(e,{emit:o}){const a=e,n=o;return a.source?q(a,n):n("update:status",m.TickerStatus.stopped),t.onMounted(()=>{n("load")}),(l,s)=>t.renderSlot(l.$slots,"default",{status:e.status})}}),z=t.defineComponent({__name:"paragraph",props:{enable:{type:Boolean,default:!0},status:{type:String,default:c.initial},processing:{type:Function,default:M.noop}},emits:["update:status"],setup(e,{emit:o}){const a=e,n=o,l=t.shallowRef(),s=B.useDeferred();t.onMounted(async()=>{n("update:status",c.processing),await a.processing?.(),s.resolve()}),s.promise.catch(()=>{n("update:status",c.rejected)}),t.watch(()=>a.enable,async u=>{u?d():l.value=void 0},{immediate:!0});async function d(){const u=new H.Deferred;await s.promise,n("update:status",c.pending),u.promise.then(()=>{n("update:status",c.fulfilled)}).catch(async p=>{x.consola.error("error",p),n("update:status",c.rejected)}),l.value=void 0,t.nextTick(()=>{l.value=u})}return(u,p)=>e.enable&&l.value?t.renderSlot(u.$slots,"default",{deferred:l.value},void 0,void 0,0):t.createCommentVNode("",!0)}});function J(e){const{source:o,currentIndex:a,sortedSeparators:n,paragraphMinlength:l,lastParagraph:s}=e,d=[],u=[];for(const p of n){const g=p.length;if(o.slice(a-g,a)!==p)continue;const v=s?.end??0,f=a,S=o.slice(v,f);if(s&&p.length>=S.length){s.status===c.initial&&d.push({end:f,value:o.slice(s.start,f),separator:p});continue}S.length>l&&u.push({start:v,separator:p,end:f,status:c.initial,value:S,broadcast:k.play})}return{mergeActions:d,appendActions:u}}function Q(e){const{source:o,currentIndex:a,lastParagraph:n}=e;if(n?.end===a)return{type:"none"};const l=n?.end??0,s=a;return n&&n.status===c.initial&&n.separator===""?{type:"merge",data:{end:s,value:o.slice(n.start,s),separator:""}}:{type:"append",data:{start:l,separator:"",end:s,status:c.initial,value:o.slice(l,s),broadcast:k.play}}}const W=t.defineComponent({name:"VkBroadcastingMarkdown",components:{ParagraphView:z,HowlerSpeechView:I,VkTypingMarkdown:E.VkTypingMarkdown},props:$,emits:D,setup(e,{emit:o}){const[a,n]=B.useDataComputed({default:[]},e,o),l=new A.AsyncQueue,s=r=>{const i=a.value.length;i===0&&(r.broadcast=e.status),n({k:i,v:r})},d=async r=>{if(!e.textToSpeech)return;const i=e.render(r.value);if(e.separators.includes(i)||!i)return;const h=e.textToSpeech(i);return await l.wait(),h.then(async y=>{y instanceof Blob&&(r.blob=y,r.url=await C.blobToDataURL(y)),typeof y=="string"&&(r.url=y)}).then(async()=>{await e.processing?.(r),l.shift()})},u=t.ref(0),p=t.computed(()=>u.value>=e.source.length),g=t.computed(()=>e.disabled?e.source:a.value.filter(r=>r.status===c.fulfilled||r.status===c.pending).map(r=>r.value).join("")),w=t.computed(()=>[...e.separators].sort((r,i)=>r.length-i.length));t.watch(p,r=>{e.disabled||!r&&v()},{immediate:!0});function v(){const r=a.value.at(-1),i=J({source:e.source,currentIndex:u.value,sortedSeparators:w.value,paragraphMinlength:e.paragraphMinlength,lastParagraph:r});if(i.mergeActions.forEach(h=>{r&&(r.end=h.end,r.value=h.value,r.separator=h.separator)}),i.appendActions.forEach(h=>{s(h)}),u.value<e.source.length)u.value++,setTimeout(v,e.delay);else{if(e.keepRead){setTimeout(v,e.delay);return}const h=a.value.at(-1),y=Q({source:e.source,currentIndex:u.value,lastParagraph:h});if(y.type==="none")return;if(y.type==="merge"){if(!h)return;h.end=y.data.end,h.value=y.data.value,h.separator=y.data.separator;return}s(y.data)}}function f(r){const i=a.value[r-1];return i?i.status===c.fulfilled:!0}function S(r){return f(r)}const T=t.computed(()=>a.value.find(r=>r.status===c.pending));t.watch(()=>e.status,()=>{e.status===m.TickerStatus.stop&&a.value.forEach(r=>{r.broadcast!==m.TickerStatus.stopped&&(r.broadcast=k.stop)}),T.value&&T.value.broadcast!==e.status&&(T.value.broadcast=e.status)},{immediate:!0});function j(r,i){r.status===c.pending&&o("update:status",i)}return{theData:a,ParagraphStatus:c,fulfilledTextValue:g,processingParagraph:d,setData:F.setData,Broadcast:k,isParagraphEnabled:S,TickerStatus:m.TickerStatus,handleParagraphStatus:j}}});function G(e,o,a,n,l,s){const d=t.resolveComponent("VkTypingMarkdown"),u=t.resolveComponent("HowlerSpeechView"),p=t.resolveComponent("ParagraphView");return t.openBlock(),t.createElementBlock(t.Fragment,null,[t.renderSlot(e.$slots,"default",{paragraphs:e.theData},()=>[t.createVNode(d,{source:e.fulfilledTextValue},null,8,["source"])]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.theData,(g,w)=>(t.openBlock(),t.createBlock(p,{key:g.value,status:g.status,"onUpdate:status":v=>g.status=v,enable:e.isParagraphEnabled(w),processing:()=>e.processingParagraph(g)},{default:t.withCtx(({deferred:v})=>[t.renderSlot(e.$slots,"paragraph",{data:g,deferred:v},()=>[t.createVNode(u,{status:g.broadcast,"onUpdate:status":[f=>g.broadcast=f,f=>{e.handleParagraphStatus(g,f),f===e.TickerStatus.stopped&&v.resolve(!0),w===e.theData.length-1&&f===e.TickerStatus.stopped&&e.$emit("complete")}],source:g.url,onError:f=>v.reject(f),onLoad:f=>e.$emit("paragraphLoad",{data:g,deferred:v})},null,8,["status","onUpdate:status","source","onError","onLoad"])])]),_:2},1032,["status","onUpdate:status","enable","processing"]))),128))],64)}const b=L._export_sfc(W,[["render",G]]),K=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));b.install=e=>{e.component(b.name||"VkBroadcastingMarkdown",b)};exports.Broadcast=k;exports.ParagraphStatus=c;exports.VkBroadcastingMarkdown=b;exports._VkBroadcastingMarkdownCtx=U;exports.__VkBroadcastingMarkdown=K;exports.default=b;exports.defaultRender=P;exports.useHowlerParagraph=q;