@element-plus/nightly 0.0.20251223 → 0.0.20251224

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

@@ -2,256 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElWatermark"
+const watermarkProps = runtime.buildProps({
+  zIndex: {
+    type: Number,
+    default: 9
   },
-  __name: "watermark",
-  props: watermark.watermarkProps,
-  setup(__props) {
-    const style = {
-      position: "relative"
-    };
-    const props = __props;
-    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
-      );
-    };
+  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)
   }
 });
-var Watermark = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/watermark/src/watermark.vue"]]);
 
-exports["default"] = Watermark;
+exports.watermarkProps = watermarkProps;
 //# 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.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","width","height","isUndefined","useClips","getPixelRatio","onMounted","watch","onBeforeUnmount","reRendering","useMutationObserver","_openBlock","_createElementBlock","_normalizeStyle","_renderSlot"],"mappings":"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"}
+{"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<typeof watermarkProps>\nexport type WatermarkInstance = InstanceType<typeof Watermark> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAsBO,MAAM,iBAAiBA,kBAAW,CAAA;AAAA,EAIvC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA,MAAA;AAAA,EAIP,MAAQ,EAAA,MAAA;AAAA,EAIR,KAAO,EAAA,MAAA;AAAA,EAIP,OAAS,EAAA;AAAA,IACP,IAAM,EAAAC,sBAAA,CAAkC,CAAC,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,IACvD,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAkC,MAAM,CAAA;AAAA,GAChD;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAA,EAAMA,uBAAiC,KAAK,CAAA;AAAA,IAC5C,OAAS,EAAA,MAAM,CAAC,GAAA,EAAK,GAAG,CAAA;AAAA,GAC1B;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAA,EAAMA,uBAAiC,KAAK,CAAA;AAAA,GAC9C;AACF,CAAU;;;;"}

package/lib/hooks/use-lockscreen/index.js

@@ -20,7 +20,11 @@ const useLockscreen = (trigger, options = {}) => {
   let scrollBarWidth = 0;
   let withoutHiddenClass = false;
   let bodyWidth = "0";
+  let cleaned = false;
   const cleanup = () => {
+    if (cleaned)
+      return;
+    cleaned = true;
     setTimeout(() => {
       if (typeof document === "undefined")
         return;
@@ -35,6 +39,7 @@ const useLockscreen = (trigger, options = {}) => {
       cleanup();
       return;
     }
+    cleaned = false;
     withoutHiddenClass = !style.hasClass(document.body, hiddenCls.value);
     if (withoutHiddenClass) {
       bodyWidth = document.body.style.width;

package/lib/hooks/use-lockscreen/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-lockscreen/index.ts"],"sourcesContent":["import { computed, isRef, onScopeDispose, watch } from 'vue'\nimport {\n  addClass,\n  getScrollBarWidth,\n  getStyle,\n  hasClass,\n  removeClass,\n  throwError,\n} from '@element-plus/utils'\nimport { useNamespace } from '../use-namespace'\n\nimport type { Ref } from 'vue'\nimport type { UseNamespaceReturn } from '../use-namespace'\n\nexport type UseLockScreenOptions = {\n  ns?: UseNamespaceReturn\n  // shouldLock?: MaybeRef<boolean>\n}\n\n/**\n * Hook that monitoring the ref value to lock or unlock the screen.\n * When the trigger became true, it assumes modal is now opened and vice versa.\n * @param trigger {Ref<boolean>}\n */\nexport const useLockscreen = (\n  trigger: Ref<boolean>,\n  options: UseLockScreenOptions = {}\n) => {\n  if (!isRef(trigger)) {\n    throwError(\n      '[useLockscreen]',\n      'You need to pass a ref param to this function'\n    )\n  }\n\n  const ns = options.ns || useNamespace('popup')\n\n  const hiddenCls = computed(() => ns.bm('parent', 'hidden'))\n\n  let scrollBarWidth = 0\n  let withoutHiddenClass = false\n  let bodyWidth = '0'\n\n  const cleanup = () => {\n    setTimeout(() => {\n      // When the test case is running, the context environment simulated by jsdom may have been destroyed,\n      // and the document does not exist at this time.\n      if (typeof document === 'undefined') return\n      if (withoutHiddenClass && document) {\n        document.body.style.width = bodyWidth\n        removeClass(document.body, hiddenCls.value)\n      }\n    }, 200)\n  }\n  watch(trigger, (val) => {\n    if (!val) {\n      cleanup()\n      return\n    }\n\n    withoutHiddenClass = !hasClass(document.body, hiddenCls.value)\n    if (withoutHiddenClass) {\n      bodyWidth = document.body.style.width\n      addClass(document.body, hiddenCls.value)\n    }\n    scrollBarWidth = getScrollBarWidth(ns.namespace.value)\n    const bodyHasOverflow =\n      document.documentElement.clientHeight < document.body.scrollHeight\n    const bodyOverflowY = getStyle(document.body, 'overflowY')\n    if (\n      scrollBarWidth > 0 &&\n      (bodyHasOverflow || bodyOverflowY === 'scroll') &&\n      withoutHiddenClass\n    ) {\n      document.body.style.width = `calc(100% - ${scrollBarWidth}px)`\n    }\n  })\n  onScopeDispose(() => cleanup())\n}\n"],"names":["isRef","throwError","useNamespace","computed","removeClass","watch","hasClass","addClass","getScrollBarWidth","getStyle","onScopeDispose"],"mappings":";;;;;;;;;;AAwBO,MAAM,aAAgB,GAAA,CAC3B,OACA,EAAA,OAAA,GAAgC,EAC7B,KAAA;AACH,EAAI,IAAA,CAACA,SAAM,CAAA,OAAO,CAAG,EAAA;AACnB,IAAAC,gBAAA;AAAA,MACE,iBAAA;AAAA,MACA,+CAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,MAAM,EAAK,GAAA,OAAA,CAAQ,EAAM,IAAAC,kBAAA,CAAa,OAAO,CAAA,CAAA;AAE7C,EAAA,MAAM,YAAYC,YAAS,CAAA,MAAM,GAAG,EAAG,CAAA,QAAA,EAAU,QAAQ,CAAC,CAAA,CAAA;AAE1D,EAAA,IAAI,cAAiB,GAAA,CAAA,CAAA;AACrB,EAAA,IAAI,kBAAqB,GAAA,KAAA,CAAA;AACzB,EAAA,IAAI,SAAY,GAAA,GAAA,CAAA;AAEhB,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,UAAA,CAAW,MAAM;AAGf,MAAA,IAAI,OAAO,QAAa,KAAA,WAAA;AAAa,QAAA,OAAA;AACrC,MAAA,IAAI,sBAAsB,QAAU,EAAA;AAClC,QAAS,QAAA,CAAA,IAAA,CAAK,MAAM,KAAQ,GAAA,SAAA,CAAA;AAC5B,QAAYC,iBAAA,CAAA,QAAA,CAAS,IAAM,EAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,OAC5C;AAAA,OACC,GAAG,CAAA,CAAA;AAAA,GACR,CAAA;AACA,EAAMC,SAAA,CAAA,OAAA,EAAS,CAAC,GAAQ,KAAA;AACtB,IAAA,IAAI,CAAC,GAAK,EAAA;AACR,MAAQ,OAAA,EAAA,CAAA;AACR,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,kBAAA,GAAqB,CAACC,cAAA,CAAS,QAAS,CAAA,IAAA,EAAM,UAAU,KAAK,CAAA,CAAA;AAC7D,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAY,SAAA,GAAA,QAAA,CAAS,KAAK,KAAM,CAAA,KAAA,CAAA;AAChC,MAASC,cAAA,CAAA,QAAA,CAAS,IAAM,EAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,KACzC;AACA,IAAiB,cAAA,GAAAC,wBAAA,CAAkB,EAAG,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACrD,IAAA,MAAM,eACJ,GAAA,QAAA,CAAS,eAAgB,CAAA,YAAA,GAAe,SAAS,IAAK,CAAA,YAAA,CAAA;AACxD,IAAA,MAAM,aAAgB,GAAAC,cAAA,CAAS,QAAS,CAAA,IAAA,EAAM,WAAW,CAAA,CAAA;AACzD,IAAA,IACE,cAAiB,GAAA,CAAA,KAChB,eAAmB,IAAA,aAAA,KAAkB,aACtC,kBACA,EAAA;AACA,MAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,KAAA,GAAQ,CAAe,YAAA,EAAA,cAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KAC7C;AAAA,GACD,CAAA,CAAA;AACD,EAAeC,kBAAA,CAAA,MAAM,SAAS,CAAA,CAAA;AAChC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-lockscreen/index.ts"],"sourcesContent":["import { computed, isRef, onScopeDispose, watch } from 'vue'\nimport {\n  addClass,\n  getScrollBarWidth,\n  getStyle,\n  hasClass,\n  removeClass,\n  throwError,\n} from '@element-plus/utils'\nimport { useNamespace } from '../use-namespace'\n\nimport type { Ref } from 'vue'\nimport type { UseNamespaceReturn } from '../use-namespace'\n\nexport type UseLockScreenOptions = {\n  ns?: UseNamespaceReturn\n  // shouldLock?: MaybeRef<boolean>\n}\n\n/**\n * Hook that monitoring the ref value to lock or unlock the screen.\n * When the trigger became true, it assumes modal is now opened and vice versa.\n * @param trigger {Ref<boolean>}\n */\nexport const useLockscreen = (\n  trigger: Ref<boolean>,\n  options: UseLockScreenOptions = {}\n) => {\n  if (!isRef(trigger)) {\n    throwError(\n      '[useLockscreen]',\n      'You need to pass a ref param to this function'\n    )\n  }\n\n  const ns = options.ns || useNamespace('popup')\n\n  const hiddenCls = computed(() => ns.bm('parent', 'hidden'))\n\n  let scrollBarWidth = 0\n  let withoutHiddenClass = false\n  let bodyWidth = '0'\n  let cleaned = false\n\n  const cleanup = () => {\n    if (cleaned) return\n\n    cleaned = true\n    setTimeout(() => {\n      // When the test case is running, the context environment simulated by jsdom may have been destroyed,\n      // and the document does not exist at this time.\n      if (typeof document === 'undefined') return\n      if (withoutHiddenClass && document) {\n        document.body.style.width = bodyWidth\n        removeClass(document.body, hiddenCls.value)\n      }\n    }, 200)\n  }\n  watch(trigger, (val) => {\n    if (!val) {\n      cleanup()\n      return\n    }\n\n    cleaned = false\n    withoutHiddenClass = !hasClass(document.body, hiddenCls.value)\n    if (withoutHiddenClass) {\n      bodyWidth = document.body.style.width\n      addClass(document.body, hiddenCls.value)\n    }\n    scrollBarWidth = getScrollBarWidth(ns.namespace.value)\n    const bodyHasOverflow =\n      document.documentElement.clientHeight < document.body.scrollHeight\n    const bodyOverflowY = getStyle(document.body, 'overflowY')\n    if (\n      scrollBarWidth > 0 &&\n      (bodyHasOverflow || bodyOverflowY === 'scroll') &&\n      withoutHiddenClass\n    ) {\n      document.body.style.width = `calc(100% - ${scrollBarWidth}px)`\n    }\n  })\n  onScopeDispose(() => cleanup())\n}\n"],"names":["isRef","throwError","useNamespace","computed","removeClass","watch","hasClass","addClass","getScrollBarWidth","getStyle","onScopeDispose"],"mappings":";;;;;;;;;;AAwBO,MAAM,aAAgB,GAAA,CAC3B,OACA,EAAA,OAAA,GAAgC,EAC7B,KAAA;AACH,EAAI,IAAA,CAACA,SAAM,CAAA,OAAO,CAAG,EAAA;AACnB,IAAAC,gBAAA;AAAA,MACE,iBAAA;AAAA,MACA,+CAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,MAAM,EAAK,GAAA,OAAA,CAAQ,EAAM,IAAAC,kBAAA,CAAa,OAAO,CAAA,CAAA;AAE7C,EAAA,MAAM,YAAYC,YAAS,CAAA,MAAM,GAAG,EAAG,CAAA,QAAA,EAAU,QAAQ,CAAC,CAAA,CAAA;AAE1D,EAAA,IAAI,cAAiB,GAAA,CAAA,CAAA;AACrB,EAAA,IAAI,kBAAqB,GAAA,KAAA,CAAA;AACzB,EAAA,IAAI,SAAY,GAAA,GAAA,CAAA;AAChB,EAAA,IAAI,OAAU,GAAA,KAAA,CAAA;AAEd,EAAA,MAAM,UAAU,MAAM;AACpB,IAAI,IAAA,OAAA;AAAS,MAAA,OAAA;AAEb,IAAU,OAAA,GAAA,IAAA,CAAA;AACV,IAAA,UAAA,CAAW,MAAM;AAGf,MAAA,IAAI,OAAO,QAAa,KAAA,WAAA;AAAa,QAAA,OAAA;AACrC,MAAA,IAAI,sBAAsB,QAAU,EAAA;AAClC,QAAS,QAAA,CAAA,IAAA,CAAK,MAAM,KAAQ,GAAA,SAAA,CAAA;AAC5B,QAAYC,iBAAA,CAAA,QAAA,CAAS,IAAM,EAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,OAC5C;AAAA,OACC,GAAG,CAAA,CAAA;AAAA,GACR,CAAA;AACA,EAAMC,SAAA,CAAA,OAAA,EAAS,CAAC,GAAQ,KAAA;AACtB,IAAA,IAAI,CAAC,GAAK,EAAA;AACR,MAAQ,OAAA,EAAA,CAAA;AACR,MAAA,OAAA;AAAA,KACF;AAEA,IAAU,OAAA,GAAA,KAAA,CAAA;AACV,IAAA,kBAAA,GAAqB,CAACC,cAAA,CAAS,QAAS,CAAA,IAAA,EAAM,UAAU,KAAK,CAAA,CAAA;AAC7D,IAAA,IAAI,kBAAoB,EAAA;AACtB,MAAY,SAAA,GAAA,QAAA,CAAS,KAAK,KAAM,CAAA,KAAA,CAAA;AAChC,MAASC,cAAA,CAAA,QAAA,CAAS,IAAM,EAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,KACzC;AACA,IAAiB,cAAA,GAAAC,wBAAA,CAAkB,EAAG,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACrD,IAAA,MAAM,eACJ,GAAA,QAAA,CAAS,eAAgB,CAAA,YAAA,GAAe,SAAS,IAAK,CAAA,YAAA,CAAA;AACxD,IAAA,MAAM,aAAgB,GAAAC,cAAA,CAAS,QAAS,CAAA,IAAA,EAAM,WAAW,CAAA,CAAA;AACzD,IAAA,IACE,cAAiB,GAAA,CAAA,KAChB,eAAmB,IAAA,aAAA,KAAkB,aACtC,kBACA,EAAA;AACA,MAAS,QAAA,CAAA,IAAA,CAAK,KAAM,CAAA,KAAA,GAAQ,CAAe,YAAA,EAAA,cAAA,CAAA,GAAA,CAAA,CAAA;AAAA,KAC7C;AAAA,GACD,CAAA,CAAA;AACD,EAAeC,kBAAA,CAAA,MAAM,SAAS,CAAA,CAAA;AAChC;;;;"}

package/lib/index.js

@@ -32,7 +32,7 @@ var carousel = require('./components/carousel/src/carousel.js');
 var carouselItem = require('./components/carousel/src/carousel-item.js');
 var constants$2 = require('./components/carousel/src/constants.js');
 var index$a = require('./components/carousel/index.js');
-var cascader = require('./components/cascader/src/cascader.js');
+var cascader = require('./components/cascader/src/cascader2.js');
 var index$b = require('./components/cascader/index.js');
 var types = require('./components/cascader-panel/src/types.js');
 var config = require('./components/cascader-panel/src/config.js');
@@ -43,10 +43,10 @@ var checkboxGroup = require('./components/checkbox/src/checkbox-group.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');
+var col = require('./components/col/src/col2.js');
 var index$f = require('./components/col/index.js');
 var collapse = require('./components/collapse/src/collapse.js');
-var collapseItem = require('./components/collapse/src/collapse-item2.js');
+var collapseItem = require('./components/collapse/src/collapse-item.js');
 var constants$4 = require('./components/collapse/src/constants.js');
 var index$g = require('./components/collapse/index.js');
 var index$h = require('./components/collapse-transition/index.js');
@@ -89,7 +89,7 @@ var constants$8 = require('./components/form/src/constants.js');
 var useFormCommonProps = require('./components/form/src/hooks/use-form-common-props.js');
 var useFormItem = require('./components/form/src/hooks/use-form-item.js');
 var index$v = require('./components/form/index.js');
-var icon = require('./components/icon/src/icon2.js');
+var icon = require('./components/icon/src/icon.js');
 var index$w = require('./components/icon/index.js');
 var image = require('./components/image/src/image.js');
 var index$x = require('./components/image/index.js');
@@ -121,9 +121,9 @@ 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/content.js');
-var arrow$1 = require('./components/popper/src/arrow2.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/arrow.js');
+var arrow = require('./components/popper/src/arrow2.js');
 var trigger = require('./components/popper/src/trigger2.js');
 var content = require('./components/popper/src/content2.js');
 var index$I = require('./components/popper/index.js');
@@ -136,23 +136,23 @@ var constants$b = require('./components/radio/src/constants.js');
 var index$K = require('./components/radio/index.js');
 var rate = require('./components/rate/src/rate.js');
 var index$L = require('./components/rate/index.js');
-var result = require('./components/result/src/result2.js');
+var result = require('./components/result/src/result.js');
 var index$M = require('./components/result/index.js');
 var row = require('./components/row/src/row.js');
 var constants$c = require('./components/row/src/constants.js');
 var index$N = require('./components/row/index.js');
 var util = require('./components/scrollbar/src/util.js');
-var scrollbar = require('./components/scrollbar/src/scrollbar.js');
+var scrollbar = require('./components/scrollbar/src/scrollbar2.js');
 var thumb = require('./components/scrollbar/src/thumb.js');
 var constants$d = require('./components/scrollbar/src/constants.js');
 var index$O = require('./components/scrollbar/index.js');
 var token = require('./components/select/src/token.js');
-var select = require('./components/select/src/select2.js');
+var select = require('./components/select/src/select.js');
 var index$P = require('./components/select/index.js');
 var token$1 = require('./components/select-v2/src/token.js');
 var index$Q = require('./components/select-v2/index.js');
-var skeleton = require('./components/skeleton/src/skeleton2.js');
-var skeletonItem = require('./components/skeleton/src/skeleton-item2.js');
+var skeleton = require('./components/skeleton/src/skeleton.js');
+var skeletonItem = require('./components/skeleton/src/skeleton-item.js');
 var index$R = require('./components/skeleton/index.js');
 var slider = require('./components/slider/src/slider.js');
 var constants$e = require('./components/slider/src/constants.js');
@@ -167,7 +167,7 @@ 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,9 +178,9 @@ 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-pane.js');
+var tabPane = require('./components/tabs/src/tab-pane2.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');
@@ -195,11 +195,11 @@ 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 index$11 = require('./components/time-select/index.js');
-var timelineItem = require('./components/timeline/src/timeline-item.js');
+var timelineItem = require('./components/timeline/src/timeline-item2.js');
 var tokens$3 = require('./components/timeline/src/tokens.js');
 var index$12 = require('./components/timeline/index.js');
 var tooltip = require('./components/tooltip/src/tooltip2.js');
-var trigger$2 = require('./components/tooltip/src/trigger2.js');
+var trigger$2 = require('./components/tooltip/src/trigger.js');
 var content$2 = require('./components/tooltip/src/content.js');
 var constants$i = require('./components/tooltip/src/constants.js');
 var index$13 = require('./components/tooltip/index.js');
@@ -210,7 +210,7 @@ var tree = require('./components/tree/src/tree.js');
 var index$15 = require('./components/tree/index.js');
 var index$16 = require('./components/tree-select/index.js');
 var index$17 = require('./components/tree-v2/index.js');
-var upload = require('./components/upload/src/upload.js');
+var upload = require('./components/upload/src/upload2.js');
 var uploadContent = require('./components/upload/src/upload-content.js');
 var uploadList = require('./components/upload/src/upload-list.js');
 var uploadDragger = require('./components/upload/src/upload-dragger.js');
@@ -221,7 +221,7 @@ 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/watermark.js');
+var watermark = require('./components/watermark/src/watermark2.js');
 var index$19 = require('./components/watermark/index.js');
 var tour = require('./components/tour/src/tour.js');
 var step = require('./components/tour/src/step.js');
@@ -229,7 +229,7 @@ var content$3 = require('./components/tour/src/content.js');
 var index$1a = require('./components/tour/index.js');
 var anchor = require('./components/anchor/src/anchor.js');
 var index$1b = require('./components/anchor/index.js');
-var segmented = require('./components/segmented/src/segmented2.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');
@@ -240,10 +240,10 @@ var index$1f = require('./components/infinite-scroll/index.js');
 var index$1g = require('./components/loading/index.js');
 var directive = require('./components/loading/src/directive.js');
 var service = require('./components/loading/src/service.js');
-var message = require('./components/message/src/message2.js');
+var message = require('./components/message/src/message.js');
 var index$1h = require('./components/message/index.js');
 var index$1i = require('./components/message-box/index.js');
-var notification = require('./components/notification/src/notification2.js');
+var notification = require('./components/notification/src/notification.js');
 var index$1j = require('./components/notification/index.js');
 var popover = require('./components/popover/src/popover.js');
 var index$1k = require('./components/popover/index.js');

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20251223";
+export declare const version = "0.0.20251224";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20251223";
+const version = "0.0.20251224";
 
 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.20251223'\n"],"names":[],"mappings":";;;;AAAO,MAAM,OAAU,GAAA;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20251224'\n"],"names":[],"mappings":";;;;AAAO,MAAM,OAAU,GAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20251223",
+  "version": "0.0.20251224",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -109,5 +109,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "1a1c23e012f4e1b4e01ba54673cc1695f15ad1d2"
+  "gitHead": "47f1b36b1789817fa0cb605992a7a1f0d41ed3e6"
 }