@yh-ui/components 0.1.21 → 0.1.22

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

@@ -1,198 +0,0 @@
-import { describe, it, expect, beforeAll } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import Tree from "../src/tree.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 genTreeData = (rootCount, childCount) => Array.from(
-  { length: rootCount },
-  (_, i) => ({
-    key: `root-${i}`,
-    id: `root-${i}`,
-    label: `\u6839\u8282\u70B9 ${i}`,
-    children: Array.from(
-      { length: childCount },
-      (_2, j) => ({
-        key: `child-${i}-${j}`,
-        id: `child-${i}-${j}`,
-        label: `\u5B50\u8282\u70B9 ${i}-${j}`
-      })
-    )
-  })
-);
-const genFlatNodes = (n) => Array.from(
-  { length: n },
-  (_, i) => ({
-    key: `node-${i}`,
-    id: `node-${i}`,
-    label: `\u8282\u70B9 ${i}\uFF08Node ${i}\uFF09`
-  })
-);
-let TREE_10K;
-let TREE_FLAT_10K;
-beforeAll(() => {
-  TREE_10K = genTreeData(100, 100);
-  TREE_FLAT_10K = genFlatNodes(1e4);
-});
-describe("YhTree \u865A\u62DF\u6EDA\u52A8\u6027\u80FD\u57FA\u51C6\u6D4B\u8BD5", () => {
-  it("10k \u6241\u5E73\u8282\u70B9\uFF1A\u542F\u7528\u865A\u62DF\u6EDA\u52A8\u65F6\u6302\u8F7D\u5E94 < 5000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", () => {
-    let wrapper;
-    const elapsed = bench(
-      "\u521D\u59CB\u6302\u8F7D\uFF08virtual=true, 10k \u6241\u5E73\u8282\u70B9\uFF09",
-      () => {
-        wrapper = mount(Tree, {
-          props: {
-            data: TREE_FLAT_10K,
-            virtual: true,
-            height: 400,
-            itemHeight: 32,
-            nodeKey: "id"
-          }
-        });
-      },
-      5e3
-    );
-    expect(wrapper.classes()).toContain("yh-tree");
-    expect(elapsed).toBeLessThan(5e3);
-    wrapper.unmount();
-  });
-  it("10k \u6811\u5F62\u8282\u70B9\uFF08\u6298\u53E0\u6001\uFF09\uFF1A\u865A\u62DF\u6EDA\u52A8\u6302\u8F7D\u5E94 < 5000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", () => {
-    let wrapper;
-    const elapsed = bench(
-      "\u521D\u59CB\u6302\u8F7D\uFF0810k \u6811\u5F62\u8282\u70B9\uFF0C\u5168\u6298\u53E0\uFF09",
-      () => {
-        wrapper = mount(Tree, {
-          props: {
-            data: TREE_10K,
-            virtual: true,
-            height: 400,
-            itemHeight: 32,
-            nodeKey: "id"
-          }
-        });
-      },
-      5e3
-    );
-    expect(elapsed).toBeLessThan(5e3);
-    wrapper.unmount();
-  });
-  it("10k \u6241\u5E73\u8282\u70B9\uFF1A\u865A\u62DF\u6EDA\u52A8 DOM \u8282\u70B9\u6570\u5E94\u8FDC\u5C11\u4E8E\u6570\u636E\u91CF", async () => {
-    const wrapper = mount(Tree, {
-      props: {
-        data: TREE_FLAT_10K,
-        virtual: true,
-        height: 400,
-        itemHeight: 32,
-        nodeKey: "id"
-      }
-    });
-    await nextTick();
-    const nodeElements = wrapper.findAll(".yh-tree__node");
-    console.log(
-      `[PERF] \u865A\u62DF\u6EDA\u52A8 DOM \u8282\u70B9\u6570: ${nodeElements.length}\uFF0C\u6570\u636E\u91CF: ${TREE_FLAT_10K.length}`
-    );
-    expect(nodeElements.length).toBeLessThan(100);
-    wrapper.unmount();
-  });
-  it("10k \u6241\u5E73\u8282\u70B9\uFF1A\u9996\u5C4F\u6E32\u67D3\u8282\u70B9 label \u5E94\u6B63\u786E", async () => {
-    const wrapper = mount(Tree, {
-      props: {
-        data: TREE_FLAT_10K,
-        virtual: true,
-        height: 400,
-        itemHeight: 32,
-        nodeKey: "id"
-      }
-    });
-    await nextTick();
-    const labels = wrapper.findAll(".yh-tree__label");
-    if (labels.length > 0) {
-      const firstText = labels[0].text();
-      console.log(`[PERF] \u9996\u4E2A\u8282\u70B9\u6587\u672C\uFF08yh-tree__label\uFF09: "${firstText}"`);
-      expect(firstText).toContain("\u8282\u70B9 0");
-    } else {
-      const nodes = wrapper.findAll(".yh-tree__node");
-      if (nodes.length > 0) {
-        console.log(`[PERF] \u8282\u70B9\u6587\u672C\uFF08yh-tree__node\uFF09: "${nodes[0].text()}"`);
-        expect(nodes[0].text()).toContain("\u8282\u70B9 0");
-      }
-    }
-    wrapper.unmount();
-  });
-  it("10k \u8282\u70B9\uFF1A\u542F\u7528 showCheckbox \u65F6\u6302\u8F7D\u5E94 < 6000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", () => {
-    let wrapper;
-    const elapsed = bench(
-      "\u6302\u8F7D\uFF08virtual + showCheckbox, 10k \u8282\u70B9\uFF09",
-      () => {
-        wrapper = mount(Tree, {
-          props: {
-            data: TREE_FLAT_10K,
-            virtual: true,
-            height: 400,
-            itemHeight: 32,
-            nodeKey: "id",
-            showCheckbox: true
-          }
-        });
-      },
-      6e3
-    );
-    expect(elapsed).toBeLessThan(6e3);
-    wrapper.unmount();
-  });
-  it("10k \u8282\u70B9\uFF1A\u91CD\u590D\u6302\u8F7D/\u5378\u8F7D 5 \u6B21\u6027\u80FD\u5E94\u4FDD\u6301\u7A33\u5B9A", () => {
-    const ROUNDS = 5;
-    const times = [];
-    for (let r = 0; r < ROUNDS; r++) {
-      const t0 = performance.now();
-      const wrapper = mount(Tree, {
-        props: {
-          data: TREE_FLAT_10K,
-          virtual: true,
-          height: 400,
-          itemHeight: 32,
-          nodeKey: "id"
-        }
-      });
-      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`
-    );
-    console.log(`[PERF] \u5404\u8F6E\u8017\u65F6: ${times.map((t) => t.toFixed(1)).join(" / ")} 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);
-  });
-  it("10k \u8282\u70B9\uFF1A\u8FDE\u7EED\u5C55\u5F00 10 \u4E2A\u6839\u8282\u70B9\u5E94 < 5000ms\uFF08Happy-DOM \u57FA\u51C6\uFF09", async () => {
-    const wrapper = mount(Tree, {
-      props: {
-        data: TREE_10K,
-        virtual: true,
-        height: 400,
-        itemHeight: 32,
-        nodeKey: "id"
-      }
-    });
-    await nextTick();
-    const expandIcons = wrapper.findAll(".yh-tree__expand-icon");
-    const EXPAND_COUNT = Math.min(10, expandIcons.length);
-    const t0 = performance.now();
-    for (let i = 0; i < EXPAND_COUNT; i++) {
-      await expandIcons[i].trigger("click");
-    }
-    const elapsed = performance.now() - t0;
-    console.log(`[PERF] \u8FDE\u7EED\u5C55\u5F00 ${EXPAND_COUNT} \u4E2A\u6839\u8282\u70B9: ${elapsed.toFixed(2)}ms`);
-    expect(elapsed).toBeLessThan(5e3);
-    wrapper.unmount();
-  });
-});

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

@@ -1,56 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Tree SSR", () => {
-  const treeData = [{
-    key: "1",
-    label: "Node 1"
-  }, {
-    key: "2",
-    label: "Node 2"
-  }];
-  (0, _vitest.it)("should render correctly on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_index.YhTree, {
-      data: treeData
-    }));
-    (0, _vitest.expect)(html).toContain("yh-tree");
-    (0, _vitest.expect)(html).toContain("Node 1");
-    (0, _vitest.expect)(html).toContain("Node 2");
-  });
-  (0, _vitest.it)("should handle empty data safely", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_index.YhTree, {
-      data: [],
-      emptyText: "\u6682\u65E0\u6570\u636E"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-tree");
-    (0, _vitest.expect)(html).toContain("\u6682\u65E0\u6570\u636E");
-  });
-  (0, _vitest.it)("should render with various props in SSR", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_index.YhTree, {
-      data: treeData,
-      showCheckbox: true,
-      accordion: true,
-      draggable: true,
-      showLine: true
-    }));
-    (0, _vitest.expect)(html).toContain("yh-checkbox");
-    (0, _vitest.expect)(html).toContain("yh-tree--show-line");
-  });
-  (0, _vitest.it)("should handle custom props mapping in SSR", async () => {
-    const customData = [{
-      id: "101",
-      name: "Custom Node"
-    }];
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_index.YhTree, {
-      data: customData,
-      nodeKey: "id",
-      props: {
-        label: "name"
-      }
-    }));
-    (0, _vitest.expect)(html).toContain("Custom Node");
-  });
-});

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

@@ -1,45 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import { YhTree } from "../index.mjs";
-describe("Tree SSR", () => {
-  const treeData = [
-    { key: "1", label: "Node 1" },
-    { key: "2", label: "Node 2" }
-  ];
-  it("should render correctly on server", async () => {
-    const html = await renderToString(h(YhTree, { data: treeData }));
-    expect(html).toContain("yh-tree");
-    expect(html).toContain("Node 1");
-    expect(html).toContain("Node 2");
-  });
-  it("should handle empty data safely", async () => {
-    const html = await renderToString(h(YhTree, { data: [], emptyText: "\u6682\u65E0\u6570\u636E" }));
-    expect(html).toContain("yh-tree");
-    expect(html).toContain("\u6682\u65E0\u6570\u636E");
-  });
-  it("should render with various props in SSR", async () => {
-    const html = await renderToString(
-      h(YhTree, {
-        data: treeData,
-        showCheckbox: true,
-        accordion: true,
-        draggable: true,
-        showLine: true
-      })
-    );
-    expect(html).toContain("yh-checkbox");
-    expect(html).toContain("yh-tree--show-line");
-  });
-  it("should handle custom props mapping in SSR", async () => {
-    const customData = [{ id: "101", name: "Custom Node" }];
-    const html = await renderToString(
-      h(YhTree, {
-        data: customData,
-        nodeKey: "id",
-        props: { label: "name" }
-      })
-    );
-    expect(html).toContain("Custom Node");
-  });
-});