hongluan-ui
Version:
Hongluan Component Library for Vue 3
98 lines (97 loc) • 5.73 kB
TypeScript
import type { WatermarkFontType } from './watermark';
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<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("../../../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: 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<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("../../../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: () => 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("../../../utils").EpPropMergeType<import("vue").PropType<string | string[]>, unknown, unknown>, rotate: number, ratio: number, width: number, height: number, font: 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<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("../../../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("../../../utils").EpPropMergeType<import("vue").PropType<string | string[]>, unknown, unknown>;
rotate: number;
}>;
export default _default;