@yh-ui/components 0.1.17 → 0.1.22

package/dist/row/__tests__/row.test.cjs

@@ -1,89 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _row = _interopRequireDefault(require("../src/row.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRow", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      slots: {
-        default: "Row Content"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("Row Content");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-row");
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("div");
-  });
-  (0, _vitest.it)("should render with custom tag", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        tag: "section"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("section");
-  });
-  (0, _vitest.it)("should apply gutter styles correctly", () => {
-    const gutter = 20;
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        gutter
-      }
-    });
-    const style = wrapper.attributes("style");
-    (0, _vitest.expect)(style).toContain(`margin-left: -${gutter / 2}px`);
-    (0, _vitest.expect)(style).toContain(`margin-right: -${gutter / 2}px`);
-  });
-  (0, _vitest.it)("should apply justify classes correctly", () => {
-    const justifyList = ["center", "end", "space-around", "space-between", "space-evenly"];
-    justifyList.forEach(justify => {
-      const wrapper = (0, _testUtils.mount)(_row.default, {
-        props: {
-          justify
-        }
-      });
-      (0, _vitest.expect)(wrapper.classes()).toContain(`is-justify-${justify}`);
-    });
-    const wrapperDefault = (0, _testUtils.mount)(_row.default, {
-      props: {
-        justify: "start"
-      }
-    });
-    (0, _vitest.expect)(wrapperDefault.classes()).not.toContain("is-justify-start");
-  });
-  (0, _vitest.it)("should apply align classes correctly", () => {
-    const alignList = ["middle", "bottom"];
-    alignList.forEach(align => {
-      const wrapper = (0, _testUtils.mount)(_row.default, {
-        props: {
-          align
-        }
-      });
-      (0, _vitest.expect)(wrapper.classes()).toContain(`is-align-${align}`);
-    });
-    const wrapperDefault = (0, _testUtils.mount)(_row.default, {
-      props: {
-        align: "top"
-      }
-    });
-    (0, _vitest.expect)(wrapperDefault.classes()).not.toContain("is-align-top");
-  });
-  (0, _vitest.it)("should apply multiple props correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        tag: "nav",
-        gutter: 30,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: "Combined"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("nav");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-justify-center");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-align-middle");
-    (0, _vitest.expect)(wrapper.attributes("style")).toContain("margin-left: -15px");
-    (0, _vitest.expect)(wrapper.text()).toBe("Combined");
-  });
-});

package/dist/row/__tests__/row.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/row/__tests__/row.test.mjs

@@ -1,86 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Row from "../src/row.vue";
-describe("YhRow", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(Row, {
-      slots: {
-        default: "Row Content"
-      }
-    });
-    expect(wrapper.text()).toContain("Row Content");
-    expect(wrapper.classes()).toContain("yh-row");
-    expect(wrapper.element.tagName.toLowerCase()).toBe("div");
-  });
-  it("should render with custom tag", () => {
-    const wrapper = mount(Row, {
-      props: {
-        tag: "section"
-      }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("section");
-  });
-  it("should apply gutter styles correctly", () => {
-    const gutter = 20;
-    const wrapper = mount(Row, {
-      props: {
-        gutter
-      }
-    });
-    const style = wrapper.attributes("style");
-    expect(style).toContain(`margin-left: -${gutter / 2}px`);
-    expect(style).toContain(`margin-right: -${gutter / 2}px`);
-  });
-  it("should apply justify classes correctly", () => {
-    const justifyList = ["center", "end", "space-around", "space-between", "space-evenly"];
-    justifyList.forEach((justify) => {
-      const wrapper = mount(Row, {
-        props: {
-          justify
-        }
-      });
-      expect(wrapper.classes()).toContain(`is-justify-${justify}`);
-    });
-    const wrapperDefault = mount(Row, {
-      props: {
-        justify: "start"
-      }
-    });
-    expect(wrapperDefault.classes()).not.toContain("is-justify-start");
-  });
-  it("should apply align classes correctly", () => {
-    const alignList = ["middle", "bottom"];
-    alignList.forEach((align) => {
-      const wrapper = mount(Row, {
-        props: {
-          align
-        }
-      });
-      expect(wrapper.classes()).toContain(`is-align-${align}`);
-    });
-    const wrapperDefault = mount(Row, {
-      props: {
-        align: "top"
-      }
-    });
-    expect(wrapperDefault.classes()).not.toContain("is-align-top");
-  });
-  it("should apply multiple props correctly", () => {
-    const wrapper = mount(Row, {
-      props: {
-        tag: "nav",
-        gutter: 30,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: "Combined"
-      }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("nav");
-    expect(wrapper.classes()).toContain("is-justify-center");
-    expect(wrapper.classes()).toContain("is-align-middle");
-    expect(wrapper.attributes("style")).toContain("margin-left: -15px");
-    expect(wrapper.text()).toBe("Combined");
-  });
-});

package/dist/row/__tests__/row_ts.test.cjs

@@ -1,31 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _row = _interopRequireDefault(require("../src/row.cjs"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhRow (Functional Component)", () => {
-  (0, _vitest.it)("should render correctly with various props", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default, {
-      props: {
-        tag: "section",
-        gutter: 20,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: () => "Content"
-      }
-    });
-    (0, _vitest.expect)(wrapper.element.tagName.toLowerCase()).toBe("section");
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-row");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-justify-center");
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-align-middle");
-    (0, _vitest.expect)(wrapper.attributes("style")).toContain("margin-left: -10px");
-    (0, _vitest.expect)(wrapper.text()).toBe("Content");
-  });
-  (0, _vitest.it)("should render without gutter", () => {
-    const wrapper = (0, _testUtils.mount)(_row.default);
-    (0, _vitest.expect)(wrapper.attributes("style")).toBeUndefined();
-  });
-});

package/dist/row/__tests__/row_ts.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/row/__tests__/row_ts.test.mjs

@@ -1,28 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Row from "../src/row.mjs";
-describe("YhRow (Functional Component)", () => {
-  it("should render correctly with various props", () => {
-    const wrapper = mount(Row, {
-      props: {
-        tag: "section",
-        gutter: 20,
-        justify: "center",
-        align: "middle"
-      },
-      slots: {
-        default: () => "Content"
-      }
-    });
-    expect(wrapper.element.tagName.toLowerCase()).toBe("section");
-    expect(wrapper.classes()).toContain("yh-row");
-    expect(wrapper.classes()).toContain("is-justify-center");
-    expect(wrapper.classes()).toContain("is-align-middle");
-    expect(wrapper.attributes("style")).toContain("margin-left: -10px");
-    expect(wrapper.text()).toBe("Content");
-  });
-  it("should render without gutter", () => {
-    const wrapper = mount(Row);
-    expect(wrapper.attributes("style")).toBeUndefined();
-  });
-});

package/dist/row/src/row.d.vue.ts

@@ -1,60 +0,0 @@
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly tag: {
-        readonly type: StringConstructor;
-        readonly default: "div";
-    };
-    readonly gutter: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly justify: {
-        readonly type: import("vue").PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly">;
-        readonly default: "start";
-    };
-    readonly align: {
-        readonly type: import("vue").PropType<"top" | "middle" | "bottom">;
-        readonly default: "top";
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly tag: {
-        readonly type: StringConstructor;
-        readonly default: "div";
-    };
-    readonly gutter: {
-        readonly type: NumberConstructor;
-        readonly default: 0;
-    };
-    readonly justify: {
-        readonly type: import("vue").PropType<"start" | "end" | "center" | "space-around" | "space-between" | "space-evenly">;
-        readonly default: "start";
-    };
-    readonly align: {
-        readonly type: import("vue").PropType<"top" | "middle" | "bottom">;
-        readonly default: "top";
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>> & Readonly<{}>, {
-    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
-    readonly justify: "space-around" | "space-between" | "space-evenly" | "center" | "end" | "start";
-    readonly tag: string;
-    readonly gutter: number;
-    readonly align: "top" | "bottom" | "middle";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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.d.ts

@@ -1 +0,0 @@
-export {};

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);
-  });
-});