@element-plus/nightly 0.0.20250805 → 0.0.20250807

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250805 */
+/*! Element Plus v0.0.20250807 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -8981,6 +8981,17 @@
     });
     return result;
   };
+  function ensureValidVNode(vnodes) {
+    return vnodes.some((child) => {
+      if (!vue.isVNode(child))
+        return true;
+      if (child.type === vue.Comment)
+        return false;
+      if (child.type === vue.Fragment && !ensureValidVNode(child.children))
+        return false;
+      return true;
+    }) ? vnodes : null;
+  }
 
   const unique = (arr) => [...new Set(arr)];
   const castArray = (arr) => {
@@ -11874,7 +11885,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250805";
+  const version$1 = "0.0.20250807";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -17084,6 +17095,14 @@
               }),
               role: "region"
             }, [
+              _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).be("suggestion", "header")),
+                onClick: vue.withModifiers(() => {
+                }, ["stop"])
+              }, [
+                vue.renderSlot(_ctx.$slots, "header")
+              ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true),
               vue.createVNode(vue.unref(ElScrollbar), {
                 id: vue.unref(listboxId),
                 tag: "ul",
@@ -17119,7 +17138,15 @@
                   }), 128))
                 ]),
                 _: 3
-              }, 8, ["id", "wrap-class", "view-class"])
+              }, 8, ["id", "wrap-class", "view-class"]),
+              _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).be("suggestion", "footer")),
+                onClick: vue.withModifiers(() => {
+                }, ["stop"])
+              }, [
+                vue.renderSlot(_ctx.$slots, "footer")
+              ], 10, ["onClick"])) : vue.createCommentVNode("v-if", true)
             ], 6)
           ]),
           default: vue.withCtx(() => [
@@ -49514,7 +49541,7 @@
           let children = null;
           if (slots.default) {
             const vnodes = slots.default(data);
-            children = vnodes.some((v) => v.type !== vue.Comment) ? vnodes : originRenderCell(data);
+            children = ensureValidVNode(vnodes) ? vnodes : originRenderCell(data);
           } else {
             children = originRenderCell(data);
           }
@@ -58035,6 +58062,13 @@
   };
 
   const FontGap = 3;
+  const TEXT_ALIGN_RATIO_MAP = {
+    left: [0, 0.5],
+    start: [0, 0.5],
+    center: [0.5, 0],
+    right: [1, -0.5],
+    end: [1, -0.5]
+  };
   function prepareCanvas(width, height, ratio = 1) {
     const canvas = document.createElement("canvas");
     const ctx = canvas.getContext("2d");
@@ -58046,7 +58080,7 @@
     return [ctx, canvas, realWidth, realHeight];
   }
   function useClips() {
-    function getClips(content, rotate, ratio, width, height, font, gapX, gapY) {
+    function getClips(content, rotate, ratio, width, height, font, gapX, gapY, space) {
       const [ctx, canvas, contentWidth, contentHeight] = prepareCanvas(width, height, ratio);
       if (content instanceof HTMLImageElement) {
         ctx.drawImage(content, 0, 0, contentWidth, contentHeight);
@@ -58067,7 +58101,8 @@
         ctx.textBaseline = textBaseline;
         const contents = isArray$1(content) ? content : [content];
         contents == null ? void 0 : contents.forEach((item, index) => {
-          ctx.fillText(item != null ? item : "", contentWidth / 2, index * (mergedFontSize + FontGap * ratio));
+          const [alignRatio, spaceRatio] = TEXT_ALIGN_RATIO_MAP[textAlign];
+          ctx.fillText(item != null ? item : "", contentWidth * alignRatio + space * spaceRatio, index * (mergedFontSize + FontGap * ratio));
         });
       }
       const angle = Math.PI / 180 * Number(rotate);
@@ -58226,6 +58261,7 @@
       const getMarkSize = (ctx) => {
         let defaultWidth = 120;
         let defaultHeight = 64;
+        let space = 0;
         const { image, content, width, height, rotate } = props;
         if (!image && ctx.measureText) {
           ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`;
@@ -58249,10 +58285,10 @@
           defaultWidth = maxWidth;
           defaultHeight = maxHeight * contents.length + (contents.length - 1) * FontGap;
           const angle = Math.PI / 180 * Number(rotate);
-          const space = Math.ceil(Math.abs(Math.sin(angle) * defaultHeight) / 2);
+          space = Math.ceil(Math.abs(Math.sin(angle) * defaultHeight) / 2);
           defaultWidth += space;
         }
-        return [width != null ? width : defaultWidth, height != null ? height : defaultHeight];
+        return [width != null ? width : defaultWidth, height != null ? height : defaultHeight, space];
       };
       const getClips = useClips();
       const renderWatermark = () => {
@@ -58266,7 +58302,7 @@
             watermarkRef.value = document.createElement("div");
           }
           const ratio = getPixelRatio();
-          const [markWidth, markHeight] = getMarkSize(ctx);
+          const [markWidth, markHeight, space] = getMarkSize(ctx);
           const drawCanvas = (drawContent) => {
             const [textClips, clipWidth] = getClips(drawContent || "", rotate, ratio, markWidth, markHeight, {
               color: color.value,
@@ -58276,7 +58312,7 @@
               fontFamily: fontFamily.value,
               textAlign: textAlign.value,
               textBaseline: textBaseline.value
-            }, gapX.value, gapY.value);
+            }, gapX.value, gapY.value, space);
             appendWatermark(textClips, clipWidth);
           };
           if (image) {
@@ -62236,13 +62272,9 @@
                           vue.renderSlot(_ctx.$slots, "default", {}, () => [
                             !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
                               key: 0,
-                              for: _ctx.showInput ? _ctx.inputId : void 0
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode(vue.toDisplayString(!_ctx.dangerouslyUseHTMLString ? _ctx.message : ""), 1)
-                              ]),
-                              _: 1
-                            }, 8, ["for"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
+                              for: _ctx.showInput ? _ctx.inputId : void 0,
+                              textContent: vue.toDisplayString(_ctx.message)
+                            }, null, 8, ["for", "textContent"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.showInput ? "label" : "p"), {
                               key: 1,
                               for: _ctx.showInput ? _ctx.inputId : void 0,
                               innerHTML: _ctx.message