@element-plus/nightly 0.0.20251110 → 0.0.20251111

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20251110 */
+/*! Element Plus v0.0.20251111 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12564,7 +12564,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20251110";
+  const version$1 = "0.0.20251111";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -34811,7 +34811,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         }
       };
       let stopWheelListener;
-      let prevOverflow = "";
       const { t } = useLocale();
       const ns = useNamespace("image-viewer");
       const { nextZIndex } = useZIndex();
@@ -34824,6 +34823,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       });
       const loading = vue.ref(true);
       const loadError = vue.ref(false);
+      const visible = vue.ref(false);
       const activeIndex = vue.ref(props.initialIndex);
       const mode = vue.shallowRef(modes.CONTAIN);
       const transform = vue.ref({
@@ -34834,6 +34834,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         enableTransition: false
       });
       const zIndex = vue.ref((_a = props.zIndex) != null ? _a : nextZIndex());
+      useLockscreen(visible, { ns });
       const isSingle = vue.computed(() => {
         const { urlList } = props;
         return urlList.length <= 1;
@@ -34873,7 +34874,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       function hide() {
         unregisterEventListener();
         stopWheelListener == null ? void 0 : stopWheelListener();
-        document.body.style.overflow = prevOverflow;
+        visible.value = false;
         emit("close");
       }
       function registerEventListener() {
@@ -35049,12 +35050,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         emit("switch", val);
       });
       vue.onMounted(() => {
+        visible.value = true;
         registerEventListener();
         stopWheelListener = useEventListener("wheel", wheelHandler, {
           passive: false
         });
-        prevOverflow = document.body.style.overflow;
-        document.body.style.overflow = "hidden";
       });
       expose({
         setActiveItem
@@ -36353,6 +36353,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     const slots = vue.useSlots();
     const ns = useNamespace("input-tag");
     const nsInput = useNamespace("input");
+    const collapseItemRef = vue.ref();
+    const innerRef = vue.ref();
     const containerKls = vue.computed(() => [
       ns.b(),
       ns.is("focused", isFocused.value),
@@ -36379,6 +36381,32 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
     const showSuffix = vue.computed(() => {
       return slots.suffix || showClear.value || validateState.value && validateIcon.value && needStatusIcon.value;
     });
+    const states = vue.reactive({
+      innerWidth: 0,
+      collapseItemWidth: 0
+    });
+    const getGapWidth = () => {
+      if (!innerRef.value)
+        return 0;
+      const style = window.getComputedStyle(innerRef.value);
+      return Number.parseFloat(style.gap || "6px");
+    };
+    const resetInnerWidth = () => {
+      states.innerWidth = Number.parseFloat(window.getComputedStyle(innerRef.value).width);
+    };
+    const resetCollapseItemWidth = () => {
+      states.collapseItemWidth = collapseItemRef.value.getBoundingClientRect().width;
+    };
+    const tagStyle = vue.computed(() => {
+      if (!props.collapseTags)
+        return {};
+      const gapWidth = getGapWidth();
+      const inputSlotWidth = gapWidth + MINIMUM_INPUT_WIDTH;
+      const maxWidth = collapseItemRef.value && props.maxCollapseTags === 1 ? states.innerWidth - states.collapseItemWidth - gapWidth - inputSlotWidth : states.innerWidth - inputSlotWidth;
+      return { maxWidth: `${Math.max(maxWidth, 0)}px` };
+    });
+    useResizeObserver(innerRef, resetInnerWidth);
+    useResizeObserver(collapseItemRef, resetCollapseItemWidth);
     return {
       ns,
       nsInput,
@@ -36386,7 +36414,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
       containerStyle,
       innerKls,
       showClear,
-      showSuffix
+      showSuffix,
+      tagStyle,
+      collapseItemRef,
+      innerRef
     };
   }
 
@@ -36453,7 +36484,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         containerStyle,
         innerKls,
         showClear,
-        showSuffix
+        showSuffix,
+        tagStyle,
+        collapseItemRef,
+        innerRef
       } = useInputTagDom({
         props,
         hovering,
@@ -36485,6 +36519,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
             vue.renderSlot(_ctx.$slots, "prefix")
           ], 2)) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode("div", {
+            ref_key: "innerRef",
+            ref: innerRef,
             class: vue.normalizeClass(vue.unref(innerKls))
           }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(showTagList), (item, index) => {
@@ -36495,6 +36531,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                 type: _ctx.tagType,
                 effect: _ctx.tagEffect,
                 draggable: vue.unref(closable) && _ctx.draggable,
+                style: vue.normalizeStyle(vue.unref(tagStyle)),
                 "disable-transitions": "",
                 onClose: ($event) => vue.unref(handleRemoveTag)(index),
                 onDragstart: (event) => vue.unref(handleDragStart)(event, index),
@@ -36512,7 +36549,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
                   ])
                 ]),
                 _: 2
-              }, 1032, ["size", "closable", "type", "effect", "draggable", "onClose", "onDragstart", "onDragover", "onDragend", "onDrop"]);
+              }, 1032, ["size", "closable", "type", "effect", "draggable", "style", "onClose", "onDragstart", "onDragover", "onDragend", "onDrop"]);
             }), 128)),
             _ctx.collapseTags && _ctx.modelValue && _ctx.modelValue.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(vue.unref(ElTooltip), {
               key: 0,
@@ -36524,18 +36561,23 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
               placement: "bottom"
             }, {
               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.createTextVNode(" + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 1)
-                  ]),
-                  _: 1
-                }, 8, ["size", "type", "effect"])
+                vue.createElementVNode("div", {
+                  ref_key: "collapseItemRef",
+                  ref: collapseItemRef
+                }, [
+                  vue.createVNode(vue.unref(ElTag), {
+                    closable: false,
+                    size: vue.unref(tagSize),
+                    type: _ctx.tagType,
+                    effect: _ctx.tagEffect,
+                    "disable-transitions": ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(" + " + vue.toDisplayString(_ctx.modelValue.length - _ctx.maxCollapseTags), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["size", "type", "effect"])
+                ], 512)
               ]),
               content: vue.withCtx(() => [
                 vue.createElementVNode("div", {
@@ -55791,6 +55833,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
         this.expand(null, store.autoExpandParent);
       }
       if (key && store.currentNodeKey !== void 0 && this.key === store.currentNodeKey) {
+        store.currentNode && (store.currentNode.isCurrent = false);
         store.currentNode = this;
         store.currentNode.isCurrent = true;
       }