| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- import { ref, getCurrentInstance, inject, computed, unref, provide } from 'vue';
- import { configProviderContextKey } from '../constants.mjs';
- import { useNamespace, defaultNamespace, namespaceContextKey } from '../../../../hooks/use-namespace/index.mjs';
- import { useZIndex, defaultInitialZIndex, zIndexContextKey } from '../../../../hooks/use-z-index/index.mjs';
- import { useLocale, localeContextKey } from '../../../../hooks/use-locale/index.mjs';
- import { SIZE_INJECTION_KEY } from '../../../../hooks/use-size/index.mjs';
- import { emptyValuesContextKey } from '../../../../hooks/use-empty-values/index.mjs';
- import { keysOf } from '../../../../utils/objects.mjs';
- const globalConfig = ref();
- function useGlobalConfig(key, defaultValue = void 0) {
- const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
- if (key) {
- return computed(() => {
- var _a, _b;
- return (_b = (_a = config.value) == null ? void 0 : _a[key]) != null ? _b : defaultValue;
- });
- } else {
- return config;
- }
- }
- function useGlobalComponentSettings(block, sizeFallback) {
- const config = useGlobalConfig();
- const ns = useNamespace(block, computed(() => {
- var _a;
- return ((_a = config.value) == null ? void 0 : _a.namespace) || defaultNamespace;
- }));
- const locale = useLocale(computed(() => {
- var _a;
- return (_a = config.value) == null ? void 0 : _a.locale;
- }));
- const zIndex = useZIndex(computed(() => {
- var _a;
- return ((_a = config.value) == null ? void 0 : _a.zIndex) || defaultInitialZIndex;
- }));
- const size = computed(() => {
- var _a;
- return unref(sizeFallback) || ((_a = config.value) == null ? void 0 : _a.size) || "";
- });
- provideGlobalConfig(computed(() => unref(config) || {}));
- return {
- ns,
- locale,
- zIndex,
- size
- };
- }
- const provideGlobalConfig = (config, app, global = false) => {
- var _a;
- const inSetup = !!getCurrentInstance();
- const oldConfig = inSetup ? useGlobalConfig() : void 0;
- const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? provide : void 0;
- if (!provideFn) {
- return;
- }
- const context = computed(() => {
- const cfg = unref(config);
- if (!(oldConfig == null ? void 0 : oldConfig.value))
- return cfg;
- return mergeConfig(oldConfig.value, cfg);
- });
- provideFn(configProviderContextKey, context);
- provideFn(localeContextKey, computed(() => context.value.locale));
- provideFn(namespaceContextKey, computed(() => context.value.namespace));
- provideFn(zIndexContextKey, computed(() => context.value.zIndex));
- provideFn(SIZE_INJECTION_KEY, {
- size: computed(() => context.value.size || "")
- });
- provideFn(emptyValuesContextKey, computed(() => ({
- emptyValues: context.value.emptyValues,
- valueOnClear: context.value.valueOnClear
- })));
- if (global || !globalConfig.value) {
- globalConfig.value = context.value;
- }
- return context;
- };
- const mergeConfig = (a, b) => {
- const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
- const obj = {};
- for (const key of keys) {
- obj[key] = b[key] !== void 0 ? b[key] : a[key];
- }
- return obj;
- };
- export { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig };
- //# sourceMappingURL=use-global-config.mjs.map
|