giime 0.3.8 → 0.3.10

package/lib/components/src/base/watermark/index.d.ts

@@ -21,29 +21,59 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
             __epPropKey: true;
         };
     }>>, {
-        elRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-            readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-            readonly width: NumberConstructor;
-            readonly height: NumberConstructor;
-            readonly image: StringConstructor;
-            readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
+        elRef: import("vue").Ref<({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+                readonly rotate: number;
+                readonly zIndex: number;
+                readonly gap: [number, number];
+            }> & Omit<{
+                readonly zIndex: number;
+                readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+                readonly rotate: number;
+                readonly gap: [number, number];
+                readonly offset?: [number, number] | undefined;
+                readonly height?: number | undefined;
+                readonly width?: number | undefined;
+                readonly image?: string | undefined;
+                readonly font?: import("element-plus").WatermarkFontType | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+                readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+                readonly width: NumberConstructor;
+                readonly height: NumberConstructor;
+                readonly image: StringConstructor;
+                readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly gap: import("element-plus/es/utils/index.js").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;
+                };
+            }>>, "zIndex" | "content" | "rotate" | "gap">;
+            $attrs: {
+                [x: string]: unknown;
             };
-            readonly gap: import("element-plus/es/utils/index.js").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;
+            $refs: {
+                [x: string]: unknown;
             };
-        }>>, {
-            style: import("vue").CSSProperties;
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
                 readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
                 readonly width: NumberConstructor;
@@ -63,65 +93,32 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-            }>> & {
-                [x: `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>;
-            textAlign: import("vue").ComputedRef<"center" | "right" | "left" | "end" | "start">;
-            textBaseline: import("vue").ComputedRef<"top" | "bottom" | "middle" | "alphabetic" | "hanging" | "ideographic">;
-            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: () => import("vue").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("element-plus/es/utils/index.js").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("element-plus").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>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-            readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-            readonly width: NumberConstructor;
-            readonly height: NumberConstructor;
-            readonly image: StringConstructor;
-            readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+                readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+                readonly rotate: number;
+                readonly zIndex: number;
+                readonly gap: [number, number];
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
-            readonly gap: import("element-plus/es/utils/index.js").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("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
-            readonly rotate: number;
-            readonly gap: [number, number];
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Omit<Readonly<import("vue").ExtractPropTypes<{
             readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
             readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
             readonly width: NumberConstructor;
@@ -141,60 +138,11 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-        }>>, {
-            style: import("vue").CSSProperties;
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-                readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-                readonly width: NumberConstructor;
-                readonly height: NumberConstructor;
-                readonly image: StringConstructor;
-                readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly gap: import("element-plus/es/utils/index.js").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: `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>;
-            textAlign: import("vue").ComputedRef<"center" | "right" | "left" | "end" | "start">;
-            textBaseline: import("vue").ComputedRef<"top" | "bottom" | "middle" | "alphabetic" | "hanging" | "ideographic">;
-            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: () => import("vue").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("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];
-            renderWatermark: () => void;
-            onMutate: (mutations: MutationRecord[]) => void;
-        }, {}, {}, {}, {
-            readonly zIndex: number;
-            readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
-            readonly rotate: number;
-            readonly gap: [number, number];
-        }> | undefined>;
+        }>>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | undefined>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
         rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
@@ -248,29 +196,59 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
             __epPropKey: true;
         };
     }>>, {
-        elRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-            readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-            readonly width: NumberConstructor;
-            readonly height: NumberConstructor;
-            readonly image: StringConstructor;
-            readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
+        elRef: import("vue").Ref<({
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+                readonly rotate: number;
+                readonly zIndex: number;
+                readonly gap: [number, number];
+            }> & Omit<{
+                readonly zIndex: number;
+                readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+                readonly rotate: number;
+                readonly gap: [number, number];
+                readonly offset?: [number, number] | undefined;
+                readonly height?: number | undefined;
+                readonly width?: number | undefined;
+                readonly image?: string | undefined;
+                readonly font?: import("element-plus").WatermarkFontType | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+                readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+                readonly width: NumberConstructor;
+                readonly height: NumberConstructor;
+                readonly image: StringConstructor;
+                readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly gap: import("element-plus/es/utils/index.js").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;
+                };
+            }>>, "zIndex" | "content" | "rotate" | "gap">;
+            $attrs: {
+                [x: string]: unknown;
             };
-            readonly gap: import("element-plus/es/utils/index.js").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;
+            $refs: {
+                [x: string]: unknown;
             };
-        }>>, {
-            style: import("vue").CSSProperties;
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
                 readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
                 readonly width: NumberConstructor;
@@ -290,65 +268,32 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-            }>> & {
-                [x: `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>;
-            textAlign: import("vue").ComputedRef<"center" | "right" | "left" | "end" | "start">;
-            textBaseline: import("vue").ComputedRef<"top" | "bottom" | "middle" | "alphabetic" | "hanging" | "ideographic">;
-            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: () => import("vue").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("element-plus/es/utils/index.js").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("element-plus").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>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-            readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-            readonly width: NumberConstructor;
-            readonly height: NumberConstructor;
-            readonly image: StringConstructor;
-            readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly gap: import("element-plus/es/utils/index.js").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;
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+                readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+                readonly rotate: number;
+                readonly zIndex: number;
+                readonly gap: [number, number];
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
             };
-        }>>, {
-            readonly zIndex: number;
-            readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
-            readonly rotate: number;
-            readonly gap: [number, number];
-        }, true, {}, {}, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Omit<Readonly<import("vue").ExtractPropTypes<{
             readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
             readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
             readonly width: NumberConstructor;
@@ -368,60 +313,11 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-        }>>, {
-            style: import("vue").CSSProperties;
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-                readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-                readonly width: NumberConstructor;
-                readonly height: NumberConstructor;
-                readonly image: StringConstructor;
-                readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly gap: import("element-plus/es/utils/index.js").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: `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>;
-            textAlign: import("vue").ComputedRef<"center" | "right" | "left" | "end" | "start">;
-            textBaseline: import("vue").ComputedRef<"top" | "bottom" | "middle" | "alphabetic" | "hanging" | "ideographic">;
-            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: () => import("vue").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("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];
-            renderWatermark: () => void;
-            onMutate: (mutations: MutationRecord[]) => void;
-        }, {}, {}, {}, {
-            readonly zIndex: number;
-            readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
-            readonly rotate: number;
-            readonly gap: [number, number];
-        }> | undefined>;
+        }>>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | undefined>;
     }, {}, {}, {}, {
         zIndex: number;
         content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
@@ -452,29 +348,59 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
         __epPropKey: true;
     };
 }>>, {
-    elRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-        readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-        readonly width: NumberConstructor;
-        readonly height: NumberConstructor;
-        readonly image: StringConstructor;
-        readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
+    elRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+            readonly rotate: number;
+            readonly zIndex: number;
+            readonly gap: [number, number];
+        }> & Omit<{
+            readonly zIndex: number;
+            readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+            readonly rotate: number;
+            readonly gap: [number, number];
+            readonly offset?: [number, number] | undefined;
+            readonly height?: number | undefined;
+            readonly width?: number | undefined;
+            readonly image?: string | undefined;
+            readonly font?: import("element-plus").WatermarkFontType | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
+            readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
+            readonly width: NumberConstructor;
+            readonly height: NumberConstructor;
+            readonly image: StringConstructor;
+            readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly gap: import("element-plus/es/utils/index.js").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;
+            };
+        }>>, "zIndex" | "content" | "rotate" | "gap">;
+        $attrs: {
+            [x: string]: unknown;
         };
-        readonly gap: import("element-plus/es/utils/index.js").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;
+        $refs: {
+            [x: string]: unknown;
         };
-    }>>, {
-        style: import("vue").CSSProperties;
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
             readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
             readonly width: NumberConstructor;
@@ -494,65 +420,32 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-        }>> & {
-            [x: `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>;
-        textAlign: import("vue").ComputedRef<"center" | "right" | "left" | "end" | "start">;
-        textBaseline: import("vue").ComputedRef<"top" | "bottom" | "middle" | "alphabetic" | "hanging" | "ideographic">;
-        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: () => import("vue").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("element-plus/es/utils/index.js").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("element-plus").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>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-        readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-        readonly width: NumberConstructor;
-        readonly height: NumberConstructor;
-        readonly image: StringConstructor;
-        readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        readonly gap: import("element-plus/es/utils/index.js").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;
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
+            readonly rotate: number;
+            readonly zIndex: number;
+            readonly gap: [number, number];
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
-    }>>, {
-        readonly zIndex: number;
-        readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
-        readonly rotate: number;
-        readonly gap: [number, number];
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Omit<Readonly<import("vue").ExtractPropTypes<{
         readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
         readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
         readonly width: NumberConstructor;
@@ -572,60 +465,11 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-    }>>, {
-        style: import("vue").CSSProperties;
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly zIndex: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
-            readonly rotate: import("element-plus/es/utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
-            readonly width: NumberConstructor;
-            readonly height: NumberConstructor;
-            readonly image: StringConstructor;
-            readonly content: import("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly gap: import("element-plus/es/utils/index.js").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: `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>;
-        textAlign: import("vue").ComputedRef<"center" | "right" | "left" | "end" | "start">;
-        textBaseline: import("vue").ComputedRef<"top" | "bottom" | "middle" | "alphabetic" | "hanging" | "ideographic">;
-        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: () => import("vue").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("element-plus/es/utils/index.js").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("element-plus").WatermarkFontType>, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];
-        renderWatermark: () => void;
-        onMutate: (mutations: MutationRecord[]) => void;
-    }, {}, {}, {}, {
-        readonly zIndex: number;
-        readonly content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
-        readonly rotate: number;
-        readonly gap: [number, number];
-    }> | undefined>;
+    }>>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     zIndex: number;
     content: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => string | string[]) | ((new (...args: any[]) => string | string[]) | (() => string | string[]))[], unknown, unknown>;
@@ -633,7 +477,7 @@ export declare const GmWatermark: import("../../../../utils").SFCWithInstall<{
     gap: [number, number];
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?(_: any): any;
+        default?(_: {}): any;
     };
 })> & Record<string, any>;
 export type WatermarkInstance = InstanceType<typeof Watermark>;