@yh-ui/components 0.1.21 → 0.1.22

package/dist/ai-file-card/__tests__/ai-file-card.test.cjs

@@ -1,160 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _aiFileCard = _interopRequireDefault(require("../src/ai-file-card.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAiFileCard", () => {
-  (0, _vitest.it)("should render with base class", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render file icon", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__icon-wrapper").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render file name", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__name").text()).toBe("test.pdf");
-  });
-  (0, _vitest.it)("should render file size", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf",
-        byte: 1024
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__size").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render small size", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf",
-        size: "small"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card--small").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render default size", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf",
-        size: "default"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card--default").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render large size", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf",
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card--large").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render image type", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "image.png",
-        type: "image",
-        src: "http://example.com/image.png"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__image-wrapper").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render video type", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "video.mp4",
-        type: "video"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__image-wrapper").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render audio type", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "audio.mp3",
-        type: "audio"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__image-wrapper").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render video with src and native controls", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "video.mp4",
-        type: "video",
-        src: "https://example.com/video.mp4"
-      }
-    });
-    const video = wrapper.find("video");
-    (0, _vitest.expect)(video.exists()).toBe(true);
-    (0, _vitest.expect)(video.attributes("controls")).toBeDefined();
-  });
-  (0, _vitest.it)("should render audio with src and native controls", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "audio.mp3",
-        type: "audio",
-        src: "https://example.com/audio.mp3"
-      }
-    });
-    const audio = wrapper.find("audio");
-    (0, _vitest.expect)(audio.exists()).toBe(true);
-    (0, _vitest.expect)(audio.attributes("controls")).toBeDefined();
-  });
-  (0, _vitest.it)("should show loading state", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf",
-        loading: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__icon-wrapper").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render description", () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf",
-        description: "Test file description"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-file-card__description").text()).toBe("Test file description");
-  });
-  (0, _vitest.it)("should emit click event", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiFileCard.default, {
-      props: {
-        name: "test.pdf"
-      }
-    });
-    await wrapper.find(".yh-ai-file-card").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
-  });
-  (0, _vitest.it)("should validate props", async () => {
-    const {
-      aiFileCardProps
-    } = await Promise.resolve().then(() => require("../src/ai-file-card.cjs"));
-    (0, _vitest.expect)(aiFileCardProps.name.required).toBe(true);
-    (0, _vitest.expect)(aiFileCardProps.size.default).toBe("default");
-  });
-  (0, _vitest.it)("should validate emits", async () => {
-    const {
-      aiFileCardEmits
-    } = await Promise.resolve().then(() => require("../src/ai-file-card.cjs"));
-    (0, _vitest.expect)(aiFileCardEmits.click()).toBe(true);
-  });
-});

package/dist/ai-file-card/__tests__/ai-file-card.test.mjs

@@ -1,109 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import AiFileCard from "../src/ai-file-card.vue";
-describe("YhAiFileCard", () => {
-  it("should render with base class", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf" }
-    });
-    expect(wrapper.find(".yh-ai-file-card").exists()).toBe(true);
-  });
-  it("should render file icon", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf" }
-    });
-    expect(wrapper.find(".yh-ai-file-card__icon-wrapper").exists()).toBe(true);
-  });
-  it("should render file name", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf" }
-    });
-    expect(wrapper.find(".yh-ai-file-card__name").text()).toBe("test.pdf");
-  });
-  it("should render file size", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf", byte: 1024 }
-    });
-    expect(wrapper.find(".yh-ai-file-card__size").exists()).toBe(true);
-  });
-  it("should render small size", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf", size: "small" }
-    });
-    expect(wrapper.find(".yh-ai-file-card--small").exists()).toBe(true);
-  });
-  it("should render default size", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf", size: "default" }
-    });
-    expect(wrapper.find(".yh-ai-file-card--default").exists()).toBe(true);
-  });
-  it("should render large size", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf", size: "large" }
-    });
-    expect(wrapper.find(".yh-ai-file-card--large").exists()).toBe(true);
-  });
-  it("should render image type", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "image.png", type: "image", src: "http://example.com/image.png" }
-    });
-    expect(wrapper.find(".yh-ai-file-card__image-wrapper").exists()).toBe(true);
-  });
-  it("should render video type", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "video.mp4", type: "video" }
-    });
-    expect(wrapper.find(".yh-ai-file-card__image-wrapper").exists()).toBe(true);
-  });
-  it("should render audio type", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "audio.mp3", type: "audio" }
-    });
-    expect(wrapper.find(".yh-ai-file-card__image-wrapper").exists()).toBe(true);
-  });
-  it("should render video with src and native controls", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "video.mp4", type: "video", src: "https://example.com/video.mp4" }
-    });
-    const video = wrapper.find("video");
-    expect(video.exists()).toBe(true);
-    expect(video.attributes("controls")).toBeDefined();
-  });
-  it("should render audio with src and native controls", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "audio.mp3", type: "audio", src: "https://example.com/audio.mp3" }
-    });
-    const audio = wrapper.find("audio");
-    expect(audio.exists()).toBe(true);
-    expect(audio.attributes("controls")).toBeDefined();
-  });
-  it("should show loading state", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf", loading: true }
-    });
-    expect(wrapper.find(".yh-ai-file-card__icon-wrapper").exists()).toBe(true);
-  });
-  it("should render description", () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf", description: "Test file description" }
-    });
-    expect(wrapper.find(".yh-ai-file-card__description").text()).toBe("Test file description");
-  });
-  it("should emit click event", async () => {
-    const wrapper = mount(AiFileCard, {
-      props: { name: "test.pdf" }
-    });
-    await wrapper.find(".yh-ai-file-card").trigger("click");
-    expect(wrapper.emitted("click")).toBeTruthy();
-  });
-  it("should validate props", async () => {
-    const { aiFileCardProps } = await import("../src/ai-file-card.mjs");
-    expect(aiFileCardProps.name.required).toBe(true);
-    expect(aiFileCardProps.size.default).toBe("default");
-  });
-  it("should validate emits", async () => {
-    const { aiFileCardEmits } = await import("../src/ai-file-card.mjs");
-    expect(aiFileCardEmits.click()).toBe(true);
-  });
-});

package/dist/ai-mention/__tests__/ai-mention.ssr.test.cjs

@@ -1,38 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _aiMention = _interopRequireDefault(require("../src/ai-mention.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const options = [{
-  label: "DeepSeek",
-  value: "deepseek",
-  type: "agent"
-}];
-(0, _vitest.describe)("YhAiMention SSR", () => {
-  (0, _vitest.it)("should render to string on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiMention.default, {
-      modelValue: "hello",
-      options
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-mention");
-    (0, _vitest.expect)(html).toMatch(/textarea|input/);
-  });
-  (0, _vitest.it)("should render custom placeholder on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiMention.default, {
-      modelValue: "",
-      options,
-      placeholder: "Custom SSR Placeholder"
-    }));
-    (0, _vitest.expect)(html).toContain("Custom SSR Placeholder");
-  });
-  (0, _vitest.it)("should apply disabled state on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiMention.default, {
-      modelValue: "",
-      options,
-      disabled: true
-    }));
-    (0, _vitest.expect)(html).toContain("disabled");
-  });
-});

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

@@ -1,37 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import AiMention from "../src/ai-mention.vue";
-const options = [{ label: "DeepSeek", value: "deepseek", type: "agent" }];
-describe("YhAiMention SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(
-      h(AiMention, {
-        modelValue: "hello",
-        options
-      })
-    );
-    expect(html).toContain("yh-ai-mention");
-    expect(html).toMatch(/textarea|input/);
-  });
-  it("should render custom placeholder on server", async () => {
-    const html = await renderToString(
-      h(AiMention, {
-        modelValue: "",
-        options,
-        placeholder: "Custom SSR Placeholder"
-      })
-    );
-    expect(html).toContain("Custom SSR Placeholder");
-  });
-  it("should apply disabled state on server", async () => {
-    const html = await renderToString(
-      h(AiMention, {
-        modelValue: "",
-        options,
-        disabled: true
-      })
-    );
-    expect(html).toContain("disabled");
-  });
-});

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

@@ -1,113 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _aiMention = _interopRequireDefault(require("../src/ai-mention.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const options = [{
-  label: "DeepSeek",
-  value: "deepseek",
-  type: "agent"
-}, {
-  label: "GPT-4",
-  value: "gpt4",
-  type: "agent"
-}, {
-  label: "PRD.docx",
-  value: "prd",
-  type: "document"
-}, {
-  label: "Sales.xlsx",
-  value: "sales",
-  type: "table"
-}, {
-  label: "Design System",
-  value: "design",
-  type: "knowledge"
-}];
-(0, _vitest.describe)("YhAiMention", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_aiMention.default, {
-      props: {
-        modelValue: "",
-        options
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-mention");
-    (0, _vitest.expect)(wrapper.findComponent({
-      name: "YhMention"
-    }).exists()).toBe(true);
-  });
-  (0, _vitest.it)("should apply placeholder correctly", () => {
-    const placeholder = "Test Placeholder";
-    const wrapper = (0, _testUtils.mount)(_aiMention.default, {
-      props: {
-        modelValue: "",
-        options,
-        placeholder
-      }
-    });
-    const mention = wrapper.findComponent({
-      name: "YhMention"
-    });
-    (0, _vitest.expect)(mention.props("placeholder")).toBe(placeholder);
-  });
-  (0, _vitest.it)("should filter options based on types prop", () => {
-    const wrapper = (0, _testUtils.mount)(_aiMention.default, {
-      props: {
-        modelValue: "",
-        options,
-        types: ["agent"]
-      }
-    });
-    const mention = wrapper.findComponent({
-      name: "YhMention"
-    });
-    const passedOptions = mention.props("options");
-    (0, _vitest.expect)(passedOptions).toHaveLength(2);
-    (0, _vitest.expect)(passedOptions.every(opt => opt.type === "agent")).toBe(true);
-  });
-  (0, _vitest.it)("should filter multiple types", () => {
-    const wrapper = (0, _testUtils.mount)(_aiMention.default, {
-      props: {
-        modelValue: "",
-        options,
-        types: ["document", "table"]
-      }
-    });
-    const mention = wrapper.findComponent({
-      name: "YhMention"
-    });
-    const passedOptions = mention.props("options");
-    (0, _vitest.expect)(passedOptions).toHaveLength(2);
-    (0, _vitest.expect)(passedOptions.some(opt => opt.type === "document")).toBe(true);
-    (0, _vitest.expect)(passedOptions.some(opt => opt.type === "table")).toBe(true);
-  });
-  (0, _vitest.it)("should show all styles when no types specified (default)", () => {
-    const wrapper = (0, _testUtils.mount)(_aiMention.default, {
-      props: {
-        modelValue: "",
-        options
-      }
-    });
-    const mention = wrapper.findComponent({
-      name: "YhMention"
-    });
-    const passedOptions = mention.props("options");
-    (0, _vitest.expect)(passedOptions).toHaveLength(5);
-  });
-  (0, _vitest.it)("should emit update:modelValue when changed", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiMention.default, {
-      props: {
-        modelValue: "",
-        options
-      }
-    });
-    const mention = wrapper.findComponent({
-      name: "YhMention"
-    });
-    await mention.vm.$emit("update:modelValue", "new value");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")[0]).toEqual(["new value"]);
-  });
-});

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

@@ -1,84 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import AiMention from "../src/ai-mention.vue";
-const options = [
-  { label: "DeepSeek", value: "deepseek", type: "agent" },
-  { label: "GPT-4", value: "gpt4", type: "agent" },
-  { label: "PRD.docx", value: "prd", type: "document" },
-  { label: "Sales.xlsx", value: "sales", type: "table" },
-  { label: "Design System", value: "design", type: "knowledge" }
-];
-describe("YhAiMention", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(AiMention, {
-      props: {
-        modelValue: "",
-        options
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-ai-mention");
-    expect(wrapper.findComponent({ name: "YhMention" }).exists()).toBe(true);
-  });
-  it("should apply placeholder correctly", () => {
-    const placeholder = "Test Placeholder";
-    const wrapper = mount(AiMention, {
-      props: {
-        modelValue: "",
-        options,
-        placeholder
-      }
-    });
-    const mention = wrapper.findComponent({ name: "YhMention" });
-    expect(mention.props("placeholder")).toBe(placeholder);
-  });
-  it("should filter options based on types prop", () => {
-    const wrapper = mount(AiMention, {
-      props: {
-        modelValue: "",
-        options,
-        types: ["agent"]
-      }
-    });
-    const mention = wrapper.findComponent({ name: "YhMention" });
-    const passedOptions = mention.props("options");
-    expect(passedOptions).toHaveLength(2);
-    expect(passedOptions.every((opt) => opt.type === "agent")).toBe(true);
-  });
-  it("should filter multiple types", () => {
-    const wrapper = mount(AiMention, {
-      props: {
-        modelValue: "",
-        options,
-        types: ["document", "table"]
-      }
-    });
-    const mention = wrapper.findComponent({ name: "YhMention" });
-    const passedOptions = mention.props("options");
-    expect(passedOptions).toHaveLength(2);
-    expect(passedOptions.some((opt) => opt.type === "document")).toBe(true);
-    expect(passedOptions.some((opt) => opt.type === "table")).toBe(true);
-  });
-  it("should show all styles when no types specified (default)", () => {
-    const wrapper = mount(AiMention, {
-      props: {
-        modelValue: "",
-        options
-      }
-    });
-    const mention = wrapper.findComponent({ name: "YhMention" });
-    const passedOptions = mention.props("options");
-    expect(passedOptions).toHaveLength(5);
-  });
-  it("should emit update:modelValue when changed", async () => {
-    const wrapper = mount(AiMention, {
-      props: {
-        modelValue: "",
-        options
-      }
-    });
-    const mention = wrapper.findComponent({ name: "YhMention" });
-    await mention.vm.$emit("update:modelValue", "new value");
-    expect(wrapper.emitted("update:modelValue")).toBeTruthy();
-    expect(wrapper.emitted("update:modelValue")[0]).toEqual(["new value"]);
-  });
-});

package/dist/ai-mermaid/__tests__/ai-mermaid.ssr.test.cjs

@@ -1,43 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-_vitest.vi.mock("mermaid", () => ({
-  default: {
-    initialize: _vitest.vi.fn(),
-    render: _vitest.vi.fn().mockResolvedValue({
-      svg: "<svg></svg>"
-    })
-  }
-}));
-const {
-  default: AiMermaid
-} = await Promise.resolve().then(() => require("../src/ai-mermaid.vue"));
-(0, _vitest.describe)("YhAiMermaid SSR", () => {
-  (0, _vitest.it)("should render to string on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiMermaid));
-    (0, _vitest.expect)(html).toContain("yh-ai-mermaid");
-  });
-  (0, _vitest.it)("should render with code prop on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiMermaid, {
-      code: "graph TD\nA-->B"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-mermaid");
-  });
-  (0, _vitest.it)("should render header on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiMermaid, {
-      header: "SSR Diagram Title"
-    }));
-    (0, _vitest.expect)(html).toContain("SSR Diagram Title");
-    (0, _vitest.expect)(html).toContain("yh-ai-mermaid__header-content");
-  });
-  (0, _vitest.it)("should render actions bar on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiMermaid));
-    (0, _vitest.expect)(html).toContain("yh-ai-mermaid__actions");
-  });
-  (0, _vitest.it)("should render render tabs on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(AiMermaid));
-    (0, _vitest.expect)(html).toContain("yh-ai-mermaid__render-tabs");
-  });
-});

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

@@ -1,33 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-vi.mock("mermaid", () => ({
-  default: {
-    initialize: vi.fn(),
-    render: vi.fn().mockResolvedValue({ svg: "<svg></svg>" })
-  }
-}));
-const { default: AiMermaid } = await import("../src/ai-mermaid.vue");
-describe("YhAiMermaid SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(h(AiMermaid));
-    expect(html).toContain("yh-ai-mermaid");
-  });
-  it("should render with code prop on server", async () => {
-    const html = await renderToString(h(AiMermaid, { code: "graph TD\nA-->B" }));
-    expect(html).toContain("yh-ai-mermaid");
-  });
-  it("should render header on server", async () => {
-    const html = await renderToString(h(AiMermaid, { header: "SSR Diagram Title" }));
-    expect(html).toContain("SSR Diagram Title");
-    expect(html).toContain("yh-ai-mermaid__header-content");
-  });
-  it("should render actions bar on server", async () => {
-    const html = await renderToString(h(AiMermaid));
-    expect(html).toContain("yh-ai-mermaid__actions");
-  });
-  it("should render render tabs on server", async () => {
-    const html = await renderToString(h(AiMermaid));
-    expect(html).toContain("yh-ai-mermaid__render-tabs");
-  });
-});