@vunk/plus 1.10.3 → 1.11.1

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

@@ -185,7 +185,7 @@ var _sfc_main = defineComponent({
   }
 });
 
-var VkAgentChatProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\labCode\\vunk-plus\\packages\\components\\agent-chat-provider\\src\\index.vue"]]);
+var VkAgentChatProvider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/agent-chat-provider/src/index.vue"]]);
 
 class MessageViewManager {
   constructor() {

package/components/avatar/index.mjs

@@ -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", "D:\\labCode\\vunk-plus\\packages\\components\\avatar\\src\\index.vue"]]);
+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 types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/broadcasting-markdown/index.mjs

@@ -1,8 +1,9 @@
+import { VkTypingMarkdown } from '@vunk/plus/components/typing-markdown';
 import { setData } from '@vunk/core';
 import { useDeferred, useDataComputed } from '@vunk/core/composables';
 import { blobToDataURL } from '@vunk/shared/data/blob';
 import { TickerStatus } from '@vunk/shared/enum';
-import { shallowRef, computed, watch, onBeforeUnmount, watchEffect, defineComponent, onMounted, renderSlot, nextTick, createCommentVNode, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createTextVNode, renderList, createBlock } from 'vue';
+import { shallowRef, computed, watch, onBeforeUnmount, watchEffect, defineComponent, onMounted, renderSlot, nextTick, createCommentVNode, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, renderList, createBlock, withCtx } from 'vue';
 import { noop } from '@vunk/shared/function';
 import { c as commonjsGlobal } from '../_commonjsHelpers.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
@@ -88,6 +89,13 @@ const props = {
   paragraphMinlength: {
     type: Number,
     default: 20
+  },
+  /**
+   * @description 禁用, 即不产出段落
+   */
+  disabled: {
+    type: Boolean,
+    default: false
   }
 };
 const emits = {
@@ -3492,7 +3500,7 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { status: $props.status });
 }
-var HowlerSpeechView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\howler-speech.vue"]]);
+var HowlerSpeechView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/howler-speech.vue"]]);
 
 const LogLevels = {
   silent: Number.NEGATIVE_INFINITY,
@@ -4047,13 +4055,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     deferred: $setup.theDef
   }) : createCommentVNode("v-if", true);
 }
-var ParagraphView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\paragraph.vue"]]);
+var ParagraphView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/paragraph.vue"]]);
 
 var _sfc_main = defineComponent({
   name: "VkBroadcastingMarkdown",
   components: {
     ParagraphView,
-    HowlerSpeechView
+    HowlerSpeechView,
+    VkTypingMarkdown
   },
   props,
   emits,
@@ -4102,6 +4111,9 @@ var _sfc_main = defineComponent({
       return props2.source.substring(0, currentIndex.value);
     });
     const fulfilledTextValue = computed(() => {
+      if (props2.disabled) {
+        return props2.source;
+      }
       return theData.value.filter(
         (item) => item.status === ParagraphStatus.fulfilled || item.status === ParagraphStatus.pending
       ).map((item) => item.value).join("");
@@ -4112,6 +4124,9 @@ var _sfc_main = defineComponent({
       });
     });
     watch(isFinished, (val) => {
+      if (props2.disabled) {
+        return;
+      }
       !val && write();
     }, { immediate: true });
     function write() {
@@ -4199,7 +4214,9 @@ var _sfc_main = defineComponent({
     watch(() => props2.status, () => {
       if (props2.status === TickerStatus.stop) {
         theData.value.forEach((item) => {
-          item.broadcast = Broadcast.stop;
+          if (item.broadcast !== TickerStatus.stopped) {
+            item.broadcast = Broadcast.stop;
+          }
         });
       }
       if (!currentPragraph.value) {
@@ -4229,7 +4246,7 @@ var _sfc_main = defineComponent({
 });
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElButton = resolveComponent("ElButton");
+  const _component_VkTypingMarkdown = resolveComponent("VkTypingMarkdown");
   const _component_HowlerSpeechView = resolveComponent("HowlerSpeechView");
   const _component_ParagraphView = resolveComponent("ParagraphView");
   return openBlock(), createElementBlock(
@@ -4237,15 +4254,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     null,
     [
       renderSlot(_ctx.$slots, "default", { paragraphs: _ctx.theData }, () => [
-        createVNode(_component_ElButton, {
-          onClick: _cache[0] || (_cache[0] = () => console.log(_ctx.theData))
-        }, {
-          default: withCtx(() => _cache[1] || (_cache[1] = [
-            createTextVNode(" paragraphs ")
-          ])),
-          _: 1
-          /* STABLE */
-        })
+        createVNode(_component_VkTypingMarkdown, { source: _ctx.fulfilledTextValue }, null, 8, ["source"])
       ]),
       (openBlock(true), createElementBlock(
         Fragment,
@@ -4291,7 +4300,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE_FRAGMENT */
   );
 }
-var VkBroadcastingMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\broadcasting-markdown\\src\\index.vue"]]);
+var VkBroadcastingMarkdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/broadcasting-markdown/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

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

@@ -99,6 +99,13 @@ export declare const props: {
         type: NumberConstructor;
         default: number;
     };
+    /**
+     * @description 禁用, 即不产出段落
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent;

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

@@ -72,6 +72,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     theData: import("vue").ComputedRef<Paragraph[]>;
     ParagraphStatus: typeof ParagraphStatus;
@@ -158,6 +162,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: NumberConstructor;
         default: number;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onComplete?: (() => any) | undefined;
     "onUpdate:status"?: ((_: TickerStatus) => any) | undefined;
@@ -167,9 +175,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     data: Paragraph[];
     source: string;
     render: (text: string) => string;
+    disabled: boolean;
     processing: (paragraph: Paragraph) => void;
-    status: TickerStatus;
     delay: number;
+    status: TickerStatus;
     separators: string[];
     keepRead: boolean;
     textToSpeech: import("./types").TextToSpeech;
@@ -295,5 +304,79 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         source: string;
         status: TickerStatus;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    VkTypingMarkdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        source: {
+            type: StringConstructor;
+            default: string;
+        };
+        delay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pause: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        markdownItSetup: {
+            type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
+            default: null;
+        };
+        finished: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        htmlText: import("vue").Ref<string, string>;
+        isDebouncedTyping: Readonly<import("vue").Ref<boolean, boolean>>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        typing: null;
+        'update:finished': null;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        source: {
+            type: StringConstructor;
+            default: string;
+        };
+        delay: {
+            type: NumberConstructor;
+            default: number;
+        };
+        pause: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        markdownItSetup: {
+            type: import("vue").PropType<(md: import("markdown-it-async").MarkdownItAsync) => void>;
+            default: null;
+        };
+        finished: {
+            type: BooleanConstructor;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onTyping?: ((...args: any[]) => any) | undefined;
+        "onUpdate:finished"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        source: string;
+        pause: boolean;
+        disabled: boolean;
+        loading: boolean;
+        delay: number;
+        markdownItSetup: (md: import("markdown-it-async").MarkdownItAsync) => void;
+        finished: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/bubble-list/index.mjs

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, createStaticVNode, defineComponent, ref, onMounted, watch, computed, resolveComponent, createVNode, withCtx, Fragment, renderList, createBlock, normalizeClass, createSlots, renderSlot, withDirectives, createElementVNode, normalizeStyle, createCommentVNode, vShow, mergeProps, normalizeProps, guardReactiveProps } from 'vue';
 import { VkBubbleRenderer, VkBubbleRenderTemplates, VkBubbleTemplates } from '@vunk/plus/components/bubble-templates';
 import { ElAutoResizer } from 'element-plus';
-import { a as arrow_down_bold_default } from '../index3.mjs';
+import { a as arrow_down_bold_default } from '../index2.mjs';
 import { useResizeObserver } from '@vueuse/core';
 import { VkScrollbar } from '@vunk/plus/components/scrollbar';
 import { Bubble } from 'vue-element-plus-x';
@@ -25,7 +25,7 @@ function _sfc_render$2(_ctx, _cache) {
     createStaticVNode("<defs><filter id=\"master_svg0_62_10054\" filterUnits=\"objectBoundingBox\" color-interpolation-filters=\"sRGB\" x=\"-0.030120481927710843\" y=\"-0.030120481927710843\" width=\"1.0602409638554218\" height=\"1.0602409638554218\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"></feFlood><feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"></feBlend><feGaussianBlur stdDeviation=\"5\" result=\"effect1_foregroundBlur\"></feGaussianBlur></filter><linearGradient id=\"master_svg1_62_10082\" x1=\"0.5\" y1=\"-0.13192443549633026\" x2=\"0.42319029569625854\" y2=\"1.368432641029358\"><stop offset=\"9.145302325487137%\" stop-color=\"currentColor\" stop-opacity=\"1\"></stop><stop offset=\"13.636428117752075%\" stop-color=\"currentColor\" stop-opacity=\"0.07539999485015869\"></stop><stop offset=\"16.968481242656708%\" stop-color=\"currentColor\" stop-opacity=\"0\"></stop></linearGradient></defs><g transform=\"matrix(0,1,-1,0,704,-664)\" filter=\"url(#master_svg0_62_10054)\"><path d=\"M1016,684C1199.359,684,1348,535.359,1348,352C1348,168.641,1199.359,20,1016,20C832.641,20,684,168.641,684,352C684,535.359,832.641,684,1016,684ZM1016,32C1192.731,32,1336,175.269,1336,352C1336,528.731,1192.731,672,1016,672C839.269,672,696,528.731,696,352C696,175.269,839.269,32,1016,32Z\" fill-rule=\"evenodd\" fill=\"url(#master_svg1_62_10082)\" fill-opacity=\"1\"></path></g>", 2)
   ])))
 }
-var loadingBg = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$2],['__file',"D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\core\\loading.vue"]]);
+var loadingBg = /*#__PURE__*/_export_sfc(_sfc_main$2, [['render',_sfc_render$2],['__file',"/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/loading.vue"]]);
 
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -294,7 +294,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var BubbleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\core\\index.vue"]]);
+var BubbleList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/core/index.vue"]]);
 
 const props = {
   items: {
@@ -401,7 +401,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   });
 }
-var VkBubbleList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-list\\src\\index.vue"]]);
+var VkBubbleList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-list/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/bubble-templates/index.mjs

@@ -48,7 +48,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   });
 }
-var VkBubbleTemplates = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\bubble-templates\\src\\index.vue"]]);
+var VkBubbleTemplates = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/bubble-templates/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/chat-independent/index.mjs

@@ -237,7 +237,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var VkChatIndependent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\chat-independent\\src\\index.vue"]]);
+var VkChatIndependent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/chat-independent/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/drawer/index.css

@@ -1,124 +1,124 @@
-.vk-drawer-modal.is-closed {
-  display: block!important; /* 保持抽屉关闭时，toggle 仍然可见 */
+.vk-drawer-modal.is-closed {
+  display: block!important; /* 保持抽屉关闭时，toggle 仍然可见 */
   visibility: hidden; /* 抽屉本体不可见 */
 }
-.vk-drawer-modal.is-closed .el-drawer.rtl {
+.vk-drawer-modal.is-closed .el-drawer.rtl {
   transform: translateX(100%); /* 抽屉本体移出可视区域 */
 }
-.vk-drawer-modal.is-closed .el-drawer.ltr {
+.vk-drawer-modal.is-closed .el-drawer.ltr {
   transform: translateX(-100%); /* 抽屉本体移出可视区域 */
 }
-.vk-drawer-modal.is-closed .el-drawer.ttb {
+.vk-drawer-modal.is-closed .el-drawer.ttb {
   transform: translateY(-100%); /* 抽屉本体移出可视区域 */
 }
-.vk-drawer-modal.is-closed .el-drawer.btt {
+.vk-drawer-modal.is-closed .el-drawer.btt {
   transform: translateY(100%); /* 抽屉本体移出可视区域 */
 }
-.vk-drawer-modal .vk-drawer-toggle {
+.vk-drawer-modal .vk-drawer-toggle {
   visibility: visible; /* 保持 toggle 可见 */
 }
-.vk-drawer-modal.is-absolute{
+.vk-drawer-modal.is-absolute{
   position: absolute!important;
 }
-.vk-drawer-modal.is-absolute.no-modal {
+.vk-drawer-modal.is-absolute.no-modal {
   pointer-events: none;
 }
-.vk-drawer-modal.is-absolute.no-modal  .el-drawer  {
+.vk-drawer-modal.is-absolute.no-modal  .el-drawer  {
   pointer-events: initial;
 }
-.vk-drawer-toggle {
-  position: absolute;
-  z-index: 2;
-
-  /* 尺寸 */
-  width: 40px;
-  height: 80px;
-
-  /* 布局 */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  /* 交互 */
-  cursor: pointer;
-  user-select: none;
-
-  /* 文字样式 */
+.vk-drawer-toggle {
+  position: absolute;
+  z-index: 2;
+
+  /* 尺寸 */
+  width: 40px;
+  height: 80px;
+
+  /* 布局 */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  /* 交互 */
+  cursor: pointer;
+  user-select: none;
+
+  /* 文字样式 */
   color: var(--el-text-color-primary);
 }
-.vk-drawer-toggle.is-rtl {
-
-  /* 位置 */
-  top: 25%;
-  left: 0;
-  transform: translate(-100%, 0);
-
-  /* 外观 */
-  background-color: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-right: none; /* 右侧不要边框，因为贴着 drawer */
-
-  /* 圆角 */
-  border-top-left-radius: var(--el-border-radius-base);
-  border-bottom-left-radius: var(--el-border-radius-base);
-
-  /* 文字排列 */
+.vk-drawer-toggle.is-rtl {
+
+  /* 位置 */
+  top: 25%;
+  left: 0;
+  transform: translate(-100%, 0);
+
+  /* 外观 */
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-right: none; /* 右侧不要边框，因为贴着 drawer */
+
+  /* 圆角 */
+  border-top-left-radius: var(--el-border-radius-base);
+  border-bottom-left-radius: var(--el-border-radius-base);
+
+  /* 文字排列 */
   writing-mode: vertical-rl; /* 竖向文字 */
 }
-.vk-drawer-toggle.is-ltr {
-
-  /* 位置 */
-  top: 25%;
-  right: 0;
-  transform: translate(100%, 0);
-
-  /* 外观 */
-  background-color: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-left: none; /* 左侧不要边框，因为贴着 drawer */
-
-  /* 圆角 */
-  border-top-right-radius: var(--el-border-radius-base);
-  border-bottom-right-radius: var(--el-border-radius-base);
-
-  /* 文字排列 */
+.vk-drawer-toggle.is-ltr {
+
+  /* 位置 */
+  top: 25%;
+  right: 0;
+  transform: translate(100%, 0);
+
+  /* 外观 */
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-left: none; /* 左侧不要边框，因为贴着 drawer */
+
+  /* 圆角 */
+  border-top-right-radius: var(--el-border-radius-base);
+  border-bottom-right-radius: var(--el-border-radius-base);
+
+  /* 文字排列 */
   writing-mode: vertical-rl; /* 竖向文字 */
 }
-.vk-drawer-toggle.is-ttb {
-
-  /* 位置 */
-  bottom: 0;
-  left: 25%;
-  transform: translate(0, 100%);
-
-  /* 外观 */
-  background-color: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-top: none; /* 上侧不要边框，因为贴着 drawer */
-
-  /* 圆角 */
-  border-bottom-left-radius: var(--el-border-radius-base);
+.vk-drawer-toggle.is-ttb {
+
+  /* 位置 */
+  bottom: 0;
+  left: 25%;
+  transform: translate(0, 100%);
+
+  /* 外观 */
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-top: none; /* 上侧不要边框，因为贴着 drawer */
+
+  /* 圆角 */
+  border-bottom-left-radius: var(--el-border-radius-base);
   border-bottom-right-radius: var(--el-border-radius-base);
 }
-.vk-drawer-toggle.is-btt {
-
-  /* 位置 */
-  top: 0;
-  left: 25%;
-  transform: translate(0, -100%);
-
-  /* 外观 */
-  background-color: var(--el-bg-color);
-  border: 1px solid var(--el-border-color);
-  border-bottom: none; /* 下侧不要边框，因为贴着 drawer */
-
-  /* 圆角 */
-  border-top-left-radius: var(--el-border-radius-base);
+.vk-drawer-toggle.is-btt {
+
+  /* 位置 */
+  top: 0;
+  left: 25%;
+  transform: translate(0, -100%);
+
+  /* 外观 */
+  background-color: var(--el-bg-color);
+  border: 1px solid var(--el-border-color);
+  border-bottom: none; /* 下侧不要边框，因为贴着 drawer */
+
+  /* 圆角 */
+  border-top-left-radius: var(--el-border-radius-base);
   border-top-right-radius: var(--el-border-radius-base);
 }
-.vk-drawer-toggle:hover {
+.vk-drawer-toggle:hover {
   background-color: var(--el-fill-color-light);
 }
-.vk-drawer-toggle:active {
+.vk-drawer-toggle:active {
   background-color: var(--el-fill-color);
 }

package/components/drawer/index.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, watchEffect, openBlock, createBlock, mergeProps, toHandlers, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createCommentVNode } from 'vue';
-import { a as arrow_down_bold_default, b as arrow_left_bold_default, c as arrow_right_bold_default, d as arrow_up_bold_default } from '../index3.mjs';
+import { a as arrow_down_bold_default, b as arrow_left_bold_default, c as arrow_right_bold_default, d as arrow_up_bold_default } from '../index2.mjs';
 import { noop } from '@vunk/shared/function';
 import { drawerProps, drawerEmits, ElDrawer, ElIcon } from 'element-plus';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
@@ -103,7 +103,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* FORWARDED */
   }, 16, ["modal-class"]);
 }
-var VkDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\labCode\\vunk-plus\\packages\\components\\drawer\\src\\index.vue"]]);
+var VkDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/drawer/src/index.vue"]]);
 
 VkDrawer.install = (app) => {
   app.component(VkDrawer.name || "VkDrawer", VkDrawer);