@vunk/plus 1.3.0 → 1.3.2

package/components/SendOutlined.mjs

@@ -1334,4 +1334,4 @@ var SendOutlined = function SendOutlined(props, context) {
 SendOutlined.displayName = 'SendOutlined';
 SendOutlined.inheritAttrs = false;
 
-export { AudioMutedOutlined as A, CloseOutlined as C, LinkOutlined as L, SendOutlined as S, CloudUploadOutlined as a, AudioOutlined as b };
+export { AudioMutedOutlined as A, CloseOutlined as C, LinkOutlined as L, SendOutlined as S, AudioOutlined as a, CloudUploadOutlined as b };

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

@@ -0,0 +1,7 @@
+import VkAgentChatProvider from './src/index.vue';
+export * from './src/const';
+export * from './src/const-roles';
+export * as __VkAgentChatProvider from './src/types';
+export { useAgentChat } from './src/use';
+export { VkAgentChatProvider, };
+export default VkAgentChatProvider;

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

@@ -0,0 +1,3 @@
+import type { NormalObject } from '@vunk/shared';
+import type { RestFetchReaderOnmessage } from '@vunk/shared/fetch';
+export declare function agentRequest(onmessage: RestFetchReaderOnmessage, data: NormalObject): Promise<void>;

package/components/agent-chat-provider/src/const-roles.d.ts

@@ -0,0 +1,8 @@
+import type { RoleMedia } from './types';
+export declare enum Role {
+    User = "user",
+    Assistant = "assistant",
+    Broadcasting = "broadcasting"
+}
+export declare const roleOptions: RoleMedia[];
+export declare const roleMap: Record<Role, RoleMedia>;

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

@@ -0,0 +1 @@
+export declare const ChatAgentInjectKey = "vk_agent_chat_inject_key";

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

@@ -0,0 +1,47 @@
+import type { AnyFunc } from '@vunk/shared';
+import type { PropType } from 'vue';
+import type { AgentChatContext, AgentMessage, Parser } from './types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    request: {
+        type: PropType<AnyFunc>;
+    };
+    parser: {
+        type: PropType<Parser>;
+    };
+}>, import("vue").Slot<any> | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    load: (e: AgentChatContext) => {
+        agent: import("vue").ComputedRef<import("ant-design-x-vue").XAgent<AgentMessage>>;
+        chat: {
+            readonly onRequest: (value: AgentMessage) => void;
+            readonly messages: import("vue").Ref<import("ant-design-x-vue").MessageInfo<AgentMessage>[], import("ant-design-x-vue").MessageInfo<AgentMessage>[]>;
+            readonly parsedMessages: import("vue").ComputedRef<import("ant-design-x-vue").MessageInfo<import("./types").BubbleMessage>[]>;
+            readonly setMessages: (updater: import("ant-design-x-vue").MessageInfo<AgentMessage>[] | ((prev: import("ant-design-x-vue").MessageInfo<AgentMessage>[]) => import("ant-design-x-vue").MessageInfo<AgentMessage>[])) => void;
+        };
+        simplicity: {
+            onRequest: (message: string) => void;
+            items: import("vue").ComputedRef<import("./types").BubbleItem[]>;
+        };
+    };
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    request: {
+        type: PropType<AnyFunc>;
+    };
+    parser: {
+        type: PropType<Parser>;
+    };
+}>> & Readonly<{
+    onLoad?: ((e: {
+        agent: import("vue").ComputedRef<import("ant-design-x-vue").XAgent<AgentMessage>>;
+        chat: {
+            readonly onRequest: (value: AgentMessage) => void;
+            readonly messages: import("vue").Ref<import("ant-design-x-vue").MessageInfo<AgentMessage>[], import("ant-design-x-vue").MessageInfo<AgentMessage>[]>;
+            readonly parsedMessages: import("vue").ComputedRef<import("ant-design-x-vue").MessageInfo<import("./types").BubbleMessage>[]>;
+            readonly setMessages: (updater: import("ant-design-x-vue").MessageInfo<AgentMessage>[] | ((prev: import("ant-design-x-vue").MessageInfo<AgentMessage>[]) => import("ant-design-x-vue").MessageInfo<AgentMessage>[])) => void;
+        };
+        simplicity: {
+            onRequest: (message: string) => void;
+            items: import("vue").ComputedRef<import("./types").BubbleItem[]>;
+        };
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,37 @@
+import type { __VkBubbleTemplates } from '@vunk/plus/components/bubble-templates';
+import type { Media, NormalObject } from '@vunk/shared';
+import type { RequestFn } from 'ant-design-x-vue';
+import type { BubbleListItemProps } from 'vue-element-plus-x/types/components/BubbleList/types';
+import type { initAgentChat } from './use';
+export type AgentChatContext = ReturnType<typeof initAgentChat>;
+export type Request = RequestFn<AgentMessage>;
+export type Parser = (message: AgentMessage) => BubbleMessage | BubbleMessage[];
+/**
+ * @description   useXAgent request onSuccess 发送的数据
+ */
+export type AgentMessage = BubbleMessage & {
+    seviceLoading?: boolean;
+    seviceEnd?: boolean;
+};
+/**
+ * @description useXChat parser 解析数据
+ */
+export type BubbleMessage = Partial<BubbleListItemProps> & {
+    role: string;
+    content: string;
+    seviceEnd?: boolean;
+    thinkingStatus?: 'start' | 'thinking' | 'end' | 'error';
+    thinkingContent?: string;
+    meta?: NormalObject;
+};
+export type BubbleItem = BubbleItemBasic & __VkBubbleTemplates.RenderItem;
+export type RoleMedia = RoleMediaBasic & __VkBubbleTemplates.RenderItem;
+export type BubbleItemModule = 'Thinking';
+interface BubbleItemBasic extends BubbleMessage {
+    key: string;
+    modules?: BubbleItemModule[];
+}
+interface RoleMediaBasic extends Partial<BubbleItemBasic>, Media {
+    value: string;
+}
+export {};

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

@@ -0,0 +1,29 @@
+import type { RequestFn } from 'ant-design-x-vue';
+import type { AgentMessage, BubbleItem, BubbleMessage, Parser } from './types';
+export declare function useAgent(request: RequestFn<AgentMessage>): import("vue").ComputedRef<import("ant-design-x-vue").XAgent<AgentMessage>>[];
+export declare function initAgentChat(request: RequestFn<AgentMessage>, parser: Parser): {
+    agent: import("vue").ComputedRef<import("ant-design-x-vue").XAgent<AgentMessage>>;
+    chat: {
+        readonly onRequest: (value: AgentMessage) => void;
+        readonly messages: import("vue").Ref<import("ant-design-x-vue").MessageInfo<AgentMessage>[], import("ant-design-x-vue").MessageInfo<AgentMessage>[]>;
+        readonly parsedMessages: import("vue").ComputedRef<import("ant-design-x-vue").MessageInfo<BubbleMessage>[]>;
+        readonly setMessages: (updater: import("ant-design-x-vue").MessageInfo<AgentMessage>[] | ((prev: import("ant-design-x-vue").MessageInfo<AgentMessage>[]) => import("ant-design-x-vue").MessageInfo<AgentMessage>[])) => void;
+    };
+    simplicity: {
+        onRequest: (message: string) => void;
+        items: import("vue").ComputedRef<BubbleItem[]>;
+    };
+};
+export declare function useAgentChat(): {
+    agent: import("vue").ComputedRef<import("ant-design-x-vue").XAgent<AgentMessage>>;
+    chat: {
+        readonly onRequest: (value: AgentMessage) => void;
+        readonly messages: import("vue").Ref<import("ant-design-x-vue").MessageInfo<AgentMessage>[], import("ant-design-x-vue").MessageInfo<AgentMessage>[]>;
+        readonly parsedMessages: import("vue").ComputedRef<import("ant-design-x-vue").MessageInfo<BubbleMessage>[]>;
+        readonly setMessages: (updater: import("ant-design-x-vue").MessageInfo<AgentMessage>[] | ((prev: import("ant-design-x-vue").MessageInfo<AgentMessage>[]) => import("ant-design-x-vue").MessageInfo<AgentMessage>[])) => void;
+    };
+    simplicity: {
+        onRequest: (message: string) => void;
+        items: import("vue").ComputedRef<BubbleItem[]>;
+    };
+};

package/components/avatar/index.d.ts

@@ -0,0 +1,4 @@
+import VkAvatar from './src/index.vue';
+export * as __VkAvatar from './src/types';
+export { VkAvatar, };
+export default VkAvatar;

package/components/avatar/src/ctx.d.ts

@@ -0,0 +1,18 @@
+export declare const props: {
+    readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+    readonly shape: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+    readonly icon: {
+        readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly src: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly alt: StringConstructor;
+    readonly srcSet: StringConstructor;
+    readonly fit: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => ObjectFitProperty) | ((new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
+} & {
+    background: never;
+    color: never;
+};
+export declare const emits: {};

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

@@ -0,0 +1,121 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+    readonly shape: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+    readonly icon: {
+        readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly src: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly alt: StringConstructor;
+    readonly srcSet: StringConstructor;
+    readonly fit: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => ObjectFitProperty) | ((new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => 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").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+    readonly shape: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+    readonly icon: {
+        readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly src: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly alt: StringConstructor;
+    readonly srcSet: StringConstructor;
+    readonly fit: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => ObjectFitProperty) | ((new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
+} & {
+    background: never;
+    color: never;
+}>> & Readonly<{}>, {
+    readonly size: import("element-plus").ButtonType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
+    readonly shape: import("element-plus").ButtonType<StringConstructor, "circle" | "square", unknown>;
+    readonly src: string;
+    readonly fit: any;
+}, {}, {
+    ElAvatar: import("element-plus/es/utils").SFCWithInstall<{
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+            readonly shape: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+            readonly icon: {
+                readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly src: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly alt: StringConstructor;
+            readonly srcSet: StringConstructor;
+            readonly fit: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => any) | ((new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => 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").ButtonType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
+            readonly shape: import("element-plus").ButtonType<StringConstructor, "circle" | "square", unknown>;
+            readonly src: string;
+            readonly fit: any;
+        }, 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").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+            readonly shape: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+            readonly icon: {
+                readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly src: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly alt: StringConstructor;
+            readonly srcSet: StringConstructor;
+            readonly fit: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => any) | ((new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => any))[], unknown, unknown, "cover", boolean>;
+        }>> & {
+            onError?: ((evt: Event) => any) | undefined;
+        }, {}, {}, {}, {}, {
+            readonly size: import("element-plus").ButtonType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
+            readonly shape: import("element-plus").ButtonType<StringConstructor, "circle" | "square", unknown>;
+            readonly src: string;
+            readonly fit: any;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+        readonly shape: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+        readonly icon: {
+            readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly src: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly alt: StringConstructor;
+        readonly srcSet: StringConstructor;
+        readonly fit: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => any) | ((new (...args: any[]) => "initial" | "fill" | "cover" | "contain" | "none" | "scale-down" | "-moz-initial" | "inherit" | "revert" | "unset") | (() => 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").ButtonType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
+        readonly shape: import("element-plus").ButtonType<StringConstructor, "circle" | "square", unknown>;
+        readonly src: string;
+        readonly fit: any;
+    }, {}, 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>;
+export default _default;

package/components/avatar/src/types.d.ts

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

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

@@ -0,0 +1,5 @@
+import VkBroadcastingMarkdown from './src/index.vue';
+export * from './src/const';
+export * as __VkBroadcastingMarkdown from './src/types';
+export { VkBroadcastingMarkdown, };
+export default VkBroadcastingMarkdown;

package/components/broadcasting-markdown/index.mjs

@@ -1,18 +1,17 @@
 import { VkTypingMarkdown } from '@vunk/plus/components/typing-markdown';
 import { setData } from '@vunk/core';
 import { defineComponent, createElementBlock, openBlock, createElementVNode, Fragment, createVNode, unref, withCtx, computed, onBeforeUnmount, onMounted, watch, shallowRef, nextTick, renderSlot, createCommentVNode, ref, watchEffect, resolveComponent, renderList, createBlock } from 'vue';
-import markdownIt from 'markdown-it';
 import { useDeferred } from '@vunk/core/composables';
 import { ElIcon } from 'element-plus';
 import { noop } from '@vunk/shared/function';
 import { Deferred } from '@vunk/shared/promise';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
-const md = markdownIt();
+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();
+}
 function defaultRender(mdText) {
-  const html = md.render(mdText);
-  const doc = new DOMParser().parseFromString(html, "text/html");
-  return doc.body.textContent || "";
+  return markdownToPlainText(mdText);
 }
 var ParagraphStatus = /* @__PURE__ */ ((ParagraphStatus2) => {
   ParagraphStatus2["initial"] = "initial";
@@ -32,6 +31,13 @@ var Broadcast = /* @__PURE__ */ ((Broadcast2) => {
 })(Broadcast || {});
 
 const props = {
+  /**
+   * @description md文本转纯文本的函数
+   */
+  render: {
+    type: Function,
+    default: defaultRender
+  },
   /**
    *  @description 段落详情
    */
@@ -178,10 +184,14 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
     url: {
       type: String,
       default: ""
+    },
+    render: {
+      type: Function,
+      required: true
     }
   },
   setup(props) {
-    const value = defaultRender(props.data.value).replace(/\n/g, "");
+    const value = props.render(props.data.value);
     const theData = computed(() => props.data);
     if (!value.trim()) {
       props.deferred.resolve(true);
@@ -327,13 +337,15 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     pause: {
       type: Boolean,
       default: false
+    },
+    render: {
+      type: Function,
+      required: true
     }
   },
   setup(props) {
-    const value = defaultRender(props.data.value).replace(/\n/g, "");
-    const theData = computed(() => {
-      return props.data;
-    });
+    const value = props.render(props.data.value);
+    const theData = computed(() => props.data);
     if (!value.trim()) {
       props.deferred.resolve(true);
       theData.value.broadcast = Broadcast.ended;
@@ -415,7 +427,10 @@ var _sfc_main = defineComponent({
       if (!props2.textToSpeech) {
         return;
       }
-      const value = defaultRender(paragraph.value);
+      const value = props2.render(paragraph.value);
+      if (!value) {
+        return;
+      }
       return props2.textToSpeech(`${value}`).then((url) => {
         paragraph.url = url;
       });
@@ -597,19 +612,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 data: item,
                 deferred
               }, () => [
-                item.url ? (openBlock(), createBlock(_component_CustomSpeechView, {
-                  key: 0,
+                createVNode(_component_CustomSpeechView, {
+                  render: _ctx.render,
                   url: item.url,
                   pause: _ctx.pause,
                   deferred,
                   data: item
-                }, null, 8, ["url", "pause", "deferred", "data"])) : createCommentVNode("v-if", true),
+                }, null, 8, ["render", "url", "pause", "deferred", "data"]),
                 _ctx.webSpeech ? (openBlock(), createBlock(_component_WebSpeechView, {
-                  key: 1,
+                  key: 0,
+                  render: _ctx.render,
                   pause: _ctx.pause,
                   deferred,
                   data: item
-                }, null, 8, ["pause", "deferred", "data"])) : createCommentVNode("v-if", true)
+                }, null, 8, ["render", "pause", "deferred", "data"])) : createCommentVNode("v-if", true)
               ])
             ]),
             _: 2

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

@@ -0,0 +1,18 @@
+export declare function defaultRender(mdText: string): string;
+export declare enum ParagraphStatus {
+    initial = "initial",
+    /**
+     * @description 处理中, 通常用于需要对段落进行异步处理
+     */
+    processing = "processing",
+    pending = "pending",
+    fulfilled = "fulfilled",
+    rejected = "rejected"
+}
+export declare enum Broadcast {
+    initial = "initial",
+    playing = "playing",
+    ended = "ended",
+    paused = "paused",
+    failed = "failed"
+}

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

@@ -0,0 +1,101 @@
+import type { SetDataEvent } from '@vunk/core';
+import type { PropType } from 'vue';
+import type { Paragraph, TextToSpeech } from './types';
+import { defaultRender } from './const';
+export declare const props: {
+    /**
+     * @description md文本转纯文本的函数
+     */
+    render: {
+        type: PropType<(text: string) => string>;
+        default: typeof defaultRender;
+    };
+    /**
+     *  @description 段落详情
+     */
+    data: {
+        type: {
+            (arrayLength: number): Paragraph[];
+            (...items: Paragraph[]): Paragraph[];
+            new (arrayLength: number): Paragraph[];
+            new (...items: Paragraph[]): Paragraph[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: undefined;
+    };
+    /**
+     * @description md 文本
+     */
+    source: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     *  @description 游标阅读延迟
+     */
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * @description 段落切割符号
+     */
+    separators: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: () => string[];
+    };
+    /**
+     * @description 暂停的
+     */
+    pause: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 组件内会根据当前游标是否和 source 长度一致来判断，是否持续阅读, 当一致时，会关闭阅读状态。但若设置为 true，则会持续阅读, 这在动态接收数据时会有用
+     */
+    keepRead: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 是否使用 web speech api
+     */
+    webSpeech: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 是否使用自定义语音合成
+     */
+    textToSpeech: {
+        type: PropType<TextToSpeech>;
+        default: undefined;
+    };
+};
+export declare const emits: {
+    setData: (e: SetDataEvent) => SetDataEvent;
+    'update:broadcasting': (_: boolean) => boolean;
+    'update:completed': (_: boolean) => boolean;
+    'update:error': (_: boolean) => boolean;
+};