@element-plus/nightly 0.0.20241119 → 0.0.20241120

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20241119 */
+/*! Element Plus v0.0.20241120 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11567,7 +11567,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20241119";
+  const version$1 = "0.0.20241120";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -23891,7 +23891,10 @@
         emit("click", event);
       };
       const handleVNodeMounted = (vnode) => {
-        vnode.component.subTree.component.bum = null;
+        var _a, _b, _c;
+        if ((_c = (_b = (_a = vnode == null ? void 0 : vnode.component) == null ? void 0 : _a.subTree) == null ? void 0 : _b.component) == null ? void 0 : _c.bum) {
+          vnode.component.subTree.component.bum = null;
+        }
       };
       return (_ctx, _cache) => {
         return _ctx.disableTransitions ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -32654,6 +32657,17 @@
         }
         transform.value.enableTransition = enableTransition;
       }
+      function onFocusoutPrevented(event) {
+        var _a2;
+        if (((_a2 = event.detail) == null ? void 0 : _a2.focusReason) === "pointer") {
+          event.preventDefault();
+        }
+      }
+      function onCloseRequested() {
+        if (props.closeOnPressEscape) {
+          hide();
+        }
+      }
       vue.watch(currentImg, () => {
         vue.nextTick(() => {
           const $img = imgRefs.value[0];
@@ -32667,9 +32681,7 @@
         emit("switch", val);
       });
       vue.onMounted(() => {
-        var _a2, _b;
         registerEventListener();
-        (_b = (_a2 = wrapper.value) == null ? void 0 : _a2.focus) == null ? void 0 : _b.call(_a2);
       });
       expose({
         setActiveItem
@@ -32692,122 +32704,134 @@
                   class: vue.normalizeClass(vue.unref(ns).e("wrapper")),
                   style: vue.normalizeStyle({ zIndex: zIndex.value })
                 }, [
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(vue.unref(ns).e("mask")),
-                    onClick: vue.withModifiers(($event) => _ctx.hideOnClickModal && hide(), ["self"])
-                  }, null, 10, ["onClick"]),
-                  vue.createCommentVNode(" CLOSE "),
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("close")]),
-                    onClick: hide
-                  }, [
-                    vue.createVNode(vue.unref(ElIcon), null, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(close_default))
-                      ]),
-                      _: 1
-                    })
-                  ], 2),
-                  vue.createCommentVNode(" ARROW "),
-                  !vue.unref(isSingle) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                    vue.createElementVNode("span", {
-                      class: vue.normalizeClass(vue.unref(arrowPrevKls)),
-                      onClick: prev
-                    }, [
-                      vue.createVNode(vue.unref(ElIcon), null, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(arrow_left_default))
-                        ]),
-                        _: 1
-                      })
-                    ], 2),
-                    vue.createElementVNode("span", {
-                      class: vue.normalizeClass(vue.unref(arrowNextKls)),
-                      onClick: next
-                    }, [
-                      vue.createVNode(vue.unref(ElIcon), null, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(arrow_right_default))
-                        ]),
-                        _: 1
-                      })
-                    ], 2)
-                  ], 64)) : vue.createCommentVNode("v-if", true),
-                  vue.createCommentVNode(" ACTIONS "),
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("actions")])
-                  }, [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(ns).e("actions__inner"))
-                    }, [
-                      vue.createVNode(vue.unref(ElIcon), {
-                        onClick: ($event) => handleActions("zoomOut")
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(zoom_out_default))
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"]),
-                      vue.createVNode(vue.unref(ElIcon), {
-                        onClick: ($event) => handleActions("zoomIn")
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(zoom_in_default))
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"]),
-                      vue.createElementVNode("i", {
-                        class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
-                      }, null, 2),
-                      vue.createVNode(vue.unref(ElIcon), { onClick: toggleMode }, {
-                        default: vue.withCtx(() => [
-                          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mode).icon)))
-                        ]),
-                        _: 1
-                      }),
-                      vue.createElementVNode("i", {
-                        class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
-                      }, null, 2),
-                      vue.createVNode(vue.unref(ElIcon), {
-                        onClick: ($event) => handleActions("anticlockwise")
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(refresh_left_default))
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"]),
-                      vue.createVNode(vue.unref(ElIcon), {
-                        onClick: ($event) => handleActions("clockwise")
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(refresh_right_default))
-                        ]),
-                        _: 1
-                      }, 8, ["onClick"])
-                    ], 2)
-                  ], 2),
-                  vue.createCommentVNode(" CANVAS "),
-                  vue.createElementVNode("div", {
-                    class: vue.normalizeClass(vue.unref(ns).e("canvas"))
-                  }, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList, (url, i) => {
-                      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", {
-                        ref_for: true,
-                        ref: (el) => imgRefs.value[i] = el,
-                        key: url,
-                        src: url,
-                        style: vue.normalizeStyle(vue.unref(imgStyle)),
-                        class: vue.normalizeClass(vue.unref(ns).e("img")),
-                        crossorigin: _ctx.crossorigin,
-                        onLoad: handleImgLoad,
-                        onError: handleImgError,
-                        onMousedown: handleMouseDown
-                      }, null, 46, ["src", "crossorigin"])), [
-                        [vue.vShow, i === activeIndex.value]
-                      ]);
-                    }), 128))
-                  ], 2),
-                  vue.renderSlot(_ctx.$slots, "default")
+                  vue.createVNode(vue.unref(ElFocusTrap), {
+                    loop: "",
+                    trapped: "",
+                    "focus-trap-el": wrapper.value,
+                    "focus-start-el": "container",
+                    onFocusoutPrevented,
+                    onReleaseRequested: onCloseRequested
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(vue.unref(ns).e("mask")),
+                        onClick: vue.withModifiers(($event) => _ctx.hideOnClickModal && hide(), ["self"])
+                      }, null, 10, ["onClick"]),
+                      vue.createCommentVNode(" CLOSE "),
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("close")]),
+                        onClick: hide
+                      }, [
+                        vue.createVNode(vue.unref(ElIcon), null, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(vue.unref(close_default))
+                          ]),
+                          _: 1
+                        })
+                      ], 2),
+                      vue.createCommentVNode(" ARROW "),
+                      !vue.unref(isSingle) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass(vue.unref(arrowPrevKls)),
+                          onClick: prev
+                        }, [
+                          vue.createVNode(vue.unref(ElIcon), null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(arrow_left_default))
+                            ]),
+                            _: 1
+                          })
+                        ], 2),
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass(vue.unref(arrowNextKls)),
+                          onClick: next
+                        }, [
+                          vue.createVNode(vue.unref(ElIcon), null, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(arrow_right_default))
+                            ]),
+                            _: 1
+                          })
+                        ], 2)
+                      ], 64)) : vue.createCommentVNode("v-if", true),
+                      vue.createCommentVNode(" ACTIONS "),
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("actions")])
+                      }, [
+                        vue.createElementVNode("div", {
+                          class: vue.normalizeClass(vue.unref(ns).e("actions__inner"))
+                        }, [
+                          vue.createVNode(vue.unref(ElIcon), {
+                            onClick: ($event) => handleActions("zoomOut")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(zoom_out_default))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          vue.createVNode(vue.unref(ElIcon), {
+                            onClick: ($event) => handleActions("zoomIn")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(zoom_in_default))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          vue.createElementVNode("i", {
+                            class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
+                          }, null, 2),
+                          vue.createVNode(vue.unref(ElIcon), { onClick: toggleMode }, {
+                            default: vue.withCtx(() => [
+                              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(mode).icon)))
+                            ]),
+                            _: 1
+                          }),
+                          vue.createElementVNode("i", {
+                            class: vue.normalizeClass(vue.unref(ns).e("actions__divider"))
+                          }, null, 2),
+                          vue.createVNode(vue.unref(ElIcon), {
+                            onClick: ($event) => handleActions("anticlockwise")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(refresh_left_default))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          vue.createVNode(vue.unref(ElIcon), {
+                            onClick: ($event) => handleActions("clockwise")
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createVNode(vue.unref(refresh_right_default))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ], 2)
+                      ], 2),
+                      vue.createCommentVNode(" CANVAS "),
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(vue.unref(ns).e("canvas"))
+                      }, [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.urlList, (url, i) => {
+                          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("img", {
+                            ref_for: true,
+                            ref: (el) => imgRefs.value[i] = el,
+                            key: url,
+                            src: url,
+                            style: vue.normalizeStyle(vue.unref(imgStyle)),
+                            class: vue.normalizeClass(vue.unref(ns).e("img")),
+                            crossorigin: _ctx.crossorigin,
+                            onLoad: handleImgLoad,
+                            onError: handleImgError,
+                            onMousedown: handleMouseDown
+                          }, null, 46, ["src", "crossorigin"])), [
+                            [vue.vShow, i === activeIndex.value]
+                          ]);
+                        }), 128))
+                      ], 2),
+                      vue.renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  }, 8, ["focus-trap-el"])
                 ], 6)
               ]),
               _: 3
@@ -47088,7 +47112,8 @@
       "filter-change",
       "current-change",
       "header-dragend",
-      "expand-change"
+      "expand-change",
+      "scroll"
     ],
     setup(props) {
       const { t } = useLocale();
@@ -47286,7 +47311,8 @@
             "view-style": _ctx.scrollbarViewStyle,
             "wrap-style": _ctx.scrollbarStyle,
             always: _ctx.scrollbarAlwaysOn,
-            tabindex: _ctx.scrollbarTabindex
+            tabindex: _ctx.scrollbarTabindex,
+            onScroll: ($event) => _ctx.$emit("scroll", $event)
           }, {
             default: vue.withCtx(() => [
               vue.createElementVNode("table", {
@@ -47357,7 +47383,7 @@
               ], 2)) : vue.createCommentVNode("v-if", true)
             ]),
             _: 3
-          }, 8, ["view-style", "wrap-style", "always", "tabindex"])
+          }, 8, ["view-style", "wrap-style", "always", "tabindex", "onScroll"])
         ], 2),
         _ctx.showSummary && _ctx.tableLayout === "fixed" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           key: 1,