@yh-ui/components 0.1.21 → 0.1.23

package/dist/date-picker/__tests__/date-picker.test.mjs

@@ -1,136 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, ref } from "vue";
-import DatePicker from "../src/date-picker.vue";
-import { zhCn } from "@yh-ui/locale";
-vi.mock("@yh-ui/hooks", async () => {
-  const actual = await vi.importActual("@yh-ui/hooks");
-  return {
-    ...actual,
-    useNamespace: (name) => ({
-      b: (suffix) => suffix ? `yh-${name}-${suffix}` : `yh-${name}`,
-      e: (element) => `yh-${name}__${element}`,
-      m: (modifier) => `yh-${name}--${modifier}`,
-      em: (element, modifier) => `yh-${name}__${element}--${modifier}`,
-      is: (state, value) => value !== false ? `is-${state}` : ""
-    }),
-    useFormItem: () => ({
-      form: null,
-      formItem: null,
-      validate: vi.fn()
-    }),
-    useId: () => "test-id",
-    useLocale: () => ({
-      t: (key) => key,
-      locale: ref(zhCn),
-      lang: ref("zh-cn")
-    }),
-    useConfig: () => ({
-      globalSize: ref("default"),
-      globalLocale: ref(zhCn)
-    }),
-    useZIndex: () => ({
-      currentZIndex: ref(2e3),
-      nextZIndex: () => 2e3
-    })
-  };
-});
-describe("YhDatePicker", () => {
-  beforeEach(() => {
-    Element.prototype.getBoundingClientRect = vi.fn(() => ({
-      width: 220,
-      height: 40,
-      top: 100,
-      left: 100,
-      bottom: 140,
-      right: 320,
-      x: 100,
-      y: 100,
-      toJSON: () => {
-      }
-    }));
-  });
-  describe("\u57FA\u7840\u6E32\u67D3", () => {
-    it("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u57FA\u7840\u7EC4\u4EF6", () => {
-      const wrapper = mount(DatePicker);
-      expect(wrapper.find(".yh-date-picker").exists()).toBe(true);
-      expect(wrapper.find("input").exists()).toBe(true);
-    });
-    it("\u5E94\u8BE5\u652F\u6301\u4E0D\u540C\u5C3A\u5BF8", () => {
-      const wrapperLarge = mount(DatePicker, { props: { size: "large" } });
-      expect(wrapperLarge.find(".yh-date-picker").classes()).toContain("yh-date-picker--large");
-      const wrapperSmall = mount(DatePicker, { props: { size: "small" } });
-      expect(wrapperSmall.find(".yh-date-picker").classes()).toContain("yh-date-picker--small");
-    });
-    it("\u5E94\u8BE5\u652F\u6301\u7981\u7528\u72B6\u6001", () => {
-      const wrapper = mount(DatePicker, { props: { disabled: true } });
-      expect(wrapper.find(".yh-date-picker").classes()).toContain("is-disabled");
-    });
-  });
-  describe("\u4EA4\u4E92\u903B\u8F91", () => {
-    it("\u5E94\u8BE5\u80FD\u591F\u6253\u5F00/\u5173\u95ED\u9762\u677F", async () => {
-      const wrapper = mount(DatePicker, { props: { teleported: false } });
-      await wrapper.trigger("click");
-      await nextTick();
-      expect(wrapper.find(".yh-date-picker__panel").exists()).toBe(true);
-    });
-    it("\u5355\u9009\u65E5\u671F\u5E94\u8BE5\u66F4\u65B0\u503C\u5E76\u5173\u95ED\u9762\u677F", async () => {
-      const value = ref(null);
-      const wrapper = mount(DatePicker, {
-        props: {
-          modelValue: value.value,
-          "onUpdate:modelValue": (val) => value.value = val,
-          teleported: false
-        }
-      });
-      await wrapper.trigger("click");
-      await nextTick();
-      const cell = wrapper.find(".yh-date-picker__cell.is-current-month");
-      await cell.trigger("click");
-      expect(value.value).not.toBeNull();
-      await nextTick();
-      expect(wrapper.find(".yh-date-picker__panel").exists()).toBe(false);
-    });
-    it("\u5E94\u8BE5\u652F\u6301\u6E05\u7A7A\u529F\u80FD", async () => {
-      const value = ref(/* @__PURE__ */ new Date());
-      const wrapper = mount(DatePicker, {
-        props: {
-          modelValue: value.value,
-          clearable: true,
-          "onUpdate:modelValue": (val) => value.value = val
-        }
-      });
-      await wrapper.trigger("mouseenter");
-      await nextTick();
-      const clearBtn = wrapper.find(".yh-date-picker__clear");
-      await clearBtn.trigger("click");
-      expect(value.value).toBeNull();
-    });
-  });
-  describe("\u5468\u671F\u5BFC\u822A", () => {
-    it("\u5E94\u8BE5\u652F\u6301\u6708\u4EFD\u5207\u6362", async () => {
-      const wrapper = mount(DatePicker, { props: { teleported: false } });
-      await wrapper.trigger("click");
-      await nextTick();
-      const initialHeader = wrapper.find(".yh-date-picker__header-label").text();
-      const nextBtn = wrapper.findAll(".yh-date-picker__header-btns")[3];
-      await nextBtn.trigger("click");
-      await nextTick();
-      expect(wrapper.find(".yh-date-picker__header-label").text()).not.toBe(initialHeader);
-    });
-  });
-  describe("\u9AD8\u7EA7\u7279\u6027", () => {
-    it("\u5E94\u8BE5\u652F\u6301 presets \u5FEB\u6377\u9879", async () => {
-      const presets = [{ label: "\u6D4B\u8BD5\u9879", value: /* @__PURE__ */ new Date() }];
-      const wrapper = mount(DatePicker, { props: { presets, teleported: false } });
-      await wrapper.trigger("click");
-      await nextTick();
-      const presetBtn = wrapper.find(".yh-date-picker__presets button");
-      expect(presetBtn.text()).toBe("\u6D4B\u8BD5\u9879");
-    });
-    it("\u8303\u56F4\u6A21\u5F0F\u7684\u57FA\u672C\u6E32\u67D3", () => {
-      const wrapper = mount(DatePicker, { props: { type: "daterange" } });
-      expect(wrapper.findAll(".yh-date-picker__range-input").length).toBe(2);
-    });
-  });
-});

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

@@ -1,67 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-(0, _vitest.describe)("YhDescriptions SSR", () => {
-  (0, _vitest.it)("should render basic descriptions in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhDescriptions, {
-      title: "System Info",
-      extra: "More"
-    }, {
-      default: () => [(0, _vue.h)(_index.YhDescriptionsItem, {
-        label: "OS"
-      }, () => "Linux"), (0, _vue.h)(_index.YhDescriptionsItem, {
-        label: "Status"
-      }, () => "Active")]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-descriptions");
-    (0, _vitest.expect)(html).toContain("System Info");
-    (0, _vitest.expect)(html).toContain("More");
-    (0, _vitest.expect)(html).toContain("OS");
-    (0, _vitest.expect)(html).toContain("Linux");
-    (0, _vitest.expect)(html).toContain("Status");
-    (0, _vitest.expect)(html).toContain("Active");
-  });
-  (0, _vitest.it)("should render bordered mode in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhDescriptions, {
-      border: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-bordered");
-  });
-  (0, _vitest.it)("should render vertical direction in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhDescriptions, {
-      direction: "vertical"
-    }, {
-      default: () => (0, _vue.h)(_index.YhDescriptionsItem, {
-        label: "L1"
-      }, () => "C1")
-    });
-    (0, _vitest.expect)(html).toContain("is-vertical");
-  });
-  (0, _vitest.it)("should render correct colspan in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_index.YhDescriptions, {
-      column: 2
-    }, {
-      default: () => (0, _vue.h)(_index.YhDescriptionsItem, {
-        label: "L1",
-        span: 2
-      }, () => "C1")
-    });
-    (0, _vitest.expect)(html).toContain('colspan="3"');
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_index.YhDescriptions, {
-      title: "Hydration Test"
-    }, {
-      default: () => [(0, _vue.h)(_index.YhDescriptionsItem, {
-        label: "L1"
-      }, () => "C1"), (0, _vue.h)(_index.YhDescriptionsItem, {
-        label: "L2"
-      }, () => "C2")]
-    });
-    (0, _vitest.expect)(result.ssrHtml).toBe(result.csrHtml);
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

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

@@ -1,72 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import { YhDescriptions, YhDescriptionsItem } from "../index.mjs";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhDescriptions SSR", () => {
-  it("should render basic descriptions in SSR", async () => {
-    const html = await renderSSR(
-      YhDescriptions,
-      {
-        title: "System Info",
-        extra: "More"
-      },
-      {
-        default: () => [
-          h(YhDescriptionsItem, { label: "OS" }, () => "Linux"),
-          h(YhDescriptionsItem, { label: "Status" }, () => "Active")
-        ]
-      }
-    );
-    expectSSRHasClass(html, "yh-descriptions");
-    expect(html).toContain("System Info");
-    expect(html).toContain("More");
-    expect(html).toContain("OS");
-    expect(html).toContain("Linux");
-    expect(html).toContain("Status");
-    expect(html).toContain("Active");
-  });
-  it("should render bordered mode in SSR", async () => {
-    const html = await renderSSR(YhDescriptions, {
-      border: true
-    });
-    expectSSRHasClass(html, "is-bordered");
-  });
-  it("should render vertical direction in SSR", async () => {
-    const html = await renderSSR(
-      YhDescriptions,
-      {
-        direction: "vertical"
-      },
-      {
-        default: () => h(YhDescriptionsItem, { label: "L1" }, () => "C1")
-      }
-    );
-    expect(html).toContain("is-vertical");
-  });
-  it("should render correct colspan in SSR", async () => {
-    const html = await renderSSR(
-      YhDescriptions,
-      { column: 2 },
-      {
-        default: () => h(YhDescriptionsItem, { label: "L1", span: 2 }, () => "C1")
-      }
-    );
-    expect(html).toContain('colspan="3"');
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      YhDescriptions,
-      {
-        title: "Hydration Test"
-      },
-      {
-        default: () => [
-          h(YhDescriptionsItem, { label: "L1" }, () => "C1"),
-          h(YhDescriptionsItem, { label: "L2" }, () => "C2")
-        ]
-      }
-    );
-    expect(result.ssrHtml).toBe(result.csrHtml);
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/descriptions/__tests__/descriptions.test.cjs

@@ -1,150 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _index = require("../index.cjs");
-var _vue = require("vue");
-(0, _vitest.describe)("Descriptions", () => {
-  (0, _vitest.it)("should render basic descriptions", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        title: "Title",
-        extra: "Extra"
-      },
-      slots: {
-        default: [(0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "Label 1"
-        }, () => "Content 1"), (0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "Label 2"
-        }, () => "Content 2")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-descriptions__title").text()).toBe("Title");
-    (0, _vitest.expect)(wrapper.find(".yh-descriptions__extra").text()).toBe("Extra");
-    (0, _vitest.expect)(wrapper.findAll(".yh-descriptions__label").length).toBe(2);
-    (0, _vitest.expect)(wrapper.findAll(".yh-descriptions__content").length).toBe(2);
-    (0, _vitest.expect)(wrapper.find(".yh-descriptions__label").text()).toContain("Label 1");
-    (0, _vitest.expect)(wrapper.find(".yh-descriptions__content").text()).toBe("Content 1");
-  });
-  (0, _vitest.it)("should support border", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        border: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-bordered");
-  });
-  (0, _vitest.it)("should support vertical direction", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        direction: "vertical"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-vertical");
-  });
-  (0, _vitest.it)("should support custom column", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        column: 4
-      },
-      slots: {
-        default: [(0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L1"
-        }, () => "C1"), (0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L2"
-        }, () => "C2"), (0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L3"
-        }, () => "C3"), (0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L4"
-        }, () => "C4")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll("tr").length).toBe(1);
-  });
-  (0, _vitest.it)("should handle span correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        column: 3
-      },
-      slots: {
-        default: [(0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L1",
-          span: 2
-        }, () => "C1"), (0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L2"
-        }, () => "C2")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll("tr").length).toBe(1);
-    (0, _vitest.expect)(wrapper.findAll(".yh-descriptions__content")[0].attributes("colspan")).toBe("3");
-  });
-  (0, _vitest.it)("DescriptionsItem should render slot", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptionsItem, {
-      slots: {
-        default: () => "Test Content"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toBe("Test Content");
-  });
-  (0, _vitest.it)("should support various alignments and styles", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        labelAlign: "right",
-        align: "center",
-        labelStyle: {
-          color: "red"
-        }
-      },
-      slots: {
-        default: [(0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L1",
-          labelAlign: "left",
-          align: "right"
-        }, () => "C1")]
-      }
-    });
-    const label = wrapper.find(".yh-descriptions__label");
-    const content = wrapper.find(".yh-descriptions__content");
-    (0, _vitest.expect)(label.element.style.textAlign).toBe("left");
-    (0, _vitest.expect)(content.element.style.textAlign).toBe("right");
-    (0, _vitest.expect)(label.element.style.color).toBe("red");
-  });
-  (0, _vitest.it)("should handle span overflow and fill remaining", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        column: 3
-      },
-      slots: {
-        default: [(0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L1",
-          span: 2
-        }, () => "C1"), (0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L2",
-          span: 2
-        }, () => "C2"), (0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L3"
-        }, () => "C3")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.findAll("tr").length).toBe(2);
-  });
-  (0, _vitest.it)("should support custom class names", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhDescriptions, {
-      props: {
-        labelClassName: "custom-label-global",
-        contentClassName: "custom-content-global"
-      },
-      slots: {
-        default: [(0, _vue.h)(_index.YhDescriptionsItem, {
-          label: "L1",
-          labelClassName: "custom-label-item",
-          className: "custom-content-item"
-        }, () => "C1")]
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".custom-label-global").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".custom-content-global").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".custom-label-item").exists()).toBe(true);
-    (0, _vitest.expect)(wrapper.find(".custom-content-item").exists()).toBe(true);
-  });
-});

package/dist/descriptions/__tests__/descriptions.test.mjs

@@ -1,130 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { YhDescriptions, YhDescriptionsItem } from "../index.mjs";
-import { h } from "vue";
-describe("Descriptions", () => {
-  it("should render basic descriptions", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: {
-        title: "Title",
-        extra: "Extra"
-      },
-      slots: {
-        default: [
-          h(YhDescriptionsItem, { label: "Label 1" }, () => "Content 1"),
-          h(YhDescriptionsItem, { label: "Label 2" }, () => "Content 2")
-        ]
-      }
-    });
-    expect(wrapper.find(".yh-descriptions__title").text()).toBe("Title");
-    expect(wrapper.find(".yh-descriptions__extra").text()).toBe("Extra");
-    expect(wrapper.findAll(".yh-descriptions__label").length).toBe(2);
-    expect(wrapper.findAll(".yh-descriptions__content").length).toBe(2);
-    expect(wrapper.find(".yh-descriptions__label").text()).toContain("Label 1");
-    expect(wrapper.find(".yh-descriptions__content").text()).toBe("Content 1");
-  });
-  it("should support border", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: { border: true }
-    });
-    expect(wrapper.classes()).toContain("is-bordered");
-  });
-  it("should support vertical direction", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: { direction: "vertical" }
-    });
-    expect(wrapper.classes()).toContain("is-vertical");
-  });
-  it("should support custom column", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: { column: 4 },
-      slots: {
-        default: [
-          h(YhDescriptionsItem, { label: "L1" }, () => "C1"),
-          h(YhDescriptionsItem, { label: "L2" }, () => "C2"),
-          h(YhDescriptionsItem, { label: "L3" }, () => "C3"),
-          h(YhDescriptionsItem, { label: "L4" }, () => "C4")
-        ]
-      }
-    });
-    expect(wrapper.findAll("tr").length).toBe(1);
-  });
-  it("should handle span correctly", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: { column: 3 },
-      slots: {
-        default: [
-          h(YhDescriptionsItem, { label: "L1", span: 2 }, () => "C1"),
-          h(YhDescriptionsItem, { label: "L2" }, () => "C2")
-        ]
-      }
-    });
-    expect(wrapper.findAll("tr").length).toBe(1);
-    expect(wrapper.findAll(".yh-descriptions__content")[0].attributes("colspan")).toBe("3");
-  });
-  it("DescriptionsItem should render slot", () => {
-    const wrapper = mount(YhDescriptionsItem, {
-      slots: {
-        default: () => "Test Content"
-      }
-    });
-    expect(wrapper.text()).toBe("Test Content");
-  });
-  it("should support various alignments and styles", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: {
-        labelAlign: "right",
-        align: "center",
-        labelStyle: { color: "red" }
-      },
-      slots: {
-        default: [
-          h(YhDescriptionsItem, { label: "L1", labelAlign: "left", align: "right" }, () => "C1")
-        ]
-      }
-    });
-    const label = wrapper.find(".yh-descriptions__label");
-    const content = wrapper.find(".yh-descriptions__content");
-    expect(label.element.style.textAlign).toBe("left");
-    expect(content.element.style.textAlign).toBe("right");
-    expect(label.element.style.color).toBe("red");
-  });
-  it("should handle span overflow and fill remaining", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: { column: 3 },
-      slots: {
-        default: [
-          h(YhDescriptionsItem, { label: "L1", span: 2 }, () => "C1"),
-          h(YhDescriptionsItem, { label: "L2", span: 2 }, () => "C2"),
-          h(YhDescriptionsItem, { label: "L3" }, () => "C3")
-        ]
-      }
-    });
-    expect(wrapper.findAll("tr").length).toBe(2);
-  });
-  it("should support custom class names", () => {
-    const wrapper = mount(YhDescriptions, {
-      props: {
-        labelClassName: "custom-label-global",
-        contentClassName: "custom-content-global"
-      },
-      slots: {
-        default: [
-          h(
-            YhDescriptionsItem,
-            {
-              label: "L1",
-              labelClassName: "custom-label-item",
-              className: "custom-content-item"
-            },
-            () => "C1"
-          )
-        ]
-      }
-    });
-    expect(wrapper.find(".custom-label-global").exists()).toBe(true);
-    expect(wrapper.find(".custom-content-global").exists()).toBe(true);
-    expect(wrapper.find(".custom-label-item").exists()).toBe(true);
-    expect(wrapper.find(".custom-content-item").exists()).toBe(true);
-  });
-});

package/dist/dialog/__tests__/dialog.functional.test.cjs

@@ -1,49 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Dialog Functional Call", () => {
-  (0, _vitest.beforeEach)(() => {
-    document.body.innerHTML = "";
-    const wrappers = document.querySelectorAll(".yh-dialog__wrapper");
-    wrappers.forEach(el => el.parentElement?.remove());
-  });
-  (0, _vitest.it)("should show dialog using YhDialogMethod.show", async () => {
-    const promise = _index.YhDialogMethod.show({
-      title: "Functional Dialog",
-      content: "This is a funtional call"
-    });
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    const dialog = document.querySelector(".yh-dialog");
-    (0, _vitest.expect)(dialog).toBeTruthy();
-    (0, _vitest.expect)(dialog?.querySelector(".yh-dialog__title")?.textContent).toBe("Functional Dialog");
-    (0, _vitest.expect)(dialog?.querySelector(".yh-dialog__body")?.textContent).toContain("This is a funtional call");
-    const confirmBtn = document.querySelector(".yh-button--primary");
-    confirmBtn.click();
-    const res = await promise;
-    (0, _vitest.expect)(res.action).toBe("confirm");
-  });
-  (0, _vitest.it)("should show success dialog using YhDialogMethod.success", async () => {
-    _index.YhDialogMethod.success("Success message", "Success Title");
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    const dialog = document.querySelector(".yh-dialog");
-    (0, _vitest.expect)(dialog).toBeTruthy();
-    (0, _vitest.expect)(dialog?.querySelector(".yh-dialog__title")?.textContent).toBe("Success Title");
-    (0, _vitest.expect)(dialog?.classList.contains("yh-dialog--success")).toBe(true);
-  });
-  (0, _vitest.it)("should handle cancel action", async () => {
-    const promise = _index.YhDialogMethod.show({
-      title: "Cancel Test",
-      content: "Testing cancel"
-    });
-    await (0, _vue.nextTick)();
-    const dialog = document.querySelector(".yh-dialog");
-    const cancelBtn = dialog?.querySelectorAll(".yh-button")[0];
-    cancelBtn.click();
-    const res = await promise;
-    (0, _vitest.expect)(res.action).toBe("cancel");
-  });
-});

package/dist/dialog/__tests__/dialog.functional.test.mjs

@@ -1,49 +0,0 @@
-import { describe, it, expect, beforeEach } from "vitest";
-import { nextTick } from "vue";
-import { YhDialogMethod } from "../index.mjs";
-describe("Dialog Functional Call", () => {
-  beforeEach(() => {
-    document.body.innerHTML = "";
-    const wrappers = document.querySelectorAll(".yh-dialog__wrapper");
-    wrappers.forEach((el) => el.parentElement?.remove());
-  });
-  it("should show dialog using YhDialogMethod.show", async () => {
-    const promise = YhDialogMethod.show({
-      title: "Functional Dialog",
-      content: "This is a funtional call"
-    });
-    await nextTick();
-    await nextTick();
-    const dialog = document.querySelector(".yh-dialog");
-    expect(dialog).toBeTruthy();
-    expect(dialog?.querySelector(".yh-dialog__title")?.textContent).toBe("Functional Dialog");
-    expect(dialog?.querySelector(".yh-dialog__body")?.textContent).toContain(
-      "This is a funtional call"
-    );
-    const confirmBtn = document.querySelector(".yh-button--primary");
-    confirmBtn.click();
-    const res = await promise;
-    expect(res.action).toBe("confirm");
-  });
-  it("should show success dialog using YhDialogMethod.success", async () => {
-    YhDialogMethod.success("Success message", "Success Title");
-    await nextTick();
-    await nextTick();
-    const dialog = document.querySelector(".yh-dialog");
-    expect(dialog).toBeTruthy();
-    expect(dialog?.querySelector(".yh-dialog__title")?.textContent).toBe("Success Title");
-    expect(dialog?.classList.contains("yh-dialog--success")).toBe(true);
-  });
-  it("should handle cancel action", async () => {
-    const promise = YhDialogMethod.show({
-      title: "Cancel Test",
-      content: "Testing cancel"
-    });
-    await nextTick();
-    const dialog = document.querySelector(".yh-dialog");
-    const cancelBtn = dialog?.querySelectorAll(".yh-button")[0];
-    cancelBtn.click();
-    const res = await promise;
-    expect(res.action).toBe("cancel");
-  });
-});

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

@@ -1,31 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Dialog SSR", () => {
-  (0, _vitest.it)("should render correctly on server side", async () => {
-    const app = (0, _vue.h)(_index.YhDialog, {
-      modelValue: true,
-      title: "SSR Title",
-      content: "SSR Content"
-    });
-    try {
-      const html = await (0, _serverRenderer.renderToString)(app);
-      (0, _vitest.expect)(html).toBeDefined();
-    } catch (e) {
-      (0, _vitest.expect)(e).toBeUndefined();
-    }
-  });
-  (0, _vitest.it)("should render teleport markers in SSR", async () => {
-    const app = (0, _vue.h)(_index.YhDialog, {
-      modelValue: true,
-      type: "success",
-      title: "SSR Title"
-    });
-    const html = await (0, _serverRenderer.renderToString)(app);
-    (0, _vitest.expect)(html).toContain("<!--teleport start-->");
-    (0, _vitest.expect)(html).toContain("<!--teleport end-->");
-  });
-});