You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.3 KiB
39 lines
1.3 KiB
11 months ago
|
import { ref, inject, computed, getCurrentInstance, provide, unref } from 'vue';
|
||
|
|
import '../../tokens/index.mjs';
|
||
|
|
import { merge } from '../../utils/util.mjs';
|
||
|
|
import { debugWarn } from '../../utils/error.mjs';
|
||
|
|
import { configProviderContextKey } from '../../tokens/config-provider.mjs';
|
||
|
|
import { isObject, hasOwn } from '@vue/shared';
|
||
|
|
|
||
|
|
const cache = ref({});
|
||
|
|
function useGlobalConfig(key) {
|
||
|
|
const config = inject(configProviderContextKey, cache);
|
||
|
|
if (key) {
|
||
|
|
return isObject(config.value) && hasOwn(config.value, key) ? computed(() => config.value[key]) : ref(void 0);
|
||
|
|
} else {
|
||
|
|
return config;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const provideGlobalConfig = (config, app) => {
|
||
|
|
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) {
|
||
|
|
debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
const context = computed(() => {
|
||
|
|
const cfg = unref(config);
|
||
|
|
if (!oldConfig)
|
||
|
|
return cfg;
|
||
|
|
return merge(oldConfig.value, cfg);
|
||
|
|
});
|
||
|
|
provideFn(configProviderContextKey, context);
|
||
|
|
cache.value = context.value;
|
||
|
|
return context;
|
||
|
|
};
|
||
|
|
|
||
|
|
export { provideGlobalConfig, useGlobalConfig };
|
||
|
|
//# sourceMappingURL=index.mjs.map
|