@yh-ui/components 0.1.21 → 0.1.23

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

@@ -1,333 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, h } from "vue";
-import { YhTree } from "../index.mjs";
-const treeData = [
-  {
-    key: "1",
-    label: "\u4E00\u7EA7\u8282\u70B9 1",
-    children: [
-      { key: "1-1", label: "\u4E8C\u7EA7\u8282\u70B9 1-1" },
-      { key: "1-2", label: "\u4E8C\u7EA7\u8282\u70B9 1-2", disabled: true }
-    ]
-  },
-  {
-    key: "2",
-    label: "\u4E00\u7EA7\u8282\u70B9 2",
-    children: [{ key: "2-1", label: "\u4E8C\u7EA7\u8282\u70B9 2-1" }]
-  },
-  { key: "3", label: "\u4E00\u7EA7\u8282\u70B9 3 (\u53F6\u5B50)" }
-];
-describe("Tree", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    expect(wrapper.classes()).toContain("yh-tree");
-    expect(wrapper.findAll(".yh-tree__node").length).toBeGreaterThanOrEqual(3);
-  });
-  it("should expand node on click", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, expandOnClickNode: true }
-    });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    await nextTick();
-    expect(wrapper.findAll(".yh-tree__node").length).toBeGreaterThan(3);
-  });
-  it("should expand node when clicking expand icon", async () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    const expandIcon = wrapper.find(".yh-tree__expand-icon");
-    await expandIcon.trigger("click");
-    await nextTick();
-    const expandedCount = wrapper.findAll(".yh-tree__node").length;
-    expect(expandedCount).toBeGreaterThan(3);
-    expect(wrapper.emitted("node-expand")).toBeTruthy();
-    const vm = wrapper.vm;
-    await expandIcon.trigger("click");
-    await nextTick();
-    expect([...vm.expandedKeys]).not.toContain("1");
-  });
-  it("should show checkbox and handle check", async () => {
-    const onCheck = vi.fn();
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, showCheckbox: true, onCheck }
-    });
-    const checkbox = wrapper.find(".yh-checkbox");
-    expect(checkbox.exists()).toBe(true);
-    await checkbox.find("input").trigger("change");
-    await nextTick();
-    expect(onCheck).toHaveBeenCalled();
-  });
-  it("should not check disabled node", async () => {
-    const wrapper = mount(YhTree, {
-      props: {
-        data: treeData,
-        showCheckbox: true,
-        defaultExpandedKeys: ["1"]
-      }
-    });
-    await nextTick();
-    const checkboxes = wrapper.findAll(".yh-checkbox input");
-    const disabledCheckbox = checkboxes.find((c) => c.element.disabled);
-    expect(disabledCheckbox).toBeTruthy();
-  });
-  it("should highlight current node on click", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, highlightCurrent: true }
-    });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    await nextTick();
-    expect(wrapper.find(".yh-tree__node.is-current").exists()).toBe(true);
-  });
-  it("should emit node-click event", async () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    expect(wrapper.emitted("node-click")).toBeTruthy();
-    expect(wrapper.emitted("current-change")).toBeTruthy();
-  });
-  it("should show empty text when no data", () => {
-    const wrapper = mount(YhTree, {
-      props: { data: [], emptyText: "\u6CA1\u6709\u6570\u636E" }
-    });
-    expect(wrapper.find(".yh-tree__empty").text()).toBe("\u6CA1\u6709\u6570\u636E");
-  });
-  it("should support default expanded keys", () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, defaultExpandedKeys: ["1"] }
-    });
-    expect(wrapper.findAll(".yh-tree__node").length).toBeGreaterThan(3);
-  });
-  it("should support default expand all", () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, defaultExpandAll: true }
-    });
-    expect(wrapper.findAll(".yh-tree__node").length).toBe(6);
-  });
-  it("should support accordion mode", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, accordion: true }
-    });
-    const expandIcons = wrapper.findAll(".yh-tree__expand-icon");
-    await expandIcons[0].trigger("click");
-    await nextTick();
-    await expandIcons[1].trigger("click");
-    await nextTick();
-    expect(wrapper.emitted("node-expand")).toBeTruthy();
-  });
-  it("should filter nodes", async () => {
-    const wrapper = mount(YhTree, { props: { data: treeData, defaultExpandAll: true } });
-    const vm = wrapper.vm;
-    vm.filter("2-1");
-    await nextTick();
-    const visibleNodes = wrapper.findAll(".yh-tree__node");
-    expect(visibleNodes.length).toBeGreaterThan(0);
-    vm.filter("");
-    await nextTick();
-    expect(wrapper.findAll(".yh-tree__node").length).toBe(6);
-  });
-  it("should expose getCheckedNodes and setCheckedKeys", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, showCheckbox: true, defaultExpandAll: true }
-    });
-    const vm = wrapper.vm;
-    vm.setCheckedKeys(["1-1", "2-1"]);
-    await nextTick();
-    const checkedNodes = vm.getCheckedNodes();
-    expect(checkedNodes.length).toBeGreaterThanOrEqual(2);
-    const checkedKeys = vm.getCheckedKeys();
-    expect(checkedKeys).toContain("1-1");
-  });
-  it("should expose setCurrentKey and getCurrentKey", async () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    const vm = wrapper.vm;
-    vm.setCurrentKey("1");
-    await nextTick();
-    expect(vm.getCurrentKey()).toBe("1");
-    const currentNode = vm.getCurrentNode();
-    expect(currentNode?.key).toBe("1");
-  });
-  it("should expose setExpandedKeys", async () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    const vm = wrapper.vm;
-    vm.setExpandedKeys(["1", "2"]);
-    await nextTick();
-    expect(wrapper.findAll(".yh-tree__node").length).toBeGreaterThan(3);
-  });
-  it("should expose expandNode and collapseNode", async () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    const vm = wrapper.vm;
-    vm.expandNode("1");
-    await nextTick();
-    expect(wrapper.vm.expandedKeys).toContain("1");
-    vm.collapseNode("1");
-    await nextTick();
-    expect(wrapper.vm.expandedKeys).not.toContain("1");
-  });
-  it("should expose setData method", async () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    const vm = wrapper.vm;
-    vm.setData([{ key: "new1", label: "\u65B0\u8282\u70B9" }]);
-    await nextTick();
-    expect(wrapper.findAll(".yh-tree__node").length).toBe(1);
-  });
-  it("should expose getNode method", () => {
-    const wrapper = mount(YhTree, { props: { data: treeData } });
-    const vm = wrapper.vm;
-    const node = vm.getNode("1");
-    expect(node?.label).toBe("\u4E00\u7EA7\u8282\u70B9 1");
-  });
-  it("should handle setChecked method", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, showCheckbox: true, defaultExpandAll: true }
-    });
-    const vm = wrapper.vm;
-    vm.setChecked("1-1", true);
-    await nextTick();
-    const checked = vm.getCheckedKeys();
-    expect(checked).toContain("1-1");
-    vm.setChecked("1-1", false);
-    await nextTick();
-    const checked2 = vm.getCheckedKeys();
-    expect(checked2).not.toContain("1-1");
-  });
-  it("should support custom node content via slots", () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData },
-      slots: {
-        default: ({ node }) => h("span", { class: "custom-label" }, node.label)
-      }
-    });
-    expect(wrapper.find(".custom-label").exists()).toBe(true);
-  });
-  it("should support virtual scrolling", () => {
-    const largeData = Array.from({ length: 100 }, (_, i) => ({
-      key: String(i),
-      label: `\u8282\u70B9 ${i}`
-    }));
-    const wrapper = mount(YhTree, {
-      props: { data: largeData, virtual: true, height: 300 }
-    });
-    expect(wrapper.findAll(".yh-tree__node").length).toBeLessThan(100);
-  });
-  it("should emit drag events via node context", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, draggable: true }
-    });
-    const nodes = wrapper.findAll(".yh-tree__node");
-    expect(nodes.length).toBeGreaterThan(0);
-    expect(wrapper.find(".yh-tree").exists()).toBe(true);
-  });
-  it("should accept draggable prop", () => {
-    const onNodeDrop = vi.fn();
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, draggable: true, onNodeDrop }
-    });
-    expect(wrapper.props("draggable")).toBe(true);
-    expect(wrapper.find(".yh-tree").exists()).toBe(true);
-  });
-  it("should expose getHalfCheckedNodes", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, showCheckbox: true, defaultExpandAll: true }
-    });
-    const vm = wrapper.vm;
-    vm.setCheckedKeys(["1-1"]);
-    await nextTick();
-    const halfChecked = vm.getHalfCheckedNodes();
-    expect(Array.isArray(halfChecked)).toBe(true);
-    const halfCheckedKeys = vm.getHalfCheckedKeys();
-    expect(Array.isArray(halfCheckedKeys)).toBe(true);
-  });
-  it("should support checkOnClickNode", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, showCheckbox: true, checkOnClickNode: true }
-    });
-    const node = wrapper.find(".yh-tree__content");
-    await node.trigger("click");
-    await nextTick();
-    expect(wrapper.emitted("check")).toBeTruthy();
-  });
-  it("should support setCheckedNodes", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, showCheckbox: true, defaultExpandAll: true }
-    });
-    const vm = wrapper.vm;
-    vm.setCheckedNodes([{ key: "1-1", label: "\u4E8C\u7EA7\u8282\u70B9 1-1" }]);
-    await nextTick();
-    expect(vm.getCheckedKeys()).toContain("1-1");
-  });
-  it("should watch currentNodeKey prop changes", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, currentNodeKey: "1" }
-    });
-    await wrapper.setProps({ currentNodeKey: "2" });
-    await nextTick();
-    expect(wrapper.vm.getCurrentKey()).toBe("2");
-  });
-  it("should handle drag and drop events", async () => {
-    const onNodeDragStart = vi.fn();
-    const onNodeDrop = vi.fn();
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, draggable: true, onNodeDragStart, onNodeDrop }
-    });
-    const nodeContent = wrapper.find(".yh-tree__content");
-    const dragStartEvent = new DragEvent("dragstart");
-    await nodeContent.element.dispatchEvent(dragStartEvent);
-    expect(onNodeDragStart).toHaveBeenCalled();
-    const dragOverEvent = new DragEvent("dragover");
-    await nodeContent.element.dispatchEvent(dragOverEvent);
-    const dropEvent = new DragEvent("drop");
-    await nodeContent.element.dispatchEvent(dropEvent);
-    expect(onNodeDrop).toHaveBeenCalled();
-  });
-  it("should support lazy loading", async () => {
-    const load = vi.fn().mockResolvedValue([{ key: "lazy-1", label: "\u61D2\u52A0\u8F7D\u8282\u70B9 1" }]);
-    const wrapper = mount(YhTree, {
-      //@ts-ignore
-      props: { data: [{ key: "parent", label: "\u7236\u8282\u70B9" }], lazy: true, load }
-    });
-    await wrapper.find(".yh-tree__expand-icon").trigger("click");
-    expect(load).toHaveBeenCalled();
-    await nextTick();
-    await nextTick();
-    expect(wrapper.text()).toContain("\u61D2\u52A0\u8F7D\u8282\u70B9 1");
-  });
-  it("should cover drag positions", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, draggable: true }
-    });
-    const content = wrapper.find(".yh-tree__content");
-    content.element.getBoundingClientRect = vi.fn().mockReturnValue({
-      top: 100,
-      height: 40,
-      left: 0,
-      right: 100,
-      bottom: 140,
-      width: 100,
-      x: 0,
-      y: 100,
-      toJSON: () => {
-      }
-    });
-    const eventBefore = new MouseEvent("dragover", { clientY: 105 });
-    Object.defineProperty(eventBefore, "currentTarget", { value: content.element });
-    await content.element.dispatchEvent(eventBefore);
-    const eventAfter = new MouseEvent("dragover", { clientY: 135 });
-    Object.defineProperty(eventAfter, "currentTarget", { value: content.element });
-    await content.element.dispatchEvent(eventAfter);
-    const eventInner = new MouseEvent("dragover", { clientY: 120 });
-    Object.defineProperty(eventInner, "currentTarget", { value: content.element });
-    await content.element.dispatchEvent(eventInner);
-  });
-  it("should support scrollTo and scrollToNode", async () => {
-    const wrapper = mount(YhTree, {
-      props: { data: treeData, virtual: true, height: 200, itemHeight: 30 }
-    });
-    const vm = wrapper.vm;
-    vm.innerScrollRef = { scrollTo: vi.fn() };
-    vm.scrollTo(100);
-    expect(vm.innerScrollRef.scrollTo).toHaveBeenCalledWith({ top: 100 });
-    vm.scrollToNode("3");
-    expect(vm.innerScrollRef.scrollTo).toHaveBeenCalled();
-  });
-});

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

@@ -1,52 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _treeSelect = _interopRequireDefault(require("../src/tree-select.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhTreeSelect SSR", () => {
-  const data = [{
-    value: "1",
-    label: "Level one 1",
-    children: [{
-      value: "1-1",
-      label: "Level two 1-1",
-      children: [{
-        value: "1-1-1",
-        label: "Level three 1-1-1"
-      }]
-    }]
-  }];
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_treeSelect.default, {
-      data,
-      modelValue: "",
-      placeholder: "Select node"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-tree-select");
-    (0, _vitest.expect)(html).toContain("Select node");
-  });
-  (0, _vitest.it)("should render multiple state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_treeSelect.default, {
-      data,
-      multiple: true,
-      modelValue: ["1-1-1"]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-multiple");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_treeSelect.default, {
-      data,
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_treeSelect.default, {
-      data,
-      modelValue: "1-1-1",
-      filterable: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,55 +0,0 @@
-import { describe, it, expect } from "vitest";
-import TreeSelect from "../src/tree-select.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhTreeSelect SSR", () => {
-  const data = [
-    {
-      value: "1",
-      label: "Level one 1",
-      children: [
-        {
-          value: "1-1",
-          label: "Level two 1-1",
-          children: [
-            {
-              value: "1-1-1",
-              label: "Level three 1-1-1"
-            }
-          ]
-        }
-      ]
-    }
-  ];
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(TreeSelect, {
-      data,
-      modelValue: "",
-      placeholder: "Select node"
-    });
-    expectSSRHasClass(html, "yh-tree-select");
-    expect(html).toContain("Select node");
-  });
-  it("should render multiple state in SSR", async () => {
-    const html = await renderSSR(TreeSelect, {
-      data,
-      multiple: true,
-      modelValue: ["1-1-1"]
-    });
-    expectSSRHasClass(html, "is-multiple");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(TreeSelect, {
-      data,
-      disabled: true
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(TreeSelect, {
-      data,
-      modelValue: "1-1-1",
-      filterable: true
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/tree-select/__tests__/tree-select.test.cjs

@@ -1,231 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _treeSelect = _interopRequireDefault(require("../src/tree-select.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhTreeSelect", () => {
-  const data = [{
-    id: "1",
-    name: "\u516C\u53F8\u603B\u90E8",
-    items: [{
-      id: "1-1",
-      name: "\u7814\u53D1\u4E2D\u5FC3",
-      items: [{
-        id: "1-1-1",
-        name: "\u524D\u7AEF\u7EC4"
-      }, {
-        id: "1-1-2",
-        name: "\u540E\u7AEF\u7EC4"
-      }]
-    }, {
-      id: "1-2",
-      name: "\u4EA7\u54C1\u90E8"
-    }]
-  }, {
-    id: "2",
-    name: "\u5206\u516C\u53F8",
-    items: [{
-      id: "2-1",
-      name: "\u5E02\u573A\u90E8"
-    }]
-  }];
-  const propsAlias = {
-    label: "name",
-    value: "id",
-    children: "items"
-  };
-  (0, _vitest.it)("renders correctly and supports custom props alias", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data,
-        props: propsAlias,
-        nodeKey: "id",
-        modelValue: "1-1",
-        teleported: false
-      }
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-tree-select__selected-label").text()).toBe("\u7814\u53D1\u4E2D\u5FC3");
-  });
-  (0, _vitest.it)("emits visible-change event when opened/closed", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data,
-        props: propsAlias,
-        teleported: false
-      }
-    });
-    const trigger = wrapper.find(".yh-tree-select__trigger");
-    await trigger.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("visible-change")?.[0]).toEqual([true]);
-    await trigger.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("visible-change")?.[1]).toEqual([false]);
-  });
-  (0, _vitest.it)("emits node-click event with correct arguments", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data,
-        props: propsAlias,
-        nodeKey: "id",
-        teleported: false
-      }
-    });
-    await wrapper.find(".yh-tree-select__trigger").trigger("click");
-    const node = wrapper.find(".yh-tree-select__node");
-    await node.trigger("click");
-    const nodeClickEvent = wrapper.emitted("node-click")?.[0];
-    (0, _vitest.expect)(nodeClickEvent?.[0]).toMatchObject({
-      id: "1",
-      name: "\u516C\u53F8\u603B\u90E8"
-    });
-    (0, _vitest.expect)(nodeClickEvent?.[1]).toHaveProperty("key", "1");
-    (0, _vitest.expect)(nodeClickEvent?.[2]).toBeDefined();
-  });
-  (0, _vitest.it)("supports multiple selection events: check and check-change", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data,
-        props: propsAlias,
-        multiple: true,
-        showCheckbox: true,
-        teleported: false,
-        nodeKey: "id",
-        defaultExpandAll: true
-      }
-    });
-    await wrapper.find(".yh-tree-select__trigger").trigger("click");
-    const nodes = wrapper.findAll(".yh-tree-select__node");
-    await nodes[0].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("check-change")).toBeDefined();
-    const checkEvent = wrapper.emitted("check")?.[0];
-    (0, _vitest.expect)(checkEvent?.[0]).toMatchObject({
-      id: "1"
-    });
-    (0, _vitest.expect)((checkEvent?.[1]).checkedKeys).toContain("1");
-    (0, _vitest.expect)((checkEvent?.[1]).checkedKeys).toContain("1-1-1");
-  });
-  (0, _vitest.it)("respects disabled property of specific nodes", async () => {
-    const disabledData = [{
-      id: "1",
-      name: "Enabled"
-    }, {
-      id: "2",
-      name: "Disabled",
-      disabled: true
-    }];
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data: disabledData,
-        props: propsAlias,
-        nodeKey: "id",
-        teleported: false
-      }
-    });
-    await wrapper.find(".yh-tree-select__trigger").trigger("click");
-    const nodes = wrapper.findAll(".yh-tree-select__node");
-    (0, _vitest.expect)(nodes[1].classes()).toContain("is-disabled");
-    await nodes[1].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeUndefined();
-  });
-  (0, _vitest.it)("filters nodes and shows correct subtree inheritance", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data,
-        props: propsAlias,
-        nodeKey: "id",
-        filterable: true,
-        teleported: false
-      }
-    });
-    await wrapper.find(".yh-tree-select__trigger").trigger("click");
-    const input = wrapper.find("input");
-    await input.setValue("\u7814\u53D1");
-    await input.trigger("input");
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    const nodes = wrapper.findAll(".yh-tree-select__node");
-    const texts = nodes.map(n => n.text().trim());
-    (0, _vitest.expect)(texts).toContain("\u7814\u53D1\u4E2D\u5FC3");
-    (0, _vitest.expect)(texts).toContain("\u524D\u7AEF\u7EC4");
-    (0, _vitest.expect)(texts).toContain("\u540E\u7AEF\u7EC4");
-    (0, _vitest.expect)(texts).not.toContain("\u4EA7\u54C1\u90E8");
-  });
-  (0, _vitest.it)("syncs state when modelValue is updated externally", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data,
-        props: propsAlias,
-        modelValue: "1",
-        teleported: false,
-        nodeKey: "id"
-      }
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-tree-select__selected-label").text()).toBe("\u516C\u53F8\u603B\u90E8");
-    await wrapper.setProps({
-      modelValue: "2"
-    });
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-tree-select__selected-label").text()).toBe("\u5206\u516C\u53F8");
-  });
-  (0, _vitest.it)("supports collapse-tags", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data,
-        props: propsAlias,
-        multiple: true,
-        collapseTags: true,
-        modelValue: ["1", "2", "1-1"],
-        teleported: false,
-        nodeKey: "id"
-      }
-    });
-    await (0, _vue.nextTick)();
-    const tags = wrapper.findAll(".yh-tree-select__tag");
-    (0, _vitest.expect)(tags.length).toBe(2);
-    (0, _vitest.expect)(tags[1].text()).toContain("+ 2");
-  });
-  (0, _vitest.it)("shows empty-text when no matching data found", async () => {
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data: [],
-        emptyText: "\u6CA1\u6709\u6570\u636E\u54E6",
-        teleported: false
-      }
-    });
-    await wrapper.find(".yh-tree-select__trigger").trigger("click");
-    (0, _vitest.expect)(wrapper.find(".yh-tree-select__empty").text()).toBe("\u6CA1\u6709\u6570\u636E\u54E6");
-  });
-  (0, _vitest.it)("lazy loading works correctly and auto-expands", async () => {
-    const load = _vitest.vi.fn((node, resolve) => {
-      resolve([{
-        id: "lazy-1",
-        name: "Lazy child",
-        isLeaf: true
-      }]);
-    });
-    const wrapper = (0, _testUtils.mount)(_treeSelect.default, {
-      props: {
-        data: [{
-          id: "1",
-          name: "Root",
-          items: []
-        }],
-        props: propsAlias,
-        lazy: true,
-        load,
-        teleported: false,
-        nodeKey: "id"
-      }
-    });
-    await wrapper.find(".yh-tree-select__trigger").trigger("click");
-    await wrapper.find(".yh-tree-select__node").trigger("click");
-    await new Promise(resolve => setTimeout(resolve, 50));
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(load).toHaveBeenCalled();
-    const allNodes = wrapper.findAll(".yh-tree-select__node");
-    (0, _vitest.expect)(allNodes.some(n => n.text().includes("Lazy child"))).toBe(true);
-  });
-});