@yh-ui/components 0.1.0

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

@@ -0,0 +1,167 @@
+import type { TooltipTrigger } from './tooltip';
+declare var __VLS_1: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly content: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: import("vue").PropType<import("./tooltip").TooltipPlacement>;
+        readonly default: "top";
+    };
+    readonly trigger: {
+        readonly type: import("vue").PropType<TooltipTrigger | TooltipTrigger[]>;
+        readonly default: "hover";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly hideAfter: {
+        readonly type: NumberConstructor;
+        readonly default: 200;
+    };
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly default: () => number[];
+    };
+    readonly showArrow: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly interactive: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly visible: {
+        readonly type: BooleanConstructor;
+        readonly default: null;
+    };
+    readonly effect: {
+        readonly type: StringConstructor;
+        readonly default: "dark";
+    };
+    readonly followCursor: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly popperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly teleported: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly zIndex: {
+        readonly type: NumberConstructor;
+        readonly default: 2000;
+    };
+    readonly transition: {
+        readonly type: StringConstructor;
+        readonly default: "yh-tooltip-fade";
+    };
+    readonly persistent: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly rawContent: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "auto";
+    };
+    readonly maxHeight: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "none";
+    };
+    readonly scrollable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly contentClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly contentStyle: {
+        readonly type: import("vue").PropType<string | Record<string, unknown>>;
+        readonly default: () => {};
+    };
+    readonly arrowClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly arrowStyle: {
+        readonly type: import("vue").PropType<Record<string, unknown>>;
+        readonly default: () => {};
+    };
+    readonly popperStyle: {
+        readonly type: import("vue").PropType<Record<string, unknown>>;
+        readonly default: () => {};
+    };
+    readonly arrowWrapperClass: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly arrowWrapperStyle: {
+        readonly type: import("vue").PropType<Record<string, unknown>>;
+        readonly default: () => {};
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {
+    updatePosition: () => Promise<void>;
+    visible: import("vue").Ref<boolean, boolean>;
+    triggerRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    popperRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly offset: [number, number];
+    readonly zIndex: number;
+    readonly teleported: boolean;
+    readonly disabled: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly width: string | number;
+    readonly visible: boolean;
+    readonly content: string;
+    readonly maxHeight: string | number;
+    readonly transition: string;
+    readonly effect: string;
+    readonly scrollable: boolean;
+    readonly placement: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-end" | "left-start" | "right-end" | "right-start";
+    readonly popperClass: string;
+    readonly popperStyle: Record<string, unknown>;
+    readonly trigger: "manual" | "click" | "contextmenu" | "focus" | "hover" | ("manual" | "click" | "contextmenu" | "focus" | "hover")[];
+    readonly contentStyle: string | Record<string, unknown>;
+    readonly contentClass: string;
+    readonly showAfter: number;
+    readonly hideAfter: number;
+    readonly showArrow: boolean;
+    readonly interactive: boolean;
+    readonly followCursor: boolean;
+    readonly persistent: boolean;
+    readonly rawContent: boolean;
+    readonly arrowClass: string;
+    readonly arrowStyle: Record<string, unknown>;
+    readonly arrowWrapperClass: string;
+    readonly arrowWrapperStyle: Record<string, unknown>;
+}, {}, {}, {}, 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/transfer/__tests__/transfer.ssr.test.cjs

@@ -0,0 +1,47 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _transfer = _interopRequireDefault(require("../src/transfer.vue"));
+var _ssr = require("../../__tests__/utils/ssr.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhTransfer SSR", () => {
+  const generateData = () => {
+    const data = [];
+    for (let i = 1; i <= 15; i++) {
+      data.push({
+        key: i,
+        label: `Option ${i}`,
+        disabled: i % 4 === 0
+      });
+    }
+    return data;
+  };
+  (0, _vitest.it)("should render correctly in SSR", async () => {
+    const data = generateData();
+    const html = await (0, _ssr.renderSSR)(_transfer.default, {
+      modelValue: [1, 4],
+      data
+    });
+    (0, _ssr.expectSSRHasClass)(html, "yh-transfer");
+    (0, _vitest.expect)(html).toContain("Option 1");
+  });
+  (0, _vitest.it)("should render filterable state in SSR", async () => {
+    const data = generateData();
+    const html = await (0, _ssr.renderSSR)(_transfer.default, {
+      data,
+      filterable: true,
+      filterPlaceholder: "Search here"
+    });
+    (0, _vitest.expect)(html).toContain("Search here");
+  });
+  (0, _vitest.it)("should hydrate without mismatch", async () => {
+    const data = generateData();
+    const result = await (0, _ssr.testHydration)(_transfer.default, {
+      data,
+      modelValue: [1],
+      titles: ["Source", "Target"],
+      buttonTexts: ["To Left", "To Right"]
+    });
+    (0, _vitest.expect)(result.isMatch).toBe(true);
+  });
+});

package/dist/transfer/__tests__/transfer.ssr.test.d.ts

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

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

@@ -0,0 +1,44 @@
+import { describe, it, expect } from "vitest";
+import Transfer from "../src/transfer.vue";
+import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
+describe("YhTransfer SSR", () => {
+  const generateData = () => {
+    const data = [];
+    for (let i = 1; i <= 15; i++) {
+      data.push({
+        key: i,
+        label: `Option ${i}`,
+        disabled: i % 4 === 0
+      });
+    }
+    return data;
+  };
+  it("should render correctly in SSR", async () => {
+    const data = generateData();
+    const html = await renderSSR(Transfer, {
+      modelValue: [1, 4],
+      data
+    });
+    expectSSRHasClass(html, "yh-transfer");
+    expect(html).toContain("Option 1");
+  });
+  it("should render filterable state in SSR", async () => {
+    const data = generateData();
+    const html = await renderSSR(Transfer, {
+      data,
+      filterable: true,
+      filterPlaceholder: "Search here"
+    });
+    expect(html).toContain("Search here");
+  });
+  it("should hydrate without mismatch", async () => {
+    const data = generateData();
+    const result = await testHydration(Transfer, {
+      data,
+      modelValue: [1],
+      titles: ["Source", "Target"],
+      buttonTexts: ["To Left", "To Right"]
+    });
+    expect(result.isMatch).toBe(true);
+  });
+});

package/dist/transfer/__tests__/transfer.test.cjs

@@ -0,0 +1,422 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _vue = require("vue");
+var _transfer = _interopRequireDefault(require("../src/transfer.vue"));
+var _transferPanel = _interopRequireDefault(require("../src/transfer-panel.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const generateData = (count = 15) => {
+  const data = [];
+  for (let i = 1; i <= count; i++) {
+    data.push({
+      key: i,
+      label: `\u9009\u9879 ${i}`,
+      disabled: i % 5 === 0
+    });
+  }
+  return data;
+};
+const generateCustomData = () => {
+  return [{
+    id: 1,
+    name: "\u5317\u4EAC",
+    code: "BJ"
+  }, {
+    id: 2,
+    name: "\u4E0A\u6D77",
+    code: "SH"
+  }, {
+    id: 3,
+    name: "\u5E7F\u5DDE",
+    code: "GZ"
+  }, {
+    id: 4,
+    name: "\u6DF1\u5733",
+    code: "SZ",
+    disabled: true
+  }];
+};
+(0, _vitest.describe)("Transfer", () => {
+  (0, _vitest.describe)("\u57FA\u7840\u6E32\u67D3", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3 Transfer \u7EC4\u4EF6", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: []
+        }
+      });
+      (0, _vitest.expect)(wrapper.find(".yh-transfer").exists()).toBe(true);
+      (0, _vitest.expect)(wrapper.findAll(".yh-transfer-panel").length).toBe(2);
+      (0, _vitest.expect)(wrapper.find(".yh-transfer__buttons").exists()).toBe(true);
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u663E\u793A\u6807\u9898", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: [],
+          titles: ["\u6E90\u5217\u8868", "\u76EE\u6807\u5217\u8868"]
+        }
+      });
+      const panels = wrapper.findAll(".yh-transfer-panel__title");
+      (0, _vitest.expect)(panels[0].text()).toContain("\u6E90\u5217\u8868");
+      (0, _vitest.expect)(panels[1].text()).toContain("\u76EE\u6807\u5217\u8868");
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u6807\u9898 props", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: [],
+          leftTitle: "\u5DE6\u4FA7\u5217\u8868",
+          rightTitle: "\u53F3\u4FA7\u5217\u8868"
+        }
+      });
+      const panels = wrapper.findAll(".yh-transfer-panel__title");
+      (0, _vitest.expect)(panels[0].text()).toContain("\u5DE6\u4FA7\u5217\u8868");
+      (0, _vitest.expect)(panels[1].text()).toContain("\u53F3\u4FA7\u5217\u8868");
+    });
+  });
+  (0, _vitest.describe)("\u6570\u636E\u7ED1\u5B9A", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u5206\u914D\u5DE6\u53F3\u4FA7\u6570\u636E", () => {
+      const data = generateData(10);
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data,
+          modelValue: [1, 2, 3]
+        }
+      });
+      const panels = wrapper.findAllComponents(_transferPanel.default);
+      (0, _vitest.expect)(panels[0]?.props("data")?.length).toBe(7);
+      (0, _vitest.expect)(panels[1]?.props("data")?.length).toBe(3);
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u5B57\u6BB5\u522B\u540D", () => {
+      const customData = generateCustomData();
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: customData,
+          modelValue: [1, 2],
+          props: {
+            key: "id",
+            label: "name",
+            disabled: "disabled"
+          }
+        }
+      });
+      const panels = wrapper.findAllComponents(_transferPanel.default);
+      (0, _vitest.expect)(panels[0]?.props("data")?.length).toBe(2);
+      (0, _vitest.expect)(panels[1]?.props("data")?.length).toBe(2);
+    });
+  });
+  (0, _vitest.describe)("\u7A7F\u68AD\u64CD\u4F5C", () => {
+    (0, _vitest.it)("\u70B9\u51FB\u9009\u9879\u5E94\u8BE5\u5207\u6362\u9009\u4E2D\u72B6\u6001", async () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(5),
+          modelValue: []
+        }
+      });
+      const items = wrapper.findAll(".yh-transfer-panel__item");
+      await items[0].trigger("click");
+      (0, _vitest.expect)(items[0].classes()).toContain("is-checked");
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u89E6\u53D1\u7A7F\u68AD\u4E8B\u4EF6", async () => {
+      const onChange = _vitest.vi.fn();
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(5),
+          modelValue: [],
+          "onUpdate:modelValue": val => {
+            wrapper.setProps({
+              modelValue: val
+            });
+          },
+          onChange
+        }
+      });
+      const leftItems = wrapper.findAll(".yh-transfer-panel__item");
+      await leftItems[0].trigger("click");
+      const buttons = wrapper.findAll(".yh-transfer__button");
+      await buttons[0].trigger("click");
+      (0, _vitest.expect)(onChange).toHaveBeenCalled();
+    });
+    (0, _vitest.it)("\u7981\u7528\u9879\u4E0D\u5E94\u8BE5\u88AB\u9009\u4E2D", async () => {
+      const data = generateData(5);
+      data[0].disabled = true;
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data,
+          modelValue: []
+        }
+      });
+      const items = wrapper.findAll(".yh-transfer-panel__item");
+      await items[0].trigger("click");
+      (0, _vitest.expect)(items[0].classes()).not.toContain("is-checked");
+    });
+  });
+  (0, _vitest.describe)("\u641C\u7D22\u8FC7\u6EE4", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u641C\u7D22\u6846", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: [],
+          filterable: true
+        }
+      });
+      const filterInputs = wrapper.findAll(".yh-transfer-panel__filter-input");
+      (0, _vitest.expect)(filterInputs.length).toBe(2);
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u8FC7\u6EE4\u6570\u636E", async () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(15),
+          modelValue: [],
+          filterable: true
+        }
+      });
+      const filterInput = wrapper.find(".yh-transfer-panel__filter-input");
+      await filterInput.setValue("1");
+      await (0, _vue.nextTick)();
+      const leftPanel = wrapper.findAllComponents(_transferPanel.default)[0];
+      const items = leftPanel.findAll(".yh-transfer-panel__item");
+      (0, _vitest.expect)(items.length).toBe(7);
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u8FC7\u6EE4\u65B9\u6CD5", async () => {
+      const customData = generateCustomData();
+      const filterMethod = _vitest.vi.fn((query, item) => {
+        return item.code.toLowerCase().includes(query.toLowerCase());
+      });
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: customData,
+          modelValue: [],
+          filterable: true,
+          filterMethod,
+          props: {
+            key: "id",
+            label: "name"
+          }
+        }
+      });
+      const filterInput = wrapper.find(".yh-transfer-panel__filter-input");
+      await filterInput.setValue("BJ");
+      await (0, _vue.nextTick)();
+      (0, _vitest.expect)(filterMethod).toHaveBeenCalled();
+    });
+  });
+  (0, _vitest.describe)("\u5C3A\u5BF8", () => {
+    _vitest.it.each(["large", "default", "small"])("\u5E94\u8BE5\u652F\u6301 %s \u5C3A\u5BF8", size => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: [],
+          size
+        }
+      });
+      (0, _vitest.expect)(wrapper.find(".yh-transfer").classes()).toContain(`yh-transfer--${size}`);
+    });
+  });
+  (0, _vitest.describe)("\u7981\u7528\u72B6\u6001", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u5E94\u7528\u7981\u7528\u72B6\u6001", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: [],
+          disabled: true
+        }
+      });
+      (0, _vitest.expect)(wrapper.find(".yh-transfer").classes()).toContain("is-disabled");
+    });
+    (0, _vitest.it)("\u7981\u7528\u72B6\u6001\u4E0B\u6309\u94AE\u5E94\u8BE5\u4E0D\u53EF\u70B9\u51FB", async () => {
+      const onChange = _vitest.vi.fn();
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: [],
+          disabled: true,
+          onChange
+        }
+      });
+      const buttons = wrapper.findAll(".yh-transfer__button");
+      await buttons[0].trigger("click");
+      (0, _vitest.expect)(onChange).not.toHaveBeenCalled();
+    });
+  });
+  (0, _vitest.describe)("\u76EE\u6807\u987A\u5E8F", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 original \u987A\u5E8F", async () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(10),
+          modelValue: [5, 1, 3],
+          targetOrder: "original"
+        }
+      });
+      const rightPanel = wrapper.findAllComponents(_transferPanel.default)[1];
+      const rightData = rightPanel?.props("data");
+      (0, _vitest.expect)(rightData?.[0]?.key).toBe(1);
+      (0, _vitest.expect)(rightData?.[1]?.key).toBe(3);
+      (0, _vitest.expect)(rightData?.[2]?.key).toBe(5);
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 push \u987A\u5E8F", async () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(10),
+          modelValue: [5, 1, 3],
+          targetOrder: "push"
+        }
+      });
+      const rightPanel = wrapper.findAllComponents(_transferPanel.default)[1];
+      const rightData = rightPanel?.props("data");
+      (0, _vitest.expect)(rightData?.[0]?.key).toBe(5);
+      (0, _vitest.expect)(rightData?.[1]?.key).toBe(1);
+      (0, _vitest.expect)(rightData?.[2]?.key).toBe(3);
+    });
+  });
+  (0, _vitest.describe)("\u7A7A\u72B6\u6001", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u663E\u793A\u9ED8\u8BA4\u7A7A\u72B6\u6001\u6587\u672C", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: [],
+          modelValue: []
+        }
+      });
+      const emptyTexts = wrapper.findAll(".yh-transfer-panel__empty-text");
+      (0, _vitest.expect)(emptyTexts.length).toBe(2);
+      (0, _vitest.expect)(emptyTexts[0].text()).toBe("\u65E0\u6570\u636E");
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u81EA\u5B9A\u4E49\u7A7A\u72B6\u6001\u6587\u672C", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: [],
+          modelValue: [],
+          leftEmptyText: "\u5DE6\u4FA7\u65E0\u6570\u636E",
+          rightEmptyText: "\u53F3\u4FA7\u65E0\u6570\u636E"
+        }
+      });
+      const emptyTexts = wrapper.findAll(".yh-transfer-panel__empty-text");
+      (0, _vitest.expect)(emptyTexts[0].text()).toBe("\u5DE6\u4FA7\u65E0\u6570\u636E");
+      (0, _vitest.expect)(emptyTexts[1].text()).toBe("\u53F3\u4FA7\u65E0\u6570\u636E");
+    });
+  });
+  (0, _vitest.describe)("\u9009\u4E2D\u72B6\u6001\u53D8\u5316\u4E8B\u4EF6", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u89E6\u53D1 left-check-change \u4E8B\u4EF6", async () => {
+      const onLeftCheckChange = _vitest.vi.fn();
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(5),
+          modelValue: [],
+          "onLeft-check-change": onLeftCheckChange
+        }
+      });
+      const items = wrapper.findAll(".yh-transfer-panel__item");
+      await items[0].trigger("click");
+      (0, _vitest.expect)(onLeftCheckChange).toHaveBeenCalled();
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u89E6\u53D1 right-check-change \u4E8B\u4EF6", async () => {
+      const onRightCheckChange = _vitest.vi.fn();
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(5),
+          modelValue: [1, 2],
+          "onRight-check-change": onRightCheckChange
+        }
+      });
+      const panels = wrapper.findAllComponents(_transferPanel.default);
+      const rightItems = panels[1].findAll(".yh-transfer-panel__item");
+      await rightItems[0].trigger("click");
+      (0, _vitest.expect)(onRightCheckChange).toHaveBeenCalled();
+    });
+  });
+  (0, _vitest.describe)("\u5168\u9009\u529F\u80FD", () => {
+    (0, _vitest.it)("\u70B9\u51FB\u5168\u9009\u5E94\u8BE5\u9009\u4E2D\u6240\u6709\u53EF\u9009\u9879", async () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(5),
+          modelValue: []
+        }
+      });
+      const checkAll = wrapper.find(".yh-transfer-panel__check-all");
+      await checkAll.trigger("click");
+      await (0, _vue.nextTick)();
+      const leftItems = wrapper.findAll(".yh-transfer-panel__item");
+      const checkedItems = leftItems.filter(item => item.classes().includes("is-checked"));
+      (0, _vitest.expect)(checkedItems.length).toBe(4);
+    });
+  });
+  (0, _vitest.describe)("\u6309\u94AE\u6587\u6848", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u663E\u793A\u81EA\u5B9A\u4E49\u6309\u94AE\u6587\u6848", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(),
+          modelValue: [],
+          buttonTexts: ["\u79FB\u5230\u53F3\u8FB9", "\u79FB\u5230\u5DE6\u8FB9"]
+        }
+      });
+      const buttonTexts = wrapper.findAll(".yh-transfer__button__text");
+      (0, _vitest.expect)(buttonTexts[0].text()).toBe("\u79FB\u5230\u53F3\u8FB9");
+      (0, _vitest.expect)(buttonTexts[1].text()).toBe("\u79FB\u5230\u5DE6\u8FB9");
+    });
+  });
+  (0, _vitest.describe)("\u521D\u59CB\u9009\u4E2D", () => {
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u5DE6\u4FA7\u9ED8\u8BA4\u9009\u4E2D\u9879", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(10),
+          modelValue: [],
+          leftDefaultChecked: [1, 2]
+        }
+      });
+      const leftItems = wrapper.findAll(".yh-transfer-panel__item");
+      (0, _vitest.expect)(leftItems[0].classes()).toContain("is-checked");
+      (0, _vitest.expect)(leftItems[1].classes()).toContain("is-checked");
+    });
+    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u53F3\u4FA7\u9ED8\u8BA4\u9009\u4E2D\u9879", () => {
+      const wrapper = (0, _testUtils.mount)(_transfer.default, {
+        props: {
+          data: generateData(10),
+          modelValue: [1, 2, 3],
+          rightDefaultChecked: [1]
+        }
+      });
+      const panels = wrapper.findAllComponents(_transferPanel.default);
+      const rightItems = panels[1].findAll(".yh-transfer-panel__item");
+      (0, _vitest.expect)(rightItems[0].classes()).toContain("is-checked");
+    });
+  });
+});
+(0, _vitest.describe)("TransferPanel", () => {
+  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u9762\u677F", () => {
+    const wrapper = (0, _testUtils.mount)(_transferPanel.default, {
+      props: {
+        data: generateData(5),
+        checked: [],
+        title: "\u6D4B\u8BD5\u9762\u677F"
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-transfer-panel").exists()).toBe(true);
+    (0, _vitest.expect)(wrapper.find(".yh-transfer-panel__title").text()).toContain("\u6D4B\u8BD5\u9762\u677F");
+  });
+  (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u663E\u793A\u7EDF\u8BA1\u4FE1\u606F", () => {
+    const wrapper = (0, _testUtils.mount)(_transferPanel.default, {
+      props: {
+        data: generateData(10),
+        checked: [1, 2, 3]
+      }
+    });
+    const count = wrapper.find(".yh-transfer-panel__count");
+    (0, _vitest.expect)(count.text()).toContain("3/10");
+  });
+  (0, _vitest.it)("\u865A\u62DF\u6EDA\u52A8\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3", () => {
+    const wrapper = (0, _testUtils.mount)(_transferPanel.default, {
+      props: {
+        data: generateData(100),
+        checked: [],
+        virtual: true,
+        itemHeight: 40,
+        height: 280
+      }
+    });
+    (0, _vitest.expect)(wrapper.find(".yh-transfer-panel__virtual-wrapper").exists()).toBe(true);
+    const items = wrapper.findAll(".yh-transfer-panel__item");
+    (0, _vitest.expect)(items.length).toBeLessThan(100);
+  });
+});

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

@@ -0,0 +1,5 @@
+/**
+ * Transfer 组件单元测试
+ * @description 测试 Transfer 穿梭框组件的核心功能
+ */
+export {};