@yh-ui/components 0.1.21 → 0.1.22

package/dist/avatar/__tests__/avatar.test.mjs

@@ -1,125 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Avatar from "../src/avatar.vue";
-describe("YhAvatar \u7EC4\u4EF6", () => {
-  it("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = mount(Avatar);
-    expect(wrapper.find(".yh-avatar").exists()).toBe(true);
-  });
-  it("\u5E94\u8BE5\u9ED8\u8BA4\u4E3A\u5706\u5F62", () => {
-    const wrapper = mount(Avatar);
-    expect(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--circle");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u65B9\u5F62", () => {
-    const wrapper = mount(Avatar, {
-      props: { shape: "square" }
-    });
-    expect(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--square");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u9884\u8BBE\u5C3A\u5BF8 small", () => {
-    const wrapper = mount(Avatar, {
-      props: { size: "small" }
-    });
-    expect(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--small");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u9884\u8BBE\u5C3A\u5BF8 large", () => {
-    const wrapper = mount(Avatar, {
-      props: { size: "large" }
-    });
-    expect(wrapper.find(".yh-avatar").classes()).toContain("yh-avatar--large");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u6570\u5B57\u5C3A\u5BF8", () => {
-    const wrapper = mount(Avatar, {
-      props: { size: 80 }
-    });
-    const style = wrapper.find(".yh-avatar").attributes("style");
-    expect(style).toContain("width: 80px");
-    expect(style).toContain("height: 80px");
-  });
-  it("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u56FE\u7247", () => {
-    const src = "https://example.com/avatar.png";
-    const wrapper = mount(Avatar, {
-      props: { src }
-    });
-    const img = wrapper.find(".yh-avatar__img");
-    expect(img.exists()).toBe(true);
-    expect(img.attributes("src")).toBe(src);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 alt \u5C5E\u6027", () => {
-    const wrapper = mount(Avatar, {
-      props: {
-        src: "https://example.com/avatar.png",
-        alt: "\u7528\u6237\u5934\u50CF"
-      }
-    });
-    expect(wrapper.find(".yh-avatar__img").attributes("alt")).toBe("\u7528\u6237\u5934\u50CF");
-    expect(wrapper.find(".yh-avatar").attributes("aria-label")).toBe("\u7528\u6237\u5934\u50CF");
-  });
-  it("\u5E94\u8BE5\u652F\u6301 srcSet \u5C5E\u6027", () => {
-    const srcSet = "https://example.com/avatar-2x.png 2x";
-    const wrapper = mount(Avatar, {
-      props: {
-        src: "https://example.com/avatar.png",
-        srcSet
-      }
-    });
-    expect(wrapper.find(".yh-avatar__img").attributes("srcset")).toBe(srcSet);
-  });
-  it("\u5E94\u8BE5\u652F\u6301 fit \u5C5E\u6027", () => {
-    const wrapper = mount(Avatar, {
-      props: {
-        src: "https://example.com/avatar.png",
-        fit: "contain"
-      }
-    });
-    const imgStyle = wrapper.find(".yh-avatar__img").attributes("style");
-    expect(imgStyle).toContain("object-fit: contain");
-  });
-  it("\u5E94\u8BE5\u6B63\u786E\u5904\u7406\u56FE\u7247\u52A0\u8F7D\u5931\u8D25", async () => {
-    const wrapper = mount(Avatar, {
-      props: { src: "https://invalid-url.com/avatar.png" }
-    });
-    await wrapper.find(".yh-avatar__img").trigger("error");
-    expect(wrapper.find(".yh-avatar__img").exists()).toBe(false);
-    expect(wrapper.emitted("error")).toBeTruthy();
-    expect(wrapper.emitted("error").length).toBe(1);
-  });
-  it("\u5E94\u8BE5\u5728\u56FE\u7247\u52A0\u8F7D\u5931\u8D25\u540E\u663E\u793A\u9ED8\u8BA4\u63D2\u69FD", async () => {
-    const wrapper = mount(Avatar, {
-      props: { src: "https://invalid-url.com/avatar.png" },
-      slots: {
-        default: '<span class="fallback">FB</span>'
-      }
-    });
-    await wrapper.find(".yh-avatar__img").trigger("error");
-    expect(wrapper.find(".fallback").exists()).toBe(true);
-    expect(wrapper.find(".fallback").text()).toBe("FB");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u9ED8\u8BA4\u63D2\u69FD\u663E\u793A\u6587\u5B57", () => {
-    const wrapper = mount(Avatar, {
-      slots: {
-        default: "YH"
-      }
-    });
-    expect(wrapper.text()).toContain("YH");
-    expect(wrapper.find(".yh-avatar__img").exists()).toBe(false);
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u80CC\u666F\u8272 backgroundColor", () => {
-    const wrapper = mount(Avatar, {
-      props: { backgroundColor: "#F56C6C" }
-    });
-    const style = wrapper.find(".yh-avatar").attributes("style");
-    expect(style).toContain("background-color");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u65E7 API color \u5C5E\u6027\u4F5C\u4E3A\u80CC\u666F\u8272", () => {
-    const wrapper = mount(Avatar, {
-      props: { color: "#67C23A" }
-    });
-    const style = wrapper.find(".yh-avatar").attributes("style");
-    expect(style).toContain("background-color");
-  });
-  it("\u5E94\u8BE5\u6709 role=img", () => {
-    const wrapper = mount(Avatar);
-    expect(wrapper.find(".yh-avatar").attributes("role")).toBe("img");
-  });
-});

package/dist/back-top/__tests__/back-top.ssr.test.cjs

@@ -1,13 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _backTop = _interopRequireDefault(require("../src/back-top.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhBackTop SSR", () => {
-  (0, _vitest.it)("should render on server without error", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_backTop.default));
-    (0, _vitest.expect)(html).toBeDefined();
-  });
-});

package/dist/back-top/__tests__/back-top.ssr.test.mjs

@@ -1,10 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import BackTop from "../src/back-top.vue";
-describe("YhBackTop SSR", () => {
-  it("should render on server without error", async () => {
-    const html = await renderToString(h(BackTop));
-    expect(html).toBeDefined();
-  });
-});

package/dist/back-top/__tests__/back-top.test.cjs

@@ -1,88 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _backTop = _interopRequireDefault(require("../src/back-top.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhBackTop", () => {
-  let container;
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.useFakeTimers();
-    container = document.createElement("div");
-    container.id = "scroll-container";
-    Object.defineProperty(container, "scrollTop", {
-      value: 0,
-      writable: true
-    });
-    Object.defineProperty(container, "scrollHeight", {
-      value: 2e3,
-      writable: true
-    });
-    Object.defineProperty(container, "clientHeight", {
-      value: 500,
-      writable: true
-    });
-    document.body.appendChild(container);
-  });
-  (0, _vitest.afterEach)(() => {
-    _vitest.vi.useRealTimers();
-    _vitest.vi.unstubAllGlobals();
-    document.body.removeChild(container);
-  });
-  (0, _vitest.it)("should be invisible initially", () => {
-    const wrapper = (0, _testUtils.mount)(_backTop.default, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 200
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-back-top").exists()).toBe(false);
-  });
-  (0, _vitest.it)("should be visible after scrolling down", async () => {
-    const wrapper = (0, _testUtils.mount)(_backTop.default, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 100
-      }
-    });
-    container.scrollTop = 150;
-    wrapper.vm.handleScroll();
-    _vitest.vi.advanceTimersByTime(16);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-back-top").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should show progress circle when showProgress is true", async () => {
-    const wrapper = (0, _testUtils.mount)(_backTop.default, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 0,
-        showProgress: true
-      }
-    });
-    container.scrollTop = 500;
-    wrapper.vm.handleScroll();
-    _vitest.vi.advanceTimersByTime(16);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-back-top__progress").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should scroll to top on click", async () => {
-    const wrapper = (0, _testUtils.mount)(_backTop.default, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 0,
-        duration: 100
-      }
-    });
-    container.scrollTop = 500;
-    wrapper.vm.handleScroll();
-    _vitest.vi.advanceTimersByTime(16);
-    await (0, _vue.nextTick)();
-    const scrollToSpy = _vitest.vi.fn();
-    container.scrollTo = scrollToSpy;
-    await wrapper.find(".yh-back-top").trigger("click");
-    _vitest.vi.advanceTimersByTime(200);
-    (0, _vitest.expect)(scrollToSpy).toHaveBeenCalled();
-    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
-  });
-});

package/dist/back-top/__tests__/back-top.test.mjs

@@ -1,76 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { nextTick } from "vue";
-import YhBackTop from "../src/back-top.vue";
-describe("YhBackTop", () => {
-  let container;
-  beforeEach(() => {
-    vi.useFakeTimers();
-    container = document.createElement("div");
-    container.id = "scroll-container";
-    Object.defineProperty(container, "scrollTop", { value: 0, writable: true });
-    Object.defineProperty(container, "scrollHeight", { value: 2e3, writable: true });
-    Object.defineProperty(container, "clientHeight", { value: 500, writable: true });
-    document.body.appendChild(container);
-  });
-  afterEach(() => {
-    vi.useRealTimers();
-    vi.unstubAllGlobals();
-    document.body.removeChild(container);
-  });
-  it("should be invisible initially", () => {
-    const wrapper = mount(YhBackTop, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 200
-      }
-    });
-    expect(wrapper.find(".yh-back-top").exists()).toBe(false);
-  });
-  it("should be visible after scrolling down", async () => {
-    const wrapper = mount(YhBackTop, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 100
-      }
-    });
-    container.scrollTop = 150;
-    wrapper.vm.handleScroll();
-    vi.advanceTimersByTime(16);
-    await nextTick();
-    expect(wrapper.find(".yh-back-top").exists()).toBe(true);
-  });
-  it("should show progress circle when showProgress is true", async () => {
-    const wrapper = mount(YhBackTop, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 0,
-        showProgress: true
-      }
-    });
-    container.scrollTop = 500;
-    wrapper.vm.handleScroll();
-    vi.advanceTimersByTime(16);
-    await nextTick();
-    expect(wrapper.find(".yh-back-top__progress").exists()).toBe(true);
-  });
-  it("should scroll to top on click", async () => {
-    const wrapper = mount(YhBackTop, {
-      props: {
-        target: "#scroll-container",
-        visibilityHeight: 0,
-        duration: 100
-      }
-    });
-    container.scrollTop = 500;
-    wrapper.vm.handleScroll();
-    vi.advanceTimersByTime(16);
-    await nextTick();
-    const scrollToSpy = vi.fn();
-    container.scrollTo = scrollToSpy;
-    await wrapper.find(".yh-back-top").trigger("click");
-    vi.advanceTimersByTime(200);
-    expect(scrollToSpy).toHaveBeenCalled();
-    expect(wrapper.emitted("click")).toBeTruthy();
-  });
-});

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

@@ -1,36 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _badge = _interopRequireDefault(require("../src/badge.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhBadge SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_badge.default, {
-      value: 12,
-      type: "primary"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-badge");
-    (0, _vitest.expect)(html).toContain("12");
-  });
-  (0, _vitest.it)("should render dot mode in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_badge.default, {
-      isDot: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-dot");
-  });
-  (0, _vitest.it)("should render max value in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_badge.default, {
-      value: 100,
-      max: 99
-    });
-    (0, _vitest.expect)(html).toContain("99+");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_badge.default, {
-      value: "new",
-      type: "danger"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,33 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Badge from "../src/badge.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhBadge SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Badge, {
-      value: 12,
-      type: "primary"
-    });
-    expectSSRHasClass(html, "yh-badge");
-    expect(html).toContain("12");
-  });
-  it("should render dot mode in SSR", async () => {
-    const html = await renderSSR(Badge, {
-      isDot: true
-    });
-    expectSSRHasClass(html, "is-dot");
-  });
-  it("should render max value in SSR", async () => {
-    const html = await renderSSR(Badge, {
-      value: 100,
-      max: 99
-    });
-    expect(html).toContain("99+");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Badge, {
-      value: "new",
-      type: "danger"
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/badge/__tests__/badge.test.cjs

@@ -1,115 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _badge = _interopRequireDefault(require("../src/badge.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("Badge \u7EC4\u4EF6", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 12
-      },
-      slots: {
-        default: "<button>\u6309\u94AE</button>"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").text()).toBe("12");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u6700\u5927\u503C\u9650\u5236", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 200,
-        max: 99
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").text()).toBe("99+");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u5C0F\u7EA2\u70B9\u6A21\u5F0F", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        isDot: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").classes()).toContain("is-dot");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u9690\u85CF\u5FBD\u6807", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 12,
-        hidden: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").exists()).toBe(false);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u4E0D\u540C\u7C7B\u578B", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 12,
-        type: "success"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").classes()).toContain("yh-badge__content--success");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u989C\u8272", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 12,
-        color: "#ff0000"
-      }
-    });
-    const content = wrapper.find(".yh-badge__content");
-    const style = content.attributes("style");
-    (0, _vitest.expect)(style).toMatch(/background-color:\s*(#ff0000|rgb\(255, 0, 0\))/i);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u504F\u79FB\u8BBE\u7F6E", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 12,
-        offset: [10, 10]
-      },
-      slots: {
-        default: "<button>\u6309\u94AE</button>"
-      }
-    });
-    const content = wrapper.find(".yh-badge__content");
-    (0, _vitest.expect)(content.attributes("style")).toContain("transform");
-  });
-  (0, _vitest.it)("\u5F53\u503C\u4E3A0\u4E14showZero\u4E3Afalse\u65F6\u4E0D\u663E\u793A", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 0,
-        showZero: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").exists()).toBe(false);
-  });
-  (0, _vitest.it)("\u5F53\u503C\u4E3A0\u4E14showZero\u4E3Atrue\u65F6\u663E\u793A", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 0,
-        showZero: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").text()).toBe("0");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u5185\u5BB9\u63D2\u69FD", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      slots: {
-        content: '<span class="custom-content">Custom</span>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-content").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".custom-content").text()).toBe("Custom");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u65E0\u8FB9\u6846\u6A21\u5F0F", () => {
-    const wrapper = (0, _testUtils.mount)(_badge.default, {
-      props: {
-        value: 12,
-        showBorder: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-badge__content").classes()).toContain("is-no-border");
-  });
-});

package/dist/badge/__tests__/badge.test.mjs

@@ -1,112 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Badge from "../src/badge.vue";
-describe("Badge \u7EC4\u4EF6", () => {
-  it("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 12
-      },
-      slots: {
-        default: "<button>\u6309\u94AE</button>"
-      }
-    });
-    expect(wrapper.find(".yh-badge").exists()).toBe(true);
-    expect(wrapper.find(".yh-badge__content").text()).toBe("12");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u6700\u5927\u503C\u9650\u5236", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 200,
-        max: 99
-      }
-    });
-    expect(wrapper.find(".yh-badge__content").text()).toBe("99+");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u5C0F\u7EA2\u70B9\u6A21\u5F0F", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        isDot: true
-      }
-    });
-    expect(wrapper.find(".yh-badge__content").classes()).toContain("is-dot");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u9690\u85CF\u5FBD\u6807", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 12,
-        hidden: true
-      }
-    });
-    expect(wrapper.find(".yh-badge__content").exists()).toBe(false);
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u4E0D\u540C\u7C7B\u578B", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 12,
-        type: "success"
-      }
-    });
-    expect(wrapper.find(".yh-badge__content").classes()).toContain("yh-badge__content--success");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u989C\u8272", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 12,
-        color: "#ff0000"
-      }
-    });
-    const content = wrapper.find(".yh-badge__content");
-    const style = content.attributes("style");
-    expect(style).toMatch(/background-color:\s*(#ff0000|rgb\(255, 0, 0\))/i);
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u504F\u79FB\u8BBE\u7F6E", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 12,
-        offset: [10, 10]
-      },
-      slots: {
-        default: "<button>\u6309\u94AE</button>"
-      }
-    });
-    const content = wrapper.find(".yh-badge__content");
-    expect(content.attributes("style")).toContain("transform");
-  });
-  it("\u5F53\u503C\u4E3A0\u4E14showZero\u4E3Afalse\u65F6\u4E0D\u663E\u793A", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 0,
-        showZero: false
-      }
-    });
-    expect(wrapper.find(".yh-badge__content").exists()).toBe(false);
-  });
-  it("\u5F53\u503C\u4E3A0\u4E14showZero\u4E3Atrue\u65F6\u663E\u793A", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 0,
-        showZero: true
-      }
-    });
-    expect(wrapper.find(".yh-badge__content").text()).toBe("0");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u5185\u5BB9\u63D2\u69FD", () => {
-    const wrapper = mount(Badge, {
-      slots: {
-        content: '<span class="custom-content">Custom</span>'
-      }
-    });
-    expect(wrapper.find(".custom-content").exists()).toBe(true);
-    expect(wrapper.find(".custom-content").text()).toBe("Custom");
-  });
-  it("\u5E94\u8BE5\u652F\u6301\u65E0\u8FB9\u6846\u6A21\u5F0F", () => {
-    const wrapper = mount(Badge, {
-      props: {
-        value: 12,
-        showBorder: false
-      }
-    });
-    expect(wrapper.find(".yh-badge__content").classes()).toContain("is-no-border");
-  });
-});

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

@@ -1,22 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-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 SSR", () => {
-  (0, _vitest.it)("should render to string on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_breadcrumb.default, null, {
-      default: () => [(0, _vue.h)(_breadcrumbItem.default, null, {
-        default: () => "Home"
-      }), (0, _vue.h)(_breadcrumbItem.default, null, {
-        default: () => "Components"
-      })]
-    }));
-    (0, _vitest.expect)(html).toContain("yh-breadcrumb");
-    (0, _vitest.expect)(html).toContain("Home");
-    (0, _vitest.expect)(html).toContain("yh-breadcrumb-item__separator");
-  });
-});

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

@@ -1,20 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import Breadcrumb from "../src/breadcrumb.vue";
-import BreadcrumbItem from "../src/breadcrumb-item.vue";
-describe("YhBreadcrumb SSR", () => {
-  it("should render to string on server", async () => {
-    const html = await renderToString(
-      h(Breadcrumb, null, {
-        default: () => [
-          h(BreadcrumbItem, null, { default: () => "Home" }),
-          h(BreadcrumbItem, null, { default: () => "Components" })
-        ]
-      })
-    );
-    expect(html).toContain("yh-breadcrumb");
-    expect(html).toContain("Home");
-    expect(html).toContain("yh-breadcrumb-item__separator");
-  });
-});