@yh-ui/components 0.1.0

package/dist/component.d.ts

@@ -0,0 +1,166 @@
+/**
+ * @yh-ui/components - 全局组件类型声明
+ * @description 统一声明所有 YH-UI 组件的 GlobalComponents 类型
+ * 使用者只要引入 yh-ui 即可自动获得模板内组件的类型提示
+ */
+
+import type { YhButton } from './button'
+import type { YhInput } from './input'
+import type { YhInputNumber } from './input-number'
+import type { YhInputTag } from './input-tag'
+import type { YhCheckbox, YhCheckboxGroup } from './checkbox'
+import type { YhRadio, YhRadioGroup, YhRadioButton } from './radio'
+import type { YhTag } from './tag'
+import type { YhIcon } from './icon'
+import type { YhForm, YhFormItem, YhFormSchema } from './form'
+import type { YhRow } from './row'
+import type { YhCol } from './col'
+import type { YhDivider } from './divider'
+import type { YhRate } from './rate'
+import type { YhSwitch } from './switch'
+import type { YhAutocomplete } from './autocomplete'
+import type { YhSelect, YhOption } from './select'
+import type { YhCascader, YhCascaderPanel } from './cascader'
+import type { YhSlider } from './slider'
+import type { YhTimeSelect } from './time-select'
+import type { YhTimePicker } from './time-picker'
+import type { YhDatePicker } from './date-picker'
+import type { YhTransfer, YhTransferPanel } from './transfer'
+import type { YhTreeSelect } from './tree-select'
+import type { YhBadge } from './badge'
+import type { YhCard } from './card'
+import type { YhColorPicker } from './color-picker'
+import type { YhSpin } from './spin'
+import type { YhBreadcrumb, YhBreadcrumbItem } from './breadcrumb'
+import type { YhBackTop } from './back-top'
+import type { YhAlert } from './alert'
+import type { YhSkeleton, YhSkeletonItem } from './skeleton'
+import type { YhProgress } from './progress'
+import type { YhTooltip } from './tooltip'
+import type { YhPopconfirm } from './popconfirm'
+import type { YhPopover } from './popover'
+import type { YhDialog } from './dialog'
+import type { YhDrawer } from './drawer'
+import type { YhWatermark } from './watermark'
+import type { YhUpload } from './upload'
+import type { YhMarquee } from './marquee'
+import type { YhPagination } from './pagination'
+import type { YhImage, YhImageViewer } from './image'
+import type { YhDescriptions, YhDescriptionsItem } from './descriptions'
+import type { YhTabs, YhTabPane } from './tabs'
+import type { YhSteps, YhStep } from './steps'
+import type { YhConfigProvider } from './config-provider'
+import type { YhAffix } from './affix'
+import type { YhInfiniteScroll } from './infinite-scroll'
+import type { YhDropdown, YhDropdownItem, YhDropdownMenu } from './dropdown'
+import type { YhMenu, YhMenuItem, YhMenuItemGroup, YhSubMenu } from './menu'
+import type { YhCalendar } from './calendar'
+import type { YhWaterfall } from './waterfall'
+import type { YhTree, YhTreeNode } from './tree'
+import type { YhCountdown } from './countdown'
+import type { YhTable, YhTableColumn } from './table'
+import type { YhLoading } from './loading'
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    // =================== 基础组件 ===================
+    YhButton: typeof YhButton
+    YhIcon: typeof YhIcon
+    YhDivider: typeof YhDivider
+
+    // =================== 布局组件 ===================
+    YhRow: typeof YhRow
+    YhCol: typeof YhCol
+
+    // =================== 表单组件 ===================
+    YhInput: typeof YhInput
+    YhInputNumber: typeof YhInputNumber
+    YhInputTag: typeof YhInputTag
+    YhCheckbox: typeof YhCheckbox
+    YhCheckboxGroup: typeof YhCheckboxGroup
+    YhRadio: typeof YhRadio
+    YhRadioGroup: typeof YhRadioGroup
+    YhRadioButton: typeof YhRadioButton
+    YhSelect: typeof YhSelect
+    YhOption: typeof YhOption
+    YhCascader: typeof YhCascader
+    YhCascaderPanel: typeof YhCascaderPanel
+    YhSwitch: typeof YhSwitch
+    YhSlider: typeof YhSlider
+    YhRate: typeof YhRate
+    YhColorPicker: typeof YhColorPicker
+    YhAutocomplete: typeof YhAutocomplete
+    YhTimePicker: typeof YhTimePicker
+    YhTimeSelect: typeof YhTimeSelect
+    YhDatePicker: typeof YhDatePicker
+    YhTransfer: typeof YhTransfer
+    YhTransferPanel: typeof YhTransferPanel
+    YhTreeSelect: typeof YhTreeSelect
+    YhUpload: typeof YhUpload
+    YhForm: typeof YhForm
+    YhFormItem: typeof YhFormItem
+    YhFormSchema: typeof YhFormSchema
+
+    // =================== 数据展示 ===================
+    YhTag: typeof YhTag
+    YhBadge: typeof YhBadge
+    YhCard: typeof YhCard
+    YhTable: typeof YhTable
+    YhTableColumn: typeof YhTableColumn
+    YhTree: typeof YhTree
+    YhTreeNode: typeof YhTreeNode
+    YhPagination: typeof YhPagination
+    YhProgress: typeof YhProgress
+    YhSkeleton: typeof YhSkeleton
+    YhSkeletonItem: typeof YhSkeletonItem
+    YhImage: typeof YhImage
+    YhImageViewer: typeof YhImageViewer
+    YhCalendar: typeof YhCalendar
+    YhDescriptions: typeof YhDescriptions
+    YhDescriptionsItem: typeof YhDescriptionsItem
+    YhCountdown: typeof YhCountdown
+    YhWaterfall: typeof YhWaterfall
+    YhWatermark: typeof YhWatermark
+
+    // =================== 反馈组件 ===================
+    YhAlert: typeof YhAlert
+    YhDialog: typeof YhDialog
+    YhDrawer: typeof YhDrawer
+    YhTooltip: typeof YhTooltip
+    YhPopover: typeof YhPopover
+    YhPopconfirm: typeof YhPopconfirm
+    YhSpin: typeof YhSpin
+    YhLoading: typeof YhLoading
+
+    // =================== 导航组件 ===================
+    YhBreadcrumb: typeof YhBreadcrumb
+    YhBreadcrumbItem: typeof YhBreadcrumbItem
+    YhTabs: typeof YhTabs
+    YhTabPane: typeof YhTabPane
+    YhSteps: typeof YhSteps
+    YhStep: typeof YhStep
+    YhDropdown: typeof YhDropdown
+    YhDropdownItem: typeof YhDropdownItem
+    YhDropdownMenu: typeof YhDropdownMenu
+    YhMenu: typeof YhMenu
+    YhMenuItem: typeof YhMenuItem
+    YhMenuItemGroup: typeof YhMenuItemGroup
+    YhSubMenu: typeof YhSubMenu
+    YhBackTop: typeof YhBackTop
+    YhAffix: typeof YhAffix
+
+    // =================== 高级组件 ===================
+    YhInfiniteScroll: typeof YhInfiniteScroll
+    YhMarquee: typeof YhMarquee
+    YhConfigProvider: typeof YhConfigProvider
+  }
+
+  export interface GlobalDirectives {
+    /** Loading 加载指令 */
+    YhLoading: typeof import('./loading').vLoading
+    /** 无限滚动指令 */
+    YhInfiniteScroll: typeof import('./infinite-scroll').vInfiniteScroll
+  }
+}
+
+export {}

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

@@ -0,0 +1,43 @@
+"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.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,42 @@
+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

@@ -0,0 +1,75 @@
+"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.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,64 @@
+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");
+  });
+});

package/dist/config-provider/index.cjs

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  YhConfigProvider: true,
+  configProviderContextKey: true
+};
+exports.YhConfigProvider = void 0;
+Object.defineProperty(exports, "configProviderContextKey", {
+  enumerable: true,
+  get: function () {
+    return _hooks.configProviderContextKey;
+  }
+});
+
+var _utils = require("@yh-ui/utils");
+var _configProvider = _interopRequireWildcard(require("./src/config-provider.cjs"));
+Object.keys(_configProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _configProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _configProvider[key];
+    }
+  });
+});
+var _locale = require("./src/locale.cjs");
+Object.keys(_locale).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _locale[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _locale[key];
+    }
+  });
+});
+var _hooks = require("@yh-ui/hooks");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const YhConfigProvider = exports.YhConfigProvider = (0, _utils.withInstall)(_configProvider.default);
+module.exports = YhConfigProvider;

package/dist/config-provider/index.d.ts

@@ -0,0 +1,71 @@
+import ConfigProvider from './src/config-provider';
+export declare const YhConfigProvider: import("@yh-ui/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string | import("@yh-ui/theme").PresetTheme>;
+        default: string;
+    };
+    locale: {
+        type: import("vue").PropType<import("@yh-ui/locale").Language>;
+        default: import("@yh-ui/locale").Language;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: import("vue").PropType<import("@yh-ui/hooks").ConfigProviderContext["message"]>;
+        default: () => {};
+    };
+    global: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<string | import("@yh-ui/theme").PresetTheme>;
+        default: string;
+    };
+    locale: {
+        type: import("vue").PropType<import("@yh-ui/locale").Language>;
+        default: import("@yh-ui/locale").Language;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "default" | "large">;
+        default: string;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    message: {
+        type: import("vue").PropType<import("@yh-ui/hooks").ConfigProviderContext["message"]>;
+        default: () => {};
+    };
+    global: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    size: "default" | "large" | "small";
+    message: {
+        max?: number;
+        duration?: number;
+        offset?: number;
+    } | undefined;
+    zIndex: number;
+    theme: string;
+    locale: import("@yh-ui/locale").Language;
+    global: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, unknown>;
+export default YhConfigProvider;
+export * from './src/config-provider';
+export * from './src/locale';
+export { configProviderContextKey } from '@yh-ui/hooks';
+export type { ConfigProviderContext } from '@yh-ui/hooks';
+export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

package/dist/config-provider/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall } from "@yh-ui/utils";
+import ConfigProvider from "./src/config-provider.mjs";
+export const YhConfigProvider = withInstall(ConfigProvider);
+export default YhConfigProvider;
+export * from "./src/config-provider.mjs";
+export * from "./src/locale.mjs";
+export { configProviderContextKey } from "@yh-ui/hooks";

package/dist/config-provider/src/config-provider.cjs

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = exports.configProviderProps = void 0;
+var _vue = require("vue");
+var _theme = require("@yh-ui/theme");
+var _locale = require("@yh-ui/locale");
+var _hooks = require("@yh-ui/hooks");
+const configProviderProps = exports.configProviderProps = {
+  theme: {
+    type: String,
+    default: "default"
+  },
+  locale: {
+    type: Object,
+    default: _locale.zhCn
+  },
+  size: {
+    type: String,
+    default: "default"
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  message: {
+    type: Object,
+    default: () => ({})
+  },
+  global: {
+    type: Boolean,
+    default: true
+  }
+};
+module.exports = (0, _vue.defineComponent)({
+  name: "YhConfigProvider",
+  props: configProviderProps,
+  setup(props, {
+    slots
+  }) {
+    const containerRef = (0, _vue.ref)(null);
+    const isMounted = (0, _vue.ref)(false);
+    let themeManager = null;
+    const validPresets = ["default", "dark", "blue", "green", "purple", "orange"];
+    const isValidPreset = theme => {
+      return validPresets.includes(theme);
+    };
+    const getThemeManager = () => {
+      if (props.global) {
+        return (0, _theme.useTheme)();
+      }
+      if (!themeManager) {
+        themeManager = new _theme.ThemeManager({
+          preset: "default"
+        });
+      }
+      return themeManager;
+    };
+    const applyTheme = (theme, el) => {
+      if (!theme) return;
+      const manager = getThemeManager();
+      if (!props.global && el) {
+        manager.apply({
+          scope: el
+        });
+      }
+      if (isValidPreset(theme)) {
+        manager.setThemePreset(theme);
+      } else if (typeof theme === "string" && theme.startsWith("#")) {
+        manager.setThemeColor(theme);
+      }
+    };
+    (0, _vue.onMounted)(() => {
+      isMounted.value = true;
+      if (!props.global && containerRef.value) {
+        const manager = getThemeManager();
+        const initialPreset = isValidPreset(props.theme) ? props.theme : "default";
+        manager.apply({
+          scope: containerRef.value,
+          preset: initialPreset
+        });
+        if (!isValidPreset(props.theme) && props.theme.startsWith("#")) {
+          manager.setThemeColor(props.theme);
+        }
+      } else if (props.global) {
+        applyTheme(props.theme);
+      }
+    });
+    (0, _vue.watch)(() => props.theme, newTheme => {
+      if (isMounted.value) {
+        applyTheme(newTheme, containerRef.value);
+      }
+    });
+    const config = (0, _vue.computed)(() => ({
+      size: props.size,
+      zIndex: props.zIndex,
+      locale: props.locale,
+      message: props.message
+    }));
+    const themeStyles = (0, _vue.computed)(() => {
+      const manager = getThemeManager();
+      const colors = {};
+      if (!isValidPreset(props.theme) && props.theme.startsWith("#")) {
+        colors.primary = props.theme;
+      }
+      return manager.getThemeStyles(colors);
+    });
+    (0, _vue.provide)(_hooks.configProviderContextKey, config);
+    return () => {
+      return (0, _vue.h)("div", {
+        ref: containerRef,
+        class: "yh-config-provider",
+        style: themeStyles.value
+      }, [(0, _vue.renderSlot)(slots, "default")]);
+    };
+  }
+});