@yh-ui/components 0.1.21 → 0.1.23

package/dist/input-number/__tests__/input-number.ssr.test.mjs

@@ -1,92 +0,0 @@
-import { describe, it, expect } from "vitest";
-import InputNumber from "../src/input-number.vue";
-import { renderSSR, expectSSRHasClass } from "../../__tests__/utils/ssr.mjs";
-describe("YhInputNumber SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 0
-    });
-    expectSSRHasClass(html, "yh-input-number");
-  });
-  it("should render with initial value in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 10
-    });
-    expect(html).toContain("10");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 5,
-      disabled: true
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should render different sizes in SSR", async () => {
-    const sizes = ["small", "default", "large"];
-    for (const size of sizes) {
-      const html = await renderSSR(InputNumber, {
-        modelValue: 0,
-        size
-      });
-      if (size !== "default") {
-        expectSSRHasClass(html, `yh-input-number--${size}`);
-      }
-    }
-  });
-  it("should render with min value in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 5,
-      min: 0
-    });
-    expectSSRHasClass(html, "yh-input-number");
-  });
-  it("should render with max value in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 5,
-      max: 10
-    });
-    expectSSRHasClass(html, "yh-input-number");
-  });
-  it("should render with step in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 0,
-      step: 2
-    });
-    expectSSRHasClass(html, "yh-input-number");
-  });
-  it("should render with precision in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 1.5,
-      precision: 2
-    });
-    expect(html).toContain("1.50");
-  });
-  it("should render controls position in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 0,
-      controlsPosition: "right"
-    });
-    expectSSRHasClass(html, "is-controls-right");
-  });
-  it("should render without controls in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 0,
-      controls: false
-    });
-    expectSSRHasClass(html, "yh-input-number");
-  });
-  it("should render readonly state in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: 10,
-      readonly: true
-    });
-    expectSSRHasClass(html, "yh-input-number");
-  });
-  it("should render placeholder in SSR", async () => {
-    const html = await renderSSR(InputNumber, {
-      modelValue: void 0,
-      placeholder: "Enter number"
-    });
-    expect(html).toContain("Enter number");
-  });
-});

package/dist/input-number/__tests__/input-number.test.cjs

@@ -1,199 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _inputNumber = _interopRequireDefault(require("../src/input-number.vue"));
-var _inputNumber2 = require("../src/input-number.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhInputNumber", () => {
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 1
-      }
-    });
-    (0, _vitest.expect)(wrapper.find("input").element.value).toBe("1");
-    (0, _vitest.expect)(wrapper.get(".yh-input-number").classes()).toContain("yh-input-number");
-  });
-  (0, _vitest.it)("should increment value on increase button click", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 1,
-        step: 1
-      }
-    });
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([2]);
-  });
-  (0, _vitest.it)("should decrement value on decrease button click", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 1,
-        step: 1
-      }
-    });
-    const decreaseBtn = wrapper.find(".yh-input-number__decrease");
-    await decreaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([0]);
-  });
-  (0, _vitest.it)("should respect min/max constraints", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 1,
-        min: 1,
-        max: 2,
-        step: 1
-      }
-    });
-    const decreaseBtn = wrapper.find(".yh-input-number__decrease");
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await decreaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeFalsy();
-    await increaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([2]);
-    await wrapper.setProps({
-      modelValue: 2
-    });
-    await increaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.length).toBe(1);
-  });
-  (0, _vitest.it)("should handle precision correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 1,
-        precision: 2,
-        step: 0.1
-      }
-    });
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([1.1]);
-    await wrapper.setProps({
-      modelValue: 1.1
-    });
-    (0, _vitest.expect)(wrapper.find("input").element.value).toBe("1.10");
-  });
-  (0, _vitest.it)("should be disabled when disabled prop is true", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        disabled: true,
-        modelValue: 1
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-input-number").classes()).toContain("is-disabled");
-    (0, _vitest.expect)(wrapper.find("input").attributes("disabled")).toBeDefined();
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  (0, _vitest.it)("should handle step-strictly correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 1,
-        step: 2,
-        stepStrictly: true
-      }
-    });
-    const input = wrapper.find("input");
-    await input.setValue("2.5");
-    await input.trigger("blur");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([2]);
-  });
-  (0, _vitest.it)("should handle controls-position correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        controlsPosition: "right"
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-input-number").classes()).toContain("is-controls-right");
-  });
-  (0, _vitest.it)("should export valid constants", () => {
-    (0, _vitest.expect)(_inputNumber2.inputNumberSizes).toBeTruthy();
-    (0, _vitest.expect)(_inputNumber2.inputNumberSizes.length).toBe(3);
-    (0, _vitest.expect)(_inputNumber2.controlsPositions).toBeTruthy();
-    (0, _vitest.expect)(_inputNumber2.controlsPositions.length).toBe(2);
-  });
-  (0, _vitest.it)("should calculate precision correctly with undefined modelValue", () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        step: 0.1,
-        modelValue: void 0
-      }
-    });
-    (0, _vitest.expect)(wrapper.vm).toBeTruthy();
-  });
-  (0, _vitest.it)("should handle custom validator string and boolean result", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 1,
-        validator: val => val === 1 ? true : val === 2 ? false : "Error message"
-      }
-    });
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    (0, _vitest.expect)(wrapper.vm).toBeTruthy();
-    await wrapper.setProps({
-      validator: val => "Always error"
-    });
-    await increaseBtn.trigger("click");
-  });
-  (0, _vitest.it)("should handle clear icon and expose clear method", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 10,
-        clearable: true
-      }
-    });
-    await wrapper.trigger("mouseenter");
-    const clearIcon = wrapper.find(".yh-input-number__clear");
-    if (clearIcon.exists()) {
-      await clearIcon.trigger("click");
-      (0, _vitest.expect)(wrapper.emitted("clear")).toBeTruthy();
-    }
-    wrapper.vm.clear();
-    (0, _vitest.expect)(wrapper.emitted("clear")).toBeTruthy();
-  });
-  (0, _vitest.it)("should handle focus, blur and ArrowDown", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 5,
-        step: 1
-      }
-    });
-    const input = wrapper.find("input");
-    await input.trigger("focus");
-    (0, _vitest.expect)(wrapper.emitted("focus")).toBeTruthy();
-    await input.trigger("keydown", {
-      key: "ArrowDown"
-    });
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([4]);
-    await input.trigger("keydown", {
-      key: "ArrowUp"
-    });
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[1]).toEqual([6]);
-    await input.trigger("blur");
-    (0, _vitest.expect)(wrapper.emitted("blur")).toBeTruthy();
-  });
-  (0, _vitest.it)("should use valueOnClear correctly string min max", async () => {
-    const wrapper = (0, _testUtils.mount)(_inputNumber.default, {
-      props: {
-        modelValue: 5,
-        valueOnClear: "min",
-        min: 1,
-        max: 10
-      }
-    });
-    const input = wrapper.find("input");
-    await input.setValue("");
-    await input.trigger("change");
-    const calls = wrapper.emitted("update:modelValue");
-    (0, _vitest.expect)(calls?.[calls.length - 1]).toEqual([1]);
-    await wrapper.setProps({
-      valueOnClear: null
-    });
-    await input.setValue("");
-    await input.trigger("change");
-    (0, _vitest.expect)(calls?.[calls.length - 1]).toEqual([void 0]);
-  });
-});

package/dist/input-number/__tests__/input-number.test.mjs

@@ -1,173 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import InputNumber from "../src/input-number.vue";
-import { inputNumberSizes, controlsPositions } from "../src/input-number.mjs";
-describe("YhInputNumber", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 1
-      }
-    });
-    expect(wrapper.find("input").element.value).toBe("1");
-    expect(wrapper.get(".yh-input-number").classes()).toContain("yh-input-number");
-  });
-  it("should increment value on increase button click", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 1,
-        step: 1
-      }
-    });
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([2]);
-  });
-  it("should decrement value on decrease button click", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 1,
-        step: 1
-      }
-    });
-    const decreaseBtn = wrapper.find(".yh-input-number__decrease");
-    await decreaseBtn.trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([0]);
-  });
-  it("should respect min/max constraints", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 1,
-        min: 1,
-        max: 2,
-        step: 1
-      }
-    });
-    const decreaseBtn = wrapper.find(".yh-input-number__decrease");
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await decreaseBtn.trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeFalsy();
-    await increaseBtn.trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([2]);
-    await wrapper.setProps({ modelValue: 2 });
-    await increaseBtn.trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.length).toBe(1);
-  });
-  it("should handle precision correctly", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 1,
-        precision: 2,
-        step: 0.1
-      }
-    });
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([1.1]);
-    await wrapper.setProps({ modelValue: 1.1 });
-    expect(wrapper.find("input").element.value).toBe("1.10");
-  });
-  it("should be disabled when disabled prop is true", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        disabled: true,
-        modelValue: 1
-      }
-    });
-    expect(wrapper.find(".yh-input-number").classes()).toContain("is-disabled");
-    expect(wrapper.find("input").attributes("disabled")).toBeDefined();
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    expect(wrapper.emitted("update:modelValue")).toBeFalsy();
-  });
-  it("should handle step-strictly correctly", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 1,
-        step: 2,
-        stepStrictly: true
-      }
-    });
-    const input = wrapper.find("input");
-    await input.setValue("2.5");
-    await input.trigger("blur");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([2]);
-  });
-  it("should handle controls-position correctly", () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        controlsPosition: "right"
-      }
-    });
-    expect(wrapper.find(".yh-input-number").classes()).toContain("is-controls-right");
-  });
-  it("should export valid constants", () => {
-    expect(inputNumberSizes).toBeTruthy();
-    expect(inputNumberSizes.length).toBe(3);
-    expect(controlsPositions).toBeTruthy();
-    expect(controlsPositions.length).toBe(2);
-  });
-  it("should calculate precision correctly with undefined modelValue", () => {
-    const wrapper = mount(InputNumber, {
-      props: { step: 0.1, modelValue: void 0 }
-    });
-    expect(wrapper.vm).toBeTruthy();
-  });
-  it("should handle custom validator string and boolean result", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 1,
-        validator: (val) => val === 1 ? true : val === 2 ? false : "Error message"
-      }
-    });
-    const increaseBtn = wrapper.find(".yh-input-number__increase");
-    await increaseBtn.trigger("click");
-    expect(wrapper.vm).toBeTruthy();
-    await wrapper.setProps({ validator: (val) => "Always error" });
-    await increaseBtn.trigger("click");
-  });
-  it("should handle clear icon and expose clear method", async () => {
-    const wrapper = mount(InputNumber, {
-      props: {
-        modelValue: 10,
-        clearable: true
-      }
-    });
-    await wrapper.trigger("mouseenter");
-    const clearIcon = wrapper.find(".yh-input-number__clear");
-    if (clearIcon.exists()) {
-      await clearIcon.trigger("click");
-      expect(wrapper.emitted("clear")).toBeTruthy();
-    }
-    wrapper.vm.clear();
-    expect(wrapper.emitted("clear")).toBeTruthy();
-  });
-  it("should handle focus, blur and ArrowDown", async () => {
-    const wrapper = mount(InputNumber, {
-      props: { modelValue: 5, step: 1 }
-    });
-    const input = wrapper.find("input");
-    await input.trigger("focus");
-    expect(wrapper.emitted("focus")).toBeTruthy();
-    await input.trigger("keydown", { key: "ArrowDown" });
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([4]);
-    await input.trigger("keydown", { key: "ArrowUp" });
-    expect(wrapper.emitted("update:modelValue")?.[1]).toEqual([6]);
-    await input.trigger("blur");
-    expect(wrapper.emitted("blur")).toBeTruthy();
-  });
-  it("should use valueOnClear correctly string min max", async () => {
-    const wrapper = mount(InputNumber, {
-      props: { modelValue: 5, valueOnClear: "min", min: 1, max: 10 }
-    });
-    const input = wrapper.find("input");
-    await input.setValue("");
-    await input.trigger("change");
-    const calls = wrapper.emitted("update:modelValue");
-    expect(calls?.[calls.length - 1]).toEqual([1]);
-    await wrapper.setProps({ valueOnClear: null });
-    await input.setValue("");
-    await input.trigger("change");
-    expect(calls?.[calls.length - 1]).toEqual([void 0]);
-  });
-});

package/dist/input-tag/__tests__/input-tag.ssr.test.cjs

@@ -1,47 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _inputTag = _interopRequireDefault(require("../src/input-tag.vue"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhInputTag SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_inputTag.default, {
-      modelValue: ["Tag 1", "Tag 2"]
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-input-tag");
-    (0, _vitest.expect)(html).toContain("Tag 1");
-    (0, _vitest.expect)(html).toContain("Tag 2");
-  });
-  (0, _vitest.it)("should render placeholder when no tags in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_inputTag.default, {
-      modelValue: [],
-      placeholder: "Add tag"
-    });
-    (0, _vitest.expect)(html).toContain("Add tag");
-  });
-  (0, _vitest.it)("should render disabled state in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_inputTag.default, {
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("should render different types in SSR", async () => {
-    const types = ["success", "warning", "danger"];
-    for (const type of types) {
-      const html = await (0, _ssr.renderSSR)(_inputTag.default, {
-        type,
-        modelValue: ["tag"]
-      });
-      (0, _ssr.expectSSRHasClass)(html, `is-${type}`);
-    }
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_inputTag.default, {
-      modelValue: ["vue", "nuxt"],
-      clearable: true,
-      draggable: true
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

package/dist/input-tag/__tests__/input-tag.ssr.test.mjs

@@ -1,41 +0,0 @@
-import { describe, it, expect } from "vitest";
-import InputTag from "../src/input-tag.vue";
-import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
-describe("YhInputTag SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(InputTag, {
-      modelValue: ["Tag 1", "Tag 2"]
-    });
-    expectSSRHasClass(html, "yh-input-tag");
-    expect(html).toContain("Tag 1");
-    expect(html).toContain("Tag 2");
-  });
-  it("should render placeholder when no tags in SSR", async () => {
-    const html = await renderSSR(InputTag, {
-      modelValue: [],
-      placeholder: "Add tag"
-    });
-    expect(html).toContain("Add tag");
-  });
-  it("should render disabled state in SSR", async () => {
-    const html = await renderSSR(InputTag, {
-      disabled: true
-    });
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("should render different types in SSR", async () => {
-    const types = ["success", "warning", "danger"];
-    for (const type of types) {
-      const html = await renderSSR(InputTag, { type, modelValue: ["tag"] });
-      expectSSRHasClass(html, `is-${type}`);
-    }
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(InputTag, {
-      modelValue: ["vue", "nuxt"],
-      clearable: true,
-      draggable: true
-    });
-    expect(result.isMatch).toBe(true);
-  });
-});