@yh-ui/components 0.1.21 → 0.1.23

package/dist/smart-address/__tests__/smart-address.ssr.test.cjs

@@ -1,28 +0,0 @@
-"use strict";
-
-var _serverRenderer = require("@vue/server-renderer");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _smartAddress = _interopRequireDefault(require("../src/smart-address.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("SmartAddress SSR", () => {
-  const props = {
-    modelValue: {
-      name: "\u5F20\u4E09",
-      phone: "13800138000",
-      province: "\u5317\u4EAC\u5E02",
-      city: "\u5317\u4EAC\u5E02",
-      district: "\u671D\u9633\u533A",
-      street: "",
-      detail: "\u67D0\u67D0\u8857\u9053123\u53F7"
-    }
-  };
-  (0, _vitest.it)("renders correctly on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_smartAddress.default, props));
-    (0, _vitest.expect)(html).toContain("yh-smart-address");
-    (0, _vitest.expect)(html).toContain("\u5F20\u4E09");
-    (0, _vitest.expect)(html).toContain("13800138000");
-    (0, _vitest.expect)(html).toContain("\u5317\u4EAC\u5E02");
-    (0, _vitest.expect)(html).toContain("\u671D\u9633\u533A");
-  });
-});

package/dist/smart-address/__tests__/smart-address.ssr.test.mjs

@@ -1,25 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import SmartAddress from "../src/smart-address.vue";
-describe("SmartAddress SSR", () => {
-  const props = {
-    modelValue: {
-      name: "\u5F20\u4E09",
-      phone: "13800138000",
-      province: "\u5317\u4EAC\u5E02",
-      city: "\u5317\u4EAC\u5E02",
-      district: "\u671D\u9633\u533A",
-      street: "",
-      detail: "\u67D0\u67D0\u8857\u9053123\u53F7"
-    }
-  };
-  it("renders correctly on server", async () => {
-    const html = await renderToString(h(SmartAddress, props));
-    expect(html).toContain("yh-smart-address");
-    expect(html).toContain("\u5F20\u4E09");
-    expect(html).toContain("13800138000");
-    expect(html).toContain("\u5317\u4EAC\u5E02");
-    expect(html).toContain("\u671D\u9633\u533A");
-  });
-});

package/dist/smart-address/__tests__/smart-address.test.cjs

@@ -1,68 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _smartAddress = _interopRequireDefault(require("../src/smart-address.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("SmartAddress", () => {
-  const modelValue = {
-    name: "",
-    phone: "",
-    province: "",
-    city: "",
-    district: "",
-    street: "",
-    detail: ""
-  };
-  (0, _vitest.it)("renders correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_smartAddress.default, {
-      props: {
-        modelValue
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-smart-address").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find("textarea").exists()).toBe(true);
-  });
-  (0, _vitest.it)("parses address correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_smartAddress.default, {
-      props: {
-        modelValue
-      }
-    });
-    const textarea = wrapper.find("textarea");
-    await textarea.setValue("\u5F20\u4E09 13800138000 \u5E7F\u4E1C\u7701\u6DF1\u5733\u5E02\u5357\u5C71\u533A\u67D0\u67D0\u8857\u9053123\u53F7");
-    const parseBtn = wrapper.find(".yh-smart-address__parse-btn");
-    await parseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("parsed")).toBeTruthy();
-    const parsed = wrapper.emitted("parsed")[0][0];
-    (0, _vitest.expect)(parsed.name).toBe("\u5F20\u4E09");
-    (0, _vitest.expect)(parsed.phone).toBe("13800138000");
-    (0, _vitest.expect)(parsed.province).toBe("\u5E7F\u4E1C\u7701");
-    (0, _vitest.expect)(parsed.city).toBe("\u6DF1\u5733\u5E02");
-    (0, _vitest.expect)(parsed.district).toBe("\u5357\u5C71\u533A");
-    const inputs = wrapper.findAll(".yh-smart-address__input");
-    (0, _vitest.expect)(inputs[0].element.value).toBe("\u5F20\u4E09");
-    (0, _vitest.expect)(inputs[1].element.value).toBe("13800138000");
-  });
-  (0, _vitest.it)("handles field changes", async () => {
-    const wrapper = (0, _testUtils.mount)(_smartAddress.default, {
-      props: {
-        modelValue
-      }
-    });
-    const nameInput = wrapper.findAll(".yh-smart-address__input")[0];
-    await nameInput.setValue("\u674E\u56DB");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")[0][0].name).toBe("\u674E\u56DB");
-  });
-  (0, _vitest.it)("applies top label placement correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_smartAddress.default, {
-      props: {
-        modelValue,
-        labelPlacement: "top"
-      }
-    });
-    const fields = wrapper.find(".yh-smart-address__fields");
-    (0, _vitest.expect)(fields.classes()).toContain("is-top");
-  });
-});

package/dist/smart-address/__tests__/smart-address.test.mjs

@@ -1,56 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import SmartAddress from "../src/smart-address.vue";
-describe("SmartAddress", () => {
-  const modelValue = {
-    name: "",
-    phone: "",
-    province: "",
-    city: "",
-    district: "",
-    street: "",
-    detail: ""
-  };
-  it("renders correctly", () => {
-    const wrapper = mount(SmartAddress, {
-      props: { modelValue }
-    });
-    expect(wrapper.find(".yh-smart-address").exists()).toBe(true);
-    expect(wrapper.find("textarea").exists()).toBe(true);
-  });
-  it("parses address correctly", async () => {
-    const wrapper = mount(SmartAddress, {
-      props: { modelValue }
-    });
-    const textarea = wrapper.find("textarea");
-    await textarea.setValue("\u5F20\u4E09 13800138000 \u5E7F\u4E1C\u7701\u6DF1\u5733\u5E02\u5357\u5C71\u533A\u67D0\u67D0\u8857\u9053123\u53F7");
-    const parseBtn = wrapper.find(".yh-smart-address__parse-btn");
-    await parseBtn.trigger("click");
-    expect(wrapper.emitted("parsed")).toBeTruthy();
-    const parsed = wrapper.emitted("parsed")[0][0];
-    expect(parsed.name).toBe("\u5F20\u4E09");
-    expect(parsed.phone).toBe("13800138000");
-    expect(parsed.province).toBe("\u5E7F\u4E1C\u7701");
-    expect(parsed.city).toBe("\u6DF1\u5733\u5E02");
-    expect(parsed.district).toBe("\u5357\u5C71\u533A");
-    const inputs = wrapper.findAll(".yh-smart-address__input");
-    expect(inputs[0].element.value).toBe("\u5F20\u4E09");
-    expect(inputs[1].element.value).toBe("13800138000");
-  });
-  it("handles field changes", async () => {
-    const wrapper = mount(SmartAddress, {
-      props: { modelValue }
-    });
-    const nameInput = wrapper.findAll(".yh-smart-address__input")[0];
-    await nameInput.setValue("\u674E\u56DB");
-    expect(wrapper.emitted("update:modelValue")).toBeTruthy();
-    expect(wrapper.emitted("update:modelValue")[0][0].name).toBe("\u674E\u56DB");
-  });
-  it("applies top label placement correctly", () => {
-    const wrapper = mount(SmartAddress, {
-      props: { modelValue, labelPlacement: "top" }
-    });
-    const fields = wrapper.find(".yh-smart-address__fields");
-    expect(fields.classes()).toContain("is-top");
-  });
-});

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

@@ -1,115 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _space = _interopRequireDefault(require("../src/space.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSpace SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      direction: "horizontal",
-      size: "small"
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-space");
-    (0, _ssr.expectSSRHasClass)(html, "yh-space--horizontal");
-    (0, _vitest.expect)(html).toContain("A");
-    (0, _vitest.expect)(html).toContain("B");
-  });
-  (0, _vitest.it)("should render vertical direction in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      direction: "vertical"
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-space--vertical");
-    (0, _vitest.expect)(html).toMatch(/flex-direction:\s*column/);
-  });
-  (0, _vitest.it)("should render wrap in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      wrap: true
-    }, {
-      default: () => Array.from({
-        length: 5
-      }, (_, i) => (0, _vue.h)("span", `Item ${i}`))
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-wrap");
-    (0, _vitest.expect)(html).toMatch(/flex-wrap:\s*wrap/);
-  });
-  (0, _vitest.it)("should render fill in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      fill: true
-    }, {
-      default: () => [(0, _vue.h)("div", "A")]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-fill");
-    (0, _vitest.expect)(html).toMatch(/width:\s*100%/);
-  });
-  (0, _vitest.it)("should render spacer prop in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      spacer: "|"
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B"), (0, _vue.h)("div", "C")]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-space__spacer");
-    (0, _vitest.expect)(html).toContain("|");
-  });
-  (0, _vitest.it)("should render custom size in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      size: 40
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-    });
-    (0, _vitest.expect)(html).toMatch(/gap:\s*40px/);
-  });
-  (0, _vitest.it)("should render array size in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      size: [10, 20]
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-    });
-    (0, _vitest.expect)(html).toMatch(/column-gap:\s*10px/);
-    (0, _vitest.expect)(html).toMatch(/row-gap:\s*20px/);
-  });
-  (0, _vitest.it)("should render justify in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_space.default, {
-      justify: "space-between",
-      fill: true
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-    });
-    (0, _vitest.expect)(html).toMatch(/justify-content:\s*space-between/);
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_space.default, {
-      direction: "horizontal",
-      size: "small"
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with spacer without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_space.default, {
-      spacer: "|"
-    }, {
-      default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should hydrate with wrap without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_space.default, {
-      wrap: true,
-      size: [8, 12]
-    }, {
-      default: () => Array.from({
-        length: 3
-      }, (_, i) => (0, _vue.h)("span", {
-        key: i
-      }, `Item ${i}`))
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,150 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import Space from "../src/space.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhSpace SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        direction: "horizontal",
-        size: "small"
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    );
-    expectSSRHasClass(html, "yh-space");
-    expectSSRHasClass(html, "yh-space--horizontal");
-    expect(html).toContain("A");
-    expect(html).toContain("B");
-  });
-  it("should render vertical direction in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        direction: "vertical"
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    );
-    expectSSRHasClass(html, "yh-space--vertical");
-    expect(html).toMatch(/flex-direction:\s*column/);
-  });
-  it("should render wrap in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        wrap: true
-      },
-      {
-        default: () => Array.from({ length: 5 }, (_, i) => h("span", `Item ${i}`))
-      }
-    );
-    expectSSRHasClass(html, "is-wrap");
-    expect(html).toMatch(/flex-wrap:\s*wrap/);
-  });
-  it("should render fill in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        fill: true
-      },
-      {
-        default: () => [h("div", "A")]
-      }
-    );
-    expectSSRHasClass(html, "is-fill");
-    expect(html).toMatch(/width:\s*100%/);
-  });
-  it("should render spacer prop in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        spacer: "|"
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B"), h("div", "C")]
-      }
-    );
-    expectSSRHasClass(html, "yh-space__spacer");
-    expect(html).toContain("|");
-  });
-  it("should render custom size in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        size: 40
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    );
-    expect(html).toMatch(/gap:\s*40px/);
-  });
-  it("should render array size in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        size: [10, 20]
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    );
-    expect(html).toMatch(/column-gap:\s*10px/);
-    expect(html).toMatch(/row-gap:\s*20px/);
-  });
-  it("should render justify in SSR", async () => {
-    const html = await renderSSR(
-      Space,
-      {
-        justify: "space-between",
-        fill: true
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    );
-    expect(html).toMatch(/justify-content:\s*space-between/);
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      Space,
-      {
-        direction: "horizontal",
-        size: "small"
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with spacer without mismatch", async () => {
-    const result = await testHydration(
-      Space,
-      {
-        spacer: "|"
-      },
-      {
-        default: () => [h("div", "A"), h("div", "B")]
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-  it("should hydrate with wrap without mismatch", async () => {
-    const result = await testHydration(
-      Space,
-      {
-        wrap: true,
-        size: [8, 12]
-      },
-      {
-        default: () => Array.from({ length: 3 }, (_, i) => h("span", { key: i }, `Item ${i}`))
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/space/__tests__/space.test.cjs

@@ -1,227 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _space = _interopRequireDefault(require("../src/space.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSpace \u7EC4\u4EF6", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u57FA\u7840\u7ED3\u6784", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-space").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.findAll(".yh-space__item")).toHaveLength(2);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u6C34\u5E73\u65B9\u5411\uFF08\u9ED8\u8BA4\uFF09", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-space").classes()).toContain("yh-space--horizontal");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u5782\u76F4\u65B9\u5411", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        direction: "vertical"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-space").classes()).toContain("yh-space--vertical");
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("flex-direction: column");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u9884\u8BBE\u5C3A\u5BF8 size", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        size: "large"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("gap: 24px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u6570\u5B57\u5C3A\u5BF8", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        size: 40
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("gap: 40px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u6570\u7EC4\u5C3A\u5BF8 [column, row]", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        size: [10, 20]
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").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\u81EA\u52A8\u6362\u884C wrap", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        wrap: true
-      },
-      slots: {
-        default: () => Array.from({
-          length: 10
-        }, (_, i) => (0, _vue.h)("div", `Item ${i}`))
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-space").classes()).toContain("is-wrap");
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("flex-wrap: wrap");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u5C55\u5E73 v-for Fragment \u5B50\u8282\u70B9\u5B9E\u73B0\u6362\u884C", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        wrap: true
-      },
-      slots: {
-        default: () => Array.from({
-          length: 5
-        }, (_, i) => (0, _vue.h)("span", {
-          key: i
-        }, `B${i}`))
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-space__item")).toHaveLength(5);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 fill \u5C5E\u6027", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        fill: true
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-space").classes()).toContain("is-fill");
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("width: 100%");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u5BF9\u9F50\u65B9\u5F0F align", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        align: "start"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("align-items: start");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u4E3B\u8F74\u5BF9\u9F50 justify", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        justify: "space-between",
-        fill: true
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("justify-content: space-between");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 spacer prop \u5206\u9694\u7B26", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        spacer: "|"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B"), (0, _vue.h)("div", "C")]
-      }
-    });
-    const spacers = wrapper.findAll(".yh-space__spacer");
-    (0, _vitest.expect)(spacers).toHaveLength(2);
-    (0, _vitest.expect)(spacers[0].text()).toBe("|");
-    (0, _vitest.expect)(spacers[1].text()).toBe("|");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 #spacer \u63D2\u69FD\u81EA\u5B9A\u4E49\u5206\u9694\u7B26", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B"), (0, _vue.h)("div", "C")],
-        spacer: () => (0, _vue.h)("span", {
-          class: "custom-sep"
-        }, "\u2014")
-      }
-    });
-    const spacers = wrapper.findAll(".yh-space__spacer");
-    (0, _vitest.expect)(spacers).toHaveLength(2);
-    (0, _vitest.expect)(spacers[0].find(".custom-sep").exists()).toBe(true);
-    (0, _vitest.expect)(spacers[0].find(".custom-sep").text()).toBe("\u2014");
-  });
-  (0, _vitest.it)("\u5206\u9694\u7B26\u4E0D\u5E94\u51FA\u73B0\u5728\u6700\u540E\u4E00\u4E2A\u5143\u7D20\u4E4B\u540E", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        spacer: "|"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const spacers = wrapper.findAll(".yh-space__spacer");
-    (0, _vitest.expect)(spacers).toHaveLength(1);
-  });
-  (0, _vitest.it)("\u65E0\u5206\u9694\u7B26\u65F6\u4E0D\u5E94\u6E32\u67D3 spacer \u5143\u7D20", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-space__spacer")).toHaveLength(0);
-  });
-  (0, _vitest.it)("\u5355\u4E2A\u5B50\u5143\u7D20\u65F6\u4E0D\u5E94\u6E32\u67D3\u5206\u9694\u7B26", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        spacer: "|"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "Only")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll(".yh-space__spacer")).toHaveLength(0);
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 mini \u5C3A\u5BF8", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        size: "mini"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("gap: 4px");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 medium \u5C3A\u5BF8", () => {
-    const wrapper = (0, _testUtils.mount)(_space.default, {
-      props: {
-        size: "medium"
-      },
-      slots: {
-        default: () => [(0, _vue.h)("div", "A"), (0, _vue.h)("div", "B")]
-      }
-    });
-    const style = wrapper.find(".yh-space").attributes("style");
-    (0, _vitest.expect)(style).toContain("gap: 16px");
-  });
-});