@yh-ui/components 0.1.10 → 0.1.12

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

@@ -0,0 +1,69 @@
+import { type AiCommand } from './ai-sender';
+declare var __VLS_9: {}, __VLS_23: {}, __VLS_37: {
+    disabled: any;
+    loading: any;
+    submit: any;
+};
+type __VLS_Slots = {} & {
+    prefix?: (props: typeof __VLS_9) => any;
+} & {
+    actions?: (props: typeof __VLS_23) => any;
+} & {
+    submit?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "Send a message...";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly maxLength: NumberConstructor;
+    readonly showWordLimit: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly commands: {
+        readonly type: import("vue").PropType<AiCommand[]>;
+        readonly default: () => never[];
+    };
+    readonly attachments: {
+        readonly type: import("vue").PropType<import("./ai-sender").AiAttachment[]>;
+        readonly default: () => never[];
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly disabled: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly loading: boolean;
+    readonly placeholder: string;
+    readonly modelValue: string;
+    readonly clearable: boolean;
+    readonly showWordLimit: boolean;
+    readonly commands: AiCommand[];
+    readonly attachments: import("./ai-sender").AiAttachment[];
+}, {}, {}, {}, 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-sources/__tests__/ai-sources.ssr.test.cjs

@@ -0,0 +1,72 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _serverRenderer = require("@vue/server-renderer");
+var _vue = require("vue");
+var _aiSources = _interopRequireDefault(require("../src/ai-sources.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiSources SSR", () => {
+  const mockSources = [{
+    id: 1,
+    title: "SSR Source 1",
+    source: "vuejs.org",
+    fileType: "web",
+    score: 0.95,
+    excerpt: "Excerpt 1"
+  }, {
+    id: 2,
+    title: "SSR Source 2",
+    source: "github.com",
+    fileType: "code",
+    score: 0.85,
+    excerpt: "Excerpt 2"
+  }];
+  (0, _vitest.it)("should render basic structure in inline mode on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
+      sources: mockSources,
+      mode: "inline"
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-sources");
+    (0, _vitest.expect)(html).toContain("yh-ai-sources--inline");
+    (0, _vitest.expect)(html).toContain("SSR Source 1");
+    (0, _vitest.expect)(html).toContain("SSR Source 2");
+    (0, _vitest.expect)(html).toContain("2");
+    (0, _vitest.expect)(html).toContain("\u53C2\u8003\u6765\u6E90");
+  });
+  (0, _vitest.it)("should render in card mode on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
+      sources: mockSources,
+      mode: "card"
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-sources--card");
+    (0, _vitest.expect)(html).toContain("yh-ai-sources__source-card");
+    (0, _vitest.expect)(html).toContain("\u5F15\u7528\u6765\u6E90");
+  });
+  (0, _vitest.it)("should render in badge mode on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
+      sources: mockSources,
+      mode: "badge"
+    }));
+    (0, _vitest.expect)(html).toContain("yh-ai-sources--badge");
+    (0, _vitest.expect)(html).toContain("yh-ai-sources__badge");
+  });
+  (0, _vitest.it)("should render relevance score, file types and excerpt on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
+      sources: mockSources,
+      mode: "card",
+      showScore: true
+    }));
+    (0, _vitest.expect)(html).toContain("95%");
+    (0, _vitest.expect)(html).toContain("\u76F8\u5173\u5EA6");
+    (0, _vitest.expect)(html).toContain("Excerpt 1");
+  });
+  (0, _vitest.it)("should handle expansion text on server", async () => {
+    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiSources.default, {
+      sources: mockSources,
+      mode: "card",
+      maxVisible: 1
+    }));
+    (0, _vitest.expect)(html).toContain("\u663E\u793A\u5168\u90E8");
+    (0, _vitest.expect)(html).toContain("(2)");
+  });
+});

package/dist/ai-sources/__tests__/ai-sources.ssr.test.d.ts

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

package/dist/ai-sources/__tests__/ai-sources.ssr.test.mjs

@@ -0,0 +1,82 @@
+import { describe, it, expect } from "vitest";
+import { renderToString } from "@vue/server-renderer";
+import { h } from "vue";
+import AiSources from "../src/ai-sources.vue";
+describe("YhAiSources SSR", () => {
+  const mockSources = [
+    {
+      id: 1,
+      title: "SSR Source 1",
+      source: "vuejs.org",
+      fileType: "web",
+      score: 0.95,
+      excerpt: "Excerpt 1"
+    },
+    {
+      id: 2,
+      title: "SSR Source 2",
+      source: "github.com",
+      fileType: "code",
+      score: 0.85,
+      excerpt: "Excerpt 2"
+    }
+  ];
+  it("should render basic structure in inline mode on server", async () => {
+    const html = await renderToString(
+      h(AiSources, {
+        sources: mockSources,
+        mode: "inline"
+      })
+    );
+    expect(html).toContain("yh-ai-sources");
+    expect(html).toContain("yh-ai-sources--inline");
+    expect(html).toContain("SSR Source 1");
+    expect(html).toContain("SSR Source 2");
+    expect(html).toContain("2");
+    expect(html).toContain("\u53C2\u8003\u6765\u6E90");
+  });
+  it("should render in card mode on server", async () => {
+    const html = await renderToString(
+      h(AiSources, {
+        sources: mockSources,
+        mode: "card"
+      })
+    );
+    expect(html).toContain("yh-ai-sources--card");
+    expect(html).toContain("yh-ai-sources__source-card");
+    expect(html).toContain("\u5F15\u7528\u6765\u6E90");
+  });
+  it("should render in badge mode on server", async () => {
+    const html = await renderToString(
+      h(AiSources, {
+        sources: mockSources,
+        mode: "badge"
+      })
+    );
+    expect(html).toContain("yh-ai-sources--badge");
+    expect(html).toContain("yh-ai-sources__badge");
+  });
+  it("should render relevance score, file types and excerpt on server", async () => {
+    const html = await renderToString(
+      h(AiSources, {
+        sources: mockSources,
+        mode: "card",
+        showScore: true
+      })
+    );
+    expect(html).toContain("95%");
+    expect(html).toContain("\u76F8\u5173\u5EA6");
+    expect(html).toContain("Excerpt 1");
+  });
+  it("should handle expansion text on server", async () => {
+    const html = await renderToString(
+      h(AiSources, {
+        sources: mockSources,
+        mode: "card",
+        maxVisible: 1
+      })
+    );
+    expect(html).toContain("\u663E\u793A\u5168\u90E8");
+    expect(html).toContain("(2)");
+  });
+});

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var _testUtils = require("@vue/test-utils");
+var _vitest = require("vitest");
+var _aiSources = _interopRequireDefault(require("../src/ai-sources.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("AiSources", () => {
+  const mockSources = [{
+    id: 1,
+    title: "Source 1",
+    source: "vuejs.org",
+    fileType: "web",
+    score: 0.95,
+    excerpt: "Excerpt 1"
+  }, {
+    id: 2,
+    title: "Source 2",
+    source: "github.com",
+    fileType: "code",
+    score: 0.85,
+    excerpt: "Excerpt 2"
+  }, {
+    id: 3,
+    title: "Source 3",
+    fileType: "pdf",
+    score: 0.75
+  }];
+  (0, _vitest.it)("renders inline mode by default", () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-sources--inline");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-sources__inline-item").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(3);
+  });
+  (0, _vitest.it)("renders card mode correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "card"
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-sources--card");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-sources__source-card").exists()).toBe(true);
+  });
+  (0, _vitest.it)("renders badge mode correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "badge"
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-sources--badge");
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__badge")).toHaveLength(3);
+  });
+  (0, _vitest.it)("handles expansion correctly", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        maxVisible: 1,
+        mode: "card"
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(1);
+    const expandBtn = wrapper.find(".yh-ai-sources__expand-btn");
+    (0, _vitest.expect)(expandBtn.exists()).toBe(true);
+    await expandBtn.trigger("click");
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(3);
+  });
+  (0, _vitest.it)("emits events on interaction", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        mode: "card"
+      }
+    });
+    await wrapper.find(".yh-ai-sources__source-card").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("click")[0][0]).toEqual(mockSources[0]);
+  });
+  (0, _vitest.it)("shows relevance score when enabled", () => {
+    const wrapper = (0, _testUtils.mount)(_aiSources.default, {
+      props: {
+        sources: mockSources,
+        showScore: true,
+        mode: "card"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-sources__score-badge").text()).toContain("95%");
+  });
+});

package/dist/ai-sources/__tests__/ai-sources.test.d.ts

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

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

@@ -0,0 +1,89 @@
+import { mount } from "@vue/test-utils";
+import { describe, it, expect } from "vitest";
+import AiSources from "../src/ai-sources.vue";
+describe("AiSources", () => {
+  const mockSources = [
+    {
+      id: 1,
+      title: "Source 1",
+      source: "vuejs.org",
+      fileType: "web",
+      score: 0.95,
+      excerpt: "Excerpt 1"
+    },
+    {
+      id: 2,
+      title: "Source 2",
+      source: "github.com",
+      fileType: "code",
+      score: 0.85,
+      excerpt: "Excerpt 2"
+    },
+    { id: 3, title: "Source 3", fileType: "pdf", score: 0.75 }
+  ];
+  it("renders inline mode by default", () => {
+    const wrapper = mount(AiSources, {
+      props: {
+        sources: mockSources
+      }
+    });
+    expect(wrapper.classes()).toContain("yh-ai-sources--inline");
+    expect(wrapper.find(".yh-ai-sources__inline-item").exists()).toBe(true);
+    expect(wrapper.findAll(".yh-ai-sources__inline-item")).toHaveLength(3);
+  });
+  it("renders card mode correctly", () => {
+    const wrapper = mount(AiSources, {
+      props: {
+        sources: mockSources,
+        mode: "card"
+      }
+    });
+    expect(wrapper.classes()).toContain("yh-ai-sources--card");
+    expect(wrapper.find(".yh-ai-sources__source-card").exists()).toBe(true);
+  });
+  it("renders badge mode correctly", () => {
+    const wrapper = mount(AiSources, {
+      props: {
+        sources: mockSources,
+        mode: "badge"
+      }
+    });
+    expect(wrapper.classes()).toContain("yh-ai-sources--badge");
+    expect(wrapper.findAll(".yh-ai-sources__badge")).toHaveLength(3);
+  });
+  it("handles expansion correctly", async () => {
+    const wrapper = mount(AiSources, {
+      props: {
+        sources: mockSources,
+        maxVisible: 1,
+        mode: "card"
+      }
+    });
+    expect(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(1);
+    const expandBtn = wrapper.find(".yh-ai-sources__expand-btn");
+    expect(expandBtn.exists()).toBe(true);
+    await expandBtn.trigger("click");
+    expect(wrapper.findAll(".yh-ai-sources__source-card")).toHaveLength(3);
+  });
+  it("emits events on interaction", async () => {
+    const wrapper = mount(AiSources, {
+      props: {
+        sources: mockSources,
+        mode: "card"
+      }
+    });
+    await wrapper.find(".yh-ai-sources__source-card").trigger("click");
+    expect(wrapper.emitted("click")).toBeTruthy();
+    expect(wrapper.emitted("click")[0][0]).toEqual(mockSources[0]);
+  });
+  it("shows relevance score when enabled", () => {
+    const wrapper = mount(AiSources, {
+      props: {
+        sources: mockSources,
+        showScore: true,
+        mode: "card"
+      }
+    });
+    expect(wrapper.find(".yh-ai-sources__score-badge").text()).toContain("95%");
+  });
+});

package/dist/ai-sources/index.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  YhAiSources: true
+};
+module.exports = exports.YhAiSources = void 0;
+var _utils = require("@yh-ui/utils");
+var _aiSources = _interopRequireDefault(require("./src/ai-sources.vue"));
+var _aiSources2 = require("./src/ai-sources.cjs");
+Object.keys(_aiSources2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _aiSources2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _aiSources2[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const YhAiSources = exports.YhAiSources = (0, _utils.withInstall)(_aiSources.default);
+module.exports = YhAiSources;

package/dist/ai-sources/index.d.ts

@@ -0,0 +1,3 @@
+export declare const YhAiSources: any;
+export default YhAiSources;
+export * from './src/ai-sources';

package/dist/ai-sources/index.mjs

@@ -0,0 +1,5 @@
+import { withInstall } from "@yh-ui/utils";
+import AiSources from "./src/ai-sources.vue";
+export const YhAiSources = withInstall(AiSources);
+export default YhAiSources;
+export * from "./src/ai-sources.mjs";

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiSourcesProps = exports.aiSourcesEmits = void 0;
+const aiSourcesProps = exports.aiSourcesProps = {
+  /**
+   * @description 引用来源列表
+   */
+  sources: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description 展示模式
+   * - 'inline': 内联气泡（紧凑，嵌入回复内）
+   * - 'card': 卡片列表（展开式详细）
+   * - 'badge': 仅角标数字（点击弹出抽屉）
+   */
+  mode: {
+    type: String,
+    default: "inline"
+  },
+  /**
+   * @description 最多显示的卡片数（超出折叠）
+   */
+  maxVisible: {
+    type: Number,
+    default: 5
+  },
+  /**
+   * @description 是否显示相关度分数
+   */
+  showScore: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否显示文件类型图标
+   */
+  showFileType: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 主题覆盖
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  }
+};
+const aiSourcesEmits = exports.aiSourcesEmits = {
+  /** 点击来源项 */
+  click: source => !!source,
+  /** 点击查看原文 */
+  open: source => !!source
+};