element-plus 2.3.5 → 2.3.6

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.3.5 */
+/*! Element Plus v2.3.6 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9614,23 +9614,6 @@
     };
   }
 
-  const useRestoreActive = (toggle, initialFocus) => {
-    let previousActive;
-    vue.watch(() => toggle.value, (val) => {
-      var _a, _b;
-      if (val) {
-        previousActive = document.activeElement;
-        if (vue.isRef(initialFocus)) {
-          (_b = (_a = initialFocus.value).focus) == null ? void 0 : _b.call(_a);
-        }
-      } else {
-        {
-          previousActive.focus();
-        }
-      }
-    });
-  };
-
   const useSameTarget = (handleClick) => {
     if (!handleClick) {
       return { onClick: NOOP, onMousedown: NOOP, onMouseup: NOOP };
@@ -11225,7 +11208,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "2.3.5";
+  const version$1 = "2.3.6";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15289,8 +15272,8 @@
     const contentStyle = vue.computed(() => {
       return [
         { zIndex: vue.unref(contentZIndex) },
-        props.popperStyle || {},
-        vue.unref(styles).popper
+        vue.unref(styles).popper,
+        props.popperStyle || {}
       ];
     });
     const ariaModal = vue.computed(() => role.value === "dialog" ? "false" : void 0);
@@ -33202,7 +33185,7 @@
       });
       function selectOptionClick() {
         if (props.disabled !== true && states.groupDisabled !== true) {
-          select.handleOptionSelect(vm, true);
+          select.handleOptionSelect(vm);
         }
       }
       return {
@@ -33291,7 +33274,6 @@
       optionsCount: 0,
       filteredOptionsCount: 0,
       visible: false,
-      softFocus: false,
       selectedLabel: "",
       hoverIndex: -1,
       query: "",
@@ -33301,12 +33283,12 @@
       currentPlaceholder: t("el.select.placeholder"),
       menuVisibleOnFocus: false,
       isOnComposition: false,
-      isSilentBlur: false,
       prefixWidth: 11,
       tagInMultiLine: false,
       mouseEnter: false
     });
   }
+  let ignoreFocusEvent = false;
   const useSelect$3 = (props, states, ctx) => {
     const { t } = useLocale();
     const ns = useNamespace("select");
@@ -33723,7 +33705,7 @@
       states.visible = false;
       ctx.emit("clear");
     };
-    const handleOptionSelect = (option, byClick) => {
+    const handleOptionSelect = (option) => {
       var _a;
       if (props.multiple) {
         const value = (props.modelValue || []).slice();
@@ -33747,7 +33729,6 @@
         emitChange(option.value);
         states.visible = false;
       }
-      states.isSilentBlur = byClick;
       setSoftFocus();
       if (states.visible)
         return;
@@ -33770,7 +33751,6 @@
       return index;
     };
     const setSoftFocus = () => {
-      states.softFocus = true;
       const _input = input.value || reference.value;
       if (_input) {
         _input == null ? void 0 : _input.focus();
@@ -33840,7 +33820,7 @@
       vue.nextTick(() => scrollToOption(states.selected));
     };
     const handleFocus = (event) => {
-      if (!states.softFocus) {
+      if (!ignoreFocusEvent) {
         if (props.automaticDropdown || props.filterable) {
           if (props.filterable && !states.visible) {
             states.menuVisibleOnFocus = true;
@@ -33849,7 +33829,7 @@
         }
         ctx.emit("focus", event);
       } else {
-        states.softFocus = false;
+        ignoreFocusEvent = false;
       }
     };
     const blur = () => {
@@ -33859,14 +33839,15 @@
       (_c = (_b = iOSInput.value) == null ? void 0 : _b.blur) == null ? void 0 : _c.call(_b);
     };
     const handleBlur = (event) => {
-      vue.nextTick(() => {
-        if (states.isSilentBlur) {
-          states.isSilentBlur = false;
-        } else {
-          ctx.emit("blur", event);
+      setTimeout(() => {
+        var _a;
+        if ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent()) {
+          ignoreFocusEvent = true;
+          return;
         }
+        states.visible && handleClose();
+        ctx.emit("blur", event);
       });
-      states.softFocus = false;
     };
     const handleClearClick = (event) => {
       deleteSelected(event);
@@ -33904,7 +33885,7 @@
         toggleMenu();
       } else {
         if (optionsArray.value[states.hoverIndex]) {
-          handleOptionSelect(optionsArray.value[states.hoverIndex], void 0);
+          handleOptionSelect(optionsArray.value[states.hoverIndex]);
         }
       }
     };
@@ -34241,7 +34222,6 @@
         inputLength,
         filteredOptionsCount,
         visible,
-        softFocus,
         selectedLabel,
         hoverIndex,
         query,
@@ -34249,7 +34229,6 @@
         currentPlaceholder,
         menuVisibleOnFocus,
         isOnComposition,
-        isSilentBlur,
         options,
         cachedOptions,
         optionsCount,
@@ -34347,7 +34326,6 @@
         inputLength,
         filteredOptionsCount,
         visible,
-        softFocus,
         selectedLabel,
         hoverIndex,
         query,
@@ -34355,7 +34333,6 @@
         currentPlaceholder,
         menuVisibleOnFocus,
         isOnComposition,
-        isSilentBlur,
         options,
         resetInputHeight,
         managePlaceholder,
@@ -35066,6 +35043,18 @@
         }
         return array;
       });
+      const prevMoreKls = vue.computed(() => [
+        "more",
+        "btn-quickprev",
+        nsIcon.b(),
+        nsPager.is("disabled", props.disabled)
+      ]);
+      const nextMoreKls = vue.computed(() => [
+        "more",
+        "btn-quicknext",
+        nsIcon.b(),
+        nsPager.is("disabled", props.disabled)
+      ]);
       const tabindex = vue.computed(() => props.disabled ? -1 : 0);
       vue.watchEffect(() => {
         const halfPagerCount = (props.pagerCount - 1) / 2;
@@ -35153,12 +35142,7 @@
           }, " 1 ", 10, _hoisted_2$e)) : vue.createCommentVNode("v-if", true),
           showPrevMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 1,
-            class: vue.normalizeClass([
-              "more",
-              "btn-quickprev",
-              vue.unref(nsIcon).b(),
-              vue.unref(nsPager).is("disabled", _ctx.disabled)
-            ]),
+            class: vue.normalizeClass(vue.unref(prevMoreKls)),
             tabindex: vue.unref(tabindex),
             "aria-label": vue.unref(t)("el.pagination.prevPages", { pager: _ctx.pagerCount - 2 }),
             onMouseenter: _cache[0] || (_cache[0] = ($event) => onMouseEnter(true)),
@@ -35182,12 +35166,7 @@
           }), 128)),
           showNextMore.value ? (vue.openBlock(), vue.createElementBlock("li", {
             key: 2,
-            class: vue.normalizeClass([
-              "more",
-              "btn-quicknext",
-              vue.unref(nsIcon).b(),
-              vue.unref(nsPager).is("disabled", _ctx.disabled)
-            ]),
+            class: vue.normalizeClass(vue.unref(nextMoreKls)),
             tabindex: vue.unref(tabindex),
             "aria-label": vue.unref(t)("el.pagination.nextPages", { pager: _ctx.pagerCount - 2 }),
             onMouseenter: _cache[4] || (_cache[4] = ($event) => onMouseEnter()),
@@ -35215,11 +35194,9 @@
 
   const isAbsent = (v) => typeof v !== "number";
   const paginationProps = buildProps({
-    total: Number,
     pageSize: Number,
     defaultPageSize: Number,
-    currentPage: Number,
-    defaultCurrentPage: Number,
+    total: Number,
     pageCount: Number,
     pagerCount: {
       type: Number,
@@ -35228,6 +35205,8 @@
       },
       default: 7
     },
+    currentPage: Number,
+    defaultCurrentPage: Number,
     layout: {
       type: String,
       default: ["prev", "pager", "next", "jumper", "->", "total"].join(", ")
@@ -41358,13 +41337,17 @@
     setup(__props, { emit }) {
       const props = __props;
       const ns = useNamespace("steps");
-      const steps = vue.ref([]);
+      const {
+        children: steps,
+        addChild: addStep,
+        removeChild: removeStep
+      } = useOrderedChildren(vue.getCurrentInstance(), "ElStep");
       vue.watch(steps, () => {
         steps.value.forEach((instance, index) => {
           instance.setIndex(index);
         });
       });
-      vue.provide("ElSteps", { props, steps });
+      vue.provide("ElSteps", { props, steps, addStep, removeStep });
       vue.watch(() => props.active, (newVal, oldVal) => {
         emit(CHANGE_EVENT, newVal, oldVal);
       });
@@ -41422,7 +41405,7 @@
         }, { immediate: true });
       });
       vue.onBeforeUnmount(() => {
-        parent.steps.value = parent.steps.value.filter((instance) => instance.uid !== (currentInstance == null ? void 0 : currentInstance.uid));
+        parent.removeStep(stepItemState.uid);
       });
       const currentStatus = vue.computed(() => {
         return props.status || internalStatus.value;
@@ -41495,12 +41478,12 @@
           prevChild.calcProgress(internalStatus.value);
       };
       const stepItemState = vue.reactive({
-        uid: vue.computed(() => currentInstance == null ? void 0 : currentInstance.uid),
+        uid: currentInstance.uid,
         currentStatus,
         setIndex,
         calcProgress
       });
-      parent.steps.value = [...parent.steps.value, stepItemState];
+      parent.addStep(stepItemState);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           style: vue.normalizeStyle(vue.unref(style)),
@@ -45288,13 +45271,9 @@
       }
       if (props.maxHeight) {
         if (!Number.isNaN(Number(props.maxHeight))) {
-          const maxHeight = props.maxHeight;
-          const reachMaxHeight = tableScrollHeight.value >= Number(maxHeight);
-          if (reachMaxHeight) {
-            return {
-              maxHeight: `${tableScrollHeight.value - headerScrollHeight.value - footerScrollHeight.value}px`
-            };
-          }
+          return {
+            maxHeight: `${props.maxHeight - headerScrollHeight.value - footerScrollHeight.value}px`
+          };
         } else {
           return {
             maxHeight: `calc(${props.maxHeight} - ${headerScrollHeight.value + footerScrollHeight.value}px)`
@@ -52334,7 +52313,7 @@
         if (!props.showCheckbox && (props.checkStrictly || node.isLeaf)) {
           if (!getNodeValByProp("disabled", data)) {
             const option = (_b = select.value) == null ? void 0 : _b.options.get(getNodeValByProp("value", data));
-            (_c = select.value) == null ? void 0 : _c.handleOptionSelect(option, true);
+            (_c = select.value) == null ? void 0 : _c.handleOptionSelect(option);
           }
         } else if (props.expandOnClickNode) {
           e.proxy.handleExpandIconClick();
@@ -55340,7 +55319,6 @@
       if (props.lockScroll) {
         useLockscreen(visible);
       }
-      useRestoreActive(visible);
       return {
         ...vue.toRefs(state),
         ns,
@@ -55767,10 +55745,7 @@
       values: [...notificationTypes, ""],
       default: ""
     },
-    zIndex: {
-      type: Number,
-      default: 0
-    }
+    zIndex: Number
   });
   const notificationEmits = {
     destroy: () => true
@@ -55806,9 +55781,10 @@
       const horizontalClass = vue.computed(() => props.position.endsWith("right") ? "right" : "left");
       const verticalProperty = vue.computed(() => props.position.startsWith("top") ? "top" : "bottom");
       const positionStyle = vue.computed(() => {
+        var _a;
         return {
           [verticalProperty.value]: `${props.offset}px`,
-          zIndex: currentZIndex.value
+          zIndex: (_a = props.zIndex) != null ? _a : currentZIndex.value
         };
       });
       function startTimer() {
@@ -56438,7 +56414,6 @@
   exports.usePopperTriggerProps = usePopperTriggerProps;
   exports.usePreventGlobal = usePreventGlobal;
   exports.useProp = useProp;
-  exports.useRestoreActive = useRestoreActive;
   exports.useSameTarget = useSameTarget;
   exports.useSize = useSize;
   exports.useSizeProp = useSizeProp;