@yh-ui/components 0.1.21 → 0.1.22

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

@@ -1,124 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import YhMenu from "../src/menu.vue";
-import YhMenuItem from "../src/menu-item.vue";
-import YhMenuItemGroup from "../src/menu-item-group.vue";
-import YhSubMenu from "../src/sub-menu.vue";
-describe("YhMenu SSR", () => {
-  it("should render vertical menu on server", async () => {
-    const html = await renderToString(
-      h(
-        YhMenu,
-        {
-          mode: "vertical"
-        },
-        {
-          default: () => [
-            h(YhMenuItem, { index: "1" }, () => "\u83DC\u5355\u98791"),
-            h(YhMenuItem, { index: "2" }, () => "\u83DC\u5355\u98792")
-          ]
-        }
-      )
-    );
-    expect(html).toContain("yh-menu");
-    expect(html).toContain("yh-menu--vertical");
-    expect(html).toContain("\u83DC\u5355\u98791");
-    expect(html).toContain("\u83DC\u5355\u98792");
-  });
-  it("should render horizontal menu on server", async () => {
-    const html = await renderToString(
-      h(
-        YhMenu,
-        {
-          mode: "horizontal"
-        },
-        {
-          default: () => [
-            h(YhMenuItem, { index: "1" }, () => "\u9996\u9875"),
-            h(YhMenuItem, { index: "2" }, () => "\u5173\u4E8E")
-          ]
-        }
-      )
-    );
-    expect(html).toContain("yh-menu--horizontal");
-    expect(html).toContain("\u9996\u9875");
-    expect(html).toContain("\u5173\u4E8E");
-  });
-  it("should render active menu item on server", async () => {
-    const html = await renderToString(
-      h(
-        YhMenu,
-        {
-          defaultActive: "2"
-        },
-        {
-          default: () => [
-            h(YhMenuItem, { index: "1" }, () => "\u83DC\u5355\u98791"),
-            h(YhMenuItem, { index: "2" }, () => "\u83DC\u5355\u98792")
-          ]
-        }
-      )
-    );
-    expect(html).toContain("yh-menu-item");
-    expect(html).toContain("is-active");
-  });
-  it("should render menu item group on server", async () => {
-    const html = await renderToString(
-      h(
-        YhMenu,
-        {},
-        {
-          default: () => [
-            h(
-              YhMenuItemGroup,
-              { title: "\u5206\u7EC41" },
-              {
-                default: () => h(YhMenuItem, { index: "1" }, () => "\u83DC\u5355\u98791")
-              }
-            )
-          ]
-        }
-      )
-    );
-    expect(html).toContain("yh-menu-item-group");
-    expect(html).toContain("\u5206\u7EC41");
-  });
-  it("should render collapsed menu on server", async () => {
-    const html = await renderToString(
-      h(
-        YhMenu,
-        {
-          mode: "vertical",
-          collapse: true
-        },
-        {
-          default: () => [h(YhMenuItem, { index: "1" }, () => "\u83DC\u5355\u98791")]
-        }
-      )
-    );
-    expect(html).toContain("yh-menu--collapse");
-  });
-  it("should render sub-menu on server", async () => {
-    const html = await renderToString(
-      h(
-        YhMenu,
-        {},
-        {
-          default: () => [
-            h(
-              YhSubMenu,
-              { index: "sub1" },
-              {
-                title: () => "\u5B50\u83DC\u5355",
-                default: () => h(YhMenuItem, { index: "1" }, () => "\u5B50\u98791")
-              }
-            )
-          ]
-        }
-      )
-    );
-    expect(html).toContain("yh-sub-menu");
-    expect(html).toContain("\u5B50\u83DC\u5355");
-  });
-});

package/dist/menu/__tests__/menu.test.cjs

@@ -1,209 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Menu", () => {
-  const globalConfig = {
-    components: {
-      YhMenuItem: _index.YhMenuItem,
-      YhMenuItemGroup: _index.YhMenuItemGroup,
-      YhSubMenu: _index.YhSubMenu
-    }
-  };
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.useFakeTimers();
-  });
-  (0, _vitest.it)("should render vertical menu correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        mode: "vertical"
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_index.YhMenuItem, {
-          index: "1"
-        }, () => "\u83DC\u5355\u98791"), (0, _vue.h)(_index.YhMenuItem, {
-          index: "2"
-        }, () => "\u83DC\u5355\u98792")]
-      },
-      global: globalConfig
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-menu--vertical");
-  });
-  (0, _vitest.it)("should support sub-menu interaction", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        mode: "vertical"
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_index.YhSubMenu, {
-          index: "sub1",
-          label: "\u5B50\u83DC\u53551"
-        }, {
-          default: () => [(0, _vue.h)(_index.YhMenuItem, {
-            index: "sub1-1"
-          }, () => "\u98791-1")]
-        })]
-      },
-      global: globalConfig
-    });
-    const subMenuTitle = wrapper.find(".yh-sub-menu__title");
-    (0, _vitest.expect)(subMenuTitle.exists()).toBe(true);
-    await subMenuTitle.trigger("click");
-    (0, _vitest.expect)(wrapper.vm.openedMenus).toContain("sub1");
-    (0, _vitest.expect)(wrapper.find(".yh-menu-item").isVisible()).toBe(true);
-    await subMenuTitle.trigger("click");
-    (0, _vitest.expect)(wrapper.vm.openedMenus).not.toContain("sub1");
-  });
-  (0, _vitest.it)("should support hover trigger in horizontal mode", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        mode: "horizontal",
-        menuTrigger: "hover"
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_index.YhSubMenu, {
-          index: "sub1",
-          label: "\u5B50\u83DC\u53551"
-        }, {
-          default: () => [(0, _vue.h)(_index.YhMenuItem, {
-            index: "sub1-1"
-          }, () => "\u98791-1")]
-        })]
-      },
-      global: globalConfig
-    });
-    const subMenu = wrapper.find(".yh-sub-menu");
-    await subMenu.trigger("mouseenter");
-    _vitest.vi.advanceTimersByTime(400);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.openedMenus).toContain("sub1");
-    await subMenu.trigger("mouseleave");
-    _vitest.vi.advanceTimersByTime(400);
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.openedMenus).not.toContain("sub1");
-  });
-  (0, _vitest.it)("should calculate nested indentation", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        mode: "vertical",
-        indent: 20
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_index.YhSubMenu, {
-          index: "sub1",
-          label: "Level 0"
-        }, {
-          default: () => [(0, _vue.h)(_index.YhSubMenu, {
-            index: "sub2",
-            label: "Level 1"
-          }, {
-            default: () => [(0, _vue.h)(_index.YhMenuItem, {
-              index: "item1"
-            }, () => "Level 2")]
-          })]
-        })]
-      },
-      global: globalConfig
-    });
-    await wrapper.find(".yh-sub-menu__title").trigger("click");
-    await (0, _vue.nextTick)();
-    const sub2Title = wrapper.findAll(".yh-sub-menu__title")[1];
-    const style = sub2Title.element.style;
-    (0, _vitest.expect)(style.paddingLeft).toBe("40px");
-    const item1 = wrapper.find(".yh-menu-item");
-    const itemStyle = item1.element.style;
-    (0, _vitest.expect)(itemStyle.paddingLeft).toBe("60px");
-  });
-  (0, _vitest.it)("should support unique-opened", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        uniqueOpened: true
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_index.YhSubMenu, {
-          index: "sub1",
-          label: "Sub 1"
-        }, () => []), (0, _vue.h)(_index.YhSubMenu, {
-          index: "sub2",
-          label: "Sub 2"
-        }, () => [])]
-      },
-      global: globalConfig
-    });
-    const titles = wrapper.findAll(".yh-sub-menu__title");
-    await titles[0].trigger("click");
-    (0, _vitest.expect)(wrapper.vm.openedMenus).toEqual(["sub1"]);
-    await titles[1].trigger("click");
-    (0, _vitest.expect)(wrapper.vm.openedMenus).toEqual(["sub2"]);
-  });
-  (0, _vitest.it)("should support custom label rendering", () => {
-    const renderLabel = _vitest.vi.fn(({
-      label
-    }) => `Custom ${label}`);
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        renderLabel
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_index.YhMenuItem, {
-          index: "1",
-          label: "Item"
-        })]
-      },
-      global: globalConfig
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-menu-item").text()).toBe("Custom Item");
-  });
-  (0, _vitest.it)("should handle router mode (event only)", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        router: true
-      },
-      slots: {
-        default: () => [(0, _vue.h)(_index.YhMenuItem, {
-          index: "/home"
-        }, () => "Home")]
-      },
-      global: globalConfig
-    });
-    await wrapper.find(".yh-menu-item").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("select")[0][0]).toBe("/home");
-  });
-  (0, _vitest.it)("should support recursive rendering via options prop", () => {
-    const options = [{
-      index: "sub1",
-      label: "Sub 1",
-      children: [{
-        index: "sub1-1",
-        label: "Item 1-1"
-      }, {
-        index: "sub1-2",
-        label: "Sub 1-2",
-        children: [{
-          index: "sub1-2-1",
-          label: "Item 1-2-1"
-        }]
-      }]
-    }, {
-      group: true,
-      label: "Group 1",
-      children: [{
-        index: "g1-1",
-        label: "G Item 1"
-      }]
-    }];
-    const wrapper = (0, _testUtils.mount)(_index.YhMenu, {
-      props: {
-        options
-      },
-      global: globalConfig
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-sub-menu").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-menu-item-group").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.findAllComponents({
-      name: "YhMenuRecursiveItem"
-    }).length).toBeGreaterThan(0);
-  });
-});

package/dist/menu/__tests__/menu.test.mjs

@@ -1,182 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, h } from "vue";
-import { YhMenu, YhMenuItem, YhMenuItemGroup, YhSubMenu } from "../index.mjs";
-describe("Menu", () => {
-  const globalConfig = {
-    components: {
-      YhMenuItem,
-      YhMenuItemGroup,
-      YhSubMenu
-    }
-  };
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-  it("should render vertical menu correctly", () => {
-    const wrapper = mount(YhMenu, {
-      props: { mode: "vertical" },
-      slots: {
-        default: () => [
-          h(YhMenuItem, { index: "1" }, () => "\u83DC\u5355\u98791"),
-          h(YhMenuItem, { index: "2" }, () => "\u83DC\u5355\u98792")
-        ]
-      },
-      global: globalConfig
-    });
-    expect(wrapper.classes()).toContain("yh-menu--vertical");
-  });
-  it("should support sub-menu interaction", async () => {
-    const wrapper = mount(YhMenu, {
-      props: { mode: "vertical" },
-      slots: {
-        default: () => [
-          h(
-            YhSubMenu,
-            { index: "sub1", label: "\u5B50\u83DC\u53551" },
-            {
-              default: () => [h(YhMenuItem, { index: "sub1-1" }, () => "\u98791-1")]
-            }
-          )
-        ]
-      },
-      global: globalConfig
-    });
-    const subMenuTitle = wrapper.find(".yh-sub-menu__title");
-    expect(subMenuTitle.exists()).toBe(true);
-    await subMenuTitle.trigger("click");
-    expect(wrapper.vm.openedMenus).toContain("sub1");
-    expect(wrapper.find(".yh-menu-item").isVisible()).toBe(true);
-    await subMenuTitle.trigger("click");
-    expect(wrapper.vm.openedMenus).not.toContain("sub1");
-  });
-  it("should support hover trigger in horizontal mode", async () => {
-    const wrapper = mount(YhMenu, {
-      props: {
-        mode: "horizontal",
-        menuTrigger: "hover"
-      },
-      slots: {
-        default: () => [
-          h(
-            YhSubMenu,
-            { index: "sub1", label: "\u5B50\u83DC\u53551" },
-            {
-              default: () => [h(YhMenuItem, { index: "sub1-1" }, () => "\u98791-1")]
-            }
-          )
-        ]
-      },
-      global: globalConfig
-    });
-    const subMenu = wrapper.find(".yh-sub-menu");
-    await subMenu.trigger("mouseenter");
-    vi.advanceTimersByTime(400);
-    await nextTick();
-    expect(wrapper.vm.openedMenus).toContain("sub1");
-    await subMenu.trigger("mouseleave");
-    vi.advanceTimersByTime(400);
-    await nextTick();
-    expect(wrapper.vm.openedMenus).not.toContain("sub1");
-  });
-  it("should calculate nested indentation", async () => {
-    const wrapper = mount(YhMenu, {
-      props: { mode: "vertical", indent: 20 },
-      slots: {
-        default: () => [
-          h(
-            YhSubMenu,
-            { index: "sub1", label: "Level 0" },
-            {
-              default: () => [
-                h(
-                  YhSubMenu,
-                  { index: "sub2", label: "Level 1" },
-                  {
-                    default: () => [h(YhMenuItem, { index: "item1" }, () => "Level 2")]
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      },
-      global: globalConfig
-    });
-    await wrapper.find(".yh-sub-menu__title").trigger("click");
-    await nextTick();
-    const sub2Title = wrapper.findAll(".yh-sub-menu__title")[1];
-    const style = sub2Title.element.style;
-    expect(style.paddingLeft).toBe("40px");
-    const item1 = wrapper.find(".yh-menu-item");
-    const itemStyle = item1.element.style;
-    expect(itemStyle.paddingLeft).toBe("60px");
-  });
-  it("should support unique-opened", async () => {
-    const wrapper = mount(YhMenu, {
-      props: { uniqueOpened: true },
-      slots: {
-        default: () => [
-          h(YhSubMenu, { index: "sub1", label: "Sub 1" }, () => []),
-          h(YhSubMenu, { index: "sub2", label: "Sub 2" }, () => [])
-        ]
-      },
-      global: globalConfig
-    });
-    const titles = wrapper.findAll(".yh-sub-menu__title");
-    await titles[0].trigger("click");
-    expect(wrapper.vm.openedMenus).toEqual(["sub1"]);
-    await titles[1].trigger("click");
-    expect(wrapper.vm.openedMenus).toEqual(["sub2"]);
-  });
-  it("should support custom label rendering", () => {
-    const renderLabel = vi.fn(({ label }) => `Custom ${label}`);
-    const wrapper = mount(YhMenu, {
-      props: { renderLabel },
-      slots: {
-        default: () => [h(YhMenuItem, { index: "1", label: "Item" })]
-      },
-      global: globalConfig
-    });
-    expect(wrapper.find(".yh-menu-item").text()).toBe("Custom Item");
-  });
-  it("should handle router mode (event only)", async () => {
-    const wrapper = mount(YhMenu, {
-      props: { router: true },
-      slots: {
-        default: () => [h(YhMenuItem, { index: "/home" }, () => "Home")]
-      },
-      global: globalConfig
-    });
-    await wrapper.find(".yh-menu-item").trigger("click");
-    expect(wrapper.emitted("select")[0][0]).toBe("/home");
-  });
-  it("should support recursive rendering via options prop", () => {
-    const options = [
-      {
-        index: "sub1",
-        label: "Sub 1",
-        children: [
-          { index: "sub1-1", label: "Item 1-1" },
-          {
-            index: "sub1-2",
-            label: "Sub 1-2",
-            children: [{ index: "sub1-2-1", label: "Item 1-2-1" }]
-          }
-        ]
-      },
-      {
-        group: true,
-        label: "Group 1",
-        children: [{ index: "g1-1", label: "G Item 1" }]
-      }
-    ];
-    const wrapper = mount(YhMenu, {
-      props: { options },
-      global: globalConfig
-    });
-    expect(wrapper.find(".yh-sub-menu").exists()).toBe(true);
-    expect(wrapper.find(".yh-menu-item-group").exists()).toBe(true);
-    expect(wrapper.findAllComponents({ name: "YhMenuRecursiveItem" }).length).toBeGreaterThan(0);
-  });
-});

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

@@ -1,29 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _message = _interopRequireDefault(require("../src/message.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhMessage SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_message.default, {
-      message: "Self-destruct message",
-      type: "warning",
-      showClose: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-message");
-    (0, _ssr.expectSSRHasClass)(html, "yh-message--warning");
-    (0, _vitest.expect)(html).toContain("Self-destruct message");
-    (0, _vitest.expect)(html).toContain("yh-message__close");
-  });
-  (0, _vitest.it)("should render different types in SSR", async () => {
-    const types = ["success", "info", "warning", "error"];
-    for (const type of types) {
-      const html = await (0, _ssr.renderSSR)(_message.default, {
-        type,
-        message: "test"
-      });
-      (0, _ssr.expectSSRHasClass)(html, `yh-message--${type}`);
-    }
-  });
-});

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

@@ -1,23 +0,0 @@
-import { describe, it, expect } from "vitest";
-import Message from "../src/message.vue";
-import { renderSSR, expectSSRHasClass } from "../../__tests__/utils/ssr.mjs";
-describe("YhMessage SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(Message, {
-      message: "Self-destruct message",
-      type: "warning",
-      showClose: true
-    });
-    expectSSRHasClass(html, "yh-message");
-    expectSSRHasClass(html, "yh-message--warning");
-    expect(html).toContain("Self-destruct message");
-    expect(html).toContain("yh-message__close");
-  });
-  it("should render different types in SSR", async () => {
-    const types = ["success", "info", "warning", "error"];
-    for (const type of types) {
-      const html = await renderSSR(Message, { type, message: "test" });
-      expectSSRHasClass(html, `yh-message--${type}`);
-    }
-  });
-});