@yh-ui/components 0.1.21 → 0.1.22

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

@@ -1,49 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _scrollbar = _interopRequireDefault(require("../src/scrollbar.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhScrollbar SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_scrollbar.default, {
-      height: "200px",
-      viewClass: "custom-view"
-    }, {
-      default: () => '<div class="content">SSR Scrollbar</div>'
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-scrollbar");
-    (0, _vitest.expect)(html).toContain("yh-scrollbar__wrap");
-    (0, _vitest.expect)(html).toContain("custom-view");
-    (0, _vitest.expect)(html).toContain("SSR Scrollbar");
-  });
-  (0, _vitest.it)("should render native state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_scrollbar.default, {
-      native: true
-    });
-    (0, _vitest.expect)(html).not.toContain("yh-scrollbar__wrap--hidden-native");
-    (0, _vitest.expect)(html).not.toContain("yh-scrollbar__bar");
-  });
-  (0, _vitest.it)("should render non-native state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_scrollbar.default, {
-      native: false
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-scrollbar__wrap--hidden-native");
-  });
-  (0, _vitest.it)("should render custom tag in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_scrollbar.default, {
-      tag: "ul"
-    });
-    (0, _vitest.expect)(html).toContain("<ul");
-    (0, _vitest.expect)(html).toContain("</ul>");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_scrollbar.default, {
-      height: "200px",
-      always: true
-    }, {
-      default: () => "Hydrated Content"
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,54 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Scrollbar from "../src/scrollbar.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhScrollbar SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      Scrollbar,
-      {
-        height: "200px",
-        viewClass: "custom-view"
-      },
-      {
-        default: () => '<div class="content">SSR Scrollbar</div>'
-      }
-    );
-    expectSSRHasClass(html, "yh-scrollbar");
-    expect(html).toContain("yh-scrollbar__wrap");
-    expect(html).toContain("custom-view");
-    expect(html).toContain("SSR Scrollbar");
-  });
-  it("should render native state in SSR", async () => {
-    const html = await renderSSR(Scrollbar, {
-      native: true
-    });
-    expect(html).not.toContain("yh-scrollbar__wrap--hidden-native");
-    expect(html).not.toContain("yh-scrollbar__bar");
-  });
-  it("should render non-native state in SSR", async () => {
-    const html = await renderSSR(Scrollbar, {
-      native: false
-    });
-    expectSSRHasClass(html, "yh-scrollbar__wrap--hidden-native");
-  });
-  it("should render custom tag in SSR", async () => {
-    const html = await renderSSR(Scrollbar, {
-      tag: "ul"
-    });
-    expect(html).toContain("<ul");
-    expect(html).toContain("</ul>");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      Scrollbar,
-      {
-        height: "200px",
-        always: true
-      },
-      {
-        default: () => "Hydrated Content"
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/scrollbar/__tests__/scrollbar.test.cjs

@@ -1,43 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _scrollbar = _interopRequireDefault(require("../src/scrollbar.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhScrollbar", () => {
-  (0, _vitest.it)("should render content", () => {
-    const wrapper = (0, _testUtils.mount)(_scrollbar.default, {
-      slots: {
-        default: '<div class="content">Content</div>'
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".content").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-scrollbar");
-  });
-  (0, _vitest.it)("should set height", () => {
-    const wrapper = (0, _testUtils.mount)(_scrollbar.default, {
-      props: {
-        height: "200px"
-      }
-    });
-    const wrap = wrapper.find(".yh-scrollbar__wrap");
-    (0, _vitest.expect)(wrap.element.style.height).toBe("200px");
-  });
-  (0, _vitest.it)("should set max-height", () => {
-    const wrapper = (0, _testUtils.mount)(_scrollbar.default, {
-      props: {
-        maxHeight: "100px"
-      }
-    });
-    const wrap = wrapper.find(".yh-scrollbar__wrap");
-    (0, _vitest.expect)(wrap.element.style.maxHeight).toBe("100px");
-  });
-  (0, _vitest.it)("native scrollbar", () => {
-    const wrapper = (0, _testUtils.mount)(_scrollbar.default, {
-      props: {
-        native: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-scrollbar__bar").exists()).toBe(false);
-  });
-});

package/dist/scrollbar/__tests__/scrollbar.test.mjs

@@ -1,40 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { mount } from "@vue/test-utils";
-import Scrollbar from "../src/scrollbar.vue";
-describe("YhScrollbar", () => {
-  it("should render content", () => {
-    const wrapper = mount(Scrollbar, {
-      slots: {
-        default: '<div class="content">Content</div>'
-      }
-    });
-    expect(wrapper.find(".content").exists()).toBe(true);
-    expect(wrapper.classes()).toContain("yh-scrollbar");
-  });
-  it("should set height", () => {
-    const wrapper = mount(Scrollbar, {
-      props: {
-        height: "200px"
-      }
-    });
-    const wrap = wrapper.find(".yh-scrollbar__wrap");
-    expect(wrap.element.style.height).toBe("200px");
-  });
-  it("should set max-height", () => {
-    const wrapper = mount(Scrollbar, {
-      props: {
-        maxHeight: "100px"
-      }
-    });
-    const wrap = wrapper.find(".yh-scrollbar__wrap");
-    expect(wrap.element.style.maxHeight).toBe("100px");
-  });
-  it("native scrollbar", () => {
-    const wrapper = mount(Scrollbar, {
-      props: {
-        native: true
-      }
-    });
-    expect(wrapper.find(".yh-scrollbar__bar").exists()).toBe(false);
-  });
-});

package/dist/select/__tests__/select.perf.test.cjs

@@ -1,191 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _select = _interopRequireDefault(require("../src/select.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const bench = (label, fn, threshold) => {
-  const t0 = performance.now();
-  fn();
-  const elapsed = performance.now() - t0;
-  console.log(`[PERF] ${label}: ${elapsed.toFixed(2)}ms  (threshold: ${threshold}ms)`);
-  return elapsed;
-};
-const genOptions = n => Array.from({
-  length: n
-}, (_, i) => ({
-  value: `val-${i}`,
-  label: `\u9009\u9879 ${i}\uFF08Item ${i}\uFF09`,
-  disabled: i % 500 === 0
-  // 每 500 条有 1 条禁用
-}));
-let OPTIONS_10K;
-(0, _vitest.beforeAll)(() => {
-  OPTIONS_10K = genOptions(1e4);
-});
-(0, _vitest.describe)("YhSelect \u865A\u62DF\u6EDA\u52A8\u6027\u80FD\u57FA\u51C6\u6D4B\u8BD5", () => {
-  (0, _vitest.it)("10k \u9009\u9879\uFF1A\u542F\u7528\u865A\u62DF\u6EDA\u52A8\u65F6\u521D\u59CB\u6302\u8F7D\u5E94 < 5000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", () => {
-    let wrapper;
-    const elapsed = bench("\u521D\u59CB\u6302\u8F7D\uFF08virtualScroll=true, 10k \u9009\u9879\uFF09", () => {
-      wrapper = (0, _testUtils.mount)(_select.default, {
-        props: {
-          options: OPTIONS_10K,
-          virtualScroll: true,
-          height: 274,
-          itemHeight: 34
-        }
-      });
-    }, 5e3);
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-select");
-    (0, _vitest.expect)(elapsed).toBeLessThan(5e3);
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("10k \u9009\u9879\uFF1A\u865A\u62DF\u6EDA\u52A8\u6302\u8F7D\u65F6\u95F4\u5E94\u663E\u8457\u4F4E\u4E8E\u975E\u865A\u62DF\u6A21\u5F0F", () => {
-    const OPTIONS_SMALL = genOptions(100);
-    let tVirtual;
-    let wVirtual;
-    tVirtual = bench("\u865A\u62DF\u6EDA\u52A8 10k", () => {
-      wVirtual = (0, _testUtils.mount)(_select.default, {
-        props: {
-          options: OPTIONS_10K,
-          virtualScroll: true,
-          height: 274,
-          itemHeight: 34
-        }
-      });
-    }, 5e3);
-    let tNormal;
-    let wNormal;
-    tNormal = bench("\u975E\u865A\u62DF\u6EDA\u52A8 100", () => {
-      wNormal = (0, _testUtils.mount)(_select.default, {
-        props: {
-          options: OPTIONS_SMALL,
-          virtualScroll: false
-        }
-      });
-    }, 3e3);
-    console.log(`[PERF] \u865A\u62DF/\u975E\u865A\u62DF\u8017\u65F6\u6BD4: ${(tVirtual / tNormal).toFixed(2)}x`);
-    (0, _vitest.expect)(tVirtual).toBeLessThan(5e3);
-    (0, _vitest.expect)(tNormal).toBeLessThan(3e3);
-    wVirtual.unmount();
-    wNormal.unmount();
-  });
-  (0, _vitest.it)("10k \u9009\u9879\uFF1A\u9996\u6B21\u6253\u5F00\u4E0B\u62C9\u6846\u5E94 < 3000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", async () => {
-    const wrapper = (0, _testUtils.mount)(_select.default, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        height: 274,
-        itemHeight: 34
-      }
-    });
-    const elapsed = bench("\u89E6\u53D1\u4E0B\u62C9\u5C55\u5F00", () => {
-      wrapper.trigger("click");
-    }, 3e3);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(elapsed).toBeLessThan(3e3);
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("10k \u9009\u9879\uFF1A\u6253\u5F00\u4E0B\u62C9\u6846\u540E DOM \u8282\u70B9\u6570\u5E94\u8FDC\u5C11\u4E8E\u6570\u636E\u91CF", async () => {
-    const wrapper = (0, _testUtils.mount)(_select.default, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        height: 274,
-        itemHeight: 34,
-        teleported: false
-        // 禁用 Teleport，方便在 wrapper 内查找节点
-      }
-    });
-    await wrapper.trigger("click");
-    await (0, _vue.nextTick)();
-    const optionNodes = wrapper.findAll(".yh-select__option");
-    console.log(`[PERF] \u865A\u62DF\u6EDA\u52A8 DOM \u8282\u70B9\u6570: ${optionNodes.length}\uFF0C\u6570\u636E\u91CF: ${OPTIONS_10K.length}`);
-    (0, _vitest.expect)(optionNodes.length).toBeLessThan(50);
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("10k \u9009\u9879\uFF1A\u4E0B\u62C9\u5217\u8868\u5E94\u6B63\u786E\u6E32\u67D3\u9996\u5C4F\u53EF\u89C1\u9009\u9879", async () => {
-    const wrapper = (0, _testUtils.mount)(_select.default, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        height: 274,
-        itemHeight: 34,
-        teleported: false
-      }
-    });
-    await wrapper.trigger("click");
-    await (0, _vue.nextTick)();
-    const optionNodes = wrapper.findAll(".yh-select__option");
-    if (optionNodes.length > 0) {
-      const firstText = optionNodes[0].text();
-      (0, _vitest.expect)(firstText).toContain("\u9009\u9879 0");
-    }
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("10k \u9009\u9879\uFF1A\u8FDE\u7EED 10 \u6B21\u5C55\u5F00/\u6536\u8D77\u64CD\u4F5C\u603B\u65F6\u95F4\u5E94 < 10000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", async () => {
-    const wrapper = (0, _testUtils.mount)(_select.default, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        height: 274,
-        itemHeight: 34
-      }
-    });
-    const REPEAT = 10;
-    const t0 = performance.now();
-    for (let i = 0; i < REPEAT; i++) {
-      await wrapper.trigger("click");
-      await (0, _vue.nextTick)();
-    }
-    const elapsed = performance.now() - t0;
-    console.log(`[PERF] \u8FDE\u7EED ${REPEAT} \u6B21\u5C55\u5F00/\u6536\u8D77\u603B\u8017\u65F6: ${elapsed.toFixed(2)}ms`);
-    (0, _vitest.expect)(elapsed).toBeLessThan(1e4);
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("10k \u9009\u9879\uFF1Afilterable \u8FC7\u6EE4\u64CD\u4F5C\u5E94 < 3000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", async () => {
-    const wrapper = (0, _testUtils.mount)(_select.default, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        filterable: true,
-        height: 274,
-        itemHeight: 34
-      }
-    });
-    await wrapper.trigger("click");
-    await (0, _vue.nextTick)();
-    const input = wrapper.find("input");
-    const elapsed = bench("\u8F93\u5165\u8FC7\u6EE4\u5173\u952E\u8BCD", () => {
-      input.setValue("\u9009\u9879 999");
-    }, 3e3);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(elapsed).toBeLessThan(3e3);
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("10k \u9009\u9879\uFF1A\u91CD\u590D\u6302\u8F7D/\u5378\u8F7D 5 \u6B21\u4E0D\u5E94\u51FA\u73B0\u5185\u5B58\u6CC4\u6F0F\u8FF9\u8C61", () => {
-    const ROUNDS = 5;
-    const times = [];
-    for (let r = 0; r < ROUNDS; r++) {
-      const t0 = performance.now();
-      const wrapper = (0, _testUtils.mount)(_select.default, {
-        props: {
-          options: OPTIONS_10K,
-          virtualScroll: true,
-          height: 274,
-          itemHeight: 34
-        }
-      });
-      wrapper.unmount();
-      times.push(performance.now() - t0);
-    }
-    const avg = times.reduce((a, b) => a + b, 0) / ROUNDS;
-    const max = Math.max(...times);
-    console.log(`[PERF] \u91CD\u590D\u6302\u8F7D\uFF08${ROUNDS}\u6B21\uFF09 \u5E73\u5747: ${avg.toFixed(2)}ms  \u6700\u5927: ${max.toFixed(2)}ms`);
-    (0, _vitest.expect)(max).toBeLessThan(8e3);
-    const degradation = times[ROUNDS - 1] / times[0];
-    console.log(`[PERF] \u6027\u80FD\u964D\u7EA7\u6BD4\uFF08\u6700\u540E/\u7B2C\u4E00\uFF09: ${degradation.toFixed(2)}x`);
-    (0, _vitest.expect)(degradation).toBeLessThan(3);
-  });
-});

package/dist/select/__tests__/select.perf.test.mjs

@@ -1,185 +0,0 @@
-import { describe, it, expect, beforeAll } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import Select from "../src/select.vue";
-const bench = (label, fn, threshold) => {
-  const t0 = performance.now();
-  fn();
-  const elapsed = performance.now() - t0;
-  console.log(`[PERF] ${label}: ${elapsed.toFixed(2)}ms  (threshold: ${threshold}ms)`);
-  return elapsed;
-};
-const genOptions = (n) => Array.from({ length: n }, (_, i) => ({
-  value: `val-${i}`,
-  label: `\u9009\u9879 ${i}\uFF08Item ${i}\uFF09`,
-  disabled: i % 500 === 0
-  // 每 500 条有 1 条禁用
-}));
-let OPTIONS_10K;
-beforeAll(() => {
-  OPTIONS_10K = genOptions(1e4);
-});
-describe("YhSelect \u865A\u62DF\u6EDA\u52A8\u6027\u80FD\u57FA\u51C6\u6D4B\u8BD5", () => {
-  it("10k \u9009\u9879\uFF1A\u542F\u7528\u865A\u62DF\u6EDA\u52A8\u65F6\u521D\u59CB\u6302\u8F7D\u5E94 < 5000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", () => {
-    let wrapper;
-    const elapsed = bench(
-      "\u521D\u59CB\u6302\u8F7D\uFF08virtualScroll=true, 10k \u9009\u9879\uFF09",
-      () => {
-        wrapper = mount(Select, {
-          props: {
-            options: OPTIONS_10K,
-            virtualScroll: true,
-            height: 274,
-            itemHeight: 34
-          }
-        });
-      },
-      5e3
-    );
-    expect(wrapper.classes()).toContain("yh-select");
-    expect(elapsed).toBeLessThan(5e3);
-    wrapper.unmount();
-  });
-  it("10k \u9009\u9879\uFF1A\u865A\u62DF\u6EDA\u52A8\u6302\u8F7D\u65F6\u95F4\u5E94\u663E\u8457\u4F4E\u4E8E\u975E\u865A\u62DF\u6A21\u5F0F", () => {
-    const OPTIONS_SMALL = genOptions(100);
-    let tVirtual;
-    let wVirtual;
-    tVirtual = bench(
-      "\u865A\u62DF\u6EDA\u52A8 10k",
-      () => {
-        wVirtual = mount(Select, {
-          props: { options: OPTIONS_10K, virtualScroll: true, height: 274, itemHeight: 34 }
-        });
-      },
-      5e3
-    );
-    let tNormal;
-    let wNormal;
-    tNormal = bench(
-      "\u975E\u865A\u62DF\u6EDA\u52A8 100",
-      () => {
-        wNormal = mount(Select, {
-          props: { options: OPTIONS_SMALL, virtualScroll: false }
-        });
-      },
-      3e3
-    );
-    console.log(`[PERF] \u865A\u62DF/\u975E\u865A\u62DF\u8017\u65F6\u6BD4: ${(tVirtual / tNormal).toFixed(2)}x`);
-    expect(tVirtual).toBeLessThan(5e3);
-    expect(tNormal).toBeLessThan(3e3);
-    wVirtual.unmount();
-    wNormal.unmount();
-  });
-  it("10k \u9009\u9879\uFF1A\u9996\u6B21\u6253\u5F00\u4E0B\u62C9\u6846\u5E94 < 3000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", async () => {
-    const wrapper = mount(Select, {
-      props: { options: OPTIONS_10K, virtualScroll: true, height: 274, itemHeight: 34 }
-    });
-    const elapsed = bench(
-      "\u89E6\u53D1\u4E0B\u62C9\u5C55\u5F00",
-      () => {
-        wrapper.trigger("click");
-      },
-      3e3
-    );
-    await nextTick();
-    expect(elapsed).toBeLessThan(3e3);
-    wrapper.unmount();
-  });
-  it("10k \u9009\u9879\uFF1A\u6253\u5F00\u4E0B\u62C9\u6846\u540E DOM \u8282\u70B9\u6570\u5E94\u8FDC\u5C11\u4E8E\u6570\u636E\u91CF", async () => {
-    const wrapper = mount(Select, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        height: 274,
-        itemHeight: 34,
-        teleported: false
-        // 禁用 Teleport，方便在 wrapper 内查找节点
-      }
-    });
-    await wrapper.trigger("click");
-    await nextTick();
-    const optionNodes = wrapper.findAll(".yh-select__option");
-    console.log(`[PERF] \u865A\u62DF\u6EDA\u52A8 DOM \u8282\u70B9\u6570: ${optionNodes.length}\uFF0C\u6570\u636E\u91CF: ${OPTIONS_10K.length}`);
-    expect(optionNodes.length).toBeLessThan(50);
-    wrapper.unmount();
-  });
-  it("10k \u9009\u9879\uFF1A\u4E0B\u62C9\u5217\u8868\u5E94\u6B63\u786E\u6E32\u67D3\u9996\u5C4F\u53EF\u89C1\u9009\u9879", async () => {
-    const wrapper = mount(Select, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        height: 274,
-        itemHeight: 34,
-        teleported: false
-      }
-    });
-    await wrapper.trigger("click");
-    await nextTick();
-    const optionNodes = wrapper.findAll(".yh-select__option");
-    if (optionNodes.length > 0) {
-      const firstText = optionNodes[0].text();
-      expect(firstText).toContain("\u9009\u9879 0");
-    }
-    wrapper.unmount();
-  });
-  it("10k \u9009\u9879\uFF1A\u8FDE\u7EED 10 \u6B21\u5C55\u5F00/\u6536\u8D77\u64CD\u4F5C\u603B\u65F6\u95F4\u5E94 < 10000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", async () => {
-    const wrapper = mount(Select, {
-      props: { options: OPTIONS_10K, virtualScroll: true, height: 274, itemHeight: 34 }
-    });
-    const REPEAT = 10;
-    const t0 = performance.now();
-    for (let i = 0; i < REPEAT; i++) {
-      await wrapper.trigger("click");
-      await nextTick();
-    }
-    const elapsed = performance.now() - t0;
-    console.log(`[PERF] \u8FDE\u7EED ${REPEAT} \u6B21\u5C55\u5F00/\u6536\u8D77\u603B\u8017\u65F6: ${elapsed.toFixed(2)}ms`);
-    expect(elapsed).toBeLessThan(1e4);
-    wrapper.unmount();
-  });
-  it("10k \u9009\u9879\uFF1Afilterable \u8FC7\u6EE4\u64CD\u4F5C\u5E94 < 3000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", async () => {
-    const wrapper = mount(Select, {
-      props: {
-        options: OPTIONS_10K,
-        virtualScroll: true,
-        filterable: true,
-        height: 274,
-        itemHeight: 34
-      }
-    });
-    await wrapper.trigger("click");
-    await nextTick();
-    const input = wrapper.find("input");
-    const elapsed = bench(
-      "\u8F93\u5165\u8FC7\u6EE4\u5173\u952E\u8BCD",
-      () => {
-        input.setValue("\u9009\u9879 999");
-      },
-      3e3
-    );
-    await nextTick();
-    expect(elapsed).toBeLessThan(3e3);
-    wrapper.unmount();
-  });
-  it("10k \u9009\u9879\uFF1A\u91CD\u590D\u6302\u8F7D/\u5378\u8F7D 5 \u6B21\u4E0D\u5E94\u51FA\u73B0\u5185\u5B58\u6CC4\u6F0F\u8FF9\u8C61", () => {
-    const ROUNDS = 5;
-    const times = [];
-    for (let r = 0; r < ROUNDS; r++) {
-      const t0 = performance.now();
-      const wrapper = mount(Select, {
-        props: { options: OPTIONS_10K, virtualScroll: true, height: 274, itemHeight: 34 }
-      });
-      wrapper.unmount();
-      times.push(performance.now() - t0);
-    }
-    const avg = times.reduce((a, b) => a + b, 0) / ROUNDS;
-    const max = Math.max(...times);
-    console.log(
-      `[PERF] \u91CD\u590D\u6302\u8F7D\uFF08${ROUNDS}\u6B21\uFF09 \u5E73\u5747: ${avg.toFixed(2)}ms  \u6700\u5927: ${max.toFixed(2)}ms`
-    );
-    expect(max).toBeLessThan(8e3);
-    const degradation = times[ROUNDS - 1] / times[0];
-    console.log(`[PERF] \u6027\u80FD\u964D\u7EA7\u6BD4\uFF08\u6700\u540E/\u7B2C\u4E00\uFF09: ${degradation.toFixed(2)}x`);
-    expect(degradation).toBeLessThan(3);
-  });
-});

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

@@ -1,58 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _select = _interopRequireDefault(require("../src/select.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSelect SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_select.default, {
-      modelValue: "",
-      placeholder: "Please select"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-select");
-    (0, _vitest.expect)(html).toContain("Please select");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_select.default, {
-      disabled: true,
-      placeholder: "Disabled select"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should render different sizes in SSR", async () => {
-    const sizes = ["small", "default", "large"];
-    for (const size of sizes) {
-      const html = await (0, _ssr.renderSSR)(_select.default, {
-        size,
-        placeholder: "Select"
-      });
-      if (size !== "default") {
-        (0, _ssr.expectSSRHasClass)(html, `yh-select--${size}`);
-      }
-    }
-  });
-  (0, _vitest.it)("should render multiple select in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_select.default, {
-      modelValue: ["1", "2"],
-      multiple: true,
-      placeholder: "Multiple select"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-select");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_select.default, {
-      modelValue: "1",
-      placeholder: "Select option",
-      clearable: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-  (0, _vitest.it)("should render loading state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_select.default, {
-      loading: true,
-      placeholder: "Loading..."
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-select");
-  });
-});

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

@@ -1,52 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Select from "../src/select.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhSelect SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Select, {
-      modelValue: "",
-      placeholder: "Please select"
-    });
-    expectSSRHasClass(html, "yh-select");
-    expect(html).toContain("Please select");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(Select, {
-      disabled: true,
-      placeholder: "Disabled select"
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should render different sizes in SSR", async () => {
-    const sizes = ["small", "default", "large"];
-    for (const size of sizes) {
-      const html = await renderSSR(Select, { size, placeholder: "Select" });
-      if (size !== "default") {
-        expectSSRHasClass(html, `yh-select--${size}`);
-      }
-    }
-  });
-  it("should render multiple select in SSR", async () => {
-    const html = await renderSSR(Select, {
-      modelValue: ["1", "2"],
-      multiple: true,
-      placeholder: "Multiple select"
-    });
-    expectSSRHasClass(html, "yh-select");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Select, {
-      modelValue: "1",
-      placeholder: "Select option",
-      clearable: true
-    });
-    expect(result.isMatch).toBe(true);
-  });
-  it("should render loading state in SSR", async () => {
-    const html = await renderSSR(Select, {
-      loading: true,
-      placeholder: "Loading..."
-    });
-    expectSSRHasClass(html, "yh-select");
-  });
-});