@yh-ui/components 0.1.21 → 0.1.23

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

@@ -1,39 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderToString } from "@vue/server-renderer";
-import { h } from "vue";
-import ColorPicker from "../src/color-picker.vue";
-describe("YhColorPicker SSR", () => {
-  it("should render to string without crashing", async () => {
-    const html = await renderToString(
-      h(ColorPicker, {
-        modelValue: "#6366f1"
-      })
-    );
-    expect(html).toContain("yh-color-picker");
-    expect(html).toContain("background-color:#6366f1");
-  });
-  it("should render with different sizes on server", async () => {
-    const html = await renderToString(
-      h(ColorPicker, {
-        size: "large"
-      })
-    );
-    expect(html).toContain("yh-color-picker--large");
-  });
-  it("should render disabled state on server", async () => {
-    const html = await renderToString(
-      h(ColorPicker, {
-        disabled: true
-      })
-    );
-    expect(html).toContain("is-disabled");
-  });
-  it("should not contain teleported content in initial SSR string", async () => {
-    const html = await renderToString(
-      h(ColorPicker, {
-        modelValue: "#ff0000"
-      })
-    );
-    expect(html).not.toContain("yh-color-picker__panel");
-  });
-});

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

@@ -1,227 +0,0 @@
-"use strict";
-
-var _testUtils = require("@vue/test-utils");
-var _vitest = require("vitest");
-var _vue = require("vue");
-var _colorPicker = _interopRequireDefault(require("../src/color-picker.vue"));
-var _svPanel = _interopRequireDefault(require("../src/sv-panel.vue"));
-var _hueSlider = _interopRequireDefault(require("../src/hue-slider.vue"));
-var _alphaSlider = _interopRequireDefault(require("../src/alpha-slider.vue"));
-var _utils = require("../src/utils.cjs");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("ColorPicker Utils", () => {
-  (0, _vitest.it)("should parse hex colors", () => {
-    (0, _vitest.expect)((0, _utils.parseColor)("#FF0000")).toMatchObject({
-      h: 0,
-      s: 100,
-      v: 100
-    });
-    (0, _vitest.expect)((0, _utils.parseColor)("#00FF00")).toMatchObject({
-      h: 120,
-      s: 100,
-      v: 100
-    });
-    (0, _vitest.expect)((0, _utils.parseColor)("#0000FF")).toMatchObject({
-      h: 240,
-      s: 100,
-      v: 100
-    });
-  });
-  (0, _vitest.it)("should parse rgb colors", () => {
-    (0, _vitest.expect)((0, _utils.parseColor)("rgb(255, 0, 0)")).toMatchObject({
-      h: 0,
-      s: 100,
-      v: 100
-    });
-  });
-  (0, _vitest.it)("should convert HSV to RGB and back", () => {
-    const hsv = {
-      h: 60,
-      s: 50,
-      v: 80
-    };
-    const rgb = (0, _utils.hsvToRgb)(hsv.h, hsv.s, hsv.v);
-    const back = (0, _utils.rgbToHsv)(rgb.r, rgb.g, rgb.b);
-    (0, _vitest.expect)(back).toEqual(hsv);
-  });
-});
-(0, _vitest.describe)("YhColorPicker", () => {
-  const globalOptions = {
-    stubs: {
-      Teleport: true,
-      Transition: false
-    }
-  };
-  (0, _vitest.it)("should render correctly", () => {
-    const wrapper = (0, _testUtils.mount)(_colorPicker.default, {
-      props: {
-        modelValue: "#ff0000"
-      }
-    });
-    (0, _vitest.expect)(wrapper.classes()).toContain("yh-color-picker");
-    (0, _vitest.expect)(wrapper.find(".yh-color-picker__color").attributes("style")).toContain("background-color: #ff0000");
-  });
-  (0, _vitest.it)("should open panel", async () => {
-    const wrapper = (0, _testUtils.mount)(_colorPicker.default, {
-      props: {
-        modelValue: "#ff0000"
-      },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.find(".yh-color-picker__panel").exists()).toBe(true);
-  });
-  (0, _vitest.it)("should work with alpha slider", async () => {
-    const wrapper = (0, _testUtils.mount)(_colorPicker.default, {
-      props: {
-        modelValue: "rgba(255, 0, 0, 0.5)",
-        showAlpha: true
-      },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    (0, _vitest.expect)(wrapper.findComponent(_alphaSlider.default).exists()).toBe(true);
-  });
-  (0, _vitest.it)("should support predefine colors", async () => {
-    const wrapper = (0, _testUtils.mount)(_colorPicker.default, {
-      props: {
-        modelValue: "#ff0000",
-        predefine: ["#00ff00", "#0000ff"]
-      },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    const items = wrapper.findAll(".yh-color-picker__predefine-item");
-    (0, _vitest.expect)(items.length).toBe(2);
-    await items[0].trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual(["#00FF00"]);
-  });
-  (0, _vitest.it)("should handle confirm and clear", async () => {
-    const wrapper = (0, _testUtils.mount)(_colorPicker.default, {
-      props: {
-        modelValue: "#ff0000"
-      },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    await wrapper.find(".yh-color-picker__btn-confirm").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("change")).toBeTruthy();
-    await wrapper.find(".yh-color-picker__btn-clear").trigger("click");
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual([""]);
-  });
-  (0, _vitest.it)("should support EyeDropper if available", async () => {
-    const openSpy = _vitest.vi.fn().mockResolvedValue({
-      sRGBHex: "#00ff00"
-    });
-    class MockEyeDropper {
-      open = openSpy;
-      abort = _vitest.vi.fn();
-    }
-    _vitest.vi.stubGlobal("EyeDropper", MockEyeDropper);
-    const wrapper = (0, _testUtils.mount)(_colorPicker.default, {
-      props: {
-        modelValue: "#ff0000"
-      },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    const eyeBtn = wrapper.find(".yh-color-picker__eye-dropper");
-    (0, _vitest.expect)(eyeBtn.exists()).toBe(true);
-    await eyeBtn.trigger("click");
-    await (0, _vue.nextTick)();
-    await (0, _vue.nextTick)();
-    (0, _vitest.expect)(openSpy).toHaveBeenCalled();
-    (0, _vitest.expect)(wrapper.emitted("update:modelValue")?.[0]).toEqual(["#00FF00"]);
-    _vitest.vi.unstubAllGlobals();
-  });
-});
-(0, _vitest.describe)("SVPanel", () => {
-  (0, _vitest.it)("should emit update on mousedown and drag", async () => {
-    const wrapper = (0, _testUtils.mount)(_svPanel.default, {
-      props: {
-        h: 0,
-        s: 50,
-        v: 50
-      }
-    });
-    const panel = wrapper.find(".yh-color-sv-panel");
-    panel.element.getBoundingClientRect = _vitest.vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 100,
-      bottom: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    const event = new MouseEvent("mousedown", {
-      clientX: 20,
-      clientY: 20,
-      bubbles: true
-    });
-    Object.defineProperty(event, "target", {
-      value: panel.element
-    });
-    panel.element.dispatchEvent(event);
-    (0, _vitest.expect)(wrapper.emitted("update")?.[0]).toEqual([20, 80]);
-  });
-});
-(0, _vitest.describe)("HueSlider", () => {
-  (0, _vitest.it)("should emit update on mousedown", async () => {
-    const wrapper = (0, _testUtils.mount)(_hueSlider.default, {
-      props: {
-        h: 180
-      }
-    });
-    const slider = wrapper.find(".yh-color-hue-slider");
-    slider.element.getBoundingClientRect = _vitest.vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    const event = new MouseEvent("mousedown", {
-      clientX: 50,
-      clientY: 5,
-      bubbles: true
-    });
-    slider.element.dispatchEvent(event);
-    (0, _vitest.expect)(wrapper.emitted("update")?.[0]).toEqual([180]);
-  });
-});
-(0, _vitest.describe)("AlphaSlider", () => {
-  (0, _vitest.it)("should emit update on mousedown", async () => {
-    const wrapper = (0, _testUtils.mount)(_alphaSlider.default, {
-      props: {
-        a: 0.5,
-        color: "#ff0000"
-      }
-    });
-    const slider = wrapper.find(".yh-color-alpha-slider__bar");
-    slider.element.getBoundingClientRect = _vitest.vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {}
-    }));
-    const event = new MouseEvent("mousedown", {
-      clientX: 80,
-      clientY: 5,
-      bubbles: true
-    });
-    slider.element.dispatchEvent(event);
-    (0, _vitest.expect)(wrapper.emitted("update")?.[0]).toEqual([0.8]);
-  });
-});

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

@@ -1,176 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, it, expect, vi } from "vitest";
-import { nextTick } from "vue";
-import YhColorPicker from "../src/color-picker.vue";
-import SVPanel from "../src/sv-panel.vue";
-import HueSlider from "../src/hue-slider.vue";
-import AlphaSlider from "../src/alpha-slider.vue";
-import { parseColor, hsvToRgb, rgbToHsv } from "../src/utils.mjs";
-describe("ColorPicker Utils", () => {
-  it("should parse hex colors", () => {
-    expect(parseColor("#FF0000")).toMatchObject({ h: 0, s: 100, v: 100 });
-    expect(parseColor("#00FF00")).toMatchObject({ h: 120, s: 100, v: 100 });
-    expect(parseColor("#0000FF")).toMatchObject({ h: 240, s: 100, v: 100 });
-  });
-  it("should parse rgb colors", () => {
-    expect(parseColor("rgb(255, 0, 0)")).toMatchObject({ h: 0, s: 100, v: 100 });
-  });
-  it("should convert HSV to RGB and back", () => {
-    const hsv = { h: 60, s: 50, v: 80 };
-    const rgb = hsvToRgb(hsv.h, hsv.s, hsv.v);
-    const back = rgbToHsv(rgb.r, rgb.g, rgb.b);
-    expect(back).toEqual(hsv);
-  });
-});
-describe("YhColorPicker", () => {
-  const globalOptions = {
-    stubs: {
-      Teleport: true,
-      Transition: false
-    }
-  };
-  it("should render correctly", () => {
-    const wrapper = mount(YhColorPicker, {
-      props: { modelValue: "#ff0000" }
-    });
-    expect(wrapper.classes()).toContain("yh-color-picker");
-    expect(wrapper.find(".yh-color-picker__color").attributes("style")).toContain(
-      "background-color: #ff0000"
-    );
-  });
-  it("should open panel", async () => {
-    const wrapper = mount(YhColorPicker, {
-      props: { modelValue: "#ff0000" },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.find(".yh-color-picker__panel").exists()).toBe(true);
-  });
-  it("should work with alpha slider", async () => {
-    const wrapper = mount(YhColorPicker, {
-      props: {
-        modelValue: "rgba(255, 0, 0, 0.5)",
-        showAlpha: true
-      },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    expect(wrapper.findComponent(AlphaSlider).exists()).toBe(true);
-  });
-  it("should support predefine colors", async () => {
-    const wrapper = mount(YhColorPicker, {
-      props: {
-        modelValue: "#ff0000",
-        predefine: ["#00ff00", "#0000ff"]
-      },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    const items = wrapper.findAll(".yh-color-picker__predefine-item");
-    expect(items.length).toBe(2);
-    await items[0].trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual(["#00FF00"]);
-  });
-  it("should handle confirm and clear", async () => {
-    const wrapper = mount(YhColorPicker, {
-      props: { modelValue: "#ff0000" },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    await wrapper.find(".yh-color-picker__btn-confirm").trigger("click");
-    expect(wrapper.emitted("change")).toBeTruthy();
-    await wrapper.find(".yh-color-picker__btn-clear").trigger("click");
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual([""]);
-  });
-  it("should support EyeDropper if available", async () => {
-    const openSpy = vi.fn().mockResolvedValue({ sRGBHex: "#00ff00" });
-    class MockEyeDropper {
-      open = openSpy;
-      abort = vi.fn();
-    }
-    vi.stubGlobal("EyeDropper", MockEyeDropper);
-    const wrapper = mount(YhColorPicker, {
-      props: { modelValue: "#ff0000" },
-      global: globalOptions
-    });
-    await wrapper.trigger("click");
-    const eyeBtn = wrapper.find(".yh-color-picker__eye-dropper");
-    expect(eyeBtn.exists()).toBe(true);
-    await eyeBtn.trigger("click");
-    await nextTick();
-    await nextTick();
-    expect(openSpy).toHaveBeenCalled();
-    expect(wrapper.emitted("update:modelValue")?.[0]).toEqual(["#00FF00"]);
-    vi.unstubAllGlobals();
-  });
-});
-describe("SVPanel", () => {
-  it("should emit update on mousedown and drag", async () => {
-    const wrapper = mount(SVPanel, {
-      props: { h: 0, s: 50, v: 50 }
-    });
-    const panel = wrapper.find(".yh-color-sv-panel");
-    panel.element.getBoundingClientRect = vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 100,
-      bottom: 100,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    const event = new MouseEvent("mousedown", { clientX: 20, clientY: 20, bubbles: true });
-    Object.defineProperty(event, "target", { value: panel.element });
-    panel.element.dispatchEvent(event);
-    expect(wrapper.emitted("update")?.[0]).toEqual([20, 80]);
-  });
-});
-describe("HueSlider", () => {
-  it("should emit update on mousedown", async () => {
-    const wrapper = mount(HueSlider, {
-      props: { h: 180 }
-    });
-    const slider = wrapper.find(".yh-color-hue-slider");
-    slider.element.getBoundingClientRect = vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    const event = new MouseEvent("mousedown", { clientX: 50, clientY: 5, bubbles: true });
-    slider.element.dispatchEvent(event);
-    expect(wrapper.emitted("update")?.[0]).toEqual([180]);
-  });
-});
-describe("AlphaSlider", () => {
-  it("should emit update on mousedown", async () => {
-    const wrapper = mount(AlphaSlider, {
-      props: { a: 0.5, color: "#ff0000" }
-    });
-    const slider = wrapper.find(".yh-color-alpha-slider__bar");
-    slider.element.getBoundingClientRect = vi.fn(() => ({
-      left: 0,
-      top: 0,
-      width: 100,
-      height: 10,
-      bottom: 10,
-      right: 100,
-      x: 0,
-      y: 0,
-      toJSON: () => {
-      }
-    }));
-    const event = new MouseEvent("mousedown", { clientX: 80, clientY: 5, bubbles: true });
-    slider.element.dispatchEvent(event);
-    expect(wrapper.emitted("update")?.[0]).toEqual([0.8]);
-  });
-});

package/dist/config-provider/__tests__/config-provider.ssr.test.cjs

@@ -1,43 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _configProvider = _interopRequireDefault(require("../src/config-provider.cjs"));
-var _ssr = require("../../__tests__/utils/ssr.cjs");
-var _button = _interopRequireDefault(require("../../button/src/button.vue"));
-var _vue = require("vue");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-(0, _vitest.describe)("YhConfigProvider SSR", () => {
-  (0, _vitest.it)("should render correctly in SSR", async () => {
-    const html = await (0, _ssr.renderSSR)(_configProvider.default, {
-      size: "large",
-      zIndex: 3e3
-    }, {
-      default: () => (0, _vue.h)(_button.default, {
-        type: "primary"
-      }, {
-        default: () => "SSR Button"
-      })
-    });
-    (0, _vitest.expect)(html).toContain("yh-button");
-    (0, _vitest.expect)(html).toContain("yh-button--large");
-    (0, _vitest.expect)(html).toContain("SSR Button");
-  });
-  (0, _vitest.it)("should inject CSS variables in SSR if global is true", async () => {
-    const html = await (0, _ssr.renderSSR)(_configProvider.default, {
-      theme: "#ff0000",
-      global: true
-    });
-    (0, _vitest.expect)(html).toContain("--yh-color-primary:#ff0000");
-  });
-  (0, _vitest.it)("should hydrate without mismatch", async () => {
-    const result = await (0, _ssr.testHydration)(_configProvider.default, {
-      size: "small",
-      theme: "purple"
-    }, {
-      default: () => (0, _vue.h)(_button.default, {}, {
-        default: () => "Hydrated Button"
-      })
-    });
-    (0, _vitest.expect)(result.isMatch).toBe(true);
-  });
-});

package/dist/config-provider/__tests__/config-provider.ssr.test.mjs

@@ -1,42 +0,0 @@
-import { describe, it, expect } from "vitest";
-import ConfigProvider from "../src/config-provider.mjs";
-import { renderSSR, testHydration } from "../../__tests__/utils/ssr.mjs";
-import Button from "../../button/src/button.vue";
-import { h } from "vue";
-describe("YhConfigProvider SSR", () => {
-  it("should render correctly in SSR", async () => {
-    const html = await renderSSR(
-      ConfigProvider,
-      {
-        size: "large",
-        zIndex: 3e3
-      },
-      {
-        default: () => h(Button, { type: "primary" }, { default: () => "SSR Button" })
-      }
-    );
-    expect(html).toContain("yh-button");
-    expect(html).toContain("yh-button--large");
-    expect(html).toContain("SSR Button");
-  });
-  it("should inject CSS variables in SSR if global is true", async () => {
-    const html = await renderSSR(ConfigProvider, {
-      theme: "#ff0000",
-      global: true
-    });
-    expect(html).toContain("--yh-color-primary:#ff0000");
-  });
-  it("should hydrate without mismatch", async () => {
-    const result = await testHydration(
-      ConfigProvider,
-      {
-        size: "small",
-        theme: "purple"
-      },
-      {
-        default: () => h(Button, {}, { default: () => "Hydrated Button" })
-      }
-    );
-    expect(result.isMatch).toBe(true);
-  });
-});

package/dist/config-provider/__tests__/config-provider.test.cjs

@@ -1,75 +0,0 @@
-"use strict";
-
-var _vitest = require("vitest");
-var _testUtils = require("@vue/test-utils");
-var _vue = require("vue");
-var _index = require("../index.cjs");
-const ChildComponent = (0, _vue.defineComponent)({
-  setup() {
-    const config = (0, _vue.inject)(_index.configProviderContextKey);
-    return {
-      config
-    };
-  },
-  template: "<div>{{ config?.size }}</div>"
-});
-(0, _vitest.describe)("ConfigProvider", () => {
-  (0, _vitest.it)("\u5E94\u8BE5\u80FD\u6B63\u786E\u63D0\u4F9B\u914D\u7F6E", () => {
-    const wrapper = (0, _testUtils.mount)(_index.YhConfigProvider, {
-      props: {
-        size: "small"
-      },
-      slots: {
-        default: ChildComponent
-      }
-    });
-    (0, _vitest.expect)(wrapper.text()).toBe("small");
-  });
-  (0, _vitest.it)("\u5E94\u8BE5\u80FD\u89E6\u53D1\u4E3B\u9898\u66F4\u65B0", async () => {
-    const root = document.documentElement;
-    const wrapper = (0, _testUtils.mount)(_index.YhConfigProvider, {
-      props: {
-        theme: "orange"
-      },
-      slots: {
-        default: '<div class="test"></div>'
-      }
-    });
-    const primaryColor = root.style.getPropertyValue("--yh-color-primary");
-    (0, _vitest.expect)(primaryColor).toBeTruthy();
-    (0, _vitest.expect)(primaryColor.length).toBeGreaterThan(0);
-  });
-  (0, _vitest.it)("\u591A\u5C42\u5D4C\u5957\u65F6\u5E94\u9075\u5FAA\u6700\u8FD1\u539F\u5219 (Vue Provide/Inject \u539F\u751F\u652F\u6301)", () => {
-    const DeepChild = (0, _vue.defineComponent)({
-      setup() {
-        const config = (0, _vue.inject)(_index.configProviderContextKey);
-        return {
-          config
-        };
-      },
-      template: '<span class="size">{{ config?.size }}</span>'
-    });
-    const wrapper = (0, _testUtils.mount)(_index.YhConfigProvider, {
-      props: {
-        size: "large"
-      },
-      slots: {
-        default: (0, _vue.defineComponent)({
-          components: {
-            "yh-config-provider": _index.YhConfigProvider,
-            "deep-child": DeepChild
-          },
-          setup() {
-            return {};
-          },
-          template: `
-            <yh-config-provider size="small">
-              <deep-child />
-            </yh-config-provider>
-          `
-        })
-      }
-    });
-    (0, _vitest.expect)(wrapper.find(".size").text()).toBe("small");
-  });
-});

package/dist/config-provider/__tests__/config-provider.test.mjs

@@ -1,64 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { mount } from "@vue/test-utils";
-import { defineComponent, inject } from "vue";
-import { YhConfigProvider, configProviderContextKey } from "../index.mjs";
-const ChildComponent = defineComponent({
-  setup() {
-    const config = inject(configProviderContextKey);
-    return { config };
-  },
-  template: "<div>{{ config?.size }}</div>"
-});
-describe("ConfigProvider", () => {
-  it("\u5E94\u8BE5\u80FD\u6B63\u786E\u63D0\u4F9B\u914D\u7F6E", () => {
-    const wrapper = mount(YhConfigProvider, {
-      props: {
-        size: "small"
-      },
-      slots: {
-        default: ChildComponent
-      }
-    });
-    expect(wrapper.text()).toBe("small");
-  });
-  it("\u5E94\u8BE5\u80FD\u89E6\u53D1\u4E3B\u9898\u66F4\u65B0", async () => {
-    const root = document.documentElement;
-    const wrapper = mount(YhConfigProvider, {
-      props: {
-        theme: "orange"
-      },
-      slots: {
-        default: '<div class="test"></div>'
-      }
-    });
-    const primaryColor = root.style.getPropertyValue("--yh-color-primary");
-    expect(primaryColor).toBeTruthy();
-    expect(primaryColor.length).toBeGreaterThan(0);
-  });
-  it("\u591A\u5C42\u5D4C\u5957\u65F6\u5E94\u9075\u5FAA\u6700\u8FD1\u539F\u5219 (Vue Provide/Inject \u539F\u751F\u652F\u6301)", () => {
-    const DeepChild = defineComponent({
-      setup() {
-        const config = inject(configProviderContextKey);
-        return { config };
-      },
-      template: '<span class="size">{{ config?.size }}</span>'
-    });
-    const wrapper = mount(YhConfigProvider, {
-      props: { size: "large" },
-      slots: {
-        default: defineComponent({
-          components: { "yh-config-provider": YhConfigProvider, "deep-child": DeepChild },
-          setup() {
-            return {};
-          },
-          template: `
-            <yh-config-provider size="small">
-              <deep-child />
-            </yh-config-provider>
-          `
-        })
-      }
-    });
-    expect(wrapper.find(".size").text()).toBe("small");
-  });
-});