@yh-ui/components 0.1.21 → 0.1.22

package/dist/loading/__tests__/loading.test.mjs

@@ -1,75 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import { defineComponent, nextTick } from "vue";
-import { YhLoading, vYhLoading } from "../index.mjs";
-describe("Loading Service", () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-    document.body.innerHTML = "";
-  });
-  afterEach(() => {
-    vi.restoreAllMocks();
-    vi.useRealTimers();
-  });
-  it("should open and close loading service", async () => {
-    const loading = YhLoading.service({
-      text: "Loading...",
-      customClass: "my-loading"
-    });
-    const mask = document.querySelector(".yh-loading-mask");
-    expect(mask).toBeTruthy();
-    expect(mask?.classList.contains("my-loading")).toBe(true);
-    expect(document.body.innerHTML).toContain("Loading...");
-    loading.close();
-    vi.advanceTimersByTime(500);
-    expect(document.querySelector(".yh-loading-mask")).toBeFalsy();
-  });
-  it("should handle glass mode", () => {
-    const loading = YhLoading.service({ glass: true });
-    const mask = document.querySelector(".yh-loading-mask");
-    expect(mask?.classList.contains("is-glass")).toBe(true);
-    loading.close();
-  });
-});
-describe("v-yh-loading Directive", () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-    document.body.innerHTML = '<div id="app"></div>';
-  });
-  it("should render directive loading", async () => {
-    const wrapper = mount(
-      {
-        template: '<div v-yh-loading="true" yh-loading-text="test"></div>',
-        directives: { YhLoading: vYhLoading }
-      },
-      {
-        attachTo: "#app"
-      }
-    );
-    await nextTick();
-    const mask = document.querySelector(".yh-loading-mask");
-    expect(mask).toBeTruthy();
-    expect(mask?.innerHTML).toContain("test");
-    wrapper.unmount();
-  });
-  it("should toggle directive loading", async () => {
-    const Comp = defineComponent({
-      directives: { YhLoading: vYhLoading },
-      props: { loading: { type: Boolean, default: false } },
-      template: '<div v-yh-loading="loading"></div>'
-    });
-    const wrapper = mount(Comp, {
-      props: { loading: false },
-      attachTo: "#app"
-    });
-    expect(document.querySelector(".yh-loading-mask")).toBeFalsy();
-    await wrapper.setProps({ loading: true });
-    await nextTick();
-    expect(document.querySelector(".yh-loading-mask")).toBeTruthy();
-    await wrapper.setProps({ loading: false });
-    await nextTick();
-    vi.advanceTimersByTime(500);
-    expect(document.querySelector(".yh-loading-mask")).toBeFalsy();
-    wrapper.unmount();
-  });
-});

package/dist/lucky-draw/__tests__/lucky-draw.ssr.test.cjs

@@ -1,33 +0,0 @@
-"use strict";
-
-var _serverRenderer = require("@vue/server-renderer");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _luckyDraw = _interopRequireDefault(require("../src/lucky-draw.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhLuckyDraw SSR", () => {
-  const prizes = [{
-    id: "1",
-    name: "Prize 1"
-  }, {
-    id: "2",
-    name: "Prize 2"
-  }];
-  (0, _vitest.it)("renders wheel on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_luckyDraw.default, {
-      prizes
-    }));
-    (0, _vitest.expect)(html).toContain("yh-lucky-draw");
-    (0, _vitest.expect)(html).toContain("yh-lucky-draw--wheel");
-    (0, _vitest.expect)(html).toContain("Prize 1");
-  });
-  (0, _vitest.it)("renders grid on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_luckyDraw.default, {
-      type: "grid",
-      prizes
-    }));
-    (0, _vitest.expect)(html).toContain("yh-lucky-draw");
-    (0, _vitest.expect)(html).toContain("yh-lucky-draw--grid");
-    (0, _vitest.expect)(html).toContain("Prize 1");
-  });
-});

package/dist/lucky-draw/__tests__/lucky-draw.ssr.test.mjs

@@ -1,31 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import YhLuckyDraw from "../src/lucky-draw.vue";
-describe("YhLuckyDraw SSR", () => {
-  const prizes = [
-    { id: "1", name: "Prize 1" },
-    { id: "2", name: "Prize 2" }
-  ];
-  it("renders wheel on server", async () => {
-    const html = await renderToString(
-      h(YhLuckyDraw, {
-        prizes
-      })
-    );
-    expect(html).toContain("yh-lucky-draw");
-    expect(html).toContain("yh-lucky-draw--wheel");
-    expect(html).toContain("Prize 1");
-  });
-  it("renders grid on server", async () => {
-    const html = await renderToString(
-      h(YhLuckyDraw, {
-        type: "grid",
-        prizes
-      })
-    );
-    expect(html).toContain("yh-lucky-draw");
-    expect(html).toContain("yh-lucky-draw--grid");
-    expect(html).toContain("Prize 1");
-  });
-});

package/dist/lucky-draw/__tests__/lucky-draw.test.cjs

@@ -1,56 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _luckyDraw = _interopRequireDefault(require("../src/lucky-draw.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("LuckyDraw", () => {
-  const prizes = [{
-    id: "1",
-    name: "Prize 1"
-  }, {
-    id: "2",
-    name: "Prize 2"
-  }, {
-    id: "3",
-    name: "Prize 3"
-  }];
-  (0, _vitest.it)("renders wheel mode by default", () => {
-    const wrapper = (0, _testUtils.mount)(_luckyDraw.default, {
-      props: {
-        prizes
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-lucky-draw--wheel");
-  });
-  (0, _vitest.it)("renders grid mode", () => {
-    const wrapper = (0, _testUtils.mount)(_luckyDraw.default, {
-      props: {
-        type: "grid",
-        prizes
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-lucky-draw--grid");
-  });
-  (0, _vitest.it)("emits start event when button clicked", async () => {
-    const wrapper = (0, _testUtils.mount)(_luckyDraw.default, {
-      props: {
-        prizes
-      }
-    });
-    const btn = wrapper.find(".yh-lucky-draw__pointer");
-    if (btn.exists()) {
-      await btn.trigger("click");
-      (0, _vitest.expect)(wrapper.emitted()).toHaveProperty("start");
-    }
-  });
-  (0, _vitest.it)("supports hiding button", () => {
-    const wrapper = (0, _testUtils.mount)(_luckyDraw.default, {
-      props: {
-        prizes,
-        hideBtn: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-lucky-draw__pointer").exists()).toBe(false);
-  });
-});

package/dist/lucky-draw/__tests__/lucky-draw.test.mjs

@@ -1,48 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import LuckyDraw from "../src/lucky-draw.vue";
-describe("LuckyDraw", () => {
-  const prizes = [
-    { id: "1", name: "Prize 1" },
-    { id: "2", name: "Prize 2" },
-    { id: "3", name: "Prize 3" }
-  ];
-  it("renders wheel mode by default", () => {
-    const wrapper = mount(LuckyDraw, {
-      props: {
-        prizes
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-lucky-draw--wheel");
-  });
-  it("renders grid mode", () => {
-    const wrapper = mount(LuckyDraw, {
-      props: {
-        type: "grid",
-        prizes
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-lucky-draw--grid");
-  });
-  it("emits start event when button clicked", async () => {
-    const wrapper = mount(LuckyDraw, {
-      props: {
-        prizes
-      }
-    });
-    const btn = wrapper.find(".yh-lucky-draw__pointer");
-    if (btn.exists()) {
-      await btn.trigger("click");
-      expect(wrapper.emitted()).toHaveProperty("start");
-    }
-  });
-  it("supports hiding button", () => {
-    const wrapper = mount(LuckyDraw, {
-      props: {
-        prizes,
-        hideBtn: true
-      }
-    });
-    expect(wrapper.find(".yh-lucky-draw__pointer").exists()).toBe(false);
-  });
-});

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

@@ -1,59 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _marquee = _interopRequireDefault(require("../src/marquee.vue"));
-var _ssr = require("../../../src/__tests__/utils/ssr");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhMarquee SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_marquee.default, {
-      direction: "horizontal",
-      gap: "20px",
-      duration: 15
-    }, {
-      default: () => "SSR Marquee Content"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-marquee");
-    (0, _ssr.expectSSRHasClass)(html, "yh-marquee--horizontal");
-    (0, _vitest.expect)(html).toContain("SSR Marquee Content");
-    (0, _vitest.expect)(html).toContain("--yh-marquee-gap:20px");
-    (0, _vitest.expect)(html).toContain("--yh-marquee-duration:15s");
-  });
-  (0, _vitest.it)("should render vertical direction in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_marquee.default, {
-      direction: "vertical"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-marquee--vertical");
-  });
-  (0, _vitest.it)("should render gradient overlay in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_marquee.default, {
-      gradient: true,
-      gradientColor: "#000000",
-      gradientWidth: "100px"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-marquee--gradient");
-    (0, _vitest.expect)(html).toContain("yh-marquee__overlay");
-    (0, _vitest.expect)(html).toContain("--yh-marquee-gradient-color:#000000");
-    (0, _vitest.expect)(html).toContain("--yh-marquee-gradient-width:100px");
-  });
-  (0, _vitest.it)("should render pause states in SSR", async () => {
-    const hoverHtml = await (0, _ssr.renderSSR)(_marquee.default, {
-      pauseOnHover: true
-    });
-    (0, _ssr.expectSSRHasClass)(hoverHtml, "yh-marquee--pause-on-hover");
-    const clickHtml = await (0, _ssr.renderSSR)(_marquee.default, {
-      pauseOnClick: true
-    });
-    (0, _ssr.expectSSRHasClass)(clickHtml, "yh-marquee--pause-on-click");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_marquee.default, {
-      direction: "horizontal",
-      play: true,
-      gap: 10
-    }, {
-      default: () => "Hydration Test"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,60 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Marquee from "../src/marquee.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../../src/__tests__/utils/ssr";
-describe("YhMarquee SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      Marquee,
-      {
-        direction: "horizontal",
-        gap: "20px",
-        duration: 15
-      },
-      {
-        default: () => "SSR Marquee Content"
-      }
-    );
-    expectSSRHasClass(html, "yh-marquee");
-    expectSSRHasClass(html, "yh-marquee--horizontal");
-    expect(html).toContain("SSR Marquee Content");
-    expect(html).toContain("--yh-marquee-gap:20px");
-    expect(html).toContain("--yh-marquee-duration:15s");
-  });
-  it("should render vertical direction in SSR", async () => {
-    const html = await renderSSR(Marquee, {
-      direction: "vertical"
-    });
-    expectSSRHasClass(html, "yh-marquee--vertical");
-  });
-  it("should render gradient overlay in SSR", async () => {
-    const html = await renderSSR(Marquee, {
-      gradient: true,
-      gradientColor: "#000000",
-      gradientWidth: "100px"
-    });
-    expectSSRHasClass(html, "yh-marquee--gradient");
-    expect(html).toContain("yh-marquee__overlay");
-    expect(html).toContain("--yh-marquee-gradient-color:#000000");
-    expect(html).toContain("--yh-marquee-gradient-width:100px");
-  });
-  it("should render pause states in SSR", async () => {
-    const hoverHtml = await renderSSR(Marquee, { pauseOnHover: true });
-    expectSSRHasClass(hoverHtml, "yh-marquee--pause-on-hover");
-    const clickHtml = await renderSSR(Marquee, { pauseOnClick: true });
-    expectSSRHasClass(clickHtml, "yh-marquee--pause-on-click");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      Marquee,
-      {
-        direction: "horizontal",
-        play: true,
-        gap: 10
-      },
-      {
-        default: () => "Hydration Test"
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/marquee/__tests__/marquee.test.cjs

@@ -1,94 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Marquee", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      slots: {
-        default: "Test Content"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-marquee").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.text()).toContain("Test Content");
-  });
-  (0, _vitest.it)("should support direction prop", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      props: {
-        direction: "vertical"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-marquee--vertical");
-  });
-  (0, _vitest.it)("should support pauseOnHover prop", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      props: {
-        pauseOnHover: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-marquee--pause-on-hover");
-  });
-  (0, _vitest.it)("should support gradient prop", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      props: {
-        gradient: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-marquee--gradient");
-    (0, _vitest.expect)(wrapper.find(".yh-marquee__overlay").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should emit cycleComplete event", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee);
-    const content = wrapper.find(".yh-marquee__content");
-    await content.trigger("animationiteration");
-    (0, _vitest.expect)(wrapper.emitted("cycleComplete")).toBeTruthy();
-  });
-  (0, _vitest.it)("should calculate initial styles correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      props: {
-        duration: 10,
-        gap: "20px",
-        delay: 2
-      }
-    });
-    const style = wrapper.element.style;
-    (0, _vitest.expect)(style.getPropertyValue("--yh-marquee-duration")).toBe("10s");
-    (0, _vitest.expect)(style.getPropertyValue("--yh-marquee-gap")).toBe("20px");
-    (0, _vitest.expect)(style.getPropertyValue("animation-delay")).toBe("2s");
-  });
-  (0, _vitest.it)("should support speed prop", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      props: {
-        speed: 50
-        // 50px/s
-      }
-    });
-    const style = wrapper.element.style;
-  });
-  (0, _vitest.it)("should handle loopDelay correctly", async () => {
-    _vitest.vi.useFakeTimers();
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      props: {
-        loopDelay: 1
-      }
-    });
-    const content = wrapper.find(".yh-marquee__content");
-    await content.trigger("animationiteration");
-    const style = wrapper.element.style;
-    (0, _vitest.expect)(style.getPropertyValue("--yh-marquee-play-state")).toBe("paused");
-    _vitest.vi.advanceTimersByTime(1100);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(style.getPropertyValue("--yh-marquee-play-state")).toBe("running");
-    _vitest.vi.useRealTimers();
-  });
-  (0, _vitest.it)("should support pauseOnHidden prop", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMarquee, {
-      props: {
-        pauseOnHidden: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-marquee").exists()).toBe(true);
-  });
-});

package/dist/marquee/__tests__/marquee.test.mjs

@@ -1,92 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import { YhMarquee } from "../index.mjs";
-describe("Marquee", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(YhMarquee, {
-      slots: {
-        default: "Test Content"
-      }
-    });
-    expect(wrapper.find(".yh-marquee").exists()).toBe(true);
-    expect(wrapper.text()).toContain("Test Content");
-  });
-  it("should support direction prop", () => {
-    const wrapper = mount(YhMarquee, {
-      props: {
-        direction: "vertical"
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-marquee--vertical");
-  });
-  it("should support pauseOnHover prop", async () => {
-    const wrapper = mount(YhMarquee, {
-      props: {
-        pauseOnHover: true
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-marquee--pause-on-hover");
-  });
-  it("should support gradient prop", () => {
-    const wrapper = mount(YhMarquee, {
-      props: {
-        gradient: true
-      }
-    });
-    expect(wrapper.classes()).toContain("yh-marquee--gradient");
-    expect(wrapper.find(".yh-marquee__overlay").exists()).toBe(true);
-  });
-  it("should emit cycleComplete event", async () => {
-    const wrapper = mount(YhMarquee);
-    const content = wrapper.find(".yh-marquee__content");
-    await content.trigger("animationiteration");
-    expect(wrapper.emitted("cycleComplete")).toBeTruthy();
-  });
-  it("should calculate initial styles correctly", () => {
-    const wrapper = mount(YhMarquee, {
-      props: {
-        duration: 10,
-        gap: "20px",
-        delay: 2
-      }
-    });
-    const style = wrapper.element.style;
-    expect(style.getPropertyValue("--yh-marquee-duration")).toBe("10s");
-    expect(style.getPropertyValue("--yh-marquee-gap")).toBe("20px");
-    expect(style.getPropertyValue("animation-delay")).toBe("2s");
-  });
-  it("should support speed prop", async () => {
-    const wrapper = mount(YhMarquee, {
-      props: {
-        speed: 50
-        // 50px/s
-      }
-    });
-    const style = wrapper.element.style;
-  });
-  it("should handle loopDelay correctly", async () => {
-    vi.useFakeTimers();
-    const wrapper = mount(YhMarquee, {
-      props: {
-        loopDelay: 1
-      }
-    });
-    const content = wrapper.find(".yh-marquee__content");
-    await content.trigger("animationiteration");
-    const style = wrapper.element.style;
-    expect(style.getPropertyValue("--yh-marquee-play-state")).toBe("paused");
-    vi.advanceTimersByTime(1100);
-    await nextTick();
-    expect(style.getPropertyValue("--yh-marquee-play-state")).toBe("running");
-    vi.useRealTimers();
-  });
-  it("should support pauseOnHidden prop", () => {
-    const wrapper = mount(YhMarquee, {
-      props: {
-        pauseOnHidden: true
-      }
-    });
-    expect(wrapper.find(".yh-marquee").exists()).toBe(true);
-  });
-});

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

@@ -1,92 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _mention = _interopRequireDefault(require("../src/mention.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhMention SSR", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u5728 SSR \u4E2D\u6B63\u786E\u6E32\u67D3\u6839\u5143\u7D20", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      modelValue: ""
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-mention");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u5728 SSR \u4E2D\u6E32\u67D3 input \u5143\u7D20", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      modelValue: "hello",
-      type: "input"
-    });
-    (0, _vitest.expect)(html).toContain("<input");
-    (0, _vitest.expect)(html).toContain("hello");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u5728 SSR \u4E2D\u6E32\u67D3 textarea \u5143\u7D20", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      modelValue: "multi line",
-      type: "textarea"
-    });
-    (0, _vitest.expect)(html).toContain("textarea");
-    (0, _vitest.expect)(html).toContain("multi line");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u5728 SSR \u4E2D\u6E32\u67D3 placeholder", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      placeholder: "\u8F93\u5165 @ \u63D0\u53CA\u67D0\u4EBA"
-    });
-    (0, _vitest.expect)(html).toContain("\u8F93\u5165 @ \u63D0\u53CA\u67D0\u4EBA");
-  });
-  (0, _vitest.it)("\u7981\u7528\u72B6\u6001\u5E94\u5728 SSR \u4E2D\u6B63\u786E\u6E32\u67D3", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-    (0, _vitest.expect)(html).toContain("disabled");
-  });
-  (0, _vitest.it)("\u4E0D\u540C\u5C3A\u5BF8\u5E94\u5728 SSR \u4E2D\u6B63\u786E\u6E32\u67D3", async () => {
-    for (const size of ["large", "small"]) {
-      const html = await (0, _ssr.renderSSR)(_mention.default, {
-        size
-      });
-      (0, _ssr.expectSSRHasClass)(html, `yh-mention--${size}`);
-    }
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u5728 SSR \u4E2D\u6E32\u67D3\u53EA\u8BFB\u72B6\u6001", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      readonly: true
-    });
-    (0, _vitest.expect)(html).toContain("readonly");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u5728 SSR \u4E2D\u6E32\u67D3\u5B57\u6570\u7EDF\u8BA1", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      modelValue: "hi",
-      showWordLimit: true,
-      maxlength: 100
-    });
-    (0, _vitest.expect)(html).toContain("yh-mention__count");
-    (0, _vitest.expect)(html).toContain("2 / 100");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u5728 SSR \u4E2D\u6B63\u786E Hydrate\uFF08\u65E0 mismatch\uFF09", async () => {
-    const result = await (0, _ssr.testHydration)(_mention.default, {
-      modelValue: "hello @world",
-      placeholder: "\u8BF7 @ \u63D0\u53CA",
-      clearable: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("textarea \u7C7B\u578B\u5E94\u8BE5\u5728 SSR \u4E2D\u6B63\u786E Hydrate", async () => {
-    const result = await (0, _ssr.testHydration)(_mention.default, {
-      type: "textarea",
-      modelValue: "\u591A\u884C\n\u5185\u5BB9",
-      rows: 5
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("SSR \u6E32\u67D3\u4E0D\u5E94\u5305\u542B\u5BA2\u6237\u7AEF\u4E0B\u62C9\u6846\u5185\u5BB9", async () => {
-    const html = await (0, _ssr.renderSSR)(_mention.default, {
-      modelValue: "",
-      options: [{
-        value: "alice",
-        label: "Alice"
-      }]
-    });
-    (0, _vitest.expect)(html).toContain("yh-mention");
-  });
-});