@element-plus/nightly 0.0.20230305 → 0.0.20230306

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230305 */
+/*! Element Plus v0.0.20230306 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9020,8 +9020,8 @@
     };
   };
   const localeContextKey = Symbol("localeContextKey");
-  const useLocale = () => {
-    const locale = vue.inject(localeContextKey, vue.ref());
+  const useLocale = (localeOverrides) => {
+    const locale = localeOverrides || vue.inject(localeContextKey, vue.ref());
     return buildLocaleContext(vue.computed(() => locale.value || English));
   };
 
@@ -9251,15 +9251,15 @@
     return cls;
   };
   const namespaceContextKey = Symbol("localeContextKey");
-  const useGetDerivedNamespace = () => {
-    const derivedNamespace = vue.inject(namespaceContextKey, vue.ref(defaultNamespace));
+  const useGetDerivedNamespace = (namespaceOverrides) => {
+    const derivedNamespace = namespaceOverrides || vue.inject(namespaceContextKey, vue.ref(defaultNamespace));
     const namespace = vue.computed(() => {
       return vue.unref(derivedNamespace) || defaultNamespace;
     });
     return namespace;
   };
-  const useNamespace = (block) => {
-    const namespace = useGetDerivedNamespace();
+  const useNamespace = (block, namespaceOverrides) => {
+    const namespace = useGetDerivedNamespace(namespaceOverrides);
     const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
     const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
     const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
@@ -9839,14 +9839,18 @@
     return container;
   };
   const usePopperContainer = () => {
+    const { id, selector } = usePopperContainerId();
     vue.onBeforeMount(() => {
       if (!isClient)
         return;
-      const { id, selector } = usePopperContainerId();
       if (!cachedContainer && !document.body.querySelector(selector.value)) {
         cachedContainer = createContainer(id.value);
       }
     });
+    return {
+      id,
+      selector
+    };
   };
 
   const useDelayedRender = ({
@@ -9947,8 +9951,8 @@
   const zIndex = vue.ref(0);
   const defaultInitialZIndex = 2e3;
   const zIndexContextKey = Symbol("zIndexContextKey");
-  const useZIndex = () => {
-    const zIndexInjection = vue.inject(zIndexContextKey, void 0);
+  const useZIndex = (zIndexOverrides) => {
+    const zIndexInjection = zIndexOverrides || vue.inject(zIndexContextKey, void 0);
     const initialZIndex = vue.computed(() => {
       const zIndexFromInjection = vue.unref(zIndexInjection);
       return isNumber$1(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
@@ -11093,6 +11097,26 @@
       return config;
     }
   }
+  function useGlobalComponentSettings(block) {
+    const config = useGlobalConfig();
+    const ns = useNamespace(block, vue.computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.namespace) || defaultNamespace;
+    }));
+    const locale = useLocale(vue.computed(() => {
+      var _a;
+      return (_a = config.value) == null ? void 0 : _a.locale;
+    }));
+    const zIndex = useZIndex(vue.computed(() => {
+      var _a;
+      return ((_a = config.value) == null ? void 0 : _a.zIndex) || defaultInitialZIndex;
+    }));
+    return {
+      ns,
+      locale,
+      zIndex
+    };
+  }
   const provideGlobalConfig = (config, app, global = false) => {
     var _a;
     const inSetup = !!vue.getCurrentInstance();
@@ -11173,7 +11197,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20230305";
+  const version$1 = "0.0.20230306";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -54117,7 +54141,6 @@
 
   function createLoadingComponent(options) {
     let afterLeaveTimer;
-    const ns = useNamespace("loading");
     const afterLeaveFlag = vue.ref(false);
     const data = vue.reactive({
       ...options,
@@ -54130,6 +54153,7 @@
     }
     function destroySelf() {
       const target = data.parent;
+      const ns = vm.ns;
       if (!target.vLoadingAddClassList) {
         let loadingNumber = target.getAttribute("loading-number");
         loadingNumber = Number.parseInt(loadingNumber) - 1;
@@ -54166,9 +54190,15 @@
       target.vLoadingAddClassList = void 0;
       destroySelf();
     }
-    const elLoadingComponent = {
+    const elLoadingComponent = vue.defineComponent({
       name: "ElLoading",
-      setup() {
+      setup(_, { expose }) {
+        const ns = useNamespace("loading");
+        const zIndex = useZIndex();
+        expose({
+          ns,
+          zIndex
+        });
         return () => {
           const svg = data.spinner || data.svg;
           const spinner = vue.h("svg", {
@@ -54208,7 +54238,7 @@
           });
         };
       }
-    };
+    });
     const loadingInstance = vue.createApp(elLoadingComponent);
     const vm = loadingInstance.mount(document.createElement("div"));
     return {
@@ -54281,7 +54311,7 @@
     };
   };
   const addStyle = async (options, parent, instance) => {
-    const { nextZIndex } = useZIndex();
+    const { nextZIndex } = instance.vm.zIndex;
     const maskStyle = {};
     if (options.fullscreen) {
       instance.originalPosition.value = getStyle(document.body, "position");
@@ -54305,7 +54335,7 @@
     }
   };
   const addClassList = (options, parent, instance) => {
-    const ns = useNamespace("loading");
+    const ns = instance.vm.ns;
     if (!["absolute", "fixed", "sticky"].includes(instance.originalPosition.value)) {
       addClass(parent, ns.bm("parent", "relative"));
     } else {
@@ -54507,8 +54537,8 @@
     setup(__props, { expose }) {
       const props = __props;
       const { Close } = TypeComponents;
-      const ns = useNamespace("message");
-      const { currentZIndex, nextZIndex } = useZIndex();
+      const { ns, zIndex } = useGlobalComponentSettings("message");
+      const { currentZIndex, nextZIndex } = zIndex;
       const messageRef = vue.ref();
       const visible = vue.ref(false);
       const height = vue.ref(0);
@@ -54797,10 +54827,10 @@
     },
     emits: ["vanish", "action"],
     setup(props, { emit }) {
-      const { t } = useLocale();
-      const ns = useNamespace("message-box");
+      const { locale, zIndex, ns } = useGlobalComponentSettings("message-box");
+      const { t } = locale;
+      const { nextZIndex } = zIndex;
       const visible = vue.ref(false);
-      const { nextZIndex } = useZIndex();
       const state = vue.reactive({
         autofocus: true,
         beforeClose: null,
@@ -55424,7 +55454,8 @@
     emits: notificationEmits,
     setup(__props, { expose }) {
       const props = __props;
-      const ns = useNamespace("notification");
+      const { ns, zIndex } = useGlobalComponentSettings("notification");
+      const { nextZIndex, currentZIndex } = zIndex;
       const { Close } = CloseComponents;
       const visible = vue.ref(false);
       let timer = void 0;
@@ -55442,7 +55473,7 @@
       const positionStyle = vue.computed(() => {
         return {
           [verticalProperty.value]: `${props.offset}px`,
-          zIndex: props.zIndex
+          zIndex: currentZIndex.value
         };
       });
       function startTimer() {
@@ -55472,6 +55503,7 @@
       }
       vue.onMounted(() => {
         startTimer();
+        nextZIndex();
         visible.value = true;
       });
       useEventListener(document, "keydown", onKeydown);
@@ -55568,11 +55600,9 @@
       verticalOffset += (((_a = vm2.el) == null ? void 0 : _a.offsetHeight) || 0) + GAP_SIZE;
     });
     verticalOffset += GAP_SIZE;
-    const { nextZIndex } = useZIndex();
     const id = `notification_${seed++}`;
     const userOnClose = options.onClose;
     const props = {
-      zIndex: nextZIndex(),
       ...options,
       offset: verticalOffset,
       id,
@@ -55888,6 +55918,7 @@
   exports.datePickTypes = datePickTypes;
   exports.dayjs = dayjs;
   exports["default"] = installer;
+  exports.defaultInitialZIndex = defaultInitialZIndex;
   exports.defaultNamespace = defaultNamespace;
   exports.descriptionProps = descriptionProps;
   exports.dialogEmits = dialogEmits;
@@ -56044,6 +56075,7 @@
   exports.useForwardRef = useForwardRef;
   exports.useForwardRefDirective = useForwardRefDirective;
   exports.useGetDerivedNamespace = useGetDerivedNamespace;
+  exports.useGlobalComponentSettings = useGlobalComponentSettings;
   exports.useGlobalConfig = useGlobalConfig;
   exports.useGlobalSize = useGlobalSize;
   exports.useId = useId;