@element-plus/nightly 0.0.20250918 → 0.0.20250920

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250918 */
+/*! Element Plus v0.0.20250920 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12506,7 +12506,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250918";
+  const version$1 = "0.0.20250920";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -20423,7 +20423,7 @@
       const clearIconKls = vue.computed(() => [
         nsInput.e("icon"),
         nsRange.e("close-icon"),
-        !showClearBtn.value ? nsRange.e("close-icon--hidden") : ""
+        !showClearBtn.value ? nsRange.em("close-icon", "hidden") : ""
       ]);
       vue.watch(pickerVisible, (val) => {
         if (!val) {
@@ -25393,20 +25393,31 @@
           handleInput(text);
         }
       });
-      const tooltipRef = vue.ref(null);
+      const tooltipRef = vue.ref();
       const tagTooltipRef = vue.ref();
       const inputRef = vue.ref();
-      const tagWrapper = vue.ref(null);
-      const cascaderPanelRef = vue.ref(null);
-      const suggestionPanel = vue.ref(null);
+      const tagWrapper = vue.ref();
+      const cascaderPanelRef = vue.ref();
+      const suggestionPanel = vue.ref();
       const popperVisible = vue.ref(false);
       const inputHover = vue.ref(false);
       const filtering = vue.ref(false);
       const inputValue = vue.ref("");
       const searchInputValue = vue.ref("");
-      const presentTags = vue.ref([]);
-      const allPresentTags = vue.ref([]);
+      const tags = vue.ref([]);
       const suggestions = vue.ref([]);
+      const showTagList = vue.computed(() => {
+        if (!props.props.multiple) {
+          return [];
+        }
+        return props.collapseTags ? tags.value.slice(0, props.maxCollapseTags) : tags.value;
+      });
+      const collapseTagList = vue.computed(() => {
+        if (!props.props.multiple) {
+          return [];
+        }
+        return props.collapseTags ? tags.value.slice(props.maxCollapseTags) : [];
+      });
       const cascaderStyle = vue.computed(() => {
         return attrs.style;
       });
@@ -25414,7 +25425,7 @@
         var _a;
         return (_a = props.placeholder) != null ? _a : t("el.cascader.placeholder");
       });
-      const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value);
+      const currentPlaceholder = vue.computed(() => searchInputValue.value || tags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value);
       const realSize = useFormSize();
       const tagSize = vue.computed(() => realSize.value === "small" ? "small" : "default");
       const multiple = vue.computed(() => !!props.props.multiple);
@@ -25427,8 +25438,8 @@
       const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
         disabled: isDisabled,
         beforeBlur(event) {
-          var _a, _b, _c;
-          return ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_c = (_b = tagTooltipRef.value) == null ? void 0 : _b[0]) == null ? void 0 : _c.isFocusInsideContent(event));
+          var _a, _b;
+          return ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_b = tagTooltipRef.value) == null ? void 0 : _b.isFocusInsideContent(event));
         },
         afterBlur() {
           var _a;
@@ -25522,8 +25533,7 @@
           key: node.uid,
           text: node.calcText(showAllLevels, separator),
           hitState: false,
-          closable: !isDisabled.value && !node.isDisabled,
-          isCollapseTag: false
+          closable: !isDisabled.value && !node.isDisabled
         };
       };
       const deleteTag = (tag) => {
@@ -25551,28 +25561,9 @@
         if (!multiple.value)
           return;
         const nodes = getStrategyCheckedNodes();
-        const tags = [];
         const allTags = [];
         nodes.forEach((node) => allTags.push(genTag(node)));
-        allPresentTags.value = allTags;
-        if (nodes.length) {
-          nodes.slice(0, props.maxCollapseTags).forEach((node) => tags.push(genTag(node)));
-          const rest = nodes.slice(props.maxCollapseTags);
-          const restCount = rest.length;
-          if (restCount) {
-            if (props.collapseTags) {
-              tags.push({
-                key: -1,
-                text: `+ ${restCount}`,
-                closable: false,
-                isCollapseTag: true
-              });
-            } else {
-              rest.forEach((node) => tags.push(genTag(node)));
-            }
-          }
-        }
-        presentTags.value = tags;
+        tags.value = allTags;
       };
       const calculateSuggestions = () => {
         var _a, _b;
@@ -25584,10 +25575,7 @@
           return filterMethod(node, searchKeyword.value);
         });
         if (multiple.value) {
-          presentTags.value.forEach((tag) => {
-            tag.hitState = false;
-          });
-          allPresentTags.value.forEach((tag) => {
+          tags.value.forEach((tag) => {
             tag.hitState = false;
           });
         }
@@ -25621,7 +25609,7 @@
         }
         if (tagWrapperEl) {
           const { offsetHeight } = tagWrapperEl;
-          const height = presentTags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
+          const height = tags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
           inputInner.style.height = height;
           updatePopperPosition();
         }
@@ -25701,10 +25689,9 @@
         }
       };
       const handleDelete = () => {
-        const tags = presentTags.value;
-        const lastTag = tags[tags.length - 1];
+        const lastTag = tags.value[tags.value.length - 1];
         pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1;
-        if (!lastTag || !pressDeleteCount || props.collapseTags && tags.length > 1)
+        if (!lastTag || !pressDeleteCount || props.collapseTags && tags.value.length > 1)
           return;
         if (lastTag.hitState) {
           deleteTag(lastTag);
@@ -25740,7 +25727,7 @@
         () => props.collapseTags,
         () => props.maxCollapseTags
       ], calculatePresentTags);
-      vue.watch(presentTags, () => {
+      vue.watch(tags, () => {
         vue.nextTick(() => updateStyle());
       });
       vue.watch(realSize, async () => {
@@ -25850,10 +25837,10 @@
                 ])
               }, [
                 vue.renderSlot(_ctx.$slots, "tag", {
-                  data: allPresentTags.value,
+                  data: tags.value,
                   deleteTag
                 }, () => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(presentTags.value, (tag) => {
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(showTagList), (tag) => {
                     return vue.openBlock(), vue.createBlock(vue.unref(ElTag), {
                       key: tag.key,
                       type: _ctx.tagType,
@@ -25865,64 +25852,78 @@
                       onClose: ($event) => deleteTag(tag)
                     }, {
                       default: vue.withCtx(() => [
-                        tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
-                          key: 1,
-                          ref_for: true,
-                          ref_key: "tagTooltipRef",
-                          ref: tagTooltipRef,
-                          disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
-                          "fallback-placements": ["bottom", "top", "right", "left"],
-                          placement: "bottom",
-                          "popper-class": _ctx.popperClass,
-                          "popper-style": _ctx.popperStyle,
-                          effect: _ctx.effect
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
-                          ]),
-                          content: vue.withCtx(() => [
-                            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(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", "popper-class", "popper-style", "effect"]))
+                        vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
                       ]),
                       _: 2
                     }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]);
                   }), 128))
                 ]),
-                _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                _ctx.collapseTags && tags.value.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
                   key: 0,
+                  ref_key: "tagTooltipRef",
+                  ref: tagTooltipRef,
+                  disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
+                  "fallback-placements": ["bottom", "top", "right", "left"],
+                  placement: "bottom",
+                  "popper-class": _ctx.popperClass,
+                  "popper-style": _ctx.popperStyle,
+                  effect: _ctx.effect,
+                  persistent: _ctx.persistent
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(ElTag), {
+                      closable: false,
+                      size: vue.unref(tagSize),
+                      type: _ctx.tagType,
+                      effect: _ctx.tagEffect,
+                      "disable-transitions": ""
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass(vue.unref(nsCascader).e("tags-text"))
+                        }, " + " + vue.toDisplayString(tags.value.length - _ctx.maxCollapseTags), 3)
+                      ]),
+                      _: 1
+                    }, 8, ["size", "type", "effect"])
+                  ]),
+                  content: vue.withCtx(() => [
+                    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(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(collapseTagList), (tag, 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: tag.key,
+                                class: "in-tooltip",
+                                type: _ctx.tagType,
+                                size: vue.unref(tagSize),
+                                effect: _ctx.tagEffect,
+                                hit: tag.hitState,
+                                closable: tag.closable,
+                                "disable-transitions": "",
+                                onClose: ($event) => deleteTag(tag)
+                              }, {
+                                default: vue.withCtx(() => [
+                                  vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
+                            ], 2);
+                          }), 128))
+                        ], 2)
+                      ]),
+                      _: 1
+                    }, 8, ["max-height"])
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "popper-class", "popper-style", "effect", "persistent"])) : vue.createCommentVNode("v-if", true),
+                _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                  key: 1,
                   "onUpdate:modelValue": ($event) => searchInputValue.value = $event,
                   type: "text",
                   class: vue.normalizeClass(vue.unref(nsCascader).e("search-input")),
@@ -27110,6 +27111,14 @@
       }
       this.doOnChange();
     }
+    clear() {
+      this._isValid = false;
+      this.value = "";
+      this._hue = 0;
+      this._saturation = 100;
+      this._value = 100;
+      this._alpha = 100;
+    }
     compare(color) {
       const compareColor = new TinyColor({
         h: color._hue,
@@ -27365,8 +27374,8 @@
         });
       });
       vue.watch(() => props.modelValue, (newVal) => {
-        if (newVal && newVal !== color.value) {
-          color.fromString(newVal);
+        if (newVal !== color.value) {
+          newVal ? color.fromString(newVal) : color.clear();
         }
       });
       vue.watch(() => color.value, (val) => {
@@ -27514,8 +27523,12 @@
           return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
         },
         afterBlur() {
+          var _a;
           setShowPicker(false);
           resetColor();
+          if (props.validateEvent) {
+            (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+          }
         }
       });
       const color = reactiveComputed(() => {
@@ -29771,7 +29784,7 @@
               vue.withDirectives(vue.createElementVNode("div", {
                 class: vue.normalizeClass([
                   vue.unref(dpNs).e("header"),
-                  (currentView.value === "year" || currentView.value === "month") && vue.unref(dpNs).e("header--bordered")
+                  (currentView.value === "year" || currentView.value === "month") && vue.unref(dpNs).em("header", "bordered")
                 ])
               }, [
                 vue.createElementVNode("span", {
@@ -53225,7 +53238,7 @@
           scrollbarStartGap: 2,
           scrollbarEndGap: vScrollbarSize,
           width: rightColumnsWidth,
-          style: `--${vue.unref(ns.namespace)}-table-scrollbar-size: ${vScrollbarSize}px`,
+          style: `${ns.cssVarName("table-scrollbar-size")}: ${vScrollbarSize}px`,
           useIsScrolling,
           getRowHeight,
           onScroll: onVerticalScroll
@@ -63427,7 +63440,7 @@
       } = useResize(panels, containerSize, pxSizes, lazy);
       const splitterStyles = vue.computed(() => {
         return {
-          [`--${ns.b()}-bar-offset`]: lazy.value ? `${lazyOffset.value}px` : void 0
+          [ns.cssVarBlockName("bar-offset")]: lazy.value ? `${lazyOffset.value}px` : void 0
         };
       });
       const onResizeStart = (index) => {