@yh-ui/components 0.1.21 → 0.1.23

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

@@ -1,71 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _container = _interopRequireDefault(require("../src/container.vue"));
-var _header = _interopRequireDefault(require("../src/header.vue"));
-var _aside = _interopRequireDefault(require("../src/aside.vue"));
-var _main = _interopRequireDefault(require("../src/main.vue"));
-var _footer = _interopRequireDefault(require("../src/footer.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhContainer SSR", () => {
-  (0, _vitest.it)("Container should render section in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_container.default, {}, {
-      default: () => "Content"
-    });
-    (0, _vitest.expect)(html).toContain("<section");
-    (0, _ssr.expectSSRHasClass)(html, "yh-container");
-  });
-  (0, _vitest.it)("Header should render with default height in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_header.default, {}, {
-      default: () => "Header"
-    });
-    (0, _vitest.expect)(html).toContain("<header");
-    (0, _vitest.expect)(html).toMatch(/height:\s*60px/);
-  });
-  (0, _vitest.it)("Aside should render with default width in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_aside.default, {}, {
-      default: () => "Aside"
-    });
-    (0, _vitest.expect)(html).toContain("<aside");
-    (0, _vitest.expect)(html).toMatch(/width:\s*200px/);
-  });
-  (0, _vitest.it)("Main should render in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_main.default, {}, {
-      default: () => "Main Content"
-    });
-    (0, _vitest.expect)(html).toContain("<main");
-    (0, _vitest.expect)(html).toContain("Main Content");
-  });
-  (0, _vitest.it)("Footer should render in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_footer.default, {}, {
-      default: () => "Footer"
-    });
-    (0, _vitest.expect)(html).toContain("<footer");
-    (0, _vitest.expect)(html).toMatch(/height:\s*60px/);
-  });
-  (0, _vitest.it)("Container should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_container.default, {
-      direction: "vertical"
-    }, {
-      default: () => "Hydrate"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("Header should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_header.default, {
-      height: "80px"
-    }, {
-      default: () => "Header"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("Footer should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_footer.default, {
-      height: "100px"
-    }, {
-      default: () => "Footer"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,50 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Container from "../src/container.vue";
-import Header from "../src/header.vue";
-import Aside from "../src/aside.vue";
-import Main from "../src/main.vue";
-import Footer from "../src/footer.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhContainer SSR", () => {
-  it("Container should render section in SSR", async () => {
-    const html = await renderSSR(Container, {}, { default: () => "Content" });
-    expect(html).toContain("<section");
-    expectSSRHasClass(html, "yh-container");
-  });
-  it("Header should render with default height in SSR", async () => {
-    const html = await renderSSR(Header, {}, { default: () => "Header" });
-    expect(html).toContain("<header");
-    expect(html).toMatch(/height:\s*60px/);
-  });
-  it("Aside should render with default width in SSR", async () => {
-    const html = await renderSSR(Aside, {}, { default: () => "Aside" });
-    expect(html).toContain("<aside");
-    expect(html).toMatch(/width:\s*200px/);
-  });
-  it("Main should render in SSR", async () => {
-    const html = await renderSSR(Main, {}, { default: () => "Main Content" });
-    expect(html).toContain("<main");
-    expect(html).toContain("Main Content");
-  });
-  it("Footer should render in SSR", async () => {
-    const html = await renderSSR(Footer, {}, { default: () => "Footer" });
-    expect(html).toContain("<footer");
-    expect(html).toMatch(/height:\s*60px/);
-  });
-  it("Container should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      Container,
-      { direction: "vertical" },
-      { default: () => "Hydrate" }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-  it("Header should hydrate without mismatch", async () => {
-    const result = await testHydration(Header, { height: "80px" }, { default: () => "Header" });
-    expect(result.isMatch).toBe(true);
-  });
-  it("Footer should hydrate without mismatch", async () => {
-    const result = await testHydration(Footer, { height: "100px" }, { default: () => "Footer" });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/container/__tests__/container.test.cjs

@@ -1,111 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _container = _interopRequireDefault(require("../src/container.vue"));
-var _header = _interopRequireDefault(require("../src/header.vue"));
-var _aside = _interopRequireDefault(require("../src/aside.vue"));
-var _main = _interopRequireDefault(require("../src/main.vue"));
-var _footer = _interopRequireDefault(require("../src/footer.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhContainer", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 section \u6807\u7B7E", () => {
-    const wrapper = (0, _testUtils.mount)(_container.default);
-    (0, _vitest.expect)(wrapper.find("section").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-container").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u624B\u52A8\u8BBE\u7F6E vertical \u65B9\u5411", () => {
-    const wrapper = (0, _testUtils.mount)(_container.default, {
-      props: {
-        direction: "vertical"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-container").classes()).toContain("is-vertical");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u624B\u52A8\u8BBE\u7F6E horizontal \u65B9\u5411", () => {
-    const wrapper = (0, _testUtils.mount)(_container.default, {
-      props: {
-        direction: "horizontal"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-container").classes()).not.toContain("is-vertical");
-  });
-});
-(0, _vitest.describe)("YhHeader", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 header \u6807\u7B7E", () => {
-    const wrapper = (0, _testUtils.mount)(_header.default);
-    (0, _vitest.expect)(wrapper.find("header").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-header").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A 60px", () => {
-    const wrapper = (0, _testUtils.mount)(_header.default);
-    const style = wrapper.find(".yh-header").attributes("style");
-    (0, _vitest.expect)(style).toContain("height: 60px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u9AD8\u5EA6", () => {
-    const wrapper = (0, _testUtils.mount)(_header.default, {
-      props: {
-        height: "80px"
-      }
-    });
-    const style = wrapper.find(".yh-header").attributes("style");
-    (0, _vitest.expect)(style).toContain("height: 80px");
-  });
-});
-(0, _vitest.describe)("YhAside", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 aside \u6807\u7B7E", () => {
-    const wrapper = (0, _testUtils.mount)(_aside.default);
-    (0, _vitest.expect)(wrapper.find("aside").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-aside").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u9ED8\u8BA4\u5BBD\u5EA6\u4E3A 200px", () => {
-    const wrapper = (0, _testUtils.mount)(_aside.default);
-    const style = wrapper.find(".yh-aside").attributes("style");
-    (0, _vitest.expect)(style).toContain("width: 200px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u5BBD\u5EA6", () => {
-    const wrapper = (0, _testUtils.mount)(_aside.default, {
-      props: {
-        width: "300px"
-      }
-    });
-    const style = wrapper.find(".yh-aside").attributes("style");
-    (0, _vitest.expect)(style).toContain("width: 300px");
-  });
-});
-(0, _vitest.describe)("YhMain", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 main \u6807\u7B7E", () => {
-    const wrapper = (0, _testUtils.mount)(_main.default);
-    (0, _vitest.expect)(wrapper.find("main").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-main").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3\u63D2\u69FD\u5185\u5BB9", () => {
-    const wrapper = (0, _testUtils.mount)(_main.default, {
-      slots: {
-        default: "\u5185\u5BB9\u533A\u57DF"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toBe("\u5185\u5BB9\u533A\u57DF");
-  });
-});
-(0, _vitest.describe)("YhFooter", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6E32\u67D3 footer \u6807\u7B7E", () => {
-    const wrapper = (0, _testUtils.mount)(_footer.default);
-    (0, _vitest.expect)(wrapper.find("footer").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-footer").exists()).toBe(true);
-  });
-  (0, _vitest.it)("\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A 60px", () => {
-    const wrapper = (0, _testUtils.mount)(_footer.default);
-    const style = wrapper.find(".yh-footer").attributes("style");
-    (0, _vitest.expect)(style).toContain("height: 60px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u9AD8\u5EA6", () => {
-    const wrapper = (0, _testUtils.mount)(_footer.default, {
-      props: {
-        height: "100px"
-      }
-    });
-    const style = wrapper.find(".yh-footer").attributes("style");
-    (0, _vitest.expect)(style).toContain("height: 100px");
-  });
-});

package/dist/container/__tests__/container.test.mjs

@@ -1,84 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Container from "../src/container.vue";
-import Header from "../src/header.vue";
-import Aside from "../src/aside.vue";
-import Main from "../src/main.vue";
-import Footer from "../src/footer.vue";
-describe("YhContainer", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3 section \u6807\u7B7E", () => {
-    const wrapper = mount(Container);
-    expect(wrapper.find("section").exists()).toBe(true);
-    expect(wrapper.find(".yh-container").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u624B\u52A8\u8BBE\u7F6E vertical \u65B9\u5411", () => {
-    const wrapper = mount(Container, { props: { direction: "vertical" } });
-    expect(wrapper.find(".yh-container").classes()).toContain("is-vertical");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u624B\u52A8\u8BBE\u7F6E horizontal \u65B9\u5411", () => {
-    const wrapper = mount(Container, { props: { direction: "horizontal" } });
-    expect(wrapper.find(".yh-container").classes()).not.toContain("is-vertical");
-  });
-});
-describe("YhHeader", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3 header \u6807\u7B7E", () => {
-    const wrapper = mount(Header);
-    expect(wrapper.find("header").exists()).toBe(true);
-    expect(wrapper.find(".yh-header").exists()).toBe(true);
-  });
-  it("\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A 60px", () => {
-    const wrapper = mount(Header);
-    const style = wrapper.find(".yh-header").attributes("style");
-    expect(style).toContain("height: 60px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u9AD8\u5EA6", () => {
-    const wrapper = mount(Header, { props: { height: "80px" } });
-    const style = wrapper.find(".yh-header").attributes("style");
-    expect(style).toContain("height: 80px");
-  });
-});
-describe("YhAside", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3 aside \u6807\u7B7E", () => {
-    const wrapper = mount(Aside);
-    expect(wrapper.find("aside").exists()).toBe(true);
-    expect(wrapper.find(".yh-aside").exists()).toBe(true);
-  });
-  it("\u9ED8\u8BA4\u5BBD\u5EA6\u4E3A 200px", () => {
-    const wrapper = mount(Aside);
-    const style = wrapper.find(".yh-aside").attributes("style");
-    expect(style).toContain("width: 200px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u5BBD\u5EA6", () => {
-    const wrapper = mount(Aside, { props: { width: "300px" } });
-    const style = wrapper.find(".yh-aside").attributes("style");
-    expect(style).toContain("width: 300px");
-  });
-});
-describe("YhMain", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3 main \u6807\u7B7E", () => {
-    const wrapper = mount(Main);
-    expect(wrapper.find("main").exists()).toBe(true);
-    expect(wrapper.find(".yh-main").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u6E32\u67D3\u63D2\u69FD\u5185\u5BB9", () => {
-    const wrapper = mount(Main, { slots: { default: "\u5185\u5BB9\u533A\u57DF" } });
-    expect(wrapper.text()).toBe("\u5185\u5BB9\u533A\u57DF");
-  });
-});
-describe("YhFooter", () => {
-  it("\u5E94\u8BE5\u6E32\u67D3 footer \u6807\u7B7E", () => {
-    const wrapper = mount(Footer);
-    expect(wrapper.find("footer").exists()).toBe(true);
-    expect(wrapper.find(".yh-footer").exists()).toBe(true);
-  });
-  it("\u9ED8\u8BA4\u9AD8\u5EA6\u4E3A 60px", () => {
-    const wrapper = mount(Footer);
-    const style = wrapper.find(".yh-footer").attributes("style");
-    expect(style).toContain("height: 60px");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u9AD8\u5EA6", () => {
-    const wrapper = mount(Footer, { props: { height: "100px" } });
-    const style = wrapper.find(".yh-footer").attributes("style");
-    expect(style).toContain("height: 100px");
-  });
-});

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

@@ -1,86 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _serverRenderer = require("@vue/server-renderer");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("SSR for YhCountdown", () => {
-  const BASE_TIME = 17e11;
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.useFakeTimers();
-    _vitest.vi.setSystemTime(BASE_TIME);
-  });
-  (0, _vitest.afterEach)(() => {
-    _vitest.vi.useRealTimers();
-  });
-  (0, _vitest.it)("should render correct markup in SSR", async () => {
-    const app = (0, _vue.createSSRApp)(_index.YhCountdown, {
-      value: 36e5,
-      title: "Remaining:",
-      suffix: "Seconds"
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("yh-countdown");
-    (0, _vitest.expect)(html).toContain("yh-countdown__title");
-    (0, _vitest.expect)(html).toContain("yh-countdown__suffix");
-    (0, _vitest.expect)(html).toContain("Remaining:");
-    (0, _vitest.expect)(html).toContain("Seconds");
-  });
-  (0, _vitest.it)("should format time correctly in SSR", async () => {
-    const app = (0, _vue.createSSRApp)(_index.YhCountdown, {
-      value: 3661e3,
-      format: "HH:mm:ss"
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("01:01:01");
-  });
-  (0, _vitest.it)("should handle serverTimeOffset in SSR", async () => {
-    const target = BASE_TIME + 72e5;
-    const offset = 36e5;
-    const app = (0, _vue.createSSRApp)(_index.YhCountdown, {
-      value: target,
-      serverTimeOffset: offset,
-      format: "HH:mm:ss"
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("01:00:00");
-  });
-  (0, _vitest.it)("should render flip animation markup in SSR", async () => {
-    const app = (0, _vue.createSSRApp)(_index.YhCountdown, {
-      value: 36e5,
-      flipAnimation: true,
-      labels: {
-        hours: "H",
-        minutes: "M",
-        seconds: "S"
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("is-flip");
-    (0, _vitest.expect)(html).toContain("yh-countdown__block");
-    (0, _vitest.expect)(html).toContain("yh-countdown__label");
-    (0, _vitest.expect)(html).toContain("H");
-    (0, _vitest.expect)(html).toContain("01");
-  });
-  (0, _vitest.it)("should handle custom slots in SSR", async () => {
-    const app = (0, _vue.createSSRApp)({
-      render() {
-        return (0, _vue.h)(_index.YhCountdown, {
-          value: 36e5
-        }, {
-          prefix: () => (0, _vue.h)("span", {
-            class: "custom-prefix"
-          }, "SSR Prefix"),
-          suffix: () => (0, _vue.h)("span", {
-            class: "custom-suffix"
-          }, "SSR Suffix")
-        });
-      }
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("custom-prefix");
-    (0, _vitest.expect)(html).toContain("SSR Prefix");
-    (0, _vitest.expect)(html).toContain("custom-suffix");
-    (0, _vitest.expect)(html).toContain("SSR Suffix");
-  });
-});

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

@@ -1,78 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { createSSRApp, h } from "vue";
-import { renderToString } from "@vue/server-renderer";
-import { YhCountdown } from "../index.mjs";
-describe("SSR for YhCountdown", () => {
-  const BASE_TIME = 17e11;
-  beforeEach(() => {
-    vi.useFakeTimers();
-    vi.setSystemTime(BASE_TIME);
-  });
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-  it("should render correct markup in SSR", async () => {
-    const app = createSSRApp(YhCountdown, {
-      value: 36e5,
-      title: "Remaining:",
-      suffix: "Seconds"
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("yh-countdown");
-    expect(html).toContain("yh-countdown__title");
-    expect(html).toContain("yh-countdown__suffix");
-    expect(html).toContain("Remaining:");
-    expect(html).toContain("Seconds");
-  });
-  it("should format time correctly in SSR", async () => {
-    const app = createSSRApp(YhCountdown, {
-      value: 3661e3,
-      format: "HH:mm:ss"
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("01:01:01");
-  });
-  it("should handle serverTimeOffset in SSR", async () => {
-    const target = BASE_TIME + 72e5;
-    const offset = 36e5;
-    const app = createSSRApp(YhCountdown, {
-      value: target,
-      serverTimeOffset: offset,
-      format: "HH:mm:ss"
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("01:00:00");
-  });
-  it("should render flip animation markup in SSR", async () => {
-    const app = createSSRApp(YhCountdown, {
-      value: 36e5,
-      flipAnimation: true,
-      labels: { hours: "H", minutes: "M", seconds: "S" }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("is-flip");
-    expect(html).toContain("yh-countdown__block");
-    expect(html).toContain("yh-countdown__label");
-    expect(html).toContain("H");
-    expect(html).toContain("01");
-  });
-  it("should handle custom slots in SSR", async () => {
-    const app = createSSRApp({
-      render() {
-        return h(
-          YhCountdown,
-          { value: 36e5 },
-          {
-            prefix: () => h("span", { class: "custom-prefix" }, "SSR Prefix"),
-            suffix: () => h("span", { class: "custom-suffix" }, "SSR Suffix")
-          }
-        );
-      }
-    });
-    const html = await renderToString(app);
-    expect(html).toContain("custom-prefix");
-    expect(html).toContain("SSR Prefix");
-    expect(html).toContain("custom-suffix");
-    expect(html).toContain("SSR Suffix");
-  });
-});