@element-plus/nightly 0.0.20250610 → 0.0.20250612

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250610 */
+/*! Element Plus v0.0.20250612 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11566,9 +11566,9 @@
       emit("blur", event);
       afterBlur == null ? void 0 : afterBlur();
     };
-    const handleClick = () => {
+    const handleClick = (event) => {
       var _a, _b;
-      if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement || disabled.value)
+      if (((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement || isFocusable(event.target) || disabled.value)
         return;
       (_b = target.value) == null ? void 0 : _b.focus();
     };
@@ -11805,7 +11805,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250610";
+  const version$1 = "0.0.20250612";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -12289,8 +12289,8 @@
     };
   }
   const filterFields = (fields, props) => {
-    const normalized = castArray$1(props);
-    return normalized.length > 0 ? fields.filter((field) => field.prop && normalized.includes(field.prop)) : fields;
+    const normalized = castArray$1(props).map((prop) => isArray$1(prop) ? prop.join(".") : prop);
+    return normalized.length > 0 ? fields.filter((field) => field.propString && normalized.includes(field.propString)) : fields;
   };
 
   const COMPONENT_NAME$p = "ElForm";
@@ -12319,7 +12319,7 @@
         ];
       });
       const getField = (prop) => {
-        return fields.find((field) => field.prop === prop);
+        return filterFields(fields, [prop])[0];
       };
       const addField = (field) => {
         fields.push(field);
@@ -12400,7 +12400,7 @@
       };
       const scrollToField = (prop) => {
         var _a;
-        const field = filterFields(fields, prop)[0];
+        const field = getField(prop);
         if (field) {
           (_a = field.$el) == null ? void 0 : _a.scrollIntoView(props.scrollIntoViewOptions);
         }
@@ -12427,6 +12427,7 @@
         resetFields,
         clearValidate,
         scrollToField,
+        getField,
         fields
       });
       return (_ctx, _cache) => {
@@ -13690,7 +13691,7 @@
       const propString = vue.computed(() => {
         if (!props.prop)
           return "";
-        return isString$1(props.prop) ? props.prop : props.prop.join(".");
+        return isArray$1(props.prop) ? props.prop.join(".") : props.prop;
       });
       const hasLabel = vue.computed(() => {
         return !!(props.label || slots.label);
@@ -13843,6 +13844,7 @@
         ...vue.toRefs(props),
         $el: formItemRef,
         size: _size,
+        validateMessage,
         validateState,
         labelId,
         inputIds,
@@ -13853,7 +13855,8 @@
         removeInputId,
         resetField,
         clearValidate,
-        validate
+        validate,
+        propString
       });
       vue.provide(formItemContextKey, context);
       vue.onMounted(() => {
@@ -24338,6 +24341,9 @@
       type: Boolean,
       default: false
     },
+    maxCollapseTagsTooltipHeight: {
+      type: [String, Number]
+    },
     debounce: {
       type: Number,
       default: 300
@@ -24879,33 +24885,38 @@
                           vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
                         ]),
                         content: vue.withCtx(() => [
-                          vue.createElementVNode("div", {
-                            class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
-                          }, [
-                            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
-                              return vue.openBlock(), vue.createElementBlock("div", {
-                                key: idx,
-                                class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
+                          vue.createVNode(vue.unref(ElScrollbar), { "max-height": _ctx.maxCollapseTagsTooltipHeight }, {
+                            default: vue.withCtx(() => [
+                              vue.createElementVNode("div", {
+                                class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
                               }, [
-                                (vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
-                                  key: tag2.key,
-                                  class: "in-tooltip",
-                                  type: _ctx.tagType,
-                                  size: vue.unref(tagSize),
-                                  effect: _ctx.tagEffect,
-                                  hit: tag2.hitState,
-                                  closable: tag2.closable,
-                                  "disable-transitions": "",
-                                  onClose: ($event) => deleteTag(tag2)
-                                }, {
-                                  default: vue.withCtx(() => [
-                                    vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
-                                  ]),
-                                  _: 2
-                                }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
-                              ], 2);
-                            }), 128))
-                          ], 2)
+                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
+                                  return vue.openBlock(), vue.createElementBlock("div", {
+                                    key: idx,
+                                    class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
+                                  }, [
+                                    (vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
+                                      key: tag2.key,
+                                      class: "in-tooltip",
+                                      type: _ctx.tagType,
+                                      size: vue.unref(tagSize),
+                                      effect: _ctx.tagEffect,
+                                      hit: tag2.hitState,
+                                      closable: tag2.closable,
+                                      "disable-transitions": "",
+                                      onClose: ($event) => deleteTag(tag2)
+                                    }, {
+                                      default: vue.withCtx(() => [
+                                        vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
+                                  ], 2);
+                                }), 128))
+                              ], 2)
+                            ]),
+                            _: 1
+                          }, 8, ["max-height"])
                         ]),
                         _: 2
                       }, 1032, ["disabled"]))
@@ -36896,6 +36907,13 @@
       "popup-scroll"
     ],
     setup(props, { emit, slots }) {
+      const instance = vue.getCurrentInstance();
+      instance.appContext.config.warnHandler = (...args) => {
+        if (!args[0] || args[0].includes('Slot "default" invoked outside of the render function')) {
+          return;
+        }
+        console.warn(...args);
+      };
       const modelValue = vue.computed(() => {
         const { modelValue: rawModelValue, multiple } = props;
         const fallback = multiple ? [] : void 0;
@@ -36910,24 +36928,47 @@
       });
       const API = useSelect$3(_props, emit);
       const { calculatorRef, inputStyle } = useCalcInputWidth();
+      const flatTreeSelectData = (data) => {
+        return data.reduce((acc, item) => {
+          acc.push(item);
+          if (item.children && item.children.length > 0) {
+            acc.push(...flatTreeSelectData(item.children));
+          }
+          return acc;
+        }, []);
+      };
       const manuallyRenderSlots = (vnodes) => {
-        const children = flattedChildren(vnodes);
-        children.filter((item) => {
-          return isObject$1(item) && item.type.name === "ElOption";
-        }).forEach((item) => {
-          const obj = { ...item.props };
-          obj.currentLabel = obj.label || (isObject$1(obj.value) ? "" : obj.value);
-          API.onOptionCreate(obj);
+        const children = flattedChildren(vnodes || []);
+        children.forEach((item) => {
+          var _a;
+          if (isObject$1(item) && (item.type.name === "ElOption" || item.type.name === "ElTree")) {
+            const _name = item.type.name;
+            if (_name === "ElTree") {
+              const treeData = ((_a = item.props) == null ? void 0 : _a.data) || [];
+              const flatData = flatTreeSelectData(treeData);
+              flatData.forEach((treeItem) => {
+                treeItem.currentLabel = treeItem.label || (isObject$1(treeItem.value) ? "" : treeItem.value);
+                API.onOptionCreate(treeItem);
+              });
+            } else if (_name === "ElOption") {
+              const obj = { ...item.props };
+              obj.currentLabel = obj.label || (isObject$1(obj.value) ? "" : obj.value);
+              API.onOptionCreate(obj);
+            }
+          }
         });
       };
-      vue.watchEffect(() => {
-        if (!props.persistent) {
-          vue.nextTick(() => {
-            var _a, _b;
-            const defaultSlots = vue.h(vue.Fragment, (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : []).children;
-            manuallyRenderSlots(defaultSlots);
-          });
+      vue.watch(() => {
+        var _a;
+        const slotsContent = (_a = slots.default) == null ? void 0 : _a.call(slots);
+        return slotsContent;
+      }, (newSlot) => {
+        if (props.persistent) {
+          return;
         }
+        manuallyRenderSlots(newSlot);
+      }, {
+        immediate: true
       });
       vue.provide(selectKey, vue.reactive({
         props: _props,