@element-plus/nightly 0.0.20251026 → 0.0.20251028

package/lib/components/watermark/src/watermark2.js

@@ -2,35 +2,234 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var watermark = require('./watermark.js');
+var utils = require('./utils.js');
+var useClips = require('./useClips.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var shared = require('@vue/shared');
+var types = require('../../../utils/types.js');
 
-const watermarkProps = runtime.buildProps({
-  zIndex: {
-    type: Number,
-    default: 9
-  },
-  rotate: {
-    type: Number,
-    default: -22
-  },
-  width: Number,
-  height: Number,
-  image: String,
-  content: {
-    type: runtime.definePropType([String, Array]),
-    default: "Element Plus"
-  },
-  font: {
-    type: runtime.definePropType(Object)
-  },
-  gap: {
-    type: runtime.definePropType(Array),
-    default: () => [100, 100]
-  },
-  offset: {
-    type: runtime.definePropType(Array)
+const __default__ = vue.defineComponent({
+  name: "ElWatermark"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: watermark.watermarkProps,
+  setup(__props) {
+    const props = __props;
+    const style = {
+      position: "relative"
+    };
+    const fontGap = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontGap) != null ? _b : 3;
+    });
+    const color = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.color) != null ? _b : "rgba(0,0,0,.15)";
+    });
+    const fontSize = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontSize) != null ? _b : 16;
+    });
+    const fontWeight = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontWeight) != null ? _b : "normal";
+    });
+    const fontStyle = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontStyle) != null ? _b : "normal";
+    });
+    const fontFamily = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
+    });
+    const textAlign = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.textAlign) != null ? _b : "center";
+    });
+    const textBaseline = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.textBaseline) != null ? _b : "hanging";
+    });
+    const gapX = vue.computed(() => props.gap[0]);
+    const gapY = vue.computed(() => props.gap[1]);
+    const gapXCenter = vue.computed(() => gapX.value / 2);
+    const gapYCenter = vue.computed(() => gapY.value / 2);
+    const offsetLeft = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : gapXCenter.value;
+    });
+    const offsetTop = vue.computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.offset) == null ? void 0 : _a[1]) != null ? _b : gapYCenter.value;
+    });
+    const getMarkStyle = () => {
+      const markStyle = {
+        zIndex: props.zIndex,
+        position: "absolute",
+        left: 0,
+        top: 0,
+        width: "100%",
+        height: "100%",
+        pointerEvents: "none",
+        backgroundRepeat: "repeat"
+      };
+      let positionLeft = offsetLeft.value - gapXCenter.value;
+      let positionTop = offsetTop.value - gapYCenter.value;
+      if (positionLeft > 0) {
+        markStyle.left = `${positionLeft}px`;
+        markStyle.width = `calc(100% - ${positionLeft}px)`;
+        positionLeft = 0;
+      }
+      if (positionTop > 0) {
+        markStyle.top = `${positionTop}px`;
+        markStyle.height = `calc(100% - ${positionTop}px)`;
+        positionTop = 0;
+      }
+      markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`;
+      return markStyle;
+    };
+    const containerRef = vue.shallowRef(null);
+    const watermarkRef = vue.shallowRef();
+    const stopObservation = vue.ref(false);
+    const destroyWatermark = () => {
+      if (watermarkRef.value) {
+        watermarkRef.value.remove();
+        watermarkRef.value = void 0;
+      }
+    };
+    const appendWatermark = (base64Url, markWidth) => {
+      var _a;
+      if (containerRef.value && watermarkRef.value) {
+        stopObservation.value = true;
+        watermarkRef.value.setAttribute("style", utils.getStyleStr({
+          ...getMarkStyle(),
+          backgroundImage: `url('${base64Url}')`,
+          backgroundSize: `${Math.floor(markWidth)}px`
+        }));
+        (_a = containerRef.value) == null ? void 0 : _a.append(watermarkRef.value);
+        setTimeout(() => {
+          stopObservation.value = false;
+        });
+      }
+    };
+    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}`;
+        const contents = shared.isArray(content) ? content : [content];
+        let maxWidth = 0;
+        let maxHeight = 0;
+        contents.forEach((item) => {
+          const {
+            width: width2,
+            fontBoundingBoxAscent,
+            fontBoundingBoxDescent,
+            actualBoundingBoxAscent,
+            actualBoundingBoxDescent
+          } = ctx.measureText(item);
+          const height2 = types.isUndefined(fontBoundingBoxAscent) ? actualBoundingBoxAscent + actualBoundingBoxDescent : fontBoundingBoxAscent + fontBoundingBoxDescent;
+          if (width2 > maxWidth)
+            maxWidth = Math.ceil(width2);
+          if (height2 > maxHeight)
+            maxHeight = Math.ceil(height2);
+        });
+        defaultWidth = maxWidth;
+        defaultHeight = maxHeight * contents.length + (contents.length - 1) * fontGap.value;
+        const angle = Math.PI / 180 * Number(rotate);
+        space = Math.ceil(Math.abs(Math.sin(angle) * defaultHeight) / 2);
+        defaultWidth += space;
+      }
+      return [width != null ? width : defaultWidth, height != null ? height : defaultHeight, space];
+    };
+    const getClips = useClips["default"]();
+    const renderWatermark = () => {
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      const image = props.image;
+      const content = props.content;
+      const rotate = props.rotate;
+      if (ctx) {
+        if (!watermarkRef.value) {
+          watermarkRef.value = document.createElement("div");
+        }
+        const ratio = utils.getPixelRatio();
+        const [markWidth, markHeight, space] = getMarkSize(ctx);
+        const drawCanvas = (drawContent) => {
+          const [textClips, clipWidth] = getClips(drawContent || "", rotate, ratio, markWidth, markHeight, {
+            color: color.value,
+            fontSize: fontSize.value,
+            fontStyle: fontStyle.value,
+            fontWeight: fontWeight.value,
+            fontFamily: fontFamily.value,
+            fontGap: fontGap.value,
+            textAlign: textAlign.value,
+            textBaseline: textBaseline.value
+          }, gapX.value, gapY.value, space);
+          appendWatermark(textClips, clipWidth);
+        };
+        if (image) {
+          const img = new Image();
+          img.onload = () => {
+            drawCanvas(img);
+          };
+          img.onerror = () => {
+            drawCanvas(content);
+          };
+          img.crossOrigin = "anonymous";
+          img.referrerPolicy = "no-referrer";
+          img.src = image;
+        } else {
+          drawCanvas(content);
+        }
+      }
+    };
+    vue.onMounted(() => {
+      renderWatermark();
+    });
+    vue.watch(() => props, () => {
+      renderWatermark();
+    }, {
+      deep: true,
+      flush: "post"
+    });
+    vue.onBeforeUnmount(() => {
+      destroyWatermark();
+    });
+    const onMutate = (mutations) => {
+      if (stopObservation.value) {
+        return;
+      }
+      mutations.forEach((mutation) => {
+        if (utils.reRendering(mutation, watermarkRef.value)) {
+          destroyWatermark();
+          renderWatermark();
+        }
+      });
+    };
+    core.useMutationObserver(containerRef, onMutate, {
+      attributes: true,
+      subtree: true,
+      childList: true
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: vue.normalizeStyle([style])
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
   }
 });
+var Watermark = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "watermark.vue"]]);
 
-exports.watermarkProps = watermarkProps;
+exports["default"] = Watermark;
 //# sourceMappingURL=watermark2.js.map

package/lib/components/watermark/src/watermark2.js.map

@@ -1 +1 @@
-{"version":3,"file":"watermark2.js","sources":["../../../../../../packages/components/watermark/src/watermark.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\nimport type Watermark from './watermark.vue'\n\nexport interface WatermarkFontType {\n  color?: string\n  fontSize?: number | string\n  fontWeight?: 'normal' | 'light' | 'weight' | number\n  fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'\n  fontFamily?: string\n  fontGap?: number\n  textAlign?: 'start' | 'end' | 'left' | 'right' | 'center'\n  textBaseline?:\n    | 'top'\n    | 'hanging'\n    | 'middle'\n    | 'alphabetic'\n    | 'ideographic'\n    | 'bottom'\n}\n\nexport const watermarkProps = buildProps({\n  /**\n   * @description The z-index of the appended watermark element\n   */\n  zIndex: {\n    type: Number,\n    default: 9,\n  },\n  /**\n   * @description The rotation angle of the watermark\n   */\n  rotate: {\n    type: Number,\n    default: -22,\n  },\n  /**\n   * @description The width of the watermark\n   */\n  width: Number,\n  /**\n   * @description The height of the watermark\n   */\n  height: Number,\n  /**\n   * @description Image source, it is recommended to export 2x or 3x image, high priority (support base64 format)\n   */\n  image: String,\n  /**\n   * @description Watermark text content\n   */\n  content: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: 'Element Plus',\n  },\n  /**\n   * @description Text style\n   */\n  font: {\n    type: definePropType<WatermarkFontType>(Object),\n  },\n  /**\n   * @description The spacing between watermarks\n   */\n  gap: {\n    type: definePropType<[number, number]>(Array),\n    default: () => [100, 100],\n  },\n  /**\n   * @description The offset of the watermark from the upper left corner of the container. The default is gap/2\n   */\n  offset: {\n    type: definePropType<[number, number]>(Array),\n  },\n} as const)\n\nexport type WatermarkProps = ExtractPropTypes<typeof watermarkProps>\nexport type WatermarkPropsPublic = __ExtractPublicPropTypes<\n  typeof watermarkProps\n>\nexport type WatermarkInstance = InstanceType<typeof Watermark> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AACY,MAAC,cAAc,GAAGA,kBAAU,CAAC;AACzC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC,EAAE;AAChB,GAAG;AACH,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,MAAM,EAAE,MAAM;AAChB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEA,sBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;AAC7B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAEA,sBAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"watermark2.js","sources":["../../../../../../packages/components/watermark/src/watermark.vue"],"sourcesContent":["<template>\n  <div ref=\"containerRef\" :style=\"[style]\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { useMutationObserver } from '@vueuse/core'\nimport { isArray, isUndefined } from '@element-plus/utils'\nimport { watermarkProps } from './watermark'\nimport { getPixelRatio, getStyleStr, reRendering } from './utils'\nimport useClips from './useClips'\n\nimport type { WatermarkProps } from './watermark'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElWatermark',\n})\n\nconst style: CSSProperties = {\n  position: 'relative',\n}\n\nconst props = defineProps(watermarkProps)\nconst fontGap = computed(() => props.font?.fontGap ?? 3)\nconst color = computed(() => props.font?.color ?? 'rgba(0,0,0,.15)')\nconst fontSize = computed(() => props.font?.fontSize ?? 16)\nconst fontWeight = computed(() => props.font?.fontWeight ?? 'normal')\nconst fontStyle = computed(() => props.font?.fontStyle ?? 'normal')\nconst fontFamily = computed(() => props.font?.fontFamily ?? 'sans-serif')\nconst textAlign = computed(() => props.font?.textAlign ?? 'center')\nconst textBaseline = computed(() => props.font?.textBaseline ?? 'hanging')\n\nconst gapX = computed(() => props.gap[0])\nconst gapY = computed(() => props.gap[1])\nconst gapXCenter = computed(() => gapX.value / 2)\nconst gapYCenter = computed(() => gapY.value / 2)\nconst offsetLeft = computed(() => props.offset?.[0] ?? gapXCenter.value)\nconst offsetTop = computed(() => props.offset?.[1] ?? gapYCenter.value)\n\nconst getMarkStyle = () => {\n  const markStyle: CSSProperties = {\n    zIndex: props.zIndex,\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    backgroundRepeat: 'repeat',\n  }\n\n  /** Calculate the style of the offset */\n  let positionLeft = offsetLeft.value - gapXCenter.value\n  let positionTop = offsetTop.value - gapYCenter.value\n  if (positionLeft > 0) {\n    markStyle.left = `${positionLeft}px`\n    markStyle.width = `calc(100% - ${positionLeft}px)`\n    positionLeft = 0\n  }\n  if (positionTop > 0) {\n    markStyle.top = `${positionTop}px`\n    markStyle.height = `calc(100% - ${positionTop}px)`\n    positionTop = 0\n  }\n  markStyle.backgroundPosition = `${positionLeft}px ${positionTop}px`\n\n  return markStyle\n}\n\nconst containerRef = shallowRef<HTMLDivElement | null>(null)\nconst watermarkRef = shallowRef<HTMLDivElement>()\nconst stopObservation = ref(false)\n\nconst destroyWatermark = () => {\n  if (watermarkRef.value) {\n    watermarkRef.value.remove()\n    watermarkRef.value = undefined\n  }\n}\nconst appendWatermark = (base64Url: string, markWidth: number) => {\n  if (containerRef.value && watermarkRef.value) {\n    stopObservation.value = true\n    watermarkRef.value.setAttribute(\n      'style',\n      getStyleStr({\n        ...getMarkStyle(),\n        backgroundImage: `url('${base64Url}')`,\n        backgroundSize: `${Math.floor(markWidth)}px`,\n      })\n    )\n    containerRef.value?.append(watermarkRef.value)\n    // Delayed execution\n    setTimeout(() => {\n      stopObservation.value = false\n    })\n  }\n}\n\n/**\n * Get the width and height of the watermark. The default values are as follows\n * Image: [120, 64]; Content: It's calculated by content;\n */\nconst getMarkSize = (ctx: CanvasRenderingContext2D) => {\n  let defaultWidth = 120\n  let defaultHeight = 64\n  let space = 0\n\n  const { image, content, width, height, rotate } = props\n\n  if (!image && ctx.measureText) {\n    ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`\n\n    const contents = isArray(content) ? content : [content]\n    let maxWidth = 0\n    let maxHeight = 0\n\n    contents.forEach((item) => {\n      const {\n        width,\n        fontBoundingBoxAscent,\n        fontBoundingBoxDescent,\n        actualBoundingBoxAscent,\n        actualBoundingBoxDescent,\n      } = ctx.measureText(item!)\n      // Using `actualBoundingBoxAscent` to be compatible with lower version browsers (eg: Firefox < 116)\n      const height = isUndefined(fontBoundingBoxAscent)\n        ? actualBoundingBoxAscent + actualBoundingBoxDescent\n        : fontBoundingBoxAscent + fontBoundingBoxDescent\n\n      if (width > maxWidth) maxWidth = Math.ceil(width)\n      if (height > maxHeight) maxHeight = Math.ceil(height)\n    })\n\n    defaultWidth = maxWidth\n    defaultHeight =\n      maxHeight * contents.length + (contents.length - 1) * fontGap.value\n\n    const angle = (Math.PI / 180) * Number(rotate)\n    space = Math.ceil(Math.abs(Math.sin(angle) * defaultHeight) / 2)\n\n    defaultWidth += space\n  }\n\n  return [width ?? defaultWidth, height ?? defaultHeight, space] as const\n}\n\nconst getClips = useClips()\n\nconst renderWatermark = () => {\n  const canvas = document.createElement('canvas')\n  const ctx = canvas.getContext('2d')\n  const image = props.image\n  const content = props.content\n  const rotate = props.rotate\n\n  if (ctx) {\n    if (!watermarkRef.value) {\n      watermarkRef.value = document.createElement('div')\n    }\n\n    const ratio = getPixelRatio()\n    const [markWidth, markHeight, space] = getMarkSize(ctx)\n\n    const drawCanvas = (\n      drawContent?: NonNullable<WatermarkProps['content']> | HTMLImageElement\n    ) => {\n      const [textClips, clipWidth] = getClips(\n        drawContent || '',\n        rotate,\n        ratio,\n        markWidth,\n        markHeight,\n        {\n          color: color.value,\n          fontSize: fontSize.value,\n          fontStyle: fontStyle.value,\n          fontWeight: fontWeight.value,\n          fontFamily: fontFamily.value,\n          fontGap: fontGap.value,\n          textAlign: textAlign.value,\n          textBaseline: textBaseline.value,\n        },\n        gapX.value,\n        gapY.value,\n        space\n      )\n\n      appendWatermark(textClips, clipWidth)\n    }\n\n    if (image) {\n      const img = new Image()\n      img.onload = () => {\n        drawCanvas(img)\n      }\n      img.onerror = () => {\n        drawCanvas(content)\n      }\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n      img.src = image\n    } else {\n      drawCanvas(content)\n    }\n  }\n}\n\nonMounted(() => {\n  renderWatermark()\n})\n\nwatch(\n  () => props,\n  () => {\n    renderWatermark()\n  },\n  {\n    deep: true,\n    flush: 'post',\n  }\n)\n\nonBeforeUnmount(() => {\n  destroyWatermark()\n})\n\nconst onMutate = (mutations: MutationRecord[]) => {\n  if (stopObservation.value) {\n    return\n  }\n  mutations.forEach((mutation) => {\n    if (reRendering(mutation, watermarkRef.value)) {\n      destroyWatermark()\n      renderWatermark()\n    }\n  })\n}\n\nuseMutationObserver(containerRef, onMutate, {\n  attributes: true,\n  subtree: true,\n  childList: true,\n})\n</script>\n"],"names":["computed","shallowRef","ref","getStyleStr","isArray","isUndefined","useClips","onMounted","watch","onBeforeUnmount"],"mappings":"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"}

package/lib/directives/mousewheel/index.d.ts

@@ -1,3 +1,11 @@
 import type { ObjectDirective } from 'vue';
-declare const Mousewheel: ObjectDirective;
+import type { NormalizedWheelEvent } from 'normalize-wheel-es';
+export declare const SCOPE = "_Mousewheel";
+interface WheelElement extends HTMLElement {
+    [SCOPE]: null | {
+        wheelHandler?: (event: WheelEvent) => void;
+    };
+}
+type MousewheelCallback = (e: WheelEvent, normalized: NormalizedWheelEvent) => void;
+declare const Mousewheel: ObjectDirective<WheelElement, MousewheelCallback>;
 export default Mousewheel;

package/lib/directives/mousewheel/index.js

@@ -8,20 +8,39 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var normalizeWheel__default = /*#__PURE__*/_interopDefaultLegacy(normalizeWheel);
 
+const SCOPE = "_Mousewheel";
 const mousewheel = function(element, callback) {
   if (element && element.addEventListener) {
+    removeWheelHandler(element);
     const fn = function(event) {
       const normalized = normalizeWheel__default["default"](event);
       callback && Reflect.apply(callback, this, [event, normalized]);
     };
+    element[SCOPE] = { wheelHandler: fn };
     element.addEventListener("wheel", fn, { passive: true });
   }
 };
+const removeWheelHandler = (element) => {
+  var _a;
+  if ((_a = element[SCOPE]) == null ? void 0 : _a.wheelHandler) {
+    element.removeEventListener("wheel", element[SCOPE].wheelHandler);
+    element[SCOPE] = null;
+  }
+};
 const Mousewheel = {
   beforeMount(el, binding) {
     mousewheel(el, binding.value);
+  },
+  unmounted(el) {
+    removeWheelHandler(el);
+  },
+  updated(el, binding) {
+    if (binding.value !== binding.oldValue) {
+      mousewheel(el, binding.value);
+    }
   }
 };
 
+exports.SCOPE = SCOPE;
 exports["default"] = Mousewheel;
 //# sourceMappingURL=index.js.map

package/lib/directives/mousewheel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/directives/mousewheel/index.ts"],"sourcesContent":["import normalizeWheel from 'normalize-wheel-es'\n\nimport type { DirectiveBinding, ObjectDirective } from 'vue'\nimport type { NormalizedWheelEvent } from 'normalize-wheel-es'\n\nconst mousewheel = function (\n  element: HTMLElement,\n  callback: (e: WheelEvent, normalized: NormalizedWheelEvent) => void\n) {\n  if (element && element.addEventListener) {\n    const fn = function (this: HTMLElement, event: WheelEvent) {\n      const normalized = normalizeWheel(event)\n      callback && Reflect.apply(callback, this, [event, normalized])\n    }\n    element.addEventListener('wheel', fn, { passive: true })\n  }\n}\n\nconst Mousewheel: ObjectDirective = {\n  beforeMount(el: HTMLElement, binding: DirectiveBinding) {\n    mousewheel(el, binding.value)\n  },\n}\n\nexport default Mousewheel\n"],"names":["normalizeWheel"],"mappings":";;;;;;;;;;AACA,MAAM,UAAU,GAAG,SAAS,OAAO,EAAE,QAAQ,EAAE;AAC/C,EAAE,IAAI,OAAO,IAAI,OAAO,CAAC,gBAAgB,EAAE;AAC3C,IAAI,MAAM,EAAE,GAAG,SAAS,KAAK,EAAE;AAC/B,MAAM,MAAM,UAAU,GAAGA,kCAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,MAAM,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;AACrE,KAAK,CAAC;AACN,IAAI,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7D,GAAG;AACH,CAAC,CAAC;AACG,MAAC,UAAU,GAAG;AACnB,EAAE,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE;AAC3B,IAAI,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AAClC,GAAG;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/directives/mousewheel/index.ts"],"sourcesContent":["import normalizeWheel from 'normalize-wheel-es'\n\nimport type { ObjectDirective } from 'vue'\nimport type { NormalizedWheelEvent } from 'normalize-wheel-es'\n\nexport const SCOPE = '_Mousewheel'\n\ninterface WheelElement extends HTMLElement {\n  [SCOPE]: null | {\n    wheelHandler?: (event: WheelEvent) => void\n  }\n}\n\ntype MousewheelCallback = (\n  e: WheelEvent,\n  normalized: NormalizedWheelEvent\n) => void\n\nconst mousewheel = function (\n  element: WheelElement,\n  callback: MousewheelCallback\n) {\n  if (element && element.addEventListener) {\n    removeWheelHandler(element)\n\n    const fn = function (this: HTMLElement, event: WheelEvent) {\n      const normalized = normalizeWheel(event)\n      callback && Reflect.apply(callback, this, [event, normalized])\n    }\n\n    element[SCOPE] = { wheelHandler: fn }\n    element.addEventListener('wheel', fn, { passive: true })\n  }\n}\n\nconst removeWheelHandler = (element: WheelElement) => {\n  if (element[SCOPE]?.wheelHandler) {\n    element.removeEventListener('wheel', element[SCOPE].wheelHandler)\n    element[SCOPE] = null\n  }\n}\n\nconst Mousewheel: ObjectDirective<WheelElement, MousewheelCallback> = {\n  beforeMount(el, binding) {\n    mousewheel(el, binding.value)\n  },\n  unmounted(el) {\n    removeWheelHandler(el)\n  },\n  updated(el, binding) {\n    if (binding.value !== binding.oldValue) {\n      mousewheel(el, binding.value)\n    }\n  },\n}\n\nexport default Mousewheel\n"],"names":["normalizeWheel"],"mappings":";;;;;;;;;;AACY,MAAC,KAAK,GAAG,cAAc;AACnC,MAAM,UAAU,GAAG,SAAS,OAAO,EAAE,QAAQ,EAAE;AAC/C,EAAE,IAAI,OAAO,IAAI,OAAO,CAAC,gBAAgB,EAAE;AAC3C,IAAI,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAChC,IAAI,MAAM,EAAE,GAAG,SAAS,KAAK,EAAE;AAC/B,MAAM,MAAM,UAAU,GAAGA,kCAAc,CAAC,KAAK,CAAC,CAAC;AAC/C,MAAM,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;AACrE,KAAK,CAAC;AACN,IAAI,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;AAC1C,IAAI,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7D,GAAG;AACH,CAAC,CAAC;AACF,MAAM,kBAAkB,GAAG,CAAC,OAAO,KAAK;AACxC,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,IAAI,CAAC,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE;AAChE,IAAI,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC;AACtE,IAAI,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,GAAG;AACH,CAAC,CAAC;AACG,MAAC,UAAU,GAAG;AACnB,EAAE,WAAW,CAAC,EAAE,EAAE,OAAO,EAAE;AAC3B,IAAI,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AAClC,GAAG;AACH,EAAE,SAAS,CAAC,EAAE,EAAE;AAChB,IAAI,kBAAkB,CAAC,EAAE,CAAC,CAAC;AAC3B,GAAG;AACH,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,EAAE;AACvB,IAAI,IAAI,OAAO,CAAC,KAAK,KAAK,OAAO,CAAC,QAAQ,EAAE;AAC5C,MAAM,UAAU,CAAC,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;AACpC,KAAK;AACL,GAAG;AACH;;;;;"}

package/lib/index.d.ts

@@ -32,6 +32,7 @@ import type { Middleware } from "@floating-ui/dom";
 import type { Modifier } from "@popperjs/core";
 import type { NavigationFailure } from "vue-router";
 import { nextTick } from "vue";
+import type { NormalizedWheelEvent } from "normalize-wheel-es";
 import { Numberify } from "@ctrl/tinycolor";
 import { ObjectDirective } from "vue";
 import { ObjectFitProperty } from "csstype";
@@ -15394,7 +15395,13 @@ declare const _default_44: __VLS_WithTemplateSlots_40<typeof __VLS_component_40,
 declare const _default_45: __VLS_WithTemplateSlots_41<typeof __VLS_component_41, ReturnType<typeof __VLS_template_41>>;
 declare const _default_46: __VLS_WithTemplateSlots_42<typeof __VLS_component_42, ReturnType<typeof __VLS_template_42>>;
 declare const _default_47: DefineComponent<{
-    readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    readonly trigger: {
+        readonly type: PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+        readonly default: "hover";
+    };
     readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     readonly virtualTriggering: BooleanConstructor;
     readonly virtualRef: {
@@ -15584,7 +15591,13 @@ declare const _default_47: DefineComponent<{
     triggeringElementRef: Ref<any>;
     referenceElementRef: Ref<any>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("click" | "visible-change" | "command")[], "click" | "visible-change" | "command", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    readonly trigger: {
+        readonly type: PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+        readonly default: "hover";
+    };
     readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     readonly virtualTriggering: BooleanConstructor;
     readonly virtualRef: {
@@ -15748,7 +15761,7 @@ declare const _default_47: DefineComponent<{
     readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | ((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement))[], unknown, unknown>;
     readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
     readonly role: EpPropMergeType<StringConstructor, "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation", unknown>;
-    readonly trigger: EpPropMergeType<(new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown>;
+    readonly trigger: Arrayable<"click" | "contextmenu" | "hover">;
     readonly virtualTriggering: boolean;
     readonly loop: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOptions: Partial<Options>;
@@ -20415,7 +20428,13 @@ export declare const dropdownMenuProps: {
     };
 };
 export declare const dropdownProps: {
-    readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | ((new (...args: any[]) => "click" | "focus" | "contextmenu" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    readonly trigger: {
+        readonly type: PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+        readonly default: "hover";
+    };
     readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => string[], boolean>;
     readonly virtualTriggering: BooleanConstructor;
     readonly virtualRef: {
@@ -24018,7 +24037,8 @@ export declare type ModelToggleParams = {
     onHide?: (event?: Event) => void;
 };
 export declare type ModelValueType = DateModelType | number[] | string[] | Date[];
-export declare const Mousewheel: ObjectDirective;
+export declare const Mousewheel: ObjectDirective<WheelElement, MousewheelCallback>;
+declare type MousewheelCallback = (e: WheelEvent, normalized: NormalizedWheelEvent) => void;
 declare type Mutable<T> = {
     -readonly [P in keyof T]: T[P];
 };
@@ -25108,6 +25128,7 @@ export declare type RowPropsPublic = __ExtractPublicPropTypes<typeof rowProps>;
 export declare type RTLOffsetType = "negative" | "positive-descending" | "positive-ascending";
 export declare const SCOPE = "use-empty-values";
 declare const SCOPE_2 = "_RepeatClick";
+declare const SCOPE_3 = "_Mousewheel";
 export declare interface ScrollbarContext {
     scrollbarElement: HTMLDivElement;
     wrapElement: HTMLDivElement;
@@ -30846,6 +30867,11 @@ export declare const WEEK_DAYS: readonly [
     "fri",
     "sat"
 ];
+declare interface WheelElement extends HTMLElement {
+    [SCOPE_3]: null | {
+        wheelHandler?: (event: WheelEvent) => void;
+    };
+}
 declare type Writable<T> = {
     -readonly [P in keyof T]: T[P];
 };

package/lib/index.js

@@ -7,7 +7,7 @@ var makeInstaller = require('./make-installer.js');
 var dayjs = require('dayjs');
 var affix = require('./components/affix/src/affix.js');
 var index = require('./components/affix/index.js');
-var alert = require('./components/alert/src/alert.js');
+var alert = require('./components/alert/src/alert2.js');
 var index$1 = require('./components/alert/index.js');
 var autocomplete = require('./components/autocomplete/src/autocomplete.js');
 var index$2 = require('./components/autocomplete/index.js');
@@ -40,7 +40,7 @@ var index$c = require('./components/cascader-panel/index.js');
 var checkTag = require('./components/check-tag/src/check-tag.js');
 var index$d = require('./components/check-tag/index.js');
 var checkboxGroup = require('./components/checkbox/src/checkbox-group.js');
-var checkbox = require('./components/checkbox/src/checkbox2.js');
+var checkbox = require('./components/checkbox/src/checkbox.js');
 var constants$3 = require('./components/checkbox/src/constants.js');
 var index$e = require('./components/checkbox/index.js');
 var col = require('./components/col/src/col.js');
@@ -111,7 +111,7 @@ var tokens$1 = require('./components/menu/src/tokens.js');
 var index$D = require('./components/menu/index.js');
 var overlay = require('./components/overlay/src/overlay.js');
 var index$E = require('./components/overlay/index.js');
-var pageHeader = require('./components/page-header/src/page-header2.js');
+var pageHeader = require('./components/page-header/src/page-header.js');
 var index$F = require('./components/page-header/index.js');
 var pagination = require('./components/pagination/src/pagination.js');
 var constants$9 = require('./components/pagination/src/constants.js');
@@ -120,17 +120,17 @@ var popconfirm = require('./components/popconfirm/src/popconfirm.js');
 var index$H = require('./components/popconfirm/index.js');
 var popper = require('./components/popper/src/popper.js');
 var trigger$1 = require('./components/popper/src/trigger.js');
-var content$1 = require('./components/popper/src/content2.js');
+var content$1 = require('./components/popper/src/content.js');
 var arrow$1 = require('./components/popper/src/arrow.js');
 var constants$a = require('./components/popper/src/constants.js');
 var arrow = require('./components/popper/src/arrow2.js');
 var trigger = require('./components/popper/src/trigger2.js');
-var content = require('./components/popper/src/content.js');
+var content = require('./components/popper/src/content2.js');
 var index$I = require('./components/popper/index.js');
 var progress = require('./components/progress/src/progress.js');
 var index$J = require('./components/progress/index.js');
 var radio = require('./components/radio/src/radio.js');
-var radioGroup = require('./components/radio/src/radio-group2.js');
+var radioGroup = require('./components/radio/src/radio-group.js');
 var radioButton = require('./components/radio/src/radio-button.js');
 var constants$b = require('./components/radio/src/constants.js');
 var index$K = require('./components/radio/index.js');
@@ -161,13 +161,13 @@ var space = require('./components/space/src/space.js');
 var item = require('./components/space/src/item.js');
 var useSpace = require('./components/space/src/use-space.js');
 var index$T = require('./components/space/index.js');
-var statistic = require('./components/statistic/src/statistic.js');
+var statistic = require('./components/statistic/src/statistic2.js');
 var index$U = require('./components/statistic/index.js');
 var item$1 = require('./components/steps/src/item.js');
 var steps = require('./components/steps/src/steps.js');
 var tokens$2 = require('./components/steps/src/tokens.js');
 var index$V = require('./components/steps/index.js');
-var _switch = require('./components/switch/src/switch2.js');
+var _switch = require('./components/switch/src/switch.js');
 var index$W = require('./components/switch/index.js');
 var index$X = require('./components/table/index.js');
 var constants$f = require('./components/table-v2/src/constants.js');
@@ -178,14 +178,14 @@ var table = require('./components/table-v2/src/table.js');
 var row$1 = require('./components/table-v2/src/row.js');
 var index$Y = require('./components/table-v2/index.js');
 var tabs = require('./components/tabs/src/tabs.js');
-var tabBar = require('./components/tabs/src/tab-bar.js');
+var tabBar = require('./components/tabs/src/tab-bar2.js');
 var tabNav = require('./components/tabs/src/tab-nav.js');
-var tabPane = require('./components/tabs/src/tab-pane2.js');
+var tabPane = require('./components/tabs/src/tab-pane.js');
 var constants$g = require('./components/tabs/src/constants.js');
 var index$Z = require('./components/tabs/index.js');
 var tag = require('./components/tag/src/tag.js');
 var index$_ = require('./components/tag/index.js');
-var text = require('./components/text/src/text2.js');
+var text = require('./components/text/src/text.js');
 var index$$ = require('./components/text/index.js');
 var utils = require('./components/time-picker/src/utils.js');
 var constants$h = require('./components/time-picker/src/constants.js');
@@ -193,7 +193,7 @@ var props$1 = require('./components/time-picker/src/common/props.js');
 var index$10 = require('./components/time-picker/index.js');
 var picker = require('./components/time-picker/src/common/picker.js');
 var panelTimePick = require('./components/time-picker/src/time-picker-com/panel-time-pick.js');
-var timeSelect = require('./components/time-select/src/time-select.js');
+var timeSelect = require('./components/time-select/src/time-select2.js');
 var index$11 = require('./components/time-select/index.js');
 var timelineItem = require('./components/timeline/src/timeline-item.js');
 var tokens$3 = require('./components/timeline/src/tokens.js');
@@ -221,19 +221,19 @@ var dynamicSizeList = require('./components/virtual-list/src/components/dynamic-
 var fixedSizeGrid = require('./components/virtual-list/src/components/fixed-size-grid.js');
 var dynamicSizeGrid = require('./components/virtual-list/src/components/dynamic-size-grid.js');
 var props$2 = require('./components/virtual-list/src/props.js');
-var watermark = require('./components/watermark/src/watermark2.js');
+var watermark = require('./components/watermark/src/watermark.js');
 var index$19 = require('./components/watermark/index.js');
 var tour = require('./components/tour/src/tour2.js');
 var step = require('./components/tour/src/step.js');
 var content$3 = require('./components/tour/src/content.js');
 var index$1a = require('./components/tour/index.js');
-var anchor = require('./components/anchor/src/anchor2.js');
+var anchor = require('./components/anchor/src/anchor.js');
 var index$1b = require('./components/anchor/index.js');
 var segmented = require('./components/segmented/src/segmented.js');
 var index$1c = require('./components/segmented/index.js');
 var mention = require('./components/mention/src/mention.js');
 var index$1d = require('./components/mention/index.js');
-var splitter = require('./components/splitter/src/splitter.js');
+var splitter = require('./components/splitter/src/splitter2.js');
 var splitPanel = require('./components/splitter/src/split-panel.js');
 var index$1e = require('./components/splitter/index.js');
 var index$1f = require('./components/infinite-scroll/index.js');

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20251026";
+export declare const version = "0.0.20251028";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20251026";
+const version = "0.0.20251028";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20251026'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20251028'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20251026",
+  "version": "0.0.20251028",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -111,5 +111,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "2dca78bd7675035a9f2c177ec756da8cfbaa7a7b"
+  "gitHead": "58a506b889cfb15945bf3cbbee407eb9f308008a"
 }