@element-plus/nightly 0.0.20231008 → 0.0.20231010

package/es/components/watermark/src/utils.mjs

@@ -0,0 +1,22 @@
+function toLowercaseSeparator(key) {
+  return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+function getStyleStr(style) {
+  return Object.keys(style).map((key) => `${toLowercaseSeparator(key)}: ${style[key]};`).join(" ");
+}
+function getPixelRatio() {
+  return window.devicePixelRatio || 1;
+}
+const reRendering = (mutation, watermarkElement) => {
+  let flag = false;
+  if (mutation.removedNodes.length && watermarkElement) {
+    flag = Array.from(mutation.removedNodes).includes(watermarkElement);
+  }
+  if (mutation.type === "attributes" && mutation.target === watermarkElement) {
+    flag = true;
+  }
+  return flag;
+};
+
+export { getPixelRatio, getStyleStr, reRendering, toLowercaseSeparator };
+//# sourceMappingURL=utils.mjs.map

package/es/components/watermark/src/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../../../packages/components/watermark/src/utils.ts"],"sourcesContent":["import type { CSSProperties } from 'vue'\n\n/** converting camel-cased strings to be lowercase and link it with Separato */\nexport function toLowercaseSeparator(key: string) {\n  return key.replace(/([A-Z])/g, '-$1').toLowerCase()\n}\n\nexport function getStyleStr(style: CSSProperties): string {\n  return Object.keys(style)\n    .map(\n      (key) =>\n        `${toLowercaseSeparator(key)}: ${style[key as keyof CSSProperties]};`\n    )\n    .join(' ')\n}\n\n/** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */\nexport function getPixelRatio() {\n  return window.devicePixelRatio || 1\n}\n\n/** Whether to re-render the watermark */\nexport const reRendering = (\n  mutation: MutationRecord,\n  watermarkElement?: HTMLElement\n) => {\n  let flag = false\n  // Whether to delete the watermark node\n  if (mutation.removedNodes.length && watermarkElement) {\n    flag = Array.from(mutation.removedNodes).includes(watermarkElement)\n  }\n  // Whether the watermark dom property value has been modified\n  if (mutation.type === 'attributes' && mutation.target === watermarkElement) {\n    flag = true\n  }\n  return flag\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,CAAC,GAAG,EAAE;AAC1C,EAAE,OAAO,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACtD,CAAC;AACM,SAAS,WAAW,CAAC,KAAK,EAAE;AACnC,EAAE,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnG,CAAC;AACM,SAAS,aAAa,GAAG;AAChC,EAAE,OAAO,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC;AACtC,CAAC;AACW,MAAC,WAAW,GAAG,CAAC,QAAQ,EAAE,gBAAgB,KAAK;AAC3D,EAAE,IAAI,IAAI,GAAG,KAAK,CAAC;AACnB,EAAE,IAAI,QAAQ,CAAC,YAAY,CAAC,MAAM,IAAI,gBAAgB,EAAE;AACxD,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AACxE,GAAG;AACH,EAAE,IAAI,QAAQ,CAAC,IAAI,KAAK,YAAY,IAAI,QAAQ,CAAC,MAAM,KAAK,gBAAgB,EAAE;AAC9E,IAAI,IAAI,GAAG,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}

package/es/components/watermark/src/watermark.d.ts

@@ -0,0 +1,32 @@
+import type { ExtractPropTypes } from 'vue';
+import type Watermark from './watermark.vue';
+export interface WatermarkFontType {
+    color?: string;
+    fontSize?: number | string;
+    fontWeight?: 'normal' | 'light' | 'weight' | number;
+    fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
+    fontFamily?: string;
+}
+export declare const watermarkProps: {
+    readonly zIndex: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+    readonly rotate: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+    readonly width: NumberConstructor;
+    readonly height: NumberConstructor;
+    readonly image: StringConstructor;
+    readonly content: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown, "Element Plus", boolean>;
+    readonly font: {
+        readonly type: import("vue").PropType<WatermarkFontType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly gap: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, () => number[], boolean>;
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+};
+export declare type WatermarkProps = ExtractPropTypes<typeof watermarkProps>;
+export declare type WatermarkInstance = InstanceType<typeof Watermark>;

package/es/components/watermark/src/watermark.mjs

@@ -0,0 +1,33 @@
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+
+const watermarkProps = buildProps({
+  zIndex: {
+    type: Number,
+    default: 9
+  },
+  rotate: {
+    type: Number,
+    default: -22
+  },
+  width: Number,
+  height: Number,
+  image: String,
+  content: {
+    type: definePropType([String, Array]),
+    default: "Element Plus"
+  },
+  font: {
+    type: definePropType(Object)
+  },
+  gap: {
+    type: definePropType(Array),
+    default: () => [100, 100]
+  },
+  offset: {
+    type: definePropType(Array)
+  }
+});
+
+export { watermarkProps };
+//# sourceMappingURL=watermark.mjs.map

package/es/components/watermark/src/watermark.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.mjs","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}\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":[],"mappings":";;;AACY,MAAC,cAAc,GAAG,UAAU,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,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,IAAI,OAAO,EAAE,cAAc;AAC3B,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC;AAC7B,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC;AAC/B,GAAG;AACH,CAAC;;;;"}

package/es/components/watermark/src/watermark.vue.d.ts

@@ -0,0 +1,94 @@
+import type { CSSProperties } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    readonly zIndex: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+    readonly rotate: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+    readonly width: NumberConstructor;
+    readonly height: NumberConstructor;
+    readonly image: StringConstructor;
+    readonly content: import("../../../utils").EpPropFinalized<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown, "Element Plus", boolean>;
+    readonly font: {
+        readonly type: import("vue").PropType<import("./watermark").WatermarkFontType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly gap: import("../../../utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, () => number[], boolean>;
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    style: CSSProperties;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly zIndex: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+        readonly rotate: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+        readonly width: NumberConstructor;
+        readonly height: NumberConstructor;
+        readonly image: StringConstructor;
+        readonly content: import("../../../utils").EpPropFinalized<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown, "Element Plus", boolean>;
+        readonly font: {
+            readonly type: import("vue").PropType<import("./watermark").WatermarkFontType>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly gap: import("../../../utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, () => number[], boolean>;
+        readonly offset: {
+            readonly type: import("vue").PropType<[number, number]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    color: import("vue").ComputedRef<string>;
+    fontSize: import("vue").ComputedRef<string | number>;
+    fontWeight: import("vue").ComputedRef<number | "light" | "normal" | "weight">;
+    fontStyle: import("vue").ComputedRef<"none" | "normal" | "italic" | "oblique">;
+    fontFamily: import("vue").ComputedRef<string>;
+    gapX: import("vue").ComputedRef<number>;
+    gapY: import("vue").ComputedRef<number>;
+    gapXCenter: import("vue").ComputedRef<number>;
+    gapYCenter: import("vue").ComputedRef<number>;
+    offsetLeft: import("vue").ComputedRef<number>;
+    offsetTop: import("vue").ComputedRef<number>;
+    getMarkStyle: () => CSSProperties;
+    containerRef: import("vue").ShallowRef<HTMLDivElement | null>;
+    watermarkRef: import("vue").ShallowRef<HTMLDivElement | undefined>;
+    stopObservation: import("vue").Ref<boolean>;
+    destroyWatermark: () => void;
+    appendWatermark: (base64Url: string, markWidth: number) => void;
+    getMarkSize: (ctx: CanvasRenderingContext2D) => readonly [number, number];
+    getClips: (content: HTMLImageElement | import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown>, rotate: number, ratio: number, width: number, height: number, font: Required<import("./watermark").WatermarkFontType>, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];
+    renderWatermark: () => void;
+    onMutate: (mutations: MutationRecord[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly zIndex: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+    readonly rotate: import("../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+    readonly width: NumberConstructor;
+    readonly height: NumberConstructor;
+    readonly image: StringConstructor;
+    readonly content: import("../../../utils").EpPropFinalized<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown, "Element Plus", boolean>;
+    readonly font: {
+        readonly type: import("vue").PropType<import("./watermark").WatermarkFontType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly gap: import("../../../utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, () => number[], boolean>;
+    readonly offset: {
+        readonly type: import("vue").PropType<[number, number]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>>, {
+    readonly zIndex: number;
+    readonly content: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown>;
+    readonly rotate: number;
+    readonly gap: [number, number];
+}>;
+export default _default;

package/es/components/watermark/src/watermark2.mjs

@@ -0,0 +1,202 @@
+import { defineComponent, computed, shallowRef, ref, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, renderSlot } from 'vue';
+import { useMutationObserver } from '@vueuse/core';
+import { watermarkProps } from './watermark.mjs';
+import { getStyleStr, getPixelRatio, reRendering } from './utils.mjs';
+import useClips, { FontGap } from './useClips.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "ElWatermark"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: watermarkProps,
+  setup(__props) {
+    const props = __props;
+    const style = {
+      position: "relative"
+    };
+    const color = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.color) != null ? _b : "rgba(0,0,0,.15)";
+    });
+    const fontSize = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontSize) != null ? _b : 16;
+    });
+    const fontWeight = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontWeight) != null ? _b : "normal";
+    });
+    const fontStyle = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontStyle) != null ? _b : "normal";
+    });
+    const fontFamily = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.font) == null ? void 0 : _a.fontFamily) != null ? _b : "sans-serif";
+    });
+    const gapX = computed(() => props.gap[0]);
+    const gapY = computed(() => props.gap[1]);
+    const gapXCenter = computed(() => gapX.value / 2);
+    const gapYCenter = computed(() => gapY.value / 2);
+    const offsetLeft = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.offset) == null ? void 0 : _a[0]) != null ? _b : gapXCenter.value;
+    });
+    const offsetTop = 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 = shallowRef(null);
+    const watermarkRef = shallowRef();
+    const stopObservation = 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", 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 = Array.isArray(content) ? content : [content];
+        const sizes = contents.map((item) => {
+          const metrics = ctx.measureText(item);
+          return [
+            metrics.width,
+            metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent
+          ];
+        });
+        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) * FontGap;
+      }
+      return [width != null ? width : defaultWidth, height != null ? height : defaultHeight];
+    };
+    const getClips = useClips();
+    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 = 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
+          }, 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);
+        }
+      }
+    };
+    onMounted(() => {
+      renderWatermark();
+    });
+    watch(() => props, () => {
+      renderWatermark();
+    }, {
+      deep: true,
+      flush: "post"
+    });
+    onBeforeUnmount(() => {
+      destroyWatermark();
+    });
+    const onMutate = (mutations) => {
+      if (stopObservation.value) {
+        return;
+      }
+      mutations.forEach((mutation) => {
+        if (reRendering(mutation, watermarkRef.value)) {
+          destroyWatermark();
+          renderWatermark();
+        }
+      });
+    };
+    useMutationObserver(containerRef, onMutate, {
+      attributes: true
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: normalizeStyle([style])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
+var Watermark = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/watermark/src/watermark.vue"]]);
+
+export { Watermark as default };
+//# sourceMappingURL=watermark2.mjs.map

package/es/components/watermark/src/watermark2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark2.mjs","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 { 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')\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 = Array.isArray(content) ? content : [content]\n    const sizes = contents.map((item) => {\n      const metrics = ctx.measureText(item!)\n\n      return [\n        metrics.width,\n        metrics.fontBoundingBoxAscent + metrics.fontBoundingBoxDescent,\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        },\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})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/watermark/style/index.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.mjs.map

package/es/components/watermark/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20231008";
+export declare const version = "0.0.20231010";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20231008";
+const version = "0.0.20231010";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

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

package/lib/component.js

@@ -73,6 +73,7 @@ var index$13 = require('./components/tree/index.js');
 var index$14 = require('./components/tree-select/index.js');
 var index$15 = require('./components/tree-v2/index.js');
 var index$16 = require('./components/upload/index.js');
+var index$17 = require('./components/watermark/index.js');
 
 var Components = [
   index.ElAffix,
@@ -172,7 +173,8 @@ var Components = [
   index$13.ElTree,
   index$14.ElTreeSelect,
   index$15.ElTreeV2,
-  index$16.ElUpload
+  index$16.ElUpload,
+  index$17.ElWatermark
 ];
 
 exports["default"] = Components;

package/lib/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../packages/element-plus/component.ts"],"sourcesContent":["import { ElAffix } from '@element-plus/components/affix'\nimport { ElAlert } from '@element-plus/components/alert'\nimport { ElAutocomplete } from '@element-plus/components/autocomplete'\nimport { ElAvatar } from '@element-plus/components/avatar'\nimport { ElBacktop } from '@element-plus/components/backtop'\nimport { ElBadge } from '@element-plus/components/badge'\nimport {\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n} from '@element-plus/components/breadcrumb'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { ElCalendar } from '@element-plus/components/calendar'\nimport { ElCard } from '@element-plus/components/card'\nimport { ElCarousel, ElCarouselItem } from '@element-plus/components/carousel'\nimport { ElCascader } from '@element-plus/components/cascader'\nimport { ElCascaderPanel } from '@element-plus/components/cascader-panel'\nimport { ElCheckTag } from '@element-plus/components/check-tag'\nimport {\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n} from '@element-plus/components/checkbox'\nimport { ElCol } from '@element-plus/components/col'\nimport { ElCollapse, ElCollapseItem } from '@element-plus/components/collapse'\nimport { ElCollapseTransition } from '@element-plus/components/collapse-transition'\nimport { ElColorPicker } from '@element-plus/components/color-picker'\nimport { ElConfigProvider } from '@element-plus/components/config-provider'\nimport {\n  ElAside,\n  ElContainer,\n  ElFooter,\n  ElHeader,\n  ElMain,\n} from '@element-plus/components/container'\nimport { ElDatePicker } from '@element-plus/components/date-picker'\nimport {\n  ElDescriptions,\n  ElDescriptionsItem,\n} from '@element-plus/components/descriptions'\nimport { ElDialog } from '@element-plus/components/dialog'\nimport { ElDivider } from '@element-plus/components/divider'\nimport { ElDrawer } from '@element-plus/components/drawer'\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n} from '@element-plus/components/dropdown'\nimport { ElEmpty } from '@element-plus/components/empty'\nimport { ElForm, ElFormItem } from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElImage } from '@element-plus/components/image'\nimport { ElImageViewer } from '@element-plus/components/image-viewer'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElInputNumber } from '@element-plus/components/input-number'\nimport { ElLink } from '@element-plus/components/link'\nimport {\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n} from '@element-plus/components/menu'\nimport { ElPageHeader } from '@element-plus/components/page-header'\nimport { ElPagination } from '@element-plus/components/pagination'\nimport { ElPopconfirm } from '@element-plus/components/popconfirm'\nimport { ElPopover } from '@element-plus/components/popover'\nimport { ElPopper } from '@element-plus/components/popper'\nimport { ElProgress } from '@element-plus/components/progress'\nimport {\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n} from '@element-plus/components/radio'\nimport { ElRate } from '@element-plus/components/rate'\nimport { ElResult } from '@element-plus/components/result'\nimport { ElRow } from '@element-plus/components/row'\nimport { ElScrollbar } from '@element-plus/components/scrollbar'\nimport {\n  ElOption,\n  ElOptionGroup,\n  ElSelect,\n} from '@element-plus/components/select'\nimport { ElSelectV2 } from '@element-plus/components/select-v2'\nimport { ElSkeleton, ElSkeletonItem } from '@element-plus/components/skeleton'\nimport { ElSlider } from '@element-plus/components/slider'\nimport { ElSpace } from '@element-plus/components/space'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { ElCountdown } from '@element-plus/components/countdown'\nimport { ElStep, ElSteps } from '@element-plus/components/steps'\nimport { ElSwitch } from '@element-plus/components/switch'\nimport { ElTable, ElTableColumn } from '@element-plus/components/table'\nimport { ElAutoResizer, ElTableV2 } from '@element-plus/components/table-v2'\nimport { ElTabPane, ElTabs } from '@element-plus/components/tabs'\nimport { ElTag } from '@element-plus/components/tag'\nimport { ElText } from '@element-plus/components/text'\nimport { ElTimePicker } from '@element-plus/components/time-picker'\nimport { ElTimeSelect } from '@element-plus/components/time-select'\nimport { ElTimeline, ElTimelineItem } from '@element-plus/components/timeline'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElTooltipV2 } from '@element-plus/components/tooltip-v2'\nimport { ElTransfer } from '@element-plus/components/transfer'\nimport { ElTree } from '@element-plus/components/tree'\nimport { ElTreeSelect } from '@element-plus/components/tree-select'\nimport { ElTreeV2 } from '@element-plus/components/tree-v2'\nimport { ElUpload } from '@element-plus/components/upload'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  ElAffix,\n  ElAlert,\n  ElAutocomplete,\n  ElAutoResizer,\n  ElAvatar,\n  ElBacktop,\n  ElBadge,\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n  ElButton,\n  ElButtonGroup,\n  ElCalendar,\n  ElCard,\n  ElCarousel,\n  ElCarouselItem,\n  ElCascader,\n  ElCascaderPanel,\n  ElCheckTag,\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n  ElCol,\n  ElCollapse,\n  ElCollapseItem,\n  ElCollapseTransition,\n  ElColorPicker,\n  ElConfigProvider,\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n  ElDatePicker,\n  ElDescriptions,\n  ElDescriptionsItem,\n  ElDialog,\n  ElDivider,\n  ElDrawer,\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElEmpty,\n  ElForm,\n  ElFormItem,\n  ElIcon,\n  ElImage,\n  ElImageViewer,\n  ElInput,\n  ElInputNumber,\n  ElLink,\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n  ElPageHeader,\n  ElPagination,\n  ElPopconfirm,\n  ElPopover,\n  ElPopper,\n  ElProgress,\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n  ElRate,\n  ElResult,\n  ElRow,\n  ElScrollbar,\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n  ElSelectV2,\n  ElSkeleton,\n  ElSkeletonItem,\n  ElSlider,\n  ElSpace,\n  ElStatistic,\n  ElCountdown,\n  ElSteps,\n  ElStep,\n  ElSwitch,\n  ElTable,\n  ElTableColumn,\n  ElTableV2,\n  ElTabs,\n  ElTabPane,\n  ElTag,\n  ElText,\n  ElTimePicker,\n  ElTimeSelect,\n  ElTimeline,\n  ElTimelineItem,\n  ElTooltip,\n  ElTooltipV2,\n  ElTransfer,\n  ElTree,\n  ElTreeSelect,\n  ElTreeV2,\n  ElUpload,\n] as Plugin[]\n"],"names":["ElAffix","ElAlert","ElAutocomplete","ElAutoResizer","ElAvatar","ElBacktop","ElBadge","ElBreadcrumb","ElBreadcrumbItem","ElButton","ElButtonGroup","ElCalendar","ElCard","ElCarousel","ElCarouselItem","ElCascader","ElCascaderPanel","ElCheckTag","ElCheckbox","ElCheckboxButton","ElCheckboxGroup","ElCol","ElCollapse","ElCollapseItem","ElCollapseTransition","ElColorPicker","ElConfigProvider","ElContainer","ElAside","ElFooter","ElHeader","ElMain","ElDatePicker","ElDescriptions","ElDescriptionsItem","ElDialog","ElDivider","ElDrawer","ElDropdown","ElDropdownItem","ElDropdownMenu","ElEmpty","ElForm","ElFormItem","ElIcon","ElImage","ElImageViewer","ElInput","ElInputNumber","ElLink","ElMenu","ElMenuItem","ElMenuItemGroup","ElSubMenu","ElPageHeader","ElPagination","ElPopconfirm","ElPopover","ElPopper","ElProgress","ElRadio","ElRadioButton","ElRadioGroup","ElRate","ElResult","ElRow","ElScrollbar","ElSelect","ElOption","ElOptionGroup","ElSelectV2","ElSkeleton","ElSkeletonItem","ElSlider","ElSpace","ElStatistic","ElCountdown","ElSteps","ElStep","ElSwitch","ElTable","ElTableColumn","ElTableV2","ElTabs","ElTabPane","ElTag","ElText","ElTimePicker","ElTimeSelect","ElTimeline","ElTimelineItem","ElTooltip","ElTooltipV2","ElTransfer","ElTree","ElTreeSelect","ElTreeV2","ElUpload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGA,iBAAe;AACf,EAAEA,aAAO;AACT,EAAEC,eAAO;AACT,EAAEC,sBAAc;AAChB,EAAEC,qBAAa;AACf,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,eAAO;AACT,EAAEC,oBAAY;AACd,EAAEC,wBAAgB;AAClB,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,wBAAgB;AAClB,EAAEC,uBAAe;AACjB,EAAEC,aAAK;AACP,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,4BAAoB;AACtB,EAAEC,qBAAa;AACf,EAAEC,wBAAgB;AAClB,EAAEC,mBAAW;AACb,EAAEC,eAAO;AACT,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,cAAM;AACR,EAAEC,oBAAY;AACd,EAAEC,sBAAc;AAChB,EAAEC,0BAAkB;AACpB,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,sBAAc;AAChB,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,cAAM;AACR,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,iBAAS;AACX,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,oBAAY;AACd,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,aAAK;AACP,EAAEC,mBAAW;AACb,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,mBAAW;AACb,EAAEC,mBAAW;AACb,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,iBAAS;AACX,EAAEC,cAAM;AACR,EAAEC,iBAAS;AACX,EAAEC,aAAK;AACP,EAAEC,cAAM;AACR,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAS;AACX,EAAEC,oBAAW;AACb,EAAEC,mBAAU;AACZ,EAAEC,eAAM;AACR,EAAEC,qBAAY;AACd,EAAEC,iBAAQ;AACV,EAAEC,iBAAQ;AACV,CAAC;;;;"}
+{"version":3,"file":"component.js","sources":["../../../packages/element-plus/component.ts"],"sourcesContent":["import { ElAffix } from '@element-plus/components/affix'\nimport { ElAlert } from '@element-plus/components/alert'\nimport { ElAutocomplete } from '@element-plus/components/autocomplete'\nimport { ElAvatar } from '@element-plus/components/avatar'\nimport { ElBacktop } from '@element-plus/components/backtop'\nimport { ElBadge } from '@element-plus/components/badge'\nimport {\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n} from '@element-plus/components/breadcrumb'\nimport { ElButton, ElButtonGroup } from '@element-plus/components/button'\nimport { ElCalendar } from '@element-plus/components/calendar'\nimport { ElCard } from '@element-plus/components/card'\nimport { ElCarousel, ElCarouselItem } from '@element-plus/components/carousel'\nimport { ElCascader } from '@element-plus/components/cascader'\nimport { ElCascaderPanel } from '@element-plus/components/cascader-panel'\nimport { ElCheckTag } from '@element-plus/components/check-tag'\nimport {\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n} from '@element-plus/components/checkbox'\nimport { ElCol } from '@element-plus/components/col'\nimport { ElCollapse, ElCollapseItem } from '@element-plus/components/collapse'\nimport { ElCollapseTransition } from '@element-plus/components/collapse-transition'\nimport { ElColorPicker } from '@element-plus/components/color-picker'\nimport { ElConfigProvider } from '@element-plus/components/config-provider'\nimport {\n  ElAside,\n  ElContainer,\n  ElFooter,\n  ElHeader,\n  ElMain,\n} from '@element-plus/components/container'\nimport { ElDatePicker } from '@element-plus/components/date-picker'\nimport {\n  ElDescriptions,\n  ElDescriptionsItem,\n} from '@element-plus/components/descriptions'\nimport { ElDialog } from '@element-plus/components/dialog'\nimport { ElDivider } from '@element-plus/components/divider'\nimport { ElDrawer } from '@element-plus/components/drawer'\nimport {\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n} from '@element-plus/components/dropdown'\nimport { ElEmpty } from '@element-plus/components/empty'\nimport { ElForm, ElFormItem } from '@element-plus/components/form'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ElImage } from '@element-plus/components/image'\nimport { ElImageViewer } from '@element-plus/components/image-viewer'\nimport { ElInput } from '@element-plus/components/input'\nimport { ElInputNumber } from '@element-plus/components/input-number'\nimport { ElLink } from '@element-plus/components/link'\nimport {\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n} from '@element-plus/components/menu'\nimport { ElPageHeader } from '@element-plus/components/page-header'\nimport { ElPagination } from '@element-plus/components/pagination'\nimport { ElPopconfirm } from '@element-plus/components/popconfirm'\nimport { ElPopover } from '@element-plus/components/popover'\nimport { ElPopper } from '@element-plus/components/popper'\nimport { ElProgress } from '@element-plus/components/progress'\nimport {\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n} from '@element-plus/components/radio'\nimport { ElRate } from '@element-plus/components/rate'\nimport { ElResult } from '@element-plus/components/result'\nimport { ElRow } from '@element-plus/components/row'\nimport { ElScrollbar } from '@element-plus/components/scrollbar'\nimport {\n  ElOption,\n  ElOptionGroup,\n  ElSelect,\n} from '@element-plus/components/select'\nimport { ElSelectV2 } from '@element-plus/components/select-v2'\nimport { ElSkeleton, ElSkeletonItem } from '@element-plus/components/skeleton'\nimport { ElSlider } from '@element-plus/components/slider'\nimport { ElSpace } from '@element-plus/components/space'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { ElCountdown } from '@element-plus/components/countdown'\nimport { ElStep, ElSteps } from '@element-plus/components/steps'\nimport { ElSwitch } from '@element-plus/components/switch'\nimport { ElTable, ElTableColumn } from '@element-plus/components/table'\nimport { ElAutoResizer, ElTableV2 } from '@element-plus/components/table-v2'\nimport { ElTabPane, ElTabs } from '@element-plus/components/tabs'\nimport { ElTag } from '@element-plus/components/tag'\nimport { ElText } from '@element-plus/components/text'\nimport { ElTimePicker } from '@element-plus/components/time-picker'\nimport { ElTimeSelect } from '@element-plus/components/time-select'\nimport { ElTimeline, ElTimelineItem } from '@element-plus/components/timeline'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElTooltipV2 } from '@element-plus/components/tooltip-v2'\nimport { ElTransfer } from '@element-plus/components/transfer'\nimport { ElTree } from '@element-plus/components/tree'\nimport { ElTreeSelect } from '@element-plus/components/tree-select'\nimport { ElTreeV2 } from '@element-plus/components/tree-v2'\nimport { ElUpload } from '@element-plus/components/upload'\nimport { ElWatermark } from '@element-plus/components/watermark'\n\nimport type { Plugin } from 'vue'\n\nexport default [\n  ElAffix,\n  ElAlert,\n  ElAutocomplete,\n  ElAutoResizer,\n  ElAvatar,\n  ElBacktop,\n  ElBadge,\n  ElBreadcrumb,\n  ElBreadcrumbItem,\n  ElButton,\n  ElButtonGroup,\n  ElCalendar,\n  ElCard,\n  ElCarousel,\n  ElCarouselItem,\n  ElCascader,\n  ElCascaderPanel,\n  ElCheckTag,\n  ElCheckbox,\n  ElCheckboxButton,\n  ElCheckboxGroup,\n  ElCol,\n  ElCollapse,\n  ElCollapseItem,\n  ElCollapseTransition,\n  ElColorPicker,\n  ElConfigProvider,\n  ElContainer,\n  ElAside,\n  ElFooter,\n  ElHeader,\n  ElMain,\n  ElDatePicker,\n  ElDescriptions,\n  ElDescriptionsItem,\n  ElDialog,\n  ElDivider,\n  ElDrawer,\n  ElDropdown,\n  ElDropdownItem,\n  ElDropdownMenu,\n  ElEmpty,\n  ElForm,\n  ElFormItem,\n  ElIcon,\n  ElImage,\n  ElImageViewer,\n  ElInput,\n  ElInputNumber,\n  ElLink,\n  ElMenu,\n  ElMenuItem,\n  ElMenuItemGroup,\n  ElSubMenu,\n  ElPageHeader,\n  ElPagination,\n  ElPopconfirm,\n  ElPopover,\n  ElPopper,\n  ElProgress,\n  ElRadio,\n  ElRadioButton,\n  ElRadioGroup,\n  ElRate,\n  ElResult,\n  ElRow,\n  ElScrollbar,\n  ElSelect,\n  ElOption,\n  ElOptionGroup,\n  ElSelectV2,\n  ElSkeleton,\n  ElSkeletonItem,\n  ElSlider,\n  ElSpace,\n  ElStatistic,\n  ElCountdown,\n  ElSteps,\n  ElStep,\n  ElSwitch,\n  ElTable,\n  ElTableColumn,\n  ElTableV2,\n  ElTabs,\n  ElTabPane,\n  ElTag,\n  ElText,\n  ElTimePicker,\n  ElTimeSelect,\n  ElTimeline,\n  ElTimelineItem,\n  ElTooltip,\n  ElTooltipV2,\n  ElTransfer,\n  ElTree,\n  ElTreeSelect,\n  ElTreeV2,\n  ElUpload,\n  ElWatermark,\n] as Plugin[]\n"],"names":["ElAffix","ElAlert","ElAutocomplete","ElAutoResizer","ElAvatar","ElBacktop","ElBadge","ElBreadcrumb","ElBreadcrumbItem","ElButton","ElButtonGroup","ElCalendar","ElCard","ElCarousel","ElCarouselItem","ElCascader","ElCascaderPanel","ElCheckTag","ElCheckbox","ElCheckboxButton","ElCheckboxGroup","ElCol","ElCollapse","ElCollapseItem","ElCollapseTransition","ElColorPicker","ElConfigProvider","ElContainer","ElAside","ElFooter","ElHeader","ElMain","ElDatePicker","ElDescriptions","ElDescriptionsItem","ElDialog","ElDivider","ElDrawer","ElDropdown","ElDropdownItem","ElDropdownMenu","ElEmpty","ElForm","ElFormItem","ElIcon","ElImage","ElImageViewer","ElInput","ElInputNumber","ElLink","ElMenu","ElMenuItem","ElMenuItemGroup","ElSubMenu","ElPageHeader","ElPagination","ElPopconfirm","ElPopover","ElPopper","ElProgress","ElRadio","ElRadioButton","ElRadioGroup","ElRate","ElResult","ElRow","ElScrollbar","ElSelect","ElOption","ElOptionGroup","ElSelectV2","ElSkeleton","ElSkeletonItem","ElSlider","ElSpace","ElStatistic","ElCountdown","ElSteps","ElStep","ElSwitch","ElTable","ElTableColumn","ElTableV2","ElTabs","ElTabPane","ElTag","ElText","ElTimePicker","ElTimeSelect","ElTimeline","ElTimelineItem","ElTooltip","ElTooltipV2","ElTransfer","ElTree","ElTreeSelect","ElTreeV2","ElUpload","ElWatermark"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGA,iBAAe;AACf,EAAEA,aAAO;AACT,EAAEC,eAAO;AACT,EAAEC,sBAAc;AAChB,EAAEC,qBAAa;AACf,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,eAAO;AACT,EAAEC,oBAAY;AACd,EAAEC,wBAAgB;AAClB,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,wBAAgB;AAClB,EAAEC,uBAAe;AACjB,EAAEC,aAAK;AACP,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,4BAAoB;AACtB,EAAEC,qBAAa;AACf,EAAEC,wBAAgB;AAClB,EAAEC,mBAAW;AACb,EAAEC,eAAO;AACT,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,cAAM;AACR,EAAEC,oBAAY;AACd,EAAEC,sBAAc;AAChB,EAAEC,0BAAkB;AACpB,EAAEC,gBAAQ;AACV,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,sBAAc;AAChB,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,cAAM;AACR,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,cAAM;AACR,EAAEC,cAAM;AACR,EAAEC,kBAAU;AACZ,EAAEC,uBAAe;AACjB,EAAEC,iBAAS;AACX,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,iBAAS;AACX,EAAEC,gBAAQ;AACV,EAAEC,kBAAU;AACZ,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,oBAAY;AACd,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,aAAK;AACP,EAAEC,mBAAW;AACb,EAAEC,gBAAQ;AACV,EAAEC,gBAAQ;AACV,EAAEC,qBAAa;AACf,EAAEC,kBAAU;AACZ,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,mBAAW;AACb,EAAEC,mBAAW;AACb,EAAEC,eAAO;AACT,EAAEC,cAAM;AACR,EAAEC,gBAAQ;AACV,EAAEC,eAAO;AACT,EAAEC,qBAAa;AACf,EAAEC,iBAAS;AACX,EAAEC,cAAM;AACR,EAAEC,iBAAS;AACX,EAAEC,aAAK;AACP,EAAEC,cAAM;AACR,EAAEC,oBAAY;AACd,EAAEC,oBAAY;AACd,EAAEC,kBAAU;AACZ,EAAEC,sBAAc;AAChB,EAAEC,kBAAS;AACX,EAAEC,oBAAW;AACb,EAAEC,mBAAU;AACZ,EAAEC,eAAM;AACR,EAAEC,qBAAY;AACd,EAAEC,iBAAQ;AACV,EAAEC,iBAAQ;AACV,EAAEC,oBAAW;AACb,CAAC;;;;"}

package/lib/components/color-picker/index.d.ts

@@ -6656,7 +6656,7 @@ export declare const ElColorPicker: import("@element-plus/nightly/es/utils").SFC
     btnKls: import("vue").ComputedRef<string[]>;
     displayedRgb: (color: import("./src/utils/color").default, showAlpha: boolean) => string;
     setShowPicker: (value: boolean) => void;
-    debounceSetShowPicker: import("lodash").DebouncedFunc<(value: boolean) => void>;
+    debounceSetShowPicker: import("lodash").DebouncedFuncLeading<(value: boolean) => void>;
     show: () => void;
     hide: () => void;
     resetColor: () => void;

package/lib/components/color-picker/src/color-picker.vue.d.ts

@@ -6658,7 +6658,7 @@ declare const _default: import("vue").DefineComponent<{
     btnKls: import("vue").ComputedRef<string[]>;
     displayedRgb: (color: Color, showAlpha: boolean) => string;
     setShowPicker: (value: boolean) => void;
-    debounceSetShowPicker: import("lodash").DebouncedFunc<(value: boolean) => void>;
+    debounceSetShowPicker: import("lodash").DebouncedFuncLeading<(value: boolean) => void>;
     show: () => void;
     hide: () => void;
     resetColor: () => void;

package/lib/components/color-picker/src/color-picker2.js

@@ -92,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function setShowPicker(value) {
       showPicker.value = value;
     }
-    const debounceSetShowPicker = lodashUnified.debounce(setShowPicker, 100);
+    const debounceSetShowPicker = lodashUnified.debounce(setShowPicker, 100, { leading: true });
     function show() {
       if (colorDisabled.value)
         return;