@element-plus/nightly 0.0.20250909 → 0.0.20250910

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250909 */
+/*! Element Plus v0.0.20250910 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12492,7 +12492,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250909";
+  const version$1 = "0.0.20250910";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -25712,7 +25712,12 @@
       };
       const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
       vue.watch(filtering, updatePopperPosition);
-      vue.watch([checkedNodes, isDisabled, () => props.collapseTags], calculatePresentTags);
+      vue.watch([
+        checkedNodes,
+        isDisabled,
+        () => props.collapseTags,
+        () => props.maxCollapseTags
+      ], calculatePresentTags);
       vue.watch(presentTags, () => {
         vue.nextTick(() => updateStyle());
       });
@@ -53453,6 +53458,30 @@
           transform: `translate${dir}(-${navOffset.value}px)`
         };
       });
+      const {
+        width: navContainerWidth,
+        height: navContainerHeight
+      } = useElementSize(navScroll$);
+      const {
+        width: navWidth,
+        height: navHeight
+      } = useElementSize(nav$, {
+        width: 0,
+        height: 0
+      }, {
+        box: "border-box"
+      });
+      const navContainerSize = vue.computed(() => isHorizontal.value ? navContainerWidth.value : navContainerHeight.value);
+      const navSize = vue.computed(() => isHorizontal.value ? navWidth.value : navHeight.value);
+      const {
+        onWheel
+      } = useWheel$1({
+        atStartEdge: vue.computed(() => navOffset.value <= 0),
+        atEndEdge: vue.computed(() => navSize.value - navOffset.value <= navContainerSize.value),
+        layout: vue.computed(() => isHorizontal.value ? "horizontal" : "vertical")
+      }, (offset) => {
+        navOffset.value = clamp$1(navOffset.value + offset, 0, navSize.value - navContainerSize.value);
+      });
       const scrollPrev = () => {
         if (!navScroll$.value)
           return;
@@ -53466,12 +53495,12 @@
       const scrollNext = () => {
         if (!navScroll$.value || !nav$.value)
           return;
-        const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];
+        const navSize2 = nav$.value[`offset${capitalize(sizeName.value)}`];
         const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];
         const currentOffset = navOffset.value;
-        if (navSize - currentOffset <= containerSize)
+        if (navSize2 - currentOffset <= containerSize)
           return;
-        const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
+        const newOffset = navSize2 - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize2 - containerSize;
         navOffset.value = newOffset;
       };
       const scrollToActiveTab = async () => {
@@ -53511,15 +53540,15 @@
         if (!nav$.value || !navScroll$.value)
           return;
         props.stretch && ((_a = tabBarRef.value) == null ? void 0 : _a.update());
-        const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];
+        const navSize2 = nav$.value[`offset${capitalize(sizeName.value)}`];
         const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];
         const currentOffset = navOffset.value;
-        if (containerSize < navSize) {
+        if (containerSize < navSize2) {
           scrollable.value = scrollable.value || {};
           scrollable.value.prev = currentOffset;
-          scrollable.value.next = currentOffset + containerSize < navSize;
-          if (navSize - currentOffset < containerSize) {
-            navOffset.value = navSize - containerSize;
+          scrollable.value.next = currentOffset + containerSize < navSize2;
+          if (navSize2 - currentOffset < containerSize) {
+            navOffset.value = navSize2 - containerSize;
           }
         } else {
           scrollable.value = false;
@@ -53657,7 +53686,8 @@
           "ref": nav$,
           "style": navStyle.value,
           "role": "tablist",
-          "onKeydown": changeTab
+          "onKeydown": changeTab,
+          "onWheel": onWheel
         }, [...[!props.type ? vue.createVNode(TabBar, {
           "ref": tabBarRef,
           "tabs": [...props.panes],
@@ -62421,7 +62451,7 @@
 
   const filterOption = (pattern, option) => {
     const lowerCase = pattern.toLowerCase();
-    const label = option.label || option.value;
+    const label = option.label || option.value || "";
     return label.toLowerCase().includes(lowerCase);
   };
   const getMentionCtx = (inputEl, prefix, split) => {
@@ -62616,6 +62646,10 @@
     popperOptions: {
       type: definePropType(Object),
       default: () => ({})
+    },
+    props: {
+      type: definePropType(Object),
+      default: () => mentionDefaultProps
     }
   });
   const mentionEmits = {
@@ -62623,10 +62657,15 @@
     "whole-remove": (pattern, prefix) => isString$1(pattern) && isString$1(prefix),
     input: (value) => isString$1(value),
     search: (pattern, prefix) => isString$1(pattern) && isString$1(prefix),
-    select: (option, prefix) => isString$1(option.value) && isString$1(prefix),
+    select: (option, prefix) => isObject$1(option) && isString$1(prefix),
     focus: (evt) => evt instanceof FocusEvent,
     blur: (evt) => evt instanceof FocusEvent
   };
+  const mentionDefaultProps = {
+    value: "value",
+    label: "label",
+    disabled: "disabled"
+  };
 
   const mentionDropdownProps = buildProps({
     options: {
@@ -62824,11 +62863,24 @@
       const mentionCtx = vue.ref();
       const computedPlacement = vue.computed(() => props.showArrow ? props.placement : `${props.placement}-start`);
       const computedFallbackPlacements = vue.computed(() => props.showArrow ? ["bottom", "top"] : ["bottom-start", "top-start"]);
+      const aliasProps = vue.computed(() => ({
+        ...mentionDefaultProps,
+        ...props.props
+      }));
+      const mapOption = (option) => {
+        const base = {
+          label: option[aliasProps.value.label],
+          value: option[aliasProps.value.value],
+          disabled: option[aliasProps.value.disabled]
+        };
+        return { ...option, ...base };
+      };
+      const options = vue.computed(() => props.options.map(mapOption));
       const filteredOptions = vue.computed(() => {
-        const { filterOption, options } = props;
+        const { filterOption } = props;
         if (!mentionCtx.value || !filterOption)
-          return options;
-        return options.filter((option) => filterOption(mentionCtx.value.pattern, option));
+          return options.value;
+        return options.value.filter((option) => filterOption(mentionCtx.value.pattern, option));
       });
       const dropdownVisible = vue.computed(() => {
         return visible.value && (!!filteredOptions.value.length || props.loading);
@@ -62882,7 +62934,7 @@
               if (!inputEl)
                 return;
               const inputValue = inputEl.value;
-              const matchOption = props.options.find((item) => item.value === pattern);
+              const matchOption = options.value.find((item) => item.value === pattern);
               const isWhole = isFunction$1(props.checkIsWhole) ? props.checkIsWhole(pattern, prefix) : matchOption;
               if (isWhole && splitIndex !== -1 && splitIndex + 1 === selectionEnd) {
                 event.preventDefault();
@@ -62916,6 +62968,11 @@
       const handleInputMouseDown = () => {
         syncAfterCursorMove();
       };
+      const getOriginalOption = (mentionOption) => {
+        return props.options.find((option) => {
+          return mentionOption.value === option[aliasProps.value.value];
+        });
+      };
       const handleSelect = (item) => {
         if (!mentionCtx.value)
           return;
@@ -62930,7 +62987,7 @@
         const newValue = inputValue.slice(0, mentionCtx.value.start) + newMiddlePart + newEndPart;
         emit(UPDATE_MODEL_EVENT, newValue);
         emit(INPUT_EVENT, newValue);
-        emit("select", item, mentionCtx.value.prefix);
+        emit("select", getOriginalOption(item), mentionCtx.value.prefix);
         const newSelectionEnd = mentionCtx.value.start + newMiddlePart.length + (alreadySeparated ? 1 : 0);
         vue.nextTick(() => {
           inputEl.selectionStart = newSelectionEnd;
@@ -65929,6 +65986,7 @@
   exports.localeContextKey = localeContextKey;
   exports.makeInstaller = makeInstaller;
   exports.makeList = makeList;
+  exports.mentionDefaultProps = mentionDefaultProps;
   exports.mentionEmits = mentionEmits;
   exports.mentionProps = mentionProps;
   exports.menuEmits = menuEmits;