@yh-ui/components 0.1.21 → 0.1.23

package/dist/gantt-chart/__tests__/gantt-chart.test.mjs

@@ -1,79 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, it, expect } from "vitest";
-import { YhGanttChart } from "../index.mjs";
-describe("GanttChart", () => {
-  const data = [
-    {
-      id: "1",
-      name: "Task 1",
-      startDate: "2024-01-01",
-      endDate: "2024-01-05",
-      progress: 50
-    }
-  ];
-  it("renders correctly", () => {
-    const wrapper = mount(YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    expect(wrapper.find(".yh-gantt-chart").exists()).toBe(true);
-    expect(wrapper.find(".yh-gantt-chart__sidebar").exists()).toBe(true);
-    expect(wrapper.find(".yh-gantt-chart__timeline").exists()).toBe(true);
-  });
-  it("renders task rows", () => {
-    const wrapper = mount(YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    const rows = wrapper.findAll(".yh-gantt-chart__row");
-    expect(rows.length).toBe(data.length);
-    expect(rows[0].text()).toContain("Task 1");
-  });
-  it("renders task bar in timeline", () => {
-    const wrapper = mount(YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    expect(wrapper.find(".yh-gantt-chart__task-wrapper").exists()).toBe(true);
-  });
-  it("emits task-click event", async () => {
-    const wrapper = mount(YhGanttChart, {
-      props: {
-        data
-      }
-    });
-    const taskBar = wrapper.find(".yh-gantt-chart__task-inner");
-    await taskBar.trigger("click");
-    expect(wrapper.emitted("task-click")).toBeTruthy();
-    expect(wrapper.emitted("task-click")[0][0]).toEqual(expect.objectContaining({ id: "1" }));
-  });
-  it("handles view mode changes", async () => {
-    const wrapper = mount(YhGanttChart, {
-      props: {
-        data,
-        viewMode: "day"
-      }
-    });
-    const weekButton = wrapper.findAll(".yh-radio-button").find((b) => b.text().includes("\u5468"));
-    if (weekButton) {
-      await weekButton.find("input").trigger("change");
-      expect(wrapper.emitted("update:viewMode")).toBeTruthy();
-      expect(wrapper.emitted("update:viewMode")[0][0]).toBe("week");
-    }
-  });
-  it("filters tasks via search", async () => {
-    const wrapper = mount(YhGanttChart, {
-      props: {
-        data: [...data, { id: "2", name: "Other", startDate: "2024-01-01", endDate: "2024-01-02" }]
-      }
-    });
-    const input = wrapper.find('input[placeholder="\u641C\u7D22\u4EFB\u52A1..."]');
-    await input.setValue("Task 1");
-    const rows = wrapper.findAll(".yh-gantt-chart__row");
-    expect(rows.length).toBe(1);
-    expect(rows[0].text()).toContain("Task 1");
-  });
-});

package/dist/grid/__tests__/grid.ssr.test.cjs

@@ -1,81 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _grid = _interopRequireDefault(require("../src/grid.vue"));
-var _gridItem = _interopRequireDefault(require("../src/grid-item.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhGrid SSR", () => {
-  (0, _vitest.it)("should render grid in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_grid.default, {
-      cols: 3,
-      gap: 16
-    }, {
-      default: () => [(0, _vue.h)(_gridItem.default, null, {
-        default: () => "A"
-      }), (0, _vue.h)(_gridItem.default, null, {
-        default: () => "B"
-      }), (0, _vue.h)(_gridItem.default, null, {
-        default: () => "C"
-      })]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-grid");
-    (0, _vitest.expect)(html).toContain("repeat(3, 1fr)");
-    (0, _vitest.expect)(html).toMatch(/gap:\s*16px/);
-    (0, _vitest.expect)(html).toContain("A");
-    (0, _vitest.expect)(html).toContain("B");
-  });
-  (0, _vitest.it)("should render grid item with span in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_grid.default, {
-      cols: 4
-    }, {
-      default: () => (0, _vue.h)(_gridItem.default, {
-        span: 2
-      }, {
-        default: () => "Wide"
-      })
-    });
-    (0, _vitest.expect)(html).toContain("grid-column");
-    (0, _vitest.expect)(html).toContain("span 2");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_grid.default, {
-      cols: 3,
-      gap: 12
-    }, {
-      default: () => [(0, _vue.h)(_gridItem.default, {
-        key: 1
-      }, {
-        default: () => "1"
-      }), (0, _vue.h)(_gridItem.default, {
-        key: 2
-      }, {
-        default: () => "2"
-      }), (0, _vue.h)(_gridItem.default, {
-        key: 3
-      }, {
-        default: () => "3"
-      })]
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with span without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_grid.default, {
-      cols: 6
-    }, {
-      default: () => [(0, _vue.h)(_gridItem.default, {
-        span: 3,
-        key: 1
-      }, {
-        default: () => "A"
-      }), (0, _vue.h)(_gridItem.default, {
-        span: 3,
-        key: 2
-      }, {
-        default: () => "B"
-      })]
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

package/dist/grid/__tests__/grid.ssr.test.mjs

@@ -1,63 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import Grid from "../src/grid.vue";
-import GridItem from "../src/grid-item.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhGrid SSR", () => {
-  it("should render grid in SSR", async () => {
-    const html = await renderSSR(
-      Grid,
-      { cols: 3, gap: 16 },
-      {
-        default: () => [
-          h(GridItem, null, { default: () => "A" }),
-          h(GridItem, null, { default: () => "B" }),
-          h(GridItem, null, { default: () => "C" })
-        ]
-      }
-    );
-    expectSSRHasClass(html, "yh-grid");
-    expect(html).toContain("repeat(3, 1fr)");
-    expect(html).toMatch(/gap:\s*16px/);
-    expect(html).toContain("A");
-    expect(html).toContain("B");
-  });
-  it("should render grid item with span in SSR", async () => {
-    const html = await renderSSR(
-      Grid,
-      { cols: 4 },
-      {
-        default: () => h(GridItem, { span: 2 }, { default: () => "Wide" })
-      }
-    );
-    expect(html).toContain("grid-column");
-    expect(html).toContain("span 2");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      Grid,
-      { cols: 3, gap: 12 },
-      {
-        default: () => [
-          h(GridItem, { key: 1 }, { default: () => "1" }),
-          h(GridItem, { key: 2 }, { default: () => "2" }),
-          h(GridItem, { key: 3 }, { default: () => "3" })
-        ]
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with span without mismatch", async () => {
-    const result = await testHydration(
-      Grid,
-      { cols: 6 },
-      {
-        default: () => [
-          h(GridItem, { span: 3, key: 1 }, { default: () => "A" }),
-          h(GridItem, { span: 3, key: 2 }, { default: () => "B" })
-        ]
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/grid/__tests__/grid.test.cjs

@@ -1,142 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _grid = _interopRequireDefault(require("../src/grid.vue"));
-var _gridItem = _interopRequireDefault(require("../src/grid-item.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhGrid", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default);
-    (0, _vitest.expect)(wrapper.find(".yh-grid").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u9ED8\u8BA4 12 \u5217", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default);
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("grid-template-columns: repeat(12, 1fr)");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u5217\u6570", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      props: {
-        cols: 4
-      }
-    });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("grid-template-columns: repeat(4, 1fr)");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u5B57\u7B26\u4E32\u5217\u5B9A\u4E49", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      props: {
-        cols: "200px 1fr 200px"
-      }
-    });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("grid-template-columns: 200px 1fr 200px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 gap \u5C5E\u6027", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      props: {
-        gap: 16
-      }
-    });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("gap: 16px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u6570\u7EC4 gap [col, row]", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      props: {
-        gap: [8, 16]
-      }
-    });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("column-gap: 8px");
-    (0, _vitest.expect)(style).toContain("row-gap: 16px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 colGap/rowGap", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      props: {
-        colGap: 10,
-        rowGap: 20
-      }
-    });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("column-gap: 10px");
-    (0, _vitest.expect)(style).toContain("row-gap: 20px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 justifyItems", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      props: {
-        justifyItems: "center"
-      }
-    });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("justify-items: center");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 alignItems", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      props: {
-        alignItems: "end"
-      }
-    });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    (0, _vitest.expect)(style).toContain("align-items: end");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u63D2\u69FD\u5185\u5BB9", () => {
-    const wrapper = (0, _testUtils.mount)(_grid.default, {
-      slots: {
-        default: '<div class="child">\u5185\u5BB9</div>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".child").exists()).toBe(true);
-  });
-});
-(0, _vitest.describe)("YhGridItem", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = (0, _testUtils.mount)(_gridItem.default);
-    (0, _vitest.expect)(wrapper.find(".yh-grid-item").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 span \u8DE8\u5217", () => {
-    const wrapper = (0, _testUtils.mount)(_gridItem.default, {
-      props: {
-        span: 3
-      }
-    });
-    const style = wrapper.find(".yh-grid-item").attributes("style");
-    (0, _vitest.expect)(style).toContain("grid-column: span 3");
-  });
-  (0, _vitest.it)("span \u4E3A 1 \u65F6\u4E0D\u8BBE\u7F6E grid-column", () => {
-    const wrapper = (0, _testUtils.mount)(_gridItem.default, {
-      props: {
-        span: 1
-      }
-    });
-    const style = wrapper.find(".yh-grid-item").attributes("style") || "";
-    (0, _vitest.expect)(style).not.toContain("grid-column");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 offset \u504F\u79FB", () => {
-    const wrapper = (0, _testUtils.mount)(_gridItem.default, {
-      props: {
-        offset: 2,
-        span: 3
-      }
-    });
-    const style = wrapper.find(".yh-grid-item").attributes("style");
-    (0, _vitest.expect)(style).toContain("grid-column: 3 / span 3");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 suffix \u5B9A\u4F4D\u5230\u884C\u672B", () => {
-    const wrapper = (0, _testUtils.mount)(_gridItem.default, {
-      props: {
-        suffix: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-grid-item").classes()).toContain("is-suffix");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u63D2\u69FD\u5185\u5BB9", () => {
-    const wrapper = (0, _testUtils.mount)(_gridItem.default, {
-      slots: {
-        default: "<span>\u7F51\u683C\u9879</span>"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toBe("\u7F51\u683C\u9879");
-  });
-});

package/dist/grid/__tests__/grid.test.mjs

@@ -1,89 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Grid from "../src/grid.vue";
-import GridItem from "../src/grid-item.vue";
-describe("YhGrid", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = mount(Grid);
-    expect(wrapper.find(".yh-grid").exists()).toBe(true);
-  });
-  it("\u9ED8\u8BA4 12 \u5217", () => {
-    const wrapper = mount(Grid);
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("grid-template-columns: repeat(12, 1fr)");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u5217\u6570", () => {
-    const wrapper = mount(Grid, { props: { cols: 4 } });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("grid-template-columns: repeat(4, 1fr)");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u5B57\u7B26\u4E32\u5217\u5B9A\u4E49", () => {
-    const wrapper = mount(Grid, { props: { cols: "200px 1fr 200px" } });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("grid-template-columns: 200px 1fr 200px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 gap \u5C5E\u6027", () => {
-    const wrapper = mount(Grid, { props: { gap: 16 } });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("gap: 16px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u6570\u7EC4 gap [col, row]", () => {
-    const wrapper = mount(Grid, { props: { gap: [8, 16] } });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("column-gap: 8px");
-    expect(style).toContain("row-gap: 16px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 colGap/rowGap", () => {
-    const wrapper = mount(Grid, { props: { colGap: 10, rowGap: 20 } });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("column-gap: 10px");
-    expect(style).toContain("row-gap: 20px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 justifyItems", () => {
-    const wrapper = mount(Grid, { props: { justifyItems: "center" } });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("justify-items: center");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 alignItems", () => {
-    const wrapper = mount(Grid, { props: { alignItems: "end" } });
-    const style = wrapper.find(".yh-grid").attributes("style");
-    expect(style).toContain("align-items: end");
-  });
-  it("\u5E94\u8BE5\u6E32\u67D3\u63D2\u69FD\u5185\u5BB9", () => {
-    const wrapper = mount(Grid, {
-      slots: { default: '<div class="child">\u5185\u5BB9</div>' }
-    });
-    expect(wrapper.find(".child").exists()).toBe(true);
-  });
-});
-describe("YhGridItem", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = mount(GridItem);
-    expect(wrapper.find(".yh-grid-item").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 span \u8DE8\u5217", () => {
-    const wrapper = mount(GridItem, { props: { span: 3 } });
-    const style = wrapper.find(".yh-grid-item").attributes("style");
-    expect(style).toContain("grid-column: span 3");
-  });
-  it("span \u4E3A 1 \u65F6\u4E0D\u8BBE\u7F6E grid-column", () => {
-    const wrapper = mount(GridItem, { props: { span: 1 } });
-    const style = wrapper.find(".yh-grid-item").attributes("style") || "";
-    expect(style).not.toContain("grid-column");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 offset \u504F\u79FB", () => {
-    const wrapper = mount(GridItem, { props: { offset: 2, span: 3 } });
-    const style = wrapper.find(".yh-grid-item").attributes("style");
-    expect(style).toContain("grid-column: 3 / span 3");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 suffix \u5B9A\u4F4D\u5230\u884C\u672B", () => {
-    const wrapper = mount(GridItem, { props: { suffix: true } });
-    expect(wrapper.find(".yh-grid-item").classes()).toContain("is-suffix");
-  });
-  it("\u5E94\u8BE5\u6E32\u67D3\u63D2\u69FD\u5185\u5BB9", () => {
-    const wrapper = mount(GridItem, {
-      slots: { default: "<span>\u7F51\u683C\u9879</span>" }
-    });
-    expect(wrapper.text()).toBe("\u7F51\u683C\u9879");
-  });
-});

package/dist/icon/__tests__/icon.ssr.test.cjs

@@ -1,35 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _icon = _interopRequireDefault(require("../src/icon.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-var _icon2 = require("../src/icon.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhIcon SSR", () => {
-  (0, _icon2.registerIcon)({
-    name: "user",
-    svg: '<path d="user" />'
-  });
-  (0, _icon2.registerIcon)({
-    name: "star",
-    svg: '<path d="star" />'
-  });
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_icon.default, {
-      name: "user",
-      size: 20,
-      color: "red"
-    });
-    (0, _vitest.expect)(html).toContain("yh-icon");
-    (0, _vitest.expect)(html).toContain("font-size:20px");
-    (0, _vitest.expect)(html).toContain("color:red");
-    (0, _vitest.expect)(html).toContain('d="user"');
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_icon.default, {
-      name: "star",
-      size: "2em"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

package/dist/icon/__tests__/icon.ssr.test.mjs

@@ -1,26 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Icon from "../src/icon.vue";
-import { renderSSR, testHydration } from "../../__tests__/utils/ssr.mjs";
-import { registerIcon } from "../src/icon.mjs";
-describe("YhIcon SSR", () => {
-  registerIcon({ name: "user", svg: '<path d="user" />' });
-  registerIcon({ name: "star", svg: '<path d="star" />' });
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Icon, {
-      name: "user",
-      size: 20,
-      color: "red"
-    });
-    expect(html).toContain("yh-icon");
-    expect(html).toContain("font-size:20px");
-    expect(html).toContain("color:red");
-    expect(html).toContain('d="user"');
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Icon, {
-      name: "star",
-      size: "2em"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/icon/__tests__/icon.test.cjs

@@ -1,144 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _index = require("../index.cjs");
-var _icon = require("../src/icon.cjs");
-var _vue = require("vue");
-(0, _vitest.describe)("Icon", () => {
-  (0, _vitest.it)("render test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon);
-    (0, _vitest.expect)(wrapper.find(".yh-icon").exists()).toBe(true);
-  });
-  (0, _vitest.it)("size test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        size: 20
-      }
-    });
-    const style = wrapper.attributes("style");
-    (0, _vitest.expect)(style).toContain("font-size: 20px");
-    (0, _vitest.expect)(style).toContain("width: 20px");
-    (0, _vitest.expect)(style).toContain("height: 20px");
-    const wrapper2 = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        size: "2em"
-      }
-    });
-    (0, _vitest.expect)(wrapper2.attributes("style")).toContain("font-size: 2em");
-  });
-  (0, _vitest.it)("color test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        color: "rgb(255, 0, 0)"
-      }
-    });
-    (0, _vitest.expect)(wrapper.attributes("style")).toContain("color: rgb(255, 0, 0)");
-  });
-  (0, _vitest.it)("spin test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        spin: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-icon--spin");
-  });
-  (0, _vitest.it)("rotate test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        rotate: 90
-      }
-    });
-    (0, _vitest.expect)(wrapper.attributes("style")).toContain("transform: rotate(90deg)");
-  });
-  (0, _vitest.it)("svg prop test", () => {
-    const svgStr = '<path d="M10 10l5 5" />';
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        svg: svgStr
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("svg").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find("svg").html()).toContain('d="M10 10l5 5"');
-  });
-  (0, _vitest.it)("name registration test", () => {
-    (0, _icon.registerIcon)({
-      name: "test-icon",
-      svg: '<circle cx="12" cy="12" r="10" />'
-    });
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        name: "test-icon"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("svg").html()).toContain("circle");
-  });
-  (0, _vitest.it)("icon component test", () => {
-    const iconComp = (0, _vue.markRaw)((0, _icon.createIconComponent)('<rect width="10" height="10" />'));
-    const renderResult = iconComp.render();
-    (0, _vitest.expect)(renderResult).toBeNull();
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        icon: iconComp
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("svg").html()).toContain("rect");
-    const UserIcon = (0, _vue.markRaw)({
-      render() {
-        return (0, _vue.h)("svg", {
-          class: "user-icon"
-        }, [(0, _vue.h)("path", {
-          d: "M1 1l2 2"
-        })]);
-      }
-    });
-    const wrapper2 = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        icon: UserIcon
-      }
-    });
-    (0, _vitest.expect)(wrapper2.find(".user-icon").exists()).toBe(true);
-  });
-  (0, _vitest.it)("registerIcons and registerIconSet test", async () => {
-    const {
-      registerIcons,
-      registerIconSet
-    } = await Promise.resolve().then(() => require("../src/icon.cjs"));
-    registerIcons([{
-      name: "batch-1",
-      svg: '<path d="M1" />'
-    }, {
-      name: "batch-2",
-      svg: '<path d="M2" />'
-    }]);
-    const iconSet = {
-      prefix: "custom",
-      icons: {
-        "icon-1": {
-          name: "icon-1",
-          svg: '<path d="M1 1" />'
-        },
-        "icon-2": {
-          name: "icon-2",
-          svg: '<path d="M2 2" />'
-        }
-      }
-    };
-    registerIconSet(iconSet);
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      props: {
-        name: "custom:icon-1"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("svg").html()).toContain('d="M1 1"');
-  });
-  (0, _vitest.it)("slot test", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhIcon, {
-      slots: {
-        default: '<span class="custom-slot">custom</span>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-slot").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.text()).toBe("custom");
-  });
-});