@yh-ui/components 0.1.21 → 0.1.23

package/dist/cascader/__tests__/cascader-panel.test.mjs

@@ -1,151 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick } from "vue";
-import CascaderPanel from "../src/cascader-panel.vue";
-describe("YhCascaderPanel", () => {
-  const options = [
-    {
-      value: "v1",
-      label: "L1",
-      children: [
-        { value: "v1-1", label: "L1-1" },
-        { value: "v1-2", label: "L1-2" }
-      ]
-    },
-    {
-      value: "v2",
-      label: "L2",
-      disabled: true
-    }
-  ];
-  const defaultConfig = {
-    value: "value",
-    label: "label",
-    children: "children",
-    disabled: "disabled",
-    leaf: "leaf",
-    expandTrigger: "click",
-    checkStrictly: false,
-    multiple: false,
-    emitPath: true,
-    lazy: false
-  };
-  it("should render correct number of levels", async () => {
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options,
-        expandedPath: ["v1"],
-        config: defaultConfig,
-        isMultiple: false,
-        isChecked: () => false
-      }
-    });
-    expect(wrapper.findAll(".yh-cascader__menu").length).toBe(2);
-  });
-  it("should handle node click and emit expand", async () => {
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options,
-        expandedPath: [],
-        config: defaultConfig,
-        isMultiple: false,
-        isChecked: () => false
-      }
-    });
-    await wrapper.find(".yh-cascader__node").trigger("click");
-    expect(wrapper.emitted("expand")).toBeTruthy();
-    expect(wrapper.emitted("expand")?.[0]).toEqual([options[0], 0]);
-  });
-  it("should handle leaf node check", async () => {
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options,
-        expandedPath: ["v1"],
-        config: defaultConfig,
-        isMultiple: false,
-        isChecked: () => false
-      }
-    });
-    const secondMenu = wrapper.findAll(".yh-cascader__menu")[1];
-    const item = secondMenu.find(".yh-cascader__node");
-    await item.trigger("click");
-    expect(wrapper.emitted("check")).toBeTruthy();
-    expect(wrapper.emitted("check")?.[0]).toEqual([options[0].children?.[0], ["v1", "v1-1"]]);
-  });
-  it("should ignore disabled options", async () => {
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options,
-        expandedPath: [],
-        config: defaultConfig,
-        isMultiple: false,
-        isChecked: () => false
-      }
-    });
-    const disabledNode = wrapper.find(".is-disabled");
-    await disabledNode.trigger("click");
-    expect(wrapper.emitted("expand")).toBeUndefined();
-  });
-  it("should support hover trigger", async () => {
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options,
-        expandedPath: [],
-        config: { ...defaultConfig, expandTrigger: "hover" },
-        isMultiple: false,
-        isChecked: () => false
-      }
-    });
-    await wrapper.find(".yh-cascader__node").trigger("mouseenter");
-    expect(wrapper.emitted("expand")).toBeTruthy();
-  });
-  it("should support multiple choice", async () => {
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options,
-        expandedPath: ["v1"],
-        config: defaultConfig,
-        isMultiple: true,
-        isChecked: (path) => path[path.length - 1] === "v1-1"
-      }
-    });
-    const secondMenu = wrapper.findAll(".yh-cascader__menu")[1];
-    expect(secondMenu.find(".yh-cascader__checkbox").exists()).toBe(true);
-    expect(secondMenu.find(".is-checked").exists()).toBe(true);
-    await secondMenu.find(".yh-cascader__checkbox").trigger("click");
-    expect(wrapper.emitted("check")).toBeTruthy();
-  });
-  it("should support virtual scrolling", async () => {
-    const manyOptions = Array.from({ length: 100 }, (_, i) => ({ value: i, label: `L${i}` }));
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options: manyOptions,
-        expandedPath: [],
-        config: defaultConfig,
-        isMultiple: false,
-        isChecked: () => false,
-        virtual: true,
-        itemHeight: 30
-      }
-    });
-    expect(wrapper.find(".is-virtual").exists()).toBe(true);
-    const menu = wrapper.find(".yh-cascader__menu");
-    menu.element.scrollTop = 300;
-    await menu.trigger("scroll");
-    await nextTick();
-    const firstNode = wrapper.find(".yh-cascader__node");
-    expect(firstNode.element.style.position).toBe("absolute");
-  });
-  it("should render empty state", () => {
-    const wrapper = mount(CascaderPanel, {
-      props: {
-        options: [],
-        expandedPath: [],
-        config: defaultConfig,
-        isMultiple: false,
-        isChecked: () => false
-      }
-    });
-    expect(wrapper.find(".yh-cascader__empty").exists()).toBe(true);
-  });
-});

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

@@ -1,61 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _cascader = _interopRequireDefault(require("../src/cascader.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const mockOptions = [{
-  value: "guide",
-  label: "Guide",
-  children: [{
-    value: "disciplines",
-    label: "Disciplines"
-  }, {
-    value: "consistency",
-    label: "Consistency"
-  }]
-}, {
-  value: "resource",
-  label: "Resource",
-  children: [{
-    value: "axure",
-    label: "Axure"
-  }, {
-    value: "sketch",
-    label: "Sketch"
-  }]
-}];
-(0, _vitest.describe)("YhCascader SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_cascader.default, {
-      modelValue: [],
-      options: mockOptions,
-      placeholder: "Select region"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-cascader");
-    (0, _vitest.expect)(html).toContain("Select region");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_cascader.default, {
-      options: mockOptions,
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should render multiple state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_cascader.default, {
-      options: mockOptions,
-      multiple: true,
-      modelValue: [["guide", "consistency"]]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-cascader");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_cascader.default, {
-      options: mockOptions,
-      modelValue: ["guide", "disciplines"],
-      clearable: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,55 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Cascader from "../src/cascader.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-const mockOptions = [
-  {
-    value: "guide",
-    label: "Guide",
-    children: [
-      { value: "disciplines", label: "Disciplines" },
-      { value: "consistency", label: "Consistency" }
-    ]
-  },
-  {
-    value: "resource",
-    label: "Resource",
-    children: [
-      { value: "axure", label: "Axure" },
-      { value: "sketch", label: "Sketch" }
-    ]
-  }
-];
-describe("YhCascader SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Cascader, {
-      modelValue: [],
-      options: mockOptions,
-      placeholder: "Select region"
-    });
-    expectSSRHasClass(html, "yh-cascader");
-    expect(html).toContain("Select region");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(Cascader, {
-      options: mockOptions,
-      disabled: true
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should render multiple state in SSR", async () => {
-    const html = await renderSSR(Cascader, {
-      options: mockOptions,
-      multiple: true,
-      modelValue: [["guide", "consistency"]]
-    });
-    expectSSRHasClass(html, "yh-cascader");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(Cascader, {
-      options: mockOptions,
-      modelValue: ["guide", "disciplines"],
-      clearable: true
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/cascader/__tests__/cascader.test.cjs

@@ -1,342 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _cascader = _interopRequireDefault(require("../src/cascader.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhCascader", () => {
-  const options = [{
-    value: "guide",
-    label: "\u6307\u5357",
-    children: [{
-      value: "design",
-      label: "\u8BBE\u8BA1\u539F\u5219",
-      children: [{
-        value: "consistency",
-        label: "\u4E00\u81F4"
-      }, {
-        value: "feedback",
-        label: "\u53CD\u9988"
-      }]
-    }, {
-      value: "navigation",
-      label: "\u5BFC\u822A",
-      children: [{
-        value: "side-nav",
-        label: "\u4FA7\u5411\u5BFC\u822A"
-      }, {
-        value: "top-nav",
-        label: "\u9876\u90E8\u5BFC\u822A"
-      }]
-    }]
-  }, {
-    value: "component",
-    label: "\u7EC4\u4EF6",
-    children: [{
-      value: "basic",
-      label: "\u57FA\u7840\u7EC4\u4EF6",
-      children: [{
-        value: "button",
-        label: "Button \u6309\u94AE"
-      }, {
-        value: "icon",
-        label: "Icon \u56FE\u6807"
-      }]
-    }]
-  }, {
-    value: "resource",
-    label: "\u8D44\u6E90",
-    disabled: true,
-    children: [{
-      value: "axure",
-      label: "Axure Components"
-    }]
-  }];
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-cascader");
-    (0, _vitest.expect)(wrapper.find("input").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should work with v-model", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        modelValue: ["guide", "design", "consistency"],
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-cascader__selected-value").text()).toContain("\u6307\u5357");
-  });
-  (0, _vitest.it)("should display placeholder when no value", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        placeholder: "\u8BF7\u9009\u62E9"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("input").attributes("placeholder")).toBe("\u8BF7\u9009\u62E9");
-  });
-  (0, _vitest.it)("should be disabled when disabled prop is true", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        disabled: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
-    (0, _vitest.expect)(wrapper.find("input").attributes("disabled")).toBeDefined();
-  });
-  (0, _vitest.it)("should apply size class", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-cascader--large");
-  });
-  (0, _vitest.it)("should apply small size class", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        size: "small"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-cascader--small");
-  });
-  (0, _vitest.it)("should show clear button when clearable and has value", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        modelValue: ["guide", "design", "consistency"],
-        clearable: true
-      }
-    });
-    await wrapper.trigger("mouseenter");
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.find(".yh-cascader__clear").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should clear value when clear button is clicked", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        modelValue: ["guide", "design", "consistency"],
-        clearable: true,
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    await wrapper.trigger("mouseenter");
-    await wrapper.find("input").trigger("focus");
-    await (0, _vue.nextTick)();
-    await wrapper.find(".yh-cascader__clear").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("clear")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.props("modelValue")).toEqual([]);
-  });
-  (0, _vitest.it)("should toggle dropdown on click", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("visible-change")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("visible-change")[0]).toEqual([true]);
-  });
-  (0, _vitest.it)("should show only last level when showAllLevels is false", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        modelValue: ["guide", "design", "consistency"],
-        showAllLevels: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-cascader__selected-value").text()).toBe("\u4E00\u81F4");
-  });
-  (0, _vitest.it)("should show full path when showAllLevels is true", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        modelValue: ["guide", "design", "consistency"],
-        showAllLevels: true,
-        separator: " / "
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-cascader__selected-value").text()).toContain("/");
-  });
-  (0, _vitest.it)("should work in multiple mode", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        props: {
-          multiple: true
-        },
-        modelValue: [["guide", "design", "consistency"], ["guide", "design", "feedback"]],
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    const tags = wrapper.findAll(".yh-cascader__tag");
-    (0, _vitest.expect)(tags.length).toBe(2);
-  });
-  (0, _vitest.it)("should collapse tags when collapseTags is true", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        props: {
-          multiple: true
-        },
-        modelValue: [["guide", "design", "consistency"], ["guide", "design", "feedback"], ["component", "basic", "button"]],
-        collapseTags: true,
-        maxCollapseTags: 1
-      }
-    });
-    const tags = wrapper.findAll(".yh-cascader__tag");
-    (0, _vitest.expect)(tags.length).toBe(2);
-    (0, _vitest.expect)(tags[1].text()).toContain("+2");
-  });
-  (0, _vitest.it)("should remove tag in multiple mode", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        props: {
-          multiple: true
-        },
-        modelValue: [["guide", "design", "consistency"], ["guide", "design", "feedback"]],
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    const closeBtn = wrapper.find(".yh-cascader__tag-close");
-    if (closeBtn.exists()) {
-      await closeBtn.trigger("click");
-      (0, _vitest.expect)(wrapper.emitted("change")).toBeTruthy();
-    }
-  });
-  (0, _vitest.it)("should filter options when filterable", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        filterable: true
-      }
-    });
-    await wrapper.trigger("click");
-    await wrapper.find("input").setValue("\u6309\u94AE");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.emitted()).toBeTruthy();
-  });
-  (0, _vitest.it)("should use custom separator", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        modelValue: ["guide", "design", "consistency"],
-        separator: " > "
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-cascader__selected-value").text()).toContain(">");
-  });
-  (0, _vitest.it)("should emit focus and blur events", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options
-      }
-    });
-    await wrapper.find("input").trigger("focus");
-    (0, _vitest.expect)(wrapper.emitted("focus")).toBeTruthy();
-    await wrapper.find("input").trigger("blur");
-    await new Promise(resolve => setTimeout(resolve, 200));
-    (0, _vitest.expect)(wrapper.emitted("blur")).toBeTruthy();
-  });
-  (0, _vitest.it)("should have correct ARIA attributes", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options
-      }
-    });
-    const input = wrapper.find("input");
-    (0, _vitest.expect)(input.attributes("role")).toBe("combobox");
-    (0, _vitest.expect)(input.attributes("aria-expanded")).toBeDefined();
-  });
-  (0, _vitest.it)("should expose focus, blur and getCheckedNodes methods", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options
-      }
-    });
-    const vm = wrapper.vm;
-    (0, _vitest.expect)(typeof vm.focus).toBe("function");
-    (0, _vitest.expect)(typeof vm.blur).toBe("function");
-    (0, _vitest.expect)(typeof vm.getCheckedNodes).toBe("function");
-  });
-  (0, _vitest.it)("should return checked nodes", () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        modelValue: ["guide", "design", "consistency"]
-      }
-    });
-    const vm = wrapper.vm;
-    const nodes = vm.getCheckedNodes();
-    (0, _vitest.expect)(nodes.length).toBe(1);
-    (0, _vitest.expect)(nodes[0].value).toBe("consistency");
-  });
-  (0, _vitest.it)("should not select disabled option", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        "onUpdate:modelValue": val => wrapper.setProps({
-          modelValue: val
-        })
-      }
-    });
-    await wrapper.trigger("click");
-    await (0, _vue.nextTick)();
-    const disabledOption = wrapper.find(".yh-cascader__node.is-disabled");
-    if (disabledOption.exists()) {
-      await disabledOption.trigger("click");
-      (0, _vitest.expect)(wrapper.props("modelValue")).toBeUndefined();
-    }
-  });
-  (0, _vitest.it)("should emit expand-change when expanding", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options
-      }
-    });
-    await wrapper.trigger("click");
-    await (0, _vue.nextTick)();
-    const firstOption = wrapper.find(".yh-cascader__node");
-    if (firstOption.exists()) {
-      await firstOption.trigger("click");
-      (0, _vitest.expect)(wrapper.emitted("expand-change")).toBeTruthy();
-    }
-  });
-  (0, _vitest.it)("should expand on hover when expandTrigger is hover", async () => {
-    const wrapper = (0, _testUtils.mount)(_cascader.default, {
-      props: {
-        options,
-        props: {
-          expandTrigger: "hover"
-        }
-      }
-    });
-    await wrapper.trigger("click");
-    await (0, _vue.nextTick)();
-    const firstOption = wrapper.find(".yh-cascader__node");
-    if (firstOption.exists()) {
-      await firstOption.trigger("mouseenter");
-      (0, _vitest.expect)(wrapper.emitted("expand-change")).toBeTruthy();
-    }
-  });
-});