@yh-ui/components 0.1.21 → 0.1.23

package/dist/switch/__tests__/switch.test.cjs

@@ -1,251 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _switch = _interopRequireDefault(require("../src/switch.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhSwitch", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-switch");
-  });
-  (0, _vitest.it)("should be unchecked by default", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).not.toContain("is-checked");
-  });
-  (0, _vitest.it)("should be checked when modelValue equals activeValue", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-checked");
-  });
-  (0, _vitest.it)("should apply large size class", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        size: "large"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-switch--large");
-  });
-  (0, _vitest.it)("should apply small size class", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        size: "small"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-switch--small");
-  });
-  (0, _vitest.it)("should be disabled when disabled prop is true", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        disabled: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-disabled");
-  });
-  (0, _vitest.it)("should show loading state", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        loading: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("is-loading");
-    (0, _vitest.expect)(wrapper.find(".yh-switch__loading-icon").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should toggle value on click", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")[0]).toEqual([true]);
-  });
-  (0, _vitest.it)("should not toggle when disabled", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        disabled: true
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  (0, _vitest.it)("should not toggle when loading", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        loading: true
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  (0, _vitest.it)("should emit change event", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("change")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("change")[0]).toEqual([true]);
-  });
-  (0, _vitest.it)("should work with custom string active/inactive values", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: "0",
-        activeValue: "1",
-        inactiveValue: "0"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).not.toContain("is-checked");
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")[0]).toEqual(["1"]);
-  });
-  (0, _vitest.it)("should work with number type values", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: 0,
-        activeValue: 100,
-        inactiveValue: 0
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")[0]).toEqual([100]);
-  });
-  (0, _vitest.it)("should toggle from on to off", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: true
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")[0]).toEqual([false]);
-  });
-  (0, _vitest.it)("should toggle when beforeChange returns true", async () => {
-    const beforeChange = () => true;
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        beforeChange
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeTruthy();
-  });
-  (0, _vitest.it)("should not toggle when beforeChange returns false", async () => {
-    const beforeChange = () => false;
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        beforeChange
-      }
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  (0, _vitest.it)("should show active/inactive text externally", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: true,
-        activeText: "\u5F00",
-        inactiveText: "\u5173"
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toContain("\u5F00");
-    (0, _vitest.expect)(wrapper.text()).toContain("\u5173");
-  });
-  (0, _vitest.it)("should show inner element when inlinePrompt is true", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: true,
-        activeText: "\u5F00",
-        inlinePrompt: true
-      }
-    });
-    const inner = wrapper.find(".yh-switch__inner");
-    (0, _vitest.expect)(inner.exists()).toBe(true);
-  });
-  (0, _vitest.it)("should apply custom width", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        width: 60
-      }
-    });
-    const core = wrapper.find(".yh-switch__core");
-    (0, _vitest.expect)(core.attributes("style")).toContain("60px");
-  });
-  (0, _vitest.it)("should set input name attribute", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        name: "test-switch"
-      }
-    });
-    const input = wrapper.find("input");
-    (0, _vitest.expect)(input.attributes("name")).toBe("test-switch");
-  });
-  (0, _vitest.it)("should set input id attribute", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false,
-        id: "my-switch"
-      }
-    });
-    const input = wrapper.find("input");
-    (0, _vitest.expect)(input.attributes("id")).toBe("my-switch");
-  });
-  (0, _vitest.it)("should have switch role", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.attributes("role")).toBe("switch");
-  });
-  (0, _vitest.it)("should set aria-checked correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    (0, _vitest.expect)(wrapper.attributes("aria-checked")).toBe("false");
-    await wrapper.setProps({
-      modelValue: true
-    });
-    (0, _vitest.expect)(wrapper.attributes("aria-checked")).toBe("true");
-  });
-  (0, _vitest.it)("should expose focus method", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: false
-      }
-    });
-    (0, _vitest.expect)(typeof wrapper.vm.focus).toBe("function");
-  });
-  (0, _vitest.it)("should expose checked computed ref", () => {
-    const wrapper = (0, _testUtils.mount)(_switch.default, {
-      props: {
-        modelValue: true
-      }
-    });
-    (0, _vitest.expect)(wrapper.vm.checked).toBe(true);
-  });
-});

package/dist/switch/__tests__/switch.test.mjs

@@ -1,193 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import YhSwitch from "../src/switch.vue";
-describe("YhSwitch", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false }
-    });
-    expect(wrapper.classes()).toContain("yh-switch");
-  });
-  it("should be unchecked by default", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false }
-    });
-    expect(wrapper.classes()).not.toContain("is-checked");
-  });
-  it("should be checked when modelValue equals activeValue", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: true }
-    });
-    expect(wrapper.classes()).toContain("is-checked");
-  });
-  it("should apply large size class", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, size: "large" }
-    });
-    expect(wrapper.classes()).toContain("yh-switch--large");
-  });
-  it("should apply small size class", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, size: "small" }
-    });
-    expect(wrapper.classes()).toContain("yh-switch--small");
-  });
-  it("should be disabled when disabled prop is true", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, disabled: true }
-    });
-    expect(wrapper.classes()).toContain("is-disabled");
-  });
-  it("should show loading state", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, loading: true }
-    });
-    expect(wrapper.classes()).toContain("is-loading");
-    expect(wrapper.find(".yh-switch__loading-icon").exists()).toBe(true);
-  });
-  it("should toggle value on click", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeTruthy();
-    expect(wrapper.emitted("update:modelValue")[0]).toEqual([true]);
-  });
-  it("should not toggle when disabled", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, disabled: true }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  it("should not toggle when loading", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, loading: true }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  it("should emit change event", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("change")).toBeTruthy();
-    expect(wrapper.emitted("change")[0]).toEqual([true]);
-  });
-  it("should work with custom string active/inactive values", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: {
-        modelValue: "0",
-        activeValue: "1",
-        inactiveValue: "0"
-      }
-    });
-    expect(wrapper.classes()).not.toContain("is-checked");
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")[0]).toEqual(["1"]);
-  });
-  it("should work with number type values", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: {
-        modelValue: 0,
-        activeValue: 100,
-        inactiveValue: 0
-      }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")[0]).toEqual([100]);
-  });
-  it("should toggle from on to off", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: true }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")[0]).toEqual([false]);
-  });
-  it("should toggle when beforeChange returns true", async () => {
-    const beforeChange = () => true;
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, beforeChange }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeTruthy();
-  });
-  it("should not toggle when beforeChange returns false", async () => {
-    const beforeChange = () => false;
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, beforeChange }
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  it("should show active/inactive text externally", () => {
-    const wrapper = mount(YhSwitch, {
-      props: {
-        modelValue: true,
-        activeText: "\u5F00",
-        inactiveText: "\u5173"
-      }
-    });
-    expect(wrapper.text()).toContain("\u5F00");
-    expect(wrapper.text()).toContain("\u5173");
-  });
-  it("should show inner element when inlinePrompt is true", () => {
-    const wrapper = mount(YhSwitch, {
-      props: {
-        modelValue: true,
-        activeText: "\u5F00",
-        inlinePrompt: true
-      }
-    });
-    const inner = wrapper.find(".yh-switch__inner");
-    expect(inner.exists()).toBe(true);
-  });
-  it("should apply custom width", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, width: 60 }
-    });
-    const core = wrapper.find(".yh-switch__core");
-    expect(core.attributes("style")).toContain("60px");
-  });
-  it("should set input name attribute", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, name: "test-switch" }
-    });
-    const input = wrapper.find("input");
-    expect(input.attributes("name")).toBe("test-switch");
-  });
-  it("should set input id attribute", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false, id: "my-switch" }
-    });
-    const input = wrapper.find("input");
-    expect(input.attributes("id")).toBe("my-switch");
-  });
-  it("should have switch role", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false }
-    });
-    expect(wrapper.attributes("role")).toBe("switch");
-  });
-  it("should set aria-checked correctly", async () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false }
-    });
-    expect(wrapper.attributes("aria-checked")).toBe("false");
-    await wrapper.setProps({ modelValue: true });
-    expect(wrapper.attributes("aria-checked")).toBe("true");
-  });
-  it("should expose focus method", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: false }
-    });
-    expect(typeof wrapper.vm.focus).toBe("function");
-  });
-  it("should expose checked computed ref", () => {
-    const wrapper = mount(YhSwitch, {
-      props: { modelValue: true }
-    });
-    expect(wrapper.vm.checked).toBe(true);
-  });
-});

package/dist/table/__tests__/table-advance.test.cjs

@@ -1,180 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-if (typeof URL.createObjectURL === "undefined") {
-  Object.defineProperty(URL, "createObjectURL", {
-    value: _vitest.vi.fn(() => "blob:mock-url")
-  });
-  Object.defineProperty(URL, "revokeObjectURL", {
-    value: _vitest.vi.fn()
-  });
-}
-const mockWindowOpen = _vitest.vi.fn().mockReturnValue({
-  document: {
-    write: _vitest.vi.fn(),
-    close: _vitest.vi.fn()
-  },
-  print: _vitest.vi.fn(),
-  close: _vitest.vi.fn(),
-  onload: null
-});
-_vitest.vi.stubGlobal("open", mockWindowOpen);
-class MockResizeObserver {
-  observe = _vitest.vi.fn();
-  unobserve = _vitest.vi.fn();
-  disconnect = _vitest.vi.fn();
-}
-global.ResizeObserver = MockResizeObserver;
-(0, _vitest.describe)("Table Advanced Features", () => {
-  const mockData = Array.from({
-    length: 200
-  }).map((_, i) => ({
-    id: i + 1,
-    name: `User ${i + 1}`,
-    age: 20 + i % 30,
-    email: `user${i + 1}@example.com`,
-    active: i % 2 === 0
-  }));
-  const mockColumns = [{
-    prop: "id",
-    label: "ID",
-    width: 60
-  }, {
-    prop: "name",
-    label: "Name",
-    width: 120
-  }, {
-    prop: "age",
-    label: "Age",
-    width: 80
-  }, {
-    prop: "email",
-    label: "Email"
-  }, {
-    prop: "active",
-    label: "Active"
-  }];
-  (0, _vitest.describe)("Virtual Scroll", () => {
-    (0, _vitest.it)("should enable virtual scroll when data length > 100 and enabled", async () => {
-      const wrapper = (0, _testUtils.mount)(_index.YhTable, {
-        props: {
-          data: mockData,
-          columns: mockColumns,
-          virtualConfig: {
-            enabled: true
-          },
-          height: 400
-        },
-        global: {
-          stubs: {
-            YhPagination: true,
-            YhTooltip: true
-          }
-        }
-      });
-      const vm = wrapper.vm;
-      (0, _vitest.expect)(vm.isVirtual).toBe(true);
-      const rows = wrapper.findAll(".yh-table__row");
-      (0, _vitest.expect)(rows.length).toBeLessThan(mockData.length);
-    });
-  });
-  (0, _vitest.describe)("Data Export & Import", () => {
-    (0, _vitest.it)("should export data as CSV, JSON, HTML", async () => {
-      const wrapper = (0, _testUtils.mount)(_index.YhTable, {
-        props: {
-          data: mockData.slice(0, 5),
-          columns: mockColumns
-        }
-      });
-      const vm = wrapper.vm;
-      const csv = await vm.exportData({
-        type: "csv",
-        mode: "string"
-      });
-      (0, _vitest.expect)(csv).toContain("ID,Name,Age,Email,Active");
-      (0, _vitest.expect)(csv).toContain("\u662F");
-      const json = await vm.exportData({
-        type: "json",
-        mode: "string"
-      });
-      (0, _vitest.expect)(JSON.parse(json)[0]["Name"]).toBe("User 1");
-      const html = await vm.exportData({
-        type: "html",
-        mode: "string"
-      });
-      (0, _vitest.expect)(html).toContain("<table");
-    });
-    (0, _vitest.it)("should import data from JSON and CSV", async () => {
-      const wrapper = (0, _testUtils.mount)(_index.YhTable, {
-        props: {
-          data: [],
-          columns: mockColumns
-        }
-      });
-      const vm = wrapper.vm;
-      const jsonData = JSON.stringify([{
-        id: 999,
-        name: "Imported JSON"
-      }]);
-      await vm.importData(jsonData, {
-        type: "json"
-      });
-      (0, _vitest.expect)(wrapper.emitted("update:data")).toBeTruthy();
-      const csvData = "ID,Name\n1000,Imported CSV";
-      await vm.importData(csvData, {
-        type: "csv"
-      });
-      (0, _vitest.expect)(wrapper.emitted("update:data").length).toBeGreaterThan(1);
-    });
-  });
-  (0, _vitest.describe)("Print", () => {
-    (0, _vitest.it)("should support print and printMultiple", async () => {
-      const wrapper = (0, _testUtils.mount)(_index.YhTable, {
-        props: {
-          data: mockData.slice(0, 1),
-          columns: mockColumns
-        }
-      });
-      const vm = wrapper.vm;
-      await vm.print({
-        title: "Print Test"
-      });
-      (0, _vitest.expect)(mockWindowOpen).toHaveBeenCalled();
-      await vm.printMultiple([{
-        title: "Multiple",
-        data: [{
-          id: 1
-        }],
-        columns: [{
-          prop: "id"
-        }]
-      }]);
-      (0, _vitest.expect)(mockWindowOpen).toHaveBeenCalledTimes(2);
-    });
-  });
-  (0, _vitest.describe)("TableColumn component", () => {
-    (0, _vitest.it)("should collect columns from slots", async () => {
-      const wrapper = (0, _testUtils.mount)(_index.YhTable, {
-        props: {
-          data: mockData.slice(0, 5)
-        },
-        slots: {
-          default: () => [(0, _vue.h)(_index.YhTableColumn, {
-            prop: "id",
-            label: "ID"
-          }), (0, _vue.h)(_index.YhTableColumn, {
-            prop: "name",
-            label: "Name"
-          })]
-        }
-      });
-      await (0, _vue.nextTick)();
-      await (0, _vue.nextTick)();
-      (0, _vitest.expect)(wrapper.findAll(".yh-table__header-cell").length).toBe(2);
-      (0, _vitest.expect)(wrapper.find(".yh-table__header-cell").text()).toBe("ID");
-    });
-  });
-});