index.d.ts 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. export declare const ElWatermark: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
  2. readonly zIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
  3. readonly rotate: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
  4. readonly width: NumberConstructor;
  5. readonly height: NumberConstructor;
  6. readonly image: StringConstructor;
  7. readonly content: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown, "Element Plus", boolean>;
  8. readonly font: {
  9. readonly type: import("vue").PropType<import("./src/watermark").WatermarkFontType>;
  10. readonly required: false;
  11. readonly validator: ((val: unknown) => boolean) | undefined;
  12. __epPropKey: true;
  13. };
  14. readonly gap: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, () => number[], boolean>;
  15. readonly offset: {
  16. readonly type: import("vue").PropType<[number, number]>;
  17. readonly required: false;
  18. readonly validator: ((val: unknown) => boolean) | undefined;
  19. __epPropKey: true;
  20. };
  21. }, {
  22. style: import("vue").CSSProperties;
  23. props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
  24. readonly zIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
  25. readonly rotate: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
  26. readonly width: NumberConstructor;
  27. readonly height: NumberConstructor;
  28. readonly image: StringConstructor;
  29. readonly content: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown, "Element Plus", boolean>;
  30. readonly font: {
  31. readonly type: import("vue").PropType<import("./src/watermark").WatermarkFontType>;
  32. readonly required: false;
  33. readonly validator: ((val: unknown) => boolean) | undefined;
  34. __epPropKey: true;
  35. };
  36. readonly gap: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, () => number[], boolean>;
  37. readonly offset: {
  38. readonly type: import("vue").PropType<[number, number]>;
  39. readonly required: false;
  40. readonly validator: ((val: unknown) => boolean) | undefined;
  41. __epPropKey: true;
  42. };
  43. }>> & {
  44. [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
  45. }>>;
  46. color: import("vue").ComputedRef<string>;
  47. fontSize: import("vue").ComputedRef<string | number>;
  48. fontWeight: import("vue").ComputedRef<number | "light" | "normal" | "weight">;
  49. fontStyle: import("vue").ComputedRef<"none" | "normal" | "italic" | "oblique">;
  50. fontFamily: import("vue").ComputedRef<string>;
  51. textAlign: import("vue").ComputedRef<"center" | "left" | "right" | "end" | "start">;
  52. textBaseline: import("vue").ComputedRef<"top" | "bottom" | "middle" | "alphabetic" | "hanging" | "ideographic">;
  53. gapX: import("vue").ComputedRef<number>;
  54. gapY: import("vue").ComputedRef<number>;
  55. gapXCenter: import("vue").ComputedRef<number>;
  56. gapYCenter: import("vue").ComputedRef<number>;
  57. offsetLeft: import("vue").ComputedRef<number>;
  58. offsetTop: import("vue").ComputedRef<number>;
  59. getMarkStyle: () => import("vue").CSSProperties;
  60. containerRef: import("vue").ShallowRef<HTMLDivElement | null>;
  61. watermarkRef: import("vue").ShallowRef<HTMLDivElement | undefined>;
  62. stopObservation: import("vue").Ref<boolean>;
  63. destroyWatermark: () => void;
  64. appendWatermark: (base64Url: string, markWidth: number) => void;
  65. getMarkSize: (ctx: CanvasRenderingContext2D) => readonly [number, number];
  66. getClips: (content: HTMLImageElement | import("element-plus/es/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("./src/watermark").WatermarkFontType>, gapX: number, gapY: number) => [dataURL: string, finalWidth: number, finalHeight: number];
  67. renderWatermark: () => void;
  68. onMutate: (mutations: MutationRecord[]) => void;
  69. }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
  70. readonly zIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 9, boolean>;
  71. readonly rotate: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, -22, boolean>;
  72. readonly width: NumberConstructor;
  73. readonly height: NumberConstructor;
  74. readonly image: StringConstructor;
  75. readonly content: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown, "Element Plus", boolean>;
  76. readonly font: {
  77. readonly type: import("vue").PropType<import("./src/watermark").WatermarkFontType>;
  78. readonly required: false;
  79. readonly validator: ((val: unknown) => boolean) | undefined;
  80. __epPropKey: true;
  81. };
  82. readonly gap: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => [number, number]) | (() => [number, number]) | ((new (...args: any[]) => [number, number]) | (() => [number, number]))[], unknown, unknown, () => number[], boolean>;
  83. readonly offset: {
  84. readonly type: import("vue").PropType<[number, number]>;
  85. readonly required: false;
  86. readonly validator: ((val: unknown) => boolean) | undefined;
  87. __epPropKey: true;
  88. };
  89. }>>, {
  90. readonly zIndex: number;
  91. readonly content: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]) | ((new (...args: any[]) => (string | string[]) & {}) | (() => string | string[]))[], unknown, unknown>;
  92. readonly rotate: number;
  93. readonly gap: [number, number];
  94. }>> & Record<string, any>;
  95. export default ElWatermark;
  96. export * from './src/watermark';