@yh-ui/components 0.1.10 → 0.1.12

package/dist/ai-agent-card/__tests__/ai-agent-card.ssr.test.d.ts

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

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

@@ -0,0 +1,65 @@
+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");
+  });
+});

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

@@ -0,0 +1,70 @@
+"use strict";
+
+var _testUtils = require("@vue/test-utils");
+var _vitest = require("vitest");
+var _aiAgentCard = _interopRequireDefault(require("../src/ai-agent-card.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("AiAgentCard", () => {
+  const mockData = {
+    id: "1",
+    name: "Test Agent",
+    model: "GPT-4",
+    description: "This is a test description",
+    avatar: "robot",
+    verified: true,
+    status: "online",
+    stats: {
+      uses: 1e3,
+      rating: 4.5
+    },
+    capabilities: [{
+      label: "Chat",
+      type: "primary"
+    }]
+  };
+  (0, _vitest.it)("renders basic information correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
+      props: {
+        data: mockData
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__name").text()).toBe("Test Agent");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__model").text()).toBe("GPT-4");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__description").text()).toBe("This is a test description");
+  });
+  (0, _vitest.it)("handles compact layout correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
+      props: {
+        data: mockData,
+        layout: "compact"
+      }
+    });
+    const cardNode = wrapper.find(".yh-ai-agent-card");
+    (0, _vitest.expect)(cardNode.exists()).toBe(true);
+    (0, _vitest.expect)(cardNode.classes()).toContain("yh-ai-agent-card--compact");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__stats").exists()).toBe(true);
+  });
+  (0, _vitest.it)("emits events on interaction", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
+      props: {
+        data: mockData
+      }
+    });
+    await wrapper.find(".yh-ai-agent-card__use-btn").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("use")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("use")[0][0]).toEqual(mockData);
+    await wrapper.find(".yh-ai-agent-card__fav-btn").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("favorite")).toBeTruthy();
+  });
+  (0, _vitest.it)("renders loading state", () => {
+    const wrapper = (0, _testUtils.mount)(_aiAgentCard.default, {
+      props: {
+        data: mockData,
+        loading: true
+      }
+    });
+    const cardNode = wrapper.find(".yh-ai-agent-card");
+    (0, _vitest.expect)(cardNode.classes()).toContain("is-loading");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-agent-card__skeleton-avatar").exists()).toBe(true);
+  });
+});

package/dist/ai-agent-card/__tests__/ai-agent-card.test.d.ts

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

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

@@ -0,0 +1,64 @@
+import { mount } from "@vue/test-utils";
+import { describe, it, expect } from "vitest";
+import AiAgentCard from "../src/ai-agent-card.vue";
+describe("AiAgentCard", () => {
+  const mockData = {
+    id: "1",
+    name: "Test Agent",
+    model: "GPT-4",
+    description: "This is a test description",
+    avatar: "robot",
+    verified: true,
+    status: "online",
+    stats: {
+      uses: 1e3,
+      rating: 4.5
+    },
+    capabilities: [{ label: "Chat", type: "primary" }]
+  };
+  it("renders basic information correctly", () => {
+    const wrapper = mount(AiAgentCard, {
+      props: {
+        data: mockData
+      }
+    });
+    expect(wrapper.find(".yh-ai-agent-card__name").text()).toBe("Test Agent");
+    expect(wrapper.find(".yh-ai-agent-card__model").text()).toBe("GPT-4");
+    expect(wrapper.find(".yh-ai-agent-card__description").text()).toBe("This is a test description");
+  });
+  it("handles compact layout correctly", () => {
+    const wrapper = mount(AiAgentCard, {
+      props: {
+        data: mockData,
+        layout: "compact"
+      }
+    });
+    const cardNode = wrapper.find(".yh-ai-agent-card");
+    expect(cardNode.exists()).toBe(true);
+    expect(cardNode.classes()).toContain("yh-ai-agent-card--compact");
+    expect(wrapper.find(".yh-ai-agent-card__stats").exists()).toBe(true);
+  });
+  it("emits events on interaction", async () => {
+    const wrapper = mount(AiAgentCard, {
+      props: {
+        data: mockData
+      }
+    });
+    await wrapper.find(".yh-ai-agent-card__use-btn").trigger("click");
+    expect(wrapper.emitted("use")).toBeTruthy();
+    expect(wrapper.emitted("use")[0][0]).toEqual(mockData);
+    await wrapper.find(".yh-ai-agent-card__fav-btn").trigger("click");
+    expect(wrapper.emitted("favorite")).toBeTruthy();
+  });
+  it("renders loading state", () => {
+    const wrapper = mount(AiAgentCard, {
+      props: {
+        data: mockData,
+        loading: true
+      }
+    });
+    const cardNode = wrapper.find(".yh-ai-agent-card");
+    expect(cardNode.classes()).toContain("is-loading");
+    expect(wrapper.find(".yh-ai-agent-card__skeleton-avatar").exists()).toBe(true);
+  });
+});

package/dist/ai-agent-card/index.cjs

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

package/dist/ai-agent-card/index.d.ts

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

package/dist/ai-agent-card/index.mjs

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

package/dist/ai-agent-card/src/ai-agent-card.cjs

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiAgentCardProps = exports.aiAgentCardEmits = void 0;
+const aiAgentCardProps = exports.aiAgentCardProps = {
+  /**
+   * @description Agent 数据
+   */
+  data: {
+    type: Object,
+    required: true
+  },
+  /**
+   * @description 卡片布局：vertical（竖向）/ horizontal（横向）/ compact（紧凑）
+   */
+  layout: {
+    type: String,
+    default: "vertical"
+  },
+  /**
+   * @description 是否显示操作按钮区域
+   */
+  showActions: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否显示统计信息
+   */
+  showStats: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否可收藏
+   */
+  favoritable: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否选中状态（商城/列表选择场景）
+   */
+  selected: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 加载骨架屏状态
+   */
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 主题覆盖变量
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  }
+};
+const aiAgentCardEmits = exports.aiAgentCardEmits = {
+  /** 点击整个卡片 */
+  click: data => !!data,
+  /** 点击使用 / 调用按钮 */
+  use: data => !!data,
+  /** 收藏/取消收藏 */
+  favorite: (data, favorited) => !!data && typeof favorited === "boolean",
+  /** 分享 */
+  share: data => !!data
+};