@element-plus/nightly 0.0.20250908 → 0.0.20250910

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250908 */
+/*! 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.20250908";
+  const version$1 = "0.0.20250910";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -23612,6 +23612,18 @@
         handleChange,
         onClickRoot
       } = useCheckbox(props, slots);
+      const inputBindings = vue.computed(() => {
+        var _a, _b, _c, _d;
+        if (props.trueValue || props.falseValue || props.trueLabel || props.falseLabel) {
+          return {
+            "true-value": (_b = (_a = props.trueValue) != null ? _a : props.trueLabel) != null ? _b : true,
+            "false-value": (_d = (_c = props.falseValue) != null ? _c : props.falseLabel) != null ? _d : false
+          };
+        }
+        return {
+          value: actualValue.value
+        };
+      });
       const ns = useNamespace("checkbox");
       const compKls = vue.computed(() => {
         return [
@@ -23637,65 +23649,42 @@
           "aria-controls": _ctx.indeterminate ? _ctx.ariaControls : null,
           onClick: vue.unref(onClickRoot)
         }, {
-          default: vue.withCtx(() => {
-            var _a, _b, _c, _d;
-            return [
+          default: vue.withCtx(() => [
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(spanKls))
+            }, [
+              vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+                id: vue.unref(inputId),
+                "onUpdate:modelValue": ($event) => vue.isRef(model) ? model.value = $event : null,
+                class: vue.unref(ns).e("original"),
+                type: "checkbox",
+                indeterminate: _ctx.indeterminate,
+                name: _ctx.name,
+                tabindex: _ctx.tabindex,
+                disabled: vue.unref(isDisabled)
+              }, vue.unref(inputBindings), {
+                onChange: vue.unref(handleChange),
+                onFocus: ($event) => isFocused.value = true,
+                onBlur: ($event) => isFocused.value = false,
+                onClick: vue.withModifiers(() => {
+                }, ["stop"])
+              }), null, 16, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "onChange", "onFocus", "onBlur", "onClick"]), [
+                [vue.vModelCheckbox, vue.unref(model)]
+              ]),
               vue.createElementVNode("span", {
-                class: vue.normalizeClass(vue.unref(spanKls))
-              }, [
-                _ctx.trueValue || _ctx.falseValue || _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                  key: 0,
-                  id: vue.unref(inputId),
-                  "onUpdate:modelValue": ($event) => vue.isRef(model) ? model.value = $event : null,
-                  class: vue.normalizeClass(vue.unref(ns).e("original")),
-                  type: "checkbox",
-                  indeterminate: _ctx.indeterminate,
-                  name: _ctx.name,
-                  tabindex: _ctx.tabindex,
-                  disabled: vue.unref(isDisabled),
-                  "true-value": (_b = (_a = _ctx.trueValue) != null ? _a : _ctx.trueLabel) != null ? _b : true,
-                  "false-value": (_d = (_c = _ctx.falseValue) != null ? _c : _ctx.falseLabel) != null ? _d : false,
-                  onChange: vue.unref(handleChange),
-                  onFocus: ($event) => isFocused.value = true,
-                  onBlur: ($event) => isFocused.value = false,
-                  onClick: vue.withModifiers(() => {
-                  }, ["stop"])
-                }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value", "onChange", "onFocus", "onBlur", "onClick"])), [
-                  [vue.vModelCheckbox, vue.unref(model)]
-                ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                  key: 1,
-                  id: vue.unref(inputId),
-                  "onUpdate:modelValue": ($event) => vue.isRef(model) ? model.value = $event : null,
-                  class: vue.normalizeClass(vue.unref(ns).e("original")),
-                  type: "checkbox",
-                  indeterminate: _ctx.indeterminate,
-                  disabled: vue.unref(isDisabled),
-                  value: vue.unref(actualValue),
-                  name: _ctx.name,
-                  tabindex: _ctx.tabindex,
-                  onChange: vue.unref(handleChange),
-                  onFocus: ($event) => isFocused.value = true,
-                  onBlur: ($event) => isFocused.value = false,
-                  onClick: vue.withModifiers(() => {
-                  }, ["stop"])
-                }, null, 42, ["id", "onUpdate:modelValue", "indeterminate", "disabled", "value", "name", "tabindex", "onChange", "onFocus", "onBlur", "onClick"])), [
-                  [vue.vModelCheckbox, vue.unref(model)]
-                ]),
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(vue.unref(ns).e("inner"))
-                }, null, 2)
-              ], 2),
-              vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                class: vue.normalizeClass(vue.unref(ns).e("label"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default"),
-                !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
-                ], 64)) : vue.createCommentVNode("v-if", true)
-              ], 2)) : vue.createCommentVNode("v-if", true)
-            ];
-          }),
+                class: vue.normalizeClass(vue.unref(ns).e("inner"))
+              }, null, 2)
+            ], 2),
+            vue.unref(hasOwnLabel) ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("label"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "default"),
+              !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
+              ], 64)) : vue.createCommentVNode("v-if", true)
+            ], 2)) : vue.createCommentVNode("v-if", true)
+          ]),
           _: 3
         }, 8, ["class", "aria-controls", "onClick"]);
       };
@@ -25723,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());
       });
@@ -33484,6 +33478,8 @@
         EVENT_CODE.down
       ]
     },
+    virtualTriggering: useTooltipTriggerProps.virtualTriggering,
+    virtualRef: useTooltipTriggerProps.virtualRef,
     effect: {
       ...useTooltipContentProps.effect,
       default: "light"
@@ -33513,6 +33509,10 @@
       type: Boolean,
       default: true
     },
+    showArrow: {
+      type: Boolean,
+      default: true
+    },
     showTimeout: {
       type: Number,
       default: 150
@@ -33711,7 +33711,7 @@
     }
   });
   function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-    var _a;
+    var _a, _b;
     const _component_el_dropdown_collection = vue.resolveComponent("el-dropdown-collection");
     const _component_el_roving_focus_group = vue.resolveComponent("el-roving-focus-group");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
@@ -33739,10 +33739,11 @@
         trigger: _ctx.trigger,
         "trigger-keys": _ctx.triggerKeys,
         "trigger-target-el": _ctx.contentRef,
+        "show-arrow": _ctx.showArrow,
         "show-after": _ctx.trigger === "hover" ? _ctx.showTimeout : 0,
         "stop-popper-mouse-event": false,
-        "virtual-ref": _ctx.triggeringElementRef,
-        "virtual-triggering": _ctx.splitButton,
+        "virtual-ref": (_b = _ctx.virtualRef) != null ? _b : _ctx.triggeringElementRef,
+        "virtual-triggering": _ctx.virtualTriggering || _ctx.splitButton,
         disabled: _ctx.disabled,
         transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
         teleported: _ctx.teleported,
@@ -33800,7 +33801,7 @@
             }, 8, ["id", "tabindex"])
           ])
         } : void 0
-      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "persistent", "onBeforeShow", "onShow", "onBeforeHide"]),
+      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-arrow", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "persistent", "onBeforeShow", "onShow", "onBeforeHide"]),
       _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 0 }, {
         default: vue.withCtx(() => [
           vue.createVNode(_component_el_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
@@ -53457,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;
@@ -53470,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 () => {
@@ -53515,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;
@@ -53661,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],
@@ -62425,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) => {
@@ -62620,6 +62646,10 @@
     popperOptions: {
       type: definePropType(Object),
       default: () => ({})
+    },
+    props: {
+      type: definePropType(Object),
+      default: () => mentionDefaultProps
     }
   });
   const mentionEmits = {
@@ -62627,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: {
@@ -62828,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);
@@ -62886,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();
@@ -62920,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;
@@ -62934,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;
@@ -65933,6 +65986,7 @@
   exports.localeContextKey = localeContextKey;
   exports.makeInstaller = makeInstaller;
   exports.makeList = makeList;
+  exports.mentionDefaultProps = mentionDefaultProps;
   exports.mentionEmits = mentionEmits;
   exports.mentionProps = mentionProps;
   exports.menuEmits = menuEmits;