@element-plus/nightly 0.0.20250916 → 0.0.20250918

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250916 */
+/*! Element Plus v0.0.20250918 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -12506,7 +12506,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250916";
+  const version$1 = "0.0.20250918";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -28533,6 +28533,9 @@
         });
       }
     };
+    const isSelectedCell = (cell) => {
+      return !vue.unref(hasCurrent) && (cell == null ? void 0 : cell.text) === 1 && cell.type === "normal" || cell.isCurrent;
+    };
     const handleFocus = (event) => {
       if (focusWithClick || vue.unref(hasCurrent) || props.selectionMode !== "date")
         return;
@@ -28634,6 +28637,7 @@
       focus,
       isCurrent,
       isWeekActive,
+      isSelectedCell,
       handlePickDate,
       handleMouseUp,
       handleMouseDown,
@@ -28745,6 +28749,7 @@
         focus,
         isCurrent,
         isWeekActive,
+        isSelectedCell,
         handlePickDate,
         handleMouseUp,
         handleMouseDown,
@@ -28801,11 +28806,11 @@
                   return vue.openBlock(), vue.createElementBlock("td", {
                     key: `${rowKey}.${columnKey}`,
                     ref_for: true,
-                    ref: (el) => !vue.unref(isUnmounting) && cell.isSelected && (currentCellRef.value = el),
+                    ref: (el) => !vue.unref(isUnmounting) && vue.unref(isSelectedCell)(cell) && (currentCellRef.value = el),
                     class: vue.normalizeClass(vue.unref(getCellClasses)(cell)),
                     "aria-current": cell.isCurrent ? "date" : void 0,
                     "aria-selected": cell.isCurrent,
-                    tabindex: cell.isSelected ? 0 : -1,
+                    tabindex: vue.unref(isSelectedCell)(cell) ? 0 : -1,
                     onFocus: vue.unref(handleFocus)
                   }, [
                     vue.createVNode(vue.unref(ElDatePickerCell), { cell }, null, 8, ["cell"])
@@ -34370,6 +34375,10 @@
       type: Number,
       default: 1.2
     },
+    scale: {
+      type: Number,
+      default: 1
+    },
     minScale: {
       type: Number,
       default: 0.2
@@ -34385,6 +34394,7 @@
   });
   const imageViewerEmits = {
     close: () => true,
+    error: (evt) => evt instanceof Event,
     switch: (index) => isNumber(index),
     rotate: (deg) => isNumber(deg)
   };
@@ -34415,13 +34425,18 @@
       const ns = useNamespace("image-viewer");
       const { nextZIndex } = useZIndex();
       const wrapper = vue.ref();
-      const imgRefs = vue.ref([]);
+      const imgRef = vue.ref();
       const scopeEventListener = vue.effectScope();
+      const scaleClamped = vue.computed(() => {
+        const { scale, minScale, maxScale } = props;
+        return clamp$2(scale, minScale, maxScale);
+      });
       const loading = vue.ref(true);
+      const loadError = vue.ref(false);
       const activeIndex = vue.ref(props.initialIndex);
       const mode = vue.shallowRef(modes.CONTAIN);
       const transform = vue.ref({
-        scale: 1,
+        scale: scaleClamped.value,
         deg: 0,
         offsetX: 0,
         offsetY: 0,
@@ -34512,7 +34527,9 @@
         loading.value = false;
       }
       function handleImgError(e) {
+        loadError.value = true;
         loading.value = false;
+        emit("error", e);
         e.target.alt = t("el.image.error");
       }
       function handleMouseDown(e) {
@@ -34537,7 +34554,7 @@
       }
       function reset() {
         transform.value = {
-          scale: 1,
+          scale: scaleClamped.value,
           deg: 0,
           offsetX: 0,
           offsetY: 0,
@@ -34545,7 +34562,7 @@
         };
       }
       function toggleMode() {
-        if (loading.value)
+        if (loading.value || loadError.value)
           return;
         const modeNames = keysOf(modes);
         const modeValues = Object.values(modes);
@@ -34556,6 +34573,7 @@
         reset();
       }
       function setActiveItem(index) {
+        loadError.value = false;
         const len = props.urlList.length;
         activeIndex.value = (index + len) % len;
       }
@@ -34570,7 +34588,7 @@
         setActiveItem(activeIndex.value + 1);
       }
       function handleActions(action, options = {}) {
-        if (loading.value)
+        if (loading.value || loadError.value)
           return;
         const { minScale, maxScale } = props;
         const { zoomRate, rotateDeg, enableTransition } = {
@@ -34623,9 +34641,12 @@
           return false;
         }
       }
+      vue.watch(() => scaleClamped.value, (val) => {
+        transform.value.scale = val;
+      });
       vue.watch(currentImg, () => {
         vue.nextTick(() => {
-          const $img = imgRefs.value[0];
+          const $img = imgRef.value;
           if (!($img == null ? void 0 : $img.complete)) {
             loading.value = true;
           }
@@ -34791,22 +34812,22 @@
                       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.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
-                            i === activeIndex.value ? (vue.openBlock(), vue.createElementBlock("img", {
-                              key: 0,
-                              ref_for: true,
-                              ref: (el) => imgRefs.value[i] = el,
-                              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.createCommentVNode("v-if", true)
-                          ], 64);
-                        }), 128))
+                        loadError.value && _ctx.$slots["viewer-error"] ? vue.renderSlot(_ctx.$slots, "viewer-error", {
+                          key: 0,
+                          activeIndex: activeIndex.value,
+                          src: vue.unref(currentImg)
+                        }) : (vue.openBlock(), vue.createElementBlock("img", {
+                          ref_key: "imgRef",
+                          ref: imgRef,
+                          key: vue.unref(currentImg),
+                          src: vue.unref(currentImg),
+                          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"]))
                       ], 2),
                       vue.renderSlot(_ctx.$slots, "default")
                     ]),
@@ -34869,6 +34890,10 @@
       type: Number,
       default: 1.2
     },
+    scale: {
+      type: Number,
+      default: 1
+    },
     minScale: {
       type: Number,
       default: 0.2
@@ -35076,6 +35101,7 @@
               "max-scale": _ctx.maxScale,
               "show-progress": _ctx.showProgress,
               "url-list": _ctx.previewSrcList,
+              scale: _ctx.scale,
               crossorigin: _ctx.crossorigin,
               "hide-on-click-modal": _ctx.hideOnClickModal,
               teleported: _ctx.previewTeleported,
@@ -35098,8 +35124,14 @@
                 fn: vue.withCtx((progress) => [
                   vue.renderSlot(_ctx.$slots, "progress", vue.normalizeProps(vue.guardReactiveProps(progress)))
                 ])
+              } : void 0,
+              _ctx.$slots["viewer-error"] ? {
+                name: "viewer-error",
+                fn: vue.withCtx((viewerError) => [
+                  vue.renderSlot(_ctx.$slots, "viewer-error", vue.normalizeProps(vue.guardReactiveProps(viewerError)))
+                ])
               } : void 0
-            ]), 1032, ["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)
+            ]), 1032, ["z-index", "initial-index", "infinite", "zoom-rate", "min-scale", "max-scale", "show-progress", "url-list", "scale", "crossorigin", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 16);
       };
@@ -53670,7 +53702,7 @@
           const uid = pane.uid;
           const disabled = pane.props.disabled;
           const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
-          const closable = !disabled && (pane.isClosable || props.editable);
+          const closable = !disabled && (pane.isClosable || pane.props.closable !== false && props.editable);
           pane.index = `${index}`;
           const btnClose = closable ? vue.createVNode(ElIcon, {
             "class": "is-icon-close",
@@ -53901,7 +53933,10 @@
     name: {
       type: [String, Number]
     },
-    closable: Boolean,
+    closable: {
+      type: Boolean,
+      default: void 0
+    },
     disabled: Boolean,
     lazy: Boolean
   });
@@ -53923,7 +53958,10 @@
       const ns = useNamespace("tab-pane");
       const paneRef = vue.ref();
       const index = vue.ref();
-      const isClosable = vue.computed(() => props.closable || tabsRoot.props.closable);
+      const isClosable = vue.computed(() => {
+        var _a;
+        return (_a = props.closable) != null ? _a : tabsRoot.props.closable;
+      });
       const active = computedEager(() => {
         var _a;
         return tabsRoot.currentName.value === ((_a = props.name) != null ? _a : index.value);