@yh-ui/components 0.1.21 → 0.1.23

package/dist/affix/__tests__/affix.bottom.test.cjs

@@ -1,101 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-(0, _vitest.describe)("Affix Bottom Logic", () => {
-  let mockRect = {
-    top: 500,
-    bottom: 600,
-    left: 100,
-    width: 200,
-    height: 100
-  };
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.stubGlobal("innerHeight", 800);
-    Element.prototype.getBoundingClientRect = _vitest.vi.fn(() => ({
-      ...mockRect,
-      right: mockRect.left + mockRect.width,
-      toJSON: () => {}
-    }));
-    class IntersectionObserverMock {
-      constructor(callback) {
-        this.callback = callback;
-      }
-      observe() {
-        this.callback([{
-          isIntersecting: true
-        }]);
-      }
-      unobserve() {}
-      disconnect() {}
-    }
-    class ResizeObserverMock {
-      observe() {}
-      unobserve() {}
-      disconnect() {}
-    }
-    _vitest.vi.stubGlobal("IntersectionObserver", IntersectionObserverMock);
-    _vitest.vi.stubGlobal("ResizeObserver", ResizeObserverMock);
-  });
-  (0, _vitest.afterEach)(() => {
-    _vitest.vi.unstubAllGlobals();
-    _vitest.vi.restoreAllMocks();
-  });
-  (0, _vitest.it)("should not be fixed when distance from bottom is large", async () => {
-    mockRect.bottom = 600;
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      props: {
-        position: "bottom",
-        offset: 20
-      },
-      slots: {
-        default: () => (0, _vue.h)("div", "content")
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 0));
-    await (0, _vue.nextTick)();
-    wrapper.vm.update();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.fixed).toBe(false);
-  });
-  (0, _vitest.it)("should be fixed when distance from bottom is small", async () => {
-    mockRect.bottom = 790;
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      props: {
-        position: "bottom",
-        offset: 20
-      },
-      slots: {
-        default: () => (0, _vue.h)("div", "content")
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 0));
-    await (0, _vue.nextTick)();
-    wrapper.vm.update();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(wrapper.vm.fixed).toBe(true);
-  });
-  (0, _vitest.it)("should apply correct fixed style for bottom", async () => {
-    mockRect.bottom = 790;
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      props: {
-        position: "bottom",
-        offset: 20
-      },
-      slots: {
-        default: () => (0, _vue.h)("div", "content")
-      }
-    });
-    await new Promise(resolve => setTimeout(resolve, 0));
-    await (0, _vue.nextTick)();
-    wrapper.vm.update();
-    await (0, _vue.nextTick)();
-    const inner = wrapper.find(".yh-affix__inner");
-    const style = inner.attributes("style");
-    (0, _vitest.expect)(style).toContain("position: fixed");
-    (0, _vitest.expect)(style).toContain("bottom: 20px");
-    (0, _vitest.expect)(style).toContain("left: 100px");
-  });
-});

package/dist/affix/__tests__/affix.bottom.test.mjs

@@ -1,88 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, h } from "vue";
-import { YhAffix } from "../index.mjs";
-describe("Affix Bottom Logic", () => {
-  let mockRect = {
-    top: 500,
-    bottom: 600,
-    left: 100,
-    width: 200,
-    height: 100
-  };
-  beforeEach(() => {
-    vi.stubGlobal("innerHeight", 800);
-    Element.prototype.getBoundingClientRect = vi.fn(() => ({
-      ...mockRect,
-      right: mockRect.left + mockRect.width,
-      toJSON: () => {
-      }
-    }));
-    class IntersectionObserverMock {
-      constructor(callback) {
-        this.callback = callback;
-      }
-      observe() {
-        this.callback([{ isIntersecting: true }]);
-      }
-      unobserve() {
-      }
-      disconnect() {
-      }
-    }
-    class ResizeObserverMock {
-      observe() {
-      }
-      unobserve() {
-      }
-      disconnect() {
-      }
-    }
-    vi.stubGlobal("IntersectionObserver", IntersectionObserverMock);
-    vi.stubGlobal("ResizeObserver", ResizeObserverMock);
-  });
-  afterEach(() => {
-    vi.unstubAllGlobals();
-    vi.restoreAllMocks();
-  });
-  it("should not be fixed when distance from bottom is large", async () => {
-    mockRect.bottom = 600;
-    const wrapper = mount(YhAffix, {
-      props: { position: "bottom", offset: 20 },
-      slots: { default: () => h("div", "content") }
-    });
-    await new Promise((resolve) => setTimeout(resolve, 0));
-    await nextTick();
-    wrapper.vm.update();
-    await nextTick();
-    expect(wrapper.vm.fixed).toBe(false);
-  });
-  it("should be fixed when distance from bottom is small", async () => {
-    mockRect.bottom = 790;
-    const wrapper = mount(YhAffix, {
-      props: { position: "bottom", offset: 20 },
-      slots: { default: () => h("div", "content") }
-    });
-    await new Promise((resolve) => setTimeout(resolve, 0));
-    await nextTick();
-    wrapper.vm.update();
-    await nextTick();
-    expect(wrapper.vm.fixed).toBe(true);
-  });
-  it("should apply correct fixed style for bottom", async () => {
-    mockRect.bottom = 790;
-    const wrapper = mount(YhAffix, {
-      props: { position: "bottom", offset: 20 },
-      slots: { default: () => h("div", "content") }
-    });
-    await new Promise((resolve) => setTimeout(resolve, 0));
-    await nextTick();
-    wrapper.vm.update();
-    await nextTick();
-    const inner = wrapper.find(".yh-affix__inner");
-    const style = inner.attributes("style");
-    expect(style).toContain("position: fixed");
-    expect(style).toContain("bottom: 20px");
-    expect(style).toContain("left: 100px");
-  });
-});

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

@@ -1,38 +0,0 @@
-"use strict";
-
-var _serverRenderer = require("@vue/server-renderer");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _affix = _interopRequireDefault(require("../src/affix.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAffix SSR", () => {
-  (0, _vitest.it)("should render on server without errors", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_affix.default, {
-      offset: 20,
-      position: "top"
-    }, {
-      default: () => (0, _vue.h)("div", {
-        class: "affix-content"
-      }, "Affix Content")
-    }));
-    (0, _vitest.expect)(html).toContain("yh-affix");
-    (0, _vitest.expect)(html).toContain("affix-content");
-    (0, _vitest.expect)(html).toContain("Affix Content");
-  });
-  (0, _vitest.it)("should render with bottom position on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_affix.default, {
-      position: "bottom",
-      offset: 10
-    }, {
-      default: () => (0, _vue.h)("button", "Back to top")
-    }));
-    (0, _vitest.expect)(html).toContain("yh-affix");
-    (0, _vitest.expect)(html).toContain("Back to top");
-  });
-  (0, _vitest.it)("should not have fixed state on server render", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_affix.default, {}, {
-      default: () => (0, _vue.h)("div", "Content")
-    }));
-    (0, _vitest.expect)(html).not.toContain("is-fixed");
-  });
-});

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

@@ -1,51 +0,0 @@
-import { renderToString } from "@vue/server-renderer";
-import { describe, it, expect } from "vitest";
-import { h } from "vue";
-import YhAffix from "../src/affix.vue";
-describe("YhAffix SSR", () => {
-  it("should render on server without errors", async () => {
-    const html = await renderToString(
-      h(
-        YhAffix,
-        {
-          offset: 20,
-          position: "top"
-        },
-        {
-          default: () => h("div", { class: "affix-content" }, "Affix Content")
-        }
-      )
-    );
-    expect(html).toContain("yh-affix");
-    expect(html).toContain("affix-content");
-    expect(html).toContain("Affix Content");
-  });
-  it("should render with bottom position on server", async () => {
-    const html = await renderToString(
-      h(
-        YhAffix,
-        {
-          position: "bottom",
-          offset: 10
-        },
-        {
-          default: () => h("button", "Back to top")
-        }
-      )
-    );
-    expect(html).toContain("yh-affix");
-    expect(html).toContain("Back to top");
-  });
-  it("should not have fixed state on server render", async () => {
-    const html = await renderToString(
-      h(
-        YhAffix,
-        {},
-        {
-          default: () => h("div", "Content")
-        }
-      )
-    );
-    expect(html).not.toContain("is-fixed");
-  });
-});

package/dist/affix/__tests__/affix.test.cjs

@@ -1,185 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-let ioCallback;
-class IntersectionObserverMock {
-  constructor(callback) {
-    this.callback = callback;
-    ioCallback = callback;
-  }
-  observe = _vitest.vi.fn(() => {
-    ioCallback([{
-      isIntersecting: true
-    }]);
-  });
-  unobserve = _vitest.vi.fn();
-  disconnect = _vitest.vi.fn();
-}
-class ResizeObserverMock {
-  observe = _vitest.vi.fn();
-  unobserve = _vitest.vi.fn();
-  disconnect = _vitest.vi.fn();
-}
-_vitest.vi.stubGlobal("IntersectionObserver", IntersectionObserverMock);
-_vitest.vi.stubGlobal("ResizeObserver", ResizeObserverMock);
-(0, _vitest.describe)("Affix", () => {
-  (0, _vitest.beforeEach)(() => {
-    _vitest.vi.useFakeTimers();
-    Object.defineProperty(window, "innerHeight", {
-      value: 1e3,
-      configurable: true
-    });
-    Object.defineProperty(document.documentElement, "clientHeight", {
-      value: 1e3,
-      configurable: true
-    });
-  });
-  (0, _vitest.afterEach)(() => {
-    _vitest.vi.useRealTimers();
-    _vitest.vi.restoreAllMocks();
-  });
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      slots: {
-        default: () => (0, _vue.h)("div", {
-          class: "content"
-        }, "Affix Content")
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".yh-affix").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should pin to top when scrolled past offset", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      props: {
-        offset: 50,
-        position: "top"
-      }
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = _vitest.vi.fn(() => ({
-      top: 100,
-      bottom: 200,
-      left: 0,
-      width: 100,
-      height: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    vm.update();
-    (0, _vitest.expect)(vm.fixed).toBe(false);
-    rootEl.getBoundingClientRect = _vitest.vi.fn(() => ({
-      top: 40,
-      bottom: 140,
-      left: 0,
-      width: 100,
-      height: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    vm.update();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(vm.fixed).toBe(true);
-    const inner = wrapper.find(".yh-affix__inner");
-    (0, _vitest.expect)(inner.classes()).toContain("is-fixed");
-    (0, _vitest.expect)(inner.element.style.top).toBe("50px");
-  });
-  (0, _vitest.it)("should pin to bottom correctly", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      props: {
-        offset: 50,
-        position: "bottom"
-      }
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = _vitest.vi.fn(() => ({
-      top: 900,
-      bottom: 1e3,
-      left: 0,
-      width: 100,
-      height: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    vm.update();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(vm.fixed).toBe(true);
-    const inner = wrapper.find(".yh-affix__inner");
-    (0, _vitest.expect)(inner.element.style.bottom).toBe("50px");
-  });
-  (0, _vitest.it)("should handle target container", async () => {
-    const container = document.createElement("div");
-    container.id = "container";
-    document.body.appendChild(container);
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      props: {
-        target: "#container",
-        offset: 0
-      },
-      attachTo: document.body
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = _vitest.vi.fn(() => ({
-      top: -100,
-      bottom: 0,
-      width: 100,
-      height: 100,
-      left: 0,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    container.getBoundingClientRect = _vitest.vi.fn(() => ({
-      top: -200,
-      bottom: 50,
-      width: 100,
-      height: 250,
-      left: 0,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    vm.update();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(vm.fixed).toBe(true);
-    (0, _vitest.expect)(vm.transform).toBe(-50);
-    document.body.removeChild(container);
-    wrapper.unmount();
-  });
-  (0, _vitest.it)("should emit events", async () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhAffix, {
-      props: {
-        offset: 0
-      }
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = _vitest.vi.fn(() => ({
-      top: -10,
-      bottom: 90,
-      width: 100,
-      height: 100,
-      left: 0,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    vm.update();
-    (0, _vitest.expect)(wrapper.emitted("change")).toBeTruthy();
-    (0, _vitest.expect)(wrapper.emitted("scroll")).toBeTruthy();
-  });
-});

package/dist/affix/__tests__/affix.test.mjs

@@ -1,180 +0,0 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { mount } from "@vue/test-utils";
-import { nextTick, h } from "vue";
-import { YhAffix } from "../index.mjs";
-let ioCallback;
-class IntersectionObserverMock {
-  constructor(callback) {
-    this.callback = callback;
-    ioCallback = callback;
-  }
-  observe = vi.fn(() => {
-    ioCallback([{ isIntersecting: true }]);
-  });
-  unobserve = vi.fn();
-  disconnect = vi.fn();
-}
-class ResizeObserverMock {
-  observe = vi.fn();
-  unobserve = vi.fn();
-  disconnect = vi.fn();
-}
-vi.stubGlobal("IntersectionObserver", IntersectionObserverMock);
-vi.stubGlobal("ResizeObserver", ResizeObserverMock);
-describe("Affix", () => {
-  beforeEach(() => {
-    vi.useFakeTimers();
-    Object.defineProperty(window, "innerHeight", { value: 1e3, configurable: true });
-    Object.defineProperty(document.documentElement, "clientHeight", {
-      value: 1e3,
-      configurable: true
-    });
-  });
-  afterEach(() => {
-    vi.useRealTimers();
-    vi.restoreAllMocks();
-  });
-  it("should render correctly", () => {
-    const wrapper = mount(YhAffix, {
-      slots: {
-        default: () => h("div", { class: "content" }, "Affix Content")
-      }
-    });
-    expect(wrapper.find(".yh-affix").exists()).toBe(true);
-  });
-  it("should pin to top when scrolled past offset", async () => {
-    const wrapper = mount(YhAffix, {
-      props: {
-        offset: 50,
-        position: "top"
-      }
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = vi.fn(() => ({
-      top: 100,
-      bottom: 200,
-      left: 0,
-      width: 100,
-      height: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    vm.update();
-    expect(vm.fixed).toBe(false);
-    rootEl.getBoundingClientRect = vi.fn(() => ({
-      top: 40,
-      bottom: 140,
-      left: 0,
-      width: 100,
-      height: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    vm.update();
-    await nextTick();
-    expect(vm.fixed).toBe(true);
-    const inner = wrapper.find(".yh-affix__inner");
-    expect(inner.classes()).toContain("is-fixed");
-    expect(inner.element.style.top).toBe("50px");
-  });
-  it("should pin to bottom correctly", async () => {
-    const wrapper = mount(YhAffix, {
-      props: {
-        offset: 50,
-        position: "bottom"
-      }
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = vi.fn(() => ({
-      top: 900,
-      bottom: 1e3,
-      left: 0,
-      width: 100,
-      height: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    vm.update();
-    await nextTick();
-    expect(vm.fixed).toBe(true);
-    const inner = wrapper.find(".yh-affix__inner");
-    expect(inner.element.style.bottom).toBe("50px");
-  });
-  it("should handle target container", async () => {
-    const container = document.createElement("div");
-    container.id = "container";
-    document.body.appendChild(container);
-    const wrapper = mount(YhAffix, {
-      props: {
-        target: "#container",
-        offset: 0
-      },
-      attachTo: document.body
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = vi.fn(() => ({
-      top: -100,
-      bottom: 0,
-      width: 100,
-      height: 100,
-      left: 0,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    container.getBoundingClientRect = vi.fn(() => ({
-      top: -200,
-      bottom: 50,
-      width: 100,
-      height: 250,
-      left: 0,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    vm.update();
-    await nextTick();
-    expect(vm.fixed).toBe(true);
-    expect(vm.transform).toBe(-50);
-    document.body.removeChild(container);
-    wrapper.unmount();
-  });
-  it("should emit events", async () => {
-    const wrapper = mount(YhAffix, {
-      props: { offset: 0 }
-    });
-    const vm = wrapper.vm;
-    const rootEl = wrapper.element;
-    rootEl.getBoundingClientRect = vi.fn(() => ({
-      top: -10,
-      bottom: 90,
-      width: 100,
-      height: 100,
-      left: 0,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    vm.update();
-    expect(wrapper.emitted("change")).toBeTruthy();
-    expect(wrapper.emitted("scroll")).toBeTruthy();
-  });
-});

package/dist/ai-action-group/__tests__/ai-action-group.ssr.test.cjs

@@ -1,55 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _serverRenderer = require("@vue/server-renderer");
-var _vue = require("vue");
-var _aiActionGroup = _interopRequireDefault(require("../src/ai-action-group.vue"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhAiActionGroup SSR", () => {
-  (0, _vitest.it)("should render to string on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
-      items: ["copy", "regenerate"]
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-action-group");
-    (0, _vitest.expect)(html).toContain("yh-ai-action-group--horizontal");
-  });
-  (0, _vitest.it)("should render vertical direction on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
-      items: [],
-      direction: "vertical"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-action-group--vertical");
-  });
-  (0, _vitest.it)("should render item count correctly on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
-      items: [{
-        key: "share",
-        icon: "share",
-        label: "\u5206\u4EAB"
-      }, {
-        key: "edit",
-        icon: "edit",
-        label: "\u7F16\u8F91"
-      }]
-    }));
-    (0, _vitest.expect)(html).toContain("\u5206\u4EAB");
-    (0, _vitest.expect)(html).toContain("\u7F16\u8F91");
-  });
-  (0, _vitest.it)("should render disabled state on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
-      items: [{
-        key: "delete",
-        icon: "delete",
-        disabled: true
-      }]
-    }));
-    (0, _vitest.expect)(html).toContain("is-disabled");
-  });
-  (0, _vitest.it)("should render size class on server", async () => {
-    const html = await (0, _serverRenderer.renderToString)((0, _vue.h)(_aiActionGroup.default, {
-      items: [],
-      size: "large"
-    }));
-    (0, _vitest.expect)(html).toContain("yh-ai-action-group--large");
-  });
-});