element-plus 2.2.33 → 2.2.34

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.2.33 */
+/*! Element Plus v2.2.34 */
 
 (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 = "2.2.33";
+  const version$1 = "2.2.34";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -47753,7 +47777,7 @@
       rowIndex
     };
     const Cell = CellComponent(cellProps);
-    const kls = [ns.e("row-cell"), column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right")];
+    const kls = [ns.e("row-cell"), column.class, column.align === Alignment.CENTER && ns.is("align-center"), column.align === Alignment.RIGHT && ns.is("align-right")];
     const expandable = rowIndex >= 0 && column.key === expandColumnKey;
     const expanded = rowIndex >= 0 && expandedRowKeys.includes(rowData[rowKey]);
     let IconOrPlaceholder;
@@ -52037,13 +52061,17 @@
     setup(props) {
       const select = vue.inject(selectKey);
       vue.watch(() => props.data, () => {
+        var _a;
         props.data.forEach((item) => {
           if (!select.cachedOptions.has(item.value)) {
             select.cachedOptions.set(item.value, item);
           }
         });
-        select.setSelected();
-      }, { immediate: true, deep: true });
+        const inputs = ((_a = select.selectWrapper) == null ? void 0 : _a.querySelectorAll("input")) || [];
+        if (!Array.from(inputs).includes(document.activeElement)) {
+          select.setSelected();
+        }
+      }, { flush: "post", immediate: true });
       return () => void 0;
     }
   });
@@ -54113,7 +54141,6 @@
 
   function createLoadingComponent(options) {
     let afterLeaveTimer;
-    const ns = useNamespace("loading");
     const afterLeaveFlag = vue.ref(false);
     const data = vue.reactive({
       ...options,
@@ -54126,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;
@@ -54162,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", {
@@ -54204,7 +54238,7 @@
           });
         };
       }
-    };
+    });
     const loadingInstance = vue.createApp(elLoadingComponent);
     const vm = loadingInstance.mount(document.createElement("div"));
     return {
@@ -54277,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");
@@ -54301,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 {
@@ -54503,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);
@@ -54793,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,
@@ -55420,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;
@@ -55438,7 +55473,7 @@
       const positionStyle = vue.computed(() => {
         return {
           [verticalProperty.value]: `${props.offset}px`,
-          zIndex: props.zIndex
+          zIndex: currentZIndex.value
         };
       });
       function startTimer() {
@@ -55468,6 +55503,7 @@
       }
       vue.onMounted(() => {
         startTimer();
+        nextZIndex();
         visible.value = true;
       });
       useEventListener(document, "keydown", onKeydown);
@@ -55564,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,
@@ -55884,6 +55918,7 @@
   exports.datePickTypes = datePickTypes;
   exports.dayjs = dayjs;
   exports["default"] = installer;
+  exports.defaultInitialZIndex = defaultInitialZIndex;
   exports.defaultNamespace = defaultNamespace;
   exports.descriptionProps = descriptionProps;
   exports.dialogEmits = dialogEmits;
@@ -56040,6 +56075,7 @@
   exports.useForwardRef = useForwardRef;
   exports.useForwardRefDirective = useForwardRefDirective;
   exports.useGetDerivedNamespace = useGetDerivedNamespace;
+  exports.useGlobalComponentSettings = useGlobalComponentSettings;
   exports.useGlobalConfig = useGlobalConfig;
   exports.useGlobalSize = useGlobalSize;
   exports.useId = useId;