@yh-ui/components 0.1.12 → 0.1.16

package/dist/ai-mention/src/ai-mention.vue.d.ts

@@ -0,0 +1,68 @@
+import { type AiMentionOption } from './ai-mention';
+declare var __VLS_22: any, __VLS_23: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly types: {
+        readonly type: import("vue").PropType<import("./ai-mention").AiMentionType[]>;
+        readonly default: () => string[];
+    };
+    readonly options: {
+        readonly type: import("vue").PropType<AiMentionOption[]>;
+        readonly default: () => never[];
+    };
+    readonly triggers: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly type: {
+        readonly type: import("vue").PropType<"input" | "textarea">;
+        readonly default: "textarea";
+    };
+    readonly placeholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly size: import("vue").PropType<"large" | "default" | "small">;
+    readonly maxLength: NumberConstructor;
+    readonly rows: {
+        readonly type: NumberConstructor;
+        readonly default: 3;
+    };
+    readonly loading: BooleanConstructor;
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: () => {};
+    };
+    readonly filterOption: {
+        readonly type: import("vue").PropType<((keyword: string, option: import("../../mention").MentionOption) => boolean) | false>;
+        readonly default: undefined;
+    };
+}>, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    clear: () => void | undefined;
+    getRef: () => HTMLTextAreaElement | HTMLInputElement | undefined;
+    insertMention: (option: AiMentionOption, trigger?: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly disabled: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly type: "textarea" | "input";
+    readonly loading: boolean;
+    readonly triggers: string[];
+    readonly options: AiMentionOption[];
+    readonly modelValue: string;
+    readonly filterOption: false | ((keyword: string, option: import("../../mention").MentionOption) => boolean);
+    readonly rows: number;
+    readonly types: ("table" | "document" | "agent" | "knowledge")[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ai-sender/__tests__/ai-sender.test.cjs

@@ -6,6 +6,12 @@ var _vue = require("vue");
 var _aiSender = _interopRequireDefault(require("../src/ai-sender.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (0, _vitest.describe)("YhAiSender", () => {
+  beforeEach(() => {
+    _vitest.vi.useFakeTimers();
+  });
+  afterEach(() => {
+    _vitest.vi.useRealTimers();
+  });
   (0, _vitest.it)("should render with base class", () => {
     const wrapper = (0, _testUtils.mount)(_aiSender.default);
     (0, _vitest.expect)(wrapper.find(".yh-ai-sender").exists()).toBe(true);
@@ -52,7 +58,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
         disabled: true
       }
     });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-sender").classes()).toContain("is-disabled");
   });
   (0, _vitest.it)("should disable textarea when disabled=true", () => {
     const wrapper = (0, _testUtils.mount)(_aiSender.default, {
@@ -68,7 +74,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
         loading: true
       }
     });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-loading");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-sender").classes()).toContain("is-loading");
   });
   (0, _vitest.it)("should disable textarea when loading=true", () => {
     const wrapper = (0, _testUtils.mount)(_aiSender.default, {
@@ -194,13 +200,15 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   (0, _vitest.it)("should apply is-focused on textarea focus", async () => {
     const wrapper = (0, _testUtils.mount)(_aiSender.default);
     await wrapper.find("textarea").trigger("focus");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-focused");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-sender").classes()).toContain("is-focused");
   });
   (0, _vitest.it)("should remove is-focused on textarea blur", async () => {
     const wrapper = (0, _testUtils.mount)(_aiSender.default);
-    await wrapper.find("textarea").trigger("focus");
-    await wrapper.find("textarea").trigger("blur");
-    (0, _vitest.expect)(wrapper.classes()).not.toContain("is-focused");
+    await wrapper.get("textarea").trigger("focus");
+    await wrapper.get("textarea").trigger("blur");
+    _vitest.vi.advanceTimersByTime(400);
+    await (0, _vue.nextTick)();
+    (0, _vitest.expect)(wrapper.find(".yh-ai-sender").classes()).not.toContain("is-focused");
   });
   (0, _vitest.it)("should render prefix slot", () => {
     const wrapper = (0, _testUtils.mount)(_aiSender.default, {
@@ -253,10 +261,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
           commands
         }
       });
-      const textarea = wrapper.find("textarea");
+      const textarea = wrapper.get("textarea");
       await textarea.setValue("/h");
       textarea.element.selectionStart = 2;
       await textarea.trigger("input");
+      await (0, _vue.nextTick)();
       (0, _vitest.expect)(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(true);
       (0, _vitest.expect)(wrapper.findAll(".yh-ai-sender__command-item").length).toBe(1);
     });
@@ -312,7 +321,6 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
       (0, _vitest.expect)(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(false);
     });
     (0, _vitest.it)("should hide commands on blur after delay", async () => {
-      _vitest.vi.useFakeTimers();
       const wrapper = (0, _testUtils.mount)(_aiSender.default, {
         props: {
           commands
@@ -323,10 +331,9 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
       textarea.element.selectionStart = 1;
       await textarea.trigger("input");
       await textarea.trigger("blur");
-      _vitest.vi.advanceTimersByTime(250);
+      _vitest.vi.advanceTimersByTime(400);
       await (0, _vue.nextTick)();
       (0, _vitest.expect)(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(false);
-      _vitest.vi.useRealTimers();
     });
   });
   (0, _vitest.describe)("Attachments", () => {

package/dist/ai-sender/__tests__/ai-sender.test.mjs

@@ -3,6 +3,12 @@ import { mount } from "@vue/test-utils";
 import { nextTick } from "vue";
 import AiSender from "../src/ai-sender.vue";
 describe("YhAiSender", () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+  });
+  afterEach(() => {
+    vi.useRealTimers();
+  });
   it("should render with base class", () => {
     const wrapper = mount(AiSender);
     expect(wrapper.find(".yh-ai-sender").exists()).toBe(true);
@@ -33,7 +39,7 @@ describe("YhAiSender", () => {
   });
   it("should apply is-disabled class when disabled=true", () => {
     const wrapper = mount(AiSender, { props: { disabled: true } });
-    expect(wrapper.classes()).toContain("is-disabled");
+    expect(wrapper.find(".yh-ai-sender").classes()).toContain("is-disabled");
   });
   it("should disable textarea when disabled=true", () => {
     const wrapper = mount(AiSender, { props: { disabled: true } });
@@ -41,7 +47,7 @@ describe("YhAiSender", () => {
   });
   it("should apply is-loading class when loading=true", () => {
     const wrapper = mount(AiSender, { props: { loading: true } });
-    expect(wrapper.classes()).toContain("is-loading");
+    expect(wrapper.find(".yh-ai-sender").classes()).toContain("is-loading");
   });
   it("should disable textarea when loading=true", () => {
     const wrapper = mount(AiSender, { props: { loading: true } });
@@ -114,13 +120,15 @@ describe("YhAiSender", () => {
   it("should apply is-focused on textarea focus", async () => {
     const wrapper = mount(AiSender);
     await wrapper.find("textarea").trigger("focus");
-    expect(wrapper.classes()).toContain("is-focused");
+    expect(wrapper.find(".yh-ai-sender").classes()).toContain("is-focused");
   });
   it("should remove is-focused on textarea blur", async () => {
     const wrapper = mount(AiSender);
-    await wrapper.find("textarea").trigger("focus");
-    await wrapper.find("textarea").trigger("blur");
-    expect(wrapper.classes()).not.toContain("is-focused");
+    await wrapper.get("textarea").trigger("focus");
+    await wrapper.get("textarea").trigger("blur");
+    vi.advanceTimersByTime(400);
+    await nextTick();
+    expect(wrapper.find(".yh-ai-sender").classes()).not.toContain("is-focused");
   });
   it("should render prefix slot", () => {
     const wrapper = mount(AiSender, {
@@ -153,10 +161,11 @@ describe("YhAiSender", () => {
     ];
     it("should show slash commands panel when triggering /", async () => {
       const wrapper = mount(AiSender, { props: { commands } });
-      const textarea = wrapper.find("textarea");
+      const textarea = wrapper.get("textarea");
       await textarea.setValue("/h");
       textarea.element.selectionStart = 2;
       await textarea.trigger("input");
+      await nextTick();
       expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(true);
       expect(wrapper.findAll(".yh-ai-sender__command-item").length).toBe(1);
     });
@@ -192,17 +201,15 @@ describe("YhAiSender", () => {
       expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(false);
     });
     it("should hide commands on blur after delay", async () => {
-      vi.useFakeTimers();
       const wrapper = mount(AiSender, { props: { commands } });
       const textarea = wrapper.find("textarea");
       await textarea.setValue("/");
       textarea.element.selectionStart = 1;
       await textarea.trigger("input");
       await textarea.trigger("blur");
-      vi.advanceTimersByTime(250);
+      vi.advanceTimersByTime(400);
       await nextTick();
       expect(wrapper.find(".yh-ai-sender__command-panel").exists()).toBe(false);
-      vi.useRealTimers();
     });
   });
   describe("Attachments", () => {

package/dist/ai-sender/src/ai-sender.cjs

@@ -58,6 +58,13 @@ const aiSenderProps = exports.aiSenderProps = {
     type: Array,
     default: () => []
   },
+  /**
+   * AI 提及配置
+   */
+  mentionOptions: {
+    type: Array,
+    default: () => []
+  },
   /**
    * 已选附件列表
    */

package/dist/ai-sender/src/ai-sender.d.ts

@@ -105,6 +105,13 @@ export declare const aiSenderProps: {
         readonly type: PropType<AiCommand[]>;
         readonly default: () => never[];
     };
+    /**
+     * AI 提及配置
+     */
+    readonly mentionOptions: {
+        readonly type: PropType<import("../../ai-mention").AiMentionOption[]>;
+        readonly default: () => never[];
+    };
     /**
      * 已选附件列表
      */

package/dist/ai-sender/src/ai-sender.d.vue.ts

@@ -1,5 +1,5 @@
 import { type AiCommand } from './ai-sender';
-declare var __VLS_9: {}, __VLS_23: {}, __VLS_37: {
+declare var __VLS_9: {}, __VLS_36: {}, __VLS_50: {
     disabled: any;
     loading: any;
     submit: any;
@@ -7,9 +7,9 @@ declare var __VLS_9: {}, __VLS_23: {}, __VLS_37: {
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_9) => any;
 } & {
-    actions?: (props: typeof __VLS_23) => any;
+    actions?: (props: typeof __VLS_36) => any;
 } & {
-    submit?: (props: typeof __VLS_37) => any;
+    submit?: (props: typeof __VLS_50) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly modelValue: {
@@ -41,6 +41,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: import("vue").PropType<AiCommand[]>;
         readonly default: () => never[];
     };
+    readonly mentionOptions: {
+        readonly type: import("vue").PropType<import("../../ai-mention").AiMentionOption[]>;
+        readonly default: () => never[];
+    };
     readonly attachments: {
         readonly type: import("vue").PropType<import("./ai-sender").AiAttachment[]>;
         readonly default: () => never[];
@@ -58,6 +62,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly clearable: boolean;
     readonly showWordLimit: boolean;
     readonly commands: AiCommand[];
+    readonly mentionOptions: import("../../ai-mention").AiMentionOption[];
     readonly attachments: import("./ai-sender").AiAttachment[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/ai-sender/src/ai-sender.mjs

@@ -52,6 +52,13 @@ export const aiSenderProps = {
     type: Array,
     default: () => []
   },
+  /**
+   * AI 提及配置
+   */
+  mentionOptions: {
+    type: Array,
+    default: () => []
+  },
   /**
    * 已选附件列表
    */

package/dist/ai-sender/src/ai-sender.vue

@@ -5,6 +5,7 @@ import { aiSenderProps, aiSenderEmits } from "./ai-sender";
 import { YhButton } from "../../button";
 import { YhIcon } from "../../icon";
 import { YhImage } from "../../image";
+import { YhAiMention } from "../../ai-mention";
 import { useComponentTheme } from "@yh-ui/theme";
 defineOptions({
   name: "YhAiSender"
@@ -17,8 +18,8 @@ const { themeStyle } = useComponentTheme(
   "ai-sender",
   computed(() => props.themeOverrides)
 );
-const textareaRef = ref();
-const localValue = ref(props.modelValue);
+const textareaRef = ref(null);
+const localValue = ref(props.modelValue ?? "");
 const isFocused = ref(false);
 const showCommands = ref(false);
 const commandSearch = ref("");
@@ -46,15 +47,16 @@ const filteredCommands = computed(() => {
   );
 });
 const autoResize = () => {
-  const el = textareaRef.value;
+  const el = textareaRef.value?.getRef();
   if (!el) return;
   el.style.height = "auto";
   el.style.height = `${el.scrollHeight}px`;
 };
-const handleInput = (e) => {
-  const val = e.target.value;
+const handleInput = (val) => {
   innerValue.value = val;
-  const cursorPosition = e.target.selectionStart;
+  const el = textareaRef.value?.getRef();
+  if (!el) return;
+  const cursorPosition = el.selectionStart || 0;
   const textBeforeCursor = val.slice(0, cursorPosition);
   const lastSlashIndex = textBeforeCursor.lastIndexOf("/");
   if (lastSlashIndex !== -1) {
@@ -77,7 +79,8 @@ const handleInput = (e) => {
 };
 const handleSelectCommand = (command) => {
   const val = innerValue.value;
-  const cursorPosition = textareaRef.value?.selectionStart || 0;
+  const el = textareaRef.value?.getRef();
+  const cursorPosition = el?.selectionStart || 0;
   const textBeforeCursor = val.slice(0, cursorPosition);
   const lastSlashIndex = textBeforeCursor.lastIndexOf("/");
   const textAfterCursor = val.slice(cursorPosition);
@@ -107,7 +110,7 @@ const handleKeyDown = (e) => {
     return;
   }
   if (e.key === "Enter" && !e.shiftKey) {
-    if (!innerValue.value.trim() || props.loading || props.disabled) {
+    if (!innerValue.value?.trim() || props.loading || props.disabled) {
       e.preventDefault();
     } else {
       e.preventDefault();
@@ -116,12 +119,13 @@ const handleKeyDown = (e) => {
   }
 };
 const handleSend = () => {
-  if (!innerValue.value.trim() || props.loading || props.disabled) return;
+  if (!innerValue.value?.trim() || props.loading || props.disabled) return;
   emit("send", innerValue.value);
   innerValue.value = "";
   nextTick(() => {
-    if (textareaRef.value) {
-      textareaRef.value.style.height = "auto";
+    const el = textareaRef.value?.getRef();
+    if (el) {
+      el.style.height = "auto";
     }
   });
 };
@@ -214,19 +218,22 @@ const handleFocus = (e) => {
       </div>
 
       <div :class="ns.e('textarea-container')">
-        <textarea
+        <YhAiMention
           ref="textareaRef"
           v-model="innerValue"
+          type="textarea"
           :class="ns.e('textarea')"
           :placeholder="placeholder === 'Send a message...' ? t('ai.sender.placeholder') : placeholder"
           :disabled="disabled || loading"
-          :maxlength="maxLength"
-          rows="1"
+          :max-length="maxLength"
+          :rows="1"
+          :options="mentionOptions"
+          :trigger="['@', '#']"
           @focus="handleFocus"
           @blur="handleBlur"
           @input="handleInput"
           @keydown="handleKeyDown"
-        ></textarea>
+        />
       </div>
 
       <div :class="ns.e('suffix')">
@@ -252,14 +259,14 @@ const handleFocus = (e) => {
 
         <slot
           name="submit"
-          :disabled="!innerValue.trim() || disabled"
+          :disabled="!innerValue?.trim() || disabled"
           :loading="loading"
           :submit="handleSend"
         >
           <YhButton
-            :type="innerValue.trim() && !disabled && !loading ? 'primary' : 'default'"
+            :type="innerValue?.trim() && !disabled && !loading ? 'primary' : 'default'"
             :class="ns.e('send-btn')"
-            :disabled="!innerValue.trim() || disabled"
+            :disabled="!innerValue?.trim() || disabled"
             :loading="loading"
             @click="handleSend"
             circle

package/dist/ai-sender/src/ai-sender.vue.d.ts

@@ -1,5 +1,5 @@
 import { type AiCommand } from './ai-sender';
-declare var __VLS_9: {}, __VLS_23: {}, __VLS_37: {
+declare var __VLS_9: {}, __VLS_36: {}, __VLS_50: {
     disabled: any;
     loading: any;
     submit: any;
@@ -7,9 +7,9 @@ declare var __VLS_9: {}, __VLS_23: {}, __VLS_37: {
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_9) => any;
 } & {
-    actions?: (props: typeof __VLS_23) => any;
+    actions?: (props: typeof __VLS_36) => any;
 } & {
-    submit?: (props: typeof __VLS_37) => any;
+    submit?: (props: typeof __VLS_50) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly modelValue: {
@@ -41,6 +41,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly type: import("vue").PropType<AiCommand[]>;
         readonly default: () => never[];
     };
+    readonly mentionOptions: {
+        readonly type: import("vue").PropType<import("../../ai-mention").AiMentionOption[]>;
+        readonly default: () => never[];
+    };
     readonly attachments: {
         readonly type: import("vue").PropType<import("./ai-sender").AiAttachment[]>;
         readonly default: () => never[];
@@ -58,6 +62,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     readonly clearable: boolean;
     readonly showWordLimit: boolean;
     readonly commands: AiCommand[];
+    readonly mentionOptions: import("../../ai-mention").AiMentionOption[];
     readonly attachments: import("./ai-sender").AiAttachment[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/ai-sources/src/ai-sources.d.vue.ts

@@ -1,7 +1,7 @@
 import { type AiSourceItem } from './ai-sources';
-declare var __VLS_77: {};
+declare var __VLS_65: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_77) => any;
+    default?: (props: typeof __VLS_65) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly sources: {

package/dist/ai-sources/src/ai-sources.vue

@@ -4,6 +4,7 @@ import { ref, computed } from "vue";
 import { aiSourcesProps, aiSourcesEmits } from "./ai-sources";
 import { YhIcon } from "../../icon";
 import { YhTooltip } from "../../tooltip";
+import { YhDrawer } from "../../drawer";
 import { useComponentTheme } from "@yh-ui/theme";
 defineOptions({
   name: "YhAiSources"
@@ -76,69 +77,52 @@ const openDrawer = (source) => {
       </div>
 
       <!-- 抽屉：来源详情 -->
-      <Teleport to="body">
-        <Transition name="yh-slide-right">
-          <div v-if="drawerVisible" :class="ns.e('drawer')">
-            <div :class="ns.e('drawer-header')">
-              <span :class="ns.e('drawer-title')">
-                <YhIcon name="document" />
-                {{ t("ai.sources.drawerTitle") || "\u53C2\u8003\u6765\u6E90" }}
-              </span>
-              <button :class="ns.e('drawer-close')" @click="drawerVisible = false">
-                <YhIcon name="close" />
-              </button>
-            </div>
-            <div :class="ns.e('drawer-content')">
-              <div
-                v-for="source in sources"
-                :key="source.id"
-                :class="[ns.e('source-card'), ns.is('active', activeSource?.id === source.id)]"
-                @click="handleClick(source)"
-              >
-                <div :class="ns.e('card-header')">
-                  <div :class="ns.e('card-title-row')">
-                    <YhIcon :name="getFileIcon(source.fileType)" :class="ns.e('file-icon')" />
-                    <span :class="ns.e('card-title')">{{ source.title }}</span>
-                  </div>
-                  <div :class="ns.e('card-meta')">
-                    <span v-if="source.source" :class="ns.e('source-name')">{{
-                      source.source
-                    }}</span>
-                    <span
-                      v-if="showScore && source.score !== void 0"
-                      :class="ns.e('score-badge')"
-                      :style="{
+      <YhDrawer
+        v-model="drawerVisible"
+        :title="t('ai.sources.drawerTitle') || '\u53C2\u8003\u6765\u6E90'"
+        size="40%"
+        :theme-overrides="themeOverrides"
+      >
+        <template #title>
+          <div :class="ns.e('drawer-title-wrap')">
+            <YhIcon name="document" />
+            <span>{{ t("ai.sources.drawerTitle") || "\u53C2\u8003\u6765\u6E90" }}</span>
+          </div>
+        </template>
+        <div :class="ns.e('drawer-content')">
+          <div
+            v-for="source in sources"
+            :key="source.id"
+            :class="[ns.e('source-card'), ns.is('active', activeSource?.id === source.id)]"
+            @click="handleClick(source)"
+          >
+            <div :class="ns.e('card-header')">
+              <div :class="ns.e('card-title-row')">
+                <YhIcon :name="getFileIcon(source.fileType)" :class="ns.e('file-icon')" />
+                <span :class="ns.e('card-title')">{{ source.title }}</span>
+              </div>
+              <div :class="ns.e('card-meta')">
+                <span v-if="source.source" :class="ns.e('source-name')">{{ source.source }}</span>
+                <span
+                  v-if="showScore && source.score !== void 0"
+                  :class="ns.e('score-badge')"
+                  :style="{
   color: scoreColor(source.score)
 }"
-                    >
-                      {{ Math.round(source.score * 100) }}%
-                      {{ t("ai.sources.relevant") || "\u76F8\u5173\u5EA6" }}
-                    </span>
-                  </div>
-                </div>
-                <p v-if="source.excerpt" :class="ns.e('excerpt')">{{ source.excerpt }}</p>
-                <button
-                  v-if="source.url"
-                  :class="ns.e('open-btn')"
-                  @click="handleOpen($event, source)"
                 >
-                  <YhIcon name="arrow-right" />
-                  {{ t("ai.sources.viewOriginal") || "\u67E5\u770B\u539F\u6587" }}
-                </button>
+                  {{ Math.round(source.score * 100) }}%
+                  {{ t("ai.sources.relevant") || "\u76F8\u5173\u5EA6" }}
+                </span>
               </div>
             </div>
+            <p v-if="source.excerpt" :class="ns.e('excerpt')">{{ source.excerpt }}</p>
+            <button v-if="source.url" :class="ns.e('open-btn')" @click="handleOpen($event, source)">
+              <YhIcon name="arrow-right" />
+              {{ t("ai.sources.viewOriginal") || "\u67E5\u770B\u539F\u6587" }}
+            </button>
           </div>
-        </Transition>
-
-        <!-- 遮罩 -->
-        <Transition name="yh-fade">
-          <div
-            v-if="drawerVisible"
-            :class="ns.e('drawer-overlay')"
-            @click="drawerVisible = false"
-          ></div>
-        </Transition>
-      </Teleport>
+        </div>
+      </YhDrawer>
     </template>
 
     <!-- ── inline 模式：内联气泡列表 ── -->

package/dist/ai-sources/src/ai-sources.vue.d.ts

@@ -1,7 +1,7 @@
 import { type AiSourceItem } from './ai-sources';
-declare var __VLS_77: {};
+declare var __VLS_65: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_77) => any;
+    default?: (props: typeof __VLS_65) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly sources: {

package/dist/ai-voice-trigger/__tests__/ai-voice-trigger.test.cjs

@@ -22,10 +22,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   (0, _vitest.it)("should apply recording class when recording is true", () => {
     const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
       props: {
-        recording: true
+        recording: true,
+        teleport: false
       }
     });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-recording");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-voice-trigger").classes()).toContain("is-recording");
     (0, _vitest.expect)(wrapper.find(".yh-ai-voice-trigger__visualizer").exists()).toBe(true);
   });
   (0, _vitest.it)("should emit start and update:recording on click when initially false", async () => {
@@ -110,4 +111,20 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
     });
     (0, _vitest.expect)(wrapper.find(".yh-ai-voice-trigger__label").text()).toBe("Custom Trigger Text");
   });
+  (0, _vitest.it)("should respect teleport prop", () => {
+    const wrapper = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        variant: "sphere",
+        teleport: true
+      }
+    });
+    (0, _vitest.expect)(wrapper.props("teleport")).toBe(true);
+    const wrapperNoTeleport = (0, _testUtils.mount)(_aiVoiceTrigger.default, {
+      props: {
+        variant: "sphere",
+        teleport: false
+      }
+    });
+    (0, _vitest.expect)(wrapperNoTeleport.props("teleport")).toBe(false);
+  });
 });