@yh-ui/components 0.1.21 → 0.1.23

package/dist/ai-action-group/__tests__/ai-action-group.ssr.test.mjs

@@ -1,39 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import AiActionGroup from "../src/ai-action-group.vue";
-describe("YhAiActionGroup SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(h(AiActionGroup, { items: ["copy", "regenerate"] }));
-    expect(html).toContain("yh-ai-action-group");
-    expect(html).toContain("yh-ai-action-group--horizontal");
-  });
-  it("should render vertical direction on server", async () => {
-    const html = await renderToString(h(AiActionGroup, { items: [], direction: "vertical" }));
-    expect(html).toContain("yh-ai-action-group--vertical");
-  });
-  it("should render item count correctly on server", async () => {
-    const html = await renderToString(
-      h(AiActionGroup, {
-        items: [
-          { key: "share", icon: "share", label: "\u5206\u4EAB" },
-          { key: "edit", icon: "edit", label: "\u7F16\u8F91" }
-        ]
-      })
-    );
-    expect(html).toContain("\u5206\u4EAB");
-    expect(html).toContain("\u7F16\u8F91");
-  });
-  it("should render disabled state on server", async () => {
-    const html = await renderToString(
-      h(AiActionGroup, {
-        items: [{ key: "delete", icon: "delete", disabled: true }]
-      })
-    );
-    expect(html).toContain("is-disabled");
-  });
-  it("should render size class on server", async () => {
-    const html = await renderToString(h(AiActionGroup, { items: [], size: "large" }));
-    expect(html).toContain("yh-ai-action-group--large");
-  });
-});

package/dist/ai-action-group/__tests__/ai-action-group.test.cjs

@@ -1,235 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _aiActionGroup = _interopRequireDefault(require("../src/ai-action-group.vue"));
-var _icon = require("../../icon/index.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAiActionGroup", () => {
-  (0, _vitest.it)("should render with base class", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: []
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should render empty when no items", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: []
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-action-group__item").length).toBe(0);
-  });
-  (0, _vitest.it)("should render string items", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: ["copy", "regenerate"]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-action-group__item").length).toBe(2);
-  });
-  (0, _vitest.it)("should render object items with label", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "share",
-          icon: "share",
-          label: "\u5206\u4EAB"
-        }]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("\u5206\u4EAB");
-  });
-  (0, _vitest.it)("should apply horizontal direction class by default", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: []
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--horizontal");
-  });
-  (0, _vitest.it)("should apply vertical direction class", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [],
-        direction: "vertical"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--vertical");
-  });
-  (0, _vitest.it)("should apply small size class by default", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: []
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--small");
-  });
-  (0, _vitest.it)("should apply custom size class", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [],
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-action-group--large");
-  });
-  (0, _vitest.it)("should emit click event on item click", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: ["copy"]
-      }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
-    const emitted = wrapper.emitted("click");
-    (0, _vitest.expect)(emitted[0][0]).toBe("copy");
-  });
-  (0, _vitest.it)("should emit click with key for object item", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "my-action",
-          icon: "edit",
-          label: "Edit"
-        }]
-      }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    const emitted = wrapper.emitted("click");
-    (0, _vitest.expect)(emitted[0][0]).toBe("my-action");
-  });
-  (0, _vitest.it)("should not emit click for disabled object item", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "delete",
-          icon: "delete",
-          label: "Delete",
-          disabled: true
-        }]
-      }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeFalsy();
-  });
-  (0, _vitest.it)("should apply is-disabled class to disabled item", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "delete",
-          icon: "delete",
-          disabled: true
-        }]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group__item").classes()).toContain("is-disabled");
-  });
-  (0, _vitest.it)("should render all preset string items", () => {
-    const presets = ["copy", "refresh", "regenerate", "share", "thumb-up", "thumb-down", "edit", "delete"];
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: presets
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-ai-action-group__item").length).toBe(presets.length);
-  });
-  (0, _vitest.it)("should render default slot content", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: []
-      },
-      slots: {
-        default: '<button class="extra-btn">Extra</button>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".extra-btn").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should handle unknown string item", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: ["unknown-action"]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findComponent(_icon.YhIcon).props("name")).toBe("more");
-  });
-  (0, _vitest.it)("should handle object item without icon", () => {
-    const wrapper1 = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "copy"
-        }]
-      }
-    });
-    (0, _vitest.expect)(wrapper1.findComponent(_icon.YhIcon).props("name")).toBe("copy");
-    const wrapper2 = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "random"
-        }]
-      }
-    });
-    (0, _vitest.expect)(wrapper2.findComponent(_icon.YhIcon).props("name")).toBe("more");
-  });
-  (0, _vitest.it)("should render object item with label but no tooltip", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "edit",
-          label: "Edit",
-          tooltip: ""
-        }]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("Edit");
-    (0, _vitest.expect)(wrapper.findComponent({
-      name: "YhTooltip"
-    }).exists()).toBe(false);
-  });
-  (0, _vitest.it)("should render object item with label and tooltip", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "edit",
-          label: "Edit",
-          tooltip: "Edit Tip"
-        }]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("Edit");
-  });
-  (0, _vitest.it)("should render object item without label and without tooltip", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: [{
-          key: "edit",
-          tooltip: ""
-        }]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-ai-action-group__item-label").exists()).toBe(false);
-  });
-  (0, _vitest.it)("should handle click with string item", async () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default, {
-      props: {
-        items: ["refresh"]
-      }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")[0][0]).toBe("refresh");
-  });
-  (0, _vitest.it)("covers aiActionGroupEmits validators", async () => {
-    const {
-      aiActionGroupEmits
-    } = await Promise.resolve().then(() => require("../src/ai-action-group.cjs"));
-    (0, _vitest.expect)(aiActionGroupEmits.click("test", "test")).toBe(true);
-  });
-  (0, _vitest.it)("handleClick covers string input branch", () => {
-    const wrapper = (0, _testUtils.mount)(_aiActionGroup.default);
-    const vm = wrapper.vm;
-    vm.handleClick("direct-string");
-    (0, _vitest.expect)(wrapper.emitted("click")[0][0]).toBe("direct-string");
-  });
-});

package/dist/ai-action-group/__tests__/ai-action-group.test.mjs

@@ -1,157 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import AiActionGroup from "../src/ai-action-group.vue";
-import { YhIcon } from "../../icon/index.mjs";
-describe("YhAiActionGroup", () => {
-  it("should render with base class", () => {
-    const wrapper = mount(AiActionGroup, { props: { items: [] } });
-    expect(wrapper.find(".yh-ai-action-group").exists()).toBe(true);
-  });
-  it("should render empty when no items", () => {
-    const wrapper = mount(AiActionGroup, { props: { items: [] } });
-    expect(wrapper.findAll(".yh-ai-action-group__item").length).toBe(0);
-  });
-  it("should render string items", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: ["copy", "regenerate"] }
-    });
-    expect(wrapper.findAll(".yh-ai-action-group__item").length).toBe(2);
-  });
-  it("should render object items with label", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: {
-        items: [{ key: "share", icon: "share", label: "\u5206\u4EAB" }]
-      }
-    });
-    expect(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("\u5206\u4EAB");
-  });
-  it("should apply horizontal direction class by default", () => {
-    const wrapper = mount(AiActionGroup, { props: { items: [] } });
-    expect(wrapper.classes()).toContain("yh-ai-action-group--horizontal");
-  });
-  it("should apply vertical direction class", () => {
-    const wrapper = mount(AiActionGroup, { props: { items: [], direction: "vertical" } });
-    expect(wrapper.classes()).toContain("yh-ai-action-group--vertical");
-  });
-  it("should apply small size class by default", () => {
-    const wrapper = mount(AiActionGroup, { props: { items: [] } });
-    expect(wrapper.classes()).toContain("yh-ai-action-group--small");
-  });
-  it("should apply custom size class", () => {
-    const wrapper = mount(AiActionGroup, { props: { items: [], size: "large" } });
-    expect(wrapper.classes()).toContain("yh-ai-action-group--large");
-  });
-  it("should emit click event on item click", async () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: ["copy"] }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    expect(wrapper.emitted("click")).toBeTruthy();
-    const emitted = wrapper.emitted("click");
-    expect(emitted[0][0]).toBe("copy");
-  });
-  it("should emit click with key for object item", async () => {
-    const wrapper = mount(AiActionGroup, {
-      props: {
-        items: [{ key: "my-action", icon: "edit", label: "Edit" }]
-      }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    const emitted = wrapper.emitted("click");
-    expect(emitted[0][0]).toBe("my-action");
-  });
-  it("should not emit click for disabled object item", async () => {
-    const wrapper = mount(AiActionGroup, {
-      props: {
-        items: [{ key: "delete", icon: "delete", label: "Delete", disabled: true }]
-      }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    expect(wrapper.emitted("click")).toBeFalsy();
-  });
-  it("should apply is-disabled class to disabled item", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: {
-        items: [{ key: "delete", icon: "delete", disabled: true }]
-      }
-    });
-    expect(wrapper.find(".yh-ai-action-group__item").classes()).toContain("is-disabled");
-  });
-  it("should render all preset string items", () => {
-    const presets = [
-      "copy",
-      "refresh",
-      "regenerate",
-      "share",
-      "thumb-up",
-      "thumb-down",
-      "edit",
-      "delete"
-    ];
-    const wrapper = mount(AiActionGroup, {
-      props: { items: presets }
-    });
-    expect(wrapper.findAll(".yh-ai-action-group__item").length).toBe(presets.length);
-  });
-  it("should render default slot content", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: [] },
-      slots: {
-        default: '<button class="extra-btn">Extra</button>'
-      }
-    });
-    expect(wrapper.find(".extra-btn").exists()).toBe(true);
-  });
-  it("should handle unknown string item", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: ["unknown-action"] }
-    });
-    expect(wrapper.findComponent(YhIcon).props("name")).toBe("more");
-  });
-  it("should handle object item without icon", () => {
-    const wrapper1 = mount(AiActionGroup, {
-      props: { items: [{ key: "copy" }] }
-    });
-    expect(wrapper1.findComponent(YhIcon).props("name")).toBe("copy");
-    const wrapper2 = mount(AiActionGroup, {
-      props: { items: [{ key: "random" }] }
-    });
-    expect(wrapper2.findComponent(YhIcon).props("name")).toBe("more");
-  });
-  it("should render object item with label but no tooltip", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: [{ key: "edit", label: "Edit", tooltip: "" }] }
-    });
-    expect(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("Edit");
-    expect(wrapper.findComponent({ name: "YhTooltip" }).exists()).toBe(false);
-  });
-  it("should render object item with label and tooltip", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: [{ key: "edit", label: "Edit", tooltip: "Edit Tip" }] }
-    });
-    expect(wrapper.find(".yh-ai-action-group__item-label").text()).toBe("Edit");
-  });
-  it("should render object item without label and without tooltip", () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: [{ key: "edit", tooltip: "" }] }
-    });
-    expect(wrapper.find(".yh-ai-action-group__item-label").exists()).toBe(false);
-  });
-  it("should handle click with string item", async () => {
-    const wrapper = mount(AiActionGroup, {
-      props: { items: ["refresh"] }
-    });
-    await wrapper.find(".yh-ai-action-group__item").trigger("click");
-    expect(wrapper.emitted("click")[0][0]).toBe("refresh");
-  });
-  it("covers aiActionGroupEmits validators", async () => {
-    const { aiActionGroupEmits } = await import("../src/ai-action-group.mjs");
-    expect(aiActionGroupEmits.click("test", "test")).toBe(true);
-  });
-  it("handleClick covers string input branch", () => {
-    const wrapper = mount(AiActionGroup);
-    const vm = wrapper.vm;
-    vm.handleClick("direct-string");
-    expect(wrapper.emitted("click")[0][0]).toBe("direct-string");
-  });
-});

package/dist/ai-agent-card/__tests__/ai-agent-card.ssr.test.cjs

@@ -1,61 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _aiAgentCard = _interopRequireDefault(require("../src/ai-agent-card.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAiAgentCard SSR", () => {
-  const mockData = {
-    id: "1",
-    name: "SSR Agent",
-    model: "GPT-SSR",
-    description: "Server side rendering test",
-    avatar: "robot",
-    status: "online"
-  };
-  (0, _vitest.it)("should render basic structure on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiAgentCard.default, {
-      data: mockData
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-agent-card");
-    (0, _vitest.expect)(html).toContain("SSR Agent");
-    (0, _vitest.expect)(html).toContain("GPT-SSR");
-  });
-  (0, _vitest.it)("should render horizontal layout on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiAgentCard.default, {
-      data: mockData,
-      layout: "horizontal"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-agent-card--horizontal");
-  });
-  (0, _vitest.it)("should render compact layout on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiAgentCard.default, {
-      data: mockData,
-      layout: "compact"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-agent-card--compact");
-  });
-  (0, _vitest.it)("should render stats on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiAgentCard.default, {
-      data: {
-        ...mockData,
-        stats: {
-          uses: 1e3,
-          rating: 4.8
-        }
-      }
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-agent-card__stats");
-    (0, _vitest.expect)(html).toContain("1.0k");
-    (0, _vitest.expect)(html).toContain("4.8");
-  });
-  (0, _vitest.it)("should render loading state on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiAgentCard.default, {
-      data: mockData,
-      loading: true
-    }));
-    (0, _vitest.expect)(html).toContain("is-loading");
-    (0, _vitest.expect)(html).toContain("yh-ai-agent-card__skeleton-avatar");
-  });
-});

package/dist/ai-agent-card/__tests__/ai-agent-card.ssr.test.mjs

@@ -1,65 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import AiAgentCard from "../src/ai-agent-card.vue";
-describe("YhAiAgentCard SSR", () => {
-  const mockData = {
-    id: "1",
-    name: "SSR Agent",
-    model: "GPT-SSR",
-    description: "Server side rendering test",
-    avatar: "robot",
-    status: "online"
-  };
-  it("should render basic structure on server", async () => {
-    const html = await renderToString(
-      h(AiAgentCard, {
-        data: mockData
-      })
-    );
-    expect(html).toContain("yh-ai-agent-card");
-    expect(html).toContain("SSR Agent");
-    expect(html).toContain("GPT-SSR");
-  });
-  it("should render horizontal layout on server", async () => {
-    const html = await renderToString(
-      h(AiAgentCard, {
-        data: mockData,
-        layout: "horizontal"
-      })
-    );
-    expect(html).toContain("yh-ai-agent-card--horizontal");
-  });
-  it("should render compact layout on server", async () => {
-    const html = await renderToString(
-      h(AiAgentCard, {
-        data: mockData,
-        layout: "compact"
-      })
-    );
-    expect(html).toContain("yh-ai-agent-card--compact");
-  });
-  it("should render stats on server", async () => {
-    const html = await renderToString(
-      h(AiAgentCard, {
-        data: {
-          ...mockData,
-          stats: { uses: 1e3, rating: 4.8 }
-        }
-      })
-    );
-    expect(html).toContain("yh-ai-agent-card__stats");
-    expect(html).toContain("1.0k");
-    expect(html).toContain("4.8");
-  });
-  it("should render loading state on server", async () => {
-    const html = await renderToString(
-      h(AiAgentCard, {
-        data: mockData,
-        loading: true
-      })
-    );
-    expect(html).toContain("is-loading");
-    expect(html).toContain("yh-ai-agent-card__skeleton-avatar");
-  });
-});