hongluan-ui
Version:
Hongluan Component Library for Vue 3
97 lines (96 loc) • 5.88 kB
TypeScript
export declare const HlWatermark: import("hongluan-ui/es/utils").SFCWithInstall<import("vue").DefineComponent<{
readonly zIndex: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
readonly rotate: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
readonly width: NumberConstructor;
readonly height: NumberConstructor;
readonly image: StringConstructor;
readonly content: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string | string[]>, unknown, unknown, "Hongluan UI", boolean>;
readonly font: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly gap: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<[number, number]>, unknown, unknown, () => number[], boolean>;
readonly offset: {
readonly type: import("vue").PropType<[number, number]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}, {
style: import("vue").CSSProperties;
props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
readonly zIndex: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
readonly rotate: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
readonly width: NumberConstructor;
readonly height: NumberConstructor;
readonly image: StringConstructor;
readonly content: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string | string[]>, unknown, unknown, "Hongluan UI", boolean>;
readonly font: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly gap: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<[number, number]>, unknown, unknown, () => number[], boolean>;
readonly offset: {
readonly type: import("vue").PropType<[number, number]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>> & {
[x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any);
}>>;
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<"left" | "right" | "start" | "end" | "center">;
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>;
watermarkRef: import("vue").ShallowRef<HTMLDivElement>;
stopObservation: import("vue").Ref<boolean>;
destroyWatermark: () => void;
appendWatermark: (base64Url: string, markWidth: number) => void;
getMarkSize: (ctx: CanvasRenderingContext2D) => readonly [number, number];
getClips: (content: HTMLImageElement | import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<string | string[]>, unknown, unknown>, rotate: number, ratio: number, width: number, height: number, font: import("./src/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("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
readonly rotate: import("hongluan-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
readonly width: NumberConstructor;
readonly height: NumberConstructor;
readonly image: StringConstructor;
readonly content: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<string | string[]>, unknown, unknown, "Hongluan UI", boolean>;
readonly font: {
readonly type: import("vue").PropType<unknown>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
readonly gap: import("hongluan-ui/es/utils").EpPropFinalized<import("vue").PropType<[number, number]>, unknown, unknown, () => number[], boolean>;
readonly offset: {
readonly type: import("vue").PropType<[number, number]>;
readonly required: false;
readonly validator: (val: unknown) => boolean;
__epPropKey: true;
};
}>>, {
gap: [number, number];
zIndex: number;
content: import("hongluan-ui/es/utils").EpPropMergeType<import("vue").PropType<string | string[]>, unknown, unknown>;
rotate: number;
}>> & Record<string, any>;
export default HlWatermark;
export * from './src/watermark';