@vunk/plus 1.3.1 → 1.3.2

package/components/bubble-templates/index.mjs

@@ -1,166 +1,7 @@
-import { defineComponent, ref, watch, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, createVNode, normalizeClass, renderSlot, createBlock, createCommentVNode, withCtx, unref, createTextVNode, toDisplayString, Transition, withDirectives, vShow, Fragment } from 'vue';
+import { defineComponent, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createBlock, createCommentVNode } from 'vue';
 import { VkBroadcastingMarkdown } from '@vunk/plus/components/broadcasting-markdown';
 import { VkRendererTemplate } from '@vunk/core/components/renderer-template';
-import { _ as _export_sfc, E as ElIcon, l as loading_default, o as opportunity_default, s as success_filled_default, c as circle_close_filled_default, a as arrow_up_bold_default, T as Typewriter } from '../index2.mjs';
-
-const _hoisted_1 = ["disabled"];
-const _hoisted_2 = {
-  class: "status-icon"
-};
-const _hoisted_3 = {
-  class: "label"
-};
-const _hoisted_4 = {
-  class: "content"
-};
-const _hoisted_5 = {
-  class: "error-message"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    modelValue: {
-      type: Boolean,
-      default: true
-    },
-    content: {
-      default: ""
-    },
-    status: {
-      default: "start"
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    autoCollapse: {
-      type: Boolean,
-      default: false
-    },
-    duration: {
-      default: "0.2s"
-    },
-    buttonWidth: {
-      default: "160px"
-    },
-    maxWidth: {
-      default: "500px"
-    },
-    backgroundColor: {
-      default: "#fcfcfc"
-    },
-    color: {
-      default: "var(--el-color-info)"
-    }
-  },
-  emits: ["change", "update:expanded"],
-  setup(__props, {
-    emit: __emit
-  }) {
-    const props = __props;
-    const emit = __emit;
-    const isExpanded = ref(props.modelValue);
-    watch(() => props.modelValue, (newVal) => {
-      isExpanded.value = newVal;
-    });
-    function changeExpand() {
-      if (props.disabled) return;
-      isExpanded.value = !isExpanded.value;
-      emit("change", {
-        value: isExpanded.value,
-        status: props.status
-      });
-      emit("update:expanded", isExpanded.value);
-    }
-    const displayedContent = computed(() => {
-      return props.status === "error" ? "思考过程中出现错误" : props.content;
-    });
-    watch(() => props.status, (newVal) => {
-      if (newVal === "end" && props.autoCollapse) {
-        isExpanded.value = false;
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_el_icon = ElIcon;
-      return openBlock(), createElementBlock("div", {
-        class: "el-thinking",
-        style: normalizeStyle({
-          "--el-thinking-button-width": props.buttonWidth,
-          "--el-thinking-animation-duration": props.duration,
-          "--el-thinking-content-wrapper-width": props.maxWidth,
-          "--el-thinking-content-wrapper-background-color": props.backgroundColor,
-          "--el-thinking-content-wrapper-color": props.color
-        })
-      }, [createElementVNode("button", {
-        class: normalizeClass(["trigger", [_ctx.status, {
-          disabled: !props.disabled
-        }]]),
-        disabled: props.disabled,
-        onClick: changeExpand
-      }, [createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "status-icon", {
-        status: props.status
-      }, () => [_ctx.status === "thinking" ? (openBlock(), createBlock(_component_el_icon, {
-        key: 0,
-        class: "is-loading el-icon-center"
-      }, {
-        default: withCtx(() => [createVNode(unref(loading_default))]),
-        _: 1
-      })) : createCommentVNode("", true), _ctx.status === "start" ? (openBlock(), createBlock(_component_el_icon, {
-        key: 1,
-        class: "el-icon-center start-color"
-      }, {
-        default: withCtx(() => [createVNode(unref(opportunity_default))]),
-        _: 1
-      })) : createCommentVNode("", true), _ctx.status === "end" ? (openBlock(), createBlock(_component_el_icon, {
-        key: 2,
-        class: "el-icon-center end-color"
-      }, {
-        default: withCtx(() => [createVNode(unref(success_filled_default))]),
-        _: 1
-      })) : createCommentVNode("", true), _ctx.status === "error" ? (openBlock(), createBlock(_component_el_icon, {
-        key: 3,
-        class: "el-icon-center error-color"
-      }, {
-        default: withCtx(() => [createVNode(unref(circle_close_filled_default))]),
-        _: 1
-      })) : createCommentVNode("", true)], true)]), createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "label", {
-        status: props.status
-      }, () => [createTextVNode(toDisplayString(_ctx.status === "thinking" ? "思考中..." : _ctx.status === "error" ? "思考遇到问题" : _ctx.status === "end" ? "思考完成" : "开始思考"), 1)], true)]), createVNode(Transition, {
-        name: "rotate"
-      }, {
-        default: withCtx(() => [!props.disabled ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass(["arrow el-icon-center", {
-            expanded: unref(isExpanded)
-          }])
-        }, [renderSlot(_ctx.$slots, "arrow", {}, () => [createVNode(_component_el_icon, {
-          class: "el-icon-center"
-        }, {
-          default: withCtx(() => [createVNode(unref(arrow_up_bold_default))]),
-          _: 1
-        })], true)], 2)) : createCommentVNode("", true)]),
-        _: 3
-      })], 10, _hoisted_1), createVNode(Transition, {
-        name: "slide"
-      }, {
-        default: withCtx(() => [unref(displayedContent) ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(["content-wrapper", {
-            "error-state": _ctx.status === "error"
-          }])
-        }, [createElementVNode("div", _hoisted_4, [_ctx.status !== "error" ? renderSlot(_ctx.$slots, "content", {
-          key: 0,
-          content: unref(displayedContent)
-        }, () => [createElementVNode("pre", null, toDisplayString(unref(displayedContent)), 1)], true) : renderSlot(_ctx.$slots, "error", {
-          key: 1,
-          errorContent: unref(displayedContent)
-        }, () => [createElementVNode("div", _hoisted_5, toDisplayString(unref(displayedContent)), 1)], true)])], 2)), [[vShow, unref(isExpanded)]]) : createCommentVNode("", true)]),
-        _: 3
-      })], 4);
-    };
-  }
-});
-const Thinking = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5eb92e73"]]);
+import { Thinking, Typewriter } from 'vue-element-plus-x';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

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

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     initRenderData: (emitSetData: any, props: any) => void;
     typed: (e: __VkBubbleList.Item) => __VkAgentChatProvider.BubbleItem;
     readonly VkBroadcastingMarkdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        render: {
+            type: PropType<(text: string) => string>;
+            default: typeof import("@vunk/plus/components/broadcasting-markdown").defaultRender;
+        };
         data: {
             type: {
                 (arrayLength: number): __VkBroadcastingMarkdown.Paragraph[];
@@ -85,6 +89,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         'update:completed': (_: boolean) => boolean;
         'update:error': (_: boolean) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        render: {
+            type: PropType<(text: string) => string>;
+            default: typeof import("@vunk/plus/components/broadcasting-markdown").defaultRender;
+        };
         data: {
             type: {
                 (arrayLength: number): __VkBroadcastingMarkdown.Paragraph[];
@@ -152,6 +160,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         source: string;
         delay: number;
         pause: boolean;
+        render: (text: string) => string;
         data: __VkBroadcastingMarkdown.Paragraph[];
         separators: string[];
         keepRead: boolean;
@@ -304,6 +313,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            render: {
+                type: PropType<(text: string) => string>;
+                required: true;
+            };
         }>, (() => null) | (() => false | JSX.Element), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             voice: {
                 type: PropType<SpeechSynthesisVoice>;
@@ -321,6 +334,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: BooleanConstructor;
                 default: boolean;
             };
+            render: {
+                type: PropType<(text: string) => string>;
+                required: true;
+            };
         }>> & Readonly<{}>, {
             pause: boolean;
             data: __VkBroadcastingMarkdown.Paragraph;
@@ -402,6 +419,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
+            render: {
+                type: PropType<(text: string) => string>;
+                required: true;
+            };
         }>, (() => null) | (() => JSX.Element), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: PropType<__VkBroadcastingMarkdown.Paragraph>;
@@ -419,6 +440,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: StringConstructor;
                 default: string;
             };
+            render: {
+                type: PropType<(text: string) => string>;
+                required: true;
+            };
         }>> & Readonly<{}>, {
             pause: boolean;
             data: __VkBroadcastingMarkdown.Paragraph;

package/components/chat-independent/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, withDirectives, vShow, renderSlot, nextTick } from 'vue';
+import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, createCommentVNode, withDirectives, Fragment, vShow, renderSlot, nextTick } from 'vue';
 import { useAgentChat } from '@vunk/plus/components/agent-chat-provider';
 import { VkBubbleList } from '@vunk/plus/components/bubble-list';
 import { VkRecorderButton } from '@vunk/plus/components/recorder-button';
@@ -113,39 +113,47 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               two: withCtx(() => [
                 createElementVNode("div", _hoisted_3, [
-                  withDirectives(createVNode(
-                    unref(VkKeyboardAvatar),
-                    {
-                      size: 40,
-                      onClick: _cache[0] || (_cache[0] = ($event) => inputType.value = unref(InputType).Text)
-                    },
-                    null,
-                    512
-                    /* NEED_PATCH */
-                  ), [
-                    [vShow, inputType.value === unref(InputType).Voice]
-                  ]),
-                  withDirectives(createVNode(
-                    unref(VkVoiceAvatar),
-                    {
-                      size: 40,
-                      onClick: _cache[1] || (_cache[1] = ($event) => inputType.value = unref(InputType).Voice)
-                    },
-                    null,
-                    512
-                    /* NEED_PATCH */
-                  ), [
-                    [vShow, inputType.value === unref(InputType).Text]
-                  ]),
-                  withDirectives(createVNode(unref(VkRecorderButton), {
-                    "append-to": mainRef.value,
-                    disabled: senderDisabled.value,
-                    "speech-to-text": _ctx.speechToText,
-                    "submit-to-text": true,
-                    onSubmitText: onSubmit
-                  }, null, 8, ["append-to", "disabled", "speech-to-text"]), [
-                    [vShow, inputType.value === unref(InputType).Voice]
-                  ]),
+                  _ctx.speechToText ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    [
+                      withDirectives(createVNode(
+                        unref(VkKeyboardAvatar),
+                        {
+                          size: 40,
+                          onClick: _cache[0] || (_cache[0] = ($event) => inputType.value = unref(InputType).Text)
+                        },
+                        null,
+                        512
+                        /* NEED_PATCH */
+                      ), [
+                        [vShow, inputType.value === unref(InputType).Voice]
+                      ]),
+                      withDirectives(createVNode(unref(VkRecorderButton), {
+                        "append-to": mainRef.value,
+                        disabled: senderDisabled.value,
+                        "speech-to-text": _ctx.speechToText,
+                        "submit-to-text": true,
+                        onSubmitText: onSubmit
+                      }, null, 8, ["append-to", "disabled", "speech-to-text"]), [
+                        [vShow, inputType.value === unref(InputType).Voice]
+                      ]),
+                      withDirectives(createVNode(
+                        unref(VkVoiceAvatar),
+                        {
+                          size: 40,
+                          onClick: _cache[1] || (_cache[1] = ($event) => inputType.value = unref(InputType).Voice)
+                        },
+                        null,
+                        512
+                        /* NEED_PATCH */
+                      ), [
+                        [vShow, inputType.value === unref(InputType).Text]
+                      ])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : createCommentVNode("v-if", true),
                   withDirectives(createVNode(unref(VkSender), {
                     modelValue: content.value,
                     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => content.value = $event),

package/components/chat-independent/src/index.vue.d.ts

@@ -93,6 +93,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             initRenderData: (emitSetData: any, props: any) => void;
             typed: (e: import("../../agent-chat-provider/src/types").BubbleItem) => import("../../agent-chat-provider/src/types").BubbleItem;
             readonly VkBroadcastingMarkdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                render: {
+                    type: import("vue").PropType<(text: string) => string>;
+                    default: typeof import("../../broadcasting-markdown").defaultRender;
+                };
                 data: {
                     type: {
                         (arrayLength: number): import("../../broadcasting-markdown/src/types").Paragraph[];
@@ -164,6 +168,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 'update:completed': (_: boolean) => boolean;
                 'update:error': (_: boolean) => boolean;
             }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                render: {
+                    type: import("vue").PropType<(text: string) => string>;
+                    default: typeof import("../../broadcasting-markdown").defaultRender;
+                };
                 data: {
                     type: {
                         (arrayLength: number): import("../../broadcasting-markdown/src/types").Paragraph[];
@@ -231,6 +239,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 source: string;
                 delay: number;
                 pause: boolean;
+                render: (text: string) => string;
                 data: import("../../broadcasting-markdown/src/types").Paragraph[];
                 separators: string[];
                 keepRead: boolean;
@@ -383,6 +392,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    render: {
+                        type: import("vue").PropType<(text: string) => string>;
+                        required: true;
+                    };
                 }>, (() => null) | (() => false | JSX.Element), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     voice: {
                         type: import("vue").PropType<SpeechSynthesisVoice>;
@@ -400,6 +413,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    render: {
+                        type: import("vue").PropType<(text: string) => string>;
+                        required: true;
+                    };
                 }>> & Readonly<{}>, {
                     pause: boolean;
                     data: import("../../broadcasting-markdown/src/types").Paragraph;
@@ -481,6 +498,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    render: {
+                        type: import("vue").PropType<(text: string) => string>;
+                        required: true;
+                    };
                 }>, (() => null) | (() => JSX.Element), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
                     data: {
                         type: import("vue").PropType<import("../../broadcasting-markdown/src/types").Paragraph>;
@@ -498,6 +519,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         type: StringConstructor;
                         default: string;
                     };
+                    render: {
+                        type: import("vue").PropType<(text: string) => string>;
+                        required: true;
+                    };
                 }>> & Readonly<{}>, {
                     pause: boolean;
                     data: import("../../broadcasting-markdown/src/types").Paragraph;

package/components/typing-markdown/index.mjs

@@ -2,7 +2,7 @@ import { noop, computedAsync, debouncedRef } from '@vueuse/core';
 import { noop as noop$1 } from '@vunk/shared/function';
 import { defineComponent, ref, computed, watch, createElementBlock, openBlock, normalizeClass } from 'vue';
 import { highlight } from '@vunk/shared/markdown/shiki';
-import markdownIt from 'markdown-it';
+import MarkdownIt from 'markdown-it';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const placeholder = (id, code) => `<pre><!--::markdown-it-async::${id}::--><code>${code}</code></pre>`;
@@ -10,7 +10,7 @@ const placeholderRe = /<pre><!--::markdown-it-async::(\w+)::--><code>[\s\S]*?<\/
 function randStr() {
   return Math.random().toString(36).slice(2) + Math.random().toString(36).slice(2);
 }
-class MarkdownItAsync extends markdownIt {
+class MarkdownItAsync extends MarkdownIt {
   placeholderMap;
   disableWarn = false;
   constructor(...args) {