@element-plus/nightly 0.0.20220107 → 0.0.20220108

package/lib/defaults.d.ts

@@ -1,14 +1,16 @@
 declare const _default: {
     version: string;
     install: (app: import("vue").App<any>, options?: {
+        readonly locale?: unknown;
         readonly size?: unknown;
         readonly button?: unknown;
+        readonly message?: unknown;
         readonly zIndex?: unknown;
-        readonly locale?: unknown;
     } & {} & {
         button?: import("./components").ButtonConfigContext | undefined;
         size?: import("./utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown> | undefined;
         locale?: import("./locale").Language | undefined;
+        message?: import("./components").MessageConfigContext | undefined;
         zIndex?: number | undefined;
     }) => void;
 };

package/lib/hooks/index.js

@@ -36,13 +36,10 @@ exports.useFocus = index$2.useFocus;
 exports.useFormItem = index$3.useFormItem;
 exports.provideGlobalConfig = index$4.provideGlobalConfig;
 exports.useGlobalConfig = index$4.useGlobalConfig;
+exports.buildLocaleContext = index$5.buildLocaleContext;
 exports.buildTranslator = index$5.buildTranslator;
-exports.localeContextKey = index$5.localeContextKey;
-exports.localeProviderMaker = index$5.localeProviderMaker;
-exports.provideLocale = index$5.provideLocale;
 exports.translate = index$5.translate;
 exports.useLocale = index$5.useLocale;
-exports.useLocaleProps = index$5.useLocaleProps;
 exports.useLockscreen = index$6.useLockscreen;
 exports.useModal = index$7.useModal;
 exports.createModelToggleComposable = index$8.createModelToggleComposable;

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/use-global-config/index.d.ts

@@ -4,13 +4,15 @@ import type { ConfigProviderContext } from 'element-plus/es/tokens';
 export declare function useGlobalConfig<K extends keyof ConfigProviderContext>(key: K): Ref<ConfigProviderContext[K]>;
 export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
 export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App<any> | undefined) => import("vue").ComputedRef<{
+    readonly locale?: unknown;
     readonly size?: unknown;
     readonly button?: unknown;
+    readonly message?: unknown;
     readonly zIndex?: unknown;
-    readonly locale?: unknown;
 } & {} & {
     button?: import("../..").ButtonConfigContext | undefined;
     size?: import("../../utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown> | undefined;
     locale?: import("../../locale").Language | undefined;
+    message?: import("../..").MessageConfigContext | undefined;
     zIndex?: number | undefined;
 }> | undefined;

package/lib/hooks/use-global-config/index.js

@@ -9,9 +9,9 @@ var error = require('../../utils/error.js');
 var configProvider = require('../../tokens/config-provider.js');
 var shared = require('@vue/shared');
 
-const fallback = vue.ref({});
+const cache = vue.ref({});
 function useGlobalConfig(key) {
-  const config = vue.inject(configProvider.configProviderContextKey, fallback);
+  const config = vue.inject(configProvider.configProviderContextKey, cache);
   if (key) {
     return shared.isObject(config.value) && shared.hasOwn(config.value, key) ? vue.computed(() => config.value[key]) : vue.ref(void 0);
   } else {
@@ -34,6 +34,7 @@ const provideGlobalConfig = (config, app) => {
     return util.merge(oldConfig.value, cfg);
   });
   provideFn(configProvider.configProviderContextKey, context);
+  cache.value = context.value;
   return context;
 };
 

package/lib/hooks/use-global-config/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { inject, ref, computed, unref, provide, getCurrentInstance } from 'vue'\nimport { configProviderContextKey } from '@element-plus/tokens'\nimport { hasOwn, isObject, merge } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Ref, App } from 'vue'\nimport type { ConfigProviderContext } from '@element-plus/tokens'\n\nconst fallback = ref<ConfigProviderContext>({})\n\nexport function useGlobalConfig<K extends keyof ConfigProviderContext>(\n  key: K\n): Ref<ConfigProviderContext[K]>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(key?: keyof ConfigProviderContext) {\n  const config = inject(configProviderContextKey, fallback)\n  if (key) {\n    return isObject(config.value) && hasOwn(config.value, key)\n      ? computed(() => config.value[key])\n      : ref(undefined)\n  } else {\n    return config\n  }\n}\n\nexport const provideGlobalConfig = (\n  config: MaybeRef<ConfigProviderContext>,\n  app?: App\n) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn(\n      'provideGlobalConfig',\n      'provideGlobalConfig() can only be used inside setup().'\n    )\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig) return cfg\n    return merge(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n  return context\n}\n"],"names":["ref","inject","configProviderContextKey","isObject","hasOwn","computed","getCurrentInstance","provide","debugWarn","unref","merge"],"mappings":";;;;;;;;;;;AAIA,MAAM,QAAQ,GAAGA,OAAG,CAAC,EAAE,CAAC,CAAC;AAClB,SAAS,eAAe,CAAC,GAAG,EAAE;AACrC,EAAE,MAAM,MAAM,GAAGC,UAAM,CAACC,uCAAwB,EAAE,QAAQ,CAAC,CAAC;AAC5D,EAAE,IAAI,GAAG,EAAE;AACX,IAAI,OAAOC,eAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAIC,aAAM,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAGC,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAGL,OAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACjH,GAAG,MAAM;AACT,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH,CAAC;AACW,MAAC,mBAAmB,GAAG,CAAC,MAAM,EAAE,GAAG,KAAK;AACpD,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,OAAO,GAAG,CAAC,CAACM,sBAAkB,EAAE,CAAC;AACzC,EAAE,MAAM,SAAS,GAAG,OAAO,GAAG,eAAe,EAAE,GAAG,KAAK,CAAC,CAAC;AACzD,EAAE,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,KAAK,IAAI,GAAG,EAAE,GAAG,OAAO,GAAGC,WAAO,GAAG,KAAK,CAAC,CAAC;AACxG,EAAE,IAAI,CAAC,SAAS,EAAE;AAClB,IAAIC,eAAS,CAAC,qBAAqB,EAAE,wDAAwD,CAAC,CAAC;AAC/F,IAAI,OAAO;AACX,GAAG;AACH,EAAE,MAAM,OAAO,GAAGH,YAAQ,CAAC,MAAM;AACjC,IAAI,MAAM,GAAG,GAAGI,SAAK,CAAC,MAAM,CAAC,CAAC;AAC9B,IAAI,IAAI,CAAC,SAAS;AAClB,MAAM,OAAO,GAAG,CAAC;AACjB,IAAI,OAAOC,UAAK,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACvC,GAAG,CAAC,CAAC;AACL,EAAE,SAAS,CAACR,uCAAwB,EAAE,OAAO,CAAC,CAAC;AAC/C,EAAE,OAAO,OAAO,CAAC;AACjB;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-global-config/index.ts"],"sourcesContent":["import { inject, ref, computed, unref, provide, getCurrentInstance } from 'vue'\nimport { configProviderContextKey } from '@element-plus/tokens'\nimport { hasOwn, isObject, merge } from '@element-plus/utils/util'\nimport { debugWarn } from '@element-plus/utils/error'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Ref, App } from 'vue'\nimport type { ConfigProviderContext } from '@element-plus/tokens'\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nconst cache = ref<ConfigProviderContext>({})\n\nexport function useGlobalConfig<K extends keyof ConfigProviderContext>(\n  key: K\n): Ref<ConfigProviderContext[K]>\nexport function useGlobalConfig(): Ref<ConfigProviderContext>\nexport function useGlobalConfig(key?: keyof ConfigProviderContext) {\n  const config = inject(configProviderContextKey, cache)\n  if (key) {\n    return isObject(config.value) && hasOwn(config.value, key)\n      ? computed(() => config.value[key])\n      : ref(undefined)\n  } else {\n    return config\n  }\n}\n\nexport const provideGlobalConfig = (\n  config: MaybeRef<ConfigProviderContext>,\n  app?: App\n) => {\n  const inSetup = !!getCurrentInstance()\n  const oldConfig = inSetup ? useGlobalConfig() : undefined\n\n  const provideFn = app?.provide ?? (inSetup ? provide : undefined)\n  if (!provideFn) {\n    debugWarn(\n      'provideGlobalConfig',\n      'provideGlobalConfig() can only be used inside setup().'\n    )\n    return\n  }\n\n  const context = computed(() => {\n    const cfg = unref(config)\n    if (!oldConfig) return cfg\n    return merge(oldConfig.value, cfg)\n  })\n  provideFn(configProviderContextKey, context)\n  cache.value = context.value\n  return context\n}\n"],"names":["ref","inject","configProviderContextKey","isObject","hasOwn","computed","getCurrentInstance","provide","debugWarn","unref","merge"],"mappings":";;;;;;;;;;;AAIA,MAAM,KAAK,GAAGA,OAAG,CAAC,EAAE,CAAC,CAAC;AACf,SAAS,eAAe,CAAC,GAAG,EAAE;AACrC,EAAE,MAAM,MAAM,GAAGC,UAAM,CAACC,uCAAwB,EAAE,KAAK,CAAC,CAAC;AACzD,EAAE,IAAI,GAAG,EAAE;AACX,IAAI,OAAOC,eAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAIC,aAAM,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAGC,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAGL,OAAG,CAAC,KAAK,CAAC,CAAC,CAAC;AACjH,GAAG,MAAM;AACT,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG;AACH,CAAC;AACW,MAAC,mBAAmB,GAAG,CAAC,MAAM,EAAE,GAAG,KAAK;AACpD,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,MAAM,OAAO,GAAG,CAAC,CAACM,sBAAkB,EAAE,CAAC;AACzC,EAAE,MAAM,SAAS,GAAG,OAAO,GAAG,eAAe,EAAE,GAAG,KAAK,CAAC,CAAC;AACzD,EAAE,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,GAAG,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,KAAK,IAAI,GAAG,EAAE,GAAG,OAAO,GAAGC,WAAO,GAAG,KAAK,CAAC,CAAC;AACxG,EAAE,IAAI,CAAC,SAAS,EAAE;AAClB,IAAIC,eAAS,CAAC,qBAAqB,EAAE,wDAAwD,CAAC,CAAC;AAC/F,IAAI,OAAO;AACX,GAAG;AACH,EAAE,MAAM,OAAO,GAAGH,YAAQ,CAAC,MAAM;AACjC,IAAI,MAAM,GAAG,GAAGI,SAAK,CAAC,MAAM,CAAC,CAAC;AAC9B,IAAI,IAAI,CAAC,SAAS;AAClB,MAAM,OAAO,GAAG,CAAC;AACjB,IAAI,OAAOC,UAAK,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;AACvC,GAAG,CAAC,CAAC;AACL,EAAE,SAAS,CAACR,uCAAwB,EAAE,OAAO,CAAC,CAAC;AAC/C,EAAE,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;AAC9B,EAAE,OAAO,OAAO,CAAC;AACjB;;;;;"}

package/lib/hooks/use-locale/index.d.ts

@@ -1,5 +1,5 @@
 import type { MaybeRef } from '@vueuse/core';
-import type { InjectionKey, Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { Language } from 'element-plus/es/locale';
 export declare type TranslatorOption = Record<string, string | number>;
 export declare type Translator = (path: string, option?: TranslatorOption) => string;
@@ -8,258 +8,7 @@ export declare type LocaleContext = {
     lang: Ref<string>;
     t: Translator;
 };
-export declare const useLocaleProps: {
-    locale: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Language>, unknown, unknown, unknown, unknown>;
-};
-export declare const localeContextKey: InjectionKey<LocaleContext>;
-export declare const provideLocale: () => void;
 export declare const buildTranslator: (locale: MaybeRef<Language>) => Translator;
 export declare const translate: (path: string, option: undefined | TranslatorOption, locale: Language) => string;
-export declare const localeProviderMaker: (locale?: {
-    name: string;
-    el: {
-        colorpicker: {
-            confirm: string;
-            clear: string;
-        };
-        datepicker: {
-            now: string;
-            today: string;
-            cancel: string;
-            clear: string;
-            confirm: string;
-            selectDate: string;
-            selectTime: string;
-            startDate: string;
-            startTime: string;
-            endDate: string;
-            endTime: string;
-            prevYear: string;
-            nextYear: string;
-            prevMonth: string;
-            nextMonth: string;
-            year: string;
-            month1: string;
-            month2: string;
-            month3: string;
-            month4: string;
-            month5: string;
-            month6: string;
-            month7: string;
-            month8: string;
-            month9: string;
-            month10: string;
-            month11: string;
-            month12: string;
-            week: string;
-            weeks: {
-                sun: string;
-                mon: string;
-                tue: string;
-                wed: string;
-                thu: string;
-                fri: string;
-                sat: string;
-            };
-            months: {
-                jan: string;
-                feb: string;
-                mar: string;
-                apr: string;
-                may: string;
-                jun: string;
-                jul: string;
-                aug: string;
-                sep: string;
-                oct: string;
-                nov: string;
-                dec: string;
-            };
-        };
-        select: {
-            loading: string;
-            noMatch: string;
-            noData: string;
-            placeholder: string;
-        };
-        cascader: {
-            noMatch: string;
-            loading: string;
-            placeholder: string;
-            noData: string;
-        };
-        pagination: {
-            goto: string;
-            pagesize: string;
-            total: string;
-            pageClassifier: string;
-            deprecationWarning: string;
-        };
-        messagebox: {
-            title: string;
-            confirm: string;
-            cancel: string;
-            error: string;
-        };
-        upload: {
-            deleteTip: string;
-            delete: string;
-            preview: string;
-            continue: string;
-        };
-        table: {
-            emptyText: string;
-            confirmFilter: string;
-            resetFilter: string;
-            clearFilter: string;
-            sumText: string;
-        };
-        tree: {
-            emptyText: string;
-        };
-        transfer: {
-            noMatch: string;
-            noData: string;
-            titles: string[];
-            filterPlaceholder: string;
-            noCheckedFormat: string;
-            hasCheckedFormat: string;
-        };
-        image: {
-            error: string;
-        };
-        pageHeader: {
-            title: string;
-        };
-        popconfirm: {
-            confirmButtonText: string;
-            cancelButtonText: string;
-        };
-    };
-}) => {
-    lang: Ref<string>;
-    locale: Ref<{
-        name: string;
-        el: {
-            colorpicker: {
-                confirm: string;
-                clear: string;
-            };
-            datepicker: {
-                now: string;
-                today: string;
-                cancel: string;
-                clear: string;
-                confirm: string;
-                selectDate: string;
-                selectTime: string;
-                startDate: string;
-                startTime: string;
-                endDate: string;
-                endTime: string;
-                prevYear: string;
-                nextYear: string;
-                prevMonth: string;
-                nextMonth: string;
-                year: string;
-                month1: string;
-                month2: string;
-                month3: string;
-                month4: string;
-                month5: string;
-                month6: string;
-                month7: string;
-                month8: string;
-                month9: string;
-                month10: string;
-                month11: string;
-                month12: string;
-                week: string;
-                weeks: {
-                    sun: string;
-                    mon: string;
-                    tue: string;
-                    wed: string;
-                    thu: string;
-                    fri: string;
-                    sat: string;
-                };
-                months: {
-                    jan: string;
-                    feb: string;
-                    mar: string;
-                    apr: string;
-                    may: string;
-                    jun: string;
-                    jul: string;
-                    aug: string;
-                    sep: string;
-                    oct: string;
-                    nov: string;
-                    dec: string;
-                };
-            };
-            select: {
-                loading: string;
-                noMatch: string;
-                noData: string;
-                placeholder: string;
-            };
-            cascader: {
-                noMatch: string;
-                loading: string;
-                placeholder: string;
-                noData: string;
-            };
-            pagination: {
-                goto: string;
-                pagesize: string;
-                total: string;
-                pageClassifier: string;
-                deprecationWarning: string;
-            };
-            messagebox: {
-                title: string;
-                confirm: string;
-                cancel: string;
-                error: string;
-            };
-            upload: {
-                deleteTip: string;
-                delete: string;
-                preview: string;
-                continue: string;
-            };
-            table: {
-                emptyText: string;
-                confirmFilter: string;
-                resetFilter: string;
-                clearFilter: string;
-                sumText: string;
-            };
-            tree: {
-                emptyText: string;
-            };
-            transfer: {
-                noMatch: string;
-                noData: string;
-                titles: string[];
-                filterPlaceholder: string;
-                noCheckedFormat: string;
-                hasCheckedFormat: string;
-            };
-            image: {
-                error: string;
-            };
-            pageHeader: {
-                title: string;
-            };
-            popconfirm: {
-                confirmButtonText: string;
-                cancelButtonText: string;
-            };
-        };
-    }>;
-    t: Translator;
-};
+export declare const buildLocaleContext: (locale: MaybeRef<Language>) => LocaleContext;
 export declare const useLocale: () => LocaleContext;

package/lib/hooks/use-locale/index.js

@@ -5,56 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var get = require('lodash/get');
 var en = require('../../locale/lang/en.js');
-var props = require('../../utils/props.js');
+var index = require('../use-global-config/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
 
-const useLocaleProps = props.buildProps({
-  locale: {
-    type: props.definePropType(Object)
-  }
-});
-const localeContextKey = Symbol("localeContextKey");
-let cache;
-const provideLocale = () => {
-  const vm = vue.getCurrentInstance();
-  const props = vm.props;
-  const locale = vue.computed(() => props.locale || en["default"]);
-  const lang = vue.computed(() => locale.value.name);
-  const t = buildTranslator(locale);
-  const provides = {
-    locale,
-    lang,
-    t
-  };
-  cache = provides;
-  vue.provide(localeContextKey, provides);
-};
 const buildTranslator = (locale) => (path, option) => translate(path, option, vue.unref(locale));
 const translate = (path, option, locale) => get__default["default"](locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
   var _a;
   return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
 });
-const localeProviderMaker = (locale = en["default"]) => {
-  const lang = vue.ref(locale.name);
-  const localeRef = vue.ref(locale);
+const buildLocaleContext = (locale) => {
+  const lang = vue.computed(() => vue.unref(locale).name);
+  const localeRef = vue.isRef(locale) ? locale : vue.ref(locale);
   return {
     lang,
     locale: localeRef,
-    t: buildTranslator(localeRef)
+    t: buildTranslator(locale)
   };
 };
 const useLocale = () => {
-  return vue.inject(localeContextKey, cache || localeProviderMaker(en["default"]));
+  const locale = index.useGlobalConfig("locale");
+  return buildLocaleContext(vue.computed(() => locale.value || en["default"]));
 };
 
+exports.buildLocaleContext = buildLocaleContext;
 exports.buildTranslator = buildTranslator;
-exports.localeContextKey = localeContextKey;
-exports.localeProviderMaker = localeProviderMaker;
-exports.provideLocale = provideLocale;
 exports.translate = translate;
 exports.useLocale = useLocale;
-exports.useLocaleProps = useLocaleProps;
 //# sourceMappingURL=index.js.map

package/lib/hooks/use-locale/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, provide, ref, unref } from 'vue'\nimport get from 'lodash/get'\nimport English from '@element-plus/locale/lang/en'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { InjectionKey, Ref } from 'vue'\nimport type { Language } from '@element-plus/locale'\n\nexport type TranslatorOption = Record<string, string | number>\nexport type Translator = (path: string, option?: TranslatorOption) => string\nexport type LocaleContext = {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport const useLocaleProps = buildProps({\n  locale: {\n    type: definePropType<Language>(Object),\n  },\n})\n\nexport const localeContextKey: InjectionKey<LocaleContext> =\n  Symbol('localeContextKey')\n\n// this is meant to fix global methods like `ElMessage(opts)`, this way we can inject current locale\n// into the component as default injection value.\n// refer to: https://github.com/element-plus/element-plus/issues/2610#issuecomment-887965266\nlet cache: LocaleContext\n\nexport const provideLocale = () => {\n  const vm = getCurrentInstance()!\n  const props = vm.props as {\n    locale: Language\n  }\n  const locale = computed(() => props.locale || English)\n  const lang = computed(() => locale.value.name)\n\n  const t = buildTranslator(locale)\n  const provides: LocaleContext = {\n    locale,\n    lang,\n    t,\n  }\n\n  // this could be broken if someone tries to do following:\n\n  /**\n   * <config-provider :locale=\"lang1\">\n   *   <config-provider :locale=\"lang2\">\n   *     Something calls modal component.\n   *   </config-provider>\n   * </config-provider>\n   */\n  cache = provides\n  provide(localeContextKey, provides)\n}\n\nexport const buildTranslator =\n  (locale: MaybeRef<Language>): Translator =>\n  (path, option) =>\n    translate(path, option, unref(locale))\n\nexport const translate = (\n  path: string,\n  option: undefined | TranslatorOption,\n  locale: Language\n): string =>\n  (get(locale, path, path) as string).replace(\n    /\\{(\\w+)\\}/g,\n    (_, key) => `${option?.[key] ?? `{${key}}`}`\n  )\n\nexport const localeProviderMaker = (locale = English) => {\n  const lang = ref(locale.name)\n  const localeRef = ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: buildTranslator(localeRef),\n  }\n}\n\nexport const useLocale = () => {\n  return inject(localeContextKey, cache || localeProviderMaker(English))\n}\n"],"names":["buildProps","definePropType","getCurrentInstance","computed","English","provide","unref","get","ref","inject"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,cAAc,GAAGA,gBAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,CAAC,EAAE;AACS,MAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,EAAE;AAC3D,IAAI,KAAK,CAAC;AACE,MAAC,aAAa,GAAG,MAAM;AACnC,EAAE,MAAM,EAAE,GAAGC,sBAAkB,EAAE,CAAC;AAClC,EAAE,MAAM,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AACzB,EAAE,MAAM,MAAM,GAAGC,YAAQ,CAAC,MAAM,KAAK,CAAC,MAAM,IAAIC,aAAO,CAAC,CAAC;AACzD,EAAE,MAAM,IAAI,GAAGD,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AACjD,EAAE,MAAM,CAAC,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;AACpC,EAAE,MAAM,QAAQ,GAAG;AACnB,IAAI,MAAM;AACV,IAAI,IAAI;AACR,IAAI,CAAC;AACL,GAAG,CAAC;AACJ,EAAE,KAAK,GAAG,QAAQ,CAAC;AACnB,EAAEE,WAAO,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AACtC,EAAE;AACU,MAAC,eAAe,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,MAAM,EAAEC,SAAK,CAAC,MAAM,CAAC,EAAE;AACxF,MAAC,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,KAAKC,uBAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK;AAC7G,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG,CAAC,MAAM,GAAGH,aAAO,KAAK;AACzD,EAAE,MAAM,IAAI,GAAGI,OAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAChC,EAAE,MAAM,SAAS,GAAGA,OAAG,CAAC,MAAM,CAAC,CAAC;AAChC,EAAE,OAAO;AACT,IAAI,IAAI;AACR,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,SAAS,GAAG,MAAM;AAC/B,EAAE,OAAOC,UAAM,CAAC,gBAAgB,EAAE,KAAK,IAAI,mBAAmB,CAACL,aAAO,CAAC,CAAC,CAAC;AACzE;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-locale/index.ts"],"sourcesContent":["import { computed, ref, unref, isRef } from 'vue'\nimport get from 'lodash/get'\nimport English from '@element-plus/locale/lang/en'\nimport { useGlobalConfig } from '../use-global-config'\nimport type { MaybeRef } from '@vueuse/core'\nimport type { Ref } from 'vue'\nimport type { Language } from '@element-plus/locale'\n\nexport type TranslatorOption = Record<string, string | number>\nexport type Translator = (path: string, option?: TranslatorOption) => string\nexport type LocaleContext = {\n  locale: Ref<Language>\n  lang: Ref<string>\n  t: Translator\n}\n\nexport const buildTranslator =\n  (locale: MaybeRef<Language>): Translator =>\n  (path, option) =>\n    translate(path, option, unref(locale))\n\nexport const translate = (\n  path: string,\n  option: undefined | TranslatorOption,\n  locale: Language\n): string =>\n  (get(locale, path, path) as string).replace(\n    /\\{(\\w+)\\}/g,\n    (_, key) => `${option?.[key] ?? `{${key}}`}`\n  )\n\nexport const buildLocaleContext = (\n  locale: MaybeRef<Language>\n): LocaleContext => {\n  const lang = computed(() => unref(locale).name)\n  const localeRef = isRef(locale) ? locale : ref(locale)\n  return {\n    lang,\n    locale: localeRef,\n    t: buildTranslator(locale),\n  }\n}\n\nexport const useLocale = () => {\n  const locale = useGlobalConfig('locale')\n  return buildLocaleContext(computed(() => locale.value || English))\n}\n"],"names":["unref","get","computed","isRef","ref","useGlobalConfig","English"],"mappings":";;;;;;;;;;;;;AAIY,MAAC,eAAe,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,IAAI,EAAE,MAAM,EAAEA,SAAK,CAAC,MAAM,CAAC,EAAE;AACxF,MAAC,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,KAAKC,uBAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK;AAC7G,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,OAAO,CAAC,EAAE,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC,EAAE;AACS,MAAC,kBAAkB,GAAG,CAAC,MAAM,KAAK;AAC9C,EAAE,MAAM,IAAI,GAAGC,YAAQ,CAAC,MAAMF,SAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC;AAClD,EAAE,MAAM,SAAS,GAAGG,SAAK,CAAC,MAAM,CAAC,GAAG,MAAM,GAAGC,OAAG,CAAC,MAAM,CAAC,CAAC;AACzD,EAAE,OAAO;AACT,IAAI,IAAI;AACR,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,SAAS,GAAG,MAAM;AAC/B,EAAE,MAAM,MAAM,GAAGC,qBAAe,CAAC,QAAQ,CAAC,CAAC;AAC3C,EAAE,OAAO,kBAAkB,CAACH,YAAQ,CAAC,MAAM,MAAM,CAAC,KAAK,IAAII,aAAO,CAAC,CAAC,CAAC;AACrE;;;;;;;"}

package/lib/index.d.ts

@@ -3,16 +3,19 @@ export * from 'element-plus/es/components';
 export * from 'element-plus/es/directives';
 export * from 'element-plus/es/hooks';
 export * from 'element-plus/es/tokens';
+export * from 'element-plus/es/utils/popup-manager';
 export { makeInstaller } from './make-installer';
 export declare const install: (app: import("vue").App<any>, options?: {
+    readonly locale?: unknown;
     readonly size?: unknown;
     readonly button?: unknown;
+    readonly message?: unknown;
     readonly zIndex?: unknown;
-    readonly locale?: unknown;
 } & {} & {
     button?: import("element-plus/es/components").ButtonConfigContext | undefined;
     size?: import("./utils/props").BuildPropType<StringConstructor, "small" | "default" | "large", unknown> | undefined;
     locale?: import("./locale").Language | undefined;
+    message?: import("element-plus/es/components").MessageConfigContext | undefined;
     zIndex?: number | undefined;
 }) => void;
 export declare const version: string;

package/lib/index.js

@@ -7,6 +7,7 @@ require('./components/index.js');
 require('./directives/index.js');
 require('./hooks/index.js');
 require('./tokens/index.js');
+var popupManager = require('./utils/popup-manager.js');
 var makeInstaller = require('./make-installer.js');
 var affix = require('./components/affix/src/affix.js');
 var index = require('./components/affix/index.js');
@@ -194,6 +195,7 @@ const install = defaults["default"].install;
 const version = defaults["default"].version;
 
 exports["default"] = defaults["default"];
+exports.PopupManager = popupManager.PopupManager;
 exports.makeInstaller = makeInstaller.makeInstaller;
 exports.affixEmits = affix.affixEmits;
 exports.affixProps = affix.affixProps;
@@ -246,6 +248,7 @@ exports.ElCollapseItem = index$g.ElCollapseItem;
 exports.ElCollapseTransition = index$h.ElCollapseTransition;
 exports.ElColorPicker = index$i.ElColorPicker;
 exports.configProviderProps = configProvider.configProviderProps;
+exports.messageConfig = configProvider.messageConfig;
 exports.ElConfigProvider = index$j.ElConfigProvider;
 exports.ElAside = index$k.ElAside;
 exports.ElContainer = index$k.ElContainer;
@@ -438,13 +441,10 @@ exports.useFocus = index$1e.useFocus;
 exports.useFormItem = index$1f.useFormItem;
 exports.provideGlobalConfig = index$1g.provideGlobalConfig;
 exports.useGlobalConfig = index$1g.useGlobalConfig;
+exports.buildLocaleContext = index$1h.buildLocaleContext;
 exports.buildTranslator = index$1h.buildTranslator;
-exports.localeContextKey = index$1h.localeContextKey;
-exports.localeProviderMaker = index$1h.localeProviderMaker;
-exports.provideLocale = index$1h.provideLocale;
 exports.translate = index$1h.translate;
 exports.useLocale = index$1h.useLocale;
-exports.useLocaleProps = index$1h.useLocaleProps;
 exports.useLockscreen = index$1i.useLockscreen;
 exports.useModal = index$1j.useModal;
 exports.createModelToggleComposable = index$1k.createModelToggleComposable;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../packages/element-plus/index.ts"],"sourcesContent":["import installer from './defaults'\nexport * from '@element-plus/components'\nexport * from '@element-plus/directives'\nexport * from '@element-plus/hooks'\nexport * from '@element-plus/tokens'\nexport * from '@element-plus/utils/popup-manager'\nexport { makeInstaller } from './make-installer'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOY,MAAC,OAAO,GAAGA,mBAAS,CAAC,QAAQ;AAC7B,MAAC,OAAO,GAAGA,mBAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220107";
+export declare const version = "0.0.20220108";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20220107";
+const version = "0.0.20220108";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220107'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220108'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20220107",
+  "version": "0.0.20220108",
   "description": "A Component Library for Vue 3",
   "homepage": "https://element-plus.org/",
   "keywords": [
@@ -71,5 +71,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "d575eda5538d7fc334e745a2ead8000b3356e8ce"
+  "gitHead": "010c88b1159c4a2c84b36a6c2c55304b8cbf47c6"
 }