@yh-ui/components 0.1.21 → 0.1.22

package/dist/tag/__tests__/tag.test.mjs

@@ -1,167 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import Tag from "../src/tag.vue";
-describe("YhTag", () => {
-  it("should render correctly", () => {
-    const wrapper = mount(Tag, {
-      slots: {
-        default: "Tag Content"
-      }
-    });
-    expect(wrapper.text()).toContain("Tag Content");
-    expect(wrapper.get("span").classes()).toContain("yh-tag");
-  });
-  it("should apply type class", () => {
-    const types = ["primary", "success", "warning", "danger", "info"];
-    types.forEach((type) => {
-      const wrapper = mount(Tag, {
-        props: { type }
-      });
-      expect(wrapper.get("span").classes()).toContain(`yh-tag--${type}`);
-    });
-  });
-  it("should apply size class", () => {
-    const sizes = ["large", "default", "small"];
-    sizes.forEach((size) => {
-      const wrapper = mount(Tag, {
-        props: { size }
-      });
-      expect(wrapper.get("span").classes()).toContain(`yh-tag--${size}`);
-    });
-  });
-  it("should apply effect class", () => {
-    const effects = ["dark", "light", "plain"];
-    effects.forEach((effect) => {
-      const wrapper = mount(Tag, {
-        props: { effect }
-      });
-      expect(wrapper.get("span").classes()).toContain(`yh-tag--${effect}`);
-    });
-  });
-  it("should apply round class", () => {
-    const wrapper = mount(Tag, {
-      props: { round: true }
-    });
-    expect(wrapper.get("span").classes()).toContain("is-round");
-  });
-  it("should apply hit class", () => {
-    const wrapper = mount(Tag, {
-      props: { hit: true }
-    });
-    expect(wrapper.get("span").classes()).toContain("is-hit");
-  });
-  it("should render close icon and handle close event", async () => {
-    const wrapper = mount(Tag, {
-      props: { closable: true }
-    });
-    const closeBtn = wrapper.find(".yh-tag__close");
-    expect(closeBtn.exists()).toBe(true);
-    await closeBtn.trigger("click");
-    expect(wrapper.emitted("close")).toBeTruthy();
-  });
-  it("should handle checkable state", async () => {
-    const wrapper = mount(Tag, {
-      props: {
-        checkable: true,
-        checked: false
-      }
-    });
-    const span = wrapper.get("span");
-    expect(span.classes()).toContain("is-checkable");
-    expect(span.classes()).not.toContain("is-checked");
-    await span.trigger("click");
-    expect(wrapper.emitted("update:checked")?.[0]).toEqual([true]);
-    expect(wrapper.emitted("change")?.[0]).toEqual([true]);
-    await wrapper.setProps({ checked: true });
-    expect(span.classes()).toContain("is-checked");
-  });
-  it("should handle editable mode", async () => {
-    const wrapper = mount(Tag, {
-      props: {
-        editable: true
-      },
-      slots: {
-        default: "Editable Tag"
-      }
-    });
-    const span = wrapper.get("span");
-    expect(span.classes()).toContain("is-editable");
-    await span.trigger("dblclick");
-    const input = wrapper.find(".yh-tag__input");
-    expect(input.exists()).toBe(true);
-    await input.setValue("New Tag Value");
-    await input.trigger("blur");
-    expect(wrapper.emitted("edit")?.[0]).toEqual(["New Tag Value"]);
-    expect(wrapper.find(".yh-tag__input").exists()).toBe(false);
-  });
-  it("should handle keyboard events in edit mode", async () => {
-    const wrapper = mount(Tag, {
-      props: { editable: true }
-    });
-    await wrapper.get("span").trigger("dblclick");
-    const input = wrapper.find(".yh-tag__input");
-    await input.trigger("keydown", { key: "Escape" });
-    expect(wrapper.find(".yh-tag__input").exists()).toBe(false);
-    expect(wrapper.emitted("edit")).toBeFalsy();
-    await wrapper.get("span").trigger("dblclick");
-    const input2 = wrapper.find(".yh-tag__input");
-    await input2.setValue("Tag with Enter");
-    await input2.trigger("keydown", { key: "Enter" });
-    expect(wrapper.emitted("edit")?.[0]).toEqual(["Tag with Enter"]);
-    expect(wrapper.find(".yh-tag__input").exists()).toBe(false);
-  });
-  it("should render icons correctly", () => {
-    const wrapper = mount(Tag, {
-      props: {
-        icon: "i-ep-plus",
-        suffixIcon: "i-ep-check"
-      }
-    });
-    const span = wrapper.get("span");
-    expect(span.classes()).toContain("is-has-icon");
-    expect(span.classes()).toContain("is-has-suffix-icon");
-    expect(wrapper.find(".yh-tag__icon").exists()).toBe(true);
-    expect(wrapper.find(".yh-tag__suffix-icon").exists()).toBe(true);
-  });
-  it("should apply custom color style", () => {
-    const wrapper = mount(Tag, {
-      props: {
-        color: "#ff0000",
-        effect: "dark"
-      }
-    });
-    const style = wrapper.get("span").attributes("style");
-    expect(style).toContain("--yh-tag-bg-color: #ff0000");
-    expect(style).toContain("--yh-tag-border-color: #ff0000");
-    expect(style).toContain("--yh-tag-text-color: #fff");
-    const wrapperLight = mount(Tag, {
-      props: {
-        color: "#ff0000",
-        effect: "light"
-      }
-    });
-    const styleLight = wrapperLight.get("span").attributes("style");
-    expect(styleLight).toContain("--yh-tag-bg-color: #ff000020");
-    expect(styleLight).toContain("--yh-tag-text-color: #ff0000");
-  });
-  it("should emit click event", async () => {
-    const wrapper = mount(Tag);
-    await wrapper.get("span").trigger("click");
-    expect(wrapper.emitted("click")).toBeTruthy();
-  });
-  it("should render icon via slot", () => {
-    const wrapper = mount(Tag, {
-      slots: {
-        icon: '<div class="custom-icon"></div>'
-      }
-    });
-    expect(wrapper.find(".custom-icon").exists()).toBe(true);
-    expect(wrapper.get("span").classes()).toContain("is-has-icon");
-  });
-  it("should export constants", async () => {
-    const { tagTypes, tagSizes, tagEffects } = await import("../src/tag.mjs");
-    expect(tagTypes).toBeTruthy();
-    expect(tagSizes).toBeTruthy();
-    expect(tagEffects).toBeTruthy();
-  });
-});

package/dist/time-picker/__tests__/time-picker.ssr.test.cjs

@@ -1,46 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-var _timePicker = _interopRequireDefault(require("../src/time-picker.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhTimePicker SSR", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u80FD\u6B63\u786E\u8FDB\u884C\u670D\u52A1\u7AEF\u6E32\u67D3", async () => {
-    const html = await (0, _ssr.renderSSR)(_timePicker.default, {
-      placeholder: "\u9009\u62E9\u65F6\u95F4"
-    });
-    (0, _vitest.expect)(html).toContain("yh-time-picker");
-    (0, _vitest.expect)(html).toContain("\u9009\u62E9\u65F6\u95F4");
-  });
-  (0, _vitest.it)("SSR \u6E32\u67D3\u65F6\u5E94\u8BE5\u5305\u542B\u6B63\u786E\u7684\u7C7B\u540D", async () => {
-    const html = await (0, _ssr.renderSSR)(_timePicker.default, {
-      size: "large",
-      disabled: true
-    });
-    (0, _ssr.expectSSRHasClass)(html, "yh-time-picker--large");
-    (0, _ssr.expectSSRHasClass)(html, "is-disabled");
-  });
-  (0, _vitest.it)("SSR \u6E32\u67D3\u65F6\u5E94\u8BE5\u6B63\u786E\u5904\u7406\u8303\u56F4\u9009\u62E9\u6A21\u5F0F", async () => {
-    const html = await (0, _ssr.renderSSR)(_timePicker.default, {
-      isRange: true,
-      startPlaceholder: "\u5F00\u59CB\u65F6\u95F4",
-      endPlaceholder: "\u7ED3\u675F\u65F6\u95F4"
-    });
-    (0, _ssr.expectSSRHasClass)(html, "is-range");
-    (0, _vitest.expect)(html).toContain("\u5F00\u59CB\u65F6\u95F4");
-    (0, _vitest.expect)(html).toContain("\u7ED3\u675F\u65F6\u95F4");
-  });
-  (0, _vitest.it)("SSR \u6E32\u67D3\u65F6\u5E94\u8BE5\u6B63\u786E\u663E\u793A\u5DF2\u9009\u503C", async () => {
-    const html = await (0, _ssr.renderSSR)(_timePicker.default, {
-      modelValue: "14:30:00",
-      format: "HH:mm:ss"
-    });
-    (0, _vitest.expect)(html).toContain("14:30:00");
-  });
-  (0, _vitest.it)("SSR \u6E32\u67D3\u65F6\u4E0D\u5E94\u8BE5\u5305\u542B\u9762\u677F\u5185\u5BB9\uFF08\u9ED8\u8BA4\u9690\u85CF\uFF09", async () => {
-    const html = await (0, _ssr.renderSSR)(_timePicker.default, {
-      teleported: false
-    });
-    (0, _vitest.expect)(html).not.toContain("yh-time-picker__panel");
-  });
-});

package/dist/time-picker/__tests__/time-picker.ssr.test.mjs

@@ -1,43 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderSSR, expectSSRHasClass } from "../../__tests__/utils/ssr.mjs";
-import TimePicker from "../src/time-picker.vue";
-describe("YhTimePicker SSR", () => {
-  it("\u5E94\u8BE5\u80FD\u6B63\u786E\u8FDB\u884C\u670D\u52A1\u7AEF\u6E32\u67D3", async () => {
-    const html = await renderSSR(TimePicker, {
-      placeholder: "\u9009\u62E9\u65F6\u95F4"
-    });
-    expect(html).toContain("yh-time-picker");
-    expect(html).toContain("\u9009\u62E9\u65F6\u95F4");
-  });
-  it("SSR \u6E32\u67D3\u65F6\u5E94\u8BE5\u5305\u542B\u6B63\u786E\u7684\u7C7B\u540D", async () => {
-    const html = await renderSSR(TimePicker, {
-      size: "large",
-      disabled: true
-    });
-    expectSSRHasClass(html, "yh-time-picker--large");
-    expectSSRHasClass(html, "is-disabled");
-  });
-  it("SSR \u6E32\u67D3\u65F6\u5E94\u8BE5\u6B63\u786E\u5904\u7406\u8303\u56F4\u9009\u62E9\u6A21\u5F0F", async () => {
-    const html = await renderSSR(TimePicker, {
-      isRange: true,
-      startPlaceholder: "\u5F00\u59CB\u65F6\u95F4",
-      endPlaceholder: "\u7ED3\u675F\u65F6\u95F4"
-    });
-    expectSSRHasClass(html, "is-range");
-    expect(html).toContain("\u5F00\u59CB\u65F6\u95F4");
-    expect(html).toContain("\u7ED3\u675F\u65F6\u95F4");
-  });
-  it("SSR \u6E32\u67D3\u65F6\u5E94\u8BE5\u6B63\u786E\u663E\u793A\u5DF2\u9009\u503C", async () => {
-    const html = await renderSSR(TimePicker, {
-      modelValue: "14:30:00",
-      format: "HH:mm:ss"
-    });
-    expect(html).toContain("14:30:00");
-  });
-  it("SSR \u6E32\u67D3\u65F6\u4E0D\u5E94\u8BE5\u5305\u542B\u9762\u677F\u5185\u5BB9\uFF08\u9ED8\u8BA4\u9690\u85CF\uFF09", async () => {
-    const html = await renderSSR(TimePicker, {
-      teleported: false
-    });
-    expect(html).not.toContain("yh-time-picker__panel");
-  });
-});

package/dist/time-picker/__tests__/time-picker.test.cjs

@@ -1,228 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _timePicker = _interopRequireDefault(require("../src/time-picker.vue"));
-var _locale = require("@yh-ui/locale");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-_vitest.vi.mock("@yh-ui/hooks", async () => {
-  const actual = await _vitest.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}`,
-      is: (state, value) => value !== false ? `is-${state}` : ""
-    }),
-    useFormItem: () => ({
-      form: null,
-      formItem: null,
-      validate: _vitest.vi.fn()
-    }),
-    useId: () => "test-id",
-    useLocale: () => ({
-      t: key => key,
-      locale: (0, _vue.ref)(_locale.zhCn),
-      lang: (0, _vue.ref)("zh-cn")
-    }),
-    useConfig: () => ({
-      globalSize: (0, _vue.ref)("default"),
-      globalLocale: (0, _vue.ref)(_locale.zhCn)
-    }),
-    useZIndex: () => ({
-      currentZIndex: (0, _vue.ref)(2e3),
-      nextZIndex: () => 2e3
-    })
-  };
-});
-(0, _vitest.describe)("YhTimePicker", () => {
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.clearAllMocks();
-    Element.prototype.getBoundingClientRect = _vitest.vi.fn(() => ({
-      width: 220,
-      height: 40,
-      top: 100,
-      left: 100,
-      bottom: 140,
-      right: 320,
-      x: 100,
-      y: 100,
-      toJSON: () => {}
-    }));
-  });
-  (0, _vitest.describe)("\u57FA\u7840\u6E32\u67D3", () => {
-    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u7EC4\u4EF6", () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default);
-      (0, _vitest.expect)(wrapper.find(".yh-time-picker").exists()).toBe(true);
-      (0, _vitest.expect)(wrapper.find(".yh-time-picker__wrapper").exists()).toBe(true);
-    });
-    (0, _vitest.it)("\u5E94\u8BE5\u663E\u793A\u5360\u4F4D\u6587\u672C", () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
-        }
-      });
-      const input = wrapper.find("input");
-      (0, _vitest.expect)(input.attributes("placeholder")).toBe("\u8BF7\u9009\u62E9\u65F6\u95F4");
-    });
-    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 disabled \u72B6\u6001", () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          disabled: true
-        }
-      });
-      (0, _vitest.expect)(wrapper.find(".yh-time-picker").classes()).toContain("is-disabled");
-      (0, _vitest.expect)(wrapper.find("input").attributes("disabled")).toBeDefined();
-    });
-  });
-  (0, _vitest.describe)("\u5C3A\u5BF8", () => {
-    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 large \u5C3A\u5BF8", () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          size: "large"
-        }
-      });
-      (0, _vitest.expect)(wrapper.find(".yh-time-picker").classes()).toContain("yh-time-picker--large");
-    });
-    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301 small \u5C3A\u5BF8", () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          size: "small"
-        }
-      });
-      (0, _vitest.expect)(wrapper.find(".yh-time-picker").classes()).toContain("yh-time-picker--small");
-    });
-  });
-  (0, _vitest.describe)("\u9762\u677F\u4EA4\u4E92", () => {
-    (0, _vitest.it)("\u70B9\u51FB\u5E94\u8BE5\u6253\u5F00\u9762\u677F", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          teleported: false
-        }
-      });
-      await wrapper.find(".yh-time-picker").trigger("click");
-      await (0, _vue.nextTick)();
-      const panel = wrapper.find(".yh-time-picker__panel");
-      (0, _vitest.expect)(panel.exists()).toBe(true);
-    });
-    (0, _vitest.it)("\u7981\u7528\u65F6\u4E0D\u5E94\u8BE5\u6253\u5F00\u9762\u677F", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          disabled: true,
-          teleported: false
-        }
-      });
-      await wrapper.find(".yh-time-picker").trigger("click");
-      await (0, _vue.nextTick)();
-      const panel = wrapper.find(".yh-time-picker__panel");
-      (0, _vitest.expect)(panel.exists()).toBe(false);
-    });
-  });
-  (0, _vitest.describe)("\u503C\u7ED1\u5B9A", () => {
-    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u663E\u793A\u7ED1\u5B9A\u7684\u65F6\u95F4\u503C", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          modelValue: "14:30:00",
-          format: "HH:mm:ss"
-        }
-      });
-      await (0, _vue.nextTick)();
-      const input = wrapper.find("input");
-      (0, _vitest.expect)(input.element.value).toBe("14:30:00");
-    });
-    (0, _vitest.it)("\u5E94\u8BE5\u652F\u6301\u6E05\u7A7A\u529F\u80FD", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          modelValue: "14:30:00",
-          clearable: true
-        }
-      });
-      await wrapper.trigger("mouseenter");
-      await (0, _vue.nextTick)();
-      const clearBtn = wrapper.find(".yh-time-picker__clear");
-      if (clearBtn.exists()) {
-        await clearBtn.trigger("click");
-        (0, _vitest.expect)(wrapper.emitted("clear")).toBeTruthy();
-        (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeTruthy();
-      }
-    });
-  });
-  (0, _vitest.describe)("\u4E8B\u4EF6", () => {
-    (0, _vitest.it)("\u5E94\u8BE5\u89E6\u53D1 focus/blur \u4E8B\u4EF6", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default);
-      const input = wrapper.find("input");
-      await input.trigger("focus");
-      (0, _vitest.expect)(wrapper.emitted("focus")).toBeTruthy();
-      await input.trigger("blur");
-      (0, _vitest.expect)(wrapper.emitted("blur")).toBeTruthy();
-    });
-  });
-  (0, _vitest.describe)("\u8303\u56F4\u9009\u62E9", () => {
-    (0, _vitest.it)("\u5E94\u8BE5\u6B63\u786E\u6E32\u67D3\u8303\u56F4\u9009\u62E9\u6A21\u5F0F", () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          isRange: true
-        }
-      });
-      (0, _vitest.expect)(wrapper.find(".yh-time-picker").classes()).toContain("is-range");
-      (0, _vitest.expect)(wrapper.findAll(".yh-time-picker__range-input").length).toBe(2);
-    });
-    (0, _vitest.it)("\u5728\u9ED8\u8BA4\u4E25\u683C\u6A21\u5F0F\u4E0B\uFF0C\u5982\u679C\u7ED3\u675F\u65F6\u95F4\u65E9\u4E8E\u5F00\u59CB\u65F6\u95F4\uFF0C\u4E0D\u5E94\u89E6\u53D1\u786E\u8BA4", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          isRange: true,
-          teleported: false,
-          modelValue: ["10:00:00", "09:00:00"]
-        }
-      });
-      await wrapper.find(".yh-time-picker").trigger("click");
-      await (0, _vue.nextTick)();
-      const confirmBtn = wrapper.find(".yh-time-picker__footer-btn--confirm");
-      await confirmBtn.trigger("click");
-      (0, _vitest.expect)(wrapper.emitted("update:modelValue")).toBeFalsy();
-    });
-    (0, _vitest.it)("\u5F53 orderOnConfirm \u4E3A true \u65F6\uFF0C\u5E94\u5728\u70B9\u51FB\u786E\u5B9A\u540E\u81EA\u52A8\u4EA4\u6362\u65F6\u95F4", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          isRange: true,
-          teleported: false,
-          modelValue: ["10:00:00", "08:00:00"],
-          orderOnConfirm: true
-        }
-      });
-      await wrapper.find(".yh-time-picker").trigger("click");
-      await (0, _vue.nextTick)();
-      await wrapper.find(".yh-time-picker__footer-btn--confirm").trigger("click");
-      const updateEvent = wrapper.emitted("update:modelValue");
-      (0, _vitest.expect)(updateEvent).toBeTruthy();
-      (0, _vitest.expect)(updateEvent[0][0]).toEqual(["08:00:00", "10:00:00"]);
-    });
-  });
-  (0, _vitest.describe)("\u952E\u76D8\u5BFC\u822A", () => {
-    (0, _vitest.it)("Enter \u952E\u5E94\u8BE5\u6253\u5F00\u9762\u677F", async () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default, {
-        props: {
-          teleported: false
-        }
-      });
-      const input = wrapper.find("input");
-      await input.trigger("keydown", {
-        key: "Enter"
-      });
-      await (0, _vue.nextTick)();
-      const panel = wrapper.find(".yh-time-picker__panel");
-      (0, _vitest.expect)(panel.exists()).toBe(true);
-    });
-  });
-  (0, _vitest.describe)("expose \u65B9\u6CD5", () => {
-    (0, _vitest.it)("\u5E94\u8BE5\u66B4\u9732\u6838\u5FC3\u65B9\u6CD5", () => {
-      const wrapper = (0, _testUtils.mount)(_timePicker.default);
-      (0, _vitest.expect)(wrapper.vm.focus).toBeDefined();
-      (0, _vitest.expect)(wrapper.vm.blur).toBeDefined();
-      (0, _vitest.expect)(wrapper.vm.open).toBeDefined();
-      (0, _vitest.expect)(wrapper.vm.close).toBeDefined();
-    });
-  });
-});