@element-plus/nightly 0.0.20250814 → 0.0.20250815

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250814 */
+/*! Element Plus v0.0.20250815 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12423,7 +12423,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250814";
+  const version$1 = "0.0.20250815";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -36293,7 +36293,7 @@
         var _a, _b;
         if (!menu.value)
           return -1;
-        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+        const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue));
         const computedMenuStyle = getComputedStyle(menu.value);
         const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10);
         const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10);
@@ -36301,8 +36301,6 @@
         let calcWidth = 0;
         let sliceIndex2 = 0;
         items2.forEach((item, index) => {
-          if (item.nodeName === "#comment")
-            return;
           calcWidth += calcMenuItemWidth(item);
           if (calcWidth <= menuWidth - moreItemWidth) {
             sliceIndex2 = index + 1;
@@ -36414,7 +36412,9 @@
         let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
         const vShowMore = [];
         if (props.mode === "horizontal" && menu.value) {
-          const originalSlot = flattedChildren(slot);
+          const originalSlot = flattedChildren(slot).filter((vnode) => {
+            return (vnode == null ? void 0 : vnode.shapeFlag) !== 8;
+          });
           const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
           const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
           if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
@@ -36823,6 +36823,27 @@
   });
   var Next = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__file", "next.vue"]]);
 
+  const defaultProps$5 = {
+    label: "label",
+    value: "value",
+    disabled: "disabled",
+    options: "options"
+  };
+  function useProps(props) {
+    const aliasProps = vue.computed(() => ({ ...defaultProps$5, ...props.props }));
+    const getLabel = (option) => get(option, aliasProps.value.label);
+    const getValue = (option) => get(option, aliasProps.value.value);
+    const getDisabled = (option) => get(option, aliasProps.value.disabled);
+    const getOptions = (option) => get(option, aliasProps.value.options);
+    return {
+      aliasProps,
+      getLabel,
+      getValue,
+      getDisabled,
+      getOptions
+    };
+  }
+
   const selectGroupKey = Symbol("ElSelectGroup");
   const selectKey = Symbol("ElSelect");
 
@@ -37843,7 +37864,8 @@
       type: definePropType(Array)
     },
     props: {
-      type: definePropType(Object)
+      type: definePropType(Object),
+      default: () => defaultProps$5
     },
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
@@ -37859,14 +37881,91 @@
     clear: () => true
   };
 
-  const COMPONENT_NAME$a = "ElSelect";
   const _sfc_main$10 = vue.defineComponent({
+    name: "ElOptionGroup",
+    componentName: "ElOptionGroup",
+    props: {
+      label: String,
+      disabled: Boolean
+    },
+    setup(props) {
+      const ns = useNamespace("select");
+      const groupRef = vue.ref();
+      const instance = vue.getCurrentInstance();
+      const children = vue.ref([]);
+      vue.provide(selectGroupKey, vue.reactive({
+        ...vue.toRefs(props)
+      }));
+      const visible = vue.computed(() => children.value.some((option) => option.visible === true));
+      const isOption = (node) => {
+        var _a;
+        return node.type.name === "ElOption" && !!((_a = node.component) == null ? void 0 : _a.proxy);
+      };
+      const flattedChildren = (node) => {
+        const nodes = castArray$1(node);
+        const children2 = [];
+        nodes.forEach((child) => {
+          var _a;
+          if (!vue.isVNode(child))
+            return;
+          if (isOption(child)) {
+            children2.push(child.component.proxy);
+          } else if (isArray$1(child.children) && child.children.length) {
+            children2.push(...flattedChildren(child.children));
+          } else if ((_a = child.component) == null ? void 0 : _a.subTree) {
+            children2.push(...flattedChildren(child.component.subTree));
+          }
+        });
+        return children2;
+      };
+      const updateChildren = () => {
+        children.value = flattedChildren(instance.subTree);
+      };
+      vue.onMounted(() => {
+        updateChildren();
+      });
+      useMutationObserver(groupRef, updateChildren, {
+        attributes: true,
+        subtree: true,
+        childList: true
+      });
+      return {
+        groupRef,
+        visible,
+        ns
+      };
+    }
+  });
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
+      ref: "groupRef",
+      class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
+    }, [
+      vue.createElementVNode("li", {
+        class: vue.normalizeClass(_ctx.ns.be("group", "title"))
+      }, vue.toDisplayString(_ctx.label), 3),
+      vue.createElementVNode("li", null, [
+        vue.createElementVNode("ul", {
+          class: vue.normalizeClass(_ctx.ns.b("group"))
+        }, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ])
+    ], 2)), [
+      [vue.vShow, _ctx.visible]
+    ]);
+  }
+  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$9], ["__file", "option-group.vue"]]);
+
+  const COMPONENT_NAME$a = "ElSelect";
+  const _sfc_main$$ = vue.defineComponent({
     name: COMPONENT_NAME$a,
     componentName: COMPONENT_NAME$a,
     components: {
       ElSelectMenu: ElSelectMenu$1,
       ElOption: Option,
       ElOptions,
+      ElOptionGroup: OptionGroup,
       ElTag,
       ElScrollbar,
       ElTooltip,
@@ -37906,6 +38005,12 @@
       });
       const API = useSelect$3(_props, emit);
       const { calculatorRef, inputStyle } = useCalcInputWidth();
+      const { getLabel, getValue, getOptions, getDisabled } = useProps(props);
+      const getOptionProps = (option) => ({
+        label: getLabel(option),
+        value: getValue(option),
+        disabled: getDisabled(option)
+      });
       const flatTreeSelectData = (data) => {
         return data.reduce((acc, item) => {
           acc.push(item);
@@ -37972,15 +38077,21 @@
         modelValue,
         selectedLabel,
         calculatorRef,
-        inputStyle
+        inputStyle,
+        getLabel,
+        getValue,
+        getOptions,
+        getDisabled,
+        getOptionProps
       };
     }
   });
-  function _sfc_render$9(_ctx, _cache) {
+  function _sfc_render$8(_ctx, _cache) {
     const _component_el_tag = vue.resolveComponent("el-tag");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_option = vue.resolveComponent("el-option");
+    const _component_el_option_group = vue.resolveComponent("el-option-group");
     const _component_el_options = vue.resolveComponent("el-options");
     const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
     const _component_el_select_menu = vue.resolveComponent("el-select-menu");
@@ -38291,14 +38402,24 @@
                   vue.createVNode(_component_el_options, null, {
                     default: vue.withCtx(() => [
                       vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index) => {
-                          var _a, _b, _c, _d, _e, _f;
-                          return vue.openBlock(), vue.createBlock(_component_el_option, {
-                            key: index,
-                            label: item[(_b = (_a = _ctx.props) == null ? void 0 : _a.label) != null ? _b : "label"],
-                            value: item[(_d = (_c = _ctx.props) == null ? void 0 : _c.value) != null ? _d : "value"],
-                            disabled: item[(_f = (_e = _ctx.props) == null ? void 0 : _e.disabled) != null ? _f : "disabled"]
-                          }, null, 8, ["label", "value", "disabled"]);
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
+                          var _a;
+                          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
+                            ((_a = _ctx.getOptions(option)) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createBlock(_component_el_option_group, {
+                              key: 0,
+                              label: _ctx.getLabel(option),
+                              disabled: _ctx.getDisabled(option)
+                            }, {
+                              default: vue.withCtx(() => [
+                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.getOptions(option), (item) => {
+                                  return vue.openBlock(), vue.createBlock(_component_el_option, vue.mergeProps({
+                                    key: _ctx.getValue(item)
+                                  }, _ctx.getOptionProps(item)), null, 16);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1032, ["label", "disabled"])) : (vue.openBlock(), vue.createBlock(_component_el_option, vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.getOptionProps(option))), null, 16))
+                          ], 64);
                         }), 128))
                       ])
                     ]),
@@ -38340,83 +38461,7 @@
       [_directive_click_outside, _ctx.handleClickOutside, _ctx.popperRef]
     ]);
   }
-  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$9], ["__file", "select.vue"]]);
-
-  const _sfc_main$$ = vue.defineComponent({
-    name: "ElOptionGroup",
-    componentName: "ElOptionGroup",
-    props: {
-      label: String,
-      disabled: Boolean
-    },
-    setup(props) {
-      const ns = useNamespace("select");
-      const groupRef = vue.ref();
-      const instance = vue.getCurrentInstance();
-      const children = vue.ref([]);
-      vue.provide(selectGroupKey, vue.reactive({
-        ...vue.toRefs(props)
-      }));
-      const visible = vue.computed(() => children.value.some((option) => option.visible === true));
-      const isOption = (node) => {
-        var _a;
-        return node.type.name === "ElOption" && !!((_a = node.component) == null ? void 0 : _a.proxy);
-      };
-      const flattedChildren = (node) => {
-        const nodes = castArray$1(node);
-        const children2 = [];
-        nodes.forEach((child) => {
-          var _a;
-          if (!vue.isVNode(child))
-            return;
-          if (isOption(child)) {
-            children2.push(child.component.proxy);
-          } else if (isArray$1(child.children) && child.children.length) {
-            children2.push(...flattedChildren(child.children));
-          } else if ((_a = child.component) == null ? void 0 : _a.subTree) {
-            children2.push(...flattedChildren(child.component.subTree));
-          }
-        });
-        return children2;
-      };
-      const updateChildren = () => {
-        children.value = flattedChildren(instance.subTree);
-      };
-      vue.onMounted(() => {
-        updateChildren();
-      });
-      useMutationObserver(groupRef, updateChildren, {
-        attributes: true,
-        subtree: true,
-        childList: true
-      });
-      return {
-        groupRef,
-        visible,
-        ns
-      };
-    }
-  });
-  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("ul", {
-      ref: "groupRef",
-      class: vue.normalizeClass(_ctx.ns.be("group", "wrap"))
-    }, [
-      vue.createElementVNode("li", {
-        class: vue.normalizeClass(_ctx.ns.be("group", "title"))
-      }, vue.toDisplayString(_ctx.label), 3),
-      vue.createElementVNode("li", null, [
-        vue.createElementVNode("ul", {
-          class: vue.normalizeClass(_ctx.ns.b("group"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ])
-    ], 2)), [
-      [vue.vShow, _ctx.visible]
-    ]);
-  }
-  var OptionGroup = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$8], ["__file", "option-group.vue"]]);
+  var Select$1 = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$8], ["__file", "select.vue"]]);
 
   const ElSelect = withInstall(Select$1, {
     Option,
@@ -41961,27 +42006,6 @@
     };
   }
 
-  const defaultProps$5 = {
-    label: "label",
-    value: "value",
-    disabled: "disabled",
-    options: "options"
-  };
-  function useProps(props) {
-    const aliasProps = vue.computed(() => ({ ...defaultProps$5, ...props.props }));
-    const getLabel = (option) => get(option, aliasProps.value.label);
-    const getValue = (option) => get(option, aliasProps.value.value);
-    const getDisabled = (option) => get(option, aliasProps.value.disabled);
-    const getOptions = (option) => get(option, aliasProps.value.options);
-    return {
-      aliasProps,
-      getLabel,
-      getValue,
-      getDisabled,
-      getOptions
-    };
-  }
-
   const selectV2Props = buildProps({
     allowCreate: Boolean,
     autocomplete: {
@@ -61038,6 +61062,26 @@
         tourOnClose();
         emit("close");
       };
+      const handleKeydown = (e) => {
+        const target = e.target;
+        if (target == null ? void 0 : target.isContentEditable)
+          return;
+        const actions = {
+          [EVENT_CODE.left]: () => current.value > 0 && onPrev(),
+          [EVENT_CODE.right]: onNext
+        };
+        const action = actions[e.code];
+        if (action) {
+          e.preventDefault();
+          action();
+        }
+      };
+      vue.onMounted(() => {
+        window.addEventListener("keydown", handleKeydown);
+      });
+      vue.onBeforeUnmount(() => {
+        window.removeEventListener("keydown", handleKeydown);
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
           vue.unref(mergedShowClose) ? (vue.openBlock(), vue.createElementBlock("button", {