@element-plus/nightly 0.0.20241223 → 0.0.20241225

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241223 */
+/*! Element Plus v0.0.20241225 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241223";
+  const version$1 = "0.0.20241225";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -15118,11 +15118,19 @@
   const tryFocus = (element, shouldSelect) => {
     if (element && element.focus) {
       const prevFocusedElement = document.activeElement;
+      let cleanup = false;
+      if (isElement$1(element) && !isFocusable(element) && !element.getAttribute("tabindex")) {
+        element.setAttribute("tabindex", "-1");
+        cleanup = true;
+      }
       element.focus({ preventScroll: true });
       lastAutomatedFocusTimestamp.value = window.performance.now();
       if (element !== prevFocusedElement && isSelectable(element) && shouldSelect) {
         element.select();
       }
+      if (isElement$1(element) && cleanup) {
+        element.removeAttribute("tabindex");
+      }
     }
   };
   function removeFromStack(list, item) {
@@ -16083,6 +16091,7 @@
       const ariaHidden = vue.ref(true);
       const onTransitionLeave = () => {
         onHide();
+        isFocusInsideContent() && tryFocus(document.body);
         ariaHidden.value = true;
       };
       const stopWhenControlled = () => {
@@ -16126,6 +16135,12 @@
           onClose();
         }
       };
+      const isFocusInsideContent = (event) => {
+        var _a;
+        const popperContent = (_a = contentRef.value) == null ? void 0 : _a.popperContentRef;
+        const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
+        return popperContent == null ? void 0 : popperContent.contains(activeElement);
+      };
       vue.watch(() => vue.unref(open), (val) => {
         if (!val) {
           stopHandle == null ? void 0 : stopHandle();
@@ -16140,7 +16155,8 @@
         (_b = (_a = contentRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
       });
       expose({
-        contentRef
+        contentRef,
+        isFocusInsideContent
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.unref(ElTeleport$1), {
@@ -16275,10 +16291,8 @@
         }
       });
       const isFocusInsideContent = (event) => {
-        var _a, _b;
-        const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
-        const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
-        return popperContent && popperContent.contains(activeElement);
+        var _a;
+        return (_a = contentRef.value) == null ? void 0 : _a.isFocusInsideContent(event);
       };
       vue.onDeactivated(() => open.value && hide());
       expose({
@@ -26207,6 +26221,9 @@
       function handleTrigger() {
         if (colorDisabled.value)
           return;
+        if (showPicker.value) {
+          resetColor();
+        }
         debounceSetShowPicker(!showPicker.value);
       }
       function handleConfirm() {
@@ -26412,7 +26429,7 @@
                 }, 8, ["class"])
               ], 2)
             ], 40, ["onKeydown"])), [
-              [vue.unref(ClickOutside), handleClickOutside]
+              [vue.unref(ClickOutside), handleClickOutside, triggerRef.value]
             ])
           ]),
           default: vue.withCtx(() => [
@@ -40546,6 +40563,13 @@
       default: 0
     },
     appendTo: String,
+    fitInputWidth: {
+      type: [Boolean, Number],
+      default: true,
+      validator(val) {
+        return isBoolean(val) || isNumber(val);
+      }
+    },
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -41074,7 +41098,36 @@
     const collapseTagSize = vue.computed(() => selectSize.value === "small" ? "small" : "default");
     const calculatePopperSize = () => {
       var _a;
-      popperSize.value = ((_a = selectRef.value) == null ? void 0 : _a.offsetWidth) || 200;
+      if (isNumber(props.fitInputWidth)) {
+        popperSize.value = props.fitInputWidth;
+        return;
+      }
+      const width = ((_a = selectRef.value) == null ? void 0 : _a.offsetWidth) || 200;
+      if (!props.fitInputWidth && allOptions.value.length > 0) {
+        vue.nextTick(() => {
+          popperSize.value = Math.max(width, calculateLabelMaxWidth());
+        });
+      } else {
+        popperSize.value = width;
+      }
+    };
+    const calculateLabelMaxWidth = () => {
+      var _a, _b;
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      const selector = nsSelect.be("dropdown", "item");
+      const dom = ((_b = (_a = menuRef.value) == null ? void 0 : _a.listRef) == null ? void 0 : _b.innerRef) || document;
+      const dropdownItemEl = dom.querySelector(`.${selector}`);
+      if (dropdownItemEl === null || ctx === null)
+        return 0;
+      const style = getComputedStyle(dropdownItemEl);
+      const padding = Number.parseFloat(style.paddingLeft) + Number.parseFloat(style.paddingRight);
+      ctx.font = style.font;
+      const maxWidth = filteredOptions.value.reduce((max, option) => {
+        const metrics = ctx.measureText(getLabel(option));
+        return Math.max(metrics.width, max);
+      }, 0);
+      return maxWidth + padding;
     };
     const getGapWidth = () => {
       if (!selectionRef.value)
@@ -41475,8 +41528,14 @@
       clearAllNewOption();
       calculatePopperSize();
     };
+    vue.watch(() => props.fitInputWidth, () => {
+      calculatePopperSize();
+    });
     vue.watch(expanded, (val) => {
       if (val) {
+        if (!props.persistent) {
+          calculatePopperSize();
+        }
         handleQueryChange("");
       } else {
         states.inputValue = "";
@@ -41508,6 +41567,7 @@
       flush: "post"
     });
     vue.watch(() => filteredOptions.value, () => {
+      calculatePopperSize();
       return menuRef.value && vue.nextTick(menuRef.value.resetScrollTop);
     });
     vue.watchEffect(() => {
@@ -59016,7 +59076,7 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "wrapperRef",
           ref: wrapperRef,
-          class: vue.normalizeClass(vue.unref(ns).b())
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled))])
         }, [
           vue.createVNode(vue.unref(ElInput), vue.mergeProps(vue.mergeProps(vue.unref(passInputProps), _ctx.$attrs), {
             ref_key: "elInputRef",