@element-plus/nightly 0.0.20241009 → 0.0.20241011

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241009 */
+/*! Element Plus v0.0.20241011 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -9673,7 +9673,6 @@
     });
   };
 
-  let cachedContainer;
   const usePopperContainerId = () => {
     const namespace = useGetDerivedNamespace();
     const idInjection = useIdInjection();
@@ -9697,8 +9696,8 @@
     vue.onBeforeMount(() => {
       if (!isClient)
         return;
-      if (!cachedContainer || !document.body.querySelector(selector.value)) {
-        cachedContainer = createContainer(id.value);
+      if (!document.body.querySelector(selector.value)) {
+        createContainer(id.value);
       }
     });
     return {
@@ -11561,7 +11560,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241009";
+  const version$1 = "0.0.20241011";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -34837,7 +34836,7 @@
     } = useComposition({
       afterComposition: (e) => onInput(e)
     });
-    const { wrapperRef, isFocused } = useFocusController(inputRef, {
+    const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
       beforeFocus() {
         return selectDisabled.value;
       },
@@ -35253,9 +35252,12 @@
     const handleClearClick = (event) => {
       deleteSelected(event);
     };
-    const handleClickOutside = () => {
+    const handleClickOutside = (event) => {
       expanded.value = false;
-      isFocused.value && blur();
+      if (isFocused.value) {
+        const _event = new FocusEvent("focus", event);
+        vue.nextTick(() => handleBlur(_event));
+      }
     };
     const handleEsc = () => {
       if (states.inputValue.length > 0) {
@@ -35607,9 +35609,16 @@
         selectRef: API.selectRef,
         setSelected: API.setSelected
       }));
+      const selectedLabel = vue.computed(() => {
+        if (!props.multiple) {
+          return API.states.selectedLabel;
+        }
+        return API.states.selected.map((i) => i.currentLabel);
+      });
       return {
         ...API,
-        modelValue
+        modelValue,
+        selectedLabel
       };
     }
   });
@@ -40112,7 +40121,7 @@
     } = useComposition({
       afterComposition: (e) => onInput(e)
     });
-    const { wrapperRef, isFocused } = useFocusController(inputRef, {
+    const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
       beforeFocus() {
         return selectDisabled.value;
       },
@@ -40552,9 +40561,12 @@
         return onInputChange();
       }
     };
-    const handleClickOutside = () => {
+    const handleClickOutside = (event) => {
       expanded.value = false;
-      isFocused.value && blur();
+      if (isFocused.value) {
+        const _event = new FocusEvent("focus", event);
+        handleBlur(_event);
+      }
     };
     const handleMenuEnter = () => {
       states.isBeforeHide = false;
@@ -40794,9 +40806,16 @@
         onKeyboardNavigate: API.onKeyboardNavigate,
         onKeyboardSelect: API.onKeyboardSelect
       });
+      const selectedLabel = vue.computed(() => {
+        if (!props.multiple) {
+          return API.states.selectedLabel;
+        }
+        return API.states.cachedOptions.map((i) => i.label);
+      });
       return {
         ...API,
-        modelValue
+        modelValue,
+        selectedLabel
       };
     }
   });
@@ -45164,6 +45183,7 @@
       }
     };
     const handleMouseMove = (event, column) => {
+      var _a;
       if (column.children && column.children.length > 0)
         return;
       const el = event.target;
@@ -45171,12 +45191,13 @@
         return;
       }
       const target = el == null ? void 0 : el.closest("th");
-      if (!column || !column.resizable)
+      if (!column || !column.resizable || !target)
         return;
       if (!dragging.value && props.border) {
         const rect = target.getBoundingClientRect();
         const bodyStyle = document.body.style;
-        if (rect.width > 12 && rect.right - event.pageX < 8) {
+        const isLastTh = ((_a = target.parentNode) == null ? void 0 : _a.lastElementChild) === target;
+        if (rect.width > 12 && rect.right - event.pageX < 8 && !isLastTh) {
           bodyStyle.cursor = "col-resize";
           if (hasClass(target, "is-sortable")) {
             target.style.cursor = "col-resize";