element-plus-secondary 1.2.1 → 1.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"watermark.js","sources":["../../../../../../packages/components/watermark/src/watermark.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes } 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  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 WatermarkInstance = InstanceType<typeof Watermark>\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":"watermark.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 } from '@element-plus/utils'\nimport { watermarkProps } from './watermark'\nimport { getPixelRatio, getStyleStr, reRendering } from './utils'\nimport useClips, { FontGap } from './useClips'\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 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  const image = props.image\n  const content = props.content\n  const width = props.width\n  const height = props.height\n  if (!image && ctx.measureText) {\n    ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`\n    const contents = isArray(content) ? content : [content]\n    const sizes = contents.map((item) => {\n      const metrics = ctx.measureText(item!)\n\n      return [\n        metrics.width,\n        // Using `actualBoundingBoxAscent` to be compatible with lower version browsers (eg: Firefox < 116)\n        metrics.fontBoundingBoxAscent !== undefined\n          ? metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent\n          : metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,\n      ]\n    })\n    defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])))\n    defaultHeight =\n      Math.ceil(Math.max(...sizes.map((size) => size[1]))) * contents.length +\n      (contents.length - 1) * FontGap\n  }\n  return [width ?? defaultWidth, height ?? defaultHeight] 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] = 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          textAlign: textAlign.value,\n          textBaseline: textBaseline.value,\n        },\n        gapX.value,\n        gapY.value\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","FontGap","getPixelRatio","onMounted","watch","onBeforeUnmount"],"mappings":"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"}

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

@@ -2,218 +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 runtime = require('../../../utils/vue/props/runtime.js');
 
-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 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;
-      const image = props.image;
-      const content = props.content;
-      const width = props.width;
-      const height = props.height;
-      if (!image && ctx.measureText) {
-        ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`;
-        const contents = shared.isArray(content) ? content : [content];
-        const sizes = contents.map((item) => {
-          const metrics = ctx.measureText(item);
-          return [
-            metrics.width,
-            metrics.fontBoundingBoxAscent !== void 0 ? metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent : metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent
-          ];
-        });
-        defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])));
-        defaultHeight = Math.ceil(Math.max(...sizes.map((size) => size[1]))) * contents.length + (contents.length - 1) * useClips.FontGap;
-      }
-      return [width != null ? width : defaultWidth, height != null ? height : defaultHeight];
-    };
-    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] = 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,
-            textAlign: textAlign.value,
-            textBaseline: textBaseline.value
-          }, gapX.value, gapY.value);
-          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);
-    };
+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)
   }
 });
-var Watermark = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "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 } from '@element-plus/utils'\nimport { watermarkProps } from './watermark'\nimport { getPixelRatio, getStyleStr, reRendering } from './utils'\nimport useClips, { FontGap } from './useClips'\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 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  const image = props.image\n  const content = props.content\n  const width = props.width\n  const height = props.height\n  if (!image && ctx.measureText) {\n    ctx.font = `${Number(fontSize.value)}px ${fontFamily.value}`\n    const contents = isArray(content) ? content : [content]\n    const sizes = contents.map((item) => {\n      const metrics = ctx.measureText(item!)\n\n      return [\n        metrics.width,\n        // Using `actualBoundingBoxAscent` to be compatible with lower version browsers (eg: Firefox < 116)\n        metrics.fontBoundingBoxAscent !== undefined\n          ? metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent\n          : metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent,\n      ]\n    })\n    defaultWidth = Math.ceil(Math.max(...sizes.map((size) => size[0])))\n    defaultHeight =\n      Math.ceil(Math.max(...sizes.map((size) => size[1]))) * contents.length +\n      (contents.length - 1) * FontGap\n  }\n  return [width ?? defaultWidth, height ?? defaultHeight] 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] = 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          textAlign: textAlign.value,\n          textBaseline: textBaseline.value,\n        },\n        gapX.value,\n        gapY.value\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","FontGap","getPixelRatio","onMounted","watch","onBeforeUnmount"],"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 } 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  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 WatermarkInstance = InstanceType<typeof Watermark>\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;;;;"}

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

@@ -34,8 +34,9 @@ const useZIndex = (zIndexOverrides) => {
   const nextZIndex = () => {
     increasingInjection.current++;
     zIndex.value = increasingInjection.current;
-    window._de_elZIndexContextKey_initial = currentZIndex.value;
-    return currentZIndex.value;
+    window._de_elZIndexContextKey_initial = Math.max(currentZIndex.value, window._de_elZIndexContextKey_initial);
+    window._de_elZIndexContextKey_initial += 1;
+    return window._de_elZIndexContextKey_initial;
   };
   if (!core.isClient && !vue.inject(ZINDEX_INJECTION_KEY)) {
     error.debugWarn("ZIndexInjection", `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-z-index/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, ref, unref } from 'vue'\nimport { debugWarn, isClient, isNumber } from '@element-plus/utils'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nexport interface ElZIndexInjectionContext {\n  current: number\n}\n\nif (!window._de_elZIndexContextKey_initial) {\n  window._de_elZIndexContextKey_initial = 0\n}\n\nconst initial: ElZIndexInjectionContext = {\n  current: window._de_elZIndexContextKey_initial || 0,\n}\n\nconst zIndex = ref(window._de_elZIndexContextKey_initial || 0)\n\nexport const defaultInitialZIndex = 2000\nif (!window._de_elZIndexContextKey) {\n  window._de_elZIndexContextKey = Symbol('elZIndexContextKey')\n}\nif (!window._de_zIndexContextKey) {\n  window._de_zIndexContextKey = Symbol('zIndexContextKey')\n}\n// For SSR\nexport const ZINDEX_INJECTION_KEY: InjectionKey<ElZIndexInjectionContext> =\n  window._de_elZIndexContextKey\n\nexport const zIndexContextKey: InjectionKey<Ref<number | undefined>> =\n  window._de_zIndexContextKey\n\nexport const useZIndex = (zIndexOverrides?: Ref<number>) => {\n  const increasingInjection = getCurrentInstance()\n    ? inject(ZINDEX_INJECTION_KEY, initial)\n    : initial\n\n  const zIndexInjection =\n    zIndexOverrides ||\n    (getCurrentInstance() ? inject(zIndexContextKey, undefined) : undefined)\n\n  const initialZIndex = computed(() => {\n    const zIndexFromInjection = unref(zIndexInjection)\n    return isNumber(zIndexFromInjection)\n      ? zIndexFromInjection\n      : defaultInitialZIndex\n  })\n\n  const currentZIndex = computed(() => initialZIndex.value + zIndex.value)\n  const nextZIndex = () => {\n    increasingInjection.current++\n    zIndex.value = increasingInjection.current\n    window._de_elZIndexContextKey_initial = currentZIndex.value\n    return currentZIndex.value\n  }\n\n  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) {\n    debugWarn(\n      'ZIndexInjection',\n      `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed\nusage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`\n    )\n  }\n\n  return {\n    initialZIndex,\n    currentZIndex,\n    nextZIndex,\n  }\n}\n\nexport type UseZIndexReturn = ReturnType<typeof useZIndex>\n"],"names":["ref","getCurrentInstance","inject","computed","unref","isNumber","isClient","debugWarn"],"mappings":";;;;;;;;;AAEA,IAAI,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC5C,EAAE,MAAM,CAAC,8BAA8B,GAAG,CAAC,CAAC;AAC5C,CAAC;AACD,MAAM,OAAO,GAAG;AAChB,EAAE,OAAO,EAAE,MAAM,CAAC,8BAA8B,IAAI,CAAC;AACrD,CAAC,CAAC;AACF,MAAM,MAAM,GAAGA,OAAG,CAAC,MAAM,CAAC,8BAA8B,IAAI,CAAC,CAAC,CAAC;AACnD,MAAC,oBAAoB,GAAG,IAAI;AACxC,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE;AACpC,EAAE,MAAM,CAAC,sBAAsB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAC/D,CAAC;AACD,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE;AAClC,EAAE,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC3D,CAAC;AACW,MAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB;AACtD,MAAC,gBAAgB,GAAG,MAAM,CAAC,qBAAqB;AAChD,MAAC,SAAS,GAAG,CAAC,eAAe,KAAK;AAC9C,EAAE,MAAM,mBAAmB,GAAGC,sBAAkB,EAAE,GAAGC,UAAM,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC;AACrG,EAAE,MAAM,eAAe,GAAG,eAAe,KAAKD,sBAAkB,EAAE,GAAGC,UAAM,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAChH,EAAE,MAAM,aAAa,GAAGC,YAAQ,CAAC,MAAM;AACvC,IAAI,MAAM,mBAAmB,GAAGC,SAAK,CAAC,eAAe,CAAC,CAAC;AACvD,IAAI,OAAOC,cAAQ,CAAC,mBAAmB,CAAC,GAAG,mBAAmB,GAAG,oBAAoB,CAAC;AACtF,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,aAAa,GAAGF,YAAQ,CAAC,MAAM,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3E,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClC,IAAI,MAAM,CAAC,KAAK,GAAG,mBAAmB,CAAC,OAAO,CAAC;AAC/C,IAAI,MAAM,CAAC,8BAA8B,GAAG,aAAa,CAAC,KAAK,CAAC;AAChE,IAAI,OAAO,aAAa,CAAC,KAAK,CAAC;AAC/B,GAAG,CAAC;AACJ,EAAE,IAAI,CAACG,aAAQ,IAAI,CAACJ,UAAM,CAAC,oBAAoB,CAAC,EAAE;AAClD,IAAIK,eAAS,CAAC,iBAAiB,EAAE,CAAC;AAClC,wDAAwD,CAAC,CAAC,CAAC;AAC3D,GAAG;AACH,EAAE,OAAO;AACT,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,GAAG,CAAC;AACJ;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/hooks/use-z-index/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, inject, ref, unref } from 'vue'\nimport { debugWarn, isClient, isNumber } from '@element-plus/utils'\n\nimport type { InjectionKey, Ref } from 'vue'\n\nexport interface ElZIndexInjectionContext {\n  current: number\n}\n\nif (!window._de_elZIndexContextKey_initial) {\n  window._de_elZIndexContextKey_initial = 0\n}\n\nconst initial: ElZIndexInjectionContext = {\n  current: window._de_elZIndexContextKey_initial || 0,\n}\n\nconst zIndex = ref(window._de_elZIndexContextKey_initial || 0)\n\nexport const defaultInitialZIndex = 2000\nif (!window._de_elZIndexContextKey) {\n  window._de_elZIndexContextKey = Symbol('elZIndexContextKey')\n}\nif (!window._de_zIndexContextKey) {\n  window._de_zIndexContextKey = Symbol('zIndexContextKey')\n}\n// For SSR\nexport const ZINDEX_INJECTION_KEY: InjectionKey<ElZIndexInjectionContext> =\n  window._de_elZIndexContextKey\n\nexport const zIndexContextKey: InjectionKey<Ref<number | undefined>> =\n  window._de_zIndexContextKey\n\nexport const useZIndex = (zIndexOverrides?: Ref<number>) => {\n  const increasingInjection = getCurrentInstance()\n    ? inject(ZINDEX_INJECTION_KEY, initial)\n    : initial\n\n  const zIndexInjection =\n    zIndexOverrides ||\n    (getCurrentInstance() ? inject(zIndexContextKey, undefined) : undefined)\n\n  const initialZIndex = computed(() => {\n    const zIndexFromInjection = unref(zIndexInjection)\n    return isNumber(zIndexFromInjection)\n      ? zIndexFromInjection\n      : defaultInitialZIndex\n  })\n\n  const currentZIndex = computed(() => initialZIndex.value + zIndex.value)\n  const nextZIndex = () => {\n    increasingInjection.current++\n    zIndex.value = increasingInjection.current\n    window._de_elZIndexContextKey_initial = Math.max(\n      currentZIndex.value,\n      window._de_elZIndexContextKey_initial\n    )\n    window._de_elZIndexContextKey_initial += 1\n    return window._de_elZIndexContextKey_initial\n  }\n\n  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) {\n    debugWarn(\n      'ZIndexInjection',\n      `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed\nusage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`\n    )\n  }\n\n  return {\n    initialZIndex,\n    currentZIndex,\n    nextZIndex,\n  }\n}\n\nexport type UseZIndexReturn = ReturnType<typeof useZIndex>\n"],"names":["ref","getCurrentInstance","inject","computed","unref","isNumber","isClient","debugWarn"],"mappings":";;;;;;;;;AAEA,IAAI,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC5C,EAAE,MAAM,CAAC,8BAA8B,GAAG,CAAC,CAAC;AAC5C,CAAC;AACD,MAAM,OAAO,GAAG;AAChB,EAAE,OAAO,EAAE,MAAM,CAAC,8BAA8B,IAAI,CAAC;AACrD,CAAC,CAAC;AACF,MAAM,MAAM,GAAGA,OAAG,CAAC,MAAM,CAAC,8BAA8B,IAAI,CAAC,CAAC,CAAC;AACnD,MAAC,oBAAoB,GAAG,IAAI;AACxC,IAAI,CAAC,MAAM,CAAC,sBAAsB,EAAE;AACpC,EAAE,MAAM,CAAC,sBAAsB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAC/D,CAAC;AACD,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE;AAClC,EAAE,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC3D,CAAC;AACW,MAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB;AACtD,MAAC,gBAAgB,GAAG,MAAM,CAAC,qBAAqB;AAChD,MAAC,SAAS,GAAG,CAAC,eAAe,KAAK;AAC9C,EAAE,MAAM,mBAAmB,GAAGC,sBAAkB,EAAE,GAAGC,UAAM,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC;AACrG,EAAE,MAAM,eAAe,GAAG,eAAe,KAAKD,sBAAkB,EAAE,GAAGC,UAAM,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAChH,EAAE,MAAM,aAAa,GAAGC,YAAQ,CAAC,MAAM;AACvC,IAAI,MAAM,mBAAmB,GAAGC,SAAK,CAAC,eAAe,CAAC,CAAC;AACvD,IAAI,OAAOC,cAAQ,CAAC,mBAAmB,CAAC,GAAG,mBAAmB,GAAG,oBAAoB,CAAC;AACtF,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,aAAa,GAAGF,YAAQ,CAAC,MAAM,aAAa,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3E,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,mBAAmB,CAAC,OAAO,EAAE,CAAC;AAClC,IAAI,MAAM,CAAC,KAAK,GAAG,mBAAmB,CAAC,OAAO,CAAC;AAC/C,IAAI,MAAM,CAAC,8BAA8B,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,8BAA8B,CAAC,CAAC;AACjH,IAAI,MAAM,CAAC,8BAA8B,IAAI,CAAC,CAAC;AAC/C,IAAI,OAAO,MAAM,CAAC,8BAA8B,CAAC;AACjD,GAAG,CAAC;AACJ,EAAE,IAAI,CAACG,aAAQ,IAAI,CAACJ,UAAM,CAAC,oBAAoB,CAAC,EAAE;AAClD,IAAIK,eAAS,CAAC,iBAAiB,EAAE,CAAC;AAClC,wDAAwD,CAAC,CAAC,CAAC;AAC3D,GAAG;AACH,EAAE,OAAO;AACT,IAAI,aAAa;AACjB,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,GAAG,CAAC;AACJ;;;;;;;"}

package/lib/index.js

@@ -15,44 +15,44 @@ var autocomplete = require('./components/autocomplete/src/autocomplete2.js');
 var index$2 = require('./components/autocomplete/index.js');
 var avatar = require('./components/avatar/src/avatar.js');
 var index$3 = require('./components/avatar/index.js');
-var backtop = require('./components/backtop/src/backtop2.js');
+var backtop = require('./components/backtop/src/backtop.js');
 var index$4 = require('./components/backtop/index.js');
 var badge = require('./components/badge/src/badge.js');
 var index$5 = require('./components/badge/index.js');
 var breadcrumb = require('./components/breadcrumb/src/breadcrumb.js');
-var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item2.js');
+var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item.js');
 var constants = require('./components/breadcrumb/src/constants.js');
 var index$6 = require('./components/breadcrumb/index.js');
-var button = require('./components/button/src/button.js');
+var button = require('./components/button/src/button2.js');
 var constants$1 = require('./components/button/src/constants.js');
 var index$7 = require('./components/button/index.js');
-var calendar = require('./components/calendar/src/calendar.js');
+var calendar = require('./components/calendar/src/calendar2.js');
 var index$8 = require('./components/calendar/index.js');
 var card = require('./components/card/src/card.js');
 var index$9 = require('./components/card/index.js');
 var carousel = require('./components/carousel/src/carousel2.js');
-var carouselItem = require('./components/carousel/src/carousel-item2.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');
 var index$c = require('./components/cascader-panel/index.js');
 var checkTag = require('./components/check-tag/src/check-tag2.js');
 var index$d = require('./components/check-tag/index.js');
-var checkboxGroup = require('./components/checkbox/src/checkbox-group2.js');
-var checkbox = require('./components/checkbox/src/checkbox.js');
+var checkboxGroup = require('./components/checkbox/src/checkbox-group.js');
+var checkbox = require('./components/checkbox/src/checkbox2.js');
 var constants$3 = require('./components/checkbox/src/constants.js');
 var index$e = require('./components/checkbox/index.js');
-var col = require('./components/col/src/col2.js');
+var col = require('./components/col/src/col.js');
 var index$f = require('./components/col/index.js');
 var collapse = require('./components/collapse/src/collapse.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');
-var colorPicker = require('./components/color-picker/src/color-picker.js');
+var colorPicker = require('./components/color-picker/src/color-picker2.js');
 var index$i = require('./components/color-picker/index.js');
 var configProvider = require('./components/config-provider/src/config-provider.js');
 var configProviderProps = require('./components/config-provider/src/config-provider-props.js');
@@ -60,7 +60,7 @@ var constants$5 = require('./components/config-provider/src/constants.js');
 var useGlobalConfig = require('./components/config-provider/src/hooks/use-global-config.js');
 var index$j = require('./components/config-provider/index.js');
 var index$k = require('./components/container/index.js');
-var countdown = require('./components/countdown/src/countdown2.js');
+var countdown = require('./components/countdown/src/countdown.js');
 var index$l = require('./components/countdown/index.js');
 var constants$6 = require('./components/date-picker/src/constants.js');
 var datePicker = require('./components/date-picker/src/props/date-picker.js');
@@ -69,19 +69,19 @@ var description = require('./components/descriptions/src/description.js');
 var descriptionItem = require('./components/descriptions/src/description-item.js');
 var index$n = require('./components/descriptions/index.js');
 var useDialog = require('./components/dialog/src/use-dialog.js');
-var dialog = require('./components/dialog/src/dialog2.js');
+var dialog = require('./components/dialog/src/dialog.js');
 var constants$7 = require('./components/dialog/src/constants.js');
 var index$o = require('./components/dialog/index.js');
-var divider = require('./components/divider/src/divider2.js');
+var divider = require('./components/divider/src/divider.js');
 var index$p = require('./components/divider/index.js');
-var drawer = require('./components/drawer/src/drawer2.js');
+var drawer = require('./components/drawer/src/drawer.js');
 var index$q = require('./components/drawer/index.js');
 var dropdown = require('./components/dropdown/src/dropdown2.js');
 var tokens = require('./components/dropdown/src/tokens.js');
 var index$r = require('./components/dropdown/index.js');
 var empty = require('./components/empty/src/empty2.js');
 var index$s = require('./components/empty/index.js');
-var form = require('./components/form/src/form2.js');
+var form = require('./components/form/src/form.js');
 var formItem = require('./components/form/src/form-item.js');
 var constants$8 = require('./components/form/src/constants.js');
 var useFormCommonProps = require('./components/form/src/hooks/use-form-common-props.js');
@@ -91,13 +91,13 @@ var icon = require('./components/icon/src/icon2.js');
 var index$u = require('./components/icon/index.js');
 var image = require('./components/image/src/image2.js');
 var index$v = require('./components/image/index.js');
-var imageViewer = require('./components/image-viewer/src/image-viewer2.js');
+var imageViewer = require('./components/image-viewer/src/image-viewer.js');
 var index$w = require('./components/image-viewer/index.js');
 var input = require('./components/input/src/input.js');
 var index$x = require('./components/input/index.js');
 var inputNumber = require('./components/input-number/src/input-number2.js');
 var index$y = require('./components/input-number/index.js');
-var inputTag = require('./components/input-tag/src/input-tag2.js');
+var inputTag = require('./components/input-tag/src/input-tag.js');
 var index$z = require('./components/input-tag/index.js');
 var link = require('./components/link/src/link2.js');
 var index$A = require('./components/link/index.js');
@@ -113,33 +113,33 @@ var index$D = require('./components/page-header/index.js');
 var pagination = require('./components/pagination/src/pagination.js');
 var constants$9 = require('./components/pagination/src/constants.js');
 var index$E = require('./components/pagination/index.js');
-var popconfirm = require('./components/popconfirm/src/popconfirm2.js');
+var popconfirm = require('./components/popconfirm/src/popconfirm.js');
 var index$F = require('./components/popconfirm/index.js');
-var popper = require('./components/popper/src/popper.js');
-var trigger$1 = require('./components/popper/src/trigger2.js');
+var popper = require('./components/popper/src/popper2.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/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/trigger.js');
+var trigger = require('./components/popper/src/trigger2.js');
 var content = require('./components/popper/src/content2.js');
 var index$G = require('./components/popper/index.js');
 var progress = require('./components/progress/src/progress.js');
 var index$H = require('./components/progress/index.js');
 var radio = require('./components/radio/src/radio.js');
 var radioGroup = require('./components/radio/src/radio-group.js');
-var radioButton = require('./components/radio/src/radio-button2.js');
+var radioButton = require('./components/radio/src/radio-button.js');
 var constants$b = require('./components/radio/src/constants.js');
 var index$I = require('./components/radio/index.js');
-var rate = require('./components/rate/src/rate2.js');
+var rate = require('./components/rate/src/rate.js');
 var index$J = require('./components/rate/index.js');
-var result = require('./components/result/src/result.js');
+var result = require('./components/result/src/result2.js');
 var index$K = require('./components/result/index.js');
-var row = require('./components/row/src/row2.js');
+var row = require('./components/row/src/row.js');
 var constants$c = require('./components/row/src/constants.js');
 var index$L = 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$M = require('./components/scrollbar/index.js');
@@ -148,7 +148,7 @@ var index$N = require('./components/select/index.js');
 var token$1 = require('./components/select-v2/src/token.js');
 var index$O = require('./components/select-v2/index.js');
 var skeleton = require('./components/skeleton/src/skeleton.js');
-var skeletonItem = require('./components/skeleton/src/skeleton-item2.js');
+var skeletonItem = require('./components/skeleton/src/skeleton-item.js');
 var index$P = require('./components/skeleton/index.js');
 var slider = require('./components/slider/src/slider2.js');
 var constants$e = require('./components/slider/src/constants.js');
@@ -160,9 +160,9 @@ var index$R = require('./components/space/index.js');
 var statistic = require('./components/statistic/src/statistic2.js');
 var index$S = require('./components/statistic/index.js');
 var item$1 = require('./components/steps/src/item.js');
-var steps = require('./components/steps/src/steps.js');
+var steps = require('./components/steps/src/steps2.js');
 var index$T = require('./components/steps/index.js');
-var _switch = require('./components/switch/src/switch2.js');
+var _switch = require('./components/switch/src/switch.js');
 var index$U = require('./components/switch/index.js');
 var index$V = require('./components/table/index.js');
 var constants$f = require('./components/table-v2/src/constants.js');
@@ -175,12 +175,12 @@ var index$W = require('./components/table-v2/index.js');
 var tabs = require('./components/tabs/src/tabs.js');
 var tabBar = require('./components/tabs/src/tab-bar.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$X = require('./components/tabs/index.js');
-var tag = require('./components/tag/src/tag.js');
+var tag = require('./components/tag/src/tag2.js');
 var index$Y = require('./components/tag/index.js');
-var text = require('./components/text/src/text.js');
+var text = require('./components/text/src/text2.js');
 var index$Z = require('./components/text/index.js');
 var utils = require('./components/time-picker/src/utils.js');
 var constants$h = require('./components/time-picker/src/constants.js');
@@ -188,7 +188,7 @@ var props = require('./components/time-picker/src/common/props.js');
 var index$_ = 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-select2.js');
+var timeSelect = require('./components/time-select/src/time-select.js');
 var index$$ = require('./components/time-select/index.js');
 var timelineItem = require('./components/timeline/src/timeline-item2.js');
 var index$10 = require('./components/timeline/index.js');
@@ -205,23 +205,23 @@ var index$15 = require('./components/tree-v2/index.js');
 var upload = require('./components/upload/src/upload.js');
 var uploadContent = require('./components/upload/src/upload-content.js');
 var uploadList = require('./components/upload/src/upload-list2.js');
-var uploadDragger = require('./components/upload/src/upload-dragger.js');
+var uploadDragger = require('./components/upload/src/upload-dragger2.js');
 var constants$j = require('./components/upload/src/constants.js');
 var index$16 = require('./components/upload/index.js');
 var fixedSizeList = require('./components/virtual-list/src/components/fixed-size-list.js');
 var dynamicSizeList = require('./components/virtual-list/src/components/dynamic-size-list.js');
 var props$1 = 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$17 = require('./components/watermark/index.js');
-var tour = require('./components/tour/src/tour.js');
-var step = require('./components/tour/src/step.js');
-var content$3 = require('./components/tour/src/content.js');
+var tour = require('./components/tour/src/tour2.js');
+var step = require('./components/tour/src/step2.js');
+var content$3 = require('./components/tour/src/content2.js');
 var index$18 = require('./components/tour/index.js');
 var anchor = require('./components/anchor/src/anchor.js');
 var index$19 = require('./components/anchor/index.js');
 var segmented = require('./components/segmented/src/segmented2.js');
 var index$1a = require('./components/segmented/index.js');
-var mention = require('./components/mention/src/mention2.js');
+var mention = require('./components/mention/src/mention.js');
 var index$1b = require('./components/mention/index.js');
 var index$1c = require('./components/infinite-scroll/index.js');
 var index$1d = require('./components/loading/index.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "element-plus-secondary",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",