@vunk/plus 1.2.2 → 1.3.1

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.mjs

@@ -1,5 +1,5 @@
 import { ElAvatar } from 'element-plus';
-import { defineComponent, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, renderSlot } from 'vue';
+import { defineComponent, resolveComponent, createBlock, openBlock, normalizeStyle, withCtx, renderSlot } from 'vue';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
@@ -36,7 +36,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 8, ["style"]);
 }
-var VkAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/avatar/src/index.vue"]]);
+var VkAvatar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

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

@@ -1,16 +1,16 @@
 export declare const props: {
-    readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number, "", boolean>;
+    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<unknown>;
+        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;
+        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[]) => any) | (() => ObjectFitProperty) | ((new (...args: any[]) => any) | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
+    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;

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

@@ -1,180 +1,121 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number, "", boolean>;
+    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<unknown>;
+        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;
+        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[]) => any) | (() => ObjectFitProperty) | ((new (...args: any[]) => any) | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
+    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], "" | "default" | "small" | "large", number, "", boolean>;
+    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<unknown>;
+        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;
+        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[]) => any) | (() => ObjectFitProperty) | ((new (...args: any[]) => any) | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
+    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], "" | "default" | "small" | "large", number>;
+    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<import("vue").DefineComponent<{
-        readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number, "", boolean>;
-        readonly shape: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
-        readonly icon: {
-            readonly type: import("vue").PropType<unknown>;
-            readonly required: false;
-            readonly validator: (val: unknown) => boolean;
-            __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[]) => any) | (() => any) | ((new (...args: any[]) => any) | (() => any))[], unknown, unknown, "cover", boolean>;
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number, "", boolean>;
+    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<unknown>;
+                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;
+                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[]) => any) | (() => any) | ((new (...args: any[]) => any) | (() => any))[], unknown, unknown, "cover", boolean>;
+            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;
-        }>>;
-        emit: (event: "error", evt: Event) => void;
-        ns: {
-            namespace: import("vue").ComputedRef<string>;
-            b: (blockSuffix?: string) => string;
-            e: (element?: string) => string;
-            m: (modifier?: string) => string;
-            be: (blockSuffix?: string, element?: string) => string;
-            em: (element?: string, modifier?: string) => string;
-            bm: (blockSuffix?: string, modifier?: string) => string;
-            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-            is: {
-                (name: string, state: boolean): string;
-                (name: string): string;
-            };
-            cssVar: (object: Record<string, string>) => Record<string, string>;
-            cssVarName: (name: string) => string;
-            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-            cssVarBlockName: (name: string) => string;
-        };
-        hasLoadError: import("vue").Ref<boolean, boolean>;
-        avatarClass: import("vue").ComputedRef<string[]>;
-        sizeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        fitStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        handleError: (e: Event) => void;
-        ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-            readonly size: {
-                readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: (val: unknown) => boolean;
-                __epPropKey: true;
-            };
-            readonly color: {
-                readonly type: import("vue").PropType<string>;
-                readonly required: false;
-                readonly validator: (val: unknown) => boolean;
-                __epPropKey: true;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly size: {
-                    readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: (val: unknown) => boolean;
-                    __epPropKey: true;
-                };
-                readonly color: {
-                    readonly type: import("vue").PropType<string>;
-                    readonly required: false;
-                    readonly validator: (val: unknown) => boolean;
-                    __epPropKey: true;
-                };
-            }>> & {
-                [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-            }>>;
-            ns: {
-                namespace: import("vue").ComputedRef<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string) => string;
-                m: (modifier?: string) => string;
-                be: (blockSuffix?: string, element?: string) => string;
-                em: (element?: string, modifier?: string) => string;
-                bm: (blockSuffix?: string, modifier?: string) => string;
-                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
-                is: {
-                    (name: string, state: boolean): string;
-                    (name: string): string;
-                };
-                cssVar: (object: Record<string, string>) => Record<string, string>;
-                cssVarName: (name: string) => string;
-                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                cssVarBlockName: (name: string) => string;
-            };
-            style: import("vue").ComputedRef<import("vue").CSSProperties>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly size: {
-                readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: (val: unknown) => boolean;
-                __epPropKey: true;
-            };
-            readonly color: {
-                readonly type: import("vue").PropType<string>;
+            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;
+                readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-        }>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        error: (evt: Event) => boolean;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly size: import("element-plus/es/utils").EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number, "", boolean>;
+            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<unknown>;
+            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;
+            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[]) => any) | (() => any) | ((new (...args: any[]) => any) | (() => any))[], unknown, unknown, "cover", boolean>;
+        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;
-    }, {
-        readonly size: import("element-plus").ButtonType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>;
+        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").ComponentProvideOptions, true, {}, any>> & Record<string, 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/broadcasting-markdown/index.css

@@ -0,0 +1,3 @@
+.vk-broadcasting-markdown-web-speech-icon{
+  vertical-align: text-bottom;
+}

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;