@element-plus/nightly 0.0.20250728 → 0.0.20250730

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250728 */
+/*! Element Plus v0.0.20250730 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11827,7 +11827,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250728";
+  const version$1 = "0.0.20250730";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -31199,6 +31199,7 @@
       type: Boolean,
       default: true
     },
+    modalPenetrable: Boolean,
     openDelay: {
       type: Number,
       default: 0
@@ -31498,6 +31499,7 @@
       });
       const overlayEvent = useSameTarget(onModalClick);
       const draggable = vue.computed(() => props.draggable && !props.fullscreen);
+      const penetrable = vue.computed(() => props.modalPenetrable && !props.modal && !props.fullscreen);
       const resetPosition = () => {
         var _a;
         (_a = dialogContentRef.value) == null ? void 0 : _a.resetPosition();
@@ -31515,85 +31517,92 @@
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(vue.Transition, vue.mergeProps(vue.unref(transitionConfig), { persisted: "" }), {
-              default: vue.withCtx(() => [
-                vue.withDirectives(vue.createVNode(vue.unref(ElOverlay), {
-                  "custom-mask-event": "",
-                  mask: _ctx.modal,
-                  "overlay-class": _ctx.modalClass,
-                  "z-index": vue.unref(zIndex)
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      role: "dialog",
-                      "aria-modal": "true",
-                      "aria-label": _ctx.title || void 0,
-                      "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
-                      "aria-describedby": vue.unref(bodyId),
-                      class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
-                      style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
-                      onClick: vue.unref(overlayEvent).onClick,
-                      onMousedown: vue.unref(overlayEvent).onMousedown,
-                      onMouseup: vue.unref(overlayEvent).onMouseup
-                    }, [
-                      vue.createVNode(vue.unref(ElFocusTrap), {
-                        loop: "",
-                        trapped: vue.unref(visible),
-                        "focus-start-el": "container",
-                        onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
-                        onFocusAfterReleased: vue.unref(onCloseAutoFocus),
-                        onFocusoutPrevented: vue.unref(onFocusoutPrevented),
-                        onReleaseRequested: vue.unref(onCloseRequested)
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(ElDialogContent, vue.mergeProps({
-                            key: 0,
-                            ref_key: "dialogContentRef",
-                            ref: dialogContentRef
-                          }, _ctx.$attrs, {
-                            center: _ctx.center,
-                            "align-center": _ctx.alignCenter,
-                            "close-icon": _ctx.closeIcon,
-                            draggable: vue.unref(draggable),
-                            overflow: _ctx.overflow,
-                            fullscreen: _ctx.fullscreen,
-                            "header-class": _ctx.headerClass,
-                            "body-class": _ctx.bodyClass,
-                            "footer-class": _ctx.footerClass,
-                            "show-close": _ctx.showClose,
-                            title: _ctx.title,
-                            "aria-level": _ctx.headerAriaLevel,
-                            onClose: vue.unref(handleClose)
-                          }), vue.createSlots({
-                            header: vue.withCtx(() => [
-                              !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
-                                key: 0,
-                                close: vue.unref(handleClose),
-                                titleId: vue.unref(titleId),
-                                titleClass: vue.unref(ns).e("title")
-                              }) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
-                            ]),
-                            default: vue.withCtx(() => [
-                              vue.renderSlot(_ctx.$slots, "default")
-                            ]),
-                            _: 2
-                          }, [
-                            _ctx.$slots.footer ? {
-                              name: "footer",
-                              fn: vue.withCtx(() => [
-                                vue.renderSlot(_ctx.$slots, "footer")
-                              ])
-                            } : void 0
-                          ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
-                        ]),
-                        _: 3
-                      }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                    ], 46, ["aria-label", "aria-labelledby", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
-                  ]),
-                  _: 3
-                }, 8, ["mask", "overlay-class", "z-index"]), [
-                  [vue.vShow, vue.unref(visible)]
-                ])
-              ]),
+              default: vue.withCtx(() => {
+                var _a;
+                return [
+                  vue.withDirectives(vue.createVNode(vue.unref(ElOverlay), {
+                    "custom-mask-event": "",
+                    mask: _ctx.modal,
+                    "overlay-class": [
+                      (_a = _ctx.modalClass) != null ? _a : "",
+                      `${vue.unref(ns).namespace.value}-modal-dialog`,
+                      vue.unref(ns).is("penetrable", vue.unref(penetrable))
+                    ],
+                    "z-index": vue.unref(zIndex)
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", {
+                        role: "dialog",
+                        "aria-modal": "true",
+                        "aria-label": _ctx.title || void 0,
+                        "aria-labelledby": !_ctx.title ? vue.unref(titleId) : void 0,
+                        "aria-describedby": vue.unref(bodyId),
+                        class: vue.normalizeClass(`${vue.unref(ns).namespace.value}-overlay-dialog`),
+                        style: vue.normalizeStyle(vue.unref(overlayDialogStyle)),
+                        onClick: vue.unref(overlayEvent).onClick,
+                        onMousedown: vue.unref(overlayEvent).onMousedown,
+                        onMouseup: vue.unref(overlayEvent).onMouseup
+                      }, [
+                        vue.createVNode(vue.unref(ElFocusTrap), {
+                          loop: "",
+                          trapped: vue.unref(visible),
+                          "focus-start-el": "container",
+                          onFocusAfterTrapped: vue.unref(onOpenAutoFocus),
+                          onFocusAfterReleased: vue.unref(onCloseAutoFocus),
+                          onFocusoutPrevented: vue.unref(onFocusoutPrevented),
+                          onReleaseRequested: vue.unref(onCloseRequested)
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.unref(rendered) ? (vue.openBlock(), vue.createBlock(ElDialogContent, vue.mergeProps({
+                              key: 0,
+                              ref_key: "dialogContentRef",
+                              ref: dialogContentRef
+                            }, _ctx.$attrs, {
+                              center: _ctx.center,
+                              "align-center": _ctx.alignCenter,
+                              "close-icon": _ctx.closeIcon,
+                              draggable: vue.unref(draggable),
+                              overflow: _ctx.overflow,
+                              fullscreen: _ctx.fullscreen,
+                              "header-class": _ctx.headerClass,
+                              "body-class": _ctx.bodyClass,
+                              "footer-class": _ctx.footerClass,
+                              "show-close": _ctx.showClose,
+                              title: _ctx.title,
+                              "aria-level": _ctx.headerAriaLevel,
+                              onClose: vue.unref(handleClose)
+                            }), vue.createSlots({
+                              header: vue.withCtx(() => [
+                                !_ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "header", {
+                                  key: 0,
+                                  close: vue.unref(handleClose),
+                                  titleId: vue.unref(titleId),
+                                  titleClass: vue.unref(ns).e("title")
+                                }) : vue.renderSlot(_ctx.$slots, "title", { key: 1 })
+                              ]),
+                              default: vue.withCtx(() => [
+                                vue.renderSlot(_ctx.$slots, "default")
+                              ]),
+                              _: 2
+                            }, [
+                              _ctx.$slots.footer ? {
+                                name: "footer",
+                                fn: vue.withCtx(() => [
+                                  vue.renderSlot(_ctx.$slots, "footer")
+                                ])
+                              } : void 0
+                            ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "header-class", "body-class", "footer-class", "show-close", "title", "aria-level", "onClose"])) : vue.createCommentVNode("v-if", true)
+                          ]),
+                          _: 3
+                        }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+                      ], 46, ["aria-label", "aria-labelledby", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
+                    ]),
+                    _: 3
+                  }, 8, ["mask", "overlay-class", "z-index"]), [
+                    [vue.vShow, vue.unref(visible)]
+                  ])
+                ];
+              }),
               _: 3
             }, 16)
           ]),
@@ -37129,6 +37138,12 @@
       default: 0
     },
     appendTo: useTooltipContentProps.appendTo,
+    options: {
+      type: definePropType(Array)
+    },
+    props: {
+      type: definePropType(Object)
+    },
     ...useEmptyValuesProps,
     ...useAriaProps(["ariaLabel"])
   });
@@ -37574,7 +37589,17 @@
                   }, null, 8, ["value"])) : vue.createCommentVNode("v-if", true),
                   vue.createVNode(_component_el_options, null, {
                     default: vue.withCtx(() => [
-                      vue.renderSlot(_ctx.$slots, "default")
+                      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"]);
+                        }), 128))
+                      ])
                     ]),
                     _: 3
                   })
@@ -48616,7 +48641,8 @@
       type: Boolean,
       default: true
     },
-    preserveExpandedContent: Boolean
+    preserveExpandedContent: Boolean,
+    nativeScrollbar: Boolean
   };
 
   function hColgroup(props) {
@@ -48902,6 +48928,7 @@
             "wrap-style": _ctx.scrollbarStyle,
             always: _ctx.scrollbarAlwaysOn,
             tabindex: _ctx.scrollbarTabindex,
+            native: _ctx.nativeScrollbar,
             onScroll: ($event) => _ctx.$emit("scroll", $event)
           }, {
             default: vue.withCtx(() => [
@@ -48973,7 +49000,7 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["view-style", "wrap-style", "always", "tabindex", "onScroll"])
+          }, 8, ["view-style", "wrap-style", "always", "tabindex", "native", "onScroll"])
         ], 2),
         _ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,