@element-plus/nightly 0.0.20230216 → 0.0.20230218

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20230216 */
+/*! Element Plus v0.0.20230218 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11202,7 +11202,7 @@
     };
   };
 
-  const version$1 = "0.0.20230216";
+  const version$1 = "0.0.20230218";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13196,7 +13196,7 @@
           });
           trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus);
           trapContainer.dispatchEvent(releasedEvent);
-          if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !isFocusCausedByUserEvent())) {
+          if (!releasedEvent.defaultPrevented && (focusReason.value == "keyboard" || !isFocusCausedByUserEvent() || trapContainer.contains(document.activeElement))) {
             tryFocus(lastFocusBeforeTrapped != null ? lastFocusBeforeTrapped : document.body);
           }
           trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, trapOnFocus);
@@ -21359,6 +21359,7 @@
       const popperVisible = vue.ref(false);
       const inputHover = vue.ref(false);
       const filtering = vue.ref(false);
+      const filterFocus = vue.ref(false);
       const inputValue = vue.ref("");
       const searchInputValue = vue.ref("");
       const presentTags = vue.ref([]);
@@ -21421,6 +21422,9 @@
           nsCascader.is("reverse", popperVisible.value)
         ];
       });
+      const inputClass = vue.computed(() => {
+        return nsCascader.is("focus", popperVisible.value || filterFocus.value);
+      });
       const togglePopperVisible = (visible) => {
         var _a, _b, _c;
         if (isDisabled.value)
@@ -21638,9 +21642,15 @@
         }
       };
       const handleFocus = (e) => {
+        const el = e.target;
+        const name = nsCascader.e("search-input");
+        if (el.className === name) {
+          filterFocus.value = true;
+        }
         emit("focus", e);
       };
       const handleBlur = (e) => {
+        filterFocus.value = false;
         emit("blur", e);
       };
       const handleFilter = debounce(() => {
@@ -21724,7 +21734,8 @@
                 disabled: vue.unref(isDisabled),
                 "validate-event": false,
                 size: vue.unref(realSize),
-                class: vue.normalizeClass(vue.unref(nsCascader).is("focus", popperVisible.value)),
+                class: vue.normalizeClass(vue.unref(inputClass)),
+                tabindex: vue.unref(multiple) && _ctx.filterable && !vue.unref(isDisabled) ? -1 : void 0,
                 onCompositionstart: handleComposition,
                 onCompositionupdate: handleComposition,
                 onCompositionend: handleComposition,
@@ -21754,7 +21765,7 @@
                   }, 8, ["class"]))
                 ]),
                 _: 1
-              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class"]),
+              }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex"]),
               vue.unref(multiple) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 ref_key: "tagWrapper",
@@ -21827,7 +21838,9 @@
                   onKeydown: vue.withKeys(handleDelete, ["delete"]),
                   onCompositionstart: handleComposition,
                   onCompositionupdate: handleComposition,
-                  onCompositionend: handleComposition
+                  onCompositionend: handleComposition,
+                  onFocus: handleFocus,
+                  onBlur: handleBlur
                 }, null, 42, _hoisted_2$w)), [
                   [vue.vModelText, searchInputValue.value]
                 ]) : vue.createCommentVNode("v-if", true)
@@ -28000,6 +28013,25 @@
       const triggerId = vue.computed(() => {
         return props.id || defaultTriggerId;
       });
+      vue.watch([triggeringElementRef, vue.toRef(props, "trigger")], ([triggeringElement2, trigger], [prevTriggeringElement]) => {
+        var _a, _b, _c;
+        const triggerArray = isArray(trigger) ? trigger : [trigger];
+        if ((_a = prevTriggeringElement == null ? void 0 : prevTriggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
+          prevTriggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+        }
+        if ((_b = triggeringElement2 == null ? void 0 : triggeringElement2.$el) == null ? void 0 : _b.removeEventListener) {
+          triggeringElement2.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+        }
+        if (((_c = triggeringElement2 == null ? void 0 : triggeringElement2.$el) == null ? void 0 : _c.addEventListener) && triggerArray.includes("hover")) {
+          triggeringElement2.$el.addEventListener("pointerenter", onAutofocusTriggerEnter);
+        }
+      }, { immediate: true });
+      vue.onUnmounted(() => {
+        var _a;
+        if ((_a = triggeringElement == null ? void 0 : triggeringElement.$el) == null ? void 0 : _a.removeEventListener) {
+          triggeringElement.$el.removeEventListener("pointerenter", onAutofocusTriggerEnter);
+        }
+      });
       function handleClick() {
         handleClose();
       }
@@ -28015,6 +28047,10 @@
       function commandHandler(...args) {
         emit("command", ...args);
       }
+      function onAutofocusTriggerEnter() {
+        var _a, _b;
+        (_b = (_a = triggeringElementRef.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.focus();
+      }
       function onItemEnter() {
       }
       function onItemLeave() {
@@ -28172,6 +28208,7 @@
           fn: vue.withCtx(() => [
             vue.createVNode(_component_el_only_child, {
               id: _ctx.triggerId,
+              ref: "triggeringElementRef",
               role: "button",
               tabindex: _ctx.tabindex
             }, {
@@ -42990,7 +43027,7 @@
       if (height === null)
         return false;
       const scrollBarRef = this.table.refs.scrollBarRef;
-      if (this.table.vnode.el && scrollBarRef) {
+      if (this.table.vnode.el && (scrollBarRef == null ? void 0 : scrollBarRef.wrapRef)) {
         let scrollY = true;
         const prevScrollY = this.scrollY.value;
         scrollY = scrollBarRef.wrapRef.scrollHeight > scrollBarRef.wrapRef.clientHeight;