@yh-ui/components 0.1.21 → 0.1.23

package/dist/pagination/__tests__/pagination.test.cjs

@@ -1,135 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Pagination", () => {
-  const globalOptions = {
-    stubs: {
-      "yh-input": true,
-      "yh-select": true,
-      "yh-option": true
-    }
-  };
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-pagination").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.findAll(".yh-pagination__item").length).toBe(5);
-  });
-  (0, _vitest.it)("should handle page change", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        currentPage: 1
-      }
-    });
-    const items = wrapper.findAll(".yh-pagination__item");
-    await items[2].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("current-change")?.[0]).toEqual([3]);
-    (0, _vitest.expect)(wrapper.emitted("update:currentPage")?.[0]).toEqual([3]);
-  });
-  (0, _vitest.it)("should handle prev and next clicks", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        currentPage: 2
-      }
-    });
-    await wrapper.find(".yh-pagination__prev").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("current-change")?.[0]).toEqual([1]);
-    await wrapper.find(".yh-pagination__next").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("current-change")?.[1]).toEqual([2]);
-  });
-  (0, _vitest.it)("should be disabled", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        disabled: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
-    const item = wrapper.find(".yh-pagination__item:not(.is-active)");
-    await item.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("current-change")).toBeUndefined();
-  });
-  (0, _vitest.it)("should support small size", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        small: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-small");
-  });
-  (0, _vitest.it)("should support background", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        background: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-background");
-  });
-  (0, _vitest.it)("should support custom layout", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        layout: "total, sizes, prev, pager, next, jumper"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-pagination__total").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-pagination__sizes").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-pagination__jumper").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".yh-pagination__total").text()).toContain("100");
-  });
-  (0, _vitest.it)("should handle size change", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        layout: "sizes",
-        pageSizes: [10, 20, 50]
-      }
-    });
-    const select = wrapper.getComponent("yh-select-stub");
-    await select.vm.$emit("update:modelValue", 20);
-    (0, _vitest.expect)(wrapper.emitted("size-change")?.[0]).toEqual([20]);
-    (0, _vitest.expect)(wrapper.emitted("update:pageSize")?.[0]).toEqual([20]);
-  });
-  (0, _vitest.it)("should handle jump", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        layout: "jumper"
-      }
-    });
-    const input = wrapper.getComponent("yh-input-stub");
-    await input.vm.$emit("update:modelValue", 5);
-    await input.trigger("keyup", {
-      key: "Enter"
-    });
-    (0, _vitest.expect)(wrapper.emitted("current-change")?.[0]).toEqual([5]);
-  });
-  (0, _vitest.it)("should hide when total is 0 and hideOnSinglePage is true", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 0,
-        hideOnSinglePage: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-pagination").exists()).toBe(false);
-  });
-});

package/dist/pagination/__tests__/pagination.test.mjs

@@ -1,131 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { YhPagination } from "../index.mjs";
-describe("Pagination", () => {
-  const globalOptions = {
-    stubs: {
-      "yh-input": true,
-      "yh-select": true,
-      "yh-option": true
-    }
-  };
-  it("should render correctly", () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50
-      }
-    });
-    expect(wrapper.find(".yh-pagination").exists()).toBe(true);
-    expect(wrapper.findAll(".yh-pagination__item").length).toBe(5);
-  });
-  it("should handle page change", async () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        currentPage: 1
-      }
-    });
-    const items = wrapper.findAll(".yh-pagination__item");
-    await items[2].trigger("click");
-    expect(wrapper.emitted("current-change")?.[0]).toEqual([3]);
-    expect(wrapper.emitted("update:currentPage")?.[0]).toEqual([3]);
-  });
-  it("should handle prev and next clicks", async () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        currentPage: 2
-      }
-    });
-    await wrapper.find(".yh-pagination__prev").trigger("click");
-    expect(wrapper.emitted("current-change")?.[0]).toEqual([1]);
-    await wrapper.find(".yh-pagination__next").trigger("click");
-    expect(wrapper.emitted("current-change")?.[1]).toEqual([2]);
-  });
-  it("should be disabled", async () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        disabled: true
-      }
-    });
-    expect(wrapper.classes()).toContain("is-disabled");
-    const item = wrapper.find(".yh-pagination__item:not(.is-active)");
-    await item.trigger("click");
-    expect(wrapper.emitted("current-change")).toBeUndefined();
-  });
-  it("should support small size", () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        small: true
-      }
-    });
-    expect(wrapper.classes()).toContain("is-small");
-  });
-  it("should support background", () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 50,
-        background: true
-      }
-    });
-    expect(wrapper.classes()).toContain("is-background");
-  });
-  it("should support custom layout", async () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        layout: "total, sizes, prev, pager, next, jumper"
-      }
-    });
-    expect(wrapper.find(".yh-pagination__total").exists()).toBe(true);
-    expect(wrapper.find(".yh-pagination__sizes").exists()).toBe(true);
-    expect(wrapper.find(".yh-pagination__jumper").exists()).toBe(true);
-    expect(wrapper.find(".yh-pagination__total").text()).toContain("100");
-  });
-  it("should handle size change", async () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        layout: "sizes",
-        pageSizes: [10, 20, 50]
-      }
-    });
-    const select = wrapper.getComponent("yh-select-stub");
-    await select.vm.$emit("update:modelValue", 20);
-    expect(wrapper.emitted("size-change")?.[0]).toEqual([20]);
-    expect(wrapper.emitted("update:pageSize")?.[0]).toEqual([20]);
-  });
-  it("should handle jump", async () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 100,
-        layout: "jumper"
-      }
-    });
-    const input = wrapper.getComponent("yh-input-stub");
-    await input.vm.$emit("update:modelValue", 5);
-    await input.trigger("keyup", { key: "Enter" });
-    expect(wrapper.emitted("current-change")?.[0]).toEqual([5]);
-  });
-  it("should hide when total is 0 and hideOnSinglePage is true", () => {
-    const wrapper = mount(YhPagination, {
-      global: globalOptions,
-      props: {
-        total: 0,
-        hideOnSinglePage: true
-      }
-    });
-    expect(wrapper.find(".yh-pagination").exists()).toBe(false);
-  });
-});

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

@@ -1,48 +0,0 @@
-"use strict";
-
-var _serverRenderer = require("@vue/server-renderer");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _popconfirm = _interopRequireDefault(require("../src/popconfirm.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhPopconfirm SSR", () => {
-  (0, _vitest.it)("should render trigger on server and suppress popper by default", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_popconfirm.default, {
-      title: "ssr title"
-    }, {
-      default: () => (0, _vue.h)("button", "Delete")
-    }));
-    (0, _vitest.expect)(html).toContain("yh-popconfirm");
-    (0, _vitest.expect)(html).toContain("Delete");
-    (0, _vitest.expect)(html).not.toContain("yh-popconfirm__popper");
-  });
-  (0, _vitest.it)("should render content on server when visible is true", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_popconfirm.default, {
-      title: "Confirm Delete?",
-      description: "This action is irreversible.",
-      confirmButtonText: "Yes",
-      cancelButtonText: "No",
-      visible: true,
-      teleported: false
-    }, {
-      default: () => (0, _vue.h)("button", "Delete")
-    }));
-    (0, _vitest.expect)(html).toContain("yh-popconfirm__popper");
-    (0, _vitest.expect)(html).toContain("Confirm Delete?");
-    (0, _vitest.expect)(html).toContain("This action is irreversible.");
-    (0, _vitest.expect)(html).toContain("Yes");
-    (0, _vitest.expect)(html).toContain("No");
-  });
-  (0, _vitest.it)("should handle icon color and swap buttons on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_popconfirm.default, {
-      title: "Swap Buttons",
-      visible: true,
-      teleported: false,
-      swapButtons: true,
-      iconColor: "rgb(255, 0, 0)"
-    }, {
-      default: () => (0, _vue.h)("button", "Delete")
-    }));
-    (0, _vitest.expect)(html).toContain("rgb(255, 0, 0)");
-  });
-});

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

@@ -1,63 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import YhPopconfirm from "../src/popconfirm.vue";
-describe("YhPopconfirm SSR", () => {
-  it("should render trigger on server and suppress popper by default", async () => {
-    const html = await renderToString(
-      h(
-        YhPopconfirm,
-        {
-          title: "ssr title"
-        },
-        {
-          default: () => h("button", "Delete")
-        }
-      )
-    );
-    expect(html).toContain("yh-popconfirm");
-    expect(html).toContain("Delete");
-    expect(html).not.toContain("yh-popconfirm__popper");
-  });
-  it("should render content on server when visible is true", async () => {
-    const html = await renderToString(
-      h(
-        YhPopconfirm,
-        {
-          title: "Confirm Delete?",
-          description: "This action is irreversible.",
-          confirmButtonText: "Yes",
-          cancelButtonText: "No",
-          visible: true,
-          teleported: false
-        },
-        {
-          default: () => h("button", "Delete")
-        }
-      )
-    );
-    expect(html).toContain("yh-popconfirm__popper");
-    expect(html).toContain("Confirm Delete?");
-    expect(html).toContain("This action is irreversible.");
-    expect(html).toContain("Yes");
-    expect(html).toContain("No");
-  });
-  it("should handle icon color and swap buttons on server", async () => {
-    const html = await renderToString(
-      h(
-        YhPopconfirm,
-        {
-          title: "Swap Buttons",
-          visible: true,
-          teleported: false,
-          swapButtons: true,
-          iconColor: "rgb(255, 0, 0)"
-        },
-        {
-          default: () => h("button", "Delete")
-        }
-      )
-    );
-    expect(html).toContain("rgb(255, 0, 0)");
-  });
-});

package/dist/popconfirm/__tests__/popconfirm.test.cjs

@@ -1,62 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-var _button = require("../../button/index.cjs");
-const wait = ms => new Promise(resolve => setTimeout(resolve, ms));
-(0, _vitest.describe)("Popconfirm", () => {
-  const globalConfig = {
-    components: {
-      YhButton: _button.YhButton
-    }
-  };
-  (0, _vitest.it)("should render correct content", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhPopconfirm, {
-      props: {
-        title: "\u786E\u5B9A\u5417\uFF1F",
-        description: "\u8FD9\u662F\u4E00\u4E2A\u63CF\u8FF0",
-        teleported: false
-        // 关键：不传送，方便测试
-      },
-      slots: {
-        default: () => (0, _vue.h)("button", {
-          id: "trigger"
-        }, "\u70B9\u51FB\u6211")
-      },
-      global: globalConfig
-    });
-    const trigger = wrapper.find("#trigger");
-    await trigger.trigger("click");
-    await (0, _vue.nextTick)();
-    await wait(50);
-    const popper = wrapper.find(".yh-popconfirm__popper");
-    (0, _vitest.expect)(popper.exists()).toBe(true);
-    (0, _vitest.expect)(popper.text()).toContain("\u786E\u5B9A\u5417\uFF1F");
-    (0, _vitest.expect)(popper.text()).toContain("\u8FD9\u662F\u4E00\u4E2A\u63CF\u8FF0");
-  });
-  (0, _vitest.it)("should trigger confirm event", async () => {
-    const onConfirm = _vitest.vi.fn();
-    const wrapper = (0, _testUtils.mount)(_index.YhPopconfirm, {
-      props: {
-        title: "\u786E\u5B9A\u5417\uFF1F",
-        onConfirm,
-        teleported: false
-      },
-      slots: {
-        default: () => (0, _vue.h)("button", {
-          id: "trigger"
-        }, "\u70B9\u51FB\u6211")
-      },
-      global: globalConfig
-    });
-    await wrapper.find("#trigger").trigger("click");
-    await (0, _vue.nextTick)();
-    await wait(50);
-    const confirmBtn = wrapper.find(".yh-button--primary");
-    await confirmBtn.trigger("click");
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(onConfirm).toHaveBeenCalled();
-  });
-});

package/dist/popconfirm/__tests__/popconfirm.test.mjs

@@ -1,56 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, h } from "vue";
-import { YhPopconfirm } from "../index.mjs";
-import { YhButton } from "../../button/index.mjs";
-const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-describe("Popconfirm", () => {
-  const globalConfig = {
-    components: {
-      YhButton
-    }
-  };
-  it("should render correct content", async () => {
-    const wrapper = mount(YhPopconfirm, {
-      props: {
-        title: "\u786E\u5B9A\u5417\uFF1F",
-        description: "\u8FD9\u662F\u4E00\u4E2A\u63CF\u8FF0",
-        teleported: false
-        // 关键：不传送，方便测试
-      },
-      slots: {
-        default: () => h("button", { id: "trigger" }, "\u70B9\u51FB\u6211")
-      },
-      global: globalConfig
-    });
-    const trigger = wrapper.find("#trigger");
-    await trigger.trigger("click");
-    await nextTick();
-    await wait(50);
-    const popper = wrapper.find(".yh-popconfirm__popper");
-    expect(popper.exists()).toBe(true);
-    expect(popper.text()).toContain("\u786E\u5B9A\u5417\uFF1F");
-    expect(popper.text()).toContain("\u8FD9\u662F\u4E00\u4E2A\u63CF\u8FF0");
-  });
-  it("should trigger confirm event", async () => {
-    const onConfirm = vi.fn();
-    const wrapper = mount(YhPopconfirm, {
-      props: {
-        title: "\u786E\u5B9A\u5417\uFF1F",
-        onConfirm,
-        teleported: false
-      },
-      slots: {
-        default: () => h("button", { id: "trigger" }, "\u70B9\u51FB\u6211")
-      },
-      global: globalConfig
-    });
-    await wrapper.find("#trigger").trigger("click");
-    await nextTick();
-    await wait(50);
-    const confirmBtn = wrapper.find(".yh-button--primary");
-    await confirmBtn.trigger("click");
-    await nextTick();
-    expect(onConfirm).toHaveBeenCalled();
-  });
-});

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

@@ -1,48 +0,0 @@
-"use strict";
-
-var _serverRenderer = require("@vue/server-renderer");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _popover = _interopRequireDefault(require("../src/popover.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhPopover SSR", () => {
-  (0, _vitest.it)("should render trigger on server and suppress popper by default", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_popover.default, {
-      title: "ssr title",
-      content: "ssr content"
-    }, {
-      default: () => (0, _vue.h)("button", "Trigger")
-    }));
-    (0, _vitest.expect)(html).toContain("yh-popover");
-    (0, _vitest.expect)(html).toContain("Trigger");
-    (0, _vitest.expect)(html).not.toContain("yh-popover__popper");
-  });
-  (0, _vitest.it)("should render content on server when visible is true", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_popover.default, {
-      title: "SSR Visible Title",
-      content: "SSR Visible Content",
-      visible: true,
-      teleported: false
-      // Disable teleport for SSR verification
-    }, {
-      default: () => (0, _vue.h)("button", "Trigger")
-    }));
-    (0, _vitest.expect)(html).toContain("yh-popover__popper");
-    (0, _vitest.expect)(html).toContain("SSR Visible Title");
-    (0, _vitest.expect)(html).toContain("SSR Visible Content");
-  });
-  (0, _vitest.it)("should handle icon and description style on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_popover.default, {
-      title: "Icon Popover",
-      description: "Description Text",
-      icon: "info",
-      visible: true,
-      teleported: false
-    }, {
-      default: () => (0, _vue.h)("button", "Trigger")
-    }));
-    (0, _vitest.expect)(html).toContain("is-has-icon");
-    (0, _vitest.expect)(html).toContain("yh-popover__icon");
-    (0, _vitest.expect)(html).toContain("Description Text");
-  });
-});

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

@@ -1,63 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import YhPopover from "../src/popover.vue";
-describe("YhPopover SSR", () => {
-  it("should render trigger on server and suppress popper by default", async () => {
-    const html = await renderToString(
-      h(
-        YhPopover,
-        {
-          title: "ssr title",
-          content: "ssr content"
-        },
-        {
-          default: () => h("button", "Trigger")
-        }
-      )
-    );
-    expect(html).toContain("yh-popover");
-    expect(html).toContain("Trigger");
-    expect(html).not.toContain("yh-popover__popper");
-  });
-  it("should render content on server when visible is true", async () => {
-    const html = await renderToString(
-      h(
-        YhPopover,
-        {
-          title: "SSR Visible Title",
-          content: "SSR Visible Content",
-          visible: true,
-          teleported: false
-          // Disable teleport for SSR verification
-        },
-        {
-          default: () => h("button", "Trigger")
-        }
-      )
-    );
-    expect(html).toContain("yh-popover__popper");
-    expect(html).toContain("SSR Visible Title");
-    expect(html).toContain("SSR Visible Content");
-  });
-  it("should handle icon and description style on server", async () => {
-    const html = await renderToString(
-      h(
-        YhPopover,
-        {
-          title: "Icon Popover",
-          description: "Description Text",
-          icon: "info",
-          visible: true,
-          teleported: false
-        },
-        {
-          default: () => h("button", "Trigger")
-        }
-      )
-    );
-    expect(html).toContain("is-has-icon");
-    expect(html).toContain("yh-popover__icon");
-    expect(html).toContain("Description Text");
-  });
-});