@yh-ui/components 0.1.21 → 0.1.22

package/dist/breadcrumb/__tests__/breadcrumb.test.cjs

@@ -1,64 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _breadcrumb = _interopRequireDefault(require("../src/breadcrumb.vue"));
-var _breadcrumbItem = _interopRequireDefault(require("../src/breadcrumb-item.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhBreadcrumb", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_breadcrumb.default, {
-      slots: {
-        default: `
-          <yh-breadcrumb-item>Home</yh-breadcrumb-item>
-          <yh-breadcrumb-item>Components</yh-breadcrumb-item>
-        `
-      },
-      global: {
-        components: {
-          YhBreadcrumbItem: _breadcrumbItem.default
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-breadcrumb");
-    (0, _vitest.expect)(wrapper.findAll(".yh-breadcrumb-item").length).toBe(2);
-  });
-  (0, _vitest.it)("should render custom separator", () => {
-    const wrapper = (0, _testUtils.mount)(_breadcrumb.default, {
-      props: {
-        separator: ">"
-      },
-      slots: {
-        default: "<yh-breadcrumb-item>Home</yh-breadcrumb-item>"
-      },
-      global: {
-        components: {
-          YhBreadcrumbItem: _breadcrumbItem.default
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-breadcrumb-item__separator").text()).toBe(">");
-  });
-  (0, _vitest.it)("should collapse items when maxItems is exceeded", () => {
-    const wrapper = (0, _testUtils.mount)(_breadcrumb.default, {
-      props: {
-        maxItems: 3
-      },
-      slots: {
-        default: `
-          <yh-breadcrumb-item>1</yh-breadcrumb-item>
-          <yh-breadcrumb-item>2</yh-breadcrumb-item>
-          <yh-breadcrumb-item>3</yh-breadcrumb-item>
-          <yh-breadcrumb-item>4</yh-breadcrumb-item>
-          <yh-breadcrumb-item>5</yh-breadcrumb-item>
-        `
-      },
-      global: {
-        components: {
-          YhBreadcrumbItem: _breadcrumbItem.default
-        }
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-breadcrumb__ellipsis").exists()).toBe(true);
-  });
-});

package/dist/breadcrumb/__tests__/breadcrumb.test.mjs

@@ -1,51 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, it, expect } from "vitest";
-import YhBreadcrumb from "../src/breadcrumb.vue";
-import YhBreadcrumbItem from "../src/breadcrumb-item.vue";
-describe("YhBreadcrumb", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(YhBreadcrumb, {
-      slots: {
-        default: `
-          <yh-breadcrumb-item>Home</yh-breadcrumb-item>
-          <yh-breadcrumb-item>Components</yh-breadcrumb-item>
-        `
-      },
-      global: {
-        components: { YhBreadcrumbItem }
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-breadcrumb");
-    expect(wrapper.findAll(".yh-breadcrumb-item").length).toBe(2);
-  });
-  it("should render custom separator", () => {
-    const wrapper = mount(YhBreadcrumb, {
-      props: { separator: ">" },
-      slots: {
-        default: "<yh-breadcrumb-item>Home</yh-breadcrumb-item>"
-      },
-      global: {
-        components: { YhBreadcrumbItem }
-      }
-    });
-    expect(wrapper.find(".yh-breadcrumb-item__separator").text()).toBe(">");
-  });
-  it("should collapse items when maxItems is exceeded", () => {
-    const wrapper = mount(YhBreadcrumb, {
-      props: { maxItems: 3 },
-      slots: {
-        default: `
-          <yh-breadcrumb-item>1</yh-breadcrumb-item>
-          <yh-breadcrumb-item>2</yh-breadcrumb-item>
-          <yh-breadcrumb-item>3</yh-breadcrumb-item>
-          <yh-breadcrumb-item>4</yh-breadcrumb-item>
-          <yh-breadcrumb-item>5</yh-breadcrumb-item>
-        `
-      },
-      global: {
-        components: { YhBreadcrumbItem }
-      }
-    });
-    expect(wrapper.find(".yh-breadcrumb__ellipsis").exists()).toBe(true);
-  });
-});

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

@@ -1,52 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _button = _interopRequireDefault(require("../src/button.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhButton SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_button.default, {
-      type: "primary",
-      size: "large"
-    }, {
-      default: () => "SSR Button"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-button");
-    (0, _ssr.expectSSRHasClass)(html, "yh-button--primary");
-    (0, _ssr.expectSSRHasClass)(html, "yh-button--large");
-    (0, _vitest.expect)(html).toContain("SSR Button");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_button.default, {
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should render loading state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_button.default, {
-      loading: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-loading");
-    (0, _vitest.expect)(html).toContain("svg");
-  });
-  (0, _vitest.it)("should render plain, round, circle in SSR", async () => {
-    const props = ["plain", "round", "circle"];
-    for (const prop of props) {
-      const html = await (0, _ssr.renderSSR)(_button.default, {
-        [prop]: true
-      });
-      (0, _ssr.expectSSRHasClass)(html, `is-${prop}`);
-    }
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_button.default, {
-      type: "success",
-      icon: "check",
-      round: true
-    }, {
-      default: () => "Check"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,55 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Button from "../src/button.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhButton SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      Button,
-      {
-        type: "primary",
-        size: "large"
-      },
-      {
-        default: () => "SSR Button"
-      }
-    );
-    expectSSRHasClass(html, "yh-button");
-    expectSSRHasClass(html, "yh-button--primary");
-    expectSSRHasClass(html, "yh-button--large");
-    expect(html).toContain("SSR Button");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(Button, {
-      disabled: true
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should render loading state in SSR", async () => {
-    const html = await renderSSR(Button, {
-      loading: true
-    });
-    expectSSRHasClass(html, "is-loading");
-    expect(html).toContain("svg");
-  });
-  it("should render plain, round, circle in SSR", async () => {
-    const props = ["plain", "round", "circle"];
-    for (const prop of props) {
-      const html = await renderSSR(Button, { [prop]: true });
-      expectSSRHasClass(html, `is-${prop}`);
-    }
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      Button,
-      {
-        type: "success",
-        icon: "check",
-        round: true
-      },
-      {
-        default: () => "Check"
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/button/__tests__/button.test.cjs

@@ -1,207 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _button = _interopRequireDefault(require("../src/button.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhButton", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      slots: {
-        default: "Button"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("Button");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-button");
-  });
-  (0, _vitest.it)("should apply type class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        type: "primary"
-      },
-      slots: {
-        default: "Primary"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-button--primary");
-  });
-  (0, _vitest.it)("should apply size class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        size: "large"
-      },
-      slots: {
-        default: "Large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-button--large");
-  });
-  (0, _vitest.it)("should be disabled when disabled prop is true", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        disabled: true
-      },
-      slots: {
-        default: "Disabled"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
-    (0, _vitest.expect)(wrapper.attributes("disabled")).toBeDefined();
-  });
-  (0, _vitest.it)("should show loading state", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        loading: true
-      },
-      slots: {
-        default: "Loading"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-loading");
-    (0, _vitest.expect)(wrapper.find(".yh-button__loading-icon").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should apply plain class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        plain: true
-      },
-      slots: {
-        default: "Plain"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-plain");
-  });
-  (0, _vitest.it)("should apply round class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        round: true
-      },
-      slots: {
-        default: "Round"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-round");
-  });
-  (0, _vitest.it)("should apply circle class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        circle: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-circle");
-  });
-  (0, _vitest.it)("should apply circle class with different types", () => {
-    const types = ["primary", "success", "warning", "danger", "info"];
-    types.forEach(type => {
-      const wrapper = (0, _testUtils.mount)(_button.default, {
-        props: {
-          circle: true,
-          type
-        }
-      });
-      (0, _vitest.expect)(wrapper.classes()).toContain("is-circle");
-      (0, _vitest.expect)(wrapper.classes()).toContain(`yh-button--${type}`);
-    });
-  });
-  (0, _vitest.it)("should emit click event", async () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      slots: {
-        default: "Click me"
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("click")?.length).toBe(1);
-  });
-  (0, _vitest.it)("should not emit click event when disabled", async () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        disabled: true
-      },
-      slots: {
-        default: "Disabled"
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeFalsy();
-  });
-  (0, _vitest.it)("should not emit click event when loading", async () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        loading: true
-      },
-      slots: {
-        default: "Loading"
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeFalsy();
-  });
-  (0, _vitest.it)("should set native type", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        nativeType: "submit"
-      },
-      slots: {
-        default: "Submit"
-      }
-    });
-    (0, _vitest.expect)(wrapper.attributes("type")).toBe("submit");
-  });
-  (0, _vitest.it)("should apply block class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        block: true
-      },
-      slots: {
-        default: "Block"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-block");
-  });
-  (0, _vitest.it)("should apply text class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        text: true
-      },
-      slots: {
-        default: "Text"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-text");
-  });
-  (0, _vitest.it)("should apply link class", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        link: true
-      },
-      slots: {
-        default: "Link"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-link");
-  });
-  (0, _vitest.it)("should apply custom color style", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        color: "#6366f1"
-      },
-      slots: {
-        default: "Custom"
-      }
-    });
-    const style = wrapper.attributes("style");
-    (0, _vitest.expect)(style).toContain("--yh-button-bg-color: #6366f1");
-  });
-  (0, _vitest.it)("should render custom tag", () => {
-    const wrapper = (0, _testUtils.mount)(_button.default, {
-      props: {
-        tag: "a"
-      },
-      slots: {
-        default: "Link"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("a");
-  });
-});

package/dist/button/__tests__/button.test.mjs

@@ -1,141 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Button from "../src/button.vue";
-describe("YhButton", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(Button, {
-      slots: {
-        default: "Button"
-      }
-    });
-    expect(wrapper.text()).toContain("Button");
-    expect(wrapper.classes()).toContain("yh-button");
-  });
-  it("should apply type class", () => {
-    const wrapper = mount(Button, {
-      props: { type: "primary" },
-      slots: { default: "Primary" }
-    });
-    expect(wrapper.classes()).toContain("yh-button--primary");
-  });
-  it("should apply size class", () => {
-    const wrapper = mount(Button, {
-      props: { size: "large" },
-      slots: { default: "Large" }
-    });
-    expect(wrapper.classes()).toContain("yh-button--large");
-  });
-  it("should be disabled when disabled prop is true", () => {
-    const wrapper = mount(Button, {
-      props: { disabled: true },
-      slots: { default: "Disabled" }
-    });
-    expect(wrapper.classes()).toContain("is-disabled");
-    expect(wrapper.attributes("disabled")).toBeDefined();
-  });
-  it("should show loading state", () => {
-    const wrapper = mount(Button, {
-      props: { loading: true },
-      slots: { default: "Loading" }
-    });
-    expect(wrapper.classes()).toContain("is-loading");
-    expect(wrapper.find(".yh-button__loading-icon").exists()).toBe(true);
-  });
-  it("should apply plain class", () => {
-    const wrapper = mount(Button, {
-      props: { plain: true },
-      slots: { default: "Plain" }
-    });
-    expect(wrapper.classes()).toContain("is-plain");
-  });
-  it("should apply round class", () => {
-    const wrapper = mount(Button, {
-      props: { round: true },
-      slots: { default: "Round" }
-    });
-    expect(wrapper.classes()).toContain("is-round");
-  });
-  it("should apply circle class", () => {
-    const wrapper = mount(Button, {
-      props: { circle: true }
-    });
-    expect(wrapper.classes()).toContain("is-circle");
-  });
-  it("should apply circle class with different types", () => {
-    const types = ["primary", "success", "warning", "danger", "info"];
-    types.forEach((type) => {
-      const wrapper = mount(Button, {
-        props: { circle: true, type }
-      });
-      expect(wrapper.classes()).toContain("is-circle");
-      expect(wrapper.classes()).toContain(`yh-button--${type}`);
-    });
-  });
-  it("should emit click event", async () => {
-    const wrapper = mount(Button, {
-      slots: { default: "Click me" }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("click")).toBeTruthy();
-    expect(wrapper.emitted("click")?.length).toBe(1);
-  });
-  it("should not emit click event when disabled", async () => {
-    const wrapper = mount(Button, {
-      props: { disabled: true },
-      slots: { default: "Disabled" }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("click")).toBeFalsy();
-  });
-  it("should not emit click event when loading", async () => {
-    const wrapper = mount(Button, {
-      props: { loading: true },
-      slots: { default: "Loading" }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("click")).toBeFalsy();
-  });
-  it("should set native type", () => {
-    const wrapper = mount(Button, {
-      props: { nativeType: "submit" },
-      slots: { default: "Submit" }
-    });
-    expect(wrapper.attributes("type")).toBe("submit");
-  });
-  it("should apply block class", () => {
-    const wrapper = mount(Button, {
-      props: { block: true },
-      slots: { default: "Block" }
-    });
-    expect(wrapper.classes()).toContain("is-block");
-  });
-  it("should apply text class", () => {
-    const wrapper = mount(Button, {
-      props: { text: true },
-      slots: { default: "Text" }
-    });
-    expect(wrapper.classes()).toContain("is-text");
-  });
-  it("should apply link class", () => {
-    const wrapper = mount(Button, {
-      props: { link: true },
-      slots: { default: "Link" }
-    });
-    expect(wrapper.classes()).toContain("is-link");
-  });
-  it("should apply custom color style", () => {
-    const wrapper = mount(Button, {
-      props: { color: "#6366f1" },
-      slots: { default: "Custom" }
-    });
-    const style = wrapper.attributes("style");
-    expect(style).toContain("--yh-button-bg-color: #6366f1");
-  });
-  it("should render custom tag", () => {
-    const wrapper = mount(Button, {
-      props: { tag: "a" },
-      slots: { default: "Link" }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("a");
-  });
-});

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

@@ -1,65 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _index = require("../index.cjs");
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-(0, _vitest.describe)("YhCalendar SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhCalendar, {
-      modelValue: new Date(2026, 1, 15),
-      // Feb 2026
-      showHoliday: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-calendar");
-    (0, _vitest.expect)(html).toMatch(/2026.*0?2/);
-    (0, _vitest.expect)(html).toContain("<table");
-    (0, _vitest.expect)(html).toContain("<thead");
-    (0, _vitest.expect)(html).toContain("<tbody");
-    (0, _vitest.expect)(html).toContain("yh-calendar__day-badge--holiday");
-  });
-  (0, _vitest.it)("should render different sizes in SSR", async () => {
-    const sizes = ["small", "default", "large"];
-    for (const size of sizes) {
-      const html = await (0, _ssr.renderSSR)(_index.YhCalendar, {
-        size
-      });
-      (0, _ssr.expectSSRHasClass)(html, `yh-calendar--${size}`);
-    }
-  });
-  (0, _vitest.it)("should render fullscreen mode in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhCalendar, {
-      fullscreen: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-fullscreen");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhCalendar, {
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should render week numbers in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhCalendar, {
-      showWeekNumber: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-calendar__week-number-header");
-    (0, _vitest.expect)(html).toContain("yh-calendar__week-number");
-  });
-  (0, _vitest.it)("should render custom header in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhCalendar, {}, {
-      header: ({
-        date
-      }) => `<div class="custom-header">Custom ${date}</div>`
-    });
-    (0, _vitest.expect)(html).toContain("custom-header");
-    (0, _vitest.expect)(html).toContain("Custom");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_index.YhCalendar, {
-      modelValue: new Date(2026, 1, 15),
-      showHoliday: true,
-      showWeekNumber: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});