@element-plus/nightly 0.0.20240110 → 0.0.20240112

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20240110 */
+/*! Element Plus v0.0.20240112 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11565,7 +11565,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20240110";
+  const version$1 = "0.0.20240112";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -31879,8 +31879,7 @@
       default: 7
     },
     crossorigin: {
-      type: definePropType(String),
-      default: "anonymous"
+      type: definePropType(String)
     }
   });
   const imageEmits = {
@@ -34239,7 +34238,7 @@
       const isUndefined2 = toRawType(value).toLowerCase() === "undefined";
       for (let i = states.cachedOptions.size - 1; i >= 0; i--) {
         const cachedOption = cachedOptionsArray.value[i];
-        const isEqualValue = isObjectValue ? getValueKey(cachedOption.value) === getValueKey(value) : cachedOption.value === value;
+        const isEqualValue = isObjectValue ? get(cachedOption.value, props.valueKey) === get(value, props.valueKey) : cachedOption.value === value;
         if (isEqualValue) {
           option = {
             value,
@@ -34358,7 +34357,7 @@
     const handleOptionSelect = (option) => {
       if (props.multiple) {
         const value = (props.modelValue || []).slice();
-        const optionIndex = getValueIndex(value, getValueKey(option));
+        const optionIndex = getValueIndex(value, option.value);
         if (optionIndex > -1) {
           value.splice(optionIndex, 1);
         } else if (props.multipleLimit <= 0 || value.length < props.multipleLimit) {
@@ -34387,9 +34386,16 @@
     const getValueIndex = (arr = [], value) => {
       if (!isObject$1(value))
         return arr.indexOf(value);
-      return arr.findIndex((item) => {
-        return isEqual$1(getValueKey(item), getValueKey(value));
+      const valueKey = props.valueKey;
+      let index = -1;
+      arr.some((item, i) => {
+        if (vue.toRaw(get(item, valueKey)) === get(value, valueKey)) {
+          index = i;
+          return true;
+        }
+        return false;
       });
+      return index;
     };
     const scrollToOption = (option) => {
       var _a, _b, _c, _d, _e;
@@ -34436,8 +34442,7 @@
       (_a = inputRef.value) == null ? void 0 : _a.focus();
     };
     const blur = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.blur();
+      handleClickOutside();
     };
     const handleClearClick = (event) => {
       deleteSelected(event);
@@ -34446,7 +34451,7 @@
       expanded.value = false;
       if (isFocused.value) {
         const _event = new FocusEvent("focus", event);
-        handleBlur(_event);
+        vue.nextTick(() => handleBlur(_event));
       }
     };
     const handleEsc = () => {
@@ -34797,9 +34802,9 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = true),
-      onMouseleave: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = false),
-      onClick: _cache[16] || (_cache[16] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+      onMouseenter: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = true),
+      onMouseleave: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = false),
+      onClick: _cache[17] || (_cache[17] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
@@ -34817,7 +34822,7 @@
         "gpu-acceleration": false,
         persistent: _ctx.persistent,
         onBeforeShow: _ctx.handleMenuEnter,
-        onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
+        onHide: _cache[14] || (_cache[14] = ($event) => _ctx.states.isBeforeHide = false)
       }, {
         default: vue.withCtx(() => {
           var _a;
@@ -34872,7 +34877,7 @@
                   _ctx.collapseTags && _ctx.states.selected.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                     key: 0,
                     ref: "tagTooltipRef",
-                    disabled: !_ctx.collapseTagsTooltip,
+                    disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
                     "fallback-placements": ["bottom", "top", "right", "left"],
                     effect: _ctx.effect,
                     placement: "bottom",
@@ -34969,7 +34974,8 @@
                     onCompositionstart: _cache[9] || (_cache[9] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
                     onCompositionupdate: _cache[10] || (_cache[10] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
                     onCompositionend: _cache[11] || (_cache[11] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                    onInput: _cache[12] || (_cache[12] = (...args) => _ctx.onInput && _ctx.onInput(...args))
+                    onInput: _cache[12] || (_cache[12] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                    onClick: _cache[13] || (_cache[13] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
                   }, null, 46, _hoisted_1$p), [
                     [vue.vModelText, _ctx.states.inputValue]
                   ]),
@@ -35029,8 +35035,14 @@
           ];
         }),
         content: vue.withCtx(() => [
-          vue.createVNode(_component_el_select_menu, { ref: "menuRef" }, vue.createSlots({
+          vue.createVNode(_component_el_select_menu, { ref: "menuRef" }, {
             default: vue.withCtx(() => [
+              _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "header"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "header")
+              ], 2)) : vue.createCommentVNode("v-if", true),
               vue.withDirectives(vue.createVNode(_component_el_scrollbar, {
                 id: _ctx.contentId,
                 ref: "scrollbarRef",
@@ -35059,27 +35071,20 @@
               }, 8, ["id", "wrap-class", "view-class", "class", "aria-label"]), [
                 [vue.vShow, _ctx.states.options.size > 0 && !_ctx.loading]
               ]),
-              _ctx.loading || _ctx.filteredOptionsCount === 0 ? vue.renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
+              _ctx.loading || _ctx.filteredOptionsCount === 0 ? vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
                 vue.createElementVNode("p", {
                   class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "empty"))
                 }, vue.toDisplayString(_ctx.emptyText), 3)
-              ]) : vue.createCommentVNode("v-if", true)
-            ]),
-            _: 2
-          }, [
-            _ctx.$slots.header ? {
-              name: "header",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "header")
-              ])
-            } : void 0,
-            _ctx.$slots.footer ? {
-              name: "footer",
-              fn: vue.withCtx(() => [
+              ]) : vue.createCommentVNode("v-if", true),
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: vue.normalizeClass(_ctx.nsSelect.be("dropdown", "footer"))
+              }, [
                 vue.renderSlot(_ctx.$slots, "footer")
-              ])
-            } : void 0
-          ]), 1536)
+              ], 2)) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 512)
         ]),
         _: 3
       }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onBeforeShow"])
@@ -38738,10 +38743,7 @@
       default: "light"
     },
     collapseTags: Boolean,
-    collapseTagsTooltip: {
-      type: Boolean,
-      default: false
-    },
+    collapseTagsTooltip: Boolean,
     maxCollapseTags: {
       type: Number,
       default: 1
@@ -38811,10 +38813,7 @@
       type: String,
       default: "value"
     },
-    scrollbarAlwaysOn: {
-      type: Boolean,
-      default: false
-    },
+    scrollbarAlwaysOn: Boolean,
     validateEvent: {
       type: Boolean,
       default: true
@@ -39889,9 +39888,9 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
-      onMouseenter: _cache[13] || (_cache[13] = ($event) => _ctx.states.inputHovering = true),
-      onMouseleave: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = false),
-      onClick: _cache[15] || (_cache[15] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
+      onMouseenter: _cache[14] || (_cache[14] = ($event) => _ctx.states.inputHovering = true),
+      onMouseleave: _cache[15] || (_cache[15] = ($event) => _ctx.states.inputHovering = false),
+      onClick: _cache[16] || (_cache[16] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "tooltipRef",
@@ -39909,7 +39908,7 @@
         trigger: "click",
         persistent: _ctx.persistent,
         onBeforeShow: _ctx.handleMenuEnter,
-        onHide: _cache[12] || (_cache[12] = ($event) => _ctx.states.isBeforeHide = false)
+        onHide: _cache[13] || (_cache[13] = ($event) => _ctx.states.isBeforeHide = false)
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", {
@@ -39962,7 +39961,7 @@
                 _ctx.collapseTags && _ctx.modelValue.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, {
                   key: 0,
                   ref: "tagTooltipRef",
-                  disabled: !_ctx.collapseTagsTooltip,
+                  disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
                   "fallback-placements": ["bottom", "top", "right", "left"],
                   effect: _ctx.effect,
                   placement: "bottom",
@@ -40059,7 +40058,8 @@
                     _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
                     _cache[10] || (_cache[10] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
                     _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
-                  ]
+                  ],
+                  onClick: _cache[12] || (_cache[12] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"]))
                 }, null, 46, _hoisted_1$i), [
                   [vue.vModelText, _ctx.states.inputValue]
                 ]),