@element-plus/nightly 0.0.20250115 → 0.0.20250117

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250115 */
+/*! Element Plus v0.0.20250117 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11596,7 +11596,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250115";
+  const version$1 = "0.0.20250117";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -32514,6 +32514,10 @@
       type: Number,
       default: 7
     },
+    showProgress: {
+      type: Boolean,
+      default: false
+    },
     crossorigin: {
       type: definePropType(String)
     }
@@ -32565,15 +32569,9 @@
         const { urlList } = props;
         return urlList.length <= 1;
       });
-      const isFirst = vue.computed(() => {
-        return activeIndex.value === 0;
-      });
-      const isLast = vue.computed(() => {
-        return activeIndex.value === props.urlList.length - 1;
-      });
-      const currentImg = vue.computed(() => {
-        return props.urlList[activeIndex.value];
-      });
+      const isFirst = vue.computed(() => activeIndex.value === 0);
+      const isLast = vue.computed(() => activeIndex.value === props.urlList.length - 1);
+      const currentImg = vue.computed(() => props.urlList[activeIndex.value]);
       const arrowPrevKls = vue.computed(() => [
         ns.e("btn"),
         ns.e("prev"),
@@ -32602,6 +32600,7 @@
         }
         return style;
       });
+      const progress = vue.computed(() => `${activeIndex.value + 1} / ${props.urlList.length}`);
       function hide() {
         unregisterEventListener();
         emit("close");
@@ -32834,6 +32833,17 @@
                           })
                         ], 2)
                       ], 64)) : vue.createCommentVNode("v-if", true),
+                      _ctx.showProgress ? (vue.openBlock(), vue.createElementBlock("div", {
+                        key: 1,
+                        class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("progress")])
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "progress", {
+                          activeIndex: activeIndex.value,
+                          total: _ctx.urlList.length
+                        }, () => [
+                          vue.createTextVNode(vue.toDisplayString(vue.unref(progress)), 1)
+                        ])
+                      ], 2)) : vue.createCommentVNode("v-if", true),
                       vue.createCommentVNode(" ACTIONS "),
                       vue.createElementVNode("div", {
                         class: vue.normalizeClass([vue.unref(ns).e("btn"), vue.unref(ns).e("actions")])
@@ -32841,50 +32851,58 @@
                         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"])
+                          vue.renderSlot(_ctx.$slots, "toolbar", {
+                            actions: handleActions,
+                            prev,
+                            next,
+                            reset: toggleMode,
+                            activeIndex: activeIndex.value
+                          }, () => [
+                            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 "),
@@ -32977,6 +32995,10 @@
       type: Number,
       default: 7
     },
+    showProgress: {
+      type: Boolean,
+      default: false
+    },
     crossorigin: {
       type: definePropType(String)
     }
@@ -33191,6 +33213,7 @@
               "zoom-rate": _ctx.zoomRate,
               "min-scale": _ctx.minScale,
               "max-scale": _ctx.maxScale,
+              "show-progress": _ctx.showProgress,
               "url-list": _ctx.previewSrcList,
               crossorigin: _ctx.crossorigin,
               "hide-on-click-modal": _ctx.hideOnClickModal,
@@ -33199,13 +33222,19 @@
               onClose: closeViewer,
               onSwitch: switchViewer
             }, {
+              progress: vue.withCtx((progress) => [
+                vue.renderSlot(_ctx.$slots, "progress", vue.normalizeProps(vue.guardReactiveProps(progress)))
+              ]),
+              toolbar: vue.withCtx((toolbar) => [
+                vue.renderSlot(_ctx.$slots, "toolbar", vue.normalizeProps(vue.guardReactiveProps(toolbar)))
+              ]),
               default: vue.withCtx(() => [
                 _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", { key: 0 }, [
                   vue.renderSlot(_ctx.$slots, "viewer")
                 ])) : vue.createCommentVNode("v-if", true)
               ]),
               _: 3
-            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "url-list", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
+            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "show-progress", "url-list", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 16);
       };
@@ -47224,10 +47253,14 @@
       }
     },
     setup(props) {
-      const { getCellClasses, getCellStyles, columns } = useStyle$1(props);
+      const parent = vue.inject(TABLE_INJECTION_KEY);
       const ns = useNamespace("table");
+      const { getCellClasses, getCellStyles, columns } = useStyle$1(props);
+      const { onScrollableChange, onColumnsChange } = useLayoutObserver(parent);
       return {
         ns,
+        onScrollableChange,
+        onColumnsChange,
         getCellClasses,
         getCellStyles,
         columns
@@ -54086,9 +54119,7 @@
           handleExpandIconClick();
         }
         if (tree.props.checkOnClickNode && !props.node.disabled) {
-          handleCheckChange(null, {
-            target: { checked: !props.node.checked }
-          });
+          handleCheckChange(!props.node.checked);
         }
         tree.ctx.emit("node-click", props.node.data, props.node, instance, e);
       };
@@ -54111,8 +54142,8 @@
           });
         }
       };
-      const handleCheckChange = (value, ev) => {
-        props.node.setChecked(ev.target.checked, !tree.props.checkStrictly);
+      const handleCheckChange = (value) => {
+        props.node.setChecked(value, !(tree == null ? void 0 : tree.props.checkStrictly));
         vue.nextTick(() => {
           const store = tree.store.value;
           tree.ctx.emit("check", props.node.data, {